@ohhwells/bridge 0.1.129 → 0.1.130

package/dist/index.cjs

@@ -1903,6 +1903,29 @@ var typeStyle = (spec, font) => ({
   lineHeight: spec.line,
   fontWeight: spec.weight
 });
+function quotedFont(font) {
+  const cleaned = font.replace(/["']/g, "").trim();
+  return cleaned ? `"${cleaned}"` : "sans-serif";
+}
+function footerLogoStyle(fallbackFont, fallbackColor) {
+  return {
+    fontFamily: `var(--brand-font-heading, var(--font-heading, var(--font-display, ${quotedFont(fallbackFont)})))`,
+    fontSize: "var(--text-h3, 1.75rem)",
+    lineHeight: "var(--text-h3--line-height, 1.2)",
+    letterSpacing: "-0.02em",
+    fontWeight: 400,
+    color: `var(--brand-primary, ${fallbackColor})`
+  };
+}
+function footerBodyStyle(fallbackFont, color, weight = 500) {
+  return {
+    fontFamily: `var(--brand-font-body, var(--font-body, ${quotedFont(fallbackFont)}))`,
+    fontSize: "var(--text-body-md, 16px)",
+    lineHeight: 1.5,
+    fontWeight: weight,
+    color
+  };
+}
 var str = (value) => typeof value === "string" ? value : "";
 var cardRadius = (slots) => slots.cornerStyle === "sharp" ? 0 : AI_TREE_TOKENS.radiusCard;
 var featureLines = (value) => value.split(/\n|<br\s*\/?>/i).map((line) => line.trim()).filter(Boolean);
@@ -1926,7 +1949,9 @@ var AI_FOOTER_MOBILE_CSS = [
   "@media (max-width: 768px){",
   "[data-ai-footer]{overflow-x:hidden}",
   "[data-ai-footer-top]{display:flex !important;flex-direction:column !important;gap:32px !important}",
-  "[data-ai-footer-brand],[data-ohw-footer-links]{width:100%;min-width:0}",
+  // Column flex-basis (420px / 220px) is height once the row stacks — drop it so
+  // the column is only as tall as its links.
+  "[data-ai-footer-brand],[data-ohw-footer-links],[data-ai-footer-col]{flex:0 1 auto !important;width:100%;min-width:0}",
   "[data-ohw-footer-links]{display:flex !important;flex-direction:column !important;gap:24px !important}",
   "[data-ai-footer] img{max-width:100%}",
   "}"
@@ -3317,7 +3342,7 @@ function FooterLinkListBlock({
       "p",
       {
         ...textAttrs(ctx, `${path}.title`),
-        style: { ...typeStyle(AI_TREE_TOKENS.type.bodyMBold, ctx.brand.fonts.body), margin: 0, color: ctx.brand.palette.dark },
+        style: { ...footerBodyStyle(ctx.brand.fonts.body, `var(--surface-fg, ${ctx.brand.palette.dark})`, 600), margin: 0 },
         children: title
       }
     ) : null,
@@ -3331,8 +3356,7 @@ function FooterLinkListBlock({
           href: footerLinkHref(href, ctx),
           ...ctx.keyFor ? { "data-ohw-href-key": ctx.keyFor(`${path}.items.${i}.href`) } : {},
           style: {
-            ...typeStyle(AI_TREE_TOKENS.type.bodyM, ctx.brand.fonts.body),
-            color: ctx.brand.palette.dark,
+            ...footerBodyStyle(ctx.brand.fonts.body, `var(--surface-fg, ${ctx.brand.palette.dark})`),
             textDecoration: "none"
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -3363,7 +3387,7 @@ function FooterHoursBlock({
       "p",
       {
         ...textAttrs(ctx, `${path}.title`),
-        style: { ...typeStyle(AI_TREE_TOKENS.type.bodyMBold, ctx.brand.fonts.body), margin: 0, color: ctx.brand.palette.dark },
+        style: { ...footerBodyStyle(ctx.brand.fonts.body, `var(--surface-fg, ${ctx.brand.palette.dark})`, 600), margin: 0 },
         children: title
       }
     ) : null,
@@ -3378,8 +3402,7 @@ function FooterHoursBlock({
             display: "flex",
             justifyContent: "space-between",
             gap: AI_TREE_TOKENS.spacing4,
-            ...typeStyle(AI_TREE_TOKENS.type.bodyM, ctx.brand.fonts.body),
-            color: ctx.brand.palette.dark
+            ...footerBodyStyle(ctx.brand.fonts.body, `var(--surface-fg, ${ctx.brand.palette.dark})`)
           },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { ...textAttrs(ctx, `${path}.items.${i}.day`), style: { margin: 0 }, children: day }),
@@ -3403,15 +3426,17 @@ function FooterLogoBlock({
     {
       src: url,
       alt,
-      ...ctx.keyFor ? { "data-ohw-key": ctx.keyFor(`${path}.alt`), "data-ohw-role": "logo" } : { "data-ohw-role": "logo" },
-      style: { display: "block", maxHeight: 40, width: "auto", maxWidth: "100%" }
+      "data-ohw-key": "footer-logo-img",
+      "data-ohw-editable": "image",
+      "data-ohw-role": "logo",
+      style: { display: "block", height: "2.25rem", width: "auto", maxWidth: "100%" }
     }
   ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     {
       ...textAttrs(ctx, `${path}.alt`),
       "data-ohw-role": "logo",
-      style: { ...typeStyle(AI_TREE_TOKENS.type.h3, ctx.brand.fonts.heading), color: ctx.brand.palette.dark },
+      style: footerLogoStyle(ctx.brand.fonts.heading, ctx.brand.palette.primary),
       children: alt
     }
   ) });
@@ -4044,9 +4069,8 @@ function AiFooterRenderer({
                                     "data-ohw-key": `footer-${colIndex}-heading`,
                                     "data-ohw-editable": "text",
                                     style: {
-                                      ...typeStyle(AI_TREE_TOKENS.type.bodyMBold, resolvedBrand.fonts.body),
-                                      margin: 0,
-                                      color: bandText
+                                      ...footerBodyStyle(resolvedBrand.fonts.body, bandText, 600),
+                                      margin: 0
                                     },
                                     children: title
                                   }
@@ -4061,8 +4085,7 @@ function AiFooterRenderer({
                                       href: footerLinkHref(href, ctx),
                                       "data-ohw-href-key": `footer-${colIndex}-${i}-href`,
                                       style: {
-                                        ...typeStyle(AI_TREE_TOKENS.type.bodyM, resolvedBrand.fonts.body),
-                                        color: bandText,
+                                        ...footerBodyStyle(resolvedBrand.fonts.body, bandText),
                                         textDecoration: "none"
                                       },
                                       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -4108,9 +4131,8 @@ function AiFooterRenderer({
                         "data-ohw-key": "footer-copyright",
                         "data-ohw-editable": "text",
                         style: {
-                          ...typeStyle(AI_TREE_TOKENS.type.bodyM, resolvedBrand.fonts.body),
-                          margin: 0,
-                          color: `color-mix(in srgb, ${bandText} 75%, transparent)`
+                          ...footerBodyStyle(resolvedBrand.fonts.body, bandText),
+                          margin: 0
                         },
                         children: copyright
                       }
@@ -4122,8 +4144,7 @@ function AiFooterRenderer({
                           href: item.href,
                           "data-ohw-footer-legal-link": item.key,
                           style: {
-                            ...typeStyle(AI_TREE_TOKENS.type.bodyM, resolvedBrand.fonts.body),
-                            color: `color-mix(in srgb, ${bandText} 75%, transparent)`,
+                            ...footerBodyStyle(resolvedBrand.fonts.body, bandText),
                             textDecoration: "none"
                           },
                           children: item.label
@@ -4136,8 +4157,7 @@ function AiFooterRenderer({
                           "data-ohw-footer-legal-link": item.key,
                           onClick: item.onClick,
                           style: {
-                            ...typeStyle(AI_TREE_TOKENS.type.bodyM, resolvedBrand.fonts.body),
-                            color: `color-mix(in srgb, ${bandText} 75%, transparent)`,
+                            ...footerBodyStyle(resolvedBrand.fonts.body, bandText),
                             background: "none",
                             border: "none",
                             padding: 0,
@@ -4892,8 +4912,32 @@ function defaultLegal() {
     }
   };
 }
-function resolveLogoFromContent(content) {
+var FOOTER_LOGO_CONTENT_KEYS = ["footer-logo-img", "footer-logo-image", "footer-logo"];
+function logoSrcFromFooterDom(footer) {
+  if (!footer) return null;
+  const img = footer.querySelector(
+    '[data-ohw-key="footer-logo-img"], [data-ohw-key="footer-logo-image"], [data-ohw-role="logo"] img'
+  );
+  const raw = (img?.currentSrc || img?.getAttribute("src") || "").trim();
+  if (!raw) return null;
+  try {
+    const url = new URL(raw, window.location.href);
+    const wrapped = url.pathname.endsWith("/_next/image") ? url.searchParams.get("url") : null;
+    if (wrapped) return decodeURIComponent(wrapped);
+  } catch {
+  }
+  return raw;
+}
+function resolveLogoFromContent(content, footer) {
   if (mountOptions.logoUrl) return mountOptions.logoUrl;
+  if (content) {
+    for (const key of FOOTER_LOGO_CONTENT_KEYS) {
+      const value = content[key];
+      if (typeof value === "string" && value.trim()) return value.trim();
+    }
+  }
+  const fromDom = logoSrcFromFooterDom(footer);
+  if (fromDom) return fromDom;
   if (!content) return null;
   const canonical = content[LOGO_IMAGE_URL_KEY];
   if (typeof canonical === "string" && canonical.trim()) return canonical.trim();
@@ -4916,11 +4960,11 @@ function applyAiFooterToDom(state, content) {
     unmountAiFooter();
     return;
   }
-  const brand = mountOptions.brand ?? deriveTemplateBrand();
-  const logoUrl = resolveLogoFromContent(content);
   const templateFooter = findTemplateFooter();
   captureTemplateFooterSurface(templateFooter);
   const surface = capturedSurface ?? null;
+  const brand = mountOptions.brand ?? deriveTemplateBrand();
+  const logoUrl = resolveLogoFromContent(content, templateFooter);
   const serialized = JSON.stringify(state) + JSON.stringify(brand ?? null) + (logoUrl ?? "") + JSON.stringify(surface) + JSON.stringify(defaultLegal());
   if (mounted2 && mounted2.serialized === serialized && mounted2.container.isConnected) {
     hideTemplateFooter(templateFooter);
@@ -29193,7 +29237,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.128",
+        bridgeVersion: "0.1.129",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections