@noya-app/noya-file-explorer 0.0.19 → 0.0.21

package/dist/index.mjs

@@ -1981,11 +1981,12 @@ var MediaCollection = memo(
           const parentPath = tree.idToPathMap.get(selectedId);
           if (!parentPath) return;
           const uploadPromises = files.map(async (file) => {
-            const asset = await assetManager.create(file);
+            const created = await assetManager.create(file);
+            const assetStableId = created.id;
             const assetPath = path4.join(parentPath, path4.basename(file.name));
             return {
               assetPath,
-              asset: createMediaAsset({ assetId: asset.id })
+              asset: createMediaAsset({ assetId: assetStableId })
             };
           });
           setIsUploading(true);
@@ -2015,7 +2016,7 @@ var MediaCollection = memo(
     const handleDownload = useCallback(
       async (selectedItems) => {
         const downloadPromises = selectedItems.filter((item) => item.kind === "asset").map(async (item) => {
-          const asset = assets.find((a) => a.id === item.assetId);
+          const asset = assets.find((a) => a.stableId === item.assetId) ?? assets.find((a) => a.id === item.assetId);
           if (!asset?.url) return;
           return downloadUrl(asset.url, tree.getNameForId(item.id));
         });
@@ -2026,7 +2027,7 @@ var MediaCollection = memo(
     const handlePreview = useCallback(
       async (selectedItems) => {
         const previewPromises = selectedItems.filter((item) => item.kind === "asset").map(async (item) => {
-          const asset = assets.find((a) => a.id === item.assetId);
+          const asset = assets.find((a) => a.stableId === item.assetId) ?? assets.find((a) => a.id === item.assetId);
           if (!asset?.url) return;
           return window?.open(asset.url, "_blank");
         });
@@ -2039,7 +2040,8 @@ var MediaCollection = memo(
         try {
           const file = await fileOpen();
           if (!file) return;
-          const asset = await assetManager.create(file);
+          const created = await assetManager.create(file);
+          const assetStableId = created.id;
           const oldFile = selectedItem;
           const oldFilePath = tree.idToPathMap.get(oldFile.id);
           if (!oldFilePath || oldFile.kind !== "asset") return;
@@ -2049,7 +2051,7 @@ var MediaCollection = memo(
               ...media,
               [oldFilePath]: createMediaAsset({
                 ...oldFile,
-                assetId: asset.id
+                assetId: assetStableId
               })
             }
           );
@@ -2309,7 +2311,7 @@ var MediaCollection = memo(
           renderAction,
           renderDetail: (file, selected) => {
             if (file.kind !== "asset") return null;
-            const asset = assets.find((a) => a.id === file.assetId);
+            const asset = assets.find((a) => a.stableId === file.assetId) ?? assets.find((a) => a.id === file.assetId);
             if (!asset) return null;
             return /* @__PURE__ */ React.createElement(FileExplorerDetail, { selected, size }, formatByteSize(asset.size));
           },
@@ -2445,6 +2447,82 @@ import {
 import { path as path6 } from "imfs";
 import React2 from "react";
 
+// src/utils/contentType.ts
+function getContentTypeFromFile(file) {
+  if (file.type) {
+    return file.type;
+  }
+  const extension = file.name.split(".").pop()?.toLowerCase();
+  return getContentTypeFromExtension(extension);
+}
+function getContentTypeFromExtension(extension) {
+  if (!extension) {
+    return "application/octet-stream";
+  }
+  const extensionToMimeType = {
+    // Text files
+    md: "text/markdown",
+    markdown: "text/markdown",
+    txt: "text/plain",
+    json: "application/json",
+    xml: "application/xml",
+    csv: "text/csv",
+    html: "text/html",
+    htm: "text/html",
+    css: "text/css",
+    js: "text/javascript",
+    mjs: "text/javascript",
+    ts: "text/typescript",
+    tsx: "text/typescript",
+    jsx: "text/javascript",
+    // Images
+    svg: "image/svg+xml",
+    png: "image/png",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    gif: "image/gif",
+    webp: "image/webp",
+    bmp: "image/bmp",
+    ico: "image/x-icon",
+    tiff: "image/tiff",
+    tif: "image/tiff",
+    // Documents
+    pdf: "application/pdf",
+    doc: "application/msword",
+    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    xls: "application/vnd.ms-excel",
+    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    ppt: "application/vnd.ms-powerpoint",
+    pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    // Audio
+    mp3: "audio/mpeg",
+    wav: "audio/wav",
+    ogg: "audio/ogg",
+    m4a: "audio/mp4",
+    flac: "audio/flac",
+    // Video
+    mp4: "video/mp4",
+    webm: "video/webm",
+    mov: "video/quicktime",
+    avi: "video/x-msvideo",
+    mkv: "video/x-matroska",
+    // Archives
+    zip: "application/zip",
+    tar: "application/x-tar",
+    gz: "application/gzip",
+    "7z": "application/x-7z-compressed",
+    rar: "application/vnd.rar",
+    // Fonts
+    woff: "font/woff",
+    woff2: "font/woff2",
+    ttf: "font/ttf",
+    otf: "font/otf",
+    // Other
+    sketch: "application/x-sketch"
+  };
+  return extensionToMimeType[extension] || "application/octet-stream";
+}
+
 // src/utils/handleFileDrop.ts
 import {
   createAssetResource,
@@ -2556,7 +2634,7 @@ async function handleDataTransfer({
               id: uuid2(),
               asset: {
                 content: Base64.encode(await file.arrayBuffer()),
-                contentType: file.type,
+                contentType: getContentTypeFromFile(file),
                 encoding: "base64"
               },
               path: path5.join(rootItemPath, relativePath),
@@ -2659,7 +2737,8 @@ var ResourceExplorer = memo2(
       itemStyle,
       publishedResources,
       virtualized = false,
-      renderUser
+      renderUser,
+      showFileSizes = true
     }, ref) {
       const setMedia = useCallback2(
         (...args) => {
@@ -2874,7 +2953,7 @@ var ResourceExplorer = memo2(
                   id: uuid3(),
                   asset: {
                     content: Base642.encode(await file.arrayBuffer()),
-                    contentType: file.type,
+                    contentType: getContentTypeFromFile(file),
                     encoding: "base64"
                   },
                   path: assetPath,
@@ -2910,7 +2989,7 @@ var ResourceExplorer = memo2(
       const handleDownload = useCallback2(
         async (selectedItems) => {
           const downloadPromises = selectedItems.filter((item) => item.type === "asset").map(async (item) => {
-            const asset = assets.find((a) => a.id === item.assetId);
+            const asset = assets.find((a) => a.stableId === item.assetId) ?? assets.find((a) => a.id === item.assetId);
             if (!asset?.url) return;
             return downloadUrl2(asset.url, tree.getNameForId(item.id));
           });
@@ -2921,7 +3000,7 @@ var ResourceExplorer = memo2(
       const handlePreview = useCallback2(
         async (selectedItems) => {
           const previewPromises = selectedItems.filter((item) => item.type === "asset").map(async (item) => {
-            const asset = assets.find((a) => a.id === item.assetId);
+            const asset = assets.find((a) => a.stableId === item.assetId) ?? assets.find((a) => a.id === item.assetId);
             if (!asset?.url) return;
             return window?.open(asset.url, "_blank");
           });
@@ -2934,7 +3013,8 @@ var ResourceExplorer = memo2(
           try {
             const file = await fileOpen2();
             if (!file) return;
-            const asset = await assetManager.create(file);
+            const created = await assetManager.create(file);
+            const assetStableId = created.id;
             const oldFile = selectedItem;
             const oldFilePath = tree.idToPathMap.get(oldFile.id);
             if (!oldFilePath || oldFile.type !== "asset") return;
@@ -2944,7 +3024,7 @@ var ResourceExplorer = memo2(
                 ...media,
                 [oldFilePath]: createAssetResource2({
                   ...oldFile,
-                  assetId: asset.id
+                  assetId: assetStableId
                 })
               }
             );
@@ -3190,6 +3270,7 @@ var ResourceExplorer = memo2(
           },
           getExpanded,
           setExpanded: handleSetExpanded,
+          renameSelectsBeforeDot: true,
           getRenamable: (item) => {
             if (item.id === rootResource2.id) return false;
             return true;
@@ -3228,7 +3309,7 @@ var ResourceExplorer = memo2(
             return /* @__PURE__ */ React2.createElement(
               "div",
               {
-                style: { display: "flex", alignItems: "center", gap: "1.5px" }
+                style: { display: "flex", alignItems: "center", gap: "6px" }
               },
               publishStatus && /* @__PURE__ */ React2.createElement(
                 Chip,
@@ -3241,8 +3322,9 @@ var ResourceExplorer = memo2(
             );
           },
           renderDetail: (file, selected) => {
+            if (!showFileSizes) return null;
             if (file.type !== "asset") return null;
-            const asset = assets.find((a) => a.id === file.assetId);
+            const asset = assets.find((a) => a.stableId === file.assetId) ?? assets.find((a) => a.id === file.assetId);
             if (!asset) return null;
             return /* @__PURE__ */ React2.createElement(
               FileExplorerDetail2,
@@ -3388,6 +3470,8 @@ export {
   createMediaItem,
   createMediaItemTree,
   deleteResources,
+  getContentTypeFromExtension,
+  getContentTypeFromFile,
   getDepthMap,
   getParentDirectories,
   getVisibleItems,