@ohhwells/bridge 0.1.52-next.131 → 0.1.52-next.132

package/dist/index.cjs

@@ -8976,6 +8976,57 @@ function deleteFooterColumn(column) {
   };
 }
 
+// src/lib/logo-identity.ts
+var LOGO_TEXT_KEYS = ["nav-logo-text", "footer-logo-text", "logo-text"];
+var LOGO_IMAGE_KEYS = ["nav-logo-image", "footer-logo", "footer-logo-image"];
+var LOGO_PLACEHOLDER_KEY = "logo-is-placeholder";
+var PLACEHOLDER_BUSINESS_NAME = "Business name";
+function resolveLogoDisplayText(text) {
+  const trimmed = (text ?? "").trim();
+  return trimmed || PLACEHOLDER_BUSINESS_NAME;
+}
+function applyLogoIdentity(text, isPlaceholder) {
+  const display = resolveLogoDisplayText(text);
+  const placeholder = isPlaceholder || !text.trim() || display === PLACEHOLDER_BUSINESS_NAME;
+  for (const key of LOGO_TEXT_KEYS) {
+    document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
+      if (el.textContent !== display) el.textContent = display;
+    });
+  }
+  for (const key of LOGO_IMAGE_KEYS) {
+    document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
+      const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
+      if (img) img.alt = display;
+    });
+  }
+  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((el) => {
+    if (placeholder) el.setAttribute("data-ohw-placeholder", "");
+    else el.removeAttribute("data-ohw-placeholder");
+  });
+  return display;
+}
+function readLogoIdentityFromDom() {
+  for (const key of LOGO_TEXT_KEYS) {
+    const el = document.querySelector(`[data-ohw-key="${key}"]`);
+    if (el?.textContent?.trim()) {
+      const text = el.textContent.trim();
+      const logoRoot = el.closest('[data-ohw-role="logo"], [data-ohw-logo]');
+      const isPlaceholder = logoRoot?.hasAttribute("data-ohw-placeholder") === true || text === PLACEHOLDER_BUSINESS_NAME;
+      return { text, isPlaceholder };
+    }
+  }
+  const logoImg = document.querySelector(
+    '[data-ohw-key="nav-logo-image"], [data-ohw-key="footer-logo"]'
+  );
+  if (logoImg?.alt?.trim()) {
+    const text = logoImg.alt.trim();
+    const logoRoot = logoImg.closest('[data-ohw-role="logo"], [data-ohw-logo]');
+    const isPlaceholder = logoRoot?.hasAttribute("data-ohw-placeholder") === true || text === PLACEHOLDER_BUSINESS_NAME;
+    return { text, isPlaceholder };
+  }
+  return { text: PLACEHOLDER_BUSINESS_NAME, isPlaceholder: true };
+}
+
 // src/lib/site-wide-scope.ts
 function getLogoElement(el) {
   const marked = el.closest('[data-ohw-role="logo"], [data-ohw-logo]');
@@ -12898,7 +12949,8 @@ function OhhwellsBridge() {
         e.stopPropagation();
         deselectRef.current();
         deactivateRef.current();
-        postToParentRef.current({ type: "ow:open-logo-settings" });
+        const identity = readLogoIdentityFromDom();
+        postToParentRef.current({ type: "ow:open-logo-settings", ...identity });
         return;
       }
       const editable = target.closest("[data-ohw-editable]");
@@ -13939,6 +13991,7 @@ function OhhwellsBridge() {
           sectionsJson = val;
           continue;
         }
+        if (key === LOGO_PLACEHOLDER_KEY) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -13958,6 +14011,12 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
+      const hasLogoIdentity = LOGO_PLACEHOLDER_KEY in content || LOGO_TEXT_KEYS.some((key) => key in content);
+      if (hasLogoIdentity) {
+        const logoText = content[LOGO_TEXT_KEYS[0]] ?? content[LOGO_TEXT_KEYS[1]] ?? readLogoIdentityFromDom().text;
+        const logoIsPlaceholder = LOGO_PLACEHOLDER_KEY in content ? content[LOGO_PLACEHOLDER_KEY] !== "false" : !logoText.trim() || logoText === PLACEHOLDER_BUSINESS_NAME;
+        applyLogoIdentity(logoText, logoIsPlaceholder);
+      }
       if (sectionsJson) {
         initSectionsFromContent({ __ohw_sections: sectionsJson }, true);
         sectionsLoadedRef.current = true;
@@ -13970,6 +14029,21 @@ function OhhwellsBridge() {
       enforceLinkHrefs();
       postToParentRef.current({ type: "ow:hydrate-done" });
     };
+    const handleUpdateLogoIdentity = (e) => {
+      if (e.data?.type !== "ow:update-logo-identity") return;
+      const rawText = typeof e.data.text === "string" ? e.data.text : "";
+      const isPlaceholder = e.data.isPlaceholder !== false;
+      const display = applyLogoIdentity(rawText, isPlaceholder);
+      const nodes = [
+        ...LOGO_TEXT_KEYS.map((key) => ({ key, text: display })),
+        { key: LOGO_PLACEHOLDER_KEY, text: isPlaceholder || !rawText.trim() ? "true" : "false" }
+      ];
+      editContentRef.current = {
+        ...editContentRef.current,
+        ...Object.fromEntries(nodes.map(({ key, text }) => [key, text]))
+      };
+      postToParentRef.current({ type: "ow:change", nodes });
+    };
     window.addEventListener("message", handleHydrate);
     const handleDeactivate = (e) => {
       if (e.data?.type !== "ow:deactivate") return;
@@ -14435,7 +14509,8 @@ function OhhwellsBridge() {
       if (logoAtPoint) {
         deselectRef.current();
         deactivateRef.current();
-        postToParentRef.current({ type: "ow:open-logo-settings" });
+        const identity = readLogoIdentityFromDom();
+        postToParentRef.current({ type: "ow:open-logo-settings", ...identity });
         return;
       }
       const textEditable = Array.from(
@@ -14506,6 +14581,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", handleParentScroll);
     window.addEventListener("message", handlePointerSync);
     window.addEventListener("message", handleClickAt);
+    window.addEventListener("message", handleUpdateLogoIdentity);
     const handleViewportResize = () => {
       if (visibleViewportRef.current) {
         applyVisibleViewport(visibleViewportRef.current, parentScrollRef.current);
@@ -14558,6 +14634,7 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", handleViewportResize);
       window.removeEventListener("message", handlePointerSync);
       window.removeEventListener("message", handleClickAt);
+      window.removeEventListener("message", handleUpdateLogoIdentity);
       window.removeEventListener("message", handleHydrate);
       window.removeEventListener("message", handleDeactivate);
       window.removeEventListener("message", handleToastAction);