@tamagui/logo 1.125.21 → 1.125.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/useTint.cjs +27 -29
- package/dist/cjs/useTint.js +4 -6
- package/dist/cjs/useTint.js.map +1 -1
- package/dist/cjs/useTint.native.js +5 -5
- package/dist/cjs/useTint.native.js.map +2 -2
- package/dist/esm/useTint.js +4 -7
- package/dist/esm/useTint.js.map +1 -1
- package/dist/esm/useTint.mjs +26 -29
- package/dist/esm/useTint.mjs.map +1 -1
- package/dist/esm/useTint.native.js +31 -34
- package/dist/esm/useTint.native.js.map +1 -1
- package/package.json +4 -4
- package/src/useTint.tsx +4 -10
- package/types/useTint.d.ts +2 -0
- package/types/useTint.d.ts.map +4 -3
package/dist/cjs/useTint.cjs
CHANGED
|
@@ -31,14 +31,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
31
31
|
}), mod);
|
|
32
32
|
var useTint_exports = {};
|
|
33
33
|
__export(useTint_exports, {
|
|
34
|
+
InitialPathContext: () => InitialPathContext,
|
|
34
35
|
getDocsSection: () => getDocsSection,
|
|
35
36
|
onTintChange: () => onTintChange,
|
|
36
37
|
setTintIndex: () => setTintIndex,
|
|
37
38
|
useTint: () => useTint
|
|
38
39
|
});
|
|
39
40
|
module.exports = __toCommonJS(useTint_exports);
|
|
40
|
-
var
|
|
41
|
-
import_react = __toESM(require("react"), 1),
|
|
41
|
+
var import_react = __toESM(require("react"), 1),
|
|
42
42
|
import_tints = require("./tints.cjs");
|
|
43
43
|
let current = 3;
|
|
44
44
|
const listeners = /* @__PURE__ */new Set(),
|
|
@@ -53,30 +53,28 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
53
53
|
function getDocsSection(pathname) {
|
|
54
54
|
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
55
55
|
}
|
|
56
|
-
const
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
tints
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
};
|
|
82
|
-
};
|
|
56
|
+
const InitialPathContext = (0, import_react.createContext)(3),
|
|
57
|
+
useTint = (altOffset = -1) => {
|
|
58
|
+
const initial = (0, import_react.useContext)(InitialPathContext),
|
|
59
|
+
index = import_react.default.useSyncExternalStore(onTintChange, () => current, () => initial),
|
|
60
|
+
tintsContext = (0, import_tints.useTints)(),
|
|
61
|
+
{
|
|
62
|
+
tints
|
|
63
|
+
} = tintsContext,
|
|
64
|
+
tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
65
|
+
return {
|
|
66
|
+
...tintsContext,
|
|
67
|
+
tints: tintsContext.tints,
|
|
68
|
+
tintIndex: index,
|
|
69
|
+
tintAltIndex,
|
|
70
|
+
tint: tints[index],
|
|
71
|
+
tintAlt: tints[tintAltIndex],
|
|
72
|
+
setTintIndex,
|
|
73
|
+
setNextTintFamily: import_tints.setNextTintFamily,
|
|
74
|
+
setNextTint: () => {
|
|
75
|
+
import_react.default.startTransition(() => {
|
|
76
|
+
setTintIndex(index + 1);
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
};
|
package/dist/cjs/useTint.js
CHANGED
|
@@ -22,13 +22,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
22
22
|
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
23
|
var useTint_exports = {};
|
|
24
24
|
__export(useTint_exports, {
|
|
25
|
+
InitialPathContext: () => InitialPathContext,
|
|
25
26
|
getDocsSection: () => getDocsSection,
|
|
26
27
|
onTintChange: () => onTintChange,
|
|
27
28
|
setTintIndex: () => setTintIndex,
|
|
28
29
|
useTint: () => useTint
|
|
29
30
|
});
|
|
30
31
|
module.exports = __toCommonJS(useTint_exports);
|
|
31
|
-
var
|
|
32
|
+
var import_react = __toESM(require("react"), 1), import_tints = require("./tints");
|
|
32
33
|
let current = 3;
|
|
33
34
|
const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (listeners.add(listener), () => {
|
|
34
35
|
listeners.delete(listener);
|
|
@@ -39,11 +40,8 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
39
40
|
function getDocsSection(pathname) {
|
|
40
41
|
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
41
42
|
}
|
|
42
|
-
const useTint = (altOffset = -1) => {
|
|
43
|
-
const
|
|
44
|
-
let initial = current;
|
|
45
|
-
section && (initial = section === "compiler" ? 5 : section === "core" ? 4 : 6);
|
|
46
|
-
const index = import_react.default.useSyncExternalStore(
|
|
43
|
+
const InitialPathContext = (0, import_react.createContext)(3), useTint = (altOffset = -1) => {
|
|
44
|
+
const initial = (0, import_react.useContext)(InitialPathContext), index = import_react.default.useSyncExternalStore(
|
|
47
45
|
onTintChange,
|
|
48
46
|
() => current,
|
|
49
47
|
() => initial
|
package/dist/cjs/useTint.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiD,8BAEjD,eAAsD;AAEtD,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAY;AACjB,YAAU,OAAO,QAAQ;AAC3B,IAGI,eAAW,uBAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAuB;AAClD,QAAM,MAAM,KAAK,IAAI,GAAG,OAAO,QAAQ;AACvC,EAAI,QAAQ,YACZ,UAAU,KACV,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,SAAS,eAAe,UAAqD;AAClF,SAAO,aAAa,kCAClB,aAAa,4BACb,aAAa,+BACX,aACA,SAAS,WAAW,MAAM,IACxB,OACA,SAAS,WAAW,QAAQ,IAC1B,SACA;AACV;AAEO,MAAM,yBAA4C,4BAAc,CAAC,GAE3D,UAAU,CACrB,YAAY,OAmBT;AACH,QAAM,cAAU,yBAAW,kBAAkB,GACvC,QAAQ,aAAAA,QAAM;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,mBAAe,uBAAS,GACxB,EAAE,MAAM,IAAI,cACZ,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;AAEhE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX;AAAA,IACA,MAAM,MAAM,KAAK;AAAA,IACjB,SAAS,MAAM,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAAA,QAAM,gBAAgB,MAAM;AAC1B,qBAAa,QAAQ,CAAC;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -23,13 +23,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
23
23
|
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
24
|
var useTint_exports = {};
|
|
25
25
|
__export(useTint_exports, {
|
|
26
|
+
InitialPathContext: () => InitialPathContext,
|
|
26
27
|
getDocsSection: () => getDocsSection,
|
|
27
28
|
onTintChange: () => onTintChange,
|
|
28
29
|
setTintIndex: () => setTintIndex,
|
|
29
30
|
useTint: () => useTint
|
|
30
31
|
});
|
|
31
32
|
module.exports = __toCommonJS(useTint_exports);
|
|
32
|
-
var
|
|
33
|
+
var import_react = __toESM(require("react"), 1), import_tints = require("./tints"), current = 3, listeners = /* @__PURE__ */ new Set(), onTintChange = function(listener) {
|
|
33
34
|
return listeners.add(listener), function() {
|
|
34
35
|
listeners.delete(listener);
|
|
35
36
|
};
|
|
@@ -42,10 +43,8 @@ var import_one = require("one"), import_react = __toESM(require("react"), 1), im
|
|
|
42
43
|
function getDocsSection(pathname) {
|
|
43
44
|
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
44
45
|
}
|
|
45
|
-
var useTint = function() {
|
|
46
|
-
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1,
|
|
47
|
-
section && (initial = section === "compiler" ? 5 : section === "core" ? 4 : 6);
|
|
48
|
-
var index = import_react.default.useSyncExternalStore(onTintChange, function() {
|
|
46
|
+
var InitialPathContext = /* @__PURE__ */ (0, import_react.createContext)(3), useTint = function() {
|
|
47
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1, initial = (0, import_react.useContext)(InitialPathContext), index = import_react.default.useSyncExternalStore(onTintChange, function() {
|
|
49
48
|
return current;
|
|
50
49
|
}, function() {
|
|
51
50
|
return initial;
|
|
@@ -68,6 +67,7 @@ var useTint = function() {
|
|
|
68
67
|
};
|
|
69
68
|
// Annotate the CommonJS export names for ESM import in node:
|
|
70
69
|
0 && (module.exports = {
|
|
70
|
+
InitialPathContext,
|
|
71
71
|
getDocsSection,
|
|
72
72
|
onTintChange,
|
|
73
73
|
setTintIndex,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/useTint.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
5
|
-
"names": ["current", "listeners", "Set", "onTintChange", "listener", "add", "delete", "numTints", "getTints", "tints", "length", "setTintIndex", "next", "val", "Math", "max", "forEach", "x", "getDocsSection", "pathname", "startsWith", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;mBAAiD,8BAEjD,eAAsD,oBAElDA,UAAU,GAERC,YAAY,oBAAIC,IAAAA,GAETC,eAAe,SAACC,UAAAA;AAC3BH,mBAAUI,IAAID,QAAAA,GACP,WAAA;AACLH,cAAUK,OAAOF,QAAAA;EACnB;AACF,GAEMG,eAAWC,uBAAAA,EAAWC,MAAMC,QAErBC,eAAe,SAACC,MAAAA;AAC3B,MAAMC,MAAMC,KAAKC,IAAI,GAAGH,OAAOL,QAAAA;AAC/B,EAAIM,QAAQb,YACZA,UAAUa,KACVZ,UAAUe,QAAQ,SAACC,GAAAA;WAAMA,EAAEJ,GAAAA;;AAC7B;AAEO,SAASK,eAAeC,UAAgB;AAC7C,SAAOA,aAAa,kCAClBA,aAAa,4BACbA,aAAa,+BACX,aACAA,SAASC,WAAW,MAAA,IAClB,OACAD,SAASC,WAAW,QAAA,IAClB,SACA;AACV;AAEO,IAAMC,qBAA4CC,gDAAc,CAAA,GAE1DC,UAAU,WAAA;MACrBC,YAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAY,IAoBNC,cAAUC,yBAAWL,kBAAAA,GACrBM,QAAQC,aAAAA,QAAMC,qBAClB1B,cACA,WAAA;WAAMH;KACN,WAAA;WAAMyB;MAEFK,mBAAeC,uBAAAA,GACf,EAAEtB,MAAK,IAAKqB,cACZE,eAAelB,KAAKmB,KAAKN,QAAQH,aAAaf,MAAMC,MAAM;AAEhE,SAAO;IACL,GAAGoB;IACHrB,OAAOqB,aAAarB;IACpByB,WAAWP;IACXK;IACAG,MAAM1B,MAAMkB,KAAAA;IACZS,SAAS3B,MAAMuB,YAAAA;IACfrB;IACA0B;IACAC,aAAa,WAAA;AACXV,mBAAAA,QAAMW,gBAAgB,WAAA;AACpB5B,qBAAagB,QAAQ,CAAA;MACvB,CAAA;IACF;EACF;AACF;",
|
|
5
|
+
"names": ["current", "listeners", "Set", "onTintChange", "listener", "add", "delete", "numTints", "getTints", "tints", "length", "setTintIndex", "next", "val", "Math", "max", "forEach", "x", "getDocsSection", "pathname", "startsWith", "InitialPathContext", "createContext", "useTint", "altOffset", "initial", "useContext", "index", "React", "useSyncExternalStore", "tintsContext", "useTints", "tintAltIndex", "abs", "tintIndex", "tint", "tintAlt", "setNextTintFamily", "setNextTint", "startTransition"]
|
|
6
6
|
}
|
package/dist/esm/useTint.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import React from "react";
|
|
1
|
+
import React, { createContext, useContext } from "react";
|
|
3
2
|
import { getTints, setNextTintFamily, useTints } from "./tints";
|
|
4
3
|
let current = 3;
|
|
5
4
|
const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (listeners.add(listener), () => {
|
|
@@ -11,11 +10,8 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
11
10
|
function getDocsSection(pathname) {
|
|
12
11
|
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
13
12
|
}
|
|
14
|
-
const useTint = (altOffset = -1) => {
|
|
15
|
-
const
|
|
16
|
-
let initial = current;
|
|
17
|
-
section && (initial = section === "compiler" ? 5 : section === "core" ? 4 : 6);
|
|
18
|
-
const index = React.useSyncExternalStore(
|
|
13
|
+
const InitialPathContext = createContext(3), useTint = (altOffset = -1) => {
|
|
14
|
+
const initial = useContext(InitialPathContext), index = React.useSyncExternalStore(
|
|
19
15
|
onTintChange,
|
|
20
16
|
() => current,
|
|
21
17
|
() => initial
|
|
@@ -37,6 +33,7 @@ const useTint = (altOffset = -1) => {
|
|
|
37
33
|
};
|
|
38
34
|
};
|
|
39
35
|
export {
|
|
36
|
+
InitialPathContext,
|
|
40
37
|
getDocsSection,
|
|
41
38
|
onTintChange,
|
|
42
39
|
setTintIndex,
|
package/dist/esm/useTint.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,
|
|
4
|
+
"mappings": "AAAA,OAAO,SAAS,eAAe,kBAAkB;AAEjD,SAAS,UAAU,mBAAmB,gBAAgB;AAEtD,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAY;AACjB,YAAU,OAAO,QAAQ;AAC3B,IAGI,WAAW,SAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAuB;AAClD,QAAM,MAAM,KAAK,IAAI,GAAG,OAAO,QAAQ;AACvC,EAAI,QAAQ,YACZ,UAAU,KACV,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,SAAS,eAAe,UAAqD;AAClF,SAAO,aAAa,kCAClB,aAAa,4BACb,aAAa,+BACX,aACA,SAAS,WAAW,MAAM,IACxB,OACA,SAAS,WAAW,QAAQ,IAC1B,SACA;AACV;AAEO,MAAM,qBAA4C,cAAc,CAAC,GAE3D,UAAU,CACrB,YAAY,OAmBT;AACH,QAAM,UAAU,WAAW,kBAAkB,GACvC,QAAQ,MAAM;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI,cACZ,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;AAEhE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX;AAAA,IACA,MAAM,MAAM,KAAK;AAAA,IACjB,SAAS,MAAM,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,YAAM,gBAAgB,MAAM;AAC1B,qBAAa,QAAQ,CAAC;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/useTint.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import React from "react";
|
|
1
|
+
import React, { createContext, useContext } from "react";
|
|
3
2
|
import { getTints, setNextTintFamily, useTints } from "./tints.mjs";
|
|
4
3
|
let current = 3;
|
|
5
4
|
const listeners = /* @__PURE__ */new Set(),
|
|
@@ -14,32 +13,30 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
14
13
|
function getDocsSection(pathname) {
|
|
15
14
|
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
16
15
|
}
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
tints
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}
|
|
16
|
+
const InitialPathContext = createContext(3),
|
|
17
|
+
useTint = (altOffset = -1) => {
|
|
18
|
+
const initial = useContext(InitialPathContext),
|
|
19
|
+
index = React.useSyncExternalStore(onTintChange, () => current, () => initial),
|
|
20
|
+
tintsContext = useTints(),
|
|
21
|
+
{
|
|
22
|
+
tints
|
|
23
|
+
} = tintsContext,
|
|
24
|
+
tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
25
|
+
return {
|
|
26
|
+
...tintsContext,
|
|
27
|
+
tints: tintsContext.tints,
|
|
28
|
+
tintIndex: index,
|
|
29
|
+
tintAltIndex,
|
|
30
|
+
tint: tints[index],
|
|
31
|
+
tintAlt: tints[tintAltIndex],
|
|
32
|
+
setTintIndex,
|
|
33
|
+
setNextTintFamily,
|
|
34
|
+
setNextTint: () => {
|
|
35
|
+
React.startTransition(() => {
|
|
36
|
+
setTintIndex(index + 1);
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
};
|
|
42
40
|
};
|
|
43
|
-
};
|
|
44
|
-
export { getDocsSection, onTintChange, setTintIndex, useTint };
|
|
41
|
+
export { InitialPathContext, getDocsSection, onTintChange, setTintIndex, useTint };
|
|
45
42
|
//# sourceMappingURL=useTint.mjs.map
|
package/dist/esm/useTint.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","getTints","setNextTintFamily","useTints","current","listeners","Set","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","initial","index","useSyncExternalStore","tintsContext","tintAltIndex","abs","tintIndex","tint","tintAlt","setNextTint","startTransition"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,aAAA,EAAeC,UAAA,QAAkB;AAEjD,SAASC,QAAA,EAAUC,iBAAA,EAAmBC,QAAA,QAAgB;AAEtD,IAAIC,OAAA,GAAU;AAEd,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAc;EAEvBC,YAAA,GAAgBC,QAAA,KAC3BH,SAAA,CAAUI,GAAA,CAAID,QAAQ,GACf,MAAY;IACjBH,SAAA,CAAUK,MAAA,CAAOF,QAAQ;EAC3B;EAGIG,QAAA,GAAWV,QAAA,CAAS,EAAEW,KAAA,CAAMC,MAAA;EAErBC,YAAA,GAAgBC,IAAA,IAAuB;IAClD,MAAMC,GAAA,GAAMC,IAAA,CAAKC,GAAA,CAAI,GAAGH,IAAA,GAAOJ,QAAQ;IACnCK,GAAA,KAAQZ,OAAA,KACZA,OAAA,GAAUY,GAAA,EACVX,SAAA,CAAUc,OAAA,CAASC,CAAA,IAAMA,CAAA,CAAEJ,GAAG,CAAC;EACjC;AAEO,SAASK,eAAeC,QAAA,EAAqD;EAClF,OAAOA,QAAA,KAAa,kCAClBA,QAAA,KAAa,4BACbA,QAAA,KAAa,+BACX,aACAA,QAAA,CAASC,UAAA,CAAW,MAAM,IACxB,OACAD,QAAA,CAASC,UAAA,CAAW,QAAQ,IAC1B,SACA;AACV;AAEO,MAAMC,kBAAA,GAA4CzB,aAAA,CAAc,CAAC;EAE3D0B,OAAA,GAAUA,CACrBC,SAAA,GAAY,OAmBT;IACH,MAAMC,OAAA,GAAU3B,UAAA,CAAWwB,kBAAkB;MACvCI,KAAA,GAAQ9B,KAAA,CAAM+B,oBAAA,CAClBtB,YAAA,EACA,MAAMH,OAAA,EACN,MAAMuB,OACR;MACMG,YAAA,GAAe3B,QAAA,CAAS;MACxB;QAAES;MAAM,IAAIkB,YAAA;MACZC,YAAA,GAAed,IAAA,CAAKe,GAAA,EAAKJ,KAAA,GAAQF,SAAA,IAAad,KAAA,CAAMC,MAAM;IAEhE,OAAO;MACL,GAAGiB,YAAA;MACHlB,KAAA,EAAOkB,YAAA,CAAalB,KAAA;MACpBqB,SAAA,EAAWL,KAAA;MACXG,YAAA;MACAG,IAAA,EAAMtB,KAAA,CAAMgB,KAAK;MACjBO,OAAA,EAASvB,KAAA,CAAMmB,YAAY;MAC3BjB,YAAA;MACAZ,iBAAA;MACAkC,WAAA,EAAaA,CAAA,KAAM;QACjBtC,KAAA,CAAMuC,eAAA,CAAgB,MAAM;UAC1BvB,YAAA,CAAac,KAAA,GAAQ,CAAC;QACxB,CAAC;MACH;IACF;EACF","ignoreList":[]}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import React from "react";
|
|
1
|
+
import React, { createContext, useContext } from "react";
|
|
3
2
|
import { getTints, setNextTintFamily, useTints } from "./tints.native.js";
|
|
4
3
|
var current = 3,
|
|
5
4
|
listeners = /* @__PURE__ */new Set(),
|
|
@@ -18,37 +17,35 @@ var current = 3,
|
|
|
18
17
|
function getDocsSection(pathname) {
|
|
19
18
|
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
20
19
|
}
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
tints
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}
|
|
20
|
+
var InitialPathContext = /* @__PURE__ */createContext(3),
|
|
21
|
+
useTint = function () {
|
|
22
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1,
|
|
23
|
+
initial = useContext(InitialPathContext),
|
|
24
|
+
index = React.useSyncExternalStore(onTintChange, function () {
|
|
25
|
+
return current;
|
|
26
|
+
}, function () {
|
|
27
|
+
return initial;
|
|
28
|
+
}),
|
|
29
|
+
tintsContext = useTints(),
|
|
30
|
+
{
|
|
31
|
+
tints
|
|
32
|
+
} = tintsContext,
|
|
33
|
+
tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
34
|
+
return {
|
|
35
|
+
...tintsContext,
|
|
36
|
+
tints: tintsContext.tints,
|
|
37
|
+
tintIndex: index,
|
|
38
|
+
tintAltIndex,
|
|
39
|
+
tint: tints[index],
|
|
40
|
+
tintAlt: tints[tintAltIndex],
|
|
41
|
+
setTintIndex,
|
|
42
|
+
setNextTintFamily,
|
|
43
|
+
setNextTint: function () {
|
|
44
|
+
React.startTransition(function () {
|
|
45
|
+
setTintIndex(index + 1);
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
};
|
|
51
49
|
};
|
|
52
|
-
};
|
|
53
|
-
export { getDocsSection, onTintChange, setTintIndex, useTint };
|
|
50
|
+
export { InitialPathContext, getDocsSection, onTintChange, setTintIndex, useTint };
|
|
54
51
|
//# sourceMappingURL=useTint.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","getTints","setNextTintFamily","useTints","current","listeners","Set","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","arguments","initial","index","useSyncExternalStore","tintsContext","tintAltIndex","abs","tintIndex","tint","tintAlt","setNextTint","startTransition"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,aAAA,EAAeC,UAAA,QAAkB;AAEjD,SAASC,QAAA,EAAUC,iBAAA,EAAmBC,QAAA,QAAgB;AAEtD,IAAIC,OAAA,GAAU;EAAAC,SAAA,sBAAAC,GAAA;EAAAC,YAAA,YAAAA,CAAAC,QAAA;IAEd,OAAMH,SAAY,CAAAI,GAAA,CAAAD,QAAA,eAEL;MAGTH,SAAU,CAAAK,MAAO,CAAAF,QAAQ;IAC3B;EAMA;EAAAG,QAAM,GAAMV,QAAK,CAAI,EAAAW,KAAG,CAAAC,MAAO;EAAAC,YAAQ,YAAAA,CAAAC,IAAA;IACnC,IAAAC,GAAA,GAAQC,IAAA,CAAAC,GAAA,EACZ,EAAAH,IAAA,GAAAJ,QACA;IACFK,GAAA,KAAAZ,OAAA,KAAAA,OAAA,GAAAY,GAAA,EAAAX,SAAA,CAAAc,OAAA,WAAAC,CAAA;MAEO,OAASA,CAAA,CAAAJ,GAAA;IACd;EASF;AAEO,SAAMK,eAAAC,QAA4C;EAuBvD,OAAMA,QAAA,KAAU,8BACV,IAAAA,QAAc,iCAAAA,QAAA,iDAAAA,QAAA,CAAAC,UAAA,kBAAAD,QAAA,CAAAC,UAAA;AAAA;AAClB,IACAC,kBAAM,kBAAAzB,aAAA;EAAA0B,OAAA,YAAAA,CAAA;IAAA,IACNC,SAAM,GAAAC,SAAA,CAAAd,MAAA,QAAAc,SAAA,iBAAAA,SAAA;MAAAC,OAAA,GAAA5B,UAAA,CAAAwB,kBAAA;MAAAK,KAAA,GAAA/B,KAAA,CAAAgC,oBAAA,CAAAvB,YAAA;QACR,OACMH,OAAA;MAIN,eAAO;QACL,OAAGwB,OAAA;MAAA,EACH;MAAAG,YAAO,GAAA5B,QAAa;MAAA;QAAAS;MAAA,IAAAmB,YAAA;MAAAC,YAAA,GAAAf,IAAA,CAAAgB,GAAA,EAAAJ,KAAA,GAAAH,SAAA,IAAAd,KAAA,CAAAC,MAAA;IAAA,OACpB;MACA,GAAAkB,YAAA;MACAnB,KAAA,EAAMmB,YAAW,CAAAnB,KAAA;MACjBsB,SAAS,EAAAL,KAAM;MACfG,YAAA;MACAG,IAAA,EAAAvB,KAAA,CAAAiB,KAAA;MACAO,OAAA,EAAAxB,KAAa,CAAAoB,YAAM;MACjBlB,YAAM;MACJZ,iBAAa;MAASmC,WACvB,WAAAA,CAAA;QACHvC,KAAA,CAAAwC,eAAA;UACFxB,YAAA,CAAAe,KAAA;QACF","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/logo",
|
|
3
|
-
"version": "1.125.
|
|
3
|
+
"version": "1.125.23",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -44,11 +44,11 @@
|
|
|
44
44
|
"clean:build": "tamagui-build clean:build"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"one": "1.1.
|
|
48
|
-
"tamagui": "1.125.
|
|
47
|
+
"one": "1.1.462",
|
|
48
|
+
"tamagui": "1.125.23"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@tamagui/build": "1.125.
|
|
51
|
+
"@tamagui/build": "1.125.23",
|
|
52
52
|
"react": "*"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|
package/src/useTint.tsx
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import React from 'react'
|
|
1
|
+
import React, { createContext, useContext } from 'react'
|
|
3
2
|
import type { ThemeName } from 'tamagui'
|
|
4
3
|
import { getTints, setNextTintFamily, useTints } from './tints'
|
|
5
4
|
|
|
@@ -35,6 +34,8 @@ export function getDocsSection(pathname: string): 'compiler' | 'ui' | 'core' | n
|
|
|
35
34
|
: null
|
|
36
35
|
}
|
|
37
36
|
|
|
37
|
+
export const InitialPathContext: React.Context<number> = createContext(3)
|
|
38
|
+
|
|
38
39
|
export const useTint = (
|
|
39
40
|
altOffset = -1
|
|
40
41
|
): {
|
|
@@ -56,14 +57,7 @@ export const useTint = (
|
|
|
56
57
|
lunar: string[]
|
|
57
58
|
}
|
|
58
59
|
} => {
|
|
59
|
-
const
|
|
60
|
-
const section = getDocsSection(pathname)
|
|
61
|
-
|
|
62
|
-
let initial = current
|
|
63
|
-
if (section) {
|
|
64
|
-
initial = section === 'compiler' ? 5 : section === 'core' ? 4 : 6
|
|
65
|
-
}
|
|
66
|
-
|
|
60
|
+
const initial = useContext(InitialPathContext)
|
|
67
61
|
const index = React.useSyncExternalStore(
|
|
68
62
|
onTintChange,
|
|
69
63
|
() => current,
|
package/types/useTint.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import type { ThemeName } from "tamagui";
|
|
2
3
|
export declare const onTintChange: (listener: (cur: number) => void) => () => void;
|
|
3
4
|
export declare const setTintIndex: (next: number) => void;
|
|
4
5
|
export declare function getDocsSection(pathname: string): "compiler" | "ui" | "core" | null;
|
|
6
|
+
export declare const InitialPathContext: React.Context<number>;
|
|
5
7
|
export declare const useTint: (altOffset?: number) => {
|
|
6
8
|
tints: ThemeName[];
|
|
7
9
|
tintIndex: number;
|
package/types/useTint.d.ts.map
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "
|
|
2
|
+
"mappings": "AAAA,OAAO,WAA0C,OAAO;AACxD,cAAc,iBAAiB,SAAS;AAOxC,OAAO,cAAM,eAAgBA,WAAWC;AASxC,OAAO,cAAM,eAAgBC;AAO7B,OAAO,iBAAS,eAAeC,mBAAmB,aAAa,OAAO,SAAS;AAY/E,OAAO,cAAMC,oBAAoB,MAAM;AAEvC,OAAO,cAAM,UACX,uBACC;CACD,OAAO;CACP;CACA;CACA,MAAM;CACN,SAAS;CACT,eAAeF;CACf;CACA;CACA;CACA,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;CACD;AACF",
|
|
3
3
|
"names": [
|
|
4
4
|
"listener: (cur: number) => void",
|
|
5
5
|
"cur: number",
|
|
6
6
|
"next: number",
|
|
7
|
-
"pathname: string"
|
|
7
|
+
"pathname: string",
|
|
8
|
+
"InitialPathContext: React.Context<number>"
|
|
8
9
|
],
|
|
9
10
|
"sources": [
|
|
10
11
|
"src/useTint.tsx"
|
|
11
12
|
],
|
|
12
13
|
"sourcesContent": [
|
|
13
|
-
"import {
|
|
14
|
+
"import React, { createContext, useContext } from 'react'\nimport type { ThemeName } from 'tamagui'\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\nlet current = 3\n\nconst listeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n listeners.add(listener)\n return (): void => {\n listeners.delete(listener)\n }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number): void => {\n const val = Math.max(0, next % numTints)\n if (val === current) return\n current = val\n listeners.forEach((x) => x(val))\n}\n\nexport function getDocsSection(pathname: string): 'compiler' | 'ui' | 'core' | null {\n return pathname === '/docs/intro/compiler-install' ||\n pathname === '/docs/intro/benchmarks' ||\n pathname === '/docs/intro/why-a-compiler'\n ? 'compiler'\n : pathname.startsWith('/ui/')\n ? 'ui'\n : pathname.startsWith('/docs/')\n ? 'core'\n : null\n}\n\nexport const InitialPathContext: React.Context<number> = createContext(3)\n\nexport const useTint = (\n altOffset = -1\n): {\n tints: ThemeName[]\n tintIndex: number\n tintAltIndex: number\n tint: ThemeName\n tintAlt: ThemeName\n setTintIndex: (next: number) => void\n setNextTintFamily: () => void\n setNextTint: () => void\n name: string\n families: {\n tamagui: string[]\n xmas: string[]\n easter: string[]\n halloween: string[]\n valentine: string[]\n lunar: string[]\n }\n} => {\n const initial = useContext(InitialPathContext)\n const index = React.useSyncExternalStore(\n onTintChange,\n () => current,\n () => initial\n )\n const tintsContext = useTints()\n const { tints } = tintsContext\n const tintAltIndex = Math.abs((index + altOffset) % tints.length)\n\n return {\n ...tintsContext,\n tints: tintsContext.tints as ThemeName[],\n tintIndex: index,\n tintAltIndex,\n tint: tints[index] as ThemeName,\n tintAlt: tints[tintAltIndex] as ThemeName,\n setTintIndex,\n setNextTintFamily,\n setNextTint: () => {\n React.startTransition(() => {\n setTintIndex(index + 1)\n })\n },\n } as const\n}\n"
|
|
14
15
|
],
|
|
15
16
|
"version": 3
|
|
16
17
|
}
|