@ohhwells/bridge 0.1.62-next.174 → 0.1.64-next.176

package/dist/index.cjs

@@ -252,7 +252,10 @@ var BRAND_VAR_PREFIX = "--ohw-brand-";
 var BRAND_VAR_NAMES = ["primary", "accent", "light", "dark", "surface", "border", "muted"].map(
   (role) => `${BRAND_VAR_PREFIX}${role}`
 );
-var FONT_VARS = { heading: ["--font-heading", "--font-display"], body: ["--font-body"] };
+var FONT_VARS = {
+  heading: ["--font-heading", "--font-display", "--brand-font-heading"],
+  body: ["--font-body", "--brand-font-body"]
+};
 var BRAND_FONT_LINK_ID = "ohw-brand-fonts";
 function brandColorVars(kit) {
   const { dark, primary, accent, light } = kit.palette;
@@ -372,6 +375,25 @@ function styleSheetCss() {
   }
   return rules.join("\n");
 }
+var STYLE_FONT_LINK_ID = "ohw-style-fonts";
+function loadStyleFonts(families) {
+  const unique = [...new Set(families.map((f) => f.trim()).filter(Boolean))];
+  const existing = document.getElementById(STYLE_FONT_LINK_ID);
+  if (unique.length === 0) {
+    existing?.remove();
+    return;
+  }
+  const spec = unique.map((f) => `${f.replace(/ /g, "+")}:400,500,600,700`).join("|");
+  const href = `https://fonts.googleapis.com/css?family=${spec}&display=swap`;
+  let link = existing;
+  if (!link) {
+    link = document.createElement("link");
+    link.id = STYLE_FONT_LINK_ID;
+    link.rel = "stylesheet";
+    document.head.appendChild(link);
+  }
+  if (link.href !== href) link.href = href;
+}
 var SECTION_ATTRS = {
   sectionBackground: "data-ohw-style-bg",
   textDistribution: "data-ohw-style-distribution",
@@ -380,7 +402,7 @@ var SECTION_ATTRS = {
   spacing: "data-ohw-style-spacing"
 };
 var NODE_WROTE_ATTR = "data-ohw-style-node";
-var NODE_PROPS = ["color", "font-size", "background"];
+var NODE_PROPS = ["color", "font-family", "font-size", "background"];
 function saveInline(el, prop) {
   const attr = `data-ohw-style-prev-${prop}`;
   if (!el.hasAttribute(attr)) el.setAttribute(attr, el.style.getPropertyValue(prop));
@@ -426,6 +448,9 @@ function applyStylesToDom(store) {
   ensureStyleSheet();
   clearSectionAttrs(document);
   clearNodeProps(document);
+  loadStyleFonts(
+    store ? Object.values(store.nodes).flatMap((n) => n.fontFamily ? [n.fontFamily] : []) : []
+  );
   if (!store) return;
   for (const [sectionId, override] of Object.entries(store.sections)) {
     const sections = document.querySelectorAll(
@@ -453,6 +478,11 @@ function applyStylesToDom(store) {
         el.style.setProperty("color", override.color, "important");
         el.setAttribute(NODE_WROTE_ATTR, "");
       }
+      if (override.fontFamily !== void 0) {
+        saveInline(el, "font-family");
+        el.style.setProperty("font-family", `'${override.fontFamily}'`, "important");
+        el.setAttribute(NODE_WROTE_ATTR, "");
+      }
       if (override.fontSize !== void 0) {
         saveInline(el, "font-size");
         el.style.setProperty("font-size", `${override.fontSize}px`, "important");
@@ -18551,7 +18581,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.62",
+        bridgeVersion: "0.1.64",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections