@ohhwells/bridge 0.1.152 → 0.1.154

package/dist/index.js

@@ -7161,6 +7161,21 @@ function applyCustomCodeToHead(content) {
   if (beforeNodes.length > 0) document.head.append(...beforeNodes);
 }
 
+// src/lib/selectNavContainer.ts
+function isOnScreen(el) {
+  const rect = el.getBoundingClientRect();
+  if (rect.width <= 0 || rect.height <= 0) return false;
+  if (el.offsetParent !== null) return true;
+  return getComputedStyle(el).position === "fixed";
+}
+function findSelectableNavContainer(doc = document) {
+  const visible = Array.from(doc.querySelectorAll("[data-ohw-nav-container]")).filter(isOnScreen);
+  if (visible.length === 0) return null;
+  return visible.reduce(
+    (best, el) => el.getBoundingClientRect().top < best.getBoundingClientRect().top ? el : best
+  );
+}
+
 // src/ui/ai-tree/aiSectionsManager.tsx
 import { flushSync } from "react-dom";
 import { createRoot } from "react-dom/client";
@@ -16910,6 +16925,94 @@ function bindPublishedForms(apiUrl, subdomain, content = {}) {
   );
 }
 
+// src/lib/outage-beacon.ts
+var DEDUP_MS = 5 * 60 * 1e3;
+var lastSent = /* @__PURE__ */ new Map();
+function apiBase() {
+  return process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
+}
+function bridgeVersion() {
+  try {
+    if (true) {
+      return "0.1.154";
+    }
+  } catch {
+  }
+  if (typeof document !== "undefined") {
+    return document.documentElement.getAttribute("data-ohw-bridge-version") || void 0;
+  }
+  return void 0;
+}
+function stampBridgeVersionOnDocument() {
+  if (typeof document === "undefined") {
+    return;
+  }
+  try {
+    const v = true ? "0.1.154" : "";
+    if (v) {
+      document.documentElement.setAttribute("data-ohw-bridge-version", v);
+      window.__OHW_BRIDGE_VERSION__ = v;
+    }
+  } catch {
+  }
+}
+var RECOVERABLE_PAGE_ERROR = /Minified React error #(?:418|419|421|422|423|425)\b|Hydration failed because the initial UI does not match|Text content does not match server-rendered HTML|There was an error while hydrating|did not match\. Server:/i;
+function reportOutageBeacon(args) {
+  if (typeof window === "undefined" || !args.subdomain) {
+    return;
+  }
+  if (args.reason === "page_error" && args.detail && RECOVERABLE_PAGE_ERROR.test(args.detail)) {
+    return;
+  }
+  const key = `${args.subdomain}|${args.reason}`;
+  const now = Date.now();
+  const prev = lastSent.get(key) || 0;
+  if (now - prev < DEDUP_MS) {
+    return;
+  }
+  lastSent.set(key, now);
+  const body = JSON.stringify({
+    subdomain: args.subdomain,
+    reason: args.reason,
+    detail: args.detail?.slice(0, 300),
+    templateId: args.templateId,
+    bridgeVersion: bridgeVersion(),
+    href: typeof location !== "undefined" ? location.href : void 0
+  });
+  const url = `${apiBase()}/api/public/sites/outage-beacon`;
+  try {
+    if (typeof navigator !== "undefined" && typeof navigator.sendBeacon === "function") {
+      const blob = new Blob([body], { type: "application/json" });
+      if (navigator.sendBeacon(url, blob)) {
+        return;
+      }
+    }
+    void fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body,
+      keepalive: true,
+      cache: "no-store"
+    }).catch(() => {
+    });
+  } catch {
+  }
+}
+function armLoaderHangBeacon(subdomain, fetchState, hangMs = 15e3) {
+  if (!subdomain || fetchState !== "loading") {
+    return () => {
+    };
+  }
+  const timer = window.setTimeout(() => {
+    reportOutageBeacon({
+      subdomain,
+      reason: "loader_stuck",
+      detail: `fetchState still loading after ${hangMs}ms`
+    });
+  }, hangMs);
+  return () => window.clearTimeout(timer);
+}
+
 // src/lib/form-fields.ts
 var FIELD_DEFAULTS = {
   "short-text": { label: "Short text", placeholder: "Type placeholder text..." },
@@ -25301,6 +25404,34 @@ function OhhwellsBridge() {
   const [fetchState, setFetchState] = useState18("idle");
   const [showBranding, setShowBranding] = useState18(false);
   const autoSaveTimers = useRef14(/* @__PURE__ */ new Map());
+  useEffect17(() => {
+    stampBridgeVersionOnDocument();
+  }, []);
+  useEffect17(() => {
+    if (isEditMode) return;
+    return armLoaderHangBeacon(subdomain, fetchState);
+  }, [isEditMode, subdomain, fetchState]);
+  useEffect17(() => {
+    if (isEditMode || !subdomain) return;
+    const onError = (event) => {
+      reportOutageBeacon({
+        subdomain,
+        reason: "page_error",
+        detail: event.message || "window error"
+      });
+    };
+    const onRejection = (event) => {
+      const reason = event.reason;
+      const detail = reason instanceof Error ? reason.message : typeof reason === "string" ? reason : "unhandledrejection";
+      reportOutageBeacon({ subdomain, reason: "page_error", detail });
+    };
+    window.addEventListener("error", onError);
+    window.addEventListener("unhandledrejection", onRejection);
+    return () => {
+      window.removeEventListener("error", onError);
+      window.removeEventListener("unhandledrejection", onRejection);
+    };
+  }, [isEditMode, subdomain]);
   const activeElRef = useRef14(null);
   const pointerHeldRef = useRef14(false);
   const selectedElRef = useRef14(null);
@@ -27557,7 +27688,17 @@ function OhhwellsBridge() {
     const apiUrl = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
     const initialPath = pathname;
     fetchedContentPaths.add(`${subdomain}::${initialPath}`);
-    fetch(`${apiUrl}/api/public/sites/${subdomain}/content?path=${encodeURIComponent(initialPath)}`, { cache: "no-store" }).then((r2) => r2.ok ? r2.json() : null).then((data) => {
+    fetch(`${apiUrl}/api/public/sites/${subdomain}/content?path=${encodeURIComponent(initialPath)}`, { cache: "no-store" }).then((r2) => {
+      if (!r2.ok) {
+        reportOutageBeacon({
+          subdomain,
+          reason: "content_fetch_failed",
+          detail: `HTTP ${r2.status}`
+        });
+        return null;
+      }
+      return r2.json();
+    }).then((data) => {
       if (cancelled) return;
       const content = data?.content ?? {};
       const branding = Boolean(data?.showBranding);
@@ -27566,7 +27707,12 @@ function OhhwellsBridge() {
       recordOverriddenPaths(subdomain, data?.overriddenPaths);
       setShowBranding(branding);
       return applyContent(content);
-    }).catch(() => {
+    }).catch((err) => {
+      reportOutageBeacon({
+        subdomain,
+        reason: "content_fetch_failed",
+        detail: err instanceof Error ? err.message : "fetch failed"
+      });
     }).finally(() => {
       if (!cancelled) setFetchState("done");
     });
@@ -30614,6 +30760,12 @@ function OhhwellsBridge() {
       clearIconSelectionRef.current();
     };
     window.addEventListener("message", handleDeactivate);
+    const handleSelectNav = (e) => {
+      if (e.data?.type !== "ow:select-nav") return;
+      const navContainer = findSelectableNavContainer();
+      if (navContainer) selectFrameRef.current(navContainer);
+    };
+    window.addEventListener("message", handleSelectNav);
     const handleToastAction = (e) => {
       if (e.data?.type !== "ow:toast-action") return;
       const actionId = typeof e.data.actionId === "string" ? e.data.actionId : null;
@@ -31430,6 +31582,7 @@ function OhhwellsBridge() {
       window.removeEventListener("message", handleDeleteSection);
       window.removeEventListener("message", handleDuplicateSection);
       window.removeEventListener("message", handleDeactivate);
+      window.removeEventListener("message", handleSelectNav);
       document.documentElement.removeAttribute("data-ohw-panel-dragging");
       window.removeEventListener("message", handleToastAction);
       window.removeEventListener("message", handleFormCount);
@@ -31727,7 +31880,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.152",
+        bridgeVersion: "0.1.154",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections