@weaverse/hydrogen 5.15.0 → 5.15.2

package/dist/index.mjs

@@ -529,8 +529,8 @@ function getQueriesFromSearch(search) {
   }
   return queries;
 }
-function normalizeDesignModeRequestInfo(params, browserLocation = getBrowserLocation()) {
-  if (!(params.isDesignMode && browserLocation)) {
+function normalizeRequestInfo(params, browserLocation = getBrowserLocation()) {
+  if (!browserLocation) {
     return params;
   }
   let { pathname, search } = browserLocation;
@@ -547,6 +547,53 @@ function normalizeDesignModeRequestInfo(params, browserLocation = getBrowserLoca
     }
   };
 }
+
+// src/utils/sync-reused-instance.ts
+function syncReusedInstance(weaverse, params) {
+  weaverse.requestInfo = params.requestInfo;
+  weaverse.internal = params.internal;
+  let dataChanged = JSON.stringify(weaverse.data) !== JSON.stringify(params.data);
+  let contextChanged = JSON.stringify(weaverse.dataContext ?? null) !== JSON.stringify(params.dataContext ?? null);
+  if (contextChanged) {
+    weaverse.dataContext = params.dataContext ?? null;
+  }
+  if (dataChanged) {
+    weaverse.setProjectData(params.data);
+  } else if (contextChanged) {
+    for (const { id } of params.data?.items || []) {
+      weaverse.itemInstances.get(id)?.setData({});
+    }
+  }
+  if (dataChanged || contextChanged) {
+    weaverse.triggerUpdate();
+  }
+}
+
+// src/utils/pixel.ts
+var currentNavigationKey = null;
+var firedPageIds = /* @__PURE__ */ new Set();
+var mountedInstances = 0;
+function shouldFirePixel(navigationKey, pageId) {
+  if (navigationKey !== currentNavigationKey) {
+    currentNavigationKey = navigationKey;
+    firedPageIds.clear();
+  }
+  if (firedPageIds.has(pageId)) {
+    return false;
+  }
+  firedPageIds.add(pageId);
+  return true;
+}
+function registerPixelInstance() {
+  mountedInstances += 1;
+  return () => {
+    mountedInstances -= 1;
+    if (mountedInstances === 0) {
+      currentNavigationKey = null;
+      firedPageIds.clear();
+    }
+  };
+}
 var ThemeSettingsStore = class {
   settings = {};
   schema;
@@ -651,6 +698,24 @@ function useThemeSettingsStore() {
 }
 
 // src/utils/use-studio.ts
+var STUDIO_READY_POLL_MS = 50;
+var STUDIO_READY_TIMEOUT_MS = 5e3;
+function waitForStudio() {
+  return new Promise((resolve) => {
+    let startedAt = Date.now();
+    function check() {
+      if (hasWeaverseStudio(window)) {
+        return resolve(window.weaverseStudio);
+      }
+      if (Date.now() - startedAt >= STUDIO_READY_TIMEOUT_MS) {
+        console.warn("[Weaverse] Studio script did not initialize in time");
+        return resolve(null);
+      }
+      setTimeout(check, STUDIO_READY_POLL_MS);
+    }
+    check();
+  });
+}
 function useStudio(weaverse) {
   let { revalidate } = useRevalidator();
   let navigation = useNavigation();
@@ -680,11 +745,7 @@ function useStudio(weaverse) {
           themeTextStore
         };
         let studioSrc = `${weaverseHost}/static/studio/hydrogen/index.js?v=${weaverseVersion}`;
-        loadScript(studioSrc).then(() => {
-          if (hasWeaverseStudio(window)) {
-            window.weaverseStudio.init(weaverse);
-          }
-        }).catch(console.error);
+        loadScript(studioSrc).then(waitForStudio).then((studio) => studio?.init(weaverse)).catch(console.error);
       }
     }
   }, [pathname, search, navigation.state]);
@@ -692,13 +753,18 @@ function useStudio(weaverse) {
 }
 function usePixel(context) {
   let { projectId, pageId, isDesignMode, weaverseHost } = context;
+  let { key: navigationKey } = useLocation();
   useEffect(() => {
     if (!(projectId && pageId) || isDesignMode) {
       return;
     }
-    let img = new Image();
-    img.onload = () => img.remove();
-    img.src = `${weaverseHost}/api/public/px?projectId=${projectId}&pageId=${pageId}`;
+    let unregister = registerPixelInstance();
+    if (shouldFirePixel(navigationKey, pageId)) {
+      let img = new Image();
+      img.onload = () => img.remove();
+      img.src = `${weaverseHost}/api/public/px?projectId=${projectId}&pageId=${pageId}`;
+    }
+    return unregister;
   }, []);
 }
 var WeaverseHydrogenItem = class extends WeaverseItemStore {
@@ -866,19 +932,20 @@ var WeaverseHydrogen = class extends Weaverse {
   };
 };
 function createWeaverseInstance(params) {
-  const normalizedParams = normalizeDesignModeRequestInfo(params);
+  const normalizedParams = normalizeRequestInfo(params);
   if (isBrowser) {
     window.__weaverses = window.__weaverses || {};
-    let weaverse = window.__weaverses[normalizedParams.pageId];
-    if (!weaverse || weaverse?.requestInfo?.pathname !== normalizedParams.requestInfo.pathname || weaverse?.requestInfo?.search !== normalizedParams.requestInfo.search) {
-      weaverse = new WeaverseHydrogen(normalizedParams);
-      window.__weaverses[normalizedParams.pageId] = weaverse;
-    }
-    if (weaverse?.isDesignMode) {
+    const existing = window.__weaverses[normalizedParams.pageId];
+    const isReused = existing?.requestInfo?.pathname === normalizedParams.requestInfo.pathname && existing?.requestInfo?.search === normalizedParams.requestInfo.search;
+    const weaverse = isReused ? existing : new WeaverseHydrogen(normalizedParams);
+    window.__weaverses[normalizedParams.pageId] = weaverse;
+    if (weaverse.isDesignMode) {
       weaverse.requestInfo = normalizedParams.requestInfo;
       if (hasWeaverseStudio(window)) {
         window.weaverseStudio.refreshStudio(normalizedParams);
       }
+    } else if (isReused) {
+      syncReusedInstance(weaverse, normalizedParams);
     }
     return weaverse;
   }
@@ -994,6 +1061,25 @@ function useThemeSettings() {
   );
   return settings;
 }
+
+// src/utils/normalize-page-url.ts
+var KEPT_PARAM_RE = /^(?:__revisionId|isDesignMode|weaverse)/;
+function normalizePageUrl(url) {
+  let parsed;
+  try {
+    parsed = new URL(url);
+  } catch {
+    return url;
+  }
+  const kept = [...parsed.searchParams].filter(
+    ([key]) => KEPT_PARAM_RE.test(key)
+  );
+  kept.sort(([a], [b]) => a.localeCompare(b));
+  const search = new URLSearchParams(kept).toString();
+  return `${parsed.origin}${parsed.pathname}${search ? `?${search}` : ""}`;
+}
+
+// src/weaverse-client.ts
 var CACHE_DURATIONS = {
   /** Short browser freshness for content that can change in Builder */
   SHORT: 60,
@@ -1661,7 +1747,9 @@ var WeaverseClient = class {
         projectId: effectiveProjectId,
         // Use effective (potentially overridden) projectId
         params: pageLoadParams,
-        url: request.url
+        // Stripped to pathname + Weaverse params — tracking params would
+        // fragment the subrequest cache key (see normalizePageUrl).
+        url: normalizePageUrl(request.url)
       };
       const reqInit = {
         method: "POST",