@weaverse/hydrogen 5.20.1 → 5.20.2

package/dist/index.js

@@ -618,12 +618,116 @@ function normalizeRequestInfo(params, browserLocation = getBrowserLocation()) {
   };
 }
 
+// src/utils/is-same-loader-payload.ts
+function isJsonOmitted(value) {
+  return value === void 0 || typeof value === "function" || typeof value === "symbol";
+}
+function isObjectLike(value) {
+  return value !== null && typeof value === "object";
+}
+function isThenable(value) {
+  return typeof value.then === "function";
+}
+function isPlainObject(value) {
+  const proto = Object.getPrototypeOf(value);
+  return proto === Object.prototype || proto === null;
+}
+function toJsonValue(value) {
+  return typeof value.toJSON === "function" ? value.toJSON() : value;
+}
+function toFiniteOrNull(value) {
+  return typeof value === "number" && !Number.isFinite(value) ? null : value;
+}
+function isSameLoaderPayload(left, right) {
+  const activePairs = [];
+  function isSame(rawA, rawB) {
+    if (Object.is(rawA, rawB)) {
+      return true;
+    }
+    const a = toFiniteOrNull(rawA);
+    const b = toFiniteOrNull(rawB);
+    if (a === b) {
+      return true;
+    }
+    if (!(isObjectLike(a) && isObjectLike(b))) {
+      return false;
+    }
+    if (isThenable(a) || isThenable(b)) {
+      return false;
+    }
+    for (let index = 0; index < activePairs.length; index += 2) {
+      if (activePairs[index] === a && activePairs[index + 1] === b) {
+        return true;
+      }
+    }
+    activePairs.push(a, b);
+    try {
+      return isSameOpenPair(a, b);
+    } finally {
+      activePairs.length -= 2;
+    }
+  }
+  function isSameOpenPair(a, b) {
+    const aJson = toJsonValue(a);
+    const bJson = toJsonValue(b);
+    if (aJson !== a || bJson !== b) {
+      return isSame(aJson, bJson);
+    }
+    if (Array.isArray(a) !== Array.isArray(b)) {
+      return false;
+    }
+    if (Array.isArray(a) && Array.isArray(b)) {
+      return isSameArray(a, b);
+    }
+    if (!(isPlainObject(a) && isPlainObject(b))) {
+      return false;
+    }
+    return isSameObject(a, b);
+  }
+  function isSameArray(a, b) {
+    if (a.length !== b.length) {
+      return false;
+    }
+    for (let index = 0; index < a.length; index++) {
+      const aItem = isJsonOmitted(a[index]) ? null : a[index];
+      const bItem = isJsonOmitted(b[index]) ? null : b[index];
+      if (!isSame(aItem, bItem)) {
+        return false;
+      }
+    }
+    return true;
+  }
+  function isSameObject(a, b) {
+    let aKeyCount = 0;
+    for (const key of Object.keys(a)) {
+      if (isJsonOmitted(a[key])) {
+        continue;
+      }
+      aKeyCount++;
+      if (!isSame(a[key], b[key])) {
+        return false;
+      }
+    }
+    let bKeyCount = 0;
+    for (const key of Object.keys(b)) {
+      if (!isJsonOmitted(b[key])) {
+        bKeyCount++;
+      }
+    }
+    return aKeyCount === bKeyCount;
+  }
+  return isSame(left, right);
+}
+
 // 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);
+  let dataChanged = !isSameLoaderPayload(weaverse.data, params.data);
+  let contextChanged = !isSameLoaderPayload(
+    weaverse.dataContext ?? null,
+    params.dataContext ?? null
+  );
   if (contextChanged) {
     weaverse.dataContext = params.dataContext ?? null;
   }
@@ -638,35 +742,6 @@ function syncReusedInstance(weaverse, params) {
     weaverse.triggerUpdate();
   }
 }
-
-// src/utils/pixel.ts
-var currentNavigationKey = null;
-var firedPageIds = /* @__PURE__ */ new Set();
-var mountedInstances = 0;
-function observeNavigation(navigationKey) {
-  if (navigationKey !== currentNavigationKey) {
-    currentNavigationKey = navigationKey;
-    firedPageIds.clear();
-  }
-}
-function shouldFirePixel(navigationKey, pageId) {
-  observeNavigation(navigationKey);
-  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 {
   /** Current merged theme setting values. */
   settings = {};
@@ -852,29 +927,6 @@ function useStudio(weaverse) {
       react.loadScript(src).then(waitForStudio).then((studio) => studio?.init(weaverse)).catch(console.error);
     }
   }, [pathname, search, navigation.state]);
-  usePixel(weaverse);
-}
-function usePixel(context) {
-  let { projectId, pageId, isDesignMode, weaverseHost } = context;
-  let { key: navigationKey } = reactRouter.useLocation();
-  react$1.useEffect(() => {
-    if (!(projectId && pageId) || isDesignMode) {
-      return;
-    }
-    observeNavigation(navigationKey);
-  }, [navigationKey, projectId, pageId, isDesignMode]);
-  react$1.useEffect(() => {
-    if (!(projectId && pageId) || isDesignMode) {
-      return;
-    }
-    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 react.WeaverseItemStore {
   /**