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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noya-app/noya-file-explorer",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -19,9 +19,9 @@
     "dev": "npm run build:main -- --watch"
   },
   "dependencies": {
-    "@noya-app/noya-designsystem": "0.1.83",
+    "@noya-app/noya-designsystem": "0.1.85",
     "@noya-app/noya-icons": "0.1.19",
-    "@noya-app/noya-multiplayer-react": "0.1.81",
+    "@noya-app/noya-multiplayer-react": "0.1.82",
     "@noya-app/noya-keymap": "0.1.4",
     "@noya-app/react-utils": "0.1.30",
     "@noya-app/noya-utils": "0.1.9",

package/src/ResourceExplorer.tsx

@@ -20,6 +20,7 @@ import {
   MediaThumbnailProps,
   RelativeDropPosition,
   useOpenConfirmationDialog,
+  useToast,
 } from "@noya-app/noya-designsystem";
 import {
   DownloadIcon,
@@ -296,7 +297,7 @@ export const ResourceExplorer = memo(
     ) {
       const setMedia = useCallback(
         (...args: Parameters<Extract<typeof setMediaProp, Function>>) => {
-          setMediaProp?.(...args);
+          return Promise.resolve(setMediaProp?.(...args));
         },
         [setMediaProp]
       );
@@ -404,6 +405,7 @@ export const ResourceExplorer = memo(
       );
 
       const openConfirmationDialog = useOpenConfirmationDialog();
+      const { showToast } = useToast();
 
       const handleDelete = useCallback(
         async (selectedIds: string[]) => {
@@ -557,7 +559,7 @@ export const ResourceExplorer = memo(
               uploadedAssets.map(({ assetPath, asset }) => [assetPath, asset])
             );
 
-            setMedia(
+            await setMedia(
               { name: "Add media items", timestamp: Date.now() },
               {
                 ...media,
@@ -570,13 +572,17 @@ export const ResourceExplorer = memo(
             if (error instanceof Error && error.name === "AbortError") {
               // Ignore user-cancelled file picker
             } 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 = useCallback(
@@ -624,7 +630,7 @@ export const ResourceExplorer = memo(
             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,
@@ -638,11 +644,15 @@ export const ResourceExplorer = memo(
             if (error instanceof Error && error.name === "AbortError") {
               // Ignore user-cancelled file picker
             } 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 = useCallback(
@@ -1147,3 +1157,39 @@ function getPublishStatus({
           // but removed, it will be in the removed set
           "Published";
 }
+
+function getUploadErrorMessage(error: unknown) {
+  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: unknown) {
+  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 "";
+}