@vxrn/color-scheme 1.1.448 → 1.1.449
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/esm/index.native.js +58 -73
- package/dist/esm/index.native.js.map +1 -6
- package/package.json +5 -5
package/dist/esm/index.native.js
CHANGED
|
@@ -3,93 +3,78 @@ import { setColorScheme, useColorScheme as useColorSchemeBase, useColorSchemeSet
|
|
|
3
3
|
import "@vxrn/use-isomorphic-layout-effect";
|
|
4
4
|
import { createContext, useContext, useMemo } from "react";
|
|
5
5
|
import { getColorScheme, onColorSchemeChange } from "@vxrn/universal-color-scheme";
|
|
6
|
-
var storageKey = "vxrn-scheme",
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
state
|
|
16
|
-
setSchemeSetting
|
|
17
|
-
|
|
18
|
-
};
|
|
6
|
+
var storageKey = "vxrn-scheme",
|
|
7
|
+
clearColorSchemeSetting = function () {
|
|
8
|
+
setSchemeSetting("system");
|
|
9
|
+
};
|
|
10
|
+
var SchemeContext = /* @__PURE__ */createContext({
|
|
11
|
+
setting: "system",
|
|
12
|
+
scheme: "light"
|
|
13
|
+
}),
|
|
14
|
+
useColorScheme = function () {
|
|
15
|
+
var [state] = useColorSchemeBase();
|
|
16
|
+
return [state, setSchemeSetting];
|
|
17
|
+
};
|
|
19
18
|
function useSchemeSetting() {
|
|
20
19
|
var values = useContext(SchemeContext);
|
|
21
|
-
return [
|
|
22
|
-
values,
|
|
23
|
-
setSchemeSetting
|
|
24
|
-
];
|
|
20
|
+
return [values, setSchemeSetting];
|
|
25
21
|
}
|
|
26
22
|
function setSchemeSetting(next) {
|
|
27
23
|
typeof localStorage < "u" && localStorage.setItem(storageKey, next), setColorScheme(next);
|
|
28
24
|
}
|
|
29
25
|
function SchemeProvider(param) {
|
|
30
26
|
var {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
]),
|
|
50
|
-
children
|
|
51
|
-
})
|
|
52
|
-
]
|
|
27
|
+
children,
|
|
28
|
+
// defaults to tamagui-compatible
|
|
29
|
+
getClassName = function (name) {
|
|
30
|
+
return `t_${name}`;
|
|
31
|
+
}
|
|
32
|
+
} = param,
|
|
33
|
+
[colorSchemeSetting] = useColorSchemeSetting(),
|
|
34
|
+
[colorScheme] = useColorScheme();
|
|
35
|
+
return /* @__PURE__ */_jsxs(_Fragment, {
|
|
36
|
+
children: [null, /* @__PURE__ */_jsx(SchemeContext.Provider, {
|
|
37
|
+
value: useMemo(function () {
|
|
38
|
+
return {
|
|
39
|
+
scheme: colorScheme,
|
|
40
|
+
setting: colorSchemeSetting
|
|
41
|
+
};
|
|
42
|
+
}, [colorScheme, colorSchemeSetting]),
|
|
43
|
+
children
|
|
44
|
+
})]
|
|
53
45
|
});
|
|
54
46
|
}
|
|
55
|
-
var MetaTheme = function(param) {
|
|
56
|
-
var {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
47
|
+
var MetaTheme = function (param) {
|
|
48
|
+
var {
|
|
49
|
+
color,
|
|
50
|
+
darkColor,
|
|
51
|
+
lightColor
|
|
52
|
+
} = param,
|
|
53
|
+
[colorScheme] = useColorScheme();
|
|
54
|
+
return /* @__PURE__ */_jsxs(_Fragment, {
|
|
55
|
+
children: [/* itemProp removes hoisting - react wasnt de-duping it properly causing two in DOM */
|
|
56
|
+
/* maybe bug in safari or react */
|
|
57
|
+
/* @__PURE__ */_jsx("meta", {
|
|
58
|
+
itemProp: "__deopt",
|
|
59
|
+
// because the script below runs before render it actually ruins our nice ssr logic here
|
|
60
|
+
// instead we just avoid the warning its a single tag
|
|
61
|
+
suppressHydrationWarning: !0,
|
|
62
|
+
id: "vxrn-theme-color",
|
|
63
|
+
name: "theme-color",
|
|
64
|
+
content: color ?? (colorScheme === "dark" ? darkColor : lightColor)
|
|
65
|
+
}), /* ssr compat theme-color */
|
|
66
|
+
/* @__PURE__ */_jsx("script", {
|
|
67
|
+
id: "meta-theme-hydrate",
|
|
68
|
+
dangerouslySetInnerHTML: {
|
|
69
|
+
__html: `
|
|
75
70
|
let dc = document.getElementById('vxrn-theme-color')
|
|
76
71
|
let e1 = localStorage.getItem('${storageKey}')
|
|
77
72
|
let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
|
|
78
73
|
dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
|
|
79
74
|
`
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
]
|
|
75
|
+
}
|
|
76
|
+
})]
|
|
83
77
|
});
|
|
84
78
|
};
|
|
85
|
-
export {
|
|
86
|
-
|
|
87
|
-
SchemeProvider,
|
|
88
|
-
clearColorSchemeSetting,
|
|
89
|
-
getColorScheme,
|
|
90
|
-
onColorSchemeChange,
|
|
91
|
-
setSchemeSetting,
|
|
92
|
-
useColorScheme,
|
|
93
|
-
useSchemeSetting
|
|
94
|
-
};
|
|
95
|
-
//# sourceMappingURL=index.js.map
|
|
79
|
+
export { MetaTheme, SchemeProvider, clearColorSchemeSetting, getColorScheme, onColorSchemeChange, setSchemeSetting, useColorScheme, useSchemeSetting };
|
|
80
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/one/packages/color-scheme/src/index.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAEEA,gBACAC,kBAAkBC,oBAClBC,6BACK;AACP,OAA0C;AAC1C,SAASC,eAAeC,YAAYC,eAAe;AAKnD,SAASC,gBAAgBC,2BAA2B;AAEpD,IAAMC,aAAa,eAENC,0BAA0B,WAAA;AACrCC,mBAAiB,QAAA;AACnB;AAMA,IAAMC,gBAAgBC,8BAGnB;EACDC,SAAS;EACTC,QAAQ;AACV,CAAA,GAEaC,iBAAiB,WAAA;AAC5B,MAAM,CAACC,KAAAA,IAASC,mBAAAA;AAChB,SAAO;IAACD;IAAOE;;AACjB;AAEO,SAASC,mBAAAA;AACd,MAAMC,SAASC,WAAWV,aAAAA;AAC1B,SAAO;IAACS;IAAQF;;AAClB;AAEO,SAASA,iBAAiBI,MAAmB;AAClD,EAAI,OAAOC,eAAiB,OAC1BA,aAAaC,QAAQC,YAAYH,IAAAA,GAEnCI,eAAeJ,IAAAA;AACjB;AAEO,SAASK,eAAe,OAIuC;MAJvC;IAC7BC;;IAEAC,eAAe,SAACC,MAAAA;aAAS,KAAKA,IAAAA;;EAAM,IAHP,OAKvB,CAACC,kBAAAA,IAAsBC,sBAAAA,GACvB,CAACC,WAAAA,IAAelB,eAAAA;AAiBtB,SACE,sBAAA,WAAA;;MAC6C;MAgB3C,qBAACJ,cAAcuB,UAAQ;QACrBC,OAAOC,QACL,WAAA;iBAAO;YACLtB,QAAQmB;YACRpB,SAASkB;UACX;WACA;UAACE;UAAaF;SAAmB;;;;;AAO3C;AAEO,IAAMM,YAAY,SAAA,OAAA;MAAC,EACxBC,OACAC,WACAC,WAAU,IAC+C,OACnD,CAACP,WAAAA,IAAelB,eAAAA;AAEtB,SACE,sBAAA,WAAA;;;;MAGE,qBAAC0B,QAAAA;QACCC,UAAS;;;QAGTC,0BAAwB;QACxBC,IAAG;QACHd,MAAK;QACLe,SAASP,UAAUL,gBAAgB,SAASM,YAAYC;;;MAI1D,qBAACM,UAAAA;QACCF,IAAG;QACHG,yBAAyB;UACvBC,QAAQ;;iCAEevB,UAAAA;;oCAEGc,SAAAA,QAAiBC,UAAAA;;QAE7C;;;;AAIR;",
|
|
5
|
-
"names": ["setColorScheme", "useColorScheme", "useColorSchemeBase", "useColorSchemeSetting", "createContext", "useContext", "useMemo", "getColorScheme", "onColorSchemeChange", "storageKey", "clearColorSchemeSetting", "setSchemeSetting", "SchemeContext", "createContext", "setting", "scheme", "useColorScheme", "state", "useColorSchemeBase", "setSchemeSetting", "useSchemeSetting", "values", "useContext", "next", "localStorage", "setItem", "storageKey", "setColorScheme", "SchemeProvider", "children", "getClassName", "name", "colorSchemeSetting", "useColorSchemeSetting", "colorScheme", "Provider", "value", "useMemo", "MetaTheme", "color", "darkColor", "lightColor", "meta", "itemProp", "suppressHydrationWarning", "id", "content", "script", "dangerouslySetInnerHTML", "__html"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","setColorScheme","useColorScheme","useColorSchemeBase","useColorSchemeSetting","createContext","useContext","useMemo","getColorScheme","onColorSchemeChange","storageKey","clearColorSchemeSetting","setSchemeSetting","SchemeContext","setting","scheme","state","useSchemeSetting","values","next","localStorage","setItem","SchemeProvider","param","children","getClassName","name","colorSchemeSetting","colorScheme","Provider","value","MetaTheme","color","darkColor","lightColor","itemProp","suppressHydrationWarning","id","content","dangerouslySetInnerHTML","__html"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAAA,SAEEC,cAAA,EAAAC,cAAA,IAAAC,kBAAA,EAAAC,qBAAA;AAAA,OACA,oCAAkB;AAAA,SAClBC,aAAA,EAAAC,UAAA,EAAAC,OAAA;AAAA,SACKC,cAAA,EAAAC,mBAAA;AACP,IAAAC,UAAS;EAAAC,uBAAiC,YAAAA,CAAA;IAC1CC,gBAAS,SAAe;EAKxB;AA6DI,IAAAC,aAAA,GAEI,eAFJR,aAAA;IA3DJS,OAAM,UAAa;IAGjBC,MAAA;EACF;EAEMb,cAAa,YAAAA,CAAA,EACT;IAOR,KAAAc,KAAS,IAAAb,kBAAA;IACT,QAGWa,KAAA,EACXJ,gBAAgB,CAChB;EACF;AAEO,SAASK,iBAAA,EAAmB;EAEjC,IAAAC,MADe,GAAAZ,UAAW,CAAAO,aACV;EAClB,QAEOK,MAAS,EACVN,gBAAO,CAIb;AAEO;AAAwB,SAC7BA,iBAAAO,IAAA;EAAA,OAAAC,YAAA,UAAAA,YAAA,CAAAC,OAAA,CAAAX,UAAA,EAAAS,IAAA,GAAAlB,cAAA,CAAAkB,IAAA;AAAA;AAGF,SAAwEG,eAAAC,KAAA;EACtE;MAIEC,QAAA;MAEE;MAEAC,YAAM,GAAQ,SAAAA,CAAAC,IAAa;QAE3B,OAAK,KAAAA,IAAU;MACb;IACA,IAAAH,KAAA;IAAA,CAAAI,kBAAiB,IAAavB,qBAC9B,CAAU;IAAA,CAAIwB,WAAK,IAAA1B,cAAA;EAAA,OACrB,eAAAJ,KAAA,CAAAE,SAAA;IACFwB,QAAI,GAMA,MAAC,eAAA5B,IAAA,CAAAiB,aAAA,CAAAgB,QAAA;MAAAC,KAAA,EAAAvB,OAAA;QACC;UACEQ,MAAQ,EAAAa,WAAA;UAAAd,OAAA,EAAAa;QACuB;MACC,IACQC,WAAA,EAAAD,kBAAA;MAAAH;IAAA;EAK2B;AAErE;AAAA,IACFO,SAAA,YAAAA,CAAAR,KAAA;EAAA,IAEF;MAAAS,KAAA;MAAAC,SAAA;MAAAC;IAAA,IAAAX,KAAA;IAAA,CAAAK,WAAA,IAAA1B,cAAA;EAAA,OAAC,eAAcJ,KAAA,CAAAE,SAAA;IAAAwB,QAAd;IACQ;IACE,eACG5B,IAAA;MAAAuC,QACR,WAAS;MAAA;MACX;MAEFC,wBAAA;MAECC,EAAA;MAAAX,IAAA;MACHY,OAAA,EAAAN,KAAA,KAAAJ,WAAA,cAAAK,SAAA,GAAAC,UAAA;IACF,IAEJ;IAEa,eAAatC,IAAA;MACxByC,EAAA;MACAE,uBAAA;QACAC,MAAA;AACF;AACE,iCAAsB9B,UAAe;AAErC;AAII,oCAAAuB,SAAA,QAAAC,UAAA;AAAA;MAAC;IAAA,EACC;EAGwB;AACrB;AACE,SACmDH,SAAA,EAAAT,cAC1D,EAAAX,uBAGA,EAAAH,cAAC,EAAAC,mBAAA,EAAAG,gBACI,EAAAV,cACH,EAAyBe,gBACf","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vxrn/color-scheme",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.449",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"exports": {
|
|
6
6
|
"./package.json": "./package.json",
|
|
@@ -32,12 +32,12 @@
|
|
|
32
32
|
"watch": "tamagui-build --watch"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@tamagui/use-did-finish-ssr": "^1.125.
|
|
36
|
-
"@vxrn/universal-color-scheme": "1.1.
|
|
37
|
-
"@vxrn/use-isomorphic-layout-effect": "1.1.
|
|
35
|
+
"@tamagui/use-did-finish-ssr": "^1.125.8",
|
|
36
|
+
"@vxrn/universal-color-scheme": "1.1.449",
|
|
37
|
+
"@vxrn/use-isomorphic-layout-effect": "1.1.449"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@tamagui/build": "^1.125.
|
|
40
|
+
"@tamagui/build": "^1.125.8",
|
|
41
41
|
"react": "^18.3.1 || ^19.0.0",
|
|
42
42
|
"react-native": "^0.76.5"
|
|
43
43
|
},
|