@ohhwells/bridge 0.1.117-next.324 → 0.1.117-next.325

package/dist/index.cjs

@@ -572,6 +572,40 @@ function applyBrandToDom(kit) {
   }
 }
 
+// src/lib/custom-code.ts
+var ALLOWED_HEAD_TAGS = /* @__PURE__ */ new Set(["style", "meta", "link", "script", "noscript", "base"]);
+var CUSTOM_CODE_AFTER_HEAD_KEY = "__ohw_custom_code_after_head";
+var CUSTOM_CODE_BEFORE_HEAD_KEY = "__ohw_custom_code_before_head";
+function clearExisting(slot) {
+  document.querySelectorAll(`[data-ohw-custom-code="${slot}"]`).forEach((el) => el.remove());
+}
+function buildNodes(raw, slot) {
+  if (!raw || !raw.trim()) return [];
+  const parsed = new DOMParser().parseFromString(raw, "text/html");
+  const source = [...parsed.head.childNodes, ...parsed.body.childNodes];
+  const nodes = [];
+  for (const node of source) {
+    if (node.nodeType !== Node.ELEMENT_NODE) continue;
+    const el = node;
+    const tag = el.tagName.toLowerCase();
+    if (!ALLOWED_HEAD_TAGS.has(tag)) continue;
+    const built = document.createElement(tag);
+    for (const attr of Array.from(el.attributes)) built.setAttribute(attr.name, attr.value);
+    if (tag === "script" || tag === "style" || tag === "noscript") built.textContent = el.textContent;
+    built.dataset.ohwCustomCode = slot;
+    nodes.push(built);
+  }
+  return nodes;
+}
+function applyCustomCodeToHead(content) {
+  clearExisting("after");
+  clearExisting("before");
+  const afterNodes = buildNodes(content[CUSTOM_CODE_AFTER_HEAD_KEY], "after");
+  if (afterNodes.length > 0) document.head.prepend(...afterNodes);
+  const beforeNodes = buildNodes(content[CUSTOM_CODE_BEFORE_HEAD_KEY], "before");
+  if (beforeNodes.length > 0) document.head.append(...beforeNodes);
+}
+
 // src/lib/section-styles.ts
 var STYLE_STORE_KEY = "__ohw_styles";
 var STYLE_SHEET_ID = "ohw-section-styles";
@@ -22206,6 +22240,7 @@ function OhhwellsBridge() {
         applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
       }
       applyBrandChrome(content);
+      applyCustomCodeToHead(content);
       initSectionInstancesFromContent(content, window.location.pathname);
       for (const [key, val] of Object.entries(content)) {
         if (key === "__ohw_sections") continue;
@@ -22215,6 +22250,7 @@ function OhhwellsBridge() {
         if (key === BRAND_KIT_KEY) continue;
         if (key === STYLE_STORE_KEY) continue;
         if (BRAND_CHROME_KEYS.has(key)) continue;
+        if (key === CUSTOM_CODE_AFTER_HEAD_KEY || key === CUSTOM_CODE_BEFORE_HEAD_KEY) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -24626,6 +24662,7 @@ function OhhwellsBridge() {
         applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
       }
       applyBrandChrome(content);
+      applyCustomCodeToHead(content);
       initSectionInstancesFromContent(content, window.location.pathname);
       let sectionsJson = null;
       for (const [key, val] of Object.entries(content)) {
@@ -24639,6 +24676,7 @@ function OhhwellsBridge() {
         if (key === BRAND_KIT_KEY) continue;
         if (key === STYLE_STORE_KEY) continue;
         if (BRAND_CHROME_KEYS.has(key)) continue;
+        if (key === CUSTOM_CODE_AFTER_HEAD_KEY || key === CUSTOM_CODE_BEFORE_HEAD_KEY) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -25356,6 +25394,16 @@ function OhhwellsBridge() {
       if (brandKitRef.current) {
         nodes.push({ key: BRAND_KIT_KEY, type: "brand", text: brandKitRef.current });
       }
+      nodes.push({
+        key: CUSTOM_CODE_BEFORE_HEAD_KEY,
+        type: "text",
+        text: editContentRef.current[CUSTOM_CODE_BEFORE_HEAD_KEY] ?? ""
+      });
+      nodes.push({
+        key: CUSTOM_CODE_AFTER_HEAD_KEY,
+        type: "text",
+        text: editContentRef.current[CUSTOM_CODE_AFTER_HEAD_KEY] ?? ""
+      });
       document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
         const formKey = formKeyOf(form);
         if (!formKey) return;