@ohhwells/bridge 0.1.160-next.427 → 0.1.160-next.428

package/dist/index.cjs

@@ -1208,21 +1208,21 @@ function chromeFrom(sample) {
   };
 }
 function filledPrimary(seed) {
-  const paint = parseColor(paintColor(seed)) ?? { r: 15, g: 15, b: 15, a: 1 };
-  const luminance = relativeLuminance(paint);
+  const paint2 = parseColor(paintColor(seed)) ?? { r: 15, g: 15, b: 15, a: 1 };
+  const luminance = relativeLuminance(paint2);
   return {
-    background: toCss({ ...paint, a: 1 }),
+    background: toCss({ ...paint2, a: 1 }),
     color: luminance > 0.55 ? "rgb(15, 15, 15)" : "rgb(255, 255, 255)",
     borderColor: TRANSPARENT,
     borderWidth: "0px"
   };
 }
 function generatedSecondary(primary) {
-  const paint = accentColor(primary);
+  const paint2 = accentColor(primary);
   return {
     background: TRANSPARENT,
-    color: paint,
-    borderColor: paint,
+    color: paint2,
+    borderColor: paint2,
     borderWidth: "1px"
   };
 }
@@ -1235,9 +1235,9 @@ function generatedGhost(primary) {
   };
 }
 function normalizeOutlineChrome(outline, primary) {
-  const paint = accentColor(primary);
+  const paint2 = accentColor(primary);
   const text = parseColor(outline.color);
-  const paintRgb = parseColor(paint);
+  const paintRgb = parseColor(paint2);
   const primaryLabel = parseColor(primary.color);
   const matchesOnPrimary = Boolean(text && primaryLabel) && colorKey(outline.color) === colorKey(primary.color);
   const textTooLight = text ? relativeLuminance(text) > 0.7 : false;
@@ -1246,8 +1246,8 @@ function normalizeOutlineChrome(outline, primary) {
   const hasBorder = parseFloat(outline.borderWidth) > 0;
   return {
     ...outline,
-    color: paint,
-    borderColor: hasBorder ? paint : outline.borderColor
+    color: paint2,
+    borderColor: hasBorder ? paint2 : outline.borderColor
   };
 }
 function generateButtonVariants(samples) {
@@ -7430,6 +7430,120 @@ function findSelectableNavContainer(doc = document) {
   );
 }
 
+// src/lib/youtube.ts
+var YOUTUBE_ID_PATTERN = /^[A-Za-z0-9_-]{11}$/;
+function extractYouTubeId(input) {
+  const trimmed = input.trim();
+  if (!trimmed) return null;
+  if (YOUTUBE_ID_PATTERN.test(trimmed)) return trimmed;
+  let url;
+  try {
+    url = new URL(trimmed);
+  } catch {
+    return null;
+  }
+  const host = url.hostname.replace(/^www\./, "");
+  if (host !== "youtube.com" && host !== "m.youtube.com" && host !== "youtu.be" && host !== "youtube-nocookie.com") {
+    return null;
+  }
+  let candidate = null;
+  if (host === "youtu.be") {
+    candidate = url.pathname.slice(1).split("/")[0] ?? null;
+  } else if (url.pathname === "/watch") {
+    candidate = url.searchParams.get("v");
+  } else {
+    const match = url.pathname.match(/^\/(?:embed|shorts)\/([^/]+)/);
+    candidate = match ? match[1] : null;
+  }
+  return candidate && YOUTUBE_ID_PATTERN.test(candidate) ? candidate : null;
+}
+
+// src/lib/section-embed.ts
+var SECTION_EMBED_SUFFIX = "__ohw_embed";
+function readStoredEmbed(value) {
+  if (value.startsWith("start\n")) {
+    return { raw: value.slice("start\n".length), at: "start" };
+  }
+  return { raw: value, at: "end" };
+}
+function embedFrameSrc(value) {
+  const videoId = extractYouTubeId(value);
+  if (videoId) {
+    return { src: `https://www.youtube-nocookie.com/embed/${videoId}?rel=0`, title: "YouTube video" };
+  }
+  let url;
+  try {
+    url = new URL(value);
+  } catch {
+    return null;
+  }
+  const host = url.hostname.replace(/^www\./, "").toLowerCase();
+  if (host === "google.com" && url.pathname.startsWith("/maps") || host === "maps.google.com") {
+    const query = url.searchParams.get("q") || url.searchParams.get("query") || "";
+    const src = query ? `https://maps.google.com/maps?q=${encodeURIComponent(query)}&output=embed` : `https://maps.google.com/maps?output=embed`;
+    return { src, title: "Map" };
+  }
+  if (host === "maps.app.goo.gl") {
+    return { src: value, title: "Map" };
+  }
+  if (host === "calendly.com" || host.endsWith(".calendly.com") || host === "calendar.google.com") {
+    return { src: value, title: "Calendar" };
+  }
+  if (host === "docs.google.com" && url.pathname.includes("/forms/")) {
+    return { src: value.replace(/\/edit(?:\?.*)?$/i, "/viewform"), title: "Form" };
+  }
+  if (host === "forms.gle") {
+    return { src: value, title: "Form" };
+  }
+  return null;
+}
+function place(section, box, at) {
+  if (at === "start") {
+    section.insertBefore(box, section.firstChild);
+    return;
+  }
+  section.appendChild(box);
+}
+function paint(section, key, src, title, at) {
+  const existing = section.querySelector(`[data-ohw-section-embed="${CSS.escape(key)}"]`);
+  const frame = existing?.querySelector("iframe");
+  if (existing && frame) {
+    if (frame.getAttribute("src") !== src) frame.setAttribute("src", src);
+    frame.title = title;
+    place(section, existing, at);
+    return;
+  }
+  existing?.remove();
+  const box = document.createElement("div");
+  box.setAttribute("data-ohw-section-embed", key);
+  box.style.cssText = at === "start" ? "width:100%;max-width:960px;margin:0 auto 32px;padding:32px 24px 0;box-sizing:border-box;" : "width:100%;max-width:960px;margin:32px auto 0;padding:0 24px 32px;box-sizing:border-box;";
+  const frameWrap = document.createElement("div");
+  frameWrap.style.cssText = "position:relative;width:100%;aspect-ratio:16/9;min-height:250px;border-radius:12px;overflow:hidden;background:#0f172a;";
+  const iframe = document.createElement("iframe");
+  iframe.src = src;
+  iframe.title = title;
+  iframe.style.cssText = "position:absolute;inset:0;width:100%;height:100%;border:0;";
+  iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; fullscreen; gyroscope; picture-in-picture";
+  iframe.setAttribute("allowfullscreen", "");
+  frameWrap.appendChild(iframe);
+  box.appendChild(frameWrap);
+  place(section, box, at);
+}
+function applySectionEmbeds(content) {
+  for (const [key, val] of Object.entries(content)) {
+    if (!key.endsWith(SECTION_EMBED_SUFFIX)) continue;
+    const sectionId = key.slice(0, -SECTION_EMBED_SUFFIX.length);
+    const section = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
+    const stored = typeof val === "string" ? readStoredEmbed(val) : null;
+    const frame = stored ? embedFrameSrc(stored.raw) : null;
+    if (!section || !stored || !frame) {
+      section?.querySelector(`[data-ohw-section-embed="${CSS.escape(key)}"]`)?.remove();
+      continue;
+    }
+    paint(section, key, frame.src, frame.title, stored.at);
+  }
+}
+
 // src/ui/ai-tree/aiSectionsManager.tsx
 var import_react_dom = require("react-dom");
 var import_client = require("react-dom/client");
@@ -11563,6 +11677,34 @@ function minSpanForFooterBlock(type) {
       return 3;
   }
 }
