@ohhwells/bridge 0.1.103 → 0.1.104

package/dist/index.js

@@ -515,14 +515,26 @@ function buttonSurfaceOf(el) {
 }
 function alignSubjectOf(el) {
   const button = el.closest('[data-ohw-role="button"]');
-  return button?.parentElement ?? el;
+  if (button?.parentElement) return button.parentElement;
+  let subject = el;
+  while (subject.parentElement && !subject.parentElement.hasAttribute("data-ohw-section") && /^inline/.test(getComputedStyle(subject).display)) {
+    subject = subject.parentElement;
+  }
+  const row = subject.closest("li");
+  if (row && row !== subject && /^(inline-)?flex$/.test(getComputedStyle(row).display)) {
+    return row;
+  }
+  return subject;
 }
 function applyStylesToDom(store) {
   ensureStyleSheet();
   clearSectionAttrs(document);
   clearNodeProps(document);
   loadStyleFonts(
-    store ? Object.values(store.nodes).flatMap((n) => n.fontFamily ? [n.fontFamily] : []) : []
+    store ? [
+      ...Object.values(store.nodes).flatMap((n) => n.fontFamily ? [n.fontFamily] : []),
+      ...Object.values(store.sections).flatMap((s) => s.fontFamily ? [s.fontFamily] : [])
+    ] : []
   );
   if (!store) return;
   for (const [sectionId, override] of Object.entries(store.sections)) {
@@ -542,6 +554,23 @@ function applyStylesToDom(store) {
         section.style.setProperty("background", override.sectionBackgroundColor, "important");
         section.setAttribute("data-ohw-style-bgcolor", "");
       }
+      if (override.textColor !== void 0 || override.fontFamily !== void 0) {
+        const textEls = marker.querySelectorAll(
+          '[data-ohw-editable="text"], [data-ohw-editable="plain"], [data-ohw-field-label]'
+        );
+        for (const el of Array.from(textEls)) {
+          if (override.textColor !== void 0) {
+            saveInline(el, "color");
+            el.style.setProperty("color", override.textColor, "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, "");
+          }
+        }
+      }
     }
   }
   for (const [key, override] of Object.entries(store.nodes)) {
@@ -588,6 +617,22 @@ function applyStylesToDom(store) {
       }
     }
   }
+  for (const [sectionId, override] of Object.entries(store.sections)) {
+    if (override.headingColor === void 0) continue;
+    const escaped = CSS.escape(sectionId);
+    const byInstance = document.querySelectorAll(`[data-ohw-instance="${escaped}"]`);
+    const sections = byInstance.length ? byInstance : document.querySelectorAll(`[data-ohw-section="${escaped}"]`);
+    for (const marker of Array.from(sections)) {
+      const headings = marker.querySelectorAll(
+        ":is(h1, h2, h3, h4, h5, h6)[data-ohw-editable], :is(h1, h2, h3, h4, h5, h6) > [data-ohw-editable]"
+      );
+      for (const el of Array.from(headings)) {
+        saveInline(el, "color");
+        el.style.setProperty("color", override.headingColor, "important");
+        el.setAttribute(NODE_WROTE_ATTR, "");
+      }
+    }
+  }
 }
 
 // src/ui/ai-tree/aiSectionsManager.tsx
@@ -18794,6 +18839,9 @@ function OhhwellsBridge() {
       applySocialsDisplayFromContent(content);
       applySocialsLabelsFromContent(content, document, { fillEmptyOnly: isEditModeRef.current });
       if (isEditModeRef.current) requestMissingSocialIconsRef.current();
+      if (typeof content[STYLE_STORE_KEY] === "string") {
+        applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
+      }
       enforceLinkHrefs();
       initSectionsFromContent(content, true);
       sectionsLoadedRef.current = true;
@@ -18989,6 +19037,9 @@ function OhhwellsBridge() {
         applySocialsDisplayFromContent(content);
         applySocialsLabelsFromContent(content, document, { fillEmptyOnly: isEditModeRef.current });
         if (isEditModeRef.current) requestMissingSocialIconsRef.current();
+        if (typeof content[STYLE_STORE_KEY] === "string") {
+          applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
+        }
         document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
           if (!form.querySelector("[data-ohw-form-success]")) {
             reconcileFieldsFromContent(form, content);
@@ -20967,6 +21018,9 @@ function OhhwellsBridge() {
       reconcileNavbarItemsFromContent(editContentRef.current);
       reconcileFooterOrderFromContent(editContentRef.current);
       syncNavigationDragCursorAttrs();
+      if (typeof content[STYLE_STORE_KEY] === "string") {
+        applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
+      }
       enforceLinkHrefs();
       const hydrateReapExclude = /* @__PURE__ */ new Set();
       const hydratePendingUndo = pendingDeleteUndoRef.current;
@@ -22194,7 +22248,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.101",
+        bridgeVersion: "0.1.103",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections