@ai-matrx/media 0.4.0 → 0.4.2

package/dist/react.js

@@ -621,7 +621,7 @@ function useMediaBlob(ref) {
 }
 
 // src/core/use-media-load-recovery.ts
-import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { useEffect as useEffect2, useLayoutEffect, useRef as useRef2, useState as useState2 } from "react";
 
 // src/types.ts
 function mintDurableSrc(url) {
@@ -641,11 +641,17 @@ function useMediaLoadRecovery(src, options) {
   const failureRef = options?.failureRef;
   const [result, setResult] = useState2({ source: src, retryKey: 0, failed: false });
   const attemptRef = useRef2(0);
+  const recoveryInFlightRef = useRef2(false);
   useEffect2(() => {
     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) {
@@ -660,6 +666,7 @@ function useMediaLoadRecovery(src, options) {
       onTerminal?.(event);
       return;
     }
+    recoveryInFlightRef.current = true;
     attemptRef.current += 1;
     const attempt = attemptRef.current;
     client.recoverLoadError(mintDurableSrc(src), attempt).then(