@ohhwells/bridge 0.1.31 → 0.1.32

package/dist/index.js

@@ -1,10 +1,49 @@
 "use client";
 
 // src/OhhwellsBridge.tsx
-import React6, { useCallback as useCallback2, useEffect as useEffect3, useLayoutEffect, useRef as useRef3, useState as useState5 } from "react";
+import React6, { useCallback as useCallback2, useEffect as useEffect3, useLayoutEffect as useLayoutEffect2, useRef as useRef3, useState as useState5 } from "react";
 import { createRoot } from "react-dom/client";
 import { flushSync } from "react-dom";
 
+// src/linkHrefStore.ts
+var linkHrefStore = /* @__PURE__ */ new Map();
+function setStoredLinkHref(key, href) {
+  linkHrefStore.set(key, href);
+}
+function enforceLinkHrefs() {
+  document.querySelectorAll("[data-ohw-href-key]").forEach((el) => {
+    const key = el.getAttribute("data-ohw-href-key") ?? "";
+    if (!key) return;
+    const saved = linkHrefStore.get(key);
+    if (saved === void 0) return;
+    if (el.getAttribute("href") !== saved) el.setAttribute("href", saved);
+  });
+}
+
+// src/useLinkHrefGuardian.ts
+import { useLayoutEffect } from "react";
+function useLinkHrefGuardian(...deps) {
+  useLayoutEffect(() => {
+    let debounceTimer = null;
+    const scheduleEnforce = () => {
+      if (debounceTimer) clearTimeout(debounceTimer);
+      debounceTimer = setTimeout(enforceLinkHrefs, 50);
+    };
+    enforceLinkHrefs();
+    const observer = new MutationObserver(scheduleEnforce);
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["href"]
+    });
+    return () => {
+      observer.disconnect();
+      if (debounceTimer) clearTimeout(debounceTimer);
+    };
+  }, deps);
+}
+
 // src/ui/SchedulingWidget.tsx
 import { useEffect, useId, useMemo, useRef, useState as useState2 } from "react";
 
@@ -5454,10 +5493,11 @@ function applyLinkByKey(key, val) {
   document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
     if (el.dataset.ohwEditable === "link") applyLinkHref(el, val);
   });
-  document.querySelectorAll(`[data-ohw-href-key="${key}"]`).forEach((el) => {
-    applyLinkHref(el, val);
-  });
-  window.dispatchEvent(new CustomEvent("ohw:link-href", { detail: { key, href: val } }));
+  const hrefAnchors = document.querySelectorAll(`[data-ohw-href-key="${key}"]`);
+  if (hrefAnchors.length > 0) {
+    setStoredLinkHref(key, val);
+    hrefAnchors.forEach((el) => applyLinkHref(el, val));
+  }
 }
 function isInsideLinkEditor(target) {
   return Boolean(
@@ -6016,6 +6056,7 @@ function OhhwellsBridge() {
   }, []);
   const subdomainFromQuery = searchParams.get("subdomain");
   const subdomain = resolveSubdomain(subdomainFromQuery);
+  useLinkHrefGuardian(pathname, subdomain, isEditMode);
   const postToParent = useCallback2((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
@@ -6283,7 +6324,7 @@ function OhhwellsBridge() {
   deactivateRef.current = deactivate;
   selectRef.current = select;
   deselectRef.current = deselect;
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     if (!subdomain || isEditMode) {
       setFetchState("done");
       return;
@@ -6313,6 +6354,7 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
+      enforceLinkHrefs();
       initSectionsFromContent(content, true);
       sectionsLoadedRef.current = true;
       pendingScheduleConfigRequests.current.splice(0).forEach(processConfigRequest);
@@ -6364,6 +6406,7 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
+      enforceLinkHrefs();
     };
     const scheduleApply = () => {
       if (debounceTimer) clearTimeout(debounceTimer);
@@ -6377,7 +6420,7 @@ function OhhwellsBridge() {
       if (debounceTimer) clearTimeout(debounceTimer);
     };
   }, [subdomain, isEditMode, pathname]);
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     const el = document.getElementById("ohw-loader");
     if (!el) return;
     const visible = Boolean(subdomain) && fetchState !== "done";
@@ -7055,6 +7098,7 @@ function OhhwellsBridge() {
         sectionsLoadedRef.current = true;
         pendingScheduleConfigRequests.current.splice(0).forEach(processConfigRequest);
       }
+      enforceLinkHrefs();
       postToParentRef.current({ type: "ow:hydrate-done" });
     };
     window.addEventListener("message", handleHydrate);