@flamingo-stack/openframe-frontend-core 0.0.473 → 0.0.474-snapshot.20260724131235

package/dist/{chunk-OTV4A6NA.js → chunk-ZPUZPJDV.js}

@@ -1855,6 +1855,21 @@ function setEmbedAuthAdapter(adapter2) {
 function hasEmbedAuthAdapter() {
   return getRegisteredAuthAdapter() !== null;
 }
+function needsBearerAssetFetch(url) {
+  if (typeof window === "undefined") return false;
+  const adapter2 = getRegisteredAuthAdapter();
+  if (!adapter2?.allowedOrigins?.length || adapter2.getHeaders?.().Authorization === void 0) {
+    return false;
+  }
+  let target;
+  try {
+    target = new URL(url, window.location.href);
+  } catch {
+    return false;
+  }
+  if (target.protocol !== "http:" && target.protocol !== "https:") return false;
+  return adapter2.allowedOrigins.includes(target.origin);
+}
 function embedAuthedFetch(url, init = {}) {
   assertSameOrigin(url);
   let baseHeaders;
@@ -2320,9 +2335,58 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
   return { imageUrl: fetchedImageUrl, isLoading, error };
 }
 
+// src/hooks/use-authed-image-src.ts
+import { useEffect as useEffect19, useReducer } from "react";
+var resolvedCache = /* @__PURE__ */ new Map();
+var inFlight = /* @__PURE__ */ new Map();
+var cacheGeneration = 0;
+function clearAuthedImageCache() {
+  cacheGeneration++;
+  for (const url of resolvedCache.values()) URL.revokeObjectURL(url);
+  resolvedCache.clear();
+  inFlight.clear();
+}
+function fetchAsBlobUrl(src) {
+  let pending = inFlight.get(src);
+  if (!pending) {
+    const startedGeneration = cacheGeneration;
+    pending = embedAuthedFetch(src, { headers: { Accept: "image/*" } }).then(async (response) => {
+      if (!response.ok) throw new Error(`image fetch failed: ${response.status}`);
+      const blobUrl = URL.createObjectURL(await response.blob());
+      if (startedGeneration === cacheGeneration) {
+        resolvedCache.set(src, blobUrl);
+      } else {
+        URL.revokeObjectURL(blobUrl);
+      }
+    }).finally(() => {
+      if (inFlight.get(src) === pending) inFlight.delete(src);
+    });
+    inFlight.set(src, pending);
+  }
+  return pending;
+}
+function useAuthedImageSrc(src) {
+  const bearerSrc = src && needsBearerAssetFetch(src) ? src : null;
+  const [, rerender] = useReducer((c) => c + 1, 0);
+  useEffect19(() => {
+    if (!bearerSrc || resolvedCache.has(bearerSrc)) return;
+    let cancelled = false;
+    fetchAsBlobUrl(bearerSrc).catch(() => {
+    }).finally(() => {
+      if (!cancelled) rerender();
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [bearerSrc]);
+  if (!src) return void 0;
+  if (!bearerSrc) return src;
+  return resolvedCache.get(bearerSrc);
+}
+
 // src/hooks/state/use-query-params.ts
 init_next_navigation();
-import { useEffect as useEffect19, useState as useState20, useMemo as useMemo3, useCallback as useCallback11 } from "react";
+import { useEffect as useEffect20, useState as useState20, useMemo as useMemo3, useCallback as useCallback11 } from "react";
 
 // src/hooks/state/graphql-parser.ts
 import {
@@ -2791,7 +2855,7 @@ function useQueryParams(query, options = {}) {
   const defaultValues = options.defaultValues || {};
   const skipIntrospection = options.skipIntrospection || false;
   const debug = options.debug || false;
-  useEffect19(() => {
+  useEffect20(() => {
     async function initialize() {
       try {
         if (debug) console.log("[useQueryParams] Initializing...");
@@ -3138,7 +3202,7 @@ function createSearchParams(params) {
 }
 
 // src/hooks/state/use-cursor-pagination-state.ts
-import { useCallback as useCallback13, useEffect as useEffect20, useRef as useRef12, useState as useState21 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect21, useRef as useRef12, useState as useState21 } from "react";
 var urlSchema = {
   search: { type: "string", default: "" },
   cursor: { type: "string", default: "" }
@@ -3155,7 +3219,7 @@ function useCursorPaginationState(options) {
   const lastSearchRef = useRef12(null);
   const isSyncingFromUrl = useRef12(false);
   const isInitialLoadInProgress = useRef12(true);
-  useEffect20(() => {
+  useEffect21(() => {
     if (isInitialLoadInProgress.current) return;
     const urlSearch = params.search || "";
     if (urlSearch !== searchInput) {
@@ -3166,7 +3230,7 @@ function useCursorPaginationState(options) {
       }, 0);
     }
   }, [params.search, initialLoadCount]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (isInitialLoadInProgress.current) return;
     if (isSyncingFromUrl.current) return;
     if (searchInput !== params.search) {
@@ -3177,7 +3241,7 @@ function useCursorPaginationState(options) {
       });
     }
   }, [searchInput, params.search, setParams, initialLoadCount]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (initialLoadCount === 0) {
       const cursor = params.cursor || null;
       const search = params.search || "";
@@ -3191,7 +3255,7 @@ function useCursorPaginationState(options) {
       });
     }
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     if (isInitialLoadInProgress.current) return;
     if (initialLoadCount === 0) return;
     const currentSearch = params.search || "";
@@ -3231,7 +3295,7 @@ function useCursorPaginationState(options) {
 }
 
 // src/hooks/nats/use-nats-client.ts
-import { useEffect as useEffect21, useMemo as useMemo5, useState as useState22 } from "react";
+import { useEffect as useEffect22, useMemo as useMemo5, useState as useState22 } from "react";
 function useNatsClient(clientOptions, options = {}) {
   const { autoConnect = true } = options;
   const client = useMemo5(() => {
@@ -3240,7 +3304,7 @@ function useNatsClient(clientOptions, options = {}) {
   }, [clientOptions]);
   const [status, setStatus] = useState22("disconnected");
   const [lastError, setLastError] = useState22(null);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!client) {
       setStatus("disconnected");
       setLastError(null);
@@ -3271,7 +3335,7 @@ function useNatsClient(clientOptions, options = {}) {
 }
 
 // src/hooks/use-near-viewport.ts
-import { useEffect as useEffect22, useRef as useRef13, useState as useState23, useCallback as useCallback14 } from "react";
+import { useEffect as useEffect23, useRef as useRef13, useState as useState23, useCallback as useCallback14 } from "react";
 var observers = /* @__PURE__ */ new Map();
 var subscribers = /* @__PURE__ */ new WeakMap();
 var THRESHOLD_EPSILON = 0.01;
@@ -3323,7 +3387,7 @@ function useNearViewport(rootMargin = NEAR_VIEWPORT_ROOT_MARGIN, threshold = 0)
     },
     [key, rootMargin, threshold]
   );
-  useEffect22(() => {
+  useEffect23(() => {
     return () => {
       const el = elRef.current;
       if (!el) return;
@@ -3481,7 +3545,7 @@ function useOgPlaceholderUrl({
 }
 
 // src/hooks/use-scroll-to-hash.ts
-import { useEffect as useEffect23 } from "react";
+import { useEffect as useEffect24 } from "react";
 
 // src/utils/scroll-into-view.ts
 var activeRaf = 0;
@@ -3619,7 +3683,7 @@ function navigateSamePageHash(target, options = {}) {
 var MAX_POLL_FRAMES = 60;
 function useScrollToHash(readyDep = true, options) {
   const headerOffset = options?.headerOffset ?? 0;
-  useEffect23(() => {
+  useEffect24(() => {
     if (typeof window === "undefined") return;
     if (readyDep === null || readyDep === false) return;
     let rafId = null;
@@ -3772,6 +3836,8 @@ export {
   useBatchImages,
   configureAuthenticatedImage,
   useAuthenticatedImage,
+  clearAuthedImageCache,
+  useAuthedImageSrc,
   extractVariablesFromQuery,
   isScalarType,
   isInputObjectType,
@@ -3818,4 +3884,4 @@ export {
   splitCsvEnv,
   useHumanitySignals
 };
-//# sourceMappingURL=chunk-OTV4A6NA.js.map
+//# sourceMappingURL=chunk-ZPUZPJDV.js.map