@vxrn/color-scheme 1.27.1 → 2.0.0-beta.45.1
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/index.cjs +63 -87
- package/dist/cjs/index.native.cjs +75 -0
- package/dist/cjs/index.native.js +47 -66
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/safeStorage.cjs +23 -25
- package/dist/cjs/safeStorage.native.cjs +40 -0
- package/dist/cjs/safeStorage.native.js +23 -24
- package/dist/cjs/safeStorage.native.js.map +1 -1
- package/dist/cjs/systemScheme.cjs +24 -26
- package/dist/cjs/systemScheme.native.cjs +59 -0
- package/dist/cjs/systemScheme.native.js +38 -41
- package/dist/cjs/systemScheme.native.js.map +1 -1
- package/dist/cjs/userScheme.cjs +104 -106
- package/dist/cjs/userScheme.native.cjs +169 -0
- package/dist/cjs/userScheme.native.js +116 -116
- package/dist/cjs/userScheme.native.js.map +1 -1
- package/dist/cjs/userSchemeAppearance.cjs +17 -19
- package/dist/cjs/userSchemeAppearance.native.cjs +39 -0
- package/dist/cjs/userSchemeAppearance.native.js +19 -20
- package/dist/cjs/userSchemeAppearance.native.js.map +1 -1
- package/dist/esm/index.js +44 -64
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +44 -64
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +28 -44
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/safeStorage.mjs +9 -8
- package/dist/esm/safeStorage.mjs.map +1 -1
- package/dist/esm/safeStorage.native.js +9 -8
- package/dist/esm/safeStorage.native.js.map +1 -1
- package/dist/esm/systemScheme.mjs +11 -9
- package/dist/esm/systemScheme.mjs.map +1 -1
- package/dist/esm/systemScheme.native.js +27 -27
- package/dist/esm/systemScheme.native.js.map +1 -1
- package/dist/esm/userScheme.mjs +87 -85
- package/dist/esm/userScheme.mjs.map +1 -1
- package/dist/esm/userScheme.native.js +99 -96
- package/dist/esm/userScheme.native.js.map +1 -1
- package/dist/esm/userSchemeAppearance.mjs +3 -1
- package/dist/esm/userSchemeAppearance.mjs.map +1 -1
- package/dist/esm/userSchemeAppearance.native.js +5 -3
- package/dist/esm/userSchemeAppearance.native.js.map +1 -1
- package/package.json +3 -3
- package/dist/cjs/safeStorage.test.cjs +0 -49
- package/dist/cjs/safeStorage.test.native.js +0 -66
- package/dist/cjs/safeStorage.test.native.js.map +0 -1
- package/dist/esm/safeStorage.test.mjs +0 -50
- package/dist/esm/safeStorage.test.mjs.map +0 -1
- package/dist/esm/safeStorage.test.native.js +0 -64
- package/dist/esm/safeStorage.test.native.js.map +0 -1
- package/types/safeStorage.test.d.ts +0 -2
- package/types/safeStorage.test.d.ts.map +0 -1
|
@@ -5,38 +5,37 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
12
|
};
|
|
13
13
|
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
21
|
};
|
|
22
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
-
value: true
|
|
24
|
-
}), mod);
|
|
22
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
25
23
|
var userSchemeAppearance_native_exports = {};
|
|
26
24
|
__export(userSchemeAppearance_native_exports, {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
addAppearanceChangeListener: () => addAppearanceChangeListener,
|
|
26
|
+
getAppearanceScheme: () => getAppearanceScheme,
|
|
27
|
+
setAppearanceScheme: () => setAppearanceScheme
|
|
30
28
|
});
|
|
31
29
|
module.exports = __toCommonJS(userSchemeAppearance_native_exports);
|
|
32
30
|
var import_react_native = require("react-native");
|
|
33
31
|
function getAppearanceScheme() {
|
|
34
|
-
|
|
32
|
+
return import_react_native.Appearance.getColorScheme() === "dark" ? "dark" : "light";
|
|
35
33
|
}
|
|
36
34
|
function setAppearanceScheme(scheme) {
|
|
37
|
-
|
|
35
|
+
import_react_native.Appearance.setColorScheme(scheme);
|
|
38
36
|
}
|
|
39
37
|
function addAppearanceChangeListener(listener) {
|
|
40
|
-
|
|
38
|
+
import_react_native.Appearance.addChangeListener(listener);
|
|
41
39
|
}
|
|
40
|
+
|
|
42
41
|
//# sourceMappingURL=userSchemeAppearance.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"userSchemeAppearance.native.js","names":[],"sources":["cjs/userSchemeAppearance.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar userSchemeAppearance_native_exports = {};\n__export(userSchemeAppearance_native_exports, {\n addAppearanceChangeListener: () => addAppearanceChangeListener,\n getAppearanceScheme: () => getAppearanceScheme,\n setAppearanceScheme: () => setAppearanceScheme\n});\nmodule.exports = __toCommonJS(userSchemeAppearance_native_exports);\nvar import_react_native = require(\"react-native\");\nfunction getAppearanceScheme() {\n return import_react_native.Appearance.getColorScheme() === \"dark\" ? \"dark\" : \"light\";\n}\nfunction setAppearanceScheme(scheme) {\n import_react_native.Appearance.setColorScheme(scheme);\n}\nfunction addAppearanceChangeListener(listener) {\n import_react_native.Appearance.addChangeListener(listener);\n}\n//# sourceMappingURL=userSchemeAppearance.native.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,sCAAsC,CAAC;AAC3C,SAAS,qCAAqC;CAC5C,mCAAmC;CACnC,2BAA2B;CAC3B,2BAA2B;AAC7B,CAAC;AACD,OAAO,UAAU,aAAa,mCAAmC;AACjE,IAAI,sBAAsB,QAAQ,cAAc;AAChD,SAAS,sBAAsB;CAC7B,OAAO,oBAAoB,WAAW,eAAe,MAAM,SAAS,SAAS;AAC/E;AACA,SAAS,oBAAoB,QAAQ;CACnC,oBAAoB,WAAW,eAAe,MAAM;AACtD;AACA,SAAS,4BAA4B,UAAU;CAC7C,oBAAoB,WAAW,kBAAkB,QAAQ;AAC3D"}
|
package/dist/esm/index.js
CHANGED
|
@@ -3,40 +3,33 @@ import { getStorageItem } from "./safeStorage.mjs";
|
|
|
3
3
|
import { getForceScheme, getUserScheme, onUserSchemeChange, setForceScheme, setUserScheme, setUserScheme as setUserScheme2, useUserScheme, useUserScheme as useUserScheme2 } from "./userScheme.mjs";
|
|
4
4
|
import { getSystemScheme, useSystemScheme } from "./systemScheme.mjs";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
|
|
6
7
|
const storageKey = "vxrn-scheme";
|
|
7
|
-
function SchemeProvider({
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const toRemove = getClassName(resolvedValue === "light" ? "dark" : "light");
|
|
26
|
-
const {
|
|
27
|
-
classList
|
|
28
|
-
} = document.documentElement;
|
|
29
|
-
classList.remove(toRemove);
|
|
30
|
-
if (!classList.contains(toAdd)) classList.add(toAdd);
|
|
31
|
-
}, [getClassName, resolvedValue]);
|
|
32
|
-
let scriptContent;
|
|
33
|
-
if (forceScheme) scriptContent = `let d = document.documentElement.classList
|
|
8
|
+
function SchemeProvider({ children, getClassName = (name) => `t_${name}`, defaultScheme, forceScheme }) {
|
|
9
|
+
setForceScheme(forceScheme ?? null);
|
|
10
|
+
const { value } = useUserScheme();
|
|
11
|
+
const resolvedValue = forceScheme ?? value;
|
|
12
|
+
useIsomorphicLayoutEffect(() => {
|
|
13
|
+
if (!forceScheme && defaultScheme) {
|
|
14
|
+
if (!getStorageItem(storageKey)) setUserScheme(defaultScheme);
|
|
15
|
+
}
|
|
16
|
+
}, [defaultScheme, forceScheme]);
|
|
17
|
+
useIsomorphicLayoutEffect(() => {
|
|
18
|
+
const toAdd = getClassName(resolvedValue);
|
|
19
|
+
const toRemove = getClassName(resolvedValue === "light" ? "dark" : "light");
|
|
20
|
+
const { classList } = document.documentElement;
|
|
21
|
+
classList.remove(toRemove);
|
|
22
|
+
if (!classList.contains(toAdd)) classList.add(toAdd);
|
|
23
|
+
}, [getClassName, resolvedValue]);
|
|
24
|
+
let scriptContent;
|
|
25
|
+
if (forceScheme) scriptContent = `let d = document.documentElement.classList
|
|
34
26
|
d.remove('${getClassName("light")}')
|
|
35
27
|
d.remove('${getClassName("dark")}')
|
|
36
|
-
d.add('${getClassName(forceScheme)}')`;
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
28
|
+
d.add('${getClassName(forceScheme)}')`;
|
|
29
|
+
else {
|
|
30
|
+
const fallback = defaultScheme ? `'${defaultScheme}' === 'dark'` : `window.matchMedia('(prefers-color-scheme: dark)').matches`;
|
|
31
|
+
const seedStorage = defaultScheme ? `;if(!e){localStorage.setItem('${storageKey}','${defaultScheme}')}` : "";
|
|
32
|
+
scriptContent = `let d = document.documentElement.classList
|
|
40
33
|
d.remove('${getClassName("light")}')
|
|
41
34
|
d.remove('${getClassName("dark")}')
|
|
42
35
|
let e = null
|
|
@@ -45,44 +38,31 @@ let t = 'system' === e || !e
|
|
|
45
38
|
? ${fallback}
|
|
46
39
|
: e === 'dark'
|
|
47
40
|
t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')`;
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
__html: scriptContent
|
|
54
|
-
}
|
|
55
|
-
}), children]
|
|
56
|
-
});
|
|
41
|
+
}
|
|
42
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("script", {
|
|
43
|
+
suppressHydrationWarning: true,
|
|
44
|
+
dangerouslySetInnerHTML: { __html: scriptContent }
|
|
45
|
+
}), children] });
|
|
57
46
|
}
|
|
58
|
-
function MetaTheme({
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}) {
|
|
63
|
-
const {
|
|
64
|
-
value
|
|
65
|
-
} = useUserScheme();
|
|
66
|
-
const forced = getForceScheme();
|
|
67
|
-
const scriptContent = forced ? `document.getElementById('vxrn-theme-color').setAttribute('content','${forced === "dark" ? darkColor : lightColor}')` : `let dc = document.getElementById('vxrn-theme-color')
|
|
47
|
+
function MetaTheme({ color, darkColor, lightColor }) {
|
|
48
|
+
const { value } = useUserScheme();
|
|
49
|
+
const forced = getForceScheme();
|
|
50
|
+
const scriptContent = forced ? `document.getElementById('vxrn-theme-color').setAttribute('content','${forced === "dark" ? darkColor : lightColor}')` : `let dc = document.getElementById('vxrn-theme-color')
|
|
68
51
|
let e1 = null
|
|
69
52
|
try { e1 = localStorage.getItem('${storageKey}') } catch (_e) {}
|
|
70
53
|
let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
|
|
71
54
|
dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')`;
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
__html: scriptContent
|
|
83
|
-
}
|
|
84
|
-
})]
|
|
85
|
-
});
|
|
55
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("meta", {
|
|
56
|
+
suppressHydrationWarning: true,
|
|
57
|
+
id: "vxrn-theme-color",
|
|
58
|
+
name: "theme-color",
|
|
59
|
+
content: color ?? (value === "dark" ? darkColor : lightColor)
|
|
60
|
+
}), /* @__PURE__ */ jsx("script", {
|
|
61
|
+
suppressHydrationWarning: true,
|
|
62
|
+
id: "meta-theme-hydrate",
|
|
63
|
+
dangerouslySetInnerHTML: { __html: scriptContent }
|
|
64
|
+
})] });
|
|
86
65
|
}
|
|
66
|
+
|
|
87
67
|
export { MetaTheme, SchemeProvider, getSystemScheme, getUserScheme, onUserSchemeChange, setUserScheme2 as setUserScheme, useSystemScheme, useUserScheme2 as useUserScheme };
|
|
88
68
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@vxrn/use-isomorphic-layout-effect\";\nimport { getStorageItem } from \"./safeStorage\";\nimport { getForceScheme, getUserScheme, onUserSchemeChange, setForceScheme, setUserScheme, setUserScheme as setUserScheme2, useUserScheme, useUserScheme as useUserScheme2 } from \"./userScheme\";\nimport { getSystemScheme, useSystemScheme } from \"./systemScheme\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\n\nconst storageKey = \"vxrn-scheme\";\nfunction SchemeProvider({ children, getClassName = (name) => `t_${name}`, defaultScheme, forceScheme }) {\n\tsetForceScheme(forceScheme ?? null);\n\tconst { value } = useUserScheme();\n\tconst resolvedValue = forceScheme ?? value;\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (!forceScheme && defaultScheme) {\n\t\t\tif (!getStorageItem(storageKey)) setUserScheme(defaultScheme);\n\t\t}\n\t}, [defaultScheme, forceScheme]);\n\tuseIsomorphicLayoutEffect(() => {\n\t\tconst toAdd = getClassName(resolvedValue);\n\t\tconst toRemove = getClassName(resolvedValue === \"light\" ? \"dark\" : \"light\");\n\t\tconst { classList } = document.documentElement;\n\t\tclassList.remove(toRemove);\n\t\tif (!classList.contains(toAdd)) classList.add(toAdd);\n\t}, [getClassName, resolvedValue]);\n\tlet scriptContent;\n\tif (forceScheme) scriptContent = `let d = document.documentElement.classList\nd.remove('${getClassName(\"light\")}')\nd.remove('${getClassName(\"dark\")}')\nd.add('${getClassName(forceScheme)}')`;\n\telse {\n\t\tconst fallback = defaultScheme ? `'${defaultScheme}' === 'dark'` : `window.matchMedia('(prefers-color-scheme: dark)').matches`;\n\t\tconst seedStorage = defaultScheme ? `;if(!e){localStorage.setItem('${storageKey}','${defaultScheme}')}` : \"\";\n\t\tscriptContent = `let d = document.documentElement.classList\nd.remove('${getClassName(\"light\")}')\nd.remove('${getClassName(\"dark\")}')\nlet e = null\ntry { e = localStorage.getItem('${storageKey}')${seedStorage} } catch (_e) {}\nlet t = 'system' === e || !e\n ? ${fallback}\n : e === 'dark'\nt ? d.add('${getClassName(\"dark\")}') : d.add('${getClassName(\"light\")}')`;\n\t}\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(\"script\", {\n\t\tsuppressHydrationWarning: true,\n\t\tdangerouslySetInnerHTML: { __html: scriptContent }\n\t}), children] });\n}\nfunction MetaTheme({ color, darkColor, lightColor }) {\n\tconst { value } = useUserScheme();\n\tconst forced = getForceScheme();\n\tconst scriptContent = forced ? `document.getElementById('vxrn-theme-color').setAttribute('content','${forced === \"dark\" ? darkColor : lightColor}')` : `let dc = document.getElementById('vxrn-theme-color')\nlet e1 = null\ntry { e1 = localStorage.getItem('${storageKey}') } catch (_e) {}\nlet isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'\ndc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')`;\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(\"meta\", {\n\t\tsuppressHydrationWarning: true,\n\t\tid: \"vxrn-theme-color\",\n\t\tname: \"theme-color\",\n\t\tcontent: color ?? (value === \"dark\" ? darkColor : lightColor)\n\t}), /* @__PURE__ */ jsx(\"script\", {\n\t\tsuppressHydrationWarning: true,\n\t\tid: \"meta-theme-hydrate\",\n\t\tdangerouslySetInnerHTML: { __html: scriptContent }\n\t})] });\n}\n\nexport { MetaTheme, SchemeProvider, getSystemScheme, getUserScheme, onUserSchemeChange, setUserScheme2 as setUserScheme, useSystemScheme, useUserScheme2 as useUserScheme };"],"mappings":";;;;;;;AAMA,MAAM,aAAa;AACnB,SAAS,eAAe,EAAE,UAAU,gBAAgB,SAAS,KAAK,QAAQ,eAAe,eAAe;CACvG,eAAe,eAAe,IAAI;CAClC,MAAM,EAAE,UAAU,cAAc;CAChC,MAAM,gBAAgB,eAAe;CACrC,gCAAgC;EAC/B,IAAI,CAAC,eAAe,eAAe;GAClC,IAAI,CAAC,eAAe,UAAU,GAAG,cAAc,aAAa;EAC7D;CACD,GAAG,CAAC,eAAe,WAAW,CAAC;CAC/B,gCAAgC;EAC/B,MAAM,QAAQ,aAAa,aAAa;EACxC,MAAM,WAAW,aAAa,kBAAkB,UAAU,SAAS,OAAO;EAC1E,MAAM,EAAE,cAAc,SAAS;EAC/B,UAAU,OAAO,QAAQ;EACzB,IAAI,CAAC,UAAU,SAAS,KAAK,GAAG,UAAU,IAAI,KAAK;CACpD,GAAG,CAAC,cAAc,aAAa,CAAC;CAChC,IAAI;CACJ,IAAI,aAAa,gBAAgB;YACtB,aAAa,OAAO,EAAE;YACtB,aAAa,MAAM,EAAE;SACxB,aAAa,WAAW,EAAE;MAC7B;EACJ,MAAM,WAAW,gBAAgB,IAAI,cAAc,gBAAgB;EACnE,MAAM,cAAc,gBAAgB,iCAAiC,WAAW,KAAK,cAAc,OAAO;EAC1G,gBAAgB;YACN,aAAa,OAAO,EAAE;YACtB,aAAa,MAAM,EAAE;;kCAEC,WAAW,IAAI,YAAY;;MAEvD,SAAS;;aAEF,aAAa,MAAM,EAAE,cAAc,aAAa,OAAO,EAAE;CACrE;CACA,OAAuB,qBAAK,UAAU,EAAE,UAAU,CAAiB,oBAAI,UAAU;EAChF,0BAA0B;EAC1B,yBAAyB,EAAE,QAAQ,cAAc;CAClD,CAAC,GAAG,QAAQ,EAAE,CAAC;AAChB;AACA,SAAS,UAAU,EAAE,OAAO,WAAW,cAAc;CACpD,MAAM,EAAE,UAAU,cAAc;CAChC,MAAM,SAAS,eAAe;CAC9B,MAAM,gBAAgB,SAAS,uEAAuE,WAAW,SAAS,YAAY,WAAW,MAAM;;mCAErH,WAAW;;oCAEV,UAAU,OAAO,WAAW;CAC/D,OAAuB,qBAAK,UAAU,EAAE,UAAU,CAAiB,oBAAI,QAAQ;EAC9E,0BAA0B;EAC1B,IAAI;EACJ,MAAM;EACN,SAAS,UAAU,UAAU,SAAS,YAAY;CACnD,CAAC,GAAmB,oBAAI,UAAU;EACjC,0BAA0B;EAC1B,IAAI;EACJ,yBAAyB,EAAE,QAAQ,cAAc;CAClD,CAAC,CAAC,EAAE,CAAC;AACN"}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -3,40 +3,33 @@ import { getStorageItem } from "./safeStorage.mjs";
|
|
|
3
3
|
import { getForceScheme, getUserScheme, onUserSchemeChange, setForceScheme, setUserScheme, setUserScheme as setUserScheme2, useUserScheme, useUserScheme as useUserScheme2 } from "./userScheme.mjs";
|
|
4
4
|
import { getSystemScheme, useSystemScheme } from "./systemScheme.mjs";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
|
|
6
7
|
const storageKey = "vxrn-scheme";
|
|
7
|
-
function SchemeProvider({
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const toRemove = getClassName(resolvedValue === "light" ? "dark" : "light");
|
|
26
|
-
const {
|
|
27
|
-
classList
|
|
28
|
-
} = document.documentElement;
|
|
29
|
-
classList.remove(toRemove);
|
|
30
|
-
if (!classList.contains(toAdd)) classList.add(toAdd);
|
|
31
|
-
}, [getClassName, resolvedValue]);
|
|
32
|
-
let scriptContent;
|
|
33
|
-
if (forceScheme) scriptContent = `let d = document.documentElement.classList
|
|
8
|
+
function SchemeProvider({ children, getClassName = (name) => `t_${name}`, defaultScheme, forceScheme }) {
|
|
9
|
+
setForceScheme(forceScheme ?? null);
|
|
10
|
+
const { value } = useUserScheme();
|
|
11
|
+
const resolvedValue = forceScheme ?? value;
|
|
12
|
+
useIsomorphicLayoutEffect(() => {
|
|
13
|
+
if (!forceScheme && defaultScheme) {
|
|
14
|
+
if (!getStorageItem(storageKey)) setUserScheme(defaultScheme);
|
|
15
|
+
}
|
|
16
|
+
}, [defaultScheme, forceScheme]);
|
|
17
|
+
useIsomorphicLayoutEffect(() => {
|
|
18
|
+
const toAdd = getClassName(resolvedValue);
|
|
19
|
+
const toRemove = getClassName(resolvedValue === "light" ? "dark" : "light");
|
|
20
|
+
const { classList } = document.documentElement;
|
|
21
|
+
classList.remove(toRemove);
|
|
22
|
+
if (!classList.contains(toAdd)) classList.add(toAdd);
|
|
23
|
+
}, [getClassName, resolvedValue]);
|
|
24
|
+
let scriptContent;
|
|
25
|
+
if (forceScheme) scriptContent = `let d = document.documentElement.classList
|
|
34
26
|
d.remove('${getClassName("light")}')
|
|
35
27
|
d.remove('${getClassName("dark")}')
|
|
36
|
-
d.add('${getClassName(forceScheme)}')`;
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
28
|
+
d.add('${getClassName(forceScheme)}')`;
|
|
29
|
+
else {
|
|
30
|
+
const fallback = defaultScheme ? `'${defaultScheme}' === 'dark'` : `window.matchMedia('(prefers-color-scheme: dark)').matches`;
|
|
31
|
+
const seedStorage = defaultScheme ? `;if(!e){localStorage.setItem('${storageKey}','${defaultScheme}')}` : "";
|
|
32
|
+
scriptContent = `let d = document.documentElement.classList
|
|
40
33
|
d.remove('${getClassName("light")}')
|
|
41
34
|
d.remove('${getClassName("dark")}')
|
|
42
35
|
let e = null
|
|
@@ -45,44 +38,31 @@ let t = 'system' === e || !e
|
|
|
45
38
|
? ${fallback}
|
|
46
39
|
: e === 'dark'
|
|
47
40
|
t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')`;
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
__html: scriptContent
|
|
54
|
-
}
|
|
55
|
-
}), children]
|
|
56
|
-
});
|
|
41
|
+
}
|
|
42
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("script", {
|
|
43
|
+
suppressHydrationWarning: true,
|
|
44
|
+
dangerouslySetInnerHTML: { __html: scriptContent }
|
|
45
|
+
}), children] });
|
|
57
46
|
}
|
|
58
|
-
function MetaTheme({
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}) {
|
|
63
|
-
const {
|
|
64
|
-
value
|
|
65
|
-
} = useUserScheme();
|
|
66
|
-
const forced = getForceScheme();
|
|
67
|
-
const scriptContent = forced ? `document.getElementById('vxrn-theme-color').setAttribute('content','${forced === "dark" ? darkColor : lightColor}')` : `let dc = document.getElementById('vxrn-theme-color')
|
|
47
|
+
function MetaTheme({ color, darkColor, lightColor }) {
|
|
48
|
+
const { value } = useUserScheme();
|
|
49
|
+
const forced = getForceScheme();
|
|
50
|
+
const scriptContent = forced ? `document.getElementById('vxrn-theme-color').setAttribute('content','${forced === "dark" ? darkColor : lightColor}')` : `let dc = document.getElementById('vxrn-theme-color')
|
|
68
51
|
let e1 = null
|
|
69
52
|
try { e1 = localStorage.getItem('${storageKey}') } catch (_e) {}
|
|
70
53
|
let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
|
|
71
54
|
dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')`;
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
__html: scriptContent
|
|
83
|
-
}
|
|
84
|
-
})]
|
|
85
|
-
});
|
|
55
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("meta", {
|
|
56
|
+
suppressHydrationWarning: true,
|
|
57
|
+
id: "vxrn-theme-color",
|
|
58
|
+
name: "theme-color",
|
|
59
|
+
content: color ?? (value === "dark" ? darkColor : lightColor)
|
|
60
|
+
}), /* @__PURE__ */ jsx("script", {
|
|
61
|
+
suppressHydrationWarning: true,
|
|
62
|
+
id: "meta-theme-hydrate",
|
|
63
|
+
dangerouslySetInnerHTML: { __html: scriptContent }
|
|
64
|
+
})] });
|
|
86
65
|
}
|
|
66
|
+
|
|
87
67
|
export { MetaTheme, SchemeProvider, getSystemScheme, getUserScheme, onUserSchemeChange, setUserScheme2 as setUserScheme, useSystemScheme, useUserScheme2 as useUserScheme };
|
|
88
68
|
//# sourceMappingURL=index.mjs.map
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@vxrn/use-isomorphic-layout-effect\";\nimport { getStorageItem } from \"./safeStorage\";\nimport { getForceScheme, getUserScheme, onUserSchemeChange, setForceScheme, setUserScheme, setUserScheme as setUserScheme2, useUserScheme, useUserScheme as useUserScheme2 } from \"./userScheme\";\nimport { getSystemScheme, useSystemScheme } from \"./systemScheme\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\n\nconst storageKey = \"vxrn-scheme\";\nfunction SchemeProvider({ children, getClassName = (name) => `t_${name}`, defaultScheme, forceScheme }) {\n\tsetForceScheme(forceScheme ?? null);\n\tconst { value } = useUserScheme();\n\tconst resolvedValue = forceScheme ?? value;\n\tuseIsomorphicLayoutEffect(() => {\n\t\tif (!forceScheme && defaultScheme) {\n\t\t\tif (!getStorageItem(storageKey)) setUserScheme(defaultScheme);\n\t\t}\n\t}, [defaultScheme, forceScheme]);\n\tuseIsomorphicLayoutEffect(() => {\n\t\tconst toAdd = getClassName(resolvedValue);\n\t\tconst toRemove = getClassName(resolvedValue === \"light\" ? \"dark\" : \"light\");\n\t\tconst { classList } = document.documentElement;\n\t\tclassList.remove(toRemove);\n\t\tif (!classList.contains(toAdd)) classList.add(toAdd);\n\t}, [getClassName, resolvedValue]);\n\tlet scriptContent;\n\tif (forceScheme) scriptContent = `let d = document.documentElement.classList\nd.remove('${getClassName(\"light\")}')\nd.remove('${getClassName(\"dark\")}')\nd.add('${getClassName(forceScheme)}')`;\n\telse {\n\t\tconst fallback = defaultScheme ? `'${defaultScheme}' === 'dark'` : `window.matchMedia('(prefers-color-scheme: dark)').matches`;\n\t\tconst seedStorage = defaultScheme ? `;if(!e){localStorage.setItem('${storageKey}','${defaultScheme}')}` : \"\";\n\t\tscriptContent = `let d = document.documentElement.classList\nd.remove('${getClassName(\"light\")}')\nd.remove('${getClassName(\"dark\")}')\nlet e = null\ntry { e = localStorage.getItem('${storageKey}')${seedStorage} } catch (_e) {}\nlet t = 'system' === e || !e\n ? ${fallback}\n : e === 'dark'\nt ? d.add('${getClassName(\"dark\")}') : d.add('${getClassName(\"light\")}')`;\n\t}\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(\"script\", {\n\t\tsuppressHydrationWarning: true,\n\t\tdangerouslySetInnerHTML: { __html: scriptContent }\n\t}), children] });\n}\nfunction MetaTheme({ color, darkColor, lightColor }) {\n\tconst { value } = useUserScheme();\n\tconst forced = getForceScheme();\n\tconst scriptContent = forced ? `document.getElementById('vxrn-theme-color').setAttribute('content','${forced === \"dark\" ? darkColor : lightColor}')` : `let dc = document.getElementById('vxrn-theme-color')\nlet e1 = null\ntry { e1 = localStorage.getItem('${storageKey}') } catch (_e) {}\nlet isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'\ndc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')`;\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(\"meta\", {\n\t\tsuppressHydrationWarning: true,\n\t\tid: \"vxrn-theme-color\",\n\t\tname: \"theme-color\",\n\t\tcontent: color ?? (value === \"dark\" ? darkColor : lightColor)\n\t}), /* @__PURE__ */ jsx(\"script\", {\n\t\tsuppressHydrationWarning: true,\n\t\tid: \"meta-theme-hydrate\",\n\t\tdangerouslySetInnerHTML: { __html: scriptContent }\n\t})] });\n}\n\nexport { MetaTheme, SchemeProvider, getSystemScheme, getUserScheme, onUserSchemeChange, setUserScheme2 as setUserScheme, useSystemScheme, useUserScheme2 as useUserScheme };"],"mappings":";;;;;;;AAMA,MAAM,aAAa;AACnB,SAAS,eAAe,EAAE,UAAU,gBAAgB,SAAS,KAAK,QAAQ,eAAe,eAAe;CACvG,eAAe,eAAe,IAAI;CAClC,MAAM,EAAE,UAAU,cAAc;CAChC,MAAM,gBAAgB,eAAe;CACrC,gCAAgC;EAC/B,IAAI,CAAC,eAAe,eAAe;GAClC,IAAI,CAAC,eAAe,UAAU,GAAG,cAAc,aAAa;EAC7D;CACD,GAAG,CAAC,eAAe,WAAW,CAAC;CAC/B,gCAAgC;EAC/B,MAAM,QAAQ,aAAa,aAAa;EACxC,MAAM,WAAW,aAAa,kBAAkB,UAAU,SAAS,OAAO;EAC1E,MAAM,EAAE,cAAc,SAAS;EAC/B,UAAU,OAAO,QAAQ;EACzB,IAAI,CAAC,UAAU,SAAS,KAAK,GAAG,UAAU,IAAI,KAAK;CACpD,GAAG,CAAC,cAAc,aAAa,CAAC;CAChC,IAAI;CACJ,IAAI,aAAa,gBAAgB;YACtB,aAAa,OAAO,EAAE;YACtB,aAAa,MAAM,EAAE;SACxB,aAAa,WAAW,EAAE;MAC7B;EACJ,MAAM,WAAW,gBAAgB,IAAI,cAAc,gBAAgB;EACnE,MAAM,cAAc,gBAAgB,iCAAiC,WAAW,KAAK,cAAc,OAAO;EAC1G,gBAAgB;YACN,aAAa,OAAO,EAAE;YACtB,aAAa,MAAM,EAAE;;kCAEC,WAAW,IAAI,YAAY;;MAEvD,SAAS;;aAEF,aAAa,MAAM,EAAE,cAAc,aAAa,OAAO,EAAE;CACrE;CACA,OAAuB,qBAAK,UAAU,EAAE,UAAU,CAAiB,oBAAI,UAAU;EAChF,0BAA0B;EAC1B,yBAAyB,EAAE,QAAQ,cAAc;CAClD,CAAC,GAAG,QAAQ,EAAE,CAAC;AAChB;AACA,SAAS,UAAU,EAAE,OAAO,WAAW,cAAc;CACpD,MAAM,EAAE,UAAU,cAAc;CAChC,MAAM,SAAS,eAAe;CAC9B,MAAM,gBAAgB,SAAS,uEAAuE,WAAW,SAAS,YAAY,WAAW,MAAM;;mCAErH,WAAW;;oCAEV,UAAU,OAAO,WAAW;CAC/D,OAAuB,qBAAK,UAAU,EAAE,UAAU,CAAiB,oBAAI,QAAQ;EAC9E,0BAA0B;EAC1B,IAAI;EACJ,MAAM;EACN,SAAS,UAAU,UAAU,SAAS,YAAY;CACnD,CAAC,GAAmB,oBAAI,UAAU;EACjC,0BAA0B;EAC1B,IAAI;EACJ,yBAAyB,EAAE,QAAQ,cAAc;CAClD,CAAC,CAAC,EAAE,CAAC;AACN"}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,58 +1,42 @@
|
|
|
1
1
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { getForceScheme, getUserScheme, onUserSchemeChange, setForceScheme, setUserScheme as setUserScheme2, useUserScheme, useUserScheme as useUserScheme2 } from "./userScheme.native.js";
|
|
3
3
|
import { getSystemScheme, useSystemScheme } from "./systemScheme.native.js";
|
|
4
|
+
|
|
4
5
|
var storageKey = "vxrn-scheme";
|
|
5
6
|
function SchemeProvider(param) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
if (forceScheme) `${getClassName("light")}${getClassName("dark")}${getClassName(forceScheme)}`;else {
|
|
19
|
-
var fallback = defaultScheme ? `'${defaultScheme}' === 'dark'` : `window.matchMedia('(prefers-color-scheme: dark)').matches`;
|
|
20
|
-
var seedStorage = defaultScheme ? `;if(!e){localStorage.setItem('${storageKey}','${defaultScheme}')}` : "";
|
|
21
|
-
`${getClassName("light")}${getClassName("dark")}${storageKey}${seedStorage}${fallback}${getClassName("dark")}${getClassName("light")}`;
|
|
22
|
-
}
|
|
23
|
-
return /* @__PURE__ */jsxs(Fragment, {
|
|
24
|
-
children: [null, children]
|
|
25
|
-
});
|
|
7
|
+
var { children, getClassName = function(name) {
|
|
8
|
+
return `t_${name}`;
|
|
9
|
+
}, defaultScheme, forceScheme } = param;
|
|
10
|
+
setForceScheme(forceScheme !== null && forceScheme !== void 0 ? forceScheme : null);
|
|
11
|
+
var { value } = useUserScheme();
|
|
12
|
+
if (forceScheme) `${getClassName("light")}${getClassName("dark")}${getClassName(forceScheme)}`;
|
|
13
|
+
else {
|
|
14
|
+
var fallback = defaultScheme ? `'${defaultScheme}' === 'dark'` : `window.matchMedia('(prefers-color-scheme: dark)').matches`;
|
|
15
|
+
var seedStorage = defaultScheme ? `;if(!e){localStorage.setItem('${storageKey}','${defaultScheme}')}` : "";
|
|
16
|
+
`${getClassName("light")}${getClassName("dark")}${storageKey}${seedStorage}${fallback}${getClassName("dark")}${getClassName("light")}`;
|
|
17
|
+
}
|
|
18
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [null, children] });
|
|
26
19
|
}
|
|
27
20
|
function MetaTheme(param) {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
} = param;
|
|
33
|
-
var {
|
|
34
|
-
value
|
|
35
|
-
} = useUserScheme();
|
|
36
|
-
var forced = getForceScheme();
|
|
37
|
-
var scriptContent = forced ? `document.getElementById('vxrn-theme-color').setAttribute('content','${forced === "dark" ? darkColor : lightColor}')` : `let dc = document.getElementById('vxrn-theme-color')
|
|
21
|
+
var { color, darkColor, lightColor } = param;
|
|
22
|
+
var { value } = useUserScheme();
|
|
23
|
+
var forced = getForceScheme();
|
|
24
|
+
var scriptContent = forced ? `document.getElementById('vxrn-theme-color').setAttribute('content','${forced === "dark" ? darkColor : lightColor}')` : `let dc = document.getElementById('vxrn-theme-color')
|
|
38
25
|
let e1 = null
|
|
39
26
|
try { e1 = localStorage.getItem('${storageKey}') } catch (_e) {}
|
|
40
27
|
let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
|
|
41
28
|
dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')`;
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
__html: scriptContent
|
|
53
|
-
}
|
|
54
|
-
})]
|
|
55
|
-
});
|
|
29
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("meta", {
|
|
30
|
+
suppressHydrationWarning: true,
|
|
31
|
+
id: "vxrn-theme-color",
|
|
32
|
+
name: "theme-color",
|
|
33
|
+
content: color !== null && color !== void 0 ? color : value === "dark" ? darkColor : lightColor
|
|
34
|
+
}), /* @__PURE__ */ jsx("script", {
|
|
35
|
+
suppressHydrationWarning: true,
|
|
36
|
+
id: "meta-theme-hydrate",
|
|
37
|
+
dangerouslySetInnerHTML: { __html: scriptContent }
|
|
38
|
+
})] });
|
|
56
39
|
}
|
|
40
|
+
|
|
57
41
|
export { MetaTheme, SchemeProvider, getSystemScheme, getUserScheme, onUserSchemeChange, setUserScheme2 as setUserScheme, useSystemScheme, useUserScheme2 as useUserScheme };
|
|
58
42
|
//# sourceMappingURL=index.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.native.js","names":[],"sources":["esm/index.native.js"],"sourcesContent":["import { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { getForceScheme, getUserScheme, onUserSchemeChange, setForceScheme, setUserScheme as setUserScheme2, useUserScheme, useUserScheme as useUserScheme2 } from \"./userScheme\";\nimport { getSystemScheme, useSystemScheme } from \"./systemScheme\";\n\nvar storageKey = \"vxrn-scheme\";\nfunction SchemeProvider(param) {\n\tvar { children, getClassName = function(name) {\n\t\treturn `t_${name}`;\n\t}, defaultScheme, forceScheme } = param;\n\tsetForceScheme(forceScheme !== null && forceScheme !== void 0 ? forceScheme : null);\n\tvar { value } = useUserScheme();\n\tif (forceScheme) `${getClassName(\"light\")}${getClassName(\"dark\")}${getClassName(forceScheme)}`;\n\telse {\n\t\tvar fallback = defaultScheme ? `'${defaultScheme}' === 'dark'` : `window.matchMedia('(prefers-color-scheme: dark)').matches`;\n\t\tvar seedStorage = defaultScheme ? `;if(!e){localStorage.setItem('${storageKey}','${defaultScheme}')}` : \"\";\n\t\t`${getClassName(\"light\")}${getClassName(\"dark\")}${storageKey}${seedStorage}${fallback}${getClassName(\"dark\")}${getClassName(\"light\")}`;\n\t}\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [null, children] });\n}\nfunction MetaTheme(param) {\n\tvar { color, darkColor, lightColor } = param;\n\tvar { value } = useUserScheme();\n\tvar forced = getForceScheme();\n\tvar scriptContent = forced ? `document.getElementById('vxrn-theme-color').setAttribute('content','${forced === \"dark\" ? darkColor : lightColor}')` : `let dc = document.getElementById('vxrn-theme-color')\nlet e1 = null\ntry { e1 = localStorage.getItem('${storageKey}') } catch (_e) {}\nlet isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'\ndc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')`;\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(\"meta\", {\n\t\tsuppressHydrationWarning: true,\n\t\tid: \"vxrn-theme-color\",\n\t\tname: \"theme-color\",\n\t\tcontent: color !== null && color !== void 0 ? color : value === \"dark\" ? darkColor : lightColor\n\t}), /* @__PURE__ */ jsx(\"script\", {\n\t\tsuppressHydrationWarning: true,\n\t\tid: \"meta-theme-hydrate\",\n\t\tdangerouslySetInnerHTML: { __html: scriptContent }\n\t})] });\n}\n\nexport { MetaTheme, SchemeProvider, getSystemScheme, getUserScheme, onUserSchemeChange, setUserScheme2 as setUserScheme, useSystemScheme, useUserScheme2 as useUserScheme };"],"mappings":";;;;;AAIA,IAAI,aAAa;AACjB,SAAS,eAAe,OAAO;CAC9B,IAAI,EAAE,UAAU,eAAe,SAAS,MAAM;EAC7C,OAAO,KAAK;CACb,GAAG,eAAe,gBAAgB;CAClC,eAAe,gBAAgB,QAAQ,gBAAgB,KAAK,IAAI,cAAc,IAAI;CAClF,IAAI,EAAE,UAAU,cAAc;CAC9B,IAAI,aAAa,GAAG,aAAa,OAAO,IAAI,aAAa,MAAM,IAAI,aAAa,WAAW;MACtF;EACJ,IAAI,WAAW,gBAAgB,IAAI,cAAc,gBAAgB;EACjE,IAAI,cAAc,gBAAgB,iCAAiC,WAAW,KAAK,cAAc,OAAO;EACxG,GAAG,aAAa,OAAO,IAAI,aAAa,MAAM,IAAI,aAAa,cAAc,WAAW,aAAa,MAAM,IAAI,aAAa,OAAO;CACpI;CACA,OAAuB,qBAAK,UAAU,EAAE,UAAU,CAAC,MAAM,QAAQ,EAAE,CAAC;AACrE;AACA,SAAS,UAAU,OAAO;CACzB,IAAI,EAAE,OAAO,WAAW,eAAe;CACvC,IAAI,EAAE,UAAU,cAAc;CAC9B,IAAI,SAAS,eAAe;CAC5B,IAAI,gBAAgB,SAAS,uEAAuE,WAAW,SAAS,YAAY,WAAW,MAAM;;mCAEnH,WAAW;;oCAEV,UAAU,OAAO,WAAW;CAC/D,OAAuB,qBAAK,UAAU,EAAE,UAAU,CAAiB,oBAAI,QAAQ;EAC9E,0BAA0B;EAC1B,IAAI;EACJ,MAAM;EACN,SAAS,UAAU,QAAQ,UAAU,KAAK,IAAI,QAAQ,UAAU,SAAS,YAAY;CACtF,CAAC,GAAmB,oBAAI,UAAU;EACjC,0BAA0B;EAC1B,IAAI;EACJ,yBAAyB,EAAE,QAAQ,cAAc;CAClD,CAAC,CAAC,EAAE,CAAC;AACN"}
|
package/dist/esm/safeStorage.mjs
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
function getStorageItem(key) {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
try {
|
|
3
|
+
return localStorage.getItem(key);
|
|
4
|
+
} catch {
|
|
5
|
+
return null;
|
|
6
|
+
}
|
|
7
7
|
}
|
|
8
8
|
function setStorageItem(key, value) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
try {
|
|
10
|
+
localStorage.setItem(key, value);
|
|
11
|
+
} catch {}
|
|
12
12
|
}
|
|
13
|
+
|
|
13
14
|
export { getStorageItem, setStorageItem };
|
|
14
15
|
//# sourceMappingURL=safeStorage.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"safeStorage.js","names":[],"sources":["esm/safeStorage.js"],"sourcesContent":["function getStorageItem(key) {\n try {\n return localStorage.getItem(key);\n } catch {\n return null;\n }\n}\nfunction setStorageItem(key, value) {\n try {\n localStorage.setItem(key, value);\n } catch {\n }\n}\nexport {\n getStorageItem,\n setStorageItem\n};\n//# sourceMappingURL=safeStorage.js.map\n"],"mappings":";AAAA,SAAS,eAAe,KAAK;CAC3B,IAAI;EACF,OAAO,aAAa,QAAQ,GAAG;CACjC,QAAQ;EACN,OAAO;CACT;AACF;AACA,SAAS,eAAe,KAAK,OAAO;CAClC,IAAI;EACF,aAAa,QAAQ,KAAK,KAAK;CACjC,QAAQ,CACR;AACF"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
function getStorageItem(key) {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
try {
|
|
3
|
+
return localStorage.getItem(key);
|
|
4
|
+
} catch (unused) {
|
|
5
|
+
return null;
|
|
6
|
+
}
|
|
7
7
|
}
|
|
8
8
|
function setStorageItem(key, value) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
try {
|
|
10
|
+
localStorage.setItem(key, value);
|
|
11
|
+
} catch (unused) {}
|
|
12
12
|
}
|
|
13
|
+
|
|
13
14
|
export { getStorageItem, setStorageItem };
|
|
14
15
|
//# sourceMappingURL=safeStorage.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"safeStorage.native.js","names":[],"sources":["esm/safeStorage.native.js"],"sourcesContent":["function getStorageItem(key) {\n try {\n return localStorage.getItem(key);\n } catch (unused) {\n return null;\n }\n}\nfunction setStorageItem(key, value) {\n try {\n localStorage.setItem(key, value);\n } catch (unused) {\n }\n}\nexport {\n getStorageItem,\n setStorageItem\n};\n//# sourceMappingURL=safeStorage.js.map\n"],"mappings":";AAAA,SAAS,eAAe,KAAK;CAC3B,IAAI;EACF,OAAO,aAAa,QAAQ,GAAG;CACjC,SAAS,QAAQ;EACf,OAAO;CACT;AACF;AACA,SAAS,eAAe,KAAK,OAAO;CAClC,IAAI;EACF,aAAa,QAAQ,KAAK,KAAK;CACjC,SAAS,QAAQ,CACjB;AACF"}
|