@ohhwells/bridge 0.1.36-next.51 → 0.1.36-next.54

package/dist/index.cjs

@@ -6544,6 +6544,11 @@ function fadeInImageElement(img, onReady) {
     img.style.opacity = "";
   });
 }
+function applyEditableImageSrc(img, url) {
+  img.removeAttribute("srcset");
+  img.removeAttribute("sizes");
+  img.src = url;
+}
 function fadeInBgImage(el, url, onReady) {
   const prevPos = el.style.position;
   if (!prevPos || prevPos === "static") el.style.position = "relative";
@@ -7850,7 +7855,7 @@ function OhhwellsBridge() {
           if (el.dataset.ohwEditable === "image") {
             const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
             if (img && img.src !== val) {
-              img.src = val;
+              applyEditableImageSrc(img, val);
               imageLoads.push(new Promise((resolve) => {
                 img.onload = () => resolve();
                 img.onerror = () => resolve();
@@ -7876,6 +7881,7 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
+      reconcileNavbarItemsFromContent(content);
       enforceLinkHrefs();
       initSectionsFromContent(content, true);
       sectionsLoadedRef.current = true;
@@ -7920,7 +7926,7 @@ function OhhwellsBridge() {
           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;
+              if (img && img.src !== val) applyEditableImageSrc(img, val);
             } else if (el.dataset.ohwEditable === "bg-image") {
               const next = `url('${val}')`;
               if (el.style.backgroundImage !== next) el.style.backgroundImage = next;
@@ -7935,6 +7941,7 @@ function OhhwellsBridge() {
           });
           applyLinkByKey(key, val);
         }
+        reconcileNavbarItemsFromContent(content);
       } finally {
         observer?.observe(document.body, { childList: true, subtree: true });
       }
@@ -7970,8 +7977,12 @@ function OhhwellsBridge() {
     deactivateRef.current();
   }, [pathname, isEditMode]);
   (0, import_react8.useEffect)(() => {
-    if (!isEditMode) return;
-    const run = () => reconcileNavbarItemsFromContent(editContentRef.current);
+    const contentForNav = () => {
+      if (isEditMode) return editContentRef.current;
+      if (!subdomain) return {};
+      return contentCache.get(subdomain) ?? {};
+    };
+    const run = () => reconcileNavbarItemsFromContent(contentForNav());
     run();
     const nav = document.querySelector("nav");
     if (!nav) return;
@@ -7980,7 +7991,7 @@ function OhhwellsBridge() {
     });
     observer.observe(nav, { childList: true, subtree: true });
     return () => observer.disconnect();
-  }, [isEditMode, pathname]);
+  }, [isEditMode, pathname, subdomain, fetchState]);
   (0, import_react8.useEffect)(() => {
     if (!isEditMode) return;
     const measure = () => {
@@ -8762,7 +8773,7 @@ function OhhwellsBridge() {
             };
             img.onload = onReady;
             img.onerror = onReady;
-            img.src = url;
+            applyEditableImageSrc(img, url);
             if (img.complete && img.naturalWidth > 0) {
               requestAnimationFrame(() => onReady());
             }
@@ -8850,7 +8861,7 @@ function OhhwellsBridge() {
         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;
+            if (img) applyEditableImageSrc(img, val);
           } else if (el.dataset.ohwEditable === "bg-image") {
             el.style.backgroundImage = `url('${val}')`;
           } else if (el.dataset.ohwEditable === "video") {