@ohhwells/bridge 0.1.98 → 0.1.100

package/dist/index.js

@@ -2547,6 +2547,10 @@ var REPLACED_ATTR = "data-ohw-ai-replaced-by";
 var REMOVED_ATTR2 = "data-ohw-ai-removed";
 var TEMPLATE_HIDDEN_ATTR = "data-ohw-ai-template-hidden";
 var CHROME_SECTION_IDS = /* @__PURE__ */ new Set(["navbar", "footer"]);
+function isChromeSection2(el) {
+  if (CHROME_SECTION_IDS.has(el.getAttribute("data-ohw-section") ?? "")) return true;
+  return el.tagName === "HEADER" || el.tagName === "FOOTER";
+}
 function readRootVar(name) {
   if (typeof document === "undefined") return "";
   return getComputedStyle(document.documentElement).getPropertyValue(name).trim();
@@ -2598,7 +2602,10 @@ function deriveTemplateButtonStyle() {
   ].map((v) => v || "0px");
   const radius = corners.every((v) => v === corners[0]) ? corners[0] : corners.join(" ");
   const px = (v) => parseFloat(v) || 0;
-  const padY = Math.max(px(cs.paddingTop), px(cs.paddingBottom));
+  const lineHeight = px(cs.lineHeight) || px(cs.fontSize) * 1.2;
+  const contentH = btn.getBoundingClientRect().height - px(cs.borderTopWidth) - px(cs.borderBottomWidth);
+  const impliedY = Math.round(Math.max(0, (contentH - lineHeight) / 2));
+  const padY = Math.max(px(cs.paddingTop), px(cs.paddingBottom), impliedY);
   const padX = Math.max(px(cs.paddingLeft), px(cs.paddingRight));
   return {
     radius: radius || "10px",
@@ -2624,6 +2631,19 @@ function findPlacementAnchor(id, exclude) {
   for (const el of document.querySelectorAll(`[data-ohw-section="${CSS.escape(id)}"]`)) {
     if (el === exclude) continue;
     if (el.parentElement?.closest("[data-ohw-section]")) continue;
+    if (isChromeSection2(el)) return null;
+    return el;
+  }
+  return null;
+}
+function findFooterSection() {
+  const byId = findTemplateSection("footer");
+  if (byId) return byId;
+  for (const el of Array.from(
+    document.querySelectorAll("footer[data-ohw-section]")
+  ).reverse()) {
+    if (el.hasAttribute(CONTAINER_ATTR)) continue;
+    if (el.parentElement?.closest("[data-ohw-section]")) continue;
     return el;
   }
   return null;
@@ -2650,7 +2670,7 @@ function placeContainer(container, entry) {
       return;
     }
   }
-  const footer = findTemplateSection("footer");
+  const footer = findFooterSection();
   if (footer) {
     footer.insertAdjacentElement("beforebegin", container);
   } else {
@@ -2685,7 +2705,7 @@ function syncTemplateHidden(state, pageHasSections) {
   if (!hide) return;
   for (const el of Array.from(document.querySelectorAll("[data-ohw-section]"))) {
     if (el.hasAttribute(CONTAINER_ATTR)) continue;
-    if (CHROME_SECTION_IDS.has(el.getAttribute("data-ohw-section") ?? "")) continue;
+    if (isChromeSection2(el)) continue;
     if (el.parentElement?.closest("[data-ohw-section]")) continue;
     if (el.hasAttribute(REPLACED_ATTR) || el.hasAttribute(REMOVED_ATTR2)) continue;
     el.style.display = "none";
@@ -17151,7 +17171,26 @@ function OhhwellsBridge() {
         return;
       }
       const r2 = target.getBoundingClientRect();
-      setHoveredTextRect(new DOMRect(r2.x - TEXT_HOVER_SIDE_PAD, r2.y, r2.width + TEXT_HOVER_SIDE_PAD * 2, r2.height));
+      let top = r2.top, left = r2.x - TEXT_HOVER_SIDE_PAD, bottom = r2.bottom, right = r2.x + r2.width + TEXT_HOVER_SIDE_PAD;
+      let clipParent = target.parentElement;
+      while (clipParent) {
+        const style = getComputedStyle(clipParent);
+        if (style.overflowY === "hidden" || style.overflowY === "clip" || style.overflowX === "hidden" || style.overflowX === "clip") {
+          const pr = clipParent.getBoundingClientRect();
+          top = Math.max(top, pr.top);
+          bottom = Math.min(bottom, pr.bottom);
+          left = Math.max(left, pr.left);
+          right = Math.min(right, pr.right);
+        }
+        if (clipParent === document.documentElement) break;
+        clipParent = clipParent.parentElement;
+      }
+      const width = right - left, height = bottom - top;
+      if (width <= 0 || height <= 0) {
+        setHoveredTextRect(null);
+        return;
+      }
+      setHoveredTextRect(new DOMRect(left, top, width, height));
     };
     const observer = new MutationObserver(sync);
     observer.observe(document.documentElement, {
@@ -20325,12 +20364,11 @@ function OhhwellsBridge() {
       }
       const { y } = toProbeCoords(clientX, clientY, fromParentViewport);
       const sections = Array.from(document.querySelectorAll("[data-ohw-section]")).filter(
-        (el) => !el.hasAttribute("data-ohw-ai-template-hidden") && !el.hasAttribute("data-ohw-ai-removed") && !el.hasAttribute("data-ohw-ai-replaced-by") && el.getBoundingClientRect().height > 0
+        (el) => !el.hasAttribute("data-ohw-ai-template-hidden") && !el.hasAttribute("data-ohw-ai-removed") && !el.hasAttribute("data-ohw-ai-replaced-by") && !isPageFrameSection(el) && el.getBoundingClientRect().height > 0
       ).sort((a, b) => a.getBoundingClientRect().top - b.getBoundingClientRect().top);
       const ZONE = 20;
       for (let i = 0; i < sections.length; i++) {
         const a = sections[i];
-        if (isPageFrameSection(a)) continue;
         const b = sections[i + 1] ?? null;
         const boundaryY = a.getBoundingClientRect().bottom;
         if (Math.abs(y - boundaryY) <= ZONE) {
@@ -20769,6 +20807,9 @@ function OhhwellsBridge() {
       if (reapNodes.length > 0) postToParentRef.current({ type: "ow:change", nodes: reapNodes });
       const hydratedHeight = document.body.scrollHeight;
       if (hydratedHeight > 50) postToParentRef.current({ type: "ow:height", height: hydratedHeight });
+      if (parseAiSectionsState(aiSectionsRef.current).sections.length > 0) {
+        postAiSectionsChanged();
+      }
       postToParentRef.current({ type: "ow:hydrate-done" });
     };
     const handleUpdateLogoIdentity = (e) => {
@@ -21977,7 +22018,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.97",
+        bridgeVersion: "0.1.99",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections