@ai-matrx/media 0.5.2 → 0.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/dist/react.cjs +9 -14
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +9 -14
- package/dist/react.js.map +1 -1
- package/package.json +4 -4
package/dist/react.js
CHANGED
|
@@ -1478,6 +1478,11 @@ function MediaThumbnail({
|
|
|
1478
1478
|
thumbnailUrl,
|
|
1479
1479
|
allowSourceFallback
|
|
1480
1480
|
});
|
|
1481
|
+
const blobRecovery = useMediaBlobLoadRecovery(
|
|
1482
|
+
source.blobBacked ? mediaRef : null,
|
|
1483
|
+
source.blobBacked ? source.src : null,
|
|
1484
|
+
{ onRetry: source.retryBlob }
|
|
1485
|
+
);
|
|
1481
1486
|
const fallback = /* @__PURE__ */ jsx4("div", { className: "flex h-full w-full items-center justify-center bg-muted/40", children: /* @__PURE__ */ jsx4(FileIcon2, { fileName, mimeType, size: iconSize }) });
|
|
1482
1487
|
let body = source.loading ? /* @__PURE__ */ jsx4("div", { className: "h-full w-full animate-pulse bg-muted" }) : fallback;
|
|
1483
1488
|
if (source.src) {
|
|
@@ -1489,7 +1494,7 @@ function MediaThumbnail({
|
|
|
1489
1494
|
mediaRef,
|
|
1490
1495
|
recoverable: source.recoverable,
|
|
1491
1496
|
blobBacked: source.blobBacked,
|
|
1492
|
-
|
|
1497
|
+
blobRecovery,
|
|
1493
1498
|
fallback
|
|
1494
1499
|
}
|
|
1495
1500
|
);
|
|
@@ -1502,7 +1507,7 @@ function MediaThumbnail({
|
|
|
1502
1507
|
mediaRef,
|
|
1503
1508
|
recoverable: source.recoverable,
|
|
1504
1509
|
blobBacked: source.blobBacked,
|
|
1505
|
-
|
|
1510
|
+
blobRecovery,
|
|
1506
1511
|
fallback
|
|
1507
1512
|
}
|
|
1508
1513
|
);
|
|
@@ -1522,18 +1527,13 @@ function ImageThumb({
|
|
|
1522
1527
|
mediaRef,
|
|
1523
1528
|
recoverable,
|
|
1524
1529
|
blobBacked,
|
|
1525
|
-
|
|
1530
|
+
blobRecovery,
|
|
1526
1531
|
fallback
|
|
1527
1532
|
}) {
|
|
1528
1533
|
const { retryKey, onLoadError, failed } = useMediaLoadRecovery(url, {
|
|
1529
1534
|
recoverable,
|
|
1530
1535
|
failureRef: mediaRef
|
|
1531
1536
|
});
|
|
1532
|
-
const blobRecovery = useMediaBlobLoadRecovery(
|
|
1533
|
-
blobBacked ? mediaRef : null,
|
|
1534
|
-
blobBacked ? url : null,
|
|
1535
|
-
{ onRetry: retryBlob }
|
|
1536
|
-
);
|
|
1537
1537
|
const activeRecovery = blobBacked ? { retryKey: 0, ...blobRecovery } : { retryKey, onLoadError, failed };
|
|
1538
1538
|
if (activeRecovery.failed) return /* @__PURE__ */ jsx4(Fragment2, { children: fallback });
|
|
1539
1539
|
return /* @__PURE__ */ jsx4(
|
|
@@ -1553,18 +1553,13 @@ function VideoPosterThumb({
|
|
|
1553
1553
|
mediaRef,
|
|
1554
1554
|
recoverable,
|
|
1555
1555
|
blobBacked,
|
|
1556
|
-
|
|
1556
|
+
blobRecovery,
|
|
1557
1557
|
fallback
|
|
1558
1558
|
}) {
|
|
1559
1559
|
const { retryKey, onLoadError, failed } = useMediaLoadRecovery(url, {
|
|
1560
1560
|
recoverable,
|
|
1561
1561
|
failureRef: mediaRef
|
|
1562
1562
|
});
|
|
1563
|
-
const blobRecovery = useMediaBlobLoadRecovery(
|
|
1564
|
-
blobBacked ? mediaRef : null,
|
|
1565
|
-
blobBacked ? url : null,
|
|
1566
|
-
{ onRetry: retryBlob }
|
|
1567
|
-
);
|
|
1568
1563
|
const activeRecovery = blobBacked ? { retryKey: 0, ...blobRecovery } : { retryKey, onLoadError, failed };
|
|
1569
1564
|
const ref = useRef5(null);
|
|
1570
1565
|
useEffect6(() => {
|