@vxrn/color-scheme 1.14.4 → 1.14.5
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":[]}
|