@lvce-editor/explorer-view 7.0.0 → 7.2.0

package/dist/explorerViewWorkerMain.js

@@ -1395,6 +1395,9 @@ const readDirWithFileTypes = async uri => {
 const getPathSeparator$1 = async root => {
   return invoke('FileSystem.getPathSeparator', root);
 };
+const isReadonly = async root => {
+  return invoke('FileSystem.isReadonly', root);
+};
 const getRealPath = async path => {
   return invoke('FileSystem.getRealPath', path);
 };
@@ -2073,22 +2076,32 @@ const acceptCreateFolder = async state => {
   return acceptCreate(state, Directory);
 };
 
-const computeExplorerRenamedDirentUpdate = (root, parentPath, oldUri, children, tree, newUri) => {
-  const rootLength = root.length;
-  const relativeDirname = parentPath.slice(rootLength);
-  const relativeOldPath = oldUri.slice(rootLength);
-  const relativeNewUri = newUri.slice(rootLength);
-  const update = Object.create(null);
-  const oldItems = tree[relativeOldPath] || [];
-  update[relativeDirname] = children.map(child => {
+const getUpdatedChildren = (children, oldItems, newUri) => {
+  const setSize = children.length;
+  return children.toSorted(compareDirent).map((child, index) => {
     if (oldItems.length > 0 && child.path === newUri && child.type === Directory) {
       return {
         ...child,
+        posInSet: index + 1,
+        setSize,
         type: DirectoryExpanded
       };
     }
-    return child;
+    return {
+      ...child,
+      posInSet: index + 1,
+      setSize
+    };
   });
+};
+const computeExplorerRenamedDirentUpdate = (root, parentPath, oldUri, children, tree, newUri) => {
+  const rootLength = root.length;
+  const relativeDirname = parentPath.slice(rootLength);
+  const relativeOldPath = oldUri.slice(rootLength);
+  const relativeNewUri = newUri.slice(rootLength);
+  const update = Object.create(null);
+  const oldItems = tree[relativeOldPath] || [];
+  update[relativeDirname] = getUpdatedChildren(children, oldItems, newUri);
   update[relativeNewUri] = oldItems;
   for (const [key, value] of Object.entries(tree)) {
     if (!key.startsWith(`${relativeOldPath}/`)) {
@@ -2381,21 +2394,40 @@ const copyRelativePath = async state => {
   return state;
 };
 
+const getIconCacheKey = (path, type) => {
+  switch (type) {
+    case DirectoryExpanded:
+    case DirectoryExpanding:
+    case EditingDirectoryExpanded:
+      return `${path}#expanded`;
+    default:
+      return path;
+  }
+};
+
 const getIconsCached = (dirents, fileIconCache) => {
-  return dirents.map(dirent => fileIconCache[dirent]);
+  return dirents.map(dirent => {
+    const cacheKey = getIconCacheKey(dirent.path, dirent.type);
+    return fileIconCache[cacheKey];
+  });
 };
 
 const getMissingDirents = (dirents, fileIconCache) => {
   const missingDirents = [];
   for (const dirent of dirents) {
-    if (!(dirent.path in fileIconCache)) {
+    const cacheKey = getIconCacheKey(dirent.path, dirent.type);
+    if (!(cacheKey in fileIconCache)) {
       missingDirents.push(dirent);
     }
   }
   return missingDirents;
 };
 const toIconRequest = dirent => {
+  const cacheKey = getIconCacheKey(dirent.path, dirent.type);
   return {
+    ...(cacheKey !== dirent.path && {
+      expanded: true
+    }),
     name: dirent.name,
     path: dirent.path,
     type: dirent.type
@@ -2407,14 +2439,6 @@ const getMissingIconRequests = (dirents, fileIconCache) => {
   return iconRequests;
 };
 
-const getPath = item => {
-  return item.path;
-};
-
-const getPaths = items => {
-  return items.map(getPath);
-};
-
 const getSimpleIconRequestType = direntType => {
   if ([Directory, DirectoryExpanded, EditingDirectoryExpanded, EditingFolder].includes(direntType)) {
     return 2;
@@ -2424,6 +2448,9 @@ const getSimpleIconRequestType = direntType => {
 
 const toSimpleIconRequest = request => {
   return {
+    ...(request.expanded && {
+      expanded: true
+    }),
     name: request.name,
     type: getSimpleIconRequestType(request.type)
   };
@@ -2448,7 +2475,8 @@ const updateIconCache = (iconCache, missingRequests, newIcons) => {
   for (let i = 0; i < missingRequests.length; i++) {
     const request = missingRequests[i];
     const icon = newIcons[i];
-    newFileIconCache[request.path] = icon;
+    const cacheKey = getIconCacheKey(request.path, request.type);
+    newFileIconCache[cacheKey] = icon;
   }
   return newFileIconCache;
 };
@@ -2457,8 +2485,7 @@ const getFileIcons = async (dirents, fileIconCache) => {
   const missingRequests = getMissingIconRequests(dirents, fileIconCache);
   const newIcons = await requestFileIcons(missingRequests);
   const newFileIconCache = updateIconCache(fileIconCache, missingRequests, newIcons);
-  const paths = getPaths(dirents);
-  const icons = getIconsCached(paths, newFileIconCache);
+  const icons = getIconsCached(dirents, newFileIconCache);
   return {
     icons,
     newFileIconCache
@@ -3043,6 +3070,7 @@ const create = (id, uri, x, y, width, height, args, parentUid, platform = 0, ass
     initial: true,
     inputSource: 0,
     isPointerDown: false,
+    isReadonly: false,
     itemHeight: ListItem,
     items: [],
     maxIndent: 0,
@@ -3483,6 +3511,7 @@ const getKeyBindings = () => {
 
 const Separator = 1;
 const None$2 = 0;
+const Disabled = 5;
 const RestoreFocus = 6;
 
 const menuEntrySeparator = {
@@ -3564,6 +3593,10 @@ const menuEntryRename = {
   id: 'rename',
   label: rename()
 };
+const menuEntryRenameDisabled = {
+  ...menuEntryRename,
+  flags: Disabled
+};
 const menuEntryDelete = {
   command: 'Explorer.removeDirent',
   flags: None$2,
@@ -3576,7 +3609,6 @@ const menuEntryRemoveFolderFromWorkspace = {
   id: 'removeFolderFromWorkspace',
   label: removeFolderFromWorkspace()
 };
-const ALL_ENTRIES = [menuEntryNewFile, menuEntryNewFolder, menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, menuEntryRename, menuEntryDelete];
 
 // TODO there are two possible ways of getting the focused dirent of explorer
 // 1. directly access state of explorer (bad because it directly accesses state of another component)
@@ -3587,17 +3619,23 @@ const getFocusedDirent = explorerState => {
   }
   return explorerState.items[explorerState.focusedIndex];
 };
-const getMenuEntriesDirectory = () => {
-  return ALL_ENTRIES;
+const getMenuEntryRename = state => {
+  if (state.isReadonly) {
+    return menuEntryRenameDisabled;
+  }
+  return menuEntryRename;
+};
+const getMenuEntriesDirectory = state => {
+  return [menuEntryNewFile, menuEntryNewFolder, menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, getMenuEntryRename(state), menuEntryDelete];
 };
-const getMenuEntriesFile = () => {
-  return [menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, menuEntrySelectForCompare, menuEntrySeparator, menuEntryRename, menuEntryDelete];
+const getMenuEntriesFile = state => {
+  return [menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, menuEntrySelectForCompare, menuEntrySeparator, getMenuEntryRename(state), menuEntryDelete];
 };
-const getMenuEntriesFileCompareWithSelected = () => {
-  return [menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, menuEntryCompareWithSelected, menuEntrySeparator, menuEntryRename, menuEntryDelete];
+const getMenuEntriesFileCompareWithSelected = state => {
+  return [menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, menuEntryCompareWithSelected, menuEntrySeparator, getMenuEntryRename(state), menuEntryDelete];
 };
-const getMenuEntriesDefault = () => {
-  return ALL_ENTRIES;
+const getMenuEntriesDefault = state => {
+  return getMenuEntriesDirectory(state);
 };
 const getMenuEntriesRoot = root => {
   const entries = [menuEntryNewFile, menuEntryNewFolder, menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath];
@@ -3613,14 +3651,14 @@ const getMenuEntries = state => {
   }
   switch (focusedDirent.type) {
     case Directory:
-      return getMenuEntriesDirectory();
+      return getMenuEntriesDirectory(state);
     case File:
       if (state.compareSourceUri && state.compareSourceUri !== focusedDirent.path) {
-        return getMenuEntriesFileCompareWithSelected();
+        return getMenuEntriesFileCompareWithSelected(state);
       }
-      return getMenuEntriesFile();
+      return getMenuEntriesFile(state);
     default:
-      return getMenuEntriesDefault();
+      return getMenuEntriesDefault(state);
   }
 };
 
@@ -4011,6 +4049,14 @@ const getPathDirentsMap = async allPaths => {
   return pathToDirents;
 };
 
+const getPath = item => {
+  return item.path;
+};
+
+const getPaths = items => {
+  return items.map(getPath);
+};
+
 const restoreDirentType = (rawDirentType, path, expandedPaths) => {
   if (rawDirentType === Directory && expandedPaths.includes(path)) {
     return DirectoryExpanded;
@@ -4773,7 +4819,9 @@ const loadContent = async (state, savedState) => {
   const root = getSavedRoot(savedState, workspacePath);
   try {
     // TODO path separator could be restored from saved state
-    const pathSeparator = await getPathSeparator(root); // TODO only load path separator once
+    const [pathSeparator, isReadonly$1] = await Promise.all([getPathSeparator(root),
+    // TODO only load path separator once
+    isReadonly(root)]);
     const excluded = getExcluded();
     const restoredDirents = await restoreExpandedState(savedState, root, pathSeparator, excluded);
     const rawDeltaY = getRestoredDeltaY(savedState);
@@ -4792,6 +4840,7 @@ const loadContent = async (state, savedState) => {
       excluded,
       hasError: false,
       initial: false,
+      isReadonly: isReadonly$1,
       items: restoredDirents,
       maxIndent: 10,
       minLineY,
@@ -4809,6 +4858,7 @@ const loadContent = async (state, savedState) => {
       errorMessage,
       hasError: true,
       initial: false,
+      isReadonly: false,
       items: [],
       root,
       useChevrons

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/explorer-view",
-  "version": "7.0.0",
+  "version": "7.2.0",
   "description": "Explorer Worker",
   "repository": {
     "type": "git",