@ai-matrx/media 0.5.3 → 0.5.5

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @ai-matrx/media
 
+## 0.5.5
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/media/v0.5.4..npm/media/v0.5.5 -- apps/shared/media`).
+No source changes intended and no consumer action required.
+
+## 0.5.4 — 2026-09-11
+
+### Consumer action (C28)
+
+- Upgrade. No API change; private thumbnail recovery now enforces its existing
+  single-retry contract across the temporary source-clear/re-read transition.
+
+### Fixed
+
+- Blob-backed thumbnails keep their recovery attempt state in the stable
+  thumbnail owner. Refreshing a revoked object URL can no longer remount the
+  recovery hook, reset attempt two to attempt one, and permit an unbounded
+  retry loop.
+
 ## 0.5.3
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/react.cjs

@@ -1538,6 +1538,11 @@ function MediaThumbnail({
     thumbnailUrl,
     allowSourceFallback
   });
+  const blobRecovery = useMediaBlobLoadRecovery(
+    source.blobBacked ? mediaRef : null,
+    source.blobBacked ? source.src : null,
+    { onRetry: source.retryBlob }
+  );
   const fallback = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex h-full w-full items-center justify-center bg-muted/40", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FileIcon2, { fileName, mimeType, size: iconSize }) });
   let body = source.loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "h-full w-full animate-pulse bg-muted" }) : fallback;
   if (source.src) {
@@ -1549,7 +1554,7 @@ function MediaThumbnail({
           mediaRef,
           recoverable: source.recoverable,
           blobBacked: source.blobBacked,
-          retryBlob: source.retryBlob,
+          blobRecovery,
           fallback
         }
       );
@@ -1562,7 +1567,7 @@ function MediaThumbnail({
           mediaRef,
           recoverable: source.recoverable,
           blobBacked: source.blobBacked,
-          retryBlob: source.retryBlob,
+          blobRecovery,
           fallback
         }
       );
@@ -1582,18 +1587,13 @@ function ImageThumb({
   mediaRef,
   recoverable,
   blobBacked,
-  retryBlob,
+  blobRecovery,
   fallback
 }) {
   const { retryKey, onLoadError, failed } = useMediaLoadRecovery(url, {
     recoverable,
     failureRef: mediaRef
   });
-  const blobRecovery = useMediaBlobLoadRecovery(
-    blobBacked ? mediaRef : null,
-    blobBacked ? url : null,
-    { onRetry: retryBlob }
-  );
   const activeRecovery = blobBacked ? { retryKey: 0, ...blobRecovery } : { retryKey, onLoadError, failed };
   if (activeRecovery.failed) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: fallback });
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -1613,18 +1613,13 @@ function VideoPosterThumb({
   mediaRef,
   recoverable,
   blobBacked,
-  retryBlob,
+  blobRecovery,
   fallback
 }) {
   const { retryKey, onLoadError, failed } = useMediaLoadRecovery(url, {
     recoverable,
     failureRef: mediaRef
   });
-  const blobRecovery = useMediaBlobLoadRecovery(
-    blobBacked ? mediaRef : null,
-    blobBacked ? url : null,
-    { onRetry: retryBlob }
-  );
   const activeRecovery = blobBacked ? { retryKey: 0, ...blobRecovery } : { retryKey, onLoadError, failed };
   const ref = (0, import_react9.useRef)(null);
   (0, import_react9.useEffect)(() => {