@ohhwells/bridge 0.1.107 → 0.1.108

package/dist/index.js

@@ -420,7 +420,9 @@ function styleSheetCss() {
   }
   rules.push(
     `[data-ohw-style-corners="sharp"] :is(.card, [data-ohw-card], img, picture, figure, [data-ohw-editable="bg-image"]) { border-radius: 0 !important; }`,
-    `[data-ohw-style-corners="sharp"] :has(> img) { border-radius: 0 !important; }`
+    `[data-ohw-style-corners="sharp"] :has(> img) { border-radius: 0 !important; }`,
+    `[data-ohw-style-corners="rounded"] :is(.card, [data-ohw-card], img, picture, figure, [data-ohw-editable="bg-image"]) { border-radius: max(0.75rem, var(--radius, 0px)) !important; }`,
+    `[data-ohw-style-corners="rounded"] :has(> img) { border-radius: max(0.75rem, var(--radius, 0px)) !important; }`
   );
   for (const align of ["left", "center", "right"]) {
     rules.push(`[data-ohw-style-align="${align}"] { text-align: ${align} !important; }`);
@@ -2656,7 +2658,12 @@ function deriveTemplateButtonStyle() {
   if (typeof document === "undefined") return null;
   const candidates = Array.from(
     document.querySelectorAll('[data-ohw-role="button"]')
-  ).filter((el) => !el.closest(`[${CONTAINER_ATTR}]`));
+  ).filter(
+    (el) => !el.closest(`[${CONTAINER_ATTR}]`) && // Whole-card links legitimately carry the button role (serene's clickable treatment
+    // cards) but must never donate the "button look" — a real button holds at most its
+    // one editable label, a card holds a headline, copy and prices.
+    el.querySelectorAll("[data-ohw-editable]").length <= 1
+  );
   const isFilled = (el) => {
     const bg = getComputedStyle(el).backgroundColor;
     if (!bg || bg === "transparent") return false;
@@ -15207,7 +15214,9 @@ function collectEditableNodes(extraContent, root = document) {
     return {
       key: el.dataset.ohwKey ?? "",
       type: el.dataset.ohwEditable ?? "text",
-      text: el.dataset.ohwEditable === "plain" ? el.innerText ?? "" : el.innerHTML
+      // innerText does not exist on SVG elements (a circular-badge <textPath> is a legitimate
+      // plain editable) — textContent is the value there.
+      text: el.dataset.ohwEditable === "plain" ? el.innerText ?? el.textContent ?? "" : el.innerHTML
     };
   });
   const hrefEls = Array.from(root.querySelectorAll("[data-ohw-href-key]"));
@@ -19573,6 +19582,10 @@ function OhhwellsBridge() {
       [data-ohw-editable-state], [data-ohw-editable-state] * { pointer-events: none !important; }
       [data-ohw-editable-state][data-ohw-active-state] [data-ohw-editable] { pointer-events: auto !important; }
       [data-ohw-editable-state][data-ohw-active-state][data-ohw-editable] { pointer-events: auto !important; }
+      /* SVG hit-tests painted glyphs only, so an editable curved-text badge answered clicks
+         on its letter strokes alone (and a spinning one barely at all). In edit mode the
+         whole box takes the click; the handler resolves it to the editable inside. */
+      svg:has([data-ohw-editable]) { pointer-events: bounding-box !important; }
     `;
     if (!existing) {
       const base = document.createElement("style");
@@ -19743,7 +19756,19 @@ function OhhwellsBridge() {
         openLogoSizePanelRef.current(logoEl);
         return;
       }
-      const editable = target.closest("[data-ohw-editable]");
+      let editable = target.closest("[data-ohw-editable]");
+      if (!editable && target instanceof SVGElement) {
+        const inner = target.closest("svg")?.querySelectorAll("[data-ohw-editable]");
+        if (inner && inner.length === 1) editable = inner[0];
+      }
+      if (editable && !(editable instanceof HTMLElement)) {
+        e.preventDefault();
+        e.stopPropagation();
+        deselectRef.current();
+        deactivateRef.current();
+        aiSectionApiRef.current?.selectFromElement(editable);
+        return;
+      }
       if (editable) {
         if (editable.dataset.ohwEditable === "link") {
           e.preventDefault();
@@ -20486,6 +20511,15 @@ function OhhwellsBridge() {
           }
           return;
         }
+        const cardHit = !isDragOver && Array.from(document.querySelectorAll(".card, [data-ohw-card]")).some((card) => {
+          if (card.contains(imgEl)) return false;
+          const r2 = card.getBoundingClientRect();
+          return x2 >= r2.left && x2 <= r2.right && y2 >= r2.top && y2 <= r2.bottom;
+        });
+        if (cardHit) {
+          dismissImageHover();
+          return;
+        }
         const topEl = document.elementFromPoint(x2, y2);
         if (topEl?.closest('[data-ohw-toolbar], [data-ohw-edit-chrome], [data-ohw-item-interaction], [data-ohw-drag-handle-container], [data-slot="drag-handle"], [data-ohw-more-menu], [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-item"]')) {
           if (hoveredImageRef.current) {
@@ -22467,7 +22501,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.106",
+        bridgeVersion: "0.1.107",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections