@flamingo-stack/openframe-frontend-core 0.0.690 → 0.0.691-2504.7650.1

package/dist/index.js

@@ -9,7 +9,7 @@ import {
   SoftwareInfo,
   SoftwareSourceBadge,
   ToolBadge
-} from "./chunk-Z622ACFD.js";
+} from "./chunk-Y7ZQZOE6.js";
 import {
   AppHeader,
   AppLayout,
@@ -29,14 +29,14 @@ import {
   SlidingSidebar,
   TicketAlertsButton,
   TopNavigation
-} from "./chunk-2PQKZWWP.js";
+} from "./chunk-DC3G4XGP.js";
 import {
   MobileNavigationDropdown,
   MultiLevelNavigation,
   StickySectionNav,
   useSectionNavigation
-} from "./chunk-OC3QH5WG.js";
-import "./chunk-TBJWPNHU.js";
+} from "./chunk-CMYDGVTZ.js";
+import "./chunk-KVDLL4LU.js";
 import {
   AIEnrichButton,
   AIEnrichSection,
@@ -617,7 +617,7 @@ import {
   withFirstTouchAttribution,
   withWalkthroughOpenParam,
   writeDismissCookie
-} from "./chunk-AIXPQT3G.js";
+} from "./chunk-KMW2PXBU.js";
 import "./chunk-L2SLFCXP.js";
 import "./chunk-BJXDHKUX.js";
 import {
@@ -734,7 +734,7 @@ import {
   validateSchema,
   validateVariables,
   variablesToUrlParams
-} from "./chunk-2V4KPBNZ.js";
+} from "./chunk-XAOAYDGR.js";
 import "./chunk-JD5TKRCU.js";
 import {
   CONTENT_REF_GROUPS,
@@ -756,7 +756,7 @@ import {
   serializeSchemaParams,
   shouldIncludeInUrl,
   withQuery
-} from "./chunk-UAKWSR3U.js";
+} from "./chunk-GDZ7IC5B.js";
 import {
   Checkbox
 } from "./chunk-HLCJPRXP.js";
@@ -1158,7 +1158,7 @@ import {
   useVideoOriginPreconnect,
   useVideoWarmup,
   usesCanonicalStatusStyle
-} from "./chunk-4BUPMSLY.js";
+} from "./chunk-Y7ZEVTLC.js";
 import {
   HEADING_EMOJI_RE,
   HUB_HEADER_OFFSET_PX,
@@ -1541,7 +1541,7 @@ import {
   urlPathLooksLikeSvg,
   useCoverImageFallback,
   webinarTiming
-} from "./chunk-22RSJ57Z.js";
+} from "./chunk-2YVTGPM7.js";
 import "./chunk-MDKCTSDS.js";
 import {
   EMBED_PROXY_OPTIONAL_HEADERS,
@@ -1588,7 +1588,7 @@ import {
   useAuthedImageSrc,
   useImageEdgeColor,
   useOgPlaceholderUrl
-} from "./chunk-2KILTCND.js";
+} from "./chunk-UVUNBXS6.js";
 import {
   FigmaIcon,
   ImageIcon,

package/dist/utils/embed-authed-fetch.d.ts

@@ -71,6 +71,16 @@ export interface EmbedAuthAdapter {
      * remains the rule, this is the narrow exception.
      */
     allowedOrigins?: string[];
+    /**
+     * Optional: call `listener` whenever `getHeaders()` starts returning a NEW
+     * credential (a rotation the host ran on its own — e.g. a native shell's
+     * background refresh). Returns an unsubscribe. Lets a long-lived surface
+     * that stopped after a 401 retry as soon as a usable credential exists,
+     * instead of on its next backoff step. Fire only on a real change: a
+     * listener may respond with a request, and through `refresh` that request
+     * can lead the host to notify again.
+     */
+    subscribe?: (listener: () => void) => () => void;
 }
 /**
  * Register a host-owned auth adapter for `embedAuthedFetch`. Pass `null`
@@ -90,6 +100,14 @@ export declare function setEmbedAuthAdapter(adapter: EmbedAuthAdapter | null): v
  * single auth knob (the adapter), not a second content-fetch registration.
  */
 export declare function hasEmbedAuthAdapter(): boolean;
+/**
+ * Subscribe to the registered adapter's credential changes
+ * (`EmbedAuthAdapter.subscribe`). A no-op when no adapter is registered, or
+ * the adapter doesn't report changes. Reads the adapter once, at call time:
+ * an adapter registered (or replaced) after a subscriber starts is not
+ * picked up — register it before the surfaces that need it mount.
+ */
+export declare function subscribeEmbedCredentialChange(listener: () => void): () => void;
 /**
  * Whether `url` is an asset the browser CANNOT load natively because its
  * auth rides in request headers.

package/dist/utils/embed-authed-fetch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"embed-authed-fetch.d.ts","sourceRoot":"","sources":["../../src/utils/embed-authed-fetch.ts"],"names":[],"mappings":"AA4BA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;;4EAMwE;IACxE,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACtD;;6EAEyE;IACzE,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AA0BD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAS1E;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAE7C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAiB1D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,GAAE,WAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAkCvF"}
+{"version":3,"file":"embed-authed-fetch.d.ts","sourceRoot":"","sources":["../../src/utils/embed-authed-fetch.ts"],"names":[],"mappings":"AA4BA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;;4EAMwE;IACxE,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACtD;;6EAEyE;IACzE,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CAClD;AA0BD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAS1E;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAE7C;AAED;;;;;;GAMG;AACH,wBAAgB,8BAA8B,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAE/E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAiB1D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,GAAE,WAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAkCvF"}

package/dist/utils/index.cjs

@@ -3772,6 +3772,10 @@ function setEmbedAuthAdapter(adapter2) {
   }
   storeRegisteredAuthAdapter(adapter2);
 }
+function subscribeEmbedCredentialChange(listener) {
+  return getRegisteredAuthAdapter()?.subscribe?.(listener) ?? (() => {
+  });
+}
 function embedAuthedFetch(url, init = {}) {
   assertSameOrigin(url);
   let baseHeaders;
@@ -3879,6 +3883,9 @@ var SUBSCRIBE_CONFIRM_TIMEOUT_MS = 15e3;
 var SERVER_RETRY_GRACE_MS = 9e4;
 var FAILED_RECONNECT_DELAY_MS = 3e4;
 var HIDDEN_GRACE_MS = 45e3;
+var AUTH_RETRY_INITIAL_MS = 3e4;
+var AUTH_RETRY_MAX_MS = 3e5;
+var PRESENCE_RETRY_MIN_INTERVAL_MS = 3e4;
 function createSseSubscription(options) {
   const {
     url,
@@ -3894,6 +3901,10 @@ function createSseSubscription(options) {
   let closed = false;
   let suspended = false;
   let attempt = 0;
+  let authAttempt = 0;
+  let stalled = false;
+  let awaitingAuth = false;
+  let lastConnectAt = 0;
   let generation = 0;
   let abortController = null;
   let retryTimerId = null;
@@ -3970,7 +3981,6 @@ function createSseSubscription(options) {
     confirmTimerId = clearLifecycleTimer(confirmTimerId);
     serverGraceTimerId = clearLifecycleTimer(serverGraceTimerId);
     failedDelayTimerId = clearLifecycleTimer(failedDelayTimerId);
-    hiddenGraceTimerId = clearLifecycleTimer(hiddenGraceTimerId);
   };
   const armSilenceTimer = () => {
     if (silenceTimerId) clearTimeout(silenceTimerId);
@@ -3978,16 +3988,23 @@ function createSseSubscription(options) {
       abortController?.abort();
     }, silenceTimeoutMs);
   };
-  const scheduleReconnect = () => {
+  const scheduleReconnect = (delayMs) => {
     if (closed || suspended || retryTimerId) return;
-    setStatus("reconnecting");
-    const backoff = Math.min(maxBackoffMs, initialBackoffMs * 2 ** attempt);
+    if (failedDelayTimerId) {
+      setStatus("reconnecting");
+      return;
+    }
+    let backoff = delayMs;
+    if (backoff === void 0) {
+      backoff = Math.min(maxBackoffMs, initialBackoffMs * 2 ** attempt);
+      attempt += 1;
+    }
     const jitter = backoff * 0.25 * Math.random();
-    attempt += 1;
     retryTimerId = setTimeout(() => {
       retryTimerId = null;
       void connect();
     }, backoff + jitter);
+    setStatus("reconnecting");
   };
   const parseFrame = (rawFrame) => {
     let eventName = "message";
@@ -4019,6 +4036,9 @@ function createSseSubscription(options) {
   async function connect() {
     if (closed || suspended) return;
     const gen = ++generation;
+    stalled = false;
+    awaitingAuth = false;
+    lastConnectAt = Date.now();
     setStatus("connecting");
     abortController = new AbortController();
     let response;
@@ -4046,9 +4066,19 @@ function createSseSubscription(options) {
         return;
       }
       const blockLayer = response.headers.get("x-block-layer");
+      const blockNote = blockLayer ? ` (x-block-layer: ${blockLayer})` : "";
+      if (response.status === 401 && pauseWhenHidden) {
+        const delayMs = Math.min(AUTH_RETRY_MAX_MS, AUTH_RETRY_INITIAL_MS * 2 ** authAttempt);
+        authAttempt += 1;
+        console.warn(`[sse-subscription] 401 for ${url}${blockNote} \u2014 retrying in ~${Math.round(delayMs / 1e3)}s`);
+        awaitingAuth = true;
+        scheduleReconnect(delayMs);
+        return;
+      }
       console.warn(
-        `[sse-subscription] terminal ${response.status} for ${url}${blockLayer ? ` (x-block-layer: ${blockLayer})` : ""} \u2014 not retrying`
+        `[sse-subscription] terminal ${response.status} for ${url}${blockNote} \u2014 ${pauseWhenHidden ? "retrying on presence" : "not retrying"}`
       );
+      stalled = pauseWhenHidden;
       setStatus("terminal");
       return;
     }
@@ -4057,6 +4087,7 @@ function createSseSubscription(options) {
       return;
     }
     attempt = 0;
+    authAttempt = 0;
     setStatus("open");
     armSilenceTimer();
     confirmTimerId = clearLifecycleTimer(confirmTimerId);
@@ -4118,6 +4149,10 @@ function createSseSubscription(options) {
     abortController?.abort();
     setStatus("suspended");
   };
+  const retryIfStalled = () => {
+    if (!stalled || Date.now() - lastConnectAt < PRESENCE_RETRY_MIN_INTERVAL_MS) return;
+    doReconnect();
+  };
   const onVisibilityChange = () => {
     if (document.visibilityState === "hidden") {
       if (!hiddenGraceTimerId) {
@@ -4132,15 +4167,21 @@ function createSseSubscription(options) {
     if (suspended) {
       suspended = false;
       void connect();
+      return;
     }
+    retryIfStalled();
   };
   const onOnline = () => {
     if (!suspended) doReconnect();
   };
+  const unsubscribeCredentials = pauseWhenHidden && fetchImpl === embedAuthedFetch ? subscribeEmbedCredentialChange(() => {
+    if (awaitingAuth) doReconnect();
+  }) : null;
   const listenersActive = pauseWhenHidden && typeof document !== "undefined" && typeof window !== "undefined";
   if (listenersActive) {
     document.addEventListener("visibilitychange", onVisibilityChange);
     window.addEventListener("online", onOnline);
+    window.addEventListener("focus", retryIfStalled);
   }
   void connect();
   return {
@@ -4149,11 +4190,14 @@ function createSseSubscription(options) {
       closed = true;
       generation += 1;
       clearTimers();
+      hiddenGraceTimerId = clearLifecycleTimer(hiddenGraceTimerId);
       abortController?.abort();
       if (listenersActive) {
         document.removeEventListener("visibilitychange", onVisibilityChange);
         window.removeEventListener("online", onOnline);
+        window.removeEventListener("focus", retryIfStalled);
       }
+      unsubscribeCredentials?.();
       setConnected(false);
       onStatusChange?.("closed");
     },