@lvce-editor/explorer-view 5.25.0 → 5.26.0

package/dist/explorerViewWorkerMain.js

@@ -2260,21 +2260,6 @@ const copyRelativePath = async state => {
   return state;
 };
 
-// TODO optimize this function to return the minimum number
-// of visible items needed, e.g. when not scrolled 5 items with
-// 20px fill 100px but when scrolled 6 items are needed
-const getNumberOfVisibleItems = (listHeight, itemHeight) => {
-  if (listHeight <= 0 || itemHeight <= 0) {
-    return 0;
-  }
-  return Math.ceil(listHeight / itemHeight) + 1;
-};
-
-const getExplorerMaxLineY = (minLineY, height, itemHeight, direntsLength) => {
-  const maxLineY = minLineY + Math.min(getNumberOfVisibleItems(height, itemHeight), direntsLength);
-  return maxLineY;
-};
-
 const getIconsCached = (dirents, fileIconCache) => {
   return dirents.map(dirent => fileIconCache[dirent]);
 };
@@ -2359,6 +2344,21 @@ const getFileIcons = async (dirents, fileIconCache) => {
   };
 };
 
+// TODO optimize this function to return the minimum number
+// of visible items needed, e.g. when not scrolled 5 items with
+// 20px fill 100px but when scrolled 6 items are needed
+const getNumberOfVisibleItems = (listHeight, itemHeight) => {
+  if (listHeight <= 0 || itemHeight <= 0) {
+    return 0;
+  }
+  return Math.ceil(listHeight / itemHeight) + 1;
+};
+
+const getExplorerMaxLineY = (minLineY, height, itemHeight, direntsLength) => {
+  const maxLineY = minLineY + Math.min(getNumberOfVisibleItems(height, itemHeight), direntsLength);
+  return maxLineY;
+};
+
 const None$4 = 0;
 const Right = 1;
 const Down = 2;
@@ -4354,6 +4354,9 @@ const getNewDropTargets = (state, index) => {
     return dropTargetFull;
   }
   const item = items[index];
+  if (!item) {
+    return dropTargetFull;
+  }
   if (!canBeDroppedInto(item)) {
     const startIndex = getParentStartIndex(items, index);
     const endIndex = getParentEndIndex(items, index);
@@ -5087,6 +5090,9 @@ const handleUpload = async (state, dirents) => {
 };
 
 const setDeltaY = async (state, deltaY) => {
+  if (!Number.isFinite(deltaY)) {
+    return state;
+  }
   const {
     height,
     itemHeight,
@@ -5429,14 +5435,11 @@ const getEditingType = direntType => {
 
 const getNewDirentsForRename = (items, focusedIndex) => {
   const item = items[focusedIndex];
-  const newItems = [...items];
   const editingType = getEditingType(item.type);
-  // TODO avoid mutation
-  newItems[focusedIndex] = {
+  return [...items.slice(0, focusedIndex), {
     ...item,
     type: editingType
-  };
-  return newItems;
+  }, ...items.slice(focusedIndex + 1)];
 };
 
 const getRenameSelectionRange = name => {
@@ -5523,6 +5526,13 @@ const getUnique = items => {
   return seens;
 };
 
+const getIndent = item => item.indent;
+const getUniqueIndents = items => {
+  const indents = items.map(getIndent);
+  const uniqueIndents = getUnique(indents);
+  return uniqueIndents;
+};
+
 const renderCss = (oldState, newState) => {
   const {
     focusedIndex,
@@ -5534,8 +5544,7 @@ const renderCss = (oldState, newState) => {
     visibleExplorerItems,
     width
   } = newState;
-  const indents = visibleExplorerItems.map(item => item.indent);
-  const uniqueIndents = getUnique(indents);
+  const uniqueIndents = getUniqueIndents(visibleExplorerItems);
   const indent = 8;
   const padding = 10;
   const fileIconWidth = 16;

package/package.json

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