@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.
Files changed (52) hide show
  1. package/dist/cjs/index.cjs +63 -87
  2. package/dist/cjs/index.native.cjs +75 -0
  3. package/dist/cjs/index.native.js +47 -66
  4. package/dist/cjs/index.native.js.map +1 -1
  5. package/dist/cjs/safeStorage.cjs +23 -25
  6. package/dist/cjs/safeStorage.native.cjs +40 -0
  7. package/dist/cjs/safeStorage.native.js +23 -24
  8. package/dist/cjs/safeStorage.native.js.map +1 -1
  9. package/dist/cjs/systemScheme.cjs +24 -26
  10. package/dist/cjs/systemScheme.native.cjs +59 -0
  11. package/dist/cjs/systemScheme.native.js +38 -41
  12. package/dist/cjs/systemScheme.native.js.map +1 -1
  13. package/dist/cjs/userScheme.cjs +104 -106
  14. package/dist/cjs/userScheme.native.cjs +169 -0
  15. package/dist/cjs/userScheme.native.js +116 -116
  16. package/dist/cjs/userScheme.native.js.map +1 -1
  17. package/dist/cjs/userSchemeAppearance.cjs +17 -19
  18. package/dist/cjs/userSchemeAppearance.native.cjs +39 -0
  19. package/dist/cjs/userSchemeAppearance.native.js +19 -20
  20. package/dist/cjs/userSchemeAppearance.native.js.map +1 -1
  21. package/dist/esm/index.js +44 -64
  22. package/dist/esm/index.js.map +1 -1
  23. package/dist/esm/index.mjs +44 -64
  24. package/dist/esm/index.mjs.map +1 -1
  25. package/dist/esm/index.native.js +28 -44
  26. package/dist/esm/index.native.js.map +1 -1
  27. package/dist/esm/safeStorage.mjs +9 -8
  28. package/dist/esm/safeStorage.mjs.map +1 -1
  29. package/dist/esm/safeStorage.native.js +9 -8
  30. package/dist/esm/safeStorage.native.js.map +1 -1
  31. package/dist/esm/systemScheme.mjs +11 -9
  32. package/dist/esm/systemScheme.mjs.map +1 -1
  33. package/dist/esm/systemScheme.native.js +27 -27
  34. package/dist/esm/systemScheme.native.js.map +1 -1
  35. package/dist/esm/userScheme.mjs +87 -85
  36. package/dist/esm/userScheme.mjs.map +1 -1
  37. package/dist/esm/userScheme.native.js +99 -96
  38. package/dist/esm/userScheme.native.js.map +1 -1
  39. package/dist/esm/userSchemeAppearance.mjs +3 -1
  40. package/dist/esm/userSchemeAppearance.mjs.map +1 -1
  41. package/dist/esm/userSchemeAppearance.native.js +5 -3
  42. package/dist/esm/userSchemeAppearance.native.js.map +1 -1
  43. package/package.json +3 -3
  44. package/dist/cjs/safeStorage.test.cjs +0 -49
  45. package/dist/cjs/safeStorage.test.native.js +0 -66
  46. package/dist/cjs/safeStorage.test.native.js.map +0 -1
  47. package/dist/esm/safeStorage.test.mjs +0 -50
  48. package/dist/esm/safeStorage.test.mjs.map +0 -1
  49. package/dist/esm/safeStorage.test.native.js +0 -64
  50. package/dist/esm/safeStorage.test.native.js.map +0 -1
  51. package/types/safeStorage.test.d.ts +0 -2
  52. 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
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: true
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
- 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;
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
- addAppearanceChangeListener: () => addAppearanceChangeListener,
28
- getAppearanceScheme: () => getAppearanceScheme,
29
- setAppearanceScheme: () => setAppearanceScheme
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
- return import_react_native.Appearance.getColorScheme() === "dark" ? "dark" : "light";
32
+ return import_react_native.Appearance.getColorScheme() === "dark" ? "dark" : "light";
35
33
  }
