@ohhwells/bridge 0.1.54-next.150 → 0.1.54-next.151

package/dist/index.cjs

@@ -10661,6 +10661,7 @@ function readLogoSizeState(content, placement) {
 function getLogoElement(el) {
   const marked = el.closest('[data-ohw-role="logo"], [data-ohw-logo]');
   if (marked) return marked;
+  if (el.closest('[data-ohw-editable="icon"]')) return null;
   const root = el.closest("nav, [data-ohw-nav-root], footer");
   if (!root) return null;
   const anchor = el.closest("a");
@@ -12382,6 +12383,17 @@ function applyLinkHref(el, val) {
   const anchor = el instanceof HTMLAnchorElement ? el : el.querySelector("a");
   if (anchor) anchor.setAttribute("href", val);
 }
+function currentIconRef(el) {
+  const uploaded = el instanceof HTMLImageElement ? el : el.querySelector("img");
+  if (uploaded?.getAttribute("src")) {
+    return uploaded.getAttribute("src") ?? "";
+  }
+  const svg = el instanceof SVGElement ? el : el.querySelector("svg");
+  const named = Array.from(svg?.classList ?? []).find(
+    (c) => c.startsWith("lucide-") && c !== "lucide-icon"
+  );
+  return named ? `lucide:${named.slice("lucide-".length)}` : "";
+}
 function getEditMeasureEl(editable) {
   return editable.closest("[data-ohw-href-key]") ?? editable;
 }
@@ -12426,8 +12438,11 @@ function isMediaEditable(el) {
   const t = el.dataset.ohwEditable;
   return t === "image" || t === "bg-image" || t === "video";
 }
+function isIconEditable(el) {
+  return el.dataset.ohwEditable === "icon";
+}
 var MEDIA_SELECTOR = '[data-ohw-editable="image"], [data-ohw-editable="bg-image"], [data-ohw-editable="video"]';
-var NON_MEDIA_SELECTOR = '[data-ohw-editable]:not([data-ohw-editable="image"]):not([data-ohw-editable="bg-image"]):not([data-ohw-editable="video"])';
+var NON_MEDIA_SELECTOR = '[data-ohw-editable]:not([data-ohw-editable="image"]):not([data-ohw-editable="bg-image"]):not([data-ohw-editable="video"]):not([data-ohw-editable="icon"])';
 function getVideoEl2(el) {
   return el instanceof HTMLVideoElement ? el : el.querySelector("video");
 }
@@ -14618,6 +14633,8 @@ function OhhwellsBridge() {
             }
           } else if (el.dataset.ohwEditable === "link") {
             applyLinkHref(el, val);
+          } else if (el.dataset.ohwEditable === "icon") {
+            if (el.innerHTML !== val) el.innerHTML = val;
           } else if (el.innerHTML !== val) {
             el.innerHTML = val;
           }
@@ -15069,6 +15086,17 @@ function OhhwellsBridge() {
           });
           return;
         }
+        if (isIconEditable(editable)) {
+          e.preventDefault();
+          e.stopPropagation();
+          aiSectionApiRef.current?.selectFromElement(editable);
+          postToParentRef.current({
+            type: "ow:icon-pick",
+            key: editable.dataset.ohwKey ?? "",
+            current: currentIconRef(editable)
+          });
+          return;
+        }
         if (isMediaEditable(editable)) {
           e.preventDefault();
           e.stopPropagation();
@@ -15292,6 +15320,11 @@ function OhhwellsBridge() {
       const selected = selectedElRef.current;
       if (selected && (selected === editable || selected.contains(editable))) return;
       if (!isMediaEditable(editable) && !editable.hasAttribute("contenteditable")) {
+        if (isIconEditable(editable)) {
+          hoveredItemElRef.current = editable;
+          setHoveredItemRect(editable.getBoundingClientRect());
+          return;
+        }
         const hoverTarget = editable.closest("[data-ohw-href-key]") ?? editable;
         if (hoverTarget.hasAttribute("data-ohw-href-key")) {
           clearHrefKeyHover(hoverTarget);
@@ -15357,6 +15390,13 @@ function OhhwellsBridge() {
       const related = e.relatedTarget instanceof Element ? e.relatedTarget : null;
       if (related?.closest("[data-ohw-drag-handle-container], [data-ohw-item-interaction]")) return;
       if (!isMediaEditable(editable)) {
+        if (isIconEditable(editable) && hoveredItemElRef.current === editable) {
+          if (!related?.closest("[data-ohw-item-interaction]")) {
+            hoveredItemElRef.current = null;
+            setHoveredItemRect(null);
+          }
+          return;
+        }
         const hoverTarget = editable.closest("[data-ohw-href-key]") ?? editable;
         if (hoverTarget.hasAttribute("data-ohw-href-key")) {
           if (!related?.closest("[data-ohw-href-key]")) {
@@ -16002,6 +16042,19 @@ function OhhwellsBridge() {
       resumeAnimTracks();
       clearImageHover();
     };
+    const handleIconMarkup = (e) => {
+      if (e.data?.type !== "ow:icon-markup") return;
+      const { key, markup } = e.data;
+      if (!key || typeof markup !== "string") return;
+      const targets = document.querySelectorAll(
+        `[data-ohw-key="${key}"][data-ohw-editable="icon"]`
+      );
+      if (!targets.length) return;
+      targets.forEach((el) => {
+        el.innerHTML = markup;
+      });
+      postToParentRef.current({ type: "ow:change", nodes: [{ key, text: markup }] });
+    };
     const handleImageUrl = (e) => {
       if (e.data?.type !== "ow:image-url") return;
       const { key, url } = e.data;
@@ -16857,6 +16910,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", handleClearSchedulingWidget);
     window.addEventListener("message", handleRemoveSchedulingSection);
     window.addEventListener("message", handleCollectSection);
+    window.addEventListener("message", handleIconMarkup);
     window.addEventListener("message", handleImageUrl);
     window.addEventListener("message", handleImageUploading);
     window.addEventListener("message", handleCarouselChange);
@@ -16916,6 +16970,7 @@ function OhhwellsBridge() {
       window.removeEventListener("message", handleClearSchedulingWidget);
       window.removeEventListener("message", handleRemoveSchedulingSection);
       window.removeEventListener("message", handleCollectSection);
+      window.removeEventListener("message", handleIconMarkup);
       window.removeEventListener("message", handleImageUrl);
       window.removeEventListener("message", handleImageUploading);
       window.removeEventListener("message", handleCarouselChange);