@ai-matrx/media 0.4.2 → 0.4.4

package/dist/viewers.js

@@ -1391,104 +1391,8 @@ function HtmlSourceView({ source, maxBytes = 1024 * 1024 }) {
   return /* @__PURE__ */ jsx8("pre", { className: "h-full w-full overflow-auto bg-muted/10 p-4 font-mono text-xs leading-relaxed break-all whitespace-pre-wrap", children: text });
 }
 
-// src/core/use-media-load-recovery.ts
-import { useEffect as useEffect6, useLayoutEffect, useRef as useRef3, useState as useState8 } from "react";
-
-// src/types.ts
-function mintDurableSrc(url) {
-  return url;
-}
-
-// src/core/use-media-load-recovery.ts
-function normalizeOutcome(outcome) {
-  return typeof outcome === "string" ? { verdict: outcome } : outcome;
-}
-var EPHEMERAL_SECRET_IDENTITY = "server:files-session-secret";
-function useMediaLoadRecovery(src, options) {
-  const client = useMediaClient();
-  const capture = useMediaFailureCapture();
-  const recoverable = options?.recoverable !== false;
-  const onTerminal = options?.onTerminal;
-  const failureRef = options?.failureRef;
-  const [result, setResult] = useState8({ source: src, retryKey: 0, failed: false });
-  const attemptRef = useRef3(0);
-  const recoveryInFlightRef = useRef3(false);
-  useEffect6(() => {
-    attemptRef.current = 0;
-    recoveryInFlightRef.current = false;
-  }, [src]);
-  useLayoutEffect(() => {
-    recoveryInFlightRef.current = false;
-  }, [result.retryKey]);
-  const identity = () => failureMediaIdentity(failureRef ?? null, src);
-  const onLoadError = (event) => {
-    if (recoveryInFlightRef.current) return;
-    if (!src || !recoverable) {
-      setResult({ source: src, retryKey: 0, failed: true });
-      if (src) {
-        capture({
-          phase: "element-load",
-          mediaRef: identity(),
-          terminal: true,
-          retryOutcome: "not-attempted",
-          message: "media element failed to load and the source is unrecoverable (foreign/object URL \u2014 a session refresh cannot fix it)"
-        });
-      }
-      onTerminal?.(event);
-      return;
-    }
-    recoveryInFlightRef.current = true;
-    attemptRef.current += 1;
-    const attempt = attemptRef.current;
-    client.recoverLoadError(mintDurableSrc(src), attempt).then(
-      (outcome) => {
-        const report = normalizeOutcome(outcome);
-        if (report.secretSource === "ephemeral") {
-          capture({
-            phase: "session",
-            mediaRef: EPHEMERAL_SECRET_IDENTITY,
-            terminal: false,
-            message: "server cookie secret is ephemeral \u2014 private renders will break across restarts/instances (set a persistent files-session secret on the server)"
-          });
-        }
-        if (report.verdict === "retry") {
-          setResult((current) => ({
-            source: src,
-            retryKey: current.source === src ? current.retryKey + 1 : 1,
-            failed: false
-          }));
-        } else {
-          setResult({ source: src, retryKey: 0, failed: true });
-          capture({
-            phase: attempt > 1 ? "element-load" : "recovery",
-            mediaRef: identity(),
-            terminal: true,
-            retryOutcome: attempt > 1 ? "retried" : "not-attempted",
-            message: attempt > 1 ? "media element failed to load after the session-refresh retry" : "media load recovery declined on the first attempt (session refresh did not produce a usable session)",
-            ...report.status !== void 0 ? { status: report.status } : {}
-          });
-          onTerminal?.(event);
-        }
-      },
-      (err) => {
-        setResult({ source: src, retryKey: 0, failed: true });
-        capture({
-          phase: "session",
-          mediaRef: identity(),
-          terminal: true,
-          retryOutcome: "recovery-failed",
-          message: `session recovery failed: ${err instanceof Error ? err.message : String(err ?? "unknown error")}`
-        });
-        onTerminal?.(event);
-      }
-    );
-  };
-  return {
-    retryKey: result.source === src ? result.retryKey : 0,
-    onLoadError,
-    failed: result.source === src ? result.failed : false
-  };
-}
+// src/viewers/svg-viewer.tsx
+import { useEffect as useEffect6, useState as useState8 } from "react";
 
 // src/viewers/transparency-grid.ts
 var TRANSPARENCY_GRID_STYLE = {
@@ -1524,30 +1428,33 @@ function SvgViewer(props) {
   );
 }
 function SvgRenderedView({ source, fileName }) {
-  const { url, recoverable, unavailable } = useViewerDisplayUrl(source);
-  const { retryKey, onLoadError, failed } = useMediaLoadRecovery(url, {
-    recoverable,
-    ...source.kind === "ref" ? { failureRef: source.ref } : {}
-  });
-  if (unavailable) {
-    return /* @__PURE__ */ jsx9(
-      ViewerError,
-      {
-        title: "This SVG isn't available",
-        hint: "You may not have access to it, or it may have been deleted."
-      }
-    );
-  }
-  if (!url) return /* @__PURE__ */ jsx9(ViewerSkeleton, { className: "flex-1" });
-  if (failed) {
+  const fromClient = useMediaBlob(source.kind === "ref" ? source.ref : null);
+  const [normalizedUrl, setNormalizedUrl] = useState8(null);
+  useEffect6(() => {
+    const blob = fromClient.blob;
+    if (!blob || blob.type === "image/svg+xml") {
+      setNormalizedUrl(null);
+      return void 0;
+    }
+    const normalized = new Blob([blob], { type: "image/svg+xml" });
+    const objectUrl = URL.createObjectURL(normalized);
+    setNormalizedUrl(objectUrl);
+    return () => URL.revokeObjectURL(objectUrl);
+  }, [fromClient.blob]);
+  const url = source.kind === "blob" ? source.url : normalizedUrl ?? fromClient.url;
+  const loading = source.kind === "ref" && fromClient.loading;
+  const error = source.kind === "ref" ? fromClient.error : null;
+  if (error) {
     return /* @__PURE__ */ jsx9(
       ViewerError,
       {
         title: "SVG could not be rendered",
+        message: error,
         hint: "Switch to the Source view to inspect the markup."
       }
     );
   }
+  if (loading || !url) return /* @__PURE__ */ jsx9(ViewerSkeleton, { className: "flex-1" });
   return /* @__PURE__ */ jsx9(
     "div",
     {
@@ -1558,10 +1465,8 @@ function SvgRenderedView({ source, fileName }) {
         {
           src: url,
           alt: fileName,
-          className: "max-h-full max-w-full object-contain drop-shadow-sm",
-          onError: onLoadError
-        },
-        retryKey
+          className: "max-h-full max-w-full object-contain drop-shadow-sm"
+        }
       )
     }
   );