36
34
  function setAppearanceScheme(scheme) {
37
- import_react_native.Appearance.setColorScheme(scheme);
35
+ import_react_native.Appearance.setColorScheme(scheme);
38
36
  }
39
37
  function addAppearanceChangeListener(listener) {
40
- import_react_native.Appearance.addChangeListener(listener);
38
+ import_react_native.Appearance.addChangeListener(listener);
41
39
  }
40
+
42
41
  //# sourceMappingURL=userSchemeAppearance.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["userSchemeAppearance_native_exports","__export","addAppearanceChangeListener","getAppearanceScheme","setAppearanceScheme","module","exports","__toCommonJS","import_react_native","require","Appearance","getColorScheme","scheme","setColorScheme","listener","addChangeListener"],"sources":["../../src/userSchemeAppearance.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mCAAA;AAAAC,QAAA,CAAAD,mCAAA;EAAAE,2BAAA,EAAAA,CAAA,KAAAA,2BAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAP,mCAAA;AAAA,IAAAQ,mBAAA,GAA2BC,OAAA;AACpB,SAASN,oBAAA,EAAsB;EAClC,OAAOK,mBAAA,CAAAE,UAAA,CAAWC,cAAA,CAAe,MAAM,SAAS,SAAS;AAC7D;AACO,SAASP,oBAAoBQ,MAAA,EAAQ;EACxCJ,mBAAA,CAAAE,UAAA,CAAWG,cAAA,CAAeD,MAAM;AACpC;AACO,SAASV,4BAA4BY,QAAA,EAAU;EAClDN,mBAAA,CAAAE,UAAA,CAAWK,iBAAA,CAAkBD,QAAQ;AACzC","ignoreList":[]}
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
- children,
9
- getClassName = name => `t_${name}`,
10
- defaultScheme,
11
- forceScheme
12
- }) {
13
- setForceScheme(forceScheme ?? null);
14
- const {
15
- value
16
- } = useUserScheme();
17
- const resolvedValue = forceScheme ?? value;
18
- useIsomorphicLayoutEffect(() => {
19
- if (!forceScheme && defaultScheme) {
20
- if (!getStorageItem(storageKey)) setUserScheme(defaultScheme);
21
- }
22
- }, [defaultScheme, forceScheme]);
23
- useIsomorphicLayoutEffect(() => {
24
- const toAdd = getClassName(resolvedValue);
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)}')`;else {
37
- const fallback = defaultScheme ? `'${defaultScheme}' === 'dark'` : `window.matchMedia('(prefers-color-scheme: dark)').matches`;
38
- const seedStorage = defaultScheme ? `;if(!e){localStorage.setItem('${storageKey}','${defaultScheme}')}` : "";
39
- scriptContent = `let d = document.documentElement.classList
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
- return /* @__PURE__ */jsxs(Fragment, {
50
- children: [/* @__PURE__ */jsx("script", {
51
- suppressHydrationWarning: true,
52
- dangerouslySetInnerHTML: {
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
- color,
60
- darkColor,
61
- lightColor
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
- return /* @__PURE__ */jsxs(Fragment, {
73
- children: [/* @__PURE__ */jsx("meta", {
74
- suppressHydrationWarning: true,
75
- id: "vxrn-theme-color",
76
- name: "theme-color",
77
- content: color ?? (value === "dark" ? darkColor : lightColor)
78
- }), /* @__PURE__ */jsx("script", {
79
- suppressHydrationWarning: true,
80
- id: "meta-theme-hydrate",
81
- dangerouslySetInnerHTML: {
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
@@ -1 +1 @@
1
- {"version":3,"names":["useIsomorphicLayoutEffect","getStorageItem","getForceScheme","getUserScheme","onUserSchemeChange","setForceScheme","setUserScheme","setUserScheme2","useUserScheme","useUserScheme2","getSystemScheme","useSystemScheme","Fragment","jsx","jsxs","storageKey","SchemeProvider","children","getClassName","name","defaultScheme","forceScheme","value","resolvedValue","toAdd","toRemove","classList","document","documentElement","remove","contains","add","scriptContent","fallback","seedStorage","suppressHydrationWarning","dangerouslySetInnerHTML","__html","MetaTheme","color","darkColor","lightColor","forced","id","content"],"sources":["index.mjs"],"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":"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","ignoreList":[]}
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"}
@@ -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
- children,
9
- getClassName = name => `t_${name}`,
10
- defaultScheme,
11
- forceScheme
12
- }) {
13
- setForceScheme(forceScheme ?? null);
14
- const {
15
- value
16
- } = useUserScheme();
17
- const resolvedValue = forceScheme ?? value;
18
- useIsomorphicLayoutEffect(() => {
19
- if (!forceScheme && defaultScheme) {
20
- if (!getStorageItem(storageKey)) setUserScheme(defaultScheme);
21
- }
22
- }, [defaultScheme, forceScheme]);
23
- useIsomorphicLayoutEffect(() => {
24
- const toAdd = getClassName(resolvedValue);
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)}')`;else {
37
- const fallback = defaultScheme ? `'${defaultScheme}' === 'dark'` : `window.matchMedia('(prefers-color-scheme: dark)').matches`;
38
- const seedStorage = defaultScheme ? `;if(!e){localStorage.setItem('${storageKey}','${defaultScheme}')}` : "";
39
- scriptContent = `let d = document.documentElement.classList
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
- return /* @__PURE__ */jsxs(Fragment, {
50
- children: [/* @__PURE__ */jsx("script", {
51
- suppressHydrationWarning: true,
52
- dangerouslySetInnerHTML: {
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
- color,
60
- darkColor,
61
- lightColor
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
- return /* @__PURE__ */jsxs(Fragment, {
73
- children: [/* @__PURE__ */jsx("meta", {
74
- suppressHydrationWarning: true,
75
- id: "vxrn-theme-color",
76
- name: "theme-color",
77
- content: color ?? (value === "dark" ? darkColor : lightColor)
78
- }), /* @__PURE__ */jsx("script", {
79
- suppressHydrationWarning: true,
80
- id: "meta-theme-hydrate",
81
- dangerouslySetInnerHTML: {
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
@@ -1 +1 @@
1
- {"version":3,"names":["useIsomorphicLayoutEffect","getStorageItem","getForceScheme","getUserScheme","onUserSchemeChange","setForceScheme","setUserScheme","setUserScheme2","useUserScheme","useUserScheme2","getSystemScheme","useSystemScheme","Fragment","jsx","jsxs","storageKey","SchemeProvider","children","getClassName","name","defaultScheme","forceScheme","value","resolvedValue","toAdd","toRemove","classList","document","documentElement","remove","contains","add","scriptContent","fallback","seedStorage","suppressHydrationWarning","dangerouslySetInnerHTML","__html","MetaTheme","color","darkColor","lightColor","forced","id","content"],"sources":["index.mjs"],"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":"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","ignoreList":[]}
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"}
@@ -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
- var {
7
- children,
8
- getClassName = function (name) {
9
- return `t_${name}`;
10
- },
11
- defaultScheme,
12
- forceScheme
13
- } = param;
14
- setForceScheme(forceScheme !== null && forceScheme !== void 0 ? forceScheme : null);
15
- var {
16
- value
17
- } = useUserScheme();
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
- var {
29
- color,
30
- darkColor,
31
- lightColor
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
- return /* @__PURE__ */jsxs(Fragment, {
43
- children: [/* @__PURE__ */jsx("meta", {
44
- suppressHydrationWarning: true,
45
- id: "vxrn-theme-color",
46
- name: "theme-color",
47
- content: color !== null && color !== void 0 ? color : value === "dark" ? darkColor : lightColor
48
- }), /* @__PURE__ */jsx("script", {
49
- suppressHydrationWarning: true,
50
- id: "meta-theme-hydrate",
51
- dangerouslySetInnerHTML: {
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,"names":["Fragment","jsx","jsxs","getForceScheme","getUserScheme","onUserSchemeChange","setForceScheme","setUserScheme","setUserScheme2","useUserScheme","useUserScheme2","getSystemScheme","useSystemScheme","storageKey","SchemeProvider","param","children","getClassName","name","defaultScheme","forceScheme","value","fallback","seedStorage","MetaTheme","color","darkColor","lightColor","forced","scriptContent","suppressHydrationWarning","id","content","dangerouslySetInnerHTML","__html"],"sources":["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":"AAAA,SAASA,QAAQ,EAAEC,GAAG,EAAEC,IAAI,QAAQ,mBAAmB;AACvD,SAASC,cAAc,EAAEC,aAAa,EAAEC,kBAAkB,EAAEC,cAAc,EAAEC,aAAa,IAAIC,cAAc,EAAEC,aAAa,EAAEA,aAAa,IAAIC,cAAc,QAAQ,wBAAc;AACjL,SAASC,eAAe,EAAEC,eAAe,QAAQ,0BAAgB;AAEjE,IAAIC,UAAU,GAAG,aAAa;AAC9B,SAASC,cAAcA,CAACC,KAAK,EAAE;EAC9B,IAAI;IAAEC,QAAQ;IAAEC,YAAY,GAAG,SAAAA,CAASC,IAAI,EAAE;MAC7C,OAAO,KAAKA,IAAI,EAAE;IACnB,CAAC;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAGL,KAAK;EACvCT,cAAc,CAACc,WAAW,KAAK,IAAI,IAAIA,WAAW,KAAK,KAAK,CAAC,GAAGA,WAAW,GAAG,IAAI,CAAC;EACnF,IAAI;IAAEC;EAAM,CAAC,GAAGZ,aAAa,CAAC,CAAC;EAC/B,IAAIW,WAAW,EAAE,GAAGH,YAAY,CAAC,OAAO,CAAC,GAAGA,YAAY,CAAC,MAAM,CAAC,GAAGA,YAAY,CAACG,WAAW,CAAC,EAAE,CAAC,KAC1F;IACJ,IAAIE,QAAQ,GAAGH,aAAa,GAAG,IAAIA,aAAa,cAAc,GAAG,2DAA2D;IAC5H,IAAII,WAAW,GAAGJ,aAAa,GAAG,iCAAiCN,UAAU,MAAMM,aAAa,KAAK,GAAG,EAAE;IAC1G,GAAGF,YAAY,CAAC,OAAO,CAAC,GAAGA,YAAY,CAAC,MAAM,CAAC,GAAGJ,UAAU,GAAGU,WAAW,GAAGD,QAAQ,GAAGL,YAAY,CAAC,MAAM,CAAC,GAAGA,YAAY,CAAC,OAAO,CAAC,EAAE;EACvI;EACA,OAAO,eAAgBf,IAAI,CAACF,QAAQ,EAAE;IAAEgB,QAAQ,EAAE,CAAC,IAAI,EAAEA,QAAQ;EAAE,CAAC,CAAC;AACtE;AACA,SAASQ,SAASA,CAACT,KAAK,EAAE;EACzB,IAAI;IAAEU,KAAK;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGZ,KAAK;EAC5C,IAAI;IAAEM;EAAM,CAAC,GAAGZ,aAAa,CAAC,CAAC;EAC/B,IAAImB,MAAM,GAAGzB,cAAc,CAAC,CAAC;EAC7B,IAAI0B,aAAa,GAAGD,MAAM,GAAG,uEAAuEA,MAAM,KAAK,MAAM,GAAGF,SAAS,GAAGC,UAAU,IAAI,GAAG;AACtJ;AACA,mCAAmCd,UAAU;AAC7C;AACA,oCAAoCa,SAAS,QAAQC,UAAU,IAAI;EAClE,OAAO,eAAgBzB,IAAI,CAACF,QAAQ,EAAE;IAAEgB,QAAQ,EAAE,CAAC,eAAgBf,GAAG,CAAC,MAAM,EAAE;MAC9E6B,wBAAwB,EAAE,IAAI;MAC9BC,EAAE,EAAE,kBAAkB;MACtBb,IAAI,EAAE,aAAa;MACnBc,OAAO,EAAEP,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAGA,KAAK,GAAGJ,KAAK,KAAK,MAAM,GAAGK,SAAS,GAAGC;IACtF,CAAC,CAAC,EAAE,eAAgB1B,GAAG,CAAC,QAAQ,EAAE;MACjC6B,wBAAwB,EAAE,IAAI;MAC9BC,EAAE,EAAE,oBAAoB;MACxBE,uBAAuB,EAAE;QAAEC,MAAM,EAAEL;MAAc;IAClD,CAAC,CAAC;EAAE,CAAC,CAAC;AACP;AAEA,SAASL,SAAS,EAAEV,cAAc,EAAEH,eAAe,EAAEP,aAAa,EAAEC,kBAAkB,EAAEG,cAAc,IAAID,aAAa,EAAEK,eAAe,EAAEF,cAAc,IAAID,aAAa","ignoreList":[]}
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"}
@@ -1,14 +1,15 @@
1
1
  function getStorageItem(key) {
2
- try {
3
- return localStorage.getItem(key);
4
- } catch {
5
- return null;
6
- }
2
+ try {
3
+ return localStorage.getItem(key);
4
+ } catch {
5
+ return null;
6
+ }
7
7
  }
8
8
  function setStorageItem(key, value) {
9
- try {
10
- localStorage.setItem(key, value);
11
- } catch {}
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,"names":["getStorageItem","key","localStorage","getItem","setStorageItem","value","setItem"],"sources":["../../src/safeStorage.ts"],"sourcesContent":[null],"mappings":"AAOO,SAASA,eAAeC,GAAA,EAA4B;EACzD,IAAI;IACF,OAAOC,YAAA,CAAaC,OAAA,CAAQF,GAAG;EACjC,QAAQ;IACN,OAAO;EACT;AACF;AAEO,SAASG,eAAeH,GAAA,EAAaI,KAAA,EAAqB;EAC/D,IAAI;IACFH,YAAA,CAAaI,OAAA,CAAQL,GAAA,EAAKI,KAAK;EACjC,QAAQ,CAAC;AACX","ignoreList":[]}
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
- try {
3
- return localStorage.getItem(key);
4
- } catch (unused) {
5
- return null;
6
- }
2
+ try {
3
+ return localStorage.getItem(key);
4
+ } catch (unused) {
5
+ return null;
6
+ }
7
7
  }
8
8
  function setStorageItem(key, value) {
9
- try {
10
- localStorage.setItem(key, value);
11
- } catch (unused) {}
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,"names":["getStorageItem","key","localStorage","getItem","unused","setStorageItem","value","setItem"],"sources":["../../src/safeStorage.ts"],"sourcesContent":[null],"mappings":"AAOO,SAASA,eAAeC,GAAA,EAA4B;EACzD,IAAI;IACF,OAAOC,YAAA,CAAaC,OAAA,CAAQF,GAAG;EACjC,SAAQG,MAAA;IACN,OAAO;EACT;AACF;AAEO,SAASC,eAAeJ,GAAA,EAAaK,KAAA,EAAqB;EAC/D,IAAI;IACFJ,YAAA,CAAaK,OAAA,CAAQN,GAAA,EAAKK,KAAK;EACjC,SAAQF,MAAA,GAAC;AACX","ignoreList":[]}
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"}