@ohhwells/bridge 0.1.157 → 0.1.158

package/dist/index.d.cts

@@ -877,6 +877,36 @@ declare const SITE_OG_IMAGE_KEY = "__ohw_og_image";
  */
 declare function applyBrandChrome(content: Record<string, string>): void;
 
+/**
+ * Marks an <img> that the TEMPLATE ships as its own brand mark — Re:Bound's wordmark PNG, salon's
+ * "Luxe Locks" lockup — as opposed to one this site's owner uploaded.
+ *
+ * The two are indistinguishable from the DOM alone: both are an <img> with a real src inside the
+ * logo root. Reading a template's mark as the owner's is what left a coffee roaster's navbar
+ * saying "Re:Bound" after onboarding wrote its business name (OHH-876) — the name reached the
+ * title, the footer and the editor chrome, and the one place a visitor actually looks kept
+ * somebody else's brand.
+ *
+ * So a template's mark is a placeholder with a better picture: it stands while the site has no
+ * name of its own, and gives way the moment it has one. An upload clears the attribute, because
+ * from then on the image IS the owner's.
+ */
+declare const TEMPLATE_LOGO_ATTR = "data-ohw-template-logo";
+/**
+ * Hand a template's mark over to the owner, but only when the incoming picture is a different one.
+ *
+ * A save carries every node on the page, so a template's own default src comes back as a content
+ * value on the next hydrate without anybody having uploaded anything. Releasing the mark on that
+ * made Re:Bound's wordmark band show the PNG and the business name side by side, each squeezed into
+ * half the band (OHH-876): the band hides the picture with
+ * `:has(.rb-wordmark-text:not(:empty)) img[data-ohw-template-logo]`, and the attribute was gone by
+ * the time the name arrived.
+ *
+ * Comparing resolved URLs is what separates the two cases: a round-tripped default resolves to the
+ * src already on the element, an upload never does.
+ */
+declare function releaseTemplateLogoIfReplaced(img: HTMLImageElement, url: string): void;
+
 /**
  * Telling a page's content mounting apart from incidental DOM churn, so the hydration pass can run
  * before the browser paints in the first case and stay debounced in the second.
@@ -1000,4 +1030,4 @@ declare function useOhwCarousel(key: string, initial: CarouselSlide[]): {
     bind: Record<string, string>;
 };
 
-export { AI_DEFAULT_BRAND, AI_FOOTER_KEY, AI_TREE_SCHEMA_VERSIONS, AI_TREE_TOKENS, type AiBlockNode, type AiBrandKit, type AiFooterBottomBar, type AiFooterColumn, type AiFooterLayoutTree, AiFooterRenderer, type AiFooterRendererProps, type AiLayoutTree, AiTreeRenderer, type AiTreeRendererProps, BRAND_TITLE_KEY, type CarouselSlide, type CollectionItemHit, type CollectionItemIndex, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptySection, type EmptySectionProps, FOOTER_COLUMN_BLOCKS, FOOTER_COLUMN_SPANS, FOOTER_SOCIAL_PLATFORMS, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OHW_LOADER_PREHYDRATE_SCRIPT, OHW_LOADER_STYLE, OhhwellsBridge, OhwLoaderSpinner, OhwLoaderSurface, SITE_OG_IMAGE_KEY, SchedulingWidget, type SectionScaffold, type SiteLegalLinks, type SitePageEntry, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, addFooterLinkColumn, appendFooterSocial, applyBrandChrome, applyStickySearchParams, buildDefaultFooterTree, buildTarget, dropIndicatorVariants, ensureFooterTree, filterAvailablePages, foldAlignIntoTrees, getEditModeInitialState, hasMountedContentNodes, indexCollectionItems, insertFooterHours, isEditSessionActive, isPlainLeftClick, isRenderableFooterTree, isRenderableTree, isStickySearchParam, isValidUrl, matchCollectionItemClick, nextViableSlide, parseAiFooterState, parseAiSectionsState, parseTarget, recordOverriddenPaths, removeFooterBlock, resetOverriddenPathsCache, resolveFooterCopyright, resolveStickyNavigation, serializeAiFooterState, shouldFetchContentForPath, stepViableSlide, stripTextAlignCss, toggleVariants, useOhwCarousel, validateUrlInput, viableSlides };
+export { AI_DEFAULT_BRAND, AI_FOOTER_KEY, AI_TREE_SCHEMA_VERSIONS, AI_TREE_TOKENS, type AiBlockNode, type AiBrandKit, type AiFooterBottomBar, type AiFooterColumn, type AiFooterLayoutTree, AiFooterRenderer, type AiFooterRendererProps, type AiLayoutTree, AiTreeRenderer, type AiTreeRendererProps, BRAND_TITLE_KEY, type CarouselSlide, type CollectionItemHit, type CollectionItemIndex, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptySection, type EmptySectionProps, FOOTER_COLUMN_BLOCKS, FOOTER_COLUMN_SPANS, FOOTER_SOCIAL_PLATFORMS, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OHW_LOADER_PREHYDRATE_SCRIPT, OHW_LOADER_STYLE, OhhwellsBridge, OhwLoaderSpinner, OhwLoaderSurface, SITE_OG_IMAGE_KEY, SchedulingWidget, type SectionScaffold, type SiteLegalLinks, type SitePageEntry, TEMPLATE_LOGO_ATTR, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, addFooterLinkColumn, appendFooterSocial, applyBrandChrome, applyStickySearchParams, buildDefaultFooterTree, buildTarget, dropIndicatorVariants, ensureFooterTree, filterAvailablePages, foldAlignIntoTrees, getEditModeInitialState, hasMountedContentNodes, indexCollectionItems, insertFooterHours, isEditSessionActive, isPlainLeftClick, isRenderableFooterTree, isRenderableTree, isStickySearchParam, isValidUrl, matchCollectionItemClick, nextViableSlide, parseAiFooterState, parseAiSectionsState, parseTarget, recordOverriddenPaths, releaseTemplateLogoIfReplaced, removeFooterBlock, resetOverriddenPathsCache, resolveFooterCopyright, resolveStickyNavigation, serializeAiFooterState, shouldFetchContentForPath, stepViableSlide, stripTextAlignCss, toggleVariants, useOhwCarousel, validateUrlInput, viableSlides };

package/dist/index.d.ts

@@ -877,6 +877,36 @@ declare const SITE_OG_IMAGE_KEY = "__ohw_og_image";
  */
 declare function applyBrandChrome(content: Record<string, string>): void;
 
