@hanzogui/web 7.3.1 → 7.3.3

package/dist/cjs/config.cjs

@@ -69,6 +69,10 @@ Gui: Using global config fallback. This may indicate duplicate gui instances (e.
     }
     return globalThis.__guiConfig;
   }
+  if (typeof document === "undefined") {
+    try { __lazyCG().createGui({ themes: { light: {}, dark: {} } }); } catch {}
+    if (conf) return conf;
+  }
   return null;
 };
 const getSetting = key => {

package/dist/cjs/hooks/useMedia.cjs

@@ -199,7 +199,7 @@ function useMedia(componentContext, debug) {
     }
   });
 }
-const getServerSnapshot = () => initState;
+const getServerSnapshot = () => initState ?? getMedia();
 let disableMediaTouch = false;
 function _disableMediaTouch(val) {
   disableMediaTouch = val;

package/dist/cjs/hooks/useThemeState.cjs

@@ -64,7 +64,7 @@ const useThemeState = (props, isRoot = false, keys, schemeKeys) => {
     disable
   } = props;
   const parentId = (0, import_react.useContext)(ThemeStateContext);
-  if (!parentId && !isRoot) throw new Error(process.env.NODE_ENV === "development" ? `${import_constants3.MISSING_THEME_MESSAGE}
+  if (!parentId && !isRoot && typeof document !== "undefined") throw new Error(process.env.NODE_ENV === "development" ? `${import_constants3.MISSING_THEME_MESSAGE}
 
 Looked for theme${props.name ? ` "${props.name}"` : ""}${props.componentName ? ` (component: ${props.componentName})` : ""}, but no parent theme context was found (parentId: ${parentId}).` : import_constants3.MISSING_THEME_MESSAGE);
   if (disable) return states.get(parentId) || {
@@ -185,7 +185,7 @@ const getNextState = (lastState, props, propsKey, isRoot = false, id, parentId,
     }];
   }
   if (!name) {
-    const next = lastState ?? parentState;
+    const next = lastState ?? parentState ?? (typeof document === "undefined" ? { name: "light", theme: {}, isNew: false } : void 0);
     if (!next) throw new Error(process.env.NODE_ENV === "development" ? `${import_constants3.MISSING_THEME_MESSAGE}
 
 Looked for theme${props.name ? ` "${props.name}"` : ""}${props.componentName ? ` (component: ${props.componentName})` : ""}, but no theme state was resolved (parentId: ${parentId}, id: ${id}).` : import_constants3.MISSING_THEME_MESSAGE);

package/dist/esm/config.mjs

@@ -1,4 +1,5 @@
 import { isWeb } from "@hanzogui/constants";
+import { createGui as __lazyCreateGui } from "./createGui.mjs";
 import { MISSING_THEME_MESSAGE } from "./constants/constants.mjs";
 let conf;
 let setConfigCalledByThisInstance = false;
@@ -26,6 +27,14 @@ Gui: Using global config fallback. This may indicate duplicate gui instances (e.
     }
     return globalThis.__guiConfig;
   }
+  // Server-side, nothing configured anywhere: a prerender worker reached a gui
+  // component before any config module evaluated (chunk-graph dependent). Build
+  // a minimal config so the render degrades instead of throwing; the client
+  // hydrates with the real config.
+  if (typeof document === "undefined") {
+    try { __lazyCreateGui({ themes: { light: {}, dark: {} } }); } catch {}
+    if (conf) return conf;
+  }
   return null;
 };
 const getSetting = key => {

package/dist/esm/hooks/useMedia.mjs

@@ -160,7 +160,7 @@ function useMedia(componentContext, debug) {
     }
   });
 }
-const getServerSnapshot = () => initState;
+const getServerSnapshot = () => initState ?? getMedia();
 let disableMediaTouch = false;
 function _disableMediaTouch(val) {
   disableMediaTouch = val;

package/dist/esm/hooks/useThemeState.mjs

@@ -32,7 +32,7 @@ const useThemeState = (props, isRoot = false, keys, schemeKeys) => {
     disable
   } = props;
   const parentId = useContext(ThemeStateContext);
-  if (!parentId && !isRoot) throw new Error(process.env.NODE_ENV === "development" ? `${MISSING_THEME_MESSAGE}
+  if (!parentId && !isRoot && typeof document !== "undefined") throw new Error(process.env.NODE_ENV === "development" ? `${MISSING_THEME_MESSAGE}
 
 Looked for theme${props.name ? ` "${props.name}"` : ""}${props.componentName ? ` (component: ${props.componentName})` : ""}, but no parent theme context was found (parentId: ${parentId}).` : MISSING_THEME_MESSAGE);
   if (disable) return states.get(parentId) || {
@@ -153,7 +153,7 @@ const getNextState = (lastState, props, propsKey, isRoot = false, id, parentId,
     }];
   }
   if (!name) {
-    const next = lastState ?? parentState;
+    const next = lastState ?? parentState ?? (typeof document === "undefined" ? { name: "light", theme: {}, isNew: false } : void 0);
     if (!next) throw new Error(process.env.NODE_ENV === "development" ? `${MISSING_THEME_MESSAGE}
 
 Looked for theme${props.name ? ` "${props.name}"` : ""}${props.componentName ? ` (component: ${props.componentName})` : ""}, but no theme state was resolved (parentId: ${parentId}, id: ${id}).` : MISSING_THEME_MESSAGE);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/web",
-  "version": "7.3.1",
+  "version": "7.3.3",
   "license": "BSD-3-Clause",
   "author": "Hanzo AI <dev@hanzo.ai>",
   "repository": {
@@ -41,13 +41,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "gui-build",
-    "watch": "gui-build --watch",
-    "clean": "gui-build clean",
-    "clean:build": "gui-build clean:build",
-    "test:web": "vitest --typecheck --run"
-  },
   "dependencies": {
     "@hanzogui/compose-refs": "7.3.1",
     "@hanzogui/constants": "7.3.1",
@@ -89,5 +82,12 @@
     "react-native": {
       "optional": true
     }
+  },
+  "scripts": {
+    "build": "gui-build",
+    "watch": "gui-build --watch",
+    "clean": "gui-build clean",
+    "clean:build": "gui-build clean:build",
+    "test:web": "vitest --typecheck --run"
   }
-}
+}