@pack/react 4.2.0 → 4.2.1

package/dist/use-customizer-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-customizer-shell.d.ts","sourceRoot":"","sources":["../src/use-customizer-shell.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,kBAAkB,YA2R9B,CAAC"}
+{"version":3,"file":"use-customizer-shell.d.ts","sourceRoot":"","sources":["../src/use-customizer-shell.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,kBAAkB,YAiT9B,CAAC"}

package/dist/use-customizer-shell.js

@@ -13,8 +13,8 @@ export const useCustomizerShell = () => {
         description: liveContent?.description,
     };
     const [hasInit, setHasInit] = useState(false);
+    const [currentPath, setCurrentPath] = useState(undefined);
     const pendingMessagesRef = useRef(new Map());
-    const currentPathRef = useRef(undefined);
     const parentLocaleIdRef = useRef(null);
     const sendToParent = useCallback(async (type, data) => {
         const messageId = crypto.randomUUID();
@@ -179,28 +179,46 @@ export const useCustomizerShell = () => {
         return;
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [data.handle, sendToParent, storefrontSettingsSchema]);
-    // Update the ref whenever pathname changes
+    // Track all pathname changes (client-side routing, popstate, hard navs)
+    // so SET_CURRENT_ROUTE fires even between pages that both lack CMS content.
     useEffect(() => {
-        currentPathRef.current = window.location.pathname;
-    }, [data.handle]);
+        setCurrentPath(window.location.pathname);
+        const updatePath = () => setCurrentPath(window.location.pathname);
+        // Intercept pushState/replaceState for client-side routing (e.g. React Router)
+        const originalPushState = history.pushState.bind(history);
+        const originalReplaceState = history.replaceState.bind(history);
+        history.pushState = (...args) => {
+            originalPushState(...args);
+            updatePath();
+        };
+        history.replaceState = (...args) => {
+            originalReplaceState(...args);
+            updatePath();
+        };
+        // Handle back/forward navigation
+        window.addEventListener("popstate", updatePath);
+        return () => {
+            window.removeEventListener("popstate", updatePath);
+            history.pushState = originalPushState;
+            history.replaceState = originalReplaceState;
+        };
+    }, []);
     // Tell the parent window about the current route
     useEffect(() => {
         const { template, templateType, handle, title, description } = data;
-        if (!hasInit ||
-            !currentPathRef.current ||
-            (!template && !templateType && !handle && !title && !description)) {
+        if (!hasInit || !currentPath) {
             return;
         }
         sendToParent("SET_CURRENT_ROUTE", {
             environment: environment || "",
-            currentPath: currentPathRef.current,
-            template,
-            templateType,
-            handle,
-            title,
-            description,
+            currentPath,
+            template: template || null,
+            templateType: templateType || null,
+            handle: handle || null,
+            title: title || null,
+            description: description || null,
         });
-    }, [hasInit, environment, data.handle, sendToParent]);
+    }, [hasInit, environment, currentPath, data.handle, sendToParent]);
     // Notify parent when locale changes (but not when it came from parent)
     useEffect(() => {
         if (!hasInit)

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = "4.2.0";
+export const VERSION = "4.2.1";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pack/react",
   "description": "React",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "engines": {