@ohhwells/bridge 0.1.139-next.395 → 0.1.139-next.398

package/dist/index.cjs

@@ -1719,7 +1719,8 @@ function labelElement2(el) {
   return el.querySelector('[data-ohw-editable="text"], [data-ohw-editable="plain"]') ?? el.querySelector("[data-ohw-key]");
 }
 function buttonLabel(el) {
-  return (labelElement2(el)?.textContent ?? el.textContent ?? "").trim();
+  const label = labelElement2(el);
+  return (label ? label.innerHTML : el.textContent ?? "").trim();
 }
 function buttonHref(el) {
   return el.getAttribute("href") ?? "";
@@ -1858,7 +1859,7 @@ function duplicateButton(source, content) {
   stampVariantClass(copy, copyAssignment.variant);
   applyButtonStyle(copy, copyAssignment, paintedTokensOf(source) ?? tokens);
   const copyLabelEl = labelElement2(copy);
-  if (copyLabelEl) copyLabelEl.textContent = label;
+  if (copyLabelEl) copyLabelEl.innerHTML = label;
   let collection = buttonCollectionOf(source);
   const collections = readCollections(content);
   let collectionId = collection?.getAttribute(COLLECTION_ATTR) ?? "";
@@ -2184,7 +2185,7 @@ function applySnapshotContent(el, snapshot, content) {
   const label = labelElement2(el);
   if (label) {
     if (label.getAttribute("data-ohw-key") !== labelKey) label.setAttribute("data-ohw-key", labelKey);
-    if (label.textContent !== text) label.textContent = text;
+    if (label.innerHTML !== text) label.innerHTML = text;
   }
 }
 function reconcileButtonCollections(doc, content) {
@@ -4269,7 +4270,7 @@ function buildNavLink(index, href, label, template) {
   const span = document.createElement("span");
   span.setAttribute("data-ohw-editable", "text");
   span.setAttribute("data-ohw-key", `nav-${index}-label`);
-  span.textContent = label;
+  span.innerHTML = label;
   anchor.appendChild(span);
   return anchor;
 }
@@ -10417,7 +10418,12 @@ function AiTreeRenderer({
                       // the full row height instead of clumping at the top.
                       ...distributed === "space-between" ? { display: "flex", flexDirection: "column", justifyContent: "space-between" } : {}
                     },
-                    children: renderNode(block, ctx, `r${r2}.b${b}`)
+                    children: renderNode(
+                      block,
+                      ctx,
+                      `r${r2}.b${b}`,
+                      settings.alignment === "center" ? "center" : "left"
+                    )
                   },
                   b
                 ))
@@ -30394,6 +30400,44 @@ function OhhwellsBridge() {
       });
     };
     window.addEventListener("message", handleAiSetStyles);
+    const handleAiSetButtonStyle = (e) => {
+      if (e.data?.type !== "ow:ai-set-button-style") return;
+      const nodeKey = typeof e.data.hrefKey === "string" ? e.data.hrefKey : "";
+      const keyed = nodeKey ? document.querySelector(
+        `[data-ohw-href-key="${CSS.escape(nodeKey)}"], [data-ohw-key="${CSS.escape(nodeKey)}"]`
+      ) : null;
+      const hrefKey = buttonId(keyed);
+      const el = hrefKey ? document.querySelector(`[data-ohw-href-key="${CSS.escape(hrefKey)}"]`) : null;
+      const previous = editContentRef.current[BUTTON_ASSIGNMENTS_KEY] ?? "";
+      if (!el || !hrefKey || !isCtaButton(el)) {
+        postToParentRef.current({ type: "ow:ai-button-style-applied", ok: false, previous, value: previous });
+        return;
+      }
+      const tokens = tokensFromButton(el);
+      const current = assignmentFor(el, editContentRef.current, tokens);
+      const patch = e.data.assignment;
+      const next = {
+        variant: patch?.variant ?? current.variant,
+        size: patch?.size ?? current.size
+      };
+      const value = typeof e.data.assignments === "string" ? e.data.assignments : JSON.stringify(withAssignment(editContentRef.current, hrefKey, next));
+      editContentRef.current = { ...editContentRef.current, [BUTTON_ASSIGNMENTS_KEY]: value };
+      applyButtonStyle(el, next, tokens);
+      postToParentRef.current({
+        type: "ow:change",
+        nodes: [{ key: BUTTON_ASSIGNMENTS_KEY, text: value }]
+      });
+      postToParentRef.current({
+        type: "ow:ai-button-style-applied",
+        ok: true,
+        // The resolved id, which may differ from the key the editor sent — undo must target this one.
+        hrefKey,
+        previous,
+        previousAssignment: current,
+        value
+      });
+    };
+    window.addEventListener("message", handleAiSetButtonStyle);
     const handleGetBrand = (e) => {
       if (e.data?.type !== "ow:get-brand") return;
       const template = deriveTemplateBrand();
@@ -31433,6 +31477,7 @@ function OhhwellsBridge() {
       window.removeEventListener("message", handleAiSetSections);
       window.removeEventListener("message", handleAiSetBrand);
       window.removeEventListener("message", handleAiSetStyles);
+      window.removeEventListener("message", handleAiSetButtonStyle);
       window.removeEventListener("message", handleCollectItems);
       window.removeEventListener("message", handleAiApplyItems);
       window.removeEventListener("message", handleGetBrand);