@ai-matrx/media 0.4.1 → 0.4.2

package/dist/viewers.js

@@ -1392,7 +1392,7 @@ function HtmlSourceView({ source, maxBytes = 1024 * 1024 }) {
 }
 
 // src/core/use-media-load-recovery.ts
-import { useEffect as useEffect6, useRef as useRef3, useState as useState8 } from "react";
+import { useEffect as useEffect6, useLayoutEffect, useRef as useRef3, useState as useState8 } from "react";
 
 // src/types.ts
 function mintDurableSrc(url) {
@@ -1412,11 +1412,17 @@ function useMediaLoadRecovery(src, options) {
   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) {
@@ -1431,6 +1437,7 @@ function useMediaLoadRecovery(src, options) {
       onTerminal?.(event);
       return;
     }
+    recoveryInFlightRef.current = true;
     attemptRef.current += 1;
     const attempt = attemptRef.current;
     client.recoverLoadError(mintDurableSrc(src), attempt).then(