@ohhwells/bridge 0.1.139-next.383 → 0.1.139-next.385

package/dist/index.cjs

@@ -6558,6 +6558,13 @@ function applyIconNameToTree(tree, path, icon) {
   if (feature) {
     return setPricingCardFeatureIcon(tree, Number(feature[1]), Number(feature[2]), icon);
   }
+  return rewriteIconSlot(tree, path, `lucide:${icon}`);
+}
+function applyIconUploadToTree(tree, path, mediaRef) {
+  if (FEATURE_ICON_PATH.test(path)) return null;
+  return rewriteIconSlot(tree, path, `icon:${mediaRef}`);
+}
+function rewriteIconSlot(tree, path, ref) {
   const segments = path.split(".");
   const slot = segments.pop();
   if (!slot || NODE_SEGMENT.test(slot)) return null;
@@ -6565,8 +6572,8 @@ function applyIconNameToTree(tree, path, icon) {
   const node = nodeAtPath(next, segments);
   if (!node) return null;
   const current = node.slots?.[slot];
-  if (typeof current !== "string" || !/^(lucide|simple):/.test(current)) return null;
-  node.slots = { ...node.slots, [slot]: `lucide:${icon}` };
+  if (typeof current !== "string" || !/^(lucide|simple|icon):/.test(current)) return null;
+  node.slots = { ...node.slots, [slot]: ref };
   return next;
 }
 
@@ -7953,7 +7960,7 @@ function MediaBox({
   onError
 }) {
   const url = refValue ? ctx.resolveMedia(refValue) : null;
-  const isIcon = /^(lucide|simple):/.test(refValue);
+  const isIcon = /^(lucide|simple|icon):/.test(refValue);
   const aspectRatio = aspect && /^\d+:\d+$/.test(aspect) ? aspect.replace(":", " / ") : void 0;
   const editAttrs = ctx.keyFor && editPath && !isIcon ? {
     "data-ohw-key": ctx.keyFor(editPath),
@@ -7961,6 +7968,7 @@ function MediaBox({
   } : {};
   if (isIcon) {
     const Icon = refValue.startsWith("lucide:") ? lucideByName(refValue.slice(7)) : null;
+    const uploadedIconUrl = refValue.startsWith("icon:") ? ctx.resolveMedia(refValue.slice(5)) : null;
     const iconEditAttrs = ctx.keyFor && editPath && genericImageEdit ? { "data-ohw-key": ctx.keyFor(editPath), "data-ohw-editable": "icon" } : {};
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
@@ -7975,7 +7983,7 @@ function MediaBox({
           justifyContent: "center",
           color: ctx.brand.palette.dark
         },
-        children: Icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: 48, color: ctx.brand.palette.dark, strokeWidth: 1.5 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 24 }, children: "\u25C6" })
+        children: uploadedIconUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: uploadedIconUrl, alt: "", style: { width: 48, height: 48, objectFit: "contain" } }) : Icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: 48, color: ctx.brand.palette.dark, strokeWidth: 1.5 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 24 }, children: "\u25C6" })
       }
     );
   }
@@ -29519,12 +29527,16 @@ function OhhwellsBridge() {
     };
     const handleIconName = (e) => {
       if (e.data?.type !== "ow:icon-name") return;
-      const { key, icon } = e.data;
-      if (!key || typeof icon !== "string" || !/^[a-z0-9-]+$/.test(icon)) return;
+      const { key, icon, url } = e.data;
+      const isName = typeof icon === "string" && /^[a-z0-9-]+$/.test(icon);
+      const isUpload = !isName && typeof url === "string" && /^https?:\/\/\S+$/i.test(url);
+      if (!key || !isName && !isUpload) return;
       const state = parseAiSectionsState(aiSectionsRef.current);
       const entry = state.sections.find((s) => key.startsWith(aiSlotKeyPrefixFor(s.id)));
       if (!entry) return;
-      const nextTree = applyIconNameToTree(entry.tree, key.slice(aiSlotKeyPrefixFor(entry.id).length), icon);
+      const path = key.slice(aiSlotKeyPrefixFor(entry.id).length);
+      const uploadRef = isUpload ? `icon-${Date.now().toString(36)}${Math.random().toString(36).slice(2, 8)}` : null;
+      const nextTree = uploadRef ? applyIconUploadToTree(entry.tree, path, uploadRef) : applyIconNameToTree(entry.tree, path, icon);
       if (!nextTree) return;
       void requestValidateTree5(postToParentRef.current, nextTree).then(({ ok }) => {
         if (!ok) return;
@@ -29534,7 +29546,7 @@ function OhhwellsBridge() {
           targetSectionId: entry.id,
           tree: nextTree,
           label: entry.label,
-          media: entry.media,
+          media: uploadRef ? { ...entry.media, [uploadRef]: url } : entry.media,
           ...entry.brand ? { brand: entry.brand } : {},
           // The user is looking at the icon they just changed — no need to recenter on it.
           skipScrollIntoView: true