@vxrn/color-scheme 1.14.3 → 1.14.4-1775265364626
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 +52 -38
- package/dist/cjs/index.native.js +67 -38
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/systemScheme.cjs +20 -16
- package/dist/cjs/systemScheme.native.js +33 -29
- package/dist/cjs/systemScheme.native.js.map +1 -1
- package/dist/cjs/userScheme.cjs +111 -44
- package/dist/cjs/userScheme.native.js +115 -59
- package/dist/cjs/userScheme.native.js.map +1 -1
- package/dist/esm/index.js +35 -23
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +35 -23
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +51 -23
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/systemScheme.mjs +6 -4
- package/dist/esm/systemScheme.mjs.map +1 -1
- package/dist/esm/systemScheme.native.js +19 -17
- package/dist/esm/systemScheme.native.js.map +1 -1
- package/dist/esm/userScheme.mjs +95 -30
- package/dist/esm/userScheme.mjs.map +1 -1
- package/dist/esm/userScheme.native.js +99 -45
- package/dist/esm/userScheme.native.js.map +1 -1
- package/package.json +3 -3
package/dist/cjs/index.cjs
CHANGED
|
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var index_exports = {};
|
|
22
24
|
__export(index_exports, {
|
|
@@ -30,11 +32,11 @@ __export(index_exports, {
|
|
|
30
32
|
useUserScheme: () => import_userScheme2.useUserScheme
|
|
31
33
|
});
|
|
32
34
|
module.exports = __toCommonJS(index_exports);
|
|
33
|
-
var import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect")
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
var import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect");
|
|
36
|
+
var import_userScheme = require("./userScheme.cjs");
|
|
37
|
+
var import_systemScheme = require("./systemScheme.cjs");
|
|
38
|
+
var import_userScheme2 = require("./userScheme.cjs");
|
|
39
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
38
40
|
const storageKey = "vxrn-scheme";
|
|
39
41
|
function SchemeProvider({
|
|
40
42
|
children,
|
|
@@ -44,26 +46,38 @@ function SchemeProvider({
|
|
|
44
46
|
}) {
|
|
45
47
|
(0, import_userScheme.setForceScheme)(forceScheme ?? null);
|
|
46
48
|
const {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
49
|
+
value
|
|
50
|
+
} = (0, import_userScheme.useUserScheme)();
|
|
51
|
+
const resolvedValue = forceScheme ?? value;
|
|
52
|
+
if (true) {
|
|
53
|
+
(0, import_use_isomorphic_layout_effect.useIsomorphicLayoutEffect)(() => {
|
|
54
|
+
if (!forceScheme && defaultScheme && typeof localStorage !== "undefined") {
|
|
55
|
+
if (!localStorage.getItem(storageKey)) {
|
|
56
|
+
(0, import_userScheme.setUserScheme)(defaultScheme);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}, [defaultScheme, forceScheme]);
|
|
60
|
+
(0, import_use_isomorphic_layout_effect.useIsomorphicLayoutEffect)(() => {
|
|
61
|
+
const toAdd = getClassName(resolvedValue);
|
|
62
|
+
const toRemove = getClassName(resolvedValue === "light" ? "dark" : "light");
|
|
63
|
+
const {
|
|
56
64
|
classList
|
|
57
65
|
} = document.documentElement;
|
|
58
|
-
|
|
59
|
-
|
|
66
|
+
classList.remove(toRemove);
|
|
67
|
+
if (!classList.contains(toAdd)) {
|
|
68
|
+
classList.add(toAdd);
|
|
69
|
+
}
|
|
70
|
+
}, [getClassName, resolvedValue]);
|
|
71
|
+
}
|
|
60
72
|
let scriptContent;
|
|
61
|
-
if (forceScheme)
|
|
73
|
+
if (forceScheme) {
|
|
74
|
+
scriptContent = `let d = document.documentElement.classList
|
|
62
75
|
d.remove('${getClassName("light")}')
|
|
63
76
|
d.remove('${getClassName("dark")}')
|
|
64
|
-
d.add('${getClassName(forceScheme)}')`;
|
|
65
|
-
|
|
66
|
-
|
|
77
|
+
d.add('${getClassName(forceScheme)}')`;
|
|
78
|
+
} else {
|
|
79
|
+
const fallback = defaultScheme ? `'${defaultScheme}' === 'dark'` : `window.matchMedia('(prefers-color-scheme: dark)').matches`;
|
|
80
|
+
const seedStorage = defaultScheme ? `if(!e){localStorage.setItem('${storageKey}','${defaultScheme}')}` : "";
|
|
67
81
|
scriptContent = `let d = document.documentElement.classList
|
|
68
82
|
d.remove('${getClassName("light")}')
|
|
69
83
|
d.remove('${getClassName("dark")}')
|
|
@@ -75,8 +89,8 @@ let t = 'system' === e || !e
|
|
|
75
89
|
t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')`;
|
|
76
90
|
}
|
|
77
91
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
78
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("script", {
|
|
79
|
-
suppressHydrationWarning:
|
|
92
|
+
children: [false ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)("script", {
|
|
93
|
+
suppressHydrationWarning: true,
|
|
80
94
|
dangerouslySetInnerHTML: {
|
|
81
95
|
__html: scriptContent
|
|
82
96
|
}
|
|
@@ -89,21 +103,21 @@ function MetaTheme({
|
|
|
89
103
|
lightColor
|
|
90
104
|
}) {
|
|
91
105
|
const {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
106
|
+
value
|
|
107
|
+
} = (0, import_userScheme.useUserScheme)();
|
|
108
|
+
const forced = (0, import_userScheme.getForceScheme)();
|
|
109
|
+
const scriptContent = forced ? `document.getElementById('vxrn-theme-color').setAttribute('content','${forced === "dark" ? darkColor : lightColor}')` : `let dc = document.getElementById('vxrn-theme-color')
|
|
96
110
|
let e1 = localStorage.getItem('${storageKey}')
|
|
97
111
|
let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
|
|
98
112
|
dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')`;
|
|
99
113
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
100
114
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("meta", {
|
|
101
|
-
suppressHydrationWarning:
|
|
115
|
+
suppressHydrationWarning: true,
|
|
102
116
|
id: "vxrn-theme-color",
|
|
103
117
|
name: "theme-color",
|
|
104
118
|
content: color ?? (value === "dark" ? darkColor : lightColor)
|
|
105
119
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("script", {
|
|
106
|
-
suppressHydrationWarning:
|
|
120
|
+
suppressHydrationWarning: true,
|
|
107
121
|
id: "meta-theme-hydrate",
|
|
108
122
|
dangerouslySetInnerHTML: {
|
|
109
123
|
__html: scriptContent
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -5,20 +5,22 @@ 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
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
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, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var index_exports = {};
|
|
24
26
|
__export(index_exports, {
|
|
@@ -32,12 +34,12 @@ __export(index_exports, {
|
|
|
32
34
|
useUserScheme: () => import_userScheme2.useUserScheme
|
|
33
35
|
});
|
|
34
36
|
module.exports = __toCommonJS(index_exports);
|
|
35
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
38
|
+
var import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect");
|
|
39
|
+
var import_userScheme = require("./userScheme.native.js");
|
|
40
|
+
var import_systemScheme = require("./systemScheme.native.js");
|
|
41
|
+
var import_userScheme2 = require("./userScheme.native.js");
|
|
42
|
+
var storageKey = "vxrn-scheme";
|
|
41
43
|
function SchemeProvider(param) {
|
|
42
44
|
var {
|
|
43
45
|
children,
|
|
@@ -47,18 +49,40 @@ function SchemeProvider(param) {
|
|
|
47
49
|
defaultScheme,
|
|
48
50
|
forceScheme
|
|
49
51
|
} = param;
|
|
50
|
-
(0, import_userScheme.setForceScheme)(forceScheme
|
|
52
|
+
(0, import_userScheme.setForceScheme)(forceScheme !== null && forceScheme !== void 0 ? forceScheme : null);
|
|
51
53
|
var {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
value
|
|
55
|
+
} = (0, import_userScheme.useUserScheme)();
|
|
56
|
+
var resolvedValue = forceScheme !== null && forceScheme !== void 0 ? forceScheme : value;
|
|
57
|
+
if (false) {
|
|
58
|
+
(0, import_use_isomorphic_layout_effect.useIsomorphicLayoutEffect)(function () {
|
|
59
|
+
if (!forceScheme && defaultScheme && typeof localStorage !== "undefined") {
|
|
60
|
+
if (!localStorage.getItem(storageKey)) {
|
|
61
|
+
(0, import_userScheme.setUserScheme)(defaultScheme);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}, [defaultScheme, forceScheme]);
|
|
65
|
+
(0, import_use_isomorphic_layout_effect.useIsomorphicLayoutEffect)(function () {
|
|
66
|
+
var toAdd = getClassName(resolvedValue);
|
|
67
|
+
var toRemove = getClassName(resolvedValue === "light" ? "dark" : "light");
|
|
68
|
+
var {
|
|
69
|
+
classList
|
|
70
|
+
} = document.documentElement;
|
|
71
|
+
classList.remove(toRemove);
|
|
72
|
+
if (!classList.contains(toAdd)) {
|
|
73
|
+
classList.add(toAdd);
|
|
74
|
+
}
|
|
75
|
+
}, [getClassName, resolvedValue]);
|
|
76
|
+
}
|
|
77
|
+
var scriptContent;
|
|
78
|
+
if (forceScheme) {
|
|
79
|
+
scriptContent = `let d = document.documentElement.classList
|
|
57
80
|
d.remove('${getClassName("light")}')
|
|
58
81
|
d.remove('${getClassName("dark")}')
|
|
59
|
-
d.add('${getClassName(forceScheme)}')`;
|
|
60
|
-
|
|
61
|
-
|
|
82
|
+
d.add('${getClassName(forceScheme)}')`;
|
|
83
|
+
} else {
|
|
84
|
+
var fallback = defaultScheme ? `'${defaultScheme}' === 'dark'` : `window.matchMedia('(prefers-color-scheme: dark)').matches`;
|
|
85
|
+
var seedStorage = defaultScheme ? `if(!e){localStorage.setItem('${storageKey}','${defaultScheme}')}` : "";
|
|
62
86
|
scriptContent = `let d = document.documentElement.classList
|
|
63
87
|
d.remove('${getClassName("light")}')
|
|
64
88
|
d.remove('${getClassName("dark")}')
|
|
@@ -70,31 +94,36 @@ let t = 'system' === e || !e
|
|
|
70
94
|
t ? d.add('${getClassName("dark")}') : d.add('${getClassName("light")}')`;
|
|
71
95
|
}
|
|
72
96
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
73
|
-
children: [null,
|
|
97
|
+
children: [true ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)("script", {
|
|
98
|
+
suppressHydrationWarning: true,
|
|
99
|
+
dangerouslySetInnerHTML: {
|
|
100
|
+
__html: scriptContent
|
|
101
|
+
}
|
|
102
|
+
}), children]
|
|
74
103
|
});
|
|
75
104
|
}
|
|
76
105
|
function MetaTheme(param) {
|
|
77
106
|
var {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
107
|
+
color,
|
|
108
|
+
darkColor,
|
|
109
|
+
lightColor
|
|
110
|
+
} = param;
|
|
111
|
+
var {
|
|
112
|
+
value
|
|
113
|
+
} = (0, import_userScheme.useUserScheme)();
|
|
114
|
+
var forced = (0, import_userScheme.getForceScheme)();
|
|
115
|
+
var scriptContent = forced ? `document.getElementById('vxrn-theme-color').setAttribute('content','${forced === "dark" ? darkColor : lightColor}')` : `let dc = document.getElementById('vxrn-theme-color')
|
|
87
116
|
let e1 = localStorage.getItem('${storageKey}')
|
|
88
117
|
let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
|
|
89
118
|
dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')`;
|
|
90
119
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
91
120
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("meta", {
|
|
92
|
-
suppressHydrationWarning:
|
|
121
|
+
suppressHydrationWarning: true,
|
|
93
122
|
id: "vxrn-theme-color",
|
|
94
123
|
name: "theme-color",
|
|
95
|
-
content: color
|
|
124
|
+
content: color !== null && color !== void 0 ? color : value === "dark" ? darkColor : lightColor
|
|
96
125
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("script", {
|
|
97
|
-
suppressHydrationWarning:
|
|
126
|
+
suppressHydrationWarning: true,
|
|
98
127
|
id: "meta-theme-hydrate",
|
|
99
128
|
dangerouslySetInnerHTML: {
|
|
100
129
|
__html: scriptContent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","MetaTheme","SchemeProvider","getSystemScheme","import_systemScheme","getUserScheme","import_userScheme2","onUserSchemeChange","setUserScheme","useSystemScheme","useUserScheme","module","exports","import_jsx_runtime","require","import_use_isomorphic_layout_effect","import_userScheme","storageKey","param","children","getClassName","name","defaultScheme","forceScheme","setForceScheme","resolvedValue","scriptContent","fallback","seedStorage","jsxs","Fragment","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","MetaTheme","SchemeProvider","getSystemScheme","import_systemScheme","getUserScheme","import_userScheme2","onUserSchemeChange","setUserScheme","useSystemScheme","useUserScheme","module","exports","import_jsx_runtime","require","import_use_isomorphic_layout_effect","import_userScheme","storageKey","param","children","getClassName","name","defaultScheme","forceScheme","setForceScheme","resolvedValue","useIsomorphicLayoutEffect","localStorage","getItem","toAdd","toRemove","classList","document","documentElement","remove","contains","add","scriptContent","fallback","seedStorage","jsxs","Fragment","jsx","suppressHydrationWarning","dangerouslySetInnerHTML","__html","color","darkColor","lightColor","forced","getForceScheme","id","content"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var systemScheme_exports = {};
|
|
22
24
|
__export(systemScheme_exports, {
|
|
@@ -24,17 +26,19 @@ __export(systemScheme_exports, {
|
|
|
24
26
|
useSystemScheme: () => useSystemScheme
|
|
25
27
|
});
|
|
26
28
|
module.exports = __toCommonJS(systemScheme_exports);
|
|
27
|
-
var import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect")
|
|
28
|
-
|
|
29
|
-
const media = typeof window
|
|
29
|
+
var import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect");
|
|
30
|
+
var import_react = require("react");
|
|
31
|
+
const media = typeof window !== "undefined" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)") : null;
|
|
30
32
|
function getSystemScheme() {
|
|
31
33
|
return media?.matches ? "dark" : "light";
|
|
32
34
|
}
|
|
33
35
|
function useSystemScheme() {
|
|
34
36
|
const [scheme, setScheme] = (0, import_react.useState)("light");
|
|
35
|
-
|
|
37
|
+
(0, import_use_isomorphic_layout_effect.useIsomorphicLayoutEffect)(() => {
|
|
36
38
|
setScheme(getSystemScheme());
|
|
37
39
|
const onChange = () => setScheme(getSystemScheme());
|
|
38
|
-
|
|
39
|
-
|
|
40
|
+
media?.addEventListener("change", onChange);
|
|
41
|
+
return () => media?.removeEventListener("change", onChange);
|
|
42
|
+
}, []);
|
|
43
|
+
return scheme;
|
|
40
44
|
}
|
|
@@ -5,20 +5,22 @@ 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
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
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, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var systemScheme_native_exports = {};
|
|
24
26
|
__export(systemScheme_native_exports, {
|
|
@@ -26,8 +28,8 @@ __export(systemScheme_native_exports, {
|
|
|
26
28
|
useSystemScheme: () => useSystemScheme
|
|
27
29
|
});
|
|
28
30
|
module.exports = __toCommonJS(systemScheme_native_exports);
|
|
29
|
-
var import_react = require("react")
|
|
30
|
-
|
|
31
|
+
var import_react = require("react");
|
|
32
|
+
var import_react_native = require("react-native");
|
|
31
33
|
function toScheme(colorScheme) {
|
|
32
34
|
return colorScheme === "dark" ? "dark" : "light";
|
|
33
35
|
}
|
|
@@ -36,25 +38,27 @@ function getSystemScheme() {
|
|
|
36
38
|
}
|
|
37
39
|
function useSystemScheme() {
|
|
38
40
|
var [scheme, setScheme] = (0, import_react.useState)(getSystemScheme);
|
|
39
|
-
|
|
41
|
+
(0, import_react.useEffect)(function () {
|
|
40
42
|
var appearanceSubscription = import_react_native.Appearance.addChangeListener(function (param) {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
43
|
+
var {
|
|
44
|
+
colorScheme
|
|
45
|
+
} = param;
|
|
46
|
+
setScheme(toScheme(colorScheme));
|
|
47
|
+
});
|
|
48
|
+
var handleAppStateChange = function (nextAppState) {
|
|
49
|
+
if (nextAppState === "active") {
|
|
50
|
+
var currentScheme = getSystemScheme();
|
|
51
|
+
setScheme(function (prev) {
|
|
52
|
+
return prev !== currentScheme ? currentScheme : prev;
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
var appStateSubscription = import_react_native.AppState.addEventListener("change", handleAppStateChange);
|
|
55
57
|
return function () {
|
|
56
|
-
appearanceSubscription.remove()
|
|
58
|
+
appearanceSubscription.remove();
|
|
59
|
+
appStateSubscription.remove();
|
|
57
60
|
};
|
|
58
|
-
}, [])
|
|
61
|
+
}, []);
|
|
62
|
+
return scheme;
|
|
59
63
|
}
|
|
60
64
|
//# sourceMappingURL=systemScheme.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["systemScheme_native_exports","__export","getSystemScheme","useSystemScheme","module","exports","__toCommonJS","import_react","require","import_react_native","toScheme","colorScheme","Appearance","getColorScheme","scheme","setScheme","useState","useEffect","appearanceSubscription","addChangeListener","param","handleAppStateChange","nextAppState","currentScheme","prev","appStateSubscription","AppState","addEventListener","remove"],"sources":["../../src/systemScheme.native.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["systemScheme_native_exports","__export","getSystemScheme","useSystemScheme","module","exports","__toCommonJS","import_react","require","import_react_native","toScheme","colorScheme","Appearance","getColorScheme","scheme","setScheme","useState","useEffect","appearanceSubscription","addChangeListener","param","handleAppStateChange","nextAppState","currentScheme","prev","appStateSubscription","AppState","addEventListener","remove"],"sources":["../../src/systemScheme.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,2BAAA;AAAA,IAAAO,YAAA,GAAoCC,OAAA;AACpC,IAAAC,mBAAA,GAAqCD,OAAA;AACrC,SAASE,SAASC,WAAA,EAAa;EAC3B,OAAOA,WAAA,KAAgB,SAAS,SAAS;AAC7C;AACO,SAAST,gBAAA,EAAkB;EAC9B,OAAOQ,QAAA,CAASD,mBAAA,CAAAG,UAAA,CAAWC,cAAA,CAAe,CAAC;AAC/C;AACO,SAASV,gBAAA,EAAkB;EAC9B,IAAI,CAACW,MAAA,EAAQC,SAAS,QAAIR,YAAA,CAAAS,QAAA,EAASd,eAAe;EAClD,IAAAK,YAAA,CAAAU,SAAA,EAAU,YAAW;IAEjB,IAAIC,sBAAA,GAAyBT,mBAAA,CAAAG,UAAA,CAAWO,iBAAA,CAAkB,UAASC,KAAA,EAAO;MACtE,IAAI;QAAET;MAAY,IAAIS,KAAA;MACtBL,SAAA,CAAUL,QAAA,CAASC,WAAW,CAAC;IACnC,CAAC;IAGD,IAAIU,oBAAA,GAAuB,SAAAA,CAASC,YAAA,EAAc;MAC9C,IAAIA,YAAA,KAAiB,UAAU;QAC3B,IAAIC,aAAA,GAAgBrB,eAAA,CAAgB;QACpCa,SAAA,CAAU,UAASS,IAAA,EAAM;UACrB,OAAOA,IAAA,KAASD,aAAA,GAAgBA,aAAA,GAAgBC,IAAA;QACpD,CAAC;MACL;IACJ;IACA,IAAIC,oBAAA,GAAuBhB,mBAAA,CAAAiB,QAAA,CAASC,gBAAA,CAAiB,UAAUN,oBAAoB;IACnF,OAAO,YAAW;MACdH,sBAAA,CAAuBU,MAAA,CAAO;MAC9BH,oBAAA,CAAqBG,MAAA,CAAO;IAChC;EACJ,GAAG,EAAE;EACL,OAAOd,MAAA;AACX","ignoreList":[]}
|