@vxrn/color-scheme 1.1.538 → 1.1.540
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.native.js +78 -83
- package/dist/cjs/index.native.js.map +1 -6
- package/package.json +4 -4
package/dist/cjs/index.native.js
CHANGED
|
@@ -1,18 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
7
|
var __export = (target, all) => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: !0
|
|
22
|
+
}), mod);
|
|
16
23
|
var index_exports = {};
|
|
17
24
|
__export(index_exports, {
|
|
18
25
|
MetaTheme: () => MetaTheme,
|
|
@@ -25,94 +32,82 @@ __export(index_exports, {
|
|
|
25
32
|
useSchemeSetting: () => useSchemeSetting
|
|
26
33
|
});
|
|
27
34
|
module.exports = __toCommonJS(index_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
35
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
36
|
+
import_universal_color_scheme = require("@vxrn/universal-color-scheme"),
|
|
37
|
+
import_use_isomorphic_layout_effect = require("@vxrn/use-isomorphic-layout-effect"),
|
|
38
|
+
import_react = require("react"),
|
|
39
|
+
import_universal_color_scheme2 = require("@vxrn/universal-color-scheme"),
|
|
40
|
+
storageKey = "vxrn-scheme",
|
|
41
|
+
clearColorSchemeSetting = function () {
|
|
42
|
+
setSchemeSetting("system");
|
|
43
|
+
};
|
|
44
|
+
var SchemeContext = /* @__PURE__ */(0, import_react.createContext)({
|
|
45
|
+
setting: "system",
|
|
46
|
+
scheme: "light"
|
|
47
|
+
}),
|
|
48
|
+
useColorScheme = function () {
|
|
49
|
+
var [state] = (0, import_universal_color_scheme.useColorScheme)();
|
|
50
|
+
return [state, setSchemeSetting];
|
|
51
|
+
};
|
|
41
52
|
function useSchemeSetting() {
|
|
42
53
|
var values = (0, import_react.useContext)(SchemeContext);
|
|
43
|
-
return [
|
|
44
|
-
values,
|
|
45
|
-
setSchemeSetting
|
|
46
|
-
];
|
|
54
|
+
return [values, setSchemeSetting];
|
|
47
55
|
}
|
|
48
56
|
function setSchemeSetting(next) {
|
|
49
57
|
typeof localStorage < "u" && localStorage.setItem(storageKey, next), (0, import_universal_color_scheme.setColorScheme)(next);
|
|
50
58
|
}
|
|
51
59
|
function SchemeProvider(param) {
|
|
52
60
|
var {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
]),
|
|
72
|
-
children
|
|
73
|
-
})
|
|
74
|
-
]
|
|
61
|
+
children,
|
|
62
|
+
// defaults to tamagui-compatible
|
|
63
|
+
getClassName = function (name) {
|
|
64
|
+
return `t_${name}`;
|
|
65
|
+
}
|
|
66
|
+
} = param,
|
|
67
|
+
[colorSchemeSetting] = (0, import_universal_color_scheme.useColorSchemeSetting)(),
|
|
68
|
+
[colorScheme] = useColorScheme();
|
|
69
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
70
|
+
children: [null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(SchemeContext.Provider, {
|
|
71
|
+
value: (0, import_react.useMemo)(function () {
|
|
72
|
+
return {
|
|
73
|
+
scheme: colorScheme,
|
|
74
|
+
setting: colorSchemeSetting
|
|
75
|
+
};
|
|
76
|
+
}, [colorScheme, colorSchemeSetting]),
|
|
77
|
+
children
|
|
78
|
+
})]
|
|
75
79
|
});
|
|
76
80
|
}
|
|
77
|
-
var MetaTheme = function(param) {
|
|
78
|
-
var {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
81
|
+
var MetaTheme = function (param) {
|
|
82
|
+
var {
|
|
83
|
+
color,
|
|
84
|
+
darkColor,
|
|
85
|
+
lightColor
|
|
86
|
+
} = param,
|
|
87
|
+
[colorScheme] = useColorScheme();
|
|
88
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
89
|
+
children: [/* itemProp removes hoisting - react wasnt de-duping it properly causing two in DOM */
|
|
90
|
+
/* maybe bug in safari or react */
|
|
91
|
+
/* @__PURE__ */(0, import_jsx_runtime.jsx)("meta", {
|
|
92
|
+
itemProp: "__deopt",
|
|
93
|
+
// because the script below runs before render it actually ruins our nice ssr logic here
|
|
94
|
+
// instead we just avoid the warning its a single tag
|
|
95
|
+
suppressHydrationWarning: !0,
|
|
96
|
+
id: "vxrn-theme-color",
|
|
97
|
+
name: "theme-color",
|
|
98
|
+
content: color ?? (colorScheme === "dark" ? darkColor : lightColor)
|
|
99
|
+
}), /* ssr compat theme-color */
|
|
100
|
+
/* @__PURE__ */(0, import_jsx_runtime.jsx)("script", {
|
|
101
|
+
id: "meta-theme-hydrate",
|
|
102
|
+
dangerouslySetInnerHTML: {
|
|
103
|
+
__html: `
|
|
97
104
|
let dc = document.getElementById('vxrn-theme-color')
|
|
98
105
|
let e1 = localStorage.getItem('${storageKey}')
|
|
99
106
|
let isD = 'system' === e1 || !e1 ? window.matchMedia('(prefers-color-scheme: dark)').matches : e1 === 'dark'
|
|
100
107
|
dc.setAttribute('content', isD ? '${darkColor}' : '${lightColor}')
|
|
101
108
|
`
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
]
|
|
109
|
+
}
|
|
110
|
+
})]
|
|
105
111
|
});
|
|
106
112
|
};
|
|
107
|
-
|
|
108
|
-
0 && (module.exports = {
|
|
109
|
-
MetaTheme,
|
|
110
|
-
SchemeProvider,
|
|
111
|
-
clearColorSchemeSetting,
|
|
112
|
-
getColorScheme,
|
|
113
|
-
onColorSchemeChange,
|
|
114
|
-
setSchemeSetting,
|
|
115
|
-
useColorScheme,
|
|
116
|
-
useSchemeSetting
|
|
117
|
-
});
|
|
118
|
-
//# sourceMappingURL=index.js.map
|
|
113
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,gCAKO,yCACP,sCAA0C,+CAC1C,eAAmD,kBAKnDA,iCAAoD,yCAE9CC,aAAa,eAENC,0BAA0B,WAAA;AACrCC,mBAAiB,QAAA;AACnB;AAMA,IAAMC,gBAAgBC,gDAGnB;EACDC,SAAS;EACTC,QAAQ;AACV,CAAA,GAEaC,iBAAiB,WAAA;AAC5B,MAAM,CAACC,KAAAA,QAASC,8BAAAA,gBAAAA;AAChB,SAAO;IAACD;IAAOE;;AACjB;AAEO,SAASC,mBAAAA;AACd,MAAMC,aAASC,yBAAWV,aAAAA;AAC1B,SAAO;IAACS;IAAQF;;AAClB;AAEO,SAASA,iBAAiBI,MAAmB;AAClD,EAAI,OAAOC,eAAiB,OAC1BA,aAAaC,QAAQC,YAAYH,IAAAA,OAEnCI,8CAAeJ,IAAAA;AACjB;AAEO,SAASK,eAAe,OAIuC;MAJvC;IAC7BC;;IAEAC,eAAe,SAACC,MAAAA;aAAS,KAAKA,IAAAA;;EAAM,IAHP,OAKvB,CAACC,kBAAAA,QAAsBC,qDAAAA,GACvB,CAACC,WAAAA,IAAelB,eAAAA;AAiBtB,SACE,uCAAAmB,MAAA,mBAAAC,UAAA;;MAC6C;MAgB3C,uCAAAC,KAACzB,cAAc0B,UAAQ;QACrBC,WAAOC,sBACL,WAAA;iBAAO;YACLzB,QAAQmB;YACRpB,SAASkB;UACX;WACA;UAACE;UAAaF;SAAmB;;;;;AAO3C;AAEO,IAAMS,YAAY,SAAA,OAAA;MAAC,EACxBC,OACAC,WACAC,WAAU,IAC+C,OACnD,CAACV,WAAAA,IAAelB,eAAAA;AAEtB,SACE,uCAAAmB,MAAA,mBAAAC,UAAA;;;;MAGE,uCAAAC,KAACQ,QAAAA;QACCC,UAAS;;;QAGTC,0BAAwB;QACxBC,IAAG;QACHjB,MAAK;QACLkB,SAASP,UAAUR,gBAAgB,SAASS,YAAYC;;;MAI1D,uCAAAP,KAACa,UAAAA;QACCF,IAAG;QACHG,yBAAyB;UACvBC,QAAQ;;iCAEe1B,UAAAA;;oCAEGiB,SAAAA,QAAiBC,UAAAA;;QAE7C;;;;AAIR;",
|
|
5
|
-
"names": ["import_universal_color_scheme", "storageKey", "clearColorSchemeSetting", "setSchemeSetting", "SchemeContext", "createContext", "setting", "scheme", "useColorScheme", "state", "useColorSchemeBase", "setSchemeSetting", "useSchemeSetting", "values", "useContext", "next", "localStorage", "setItem", "storageKey", "setColorScheme", "SchemeProvider", "children", "getClassName", "name", "colorSchemeSetting", "useColorSchemeSetting", "colorScheme", "_jsxs", "_Fragment", "_jsx", "Provider", "value", "useMemo", "MetaTheme", "color", "darkColor", "lightColor", "meta", "itemProp", "suppressHydrationWarning", "id", "content", "script", "dangerouslySetInnerHTML", "__html"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","MetaTheme","SchemeProvider","clearColorSchemeSetting","getColorScheme","import_universal_color_scheme2","onColorSchemeChange","setSchemeSetting","useColorScheme","useSchemeSetting","module","exports","import_jsx_runtime","require","import_universal_color_scheme","import_use_isomorphic_layout_effect","import_react","storageKey","SchemeContext","createContext","setting","scheme","state","values","useContext","next","localStorage","setItem","setColorScheme","param","children","getClassName","name","colorSchemeSetting","useColorSchemeSetting","colorScheme","jsxs","Fragment","jsx","Provider","useMemo","color","darkColor","lightColor","itemProp","suppressHydrationWarning","id","content","dangerouslySetInnerHTML","__html"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vxrn/color-scheme",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.540",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"exports": {
|
|
6
6
|
"./package.json": "./package.json",
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
"watch": "tamagui-build --watch"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@vxrn/universal-color-scheme": "1.1.
|
|
36
|
-
"@vxrn/use-isomorphic-layout-effect": "1.1.
|
|
35
|
+
"@vxrn/universal-color-scheme": "1.1.540",
|
|
36
|
+
"@vxrn/use-isomorphic-layout-effect": "1.1.540"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@tamagui/build": "^1.
|
|
39
|
+
"@tamagui/build": "^1.135.6",
|
|
40
40
|
"react": "~19.0.0",
|
|
41
41
|
"react-native": "~0.79.2"
|
|
42
42
|
},
|