@noya-app/noya-file-explorer 0.0.38 → 0.0.40

package/dist/index.mjs

@@ -3010,7 +3010,8 @@ import {
   FileExplorerUploadButton as FileExplorerUploadButton2,
   formatByteSize as formatByteSize2,
   MediaThumbnail as MediaThumbnail3,
-  useOpenConfirmationDialog as useOpenConfirmationDialog3
+  useOpenConfirmationDialog as useOpenConfirmationDialog3,
+  useToast
 } from "@noya-app/noya-designsystem";
 import {
   DownloadIcon as DownloadIcon2,
@@ -3288,7 +3289,7 @@ var ResourceExplorer = memo3(
     }, ref) {
       const setMedia = useCallback5(
         (...args) => {
-          setMediaProp?.(...args);
+          return Promise.resolve(setMediaProp?.(...args));
         },
         [setMediaProp]
       );
@@ -3381,6 +3382,7 @@ var ResourceExplorer = memo3(
         [expandedMap, expandable]
       );
       const openConfirmationDialog = useOpenConfirmationDialog3();
+      const { showToast } = useToast();
       const handleDelete = useCallback5(
         async (selectedIds2) => {
           const ok = await openConfirmationDialog({
@@ -3513,7 +3515,7 @@ var ResourceExplorer = memo3(
             const newMediaMap = Object.fromEntries(
               uploadedAssets.map(({ assetPath, asset }) => [assetPath, asset])
             );
-            setMedia(
+            await setMedia(
               { name: "Add media items", timestamp: Date.now() },
               {
                 ...media,
@@ -3524,13 +3526,17 @@ var ResourceExplorer = memo3(
           } catch (error) {
             if (error instanceof Error && error.name === "AbortError") {
             } else {
+              showToast({
+                title: "Upload failed",
+                content: getUploadErrorMessage(error)
+              });
               console.error("Failed to upload files:", error);
             }
           } finally {
             setIsUploading(false);
           }
         },
-        [tree, setMedia, media, onAssetsUploaded, parentFileId]
+        [tree, setMedia, media, onAssetsUploaded, parentFileId, showToast]
       );
       const handleDownload = useCallback5(
         async (selectedItems) => {
@@ -3564,7 +3570,7 @@ var ResourceExplorer = memo3(
             const oldFile = selectedItem;
             const oldFilePath = tree.idToPathMap.get(oldFile.id);
             if (!oldFilePath || oldFile.type !== "asset") return;
-            setMedia(
+            await setMedia(
               { name: "Replace media file", timestamp: Date.now() },
               {
                 ...media,
@@ -3577,11 +3583,15 @@ var ResourceExplorer = memo3(
           } catch (error) {
             if (error instanceof Error && error.name === "AbortError") {
             } else {
+              showToast({
+                title: "Replace failed",
+                content: getUploadErrorMessage(error)
+              });
               console.error("Failed to upload files:", error);
             }
           }
         },
-        [media, setMedia, assetManager, tree]
+        [media, setMedia, assetManager, tree, showToast]
       );
       const handleRename = useCallback5(
         (selectedItemId) => {
@@ -3999,6 +4009,25 @@ function getPublishStatus({
     "Published"
   );
 }
+function getUploadErrorMessage(error) {
+  const message = getErrorMessage(error).toLowerCase();
+  if (message.includes("request entity too large") || message.includes("payload too large") || message.includes("entity too large") || message.includes("413")) {
+    return "One or more files are too large to upload. Try smaller files.";
+  }
+  return "We couldn't upload your file. Please try again.";
+}
+function getErrorMessage(error) {
+  if (typeof error === "string") {
+    return error;
+  }
+  if (error instanceof Error) {
+    return error.message;
+  }
+  if (typeof error === "object" && error !== null && "message" in error && typeof error.message === "string") {
+    return error.message;
+  }
+  return "";
+}
 export {
   GitFileExplorer2 as GitFileExplorer,
   MediaCollection,