@ohhwells/bridge 0.1.99 → 0.1.100

package/dist/index.cjs

@@ -2620,6 +2620,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();
@@ -2671,7 +2675,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",
@@ -2697,6 +2704,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;
@@ -2723,7 +2743,7 @@ function placeContainer(container, entry) {
       return;
     }
   }
-  const footer = findTemplateSection("footer");
+  const footer = findFooterSection();
   if (footer) {
     footer.insertAdjacentElement("beforebegin", container);
   } else {
@@ -2758,7 +2778,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";
@@ -20854,6 +20874,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) => {
@@ -22062,7 +22085,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.98",
+        bridgeVersion: "0.1.99",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections