@ohhwells/bridge 0.1.31-next.33 → 0.1.32-next.35

package/dist/index.cjs

@@ -6535,26 +6535,32 @@ function OhhwellsBridge() {
   (0, import_react6.useEffect)(() => {
     if (!subdomain || isEditMode) return;
     let debounceTimer = null;
+    let observer = null;
     const applyFromCache = () => {
       const content = contentCache.get(subdomain);
       if (!content) return;
       retryMissingSchedulingMounts(getPageSchedulingEntries(content["__ohw_sections"]), false);
-      for (const [key, val] of Object.entries(content)) {
-        if (key === "__ohw_sections") continue;
-        document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
-          if (el.dataset.ohwEditable === "image") {
-            const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
-            if (img && img.src !== val) img.src = val;
-          } else if (el.dataset.ohwEditable === "bg-image") {
-            const next = `url('${val}')`;
-            if (el.style.backgroundImage !== next) el.style.backgroundImage = next;
-          } else if (el.dataset.ohwEditable === "link") {
-            applyLinkHref(el, val);
-          } else if (el.innerHTML !== val) {
-            el.innerHTML = val;
-          }
-        });
-        applyLinkByKey(key, val);
+      observer?.disconnect();
+      try {
+        for (const [key, val] of Object.entries(content)) {
+          if (key === "__ohw_sections") continue;
+          document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
+            if (el.dataset.ohwEditable === "image") {
+              const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
+              if (img && img.src !== val) img.src = val;
+            } else if (el.dataset.ohwEditable === "bg-image") {
+              const next = `url('${val}')`;
+              if (el.style.backgroundImage !== next) el.style.backgroundImage = next;
+            } else if (el.dataset.ohwEditable === "link") {
+              applyLinkHref(el, val);
+            } else if (el.innerHTML !== val) {
+              el.innerHTML = val;
+            }
+          });
+          applyLinkByKey(key, val);
+        }
+      } finally {
+        observer?.observe(document.body, { childList: true, subtree: true });
       }
       enforceLinkHrefs();
     };
@@ -6563,10 +6569,10 @@ function OhhwellsBridge() {
       debounceTimer = setTimeout(applyFromCache, 150);
     };
     scheduleApply();
-    const observer = new MutationObserver(scheduleApply);
+    observer = new MutationObserver(scheduleApply);
     observer.observe(document.body, { childList: true, subtree: true });
     return () => {
-      observer.disconnect();
+      observer?.disconnect();
       if (debounceTimer) clearTimeout(debounceTimer);
     };
   }, [subdomain, isEditMode, pathname]);