+/**
+ * Marks an <img> that the TEMPLATE ships as its own brand mark — Re:Bound's wordmark PNG, salon's
+ * "Luxe Locks" lockup — as opposed to one this site's owner uploaded.
+ *
+ * The two are indistinguishable from the DOM alone: both are an <img> with a real src inside the
+ * logo root. Reading a template's mark as the owner's is what left a coffee roaster's navbar
+ * saying "Re:Bound" after onboarding wrote its business name (OHH-876) — the name reached the
+ * title, the footer and the editor chrome, and the one place a visitor actually looks kept
+ * somebody else's brand.
+ *
+ * So a template's mark is a placeholder with a better picture: it stands while the site has no
+ * name of its own, and gives way the moment it has one. An upload clears the attribute, because
+ * from then on the image IS the owner's.
+ */
+declare const TEMPLATE_LOGO_ATTR = "data-ohw-template-logo";
+/**
+ * Hand a template's mark over to the owner, but only when the incoming picture is a different one.
+ *
+ * A save carries every node on the page, so a template's own default src comes back as a content
+ * value on the next hydrate without anybody having uploaded anything. Releasing the mark on that
+ * made Re:Bound's wordmark band show the PNG and the business name side by side, each squeezed into
+ * half the band (OHH-876): the band hides the picture with
+ * `:has(.rb-wordmark-text:not(:empty)) img[data-ohw-template-logo]`, and the attribute was gone by
+ * the time the name arrived.
+ *
+ * Comparing resolved URLs is what separates the two cases: a round-tripped default resolves to the
+ * src already on the element, an upload never does.
+ */
+declare function releaseTemplateLogoIfReplaced(img: HTMLImageElement, url: string): void;
+
 /**
  * Telling a page's content mounting apart from incidental DOM churn, so the hydration pass can run
  * before the browser paints in the first case and stay debounced in the second.
@@ -1000,4 +1030,4 @@ declare function useOhwCarousel(key: string, initial: CarouselSlide[]): {
     bind: Record<string, string>;
 };
 
-export { AI_DEFAULT_BRAND, AI_FOOTER_KEY, AI_TREE_SCHEMA_VERSIONS, AI_TREE_TOKENS, type AiBlockNode, type AiBrandKit, type AiFooterBottomBar, type AiFooterColumn, type AiFooterLayoutTree, AiFooterRenderer, type AiFooterRendererProps, type AiLayoutTree, AiTreeRenderer, type AiTreeRendererProps, BRAND_TITLE_KEY, type CarouselSlide, type CollectionItemHit, type CollectionItemIndex, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptySection, type EmptySectionProps, FOOTER_COLUMN_BLOCKS, FOOTER_COLUMN_SPANS, FOOTER_SOCIAL_PLATFORMS, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OHW_LOADER_PREHYDRATE_SCRIPT, OHW_LOADER_STYLE, OhhwellsBridge, OhwLoaderSpinner, OhwLoaderSurface, SITE_OG_IMAGE_KEY, SchedulingWidget, type SectionScaffold, type SiteLegalLinks, type SitePageEntry, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, addFooterLinkColumn, appendFooterSocial, applyBrandChrome, applyStickySearchParams, buildDefaultFooterTree, buildTarget, dropIndicatorVariants, ensureFooterTree, filterAvailablePages, foldAlignIntoTrees, getEditModeInitialState, hasMountedContentNodes, indexCollectionItems, insertFooterHours, isEditSessionActive, isPlainLeftClick, isRenderableFooterTree, isRenderableTree, isStickySearchParam, isValidUrl, matchCollectionItemClick, nextViableSlide, parseAiFooterState, parseAiSectionsState, parseTarget, recordOverriddenPaths, removeFooterBlock, resetOverriddenPathsCache, resolveFooterCopyright, resolveStickyNavigation, serializeAiFooterState, shouldFetchContentForPath, stepViableSlide, stripTextAlignCss, toggleVariants, useOhwCarousel, validateUrlInput, viableSlides };
+export { AI_DEFAULT_BRAND, AI_FOOTER_KEY, AI_TREE_SCHEMA_VERSIONS, AI_TREE_TOKENS, type AiBlockNode, type AiBrandKit, type AiFooterBottomBar, type AiFooterColumn, type AiFooterLayoutTree, AiFooterRenderer, type AiFooterRendererProps, type AiLayoutTree, AiTreeRenderer, type AiTreeRendererProps, BRAND_TITLE_KEY, type CarouselSlide, type CollectionItemHit, type CollectionItemIndex, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptySection, type EmptySectionProps, FOOTER_COLUMN_BLOCKS, FOOTER_COLUMN_SPANS, FOOTER_SOCIAL_PLATFORMS, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OHW_LOADER_PREHYDRATE_SCRIPT, OHW_LOADER_STYLE, OhhwellsBridge, OhwLoaderSpinner, OhwLoaderSurface, SITE_OG_IMAGE_KEY, SchedulingWidget, type SectionScaffold, type SiteLegalLinks, type SitePageEntry, TEMPLATE_LOGO_ATTR, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, addFooterLinkColumn, appendFooterSocial, applyBrandChrome, applyStickySearchParams, buildDefaultFooterTree, buildTarget, dropIndicatorVariants, ensureFooterTree, filterAvailablePages, foldAlignIntoTrees, getEditModeInitialState, hasMountedContentNodes, indexCollectionItems, insertFooterHours, isEditSessionActive, isPlainLeftClick, isRenderableFooterTree, isRenderableTree, isStickySearchParam, isValidUrl, matchCollectionItemClick, nextViableSlide, parseAiFooterState, parseAiSectionsState, parseTarget, recordOverriddenPaths, releaseTemplateLogoIfReplaced, removeFooterBlock, resetOverriddenPathsCache, resolveFooterCopyright, resolveStickyNavigation, serializeAiFooterState, shouldFetchContentForPath, stepViableSlide, stripTextAlignCss, toggleVariants, useOhwCarousel, validateUrlInput, viableSlides };

package/dist/index.js

@@ -406,11 +406,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;
@@ -429,7 +455,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;
@@ -461,6 +489,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";
@@ -480,10 +509,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;
@@ -6737,6 +6763,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) {
@@ -17100,7 +17127,7 @@ function apiBase() {
 function bridgeVersion() {
   try {
     if (true) {
-      return "0.1.157";
+      return "0.1.158";
     }
   } catch {
   }
@@ -17114,7 +17141,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;
@@ -23925,6 +23952,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) {
@@ -31938,7 +31966,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.157",
+        bridgeVersion: "0.1.158",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -33144,6 +33172,7 @@ export {
   OhwLoaderSurface,
   SITE_OG_IMAGE_KEY,
   SchedulingWidget,
+  TEMPLATE_LOGO_ATTR,
   Toggle,
   ToggleGroup,
   ToggleGroupItem,
@@ -33177,6 +33206,7 @@ export {
   parseAiSectionsState,
   parseTarget,
   recordOverriddenPaths,
+  releaseTemplateLogoIfReplaced,
   removeFooterBlock,
   resetOverriddenPathsCache,
   resolveFooterCopyright,