@ohhwells/bridge 0.1.157 → 0.1.158

package/dist/index.cjs

@@ -64,6 +64,7 @@ __export(index_exports, {
   OhwLoaderSurface: () => OhwLoaderSurface,
   SITE_OG_IMAGE_KEY: () => SITE_OG_IMAGE_KEY,
   SchedulingWidget: () => SchedulingWidget,
+  TEMPLATE_LOGO_ATTR: () => TEMPLATE_LOGO_ATTR,
   Toggle: () => Toggle,
   ToggleGroup: () => ToggleGroup,
   ToggleGroupItem: () => ToggleGroupItem,
@@ -97,6 +98,7 @@ __export(index_exports, {
   parseAiSectionsState: () => parseAiSectionsState,
   parseTarget: () => parseTarget,
   recordOverriddenPaths: () => recordOverriddenPaths,
+  releaseTemplateLogoIfReplaced: () => releaseTemplateLogoIfReplaced,
   removeFooterBlock: () => removeFooterBlock,
   resetOverriddenPathsCache: () => resetOverriddenPathsCache,
   resolveFooterCopyright: () => resolveFooterCopyright,
@@ -518,11 +520,37 @@ function logoTextElement(root) {
   );
   return hasOwnText ? root : null;
 }
+var TEMPLATE_LOGO_ATTR = "data-ohw-template-logo";
+function releaseTemplateLogoIfReplaced(img, url) {
+  if (!img.hasAttribute(TEMPLATE_LOGO_ATTR)) return;
+  let incoming = url;
+  try {
+    incoming = new URL(url, document.baseURI).href;
+  } catch {
+  }
+  if (incoming !== img.src) img.removeAttribute(TEMPLATE_LOGO_ATTR);
+}
+function logoImage(root, selector) {
+  if (root instanceof HTMLImageElement && root.matches(selector)) return root;
+  return root.querySelector(selector);
+}
 function logoRootImage(root) {
-  const img = root.querySelector("img");
+  const img = logoImage(root, `img:not([${TEMPLATE_LOGO_ATTR}])`);
   const src = img?.getAttribute("src")?.trim() ?? "";
   return img && src && img.style.display !== "none" ? img : null;
 }
+function templateLogoImage(root) {
+  const img = logoImage(root, `img[${TEMPLATE_LOGO_ATTR}]`);
+  return img && img.style.display !== "none" ? img : null;
+}
+function createWordmark(root) {
+  const el = document.createElement("span");
+  el.setAttribute("data-ohw-editable", "plain");
+  el.setAttribute("data-ohw-key", textKeyForRoot(root));
+  if (root instanceof HTMLImageElement) root.parentNode?.insertBefore(el, root.nextSibling);
+  else root.appendChild(el);
+  return el;
+}
 function applyLogoIdentity(text, isPlaceholder) {
   const display = resolveLogoDisplayText(text);
   const placeholder = isPlaceholder || !text.trim() || display === PLACEHOLDER_BUSINESS_NAME;
@@ -541,7 +569,9 @@ function applyLogoIdentity(text, isPlaceholder) {
     if (placeholder) el.setAttribute("data-ohw-placeholder", "");
     else el.removeAttribute("data-ohw-placeholder");
     if (logoRootImage(el)) return;
-    const textEl = logoTextElement(el);
+    const templateMark = placeholder ? null : templateLogoImage(el);
+    if (templateMark) templateMark.style.display = "none";
+    const textEl = logoTextElement(el) ?? (templateMark ? createWordmark(el) : null);
     if (textEl && textEl.textContent !== display) textEl.textContent = display;
   });
   return display;
@@ -573,6 +603,7 @@ function applyLogoImage(url, alt, placement) {
       }
       img.removeAttribute("srcset");
       img.removeAttribute("sizes");
+      img.removeAttribute(TEMPLATE_LOGO_ATTR);
       img.src = url;
       img.alt = displayAlt;
       img.style.display = "block";
@@ -592,10 +623,7 @@ function applyLogoImage(url, alt, placement) {
       img.style.display = "none";
     }
     if (!textEl) {
-      textEl = document.createElement("span");
-      textEl.setAttribute("data-ohw-editable", "plain");
-      textEl.setAttribute("data-ohw-key", textKey);
-      root.appendChild(textEl);
+      textEl = createWordmark(root);
     }
     textEl.style.display = "";
     if (textEl.textContent !== displayAlt) textEl.textContent = displayAlt;
@@ -6849,6 +6877,7 @@ function applyBrandChrome(content) {
       if (el.textContent !== name) el.textContent = name;
       if (el.getAttribute("title") !== name) el.setAttribute("title", name);
     });
+    applyLogoIdentity(name, false);
   }
   const title = content[BRAND_TITLE_KEY];
   if (typeof title === "string" && title.length > 0) {
@@ -17212,7 +17241,7 @@ function apiBase() {
 function bridgeVersion() {
   try {
     if (true) {
-      return "0.1.157";
+      return "0.1.158";
     }
   } catch {
   }
@@ -17226,7 +17255,7 @@ function stampBridgeVersionOnDocument() {
     return;
   }
   try {
-    const v = true ? "0.1.157" : "";
+    const v = true ? "0.1.158" : "";
     if (v) {
       document.documentElement.setAttribute("data-ohw-bridge-version", v);
       window.__OHW_BRIDGE_VERSION__ = v;
@@ -24031,6 +24060,7 @@ function applyEditableImageSrc(img, url) {
   img.removeAttribute("srcset");
   img.removeAttribute("sizes");
   if (img.loading === "lazy") img.loading = "eager";
+  releaseTemplateLogoIfReplaced(img, url);
   img.src = url;
 }
 function fadeInBgImage(el, url, onReady) {
@@ -32044,7 +32074,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.157",
+        bridgeVersion: "0.1.158",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -33251,6 +33281,7 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
   OhwLoaderSurface,
   SITE_OG_IMAGE_KEY,
   SchedulingWidget,
+  TEMPLATE_LOGO_ATTR,
   Toggle,
   ToggleGroup,
   ToggleGroupItem,
@@ -33284,6 +33315,7 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
   parseAiSectionsState,
   parseTarget,
   recordOverriddenPaths,
+  releaseTemplateLogoIfReplaced,
   removeFooterBlock,
   resetOverriddenPathsCache,
   resolveFooterCopyright,