@ohhwells/bridge 0.1.122-next.338 → 0.1.122-next.342

package/dist/index.cjs

@@ -296,10 +296,14 @@ function reapRemovedAiSections(state, store, removedIds, excludeIds = /* @__PURE
 var BRAND_NAME_KEY = "__ohw_brand_name";
 var BRAND_TITLE_KEY = "__ohw_site_title";
 var BRAND_FAVICON_LETTER_KEY = "__ohw_favicon_letter";
+var SITE_DESCRIPTION_KEY = "__ohw_site_description";
+var SITE_OG_IMAGE_KEY = "__ohw_og_image";
 var BRAND_CHROME_KEYS = /* @__PURE__ */ new Set([
   BRAND_NAME_KEY,
   BRAND_TITLE_KEY,
-  BRAND_FAVICON_LETTER_KEY
+  BRAND_FAVICON_LETTER_KEY,
+  SITE_DESCRIPTION_KEY,
+  SITE_OG_IMAGE_KEY
 ]);
 function upsertMeta(selector, attr, token, value) {
   let el = document.head.querySelector(selector);
@@ -310,6 +314,9 @@ function upsertMeta(selector, attr, token, value) {
   }
   if (el.getAttribute("content") !== value) el.setAttribute("content", value);
 }
+function removeMeta(selector) {
+  document.head.querySelector(selector)?.remove();
+}
 function escapeXml(value) {
   return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
@@ -325,6 +332,22 @@ function applyLetterFavicon(letter) {
   link.type = "image/svg+xml";
   if (link.href !== href) link.href = href;
 }
+function applyDescription(description) {
+  if (!description) return;
+  upsertMeta('meta[name="description"]', "name", "description", description);
+  upsertMeta('meta[property="og:description"]', "property", "og:description", description);
+  upsertMeta('meta[name="twitter:description"]', "name", "twitter:description", description);
+}
+function applyOgImage(url) {
+  if (url) {
+    upsertMeta('meta[property="og:image"]', "property", "og:image", url);
+    upsertMeta('meta[name="twitter:image"]', "name", "twitter:image", url);
+    upsertMeta('meta[name="twitter:card"]', "name", "twitter:card", "summary_large_image");
+    return;
+  }
+  removeMeta('meta[property="og:image"]');
+  removeMeta('meta[name="twitter:image"]');
+}
 function applyBrandChrome(content) {
   const name = content[BRAND_NAME_KEY];
   if (typeof name === "string" && name.length > 0) {
@@ -343,6 +366,13 @@ function applyBrandChrome(content) {
   if (typeof letter === "string" && letter.length > 0) {
     applyLetterFavicon(letter);
   }
+  const description = content[SITE_DESCRIPTION_KEY];
+  if (typeof description === "string" && description.length > 0) {
+    applyDescription(description);
+  }
+  if (Object.prototype.hasOwnProperty.call(content, SITE_OG_IMAGE_KEY)) {
+    applyOgImage(String(content[SITE_OG_IMAGE_KEY] ?? "").trim());
+  }
 }
 
 // src/lib/brand-kit.ts
@@ -26176,6 +26206,21 @@ function OhhwellsBridge() {
         type: "text",
         text: editContentRef.current[CUSTOM_CODE_AFTER_HEAD_KEY] ?? ""
       });
+      nodes.push({
+        key: BRAND_TITLE_KEY,
+        type: "text",
+        text: editContentRef.current[BRAND_TITLE_KEY] ?? ""
+      });
+      nodes.push({
+        key: SITE_DESCRIPTION_KEY,
+        type: "text",
+        text: editContentRef.current[SITE_DESCRIPTION_KEY] ?? ""
+      });
+      nodes.push({
+        key: SITE_OG_IMAGE_KEY,
+        type: "text",
+        text: editContentRef.current[SITE_OG_IMAGE_KEY] ?? ""
+      });
       document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
         const formKey = formKeyOf(form);
         if (!formKey) return;