@devup-ui/react 0.1.33 → 1.0.0
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");function n({auto:t=!0,theme:e}){return r.jsx("script",{dangerouslySetInnerHTML:{__html:e?`(function (){document.documentElement.setAttribute('data-theme'
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");function n({auto:t=!0,theme:e}){return r.jsx("script",{dangerouslySetInnerHTML:{__html:e?`(function (){document.documentElement.setAttribute('data-theme','${e}');}())`:`(function (){document.documentElement.setAttribute('data-theme',localStorage.getItem('__DF_THEME_SELECTED__')||(${String(t)}&&window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'${process.env.DEVUP_UI_DEFAULT_THEME??"default"}'));})()`}})}exports.ThemeScript=n;
|
|
@@ -4,7 +4,7 @@ function o({ auto: e = !0, theme: t }) {
|
|
|
4
4
|
"script",
|
|
5
5
|
{
|
|
6
6
|
dangerouslySetInnerHTML: {
|
|
7
|
-
__html: t ? `(function (){document.documentElement.setAttribute('data-theme'
|
|
7
|
+
__html: t ? `(function (){document.documentElement.setAttribute('data-theme','${t}');}())` : `(function (){document.documentElement.setAttribute('data-theme',localStorage.getItem('__DF_THEME_SELECTED__')||(${String(e)}&&window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'${process.env.DEVUP_UI_DEFAULT_THEME ?? "default"}'));})()`
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
);
|
package/dist/hooks/use-theme.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("./use-safe-effect.cjs");let t=null;const u={};let
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("./use-safe-effect.cjs");let t=null;const u={};let a=null;function f(){const n=l.useId(),[r,s]=l.useState(a);return o.useSafeEffect(()=>{if(a!==null)return;const e=document.documentElement.getAttribute("data-theme");e!==null&&e!==r&&s(e)},[r]),o.useSafeEffect(()=>{const e=document.documentElement;return u[n]=s,t||(t=new MutationObserver(()=>{const c=document.documentElement.getAttribute("data-theme");a=c;for(const i in u)u[i](c)}),t.observe(e,{attributes:!0,attributeFilter:["data-theme"],childList:!1,subtree:!1,characterData:!1,attributeOldValue:!1,characterDataOldValue:!1})),()=>{delete u[n],t&&Object.keys(u).length===0&&t.disconnect()}},[n]),r}exports.useTheme=f;
|
package/dist/hooks/use-theme.js
CHANGED
|
@@ -3,18 +3,18 @@ import { useId as m, useState as i } from "react";
|
|
|
3
3
|
import { useSafeEffect as s } from "./use-safe-effect.js";
|
|
4
4
|
let t = null;
|
|
5
5
|
const n = {};
|
|
6
|
-
let
|
|
6
|
+
let u = null;
|
|
7
7
|
function h() {
|
|
8
|
-
const r = m(), [
|
|
8
|
+
const r = m(), [a, l] = i(u);
|
|
9
9
|
return s(() => {
|
|
10
|
-
if (
|
|
10
|
+
if (u !== null) return;
|
|
11
11
|
const e = document.documentElement.getAttribute("data-theme");
|
|
12
|
-
e !== null && e !==
|
|
13
|
-
}, []), s(() => {
|
|
12
|
+
e !== null && e !== a && l(e);
|
|
13
|
+
}, [a]), s(() => {
|
|
14
14
|
const e = document.documentElement;
|
|
15
15
|
return n[r] = l, t || (t = new MutationObserver(() => {
|
|
16
16
|
const o = document.documentElement.getAttribute("data-theme");
|
|
17
|
-
|
|
17
|
+
u = o;
|
|
18
18
|
for (const c in n)
|
|
19
19
|
n[c](o);
|
|
20
20
|
}), t.observe(e, {
|
|
@@ -28,7 +28,7 @@ function h() {
|
|
|
28
28
|
})), () => {
|
|
29
29
|
delete n[r], t && Object.keys(n).length === 0 && t.disconnect();
|
|
30
30
|
};
|
|
31
|
-
}, [r]),
|
|
31
|
+
}, [r]), a;
|
|
32
32
|
}
|
|
33
33
|
export {
|
|
34
34
|
h as useTheme
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@devup-ui/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -24,10 +24,10 @@
|
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
27
|
-
"vite": "^6.
|
|
28
|
-
"vite-plugin-dts": "^4.5.
|
|
29
|
-
"vitest": "^3.1.
|
|
30
|
-
"typescript": "^5.8.
|
|
27
|
+
"vite": "^6.3.5",
|
|
28
|
+
"vite-plugin-dts": "^4.5.4",
|
|
29
|
+
"vitest": "^3.1.3",
|
|
30
|
+
"typescript": "^5.8.3",
|
|
31
31
|
"@types/react": "^19"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|