@ohhwells/bridge 0.1.62 → 0.1.63

package/dist/index.js

@@ -10880,6 +10880,43 @@ function addFooterColumnWithPersist({
   return result;
 }
 
+// src/lib/site-wide-scope.ts
+function getLogoElement(el) {
+  const marked = el.closest('[data-ohw-role="logo"], [data-ohw-logo]');
+  if (marked) return marked;
+  const root = el.closest("nav, [data-ohw-nav-root], footer");
+  if (!root) return null;
+  const anchor = el.closest("a");
+  if (anchor && root.contains(anchor) && !anchor.hasAttribute("data-ohw-href-key") && !anchor.closest("[data-ohw-nav-container]") && Boolean(anchor.querySelector("img") || anchor.matches("img"))) {
+    return anchor;
+  }
+  const img = el.matches("img") ? el : null;
+  if (img && !img.closest("[data-ohw-href-key]") && !img.closest("[data-ohw-nav-container]") && (img.closest("footer") || img.closest("nav, [data-ohw-nav-root]"))) {
+    return img;
+  }
+  return null;
+}
+function isInFooter(el) {
+  if (!el) return false;
+  return Boolean(el.closest("footer") || el.closest('[data-ohw-section="footer"]'));
+}
+function isSiteWideElement(el) {
+  if (!el) return false;
+  if (getLogoElement(el)) return true;
+  if (isInFooter(el)) return true;
+  if (el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-nav-root")) {
+    return true;
+  }
+  if (el.hasAttribute("data-ohw-href-key") && el.closest("nav, [data-ohw-nav-root], [data-ohw-nav-drawer], aside")) {
+    return true;
+  }
+  if (el.closest('[data-ohw-role="navbar-button"]')) return true;
+  return false;
+}
+function isSiteWideScopeActive(args) {
+  return isSiteWideElement(args.selected) || isSiteWideElement(args.hoveredItem) || isSiteWideElement(args.hoveredNavContainer) || isSiteWideElement(args.active);
+}
+
 // src/ui/FloatingPanel.tsx
 import {
   useCallback as useCallback5,
@@ -13882,6 +13919,8 @@ function OhhwellsBridge() {
     setIsItemDragging(false);
     hoveredNavContainerRef.current = null;
     setHoveredNavContainerRect(null);
+    hoveredItemElRef.current = null;
+    setHoveredItemRect(null);
     if (!activeElRef.current) {
       setNavGroupForceOpen(null, false);
       setToolbarRect(null);
@@ -14760,6 +14799,33 @@ function OhhwellsBridge() {
   selectRef.current = select;
   selectFrameRef.current = selectFrame;
   deselectRef.current = deselect;
+  const lastSiteWideScopeRef = useRef9(null);
+  useEffect12(() => {
+    if (!isEditMode) {
+      if (lastSiteWideScopeRef.current !== false) {
+        lastSiteWideScopeRef.current = false;
+        postToParent2({ type: "ow:site-wide-scope", active: false });
+      }
+      return;
+    }
+    const active = isSiteWideScopeActive({
+      selected: selectedElRef.current,
+      hoveredItem: hoveredItemElRef.current,
+      hoveredNavContainer: hoveredNavContainerRef.current,
+      active: activeElRef.current
+    });
+    if (lastSiteWideScopeRef.current === active) return;
+    lastSiteWideScopeRef.current = active;
+    postToParent2({ type: "ow:site-wide-scope", active });
+  }, [
+    isEditMode,
+    hoveredItemRect,
+    hoveredNavContainerRect,
+    toolbarVariant,
+    toolbarRect,
+    isFooterFrameSelection,
+    postToParent2
+  ]);
   useLayoutEffect4(() => {
     if (!subdomain || isEditMode) {
       setFetchState("done");
@@ -15217,6 +15283,15 @@ function OhhwellsBridge() {
           return;
         }
       }
+      const logoEl = getLogoElement(target);
+      if (logoEl) {
+        e.preventDefault();
+        e.stopPropagation();
+        deselectRef.current();
+        deactivateRef.current();
+        postToParentRef.current({ type: "ow:open-logo-settings" });
+        return;
+      }
       const editable = target.closest("[data-ohw-editable]");
       if (editable) {
         if (editable.dataset.ohwEditable === "link") {
@@ -15414,7 +15489,7 @@ function OhhwellsBridge() {
         const allowFooterLinksHover = toolbarVariantRef.current !== "select-frame" || selectedIsFooterColumn;
         if (allowNavContainerHover) {
           const navContainer = target.closest("[data-ohw-nav-container]");
-          if (navContainer && !getNavigationItemAnchor(target)) {
+          if (navContainer && !getNavigationItemAnchor(target) && !getLogoElement(target)) {
             hoveredNavContainerRef.current = navContainer;
             setHoveredNavContainerRect(navContainer.getBoundingClientRect());
             hoveredItemElRef.current = null;
@@ -15443,6 +15518,15 @@ function OhhwellsBridge() {
           setHoveredNavContainerRect(null);
         }
       }
+      const logoEl = getLogoElement(target);
+      if (logoEl) {
+        hoveredNavContainerRef.current = null;
+        setHoveredNavContainerRect(null);
+        if (selectedElRef.current === logoEl) return;
+        hoveredItemElRef.current = logoEl;
+        setHoveredItemRect(logoEl.getBoundingClientRect());
+        return;
+      }
       const navAnchor = getNavigationItemAnchor(target);
       if (navAnchor) {
         hoveredNavContainerRef.current = null;
@@ -15480,6 +15564,12 @@ function OhhwellsBridge() {
           setHoveredItemRect(hoverTarget.getBoundingClientRect());
         } else if (!isInsideNavigationItem(editable)) {
           hoverTarget.setAttribute("data-ohw-hovered", "");
+          if (editable.closest("footer") || editable.closest('[data-ohw-section="footer"]')) {
+            hoveredNavContainerRef.current = null;
+            setHoveredNavContainerRect(null);
+            hoveredItemElRef.current = editable;
+            setHoveredItemRect(editable.getBoundingClientRect());
+          }
         }
       }
     };
@@ -15515,6 +15605,18 @@ function OhhwellsBridge() {
         }
         return;
       }
+      const logoEl = getLogoElement(target);
+      if (logoEl) {
+        const related2 = e.relatedTarget instanceof Element ? e.relatedTarget : null;
+        if (related2 && (logoEl === related2 || logoEl.contains(related2) || related2.closest?.('[data-ohw-role="logo"], [data-ohw-logo]'))) {
+          return;
+        }
+        if (hoveredItemElRef.current === logoEl) {
+          hoveredItemElRef.current = null;
+          setHoveredItemRect(null);
+        }
+        return;
+      }
       const editable = target.closest("[data-ohw-editable]");
       if (!editable) return;
       const related = e.relatedTarget instanceof Element ? e.relatedTarget : null;
@@ -15535,6 +15637,13 @@ function OhhwellsBridge() {
           }
         } else {
           hoverTarget.removeAttribute("data-ohw-hovered");
+          if (hoveredItemElRef.current === editable) {
+            const stillOnEditable = related instanceof Element && related.closest("[data-ohw-editable]") === editable;
+            if (!stillOnEditable) {
+              hoveredItemElRef.current = null;
+              setHoveredItemRect(null);
+            }
+          }
         }
       }
     };
@@ -15651,6 +15760,26 @@ function OhhwellsBridge() {
         hoveredNavContainerRef.current = null;
         setHoveredNavContainerRect(null);
       }
+      const logoCandidates = [
+        ...document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]'),
+        ...document.querySelectorAll("nav a:not([data-ohw-href-key]), [data-ohw-nav-root] a:not([data-ohw-href-key])"),
+        ...document.querySelectorAll("footer img")
+      ];
+      const seenLogos = /* @__PURE__ */ new Set();
+      for (const candidate of logoCandidates) {
+        const logo = getLogoElement(candidate);
+        if (!logo || seenLogos.has(logo)) continue;
+        seenLogos.add(logo);
+        const r2 = logo.getBoundingClientRect();
+        if (x < r2.left || x > r2.right || y < r2.top || y > r2.bottom) continue;
+        hoveredNavContainerRef.current = null;
+        setHoveredNavContainerRect(null);
+        if (selectedElRef.current !== logo) {
+          hoveredItemElRef.current = logo;
+          setHoveredItemRect(logo.getBoundingClientRect());
+        }
+        return;
+      }
       const navContainers = Array.from(
         document.querySelectorAll("[data-ohw-nav-container]")
       );
@@ -16887,6 +17016,19 @@ function OhhwellsBridge() {
         postToParentRef.current({ type: "ow:image-pick", key: stateCardImage.dataset.ohwKey ?? "", elementType: stateCardImage.dataset.ohwEditable ?? "image" });
         return;
       }
+      const logoAtPoint = Array.from(
+        document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]')
+      ).map((el) => getLogoElement(el)).find((logo) => {
+        if (!logo) return false;
+        const r2 = logo.getBoundingClientRect();
+        return clientX >= r2.left && clientX <= r2.right && clientY >= r2.top && clientY <= r2.bottom;
+      });
+      if (logoAtPoint) {
+        deselectRef.current();
+        deactivateRef.current();
+        postToParentRef.current({ type: "ow:open-logo-settings" });
+        return;
+      }
       const textEditable = Array.from(
         document.querySelectorAll(NON_MEDIA_SELECTOR)
       ).find((el) => {
@@ -17220,7 +17362,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.61",
+        bridgeVersion: "0.1.62",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections