@weaverse/hydrogen 3.0.0 → 3.1.0

package/dist/index.d.mts

@@ -30,11 +30,6 @@ declare let STORE_PAGES: {
     PAGE: string;
     BLOG: string;
     ARTICLE: string;
-    CART: string;
-    CUSTOMER: string;
-    SEARCH: string;
-    NOT_FOUND: string;
-    PASSWORD: string;
     CUSTOM: string;
 };
 

package/dist/index.d.ts

@@ -30,11 +30,6 @@ declare let STORE_PAGES: {
     PAGE: string;
     BLOG: string;
     ARTICLE: string;
-    CART: string;
-    CUSTOMER: string;
-    SEARCH: string;
-    NOT_FOUND: string;
-    PASSWORD: string;
     CUSTOM: string;
 };
 

package/dist/index.js

@@ -99,9 +99,10 @@ function createCachedWeaverseInstance(params) {
     if (!weaverse) {
       weaverse = new WeaverseHydrogen(params);
       window.__weaverses[params.pageId] = weaverse;
-    } else if (weaverse.isDesignMode) {
+    }
+    if (weaverse?.isDesignMode) {
       weaverse.requestInfo = params.requestInfo;
-      window.weaverseStudio?.refresh(params);
+      window.weaverseStudio?.refreshStudio(params);
     }
     return weaverse;
   }
@@ -197,12 +198,13 @@ var import_react8 = require("@weaverse/react");
 var import_react9 = require("react");
 function useStudio(weaverse) {
   let { revalidate } = (0, import_react7.useRevalidator)();
+  const navigation = (0, import_react7.useNavigation)();
   let { pathname, search } = (0, import_react7.useLocation)();
   let navigate = (0, import_react7.useNavigate)();
   let themeSettingsStore = useThemeContext();
   let { isDesignMode, weaverseHost, weaverseVersion } = weaverse;
   (0, import_react9.useEffect)(() => {
-    if (isDesignMode) {
+    if (navigation.state === "idle" && isDesignMode) {
       weaverse.internal = {
         ...weaverse.internal,
         navigate,
@@ -211,10 +213,10 @@ function useStudio(weaverse) {
       };
       let studioSrc = `${weaverseHost}/static/studio/hydrogen/index.js?v=${weaverseVersion}`;
       (0, import_react8.loadScript)(studioSrc).then(() => {
-        window.weaverseStudio?.init(weaverse);
+        window.weaverseStudio.init(weaverse);
       }).catch(console.error);
     }
-  }, [pathname, search]);
+  }, [pathname, search, navigation.state]);
 }
 
 // src/Effect.tsx

package/dist/index.mjs

@@ -64,9 +64,10 @@ function createCachedWeaverseInstance(params) {
     if (!weaverse) {
       weaverse = new WeaverseHydrogen(params);
       window.__weaverses[params.pageId] = weaverse;
-    } else if (weaverse.isDesignMode) {
+    }
+    if (weaverse?.isDesignMode) {
       weaverse.requestInfo = params.requestInfo;
-      window.weaverseStudio?.refresh(params);
+      window.weaverseStudio?.refreshStudio(params);
     }
     return weaverse;
   }
@@ -157,17 +158,23 @@ function useThemeSettings() {
 import { memo } from "react";
 
 // src/hooks/use-studio.ts
-import { useLocation, useNavigate, useRevalidator } from "@remix-run/react";
+import {
+  useLocation,
+  useNavigate,
+  useRevalidator,
+  useNavigation
+} from "@remix-run/react";
 import { loadScript } from "@weaverse/react";
 import { useEffect } from "react";
 function useStudio(weaverse) {
   let { revalidate } = useRevalidator();
+  const navigation = useNavigation();
   let { pathname, search } = useLocation();
   let navigate = useNavigate();
   let themeSettingsStore = useThemeContext();
   let { isDesignMode, weaverseHost, weaverseVersion } = weaverse;
   useEffect(() => {
-    if (isDesignMode) {
+    if (navigation.state === "idle" && isDesignMode) {
       weaverse.internal = {
         ...weaverse.internal,
         navigate,
@@ -176,10 +183,10 @@ function useStudio(weaverse) {
       };
       let studioSrc = `${weaverseHost}/static/studio/hydrogen/index.js?v=${weaverseVersion}`;
       loadScript(studioSrc).then(() => {
-        window.weaverseStudio?.init(weaverse);
+        window.weaverseStudio.init(weaverse);
       }).catch(console.error);
     }
-  }, [pathname, search]);
+  }, [pathname, search, navigation.state]);
 }
 
 // src/Effect.tsx

package/package.json

@@ -2,7 +2,7 @@
   "name": "@weaverse/hydrogen",
   "author": "Weaverse Team",
   "description": "Components, hooks, and utilities for building Shopify Hydrogen websites with Weaverse",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -23,7 +23,7 @@
   },
   "peerDependencies": {
     "@remix-run/react": "^2",
-    "@shopify/hydrogen": "^2023.10",
+    "@shopify/hydrogen": ">=2023",
     "react": ">=18",
     "react-dom": ">=18"
   },
@@ -33,12 +33,12 @@
     "singleQuote": true
   },
   "dependencies": {
-    "@weaverse/react": "3.0.0",
-    "react-error-boundary": "^4.0.12"
+    "@weaverse/react": "3.1.0",
+    "react-error-boundary": "^4.0.13"
   },
   "devDependencies": {
     "@shopify/oxygen-workers-types": "^4.0.0",
-    "@shopify/remix-oxygen": "^2"
+    "@shopify/remix-oxygen": "^2.0.3"
   },
   "scripts": {
     "start": "npm run dev",