@ohhwells/bridge 0.1.52-next.142 → 0.1.52-next.143

package/dist/index.cjs

@@ -9302,6 +9302,26 @@ function logoHasUploadedImage(logoEl) {
   if (img.style.display === "none") return false;
   return true;
 }
+function getLogoInteractionRect(logoEl) {
+  if (logoHasUploadedImage(logoEl)) {
+    const img = logoEl.querySelector('img[data-ohw-key="nav-logo-image"], img[data-ohw-key="footer-logo"], img[data-ohw-key="footer-logo-image"]') ?? logoEl.querySelector("img");
+    if (img) {
+      const r2 = img.getBoundingClientRect();
+      if (r2.width > 0 && r2.height > 0) return r2;
+    }
+  }
+  const text = logoEl.querySelector(
+    '[data-ohw-key="nav-logo-text"], [data-ohw-key="footer-logo-text"]'
+  );
+  if (text) {
+    const style = window.getComputedStyle(text);
+    if (style.display !== "none" && style.visibility !== "hidden") {
+      const r2 = text.getBoundingClientRect();
+      if (r2.width > 0 && r2.height > 0) return r2;
+    }
+  }
+  return logoEl.getBoundingClientRect();
+}
 function readLogoSizeState(content, placement) {
   const desktopPx = resolveDesktopLogoSize(content, placement);
   const mobileFollowing = isMobileLogoSizeFollowing(content, placement);
@@ -13041,7 +13061,7 @@ function OhhwellsBridge() {
       setReorderDragDisabled(false);
       setIsFooterFrameSelection(false);
       setToolbarVariant("logo");
-      setToolbarRect(logoEl.getBoundingClientRect());
+      setToolbarRect(getLogoInteractionRect(logoEl));
       setToolbarShowEditLink(false);
       setActiveCommands(/* @__PURE__ */ new Set());
     },
@@ -13093,6 +13113,19 @@ function OhhwellsBridge() {
         draft.mobileFollowing
       );
       postToParent2({ type: "ow:change", nodes });
+      requestAnimationFrame(() => {
+        const selected = selectedElRef.current;
+        if (!selected || toolbarVariantRef.current !== "logo") return;
+        const rect = getLogoInteractionRect(selected);
+        setToolbarRect(rect);
+        if (glowElRef.current) {
+          const GAP = SELECTION_CHROME_GAP2;
+          glowElRef.current.style.top = `${rect.top - GAP}px`;
+          glowElRef.current.style.left = `${rect.left - GAP}px`;
+          glowElRef.current.style.width = `${rect.width + GAP * 2}px`;
+          glowElRef.current.style.height = `${rect.height + GAP * 2}px`;
+        }
+      });
     },
     [postToParent2]
   );
@@ -13873,7 +13906,7 @@ function OhhwellsBridge() {
         setHoveredNavContainerRect(null);
         if (selectedElRef.current === logoEl) return;
         hoveredItemElRef.current = logoEl;
-        setHoveredItemRect(logoEl.getBoundingClientRect());
+        setHoveredItemRect(getLogoInteractionRect(logoEl));
         return;
       }
       const navAnchor = getNavigationItemAnchor(target);
@@ -14113,7 +14146,7 @@ function OhhwellsBridge() {
         setHoveredNavContainerRect(null);
         if (selectedElRef.current !== logo) {
           hoveredItemElRef.current = logo;
-          setHoveredItemRect(logo.getBoundingClientRect());
+          setHoveredItemRect(getLogoInteractionRect(logo));
         }
         return;
       }
@@ -15024,7 +15057,8 @@ function OhhwellsBridge() {
     const handleScroll = () => {
       const focusEl = activeElRef.current ?? selectedElRef.current;
       if (focusEl) {
-        const r2 = activeElRef.current ? getEditMeasureEl(activeElRef.current).getBoundingClientRect() : focusEl.getBoundingClientRect();
+        const measureEl = activeElRef.current ? getEditMeasureEl(activeElRef.current) : toolbarVariantRef.current === "logo" ? null : focusEl;
+        const r2 = measureEl ? measureEl.getBoundingClientRect() : toolbarVariantRef.current === "logo" ? getLogoInteractionRect(focusEl) : focusEl.getBoundingClientRect();
         applyToolbarPos(r2);
         setToolbarRect(r2);
         setMaxBadge((prev) => prev && activeElRef.current ? { ...prev, rect: r2 } : prev);
@@ -15034,7 +15068,9 @@ function OhhwellsBridge() {
         setToggleState((prev) => prev ? { ...prev, rect } : null);
       }
       if (hoveredItemElRef.current) {
-        setHoveredItemRect(hoveredItemElRef.current.getBoundingClientRect());
+        const hoverEl = hoveredItemElRef.current;
+        const logo = getLogoElement(hoverEl);
+        setHoveredItemRect(logo ? getLogoInteractionRect(logo) : hoverEl.getBoundingClientRect());
       }
       if (hoveredNavContainerRef.current) {
         setHoveredNavContainerRect(hoveredNavContainerRef.current.getBoundingClientRect());
@@ -15287,8 +15323,9 @@ function OhhwellsBridge() {
       }
       const focusEl = activeElRef.current ?? selectedElRef.current;
       if (focusEl) {
-        const measureEl = activeElRef.current ? getEditMeasureEl(activeElRef.current) : focusEl;
-        applyToolbarPos(measureEl.getBoundingClientRect());
+        const measureEl = activeElRef.current ? getEditMeasureEl(activeElRef.current) : toolbarVariantRef.current === "logo" ? null : focusEl;
+        const r2 = measureEl ? measureEl.getBoundingClientRect() : toolbarVariantRef.current === "logo" ? getLogoInteractionRect(focusEl) : focusEl.getBoundingClientRect();
+        applyToolbarPos(r2);
       }
     };
     const handleClickAt = (e) => {