+function readLiveSocialItems() {
+  const root = getFooterRoot();
+  const row = root?.querySelector("[data-ohw-socials-row]");
+  if (!row) return [];
+  const items = [];
+  for (const anchor of Array.from(row.querySelectorAll("a[href]"))) {
+    const href = anchor.getAttribute("href")?.trim() ?? "";
+    const aria = anchor.getAttribute("aria-label")?.trim().toLowerCase() ?? "";
+    const platform = FOOTER_SOCIAL_PLATFORMS.find((name) => aria === name) ?? FOOTER_SOCIAL_PLATFORMS.find((name) => href.toLowerCase().includes(name));
+    if (!platform || !/^https?:\/\//i.test(href)) continue;
+    items.push({ platform, href });
+  }
+  return items;
+}
+function syncSocialRowsFromDom(tree) {
+  const root = getFooterRoot();
+  if (!root) return;
+  const row = root.querySelector("[data-ohw-socials-row]");
+  const live = readLiveSocialItems();
+  if (row && live.length === 0) return;
+  for (const col of tree.columns) {
+    col.blocks = col.blocks.flatMap((block) => {
+      if (block.type !== "social-row") return [block];
+      if (!row) return [];
+      return [{ ...block, items: live.map((item) => ({ platform: item.platform, href: item.href })) }];
+    });
+  }
+}
 function collectBrandBlocks(tree) {
   const brand = [];
   for (const col of tree.columns) {
@@ -11808,6 +11950,7 @@ function textOf2(el) {
 }
 function syncFooterTreeLinksFromDom(tree) {
   const next = cloneTree(tree);
+  syncSocialRowsFromDom(next);
   const domCols = listFooterColumns().map((col) => {
     const heading = getFooterColumnHeadingEl(col);
     const title = heading ? textOf2(heading) : void 0;
@@ -17384,7 +17527,7 @@ function apiBase() {
 function bridgeVersion() {
   try {
     if (true) {
-      return "0.1.160-next.427";
+      return "0.1.160-next.428";
     }
   } catch {
   }
@@ -17398,7 +17541,7 @@ function stampBridgeVersionOnDocument() {
     return;
   }
   try {
-    const v = true ? "0.1.160-next.427" : "";
+    const v = true ? "0.1.160-next.428" : "";
     if (v) {
       document.documentElement.setAttribute("data-ohw-bridge-version", v);
       window.__OHW_BRIDGE_VERSION__ = v;
@@ -20246,34 +20389,6 @@ function clearVideo(tree, path) {
   });
 }
 
-// src/lib/youtube.ts
-var YOUTUBE_ID_PATTERN = /^[A-Za-z0-9_-]{11}$/;
-function extractYouTubeId(input) {
-  const trimmed = input.trim();
-  if (!trimmed) return null;
-  if (YOUTUBE_ID_PATTERN.test(trimmed)) return trimmed;
-  let url;
-  try {
-    url = new URL(trimmed);
-  } catch {
-    return null;
-  }
-  const host = url.hostname.replace(/^www\./, "");
-  if (host !== "youtube.com" && host !== "m.youtube.com" && host !== "youtu.be" && host !== "youtube-nocookie.com") {
-    return null;
-  }
-  let candidate = null;
-  if (host === "youtu.be") {
-    candidate = url.pathname.slice(1).split("/")[0] ?? null;
-  } else if (url.pathname === "/watch") {
-    candidate = url.searchParams.get("v");
-  } else {
-    const match = url.pathname.match(/^\/(?:embed|shorts)\/([^/]+)/);
-    candidate = match ? match[1] : null;
-  }
-  return candidate && YOUTUBE_ID_PATTERN.test(candidate) ? candidate : null;
-}
-
 // src/ui/ai-section/AiVideoOverlay.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var PRIMARY5 = "#0885FE";
@@ -28192,6 +28307,7 @@ function OhhwellsBridge() {
         if (typeof content[AI_FOOTER_KEY] === "string" && content[AI_FOOTER_KEY] && isAiFooterOwnedContentKey(key)) {
           continue;
         }
+        if (key.endsWith(SECTION_EMBED_SUFFIX)) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -28231,6 +28347,7 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
+      applySectionEmbeds(content);
       applyLogoFromContent(content);
       applyLogoSizes(content);
       reconcileNavbarItemsFromContent(content);
@@ -28434,6 +28551,7 @@ function OhhwellsBridge() {
           if (typeof content[AI_FOOTER_KEY] === "string" && content[AI_FOOTER_KEY] && isAiFooterOwnedContentKey(key)) {
             continue;
           }
+          if (key.endsWith(SECTION_EMBED_SUFFIX)) continue;
           if (applyVideoSettingNode(key, val)) continue;
           if (applyCarouselNode(key, val)) continue;
           document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -28458,6 +28576,7 @@ function OhhwellsBridge() {
           });
           applyLinkByKey(key, val);
         }
+        applySectionEmbeds(content);
         applyLogoFromContent(content);
         reconcileNavbarItemsFromContent(content);
         reconcileFooterOrderFromContent(content);
@@ -30716,6 +30835,7 @@ function OhhwellsBridge() {
         if (typeof content[AI_FOOTER_KEY] === "string" && content[AI_FOOTER_KEY] && isAiFooterOwnedContentKey(key)) {
           continue;
         }
+        if (key.endsWith(SECTION_EMBED_SUFFIX)) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -30741,6 +30861,7 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
+      applySectionEmbeds(content);
       applyLogoFromContent(content);
       applyLogoSizes(content);
       document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
@@ -32486,7 +32607,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.160-next.427",
+        bridgeVersion: "0.1.160-next.428",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections