@reforma/site 0.0.1 → 0.0.2

package/dist/root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../src/root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAErG,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC;AAEjE,KAAK,SAAS,GAAG;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,UAAU,CAAC;CAC1B,CAAC;AAEF,KAAK,gBAAgB,GAAG,SAAS,GAAG;IAAE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAAE,CAAC;AAe/E,8EAA8E;AAC9E,wBAAgB,OAAO,qBAEtB;AAMD,wBAAgB,QAAQ,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,WAAgC,EAChC,WAAkB,GACrB,EAAE;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B,+BAqGA"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../src/root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAErG,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC;AAEjE,KAAK,SAAS,GAAG;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,UAAU,CAAC;CAC1B,CAAC;AAEF,KAAK,gBAAgB,GAAG,SAAS,GAAG;IAAE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAAE,CAAC;AAe/E,8EAA8E;AAC9E,wBAAgB,OAAO,qBAEtB;AAMD,wBAAgB,QAAQ,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,WAAgC,EAChC,WAAkB,GACrB,EAAE;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B,+BA6FA"}

package/dist/root.js

@@ -20,7 +20,7 @@ function modeNames(modes) {
 }
 export function SiteRoot({ children, modes, appearances = defaultAppearances, systemModes = null, }) {
     const defaultMode = modes.default ?? '';
-    const [state, setState] = useState({
+    const [modeState, setModeState] = useState({
         mode: defaultMode,
         siteMode: defaultMode,
         preview: null,
@@ -29,19 +29,11 @@ export function SiteRoot({ children, modes, appearances = defaultAppearances, sy
     });
     const latestState = useRef(null);
     const selectVisitorMode = useRef(null);
-    const modesRef = useRef(modes);
-    const appearancesRef = useRef(appearances);
-    const systemModesRef = useRef(systemModes);
-    modesRef.current = modes;
-    appearancesRef.current = appearances;
-    systemModesRef.current = systemModes;
     // Hydrate the server default first, then apply visitor preferences without masking mismatches.
     useLayoutEffect(() => {
         const storageKey = 'project-mode';
-        const names = modeNames(modesRef.current);
-        const defaultMode = modesRef.current.default ?? '';
-        const appearances = appearancesRef.current;
-        const systemModes = systemModesRef.current;
+        const names = modeNames(modes);
+        const defaultMode = modes.default ?? '';
         const valid = (mode) => mode !== null && names.includes(mode) ? mode : null;
         const media = systemModes ? window.matchMedia('(prefers-color-scheme: dark)') : null;
         let preference = latestState.current?.preference ?? null;
@@ -65,7 +57,7 @@ export function SiteRoot({ children, modes, appearances = defaultAppearances, sy
             document.documentElement.setAttribute('data-appearance', appearance);
             document.documentElement.style.colorScheme = appearance;
             latestState.current = next;
-            setState(next);
+            setModeState(next);
             window.dispatchEvent(new CustomEvent('project:mode-change', { detail: next }));
         };
         const onStorage = (event) => {
@@ -112,6 +104,6 @@ export function SiteRoot({ children, modes, appearances = defaultAppearances, sy
             media?.removeEventListener('change', publishMode);
             window.removeEventListener('reforma:token-mode', onPreview);
         };
-    }, []);
-    return (_jsx(ModeContext, { value: { ...state, setMode: mode => selectVisitorMode.current?.(mode) }, children: children }));
+    }, [appearances, modes, systemModes]);
+    return (_jsx(ModeContext, { value: { ...modeState, setMode: mode => selectVisitorMode.current?.(mode) }, children: children }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@reforma/site",
-    "version": "0.0.1",
+    "version": "0.0.2",
     "description": "Visitor runtime for a Reforma site: mode, publish metadata, and the PostCSS url guard.",
     "type": "module",
     "license": "UNLICENSED",