@weaverse/hydrogen 1.0.25 → 1.0.27

package/dist/index.d.ts

@@ -48,5 +48,6 @@ declare let WeaverseHydrogenRoot: ({ components, data, }: {
         weaverseData: any;
     };
 }) => JSX.Element;
+declare function useIsHydrated(): boolean;
 
-export { WeaverseComponentLoaderArgs, WeaverseHydrogenRoot, fetchWithServerCache, hashKey, useStudio, weaverseLoader };
+export { WeaverseComponentLoaderArgs, WeaverseHydrogenRoot, fetchWithServerCache, hashKey, useIsHydrated, useStudio, weaverseLoader };

package/dist/index.js

@@ -33,6 +33,7 @@ __export(src_exports, {
   WeaverseHydrogenRoot: () => WeaverseHydrogenRoot,
   fetchWithServerCache: () => fetchWithServerCache,
   hashKey: () => hashKey,
+  useIsHydrated: () => useIsHydrated,
   useStudio: () => useStudio,
   weaverseLoader: () => weaverseLoader
 });
@@ -56,6 +57,9 @@ var useStudio = (weaverseCore) => {
         }
       );
     }
+    setTimeout(() => {
+      window.__weaverse = weaverseCore;
+    }, 1);
   }, []);
 };
 
@@ -214,13 +218,35 @@ var WeaverseHydrogenRoot = ({
   if (!weaverse?.data) {
     return /* @__PURE__ */ import_react3.default.createElement("div", null, "404");
   }
-  return /* @__PURE__ */ import_react3.default.createElement(import_react4.WeaverseRoot, { context: weaverse });
+  return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(import_react4.WeaverseRoot, { context: weaverse }), /* @__PURE__ */ import_react3.default.createElement(RenderStitchesStyles, { weaverse }));
+};
+function useIsHydrated() {
+  const [isHydrated, setHydrated] = (0, import_react3.useState)(false);
+  (0, import_react3.useEffect)(() => {
+    setHydrated(true);
+  }, []);
+  return isHydrated;
+}
+var RenderStitchesStyles = ({ weaverse }) => {
+  let h = useIsHydrated();
+  return /* @__PURE__ */ import_react3.default.createElement(
+    "style",
+    {
+      "data-hydrated": h,
+      id: "stitches",
+      dangerouslySetInnerHTML: {
+        __html: weaverse.stitchesInstance.getCssText()
+      },
+      suppressHydrationWarning: true
+    }
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   WeaverseHydrogenRoot,
   fetchWithServerCache,
   hashKey,
+  useIsHydrated,
   useStudio,
   weaverseLoader
 });

package/dist/index.mjs

@@ -16,11 +16,14 @@ var useStudio = (weaverseCore) => {
         }
       );
     }
+    setTimeout(() => {
+      window.__weaverse = weaverseCore;
+    }, 1);
   }, []);
 };
 
 // src/index.tsx
-import React from "react";
+import React, { useEffect as useEffect2, useState } from "react";
 import { WeaverseRoot } from "@weaverse/react";
 
 // src/context.ts
@@ -177,12 +180,34 @@ var WeaverseHydrogenRoot = ({
   if (!weaverse?.data) {
     return /* @__PURE__ */ React.createElement("div", null, "404");
   }
-  return /* @__PURE__ */ React.createElement(WeaverseRoot, { context: weaverse });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(WeaverseRoot, { context: weaverse }), /* @__PURE__ */ React.createElement(RenderStitchesStyles, { weaverse }));
+};
+function useIsHydrated() {
+  const [isHydrated, setHydrated] = useState(false);
+  useEffect2(() => {
+    setHydrated(true);
+  }, []);
+  return isHydrated;
+}
+var RenderStitchesStyles = ({ weaverse }) => {
+  let h = useIsHydrated();
+  return /* @__PURE__ */ React.createElement(
+    "style",
+    {
+      "data-hydrated": h,
+      id: "stitches",
+      dangerouslySetInnerHTML: {
+        __html: weaverse.stitchesInstance.getCssText()
+      },
+      suppressHydrationWarning: true
+    }
+  );
 };
 export {
   WeaverseHydrogenRoot,
   fetchWithServerCache,
   hashKey,
+  useIsHydrated,
   useStudio,
   weaverseLoader
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.25",
+  "version": "1.0.27",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -33,8 +33,8 @@
   "author": "Weaverse Team",
   "dependencies": {
     "@shopify/hydrogen": "2023.4.0",
-    "@weaverse/core": "1.0.25",
-    "@weaverse/react": "1.0.25"
+    "@weaverse/core": "1.0.27",
+    "@weaverse/react": "1.0.27"
   },
   "devDependencies": {
     "@shopify/remix-oxygen": "^1.0.5"