@weaverse/hydrogen 5.15.1 → 5.15.2

package/dist/index.mjs

@@ -568,6 +568,32 @@ function syncReusedInstance(weaverse, params) {
     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;
@@ -727,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 {