@ai-matrx/media 0.4.5 → 0.5.1

package/dist/react.cjs

@@ -66,7 +66,6 @@ __export(react_exports, {
   VolumeXIcon: () => VolumeXIcon,
   XIcon: () => XIcon,
   cn: () => cn,
-  formatFileSize: () => formatFileSize,
   useMediaDropzone: () => useMediaDropzone
 });
 module.exports = __toCommonJS(react_exports);
@@ -1453,7 +1452,9 @@ function useThumbnailSource(ref, options = {}) {
       mode: "thumbnail",
       loading: false,
       resolution,
-      recoverable: explicitThumb.recoverable !== false
+      recoverable: explicitThumb.recoverable !== false,
+      blobBacked: false,
+      retryBlob: blob.retry
     };
   }
   if (resolution?.thumbnailSrc) {
@@ -1462,7 +1463,9 @@ function useThumbnailSource(ref, options = {}) {
       mode: "thumbnail",
       loading: false,
       resolution,
-      recoverable: resolution.recoverable !== false
+      recoverable: resolution.recoverable !== false,
+      blobBacked: false,
+      retryBlob: blob.retry
     };
   }
   if (allowSourceFallback && resolution) {
@@ -1472,7 +1475,9 @@ function useThumbnailSource(ref, options = {}) {
         mode: blob.url ? resolution.kind === "video" ? "live-video-poster" : "live-image" : "icon",
         loading: blob.loading,
         resolution,
-        recoverable: false
+        recoverable: false,
+        blobBacked: true,
+        retryBlob: blob.retry
       };
     }
     if (resolution.kind === "image") {
@@ -1481,7 +1486,9 @@ function useThumbnailSource(ref, options = {}) {
         mode: "live-image",
         loading: false,
         resolution,
-        recoverable: resolution.recoverable !== false
+        recoverable: resolution.recoverable !== false,
+        blobBacked: false,
+        retryBlob: blob.retry
       };
     }
     if (resolution.kind === "video") {
@@ -1490,7 +1497,9 @@ function useThumbnailSource(ref, options = {}) {
         mode: "live-video-poster",
         loading: false,
         resolution,
-        recoverable: resolution.recoverable !== false
+        recoverable: resolution.recoverable !== false,
+        blobBacked: false,
+        retryBlob: blob.retry
       };
     }
   }
@@ -1499,7 +1508,9 @@ function useThumbnailSource(ref, options = {}) {
     mode: "icon",
     loading: false,
     resolution,
-    recoverable: false
+    recoverable: false,
+    blobBacked: false,
+    retryBlob: blob.retry
   };
 }
 
@@ -1529,6 +1540,8 @@ function MediaThumbnail({
           url: source.src,
           mediaRef,
           recoverable: source.recoverable,
+          blobBacked: source.blobBacked,
+          retryBlob: source.retryBlob,
           fallback
         }
       );
@@ -1540,6 +1553,8 @@ function MediaThumbnail({
           alt: fileName,
           mediaRef,
           recoverable: source.recoverable,
+          blobBacked: source.blobBacked,
+          retryBlob: source.retryBlob,
           fallback
         }
       );
@@ -1558,13 +1573,21 @@ function ImageThumb({
   alt,
   mediaRef,
   recoverable,
+  blobBacked,
+  retryBlob,
   fallback
 }) {
   const { retryKey, onLoadError, failed } = useMediaLoadRecovery(url, {
     recoverable,
     failureRef: mediaRef
   });
-  if (failed) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: fallback });
+  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)(
     "img",
     {
@@ -1572,21 +1595,29 @@ function ImageThumb({
       alt,
       loading: url.startsWith("blob:") ? "eager" : "lazy",
       className: "h-full w-full object-cover",
-      onError: onLoadError
+      onError: activeRecovery.onLoadError
     },
-    retryKey
+    activeRecovery.retryKey
   );
 }
 function VideoPosterThumb({
   url,
   mediaRef,
   recoverable,
+  blobBacked,
+  retryBlob,
   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)(() => {
     const v = ref.current;
@@ -1600,7 +1631,7 @@ function VideoPosterThumb({
     v.addEventListener("loadedmetadata", onMeta);
     return () => v.removeEventListener("loadedmetadata", onMeta);
   }, []);
-  if (failed) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: fallback });
+  if (activeRecovery.failed) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: fallback });
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "video",
     {
@@ -1610,9 +1641,9 @@ function VideoPosterThumb({
       preload: "metadata",
       muted: true,
       playsInline: true,
-      onError: onLoadError
+      onError: activeRecovery.onLoadError
     },
-    retryKey
+    activeRecovery.retryKey
   );
 }
 
@@ -1893,20 +1924,9 @@ function useMediaUpload() {
 
 // src/react/upload-progress-list.tsx
 var import_react12 = require("react");
+var import_format = require("@ai-matrx/kit/format");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var AUTO_DISMISS_MS = 1e4;
-function formatFileSize(bytes) {
-  if (bytes == null || !Number.isFinite(bytes) || bytes < 0) return "\u2014";
-  if (bytes < 1024) return `${bytes} B`;
-  const units = ["KB", "MB", "GB", "TB"];
-  let value = bytes;
-  let unit = -1;
-  do {
-    value /= 1024;
-    unit += 1;
-  } while (value >= 1024 && unit < units.length - 1);
-  return `${value >= 10 ? Math.round(value) : value.toFixed(1)} ${units[unit] ?? "TB"}`;
-}
 function UploadProgressListImpl({
   uploads,
   onDismiss,
@@ -2016,10 +2036,10 @@ function UploadProgressListImpl({
                     }
                   ) }),
                   failed && u.error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mt-0.5 truncate text-[10px] text-destructive", children: u.error }) : !done ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "mt-0.5 text-[10px] text-muted-foreground", children: [
-                    formatFileSize(u.bytesUploaded),
+                    (0, import_format.formatFileSize)(u.bytesUploaded),
                     " /",
                     " ",
-                    formatFileSize(u.fileSize)
+                    (0, import_format.formatFileSize)(u.fileSize)
                   ] }) : null
                 ] }),
                 canOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex shrink-0 items-center gap-1 rounded px-1.5 py-0.5 text-[11px] font-medium text-primary", children: [