@lvce-editor/explorer-view 1.20.0 → 1.22.0

package/dist/explorerViewWorkerMain.js

@@ -779,12 +779,12 @@ const invokeAndTransfer = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
-const commands = Object.create(null);
+const commands$1 = Object.create(null);
 const register = commandMap => {
-  Object.assign(commands, commandMap);
+  Object.assign(commands$1, commandMap);
 };
 const getCommand = key => {
-  return commands[key];
+  return commands$1[key];
 };
 const execute = (command, ...args) => {
   const fn = getCommand(command);
@@ -1100,9 +1100,7 @@ const acceptCreate = async (state, newDirentType, createFn) => {
     return state;
   }
   const parentDirent = focusedIndex >= 0 ? state.items[focusedIndex] : {
-    depth: 0,
-    path: state.root
-  };
+    depth: 0};
   const depth = parentDirent.depth + 1;
   const newDirent = {
     path: absolutePath,
@@ -1334,6 +1332,43 @@ const create = (id, uri, x, y, width, height, args, parentUid) => {
   return state;
 };
 
+const RenderItems = 4;
+const RenderEditingIndex = 5;
+
+const diffType$1 = RenderEditingIndex;
+const isEqual$2 = (oldState, newState) => {
+  return oldState.editingIndex === newState.editingIndex && oldState.editingType === newState.editingType;
+};
+
+const DiffEditingIndex = {
+  __proto__: null,
+  diffType: diffType$1,
+  isEqual: isEqual$2
+};
+
+const diffType = RenderItems;
+const isEqual$1 = (oldState, newState) => {
+  return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.focusedIndex === newState.focusedIndex && oldState.editingIndex === newState.editingIndex && oldState.editingType === newState.editingType && oldState.editingValue === newState.editingValue && oldState.width === newState.width && oldState.focused === newState.focused;
+};
+
+const DiffItems = {
+  __proto__: null,
+  diffType,
+  isEqual: isEqual$1
+};
+
+const modules = [DiffItems, DiffEditingIndex];
+
+const diff = (oldState, newState) => {
+  const diffResult = [];
+  for (const module of modules) {
+    if (!module.isEqual(oldState, newState)) {
+      diffResult.push(module.diffType);
+    }
+  }
+  return diffResult;
+};
+
 const isSymbolicLink = dirent => {
   return dirent.type === Symlink;
 };
@@ -1853,6 +1888,11 @@ const getActions = root => {
   }];
 };
 
+const commands = ['acceptEdit', 'cancelEdit', 'collapseAll', 'copyPath', 'copyRelativePath', 'expandAll', 'expandRecursively', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusNone', 'focusPrevious', 'getFocusedDirent', 'handleArrowLeft', 'handleArrowLeft', 'handleArrowRight', 'handleArrowRight', 'handleBlur', 'handleClick', 'handleClickAt', 'handleClickCurrent', 'handleClickCurrentButKeepFocus', 'handleClickOpenFolder', 'handleContextMenu', 'handleCopy', 'handleDragOver', 'handleDrop', 'handleFocus', 'handleIconThemeChange', 'handleLanguagesChanged', 'handleMouseEnter', 'handleMouseLeave', 'handlePaste', 'handlePointerDown', 'handleUpload', 'handleWheel', 'handleWorkspaceChange', 'hotReload', 'newFile', 'newFolder', 'openContainingFolder', 'refresh', 'refresh', 'relealItem', 'removeDirent', 'rename', 'renameDirent', 'revealItem', 'scrollDown', 'scrollUp', 'setDeltaY', 'updateEditingValue', 'updateIcons'];
+const getCommandIds = () => {
+  return commands;
+};
+
 const None$4 = 'none';
 const ToolBar = 'toolbar';
 const Tree = 'tree';
@@ -1892,7 +1932,7 @@ const WelcomeMessage = 'WelcomeMessage';
 
 const HandleBlur = 'handleBlur';
 const HandleClick = 'handleClick';
-const handleClickOpenFolder$1 = 'handleClickOpenFolder';
+const HandleClickOpenFolder = 'handleClickOpenFolder';
 const HandleContextMenu = 'handleContextMenu';
 const HandleEditingInput = 'handleEditingInput';
 const HandleFocus = 'handleFocus';
@@ -2019,7 +2059,7 @@ const getExplorerWelcomeVirtualDom = isWide => {
     type: Button,
     className: mergeClassNames(Button$1, ButtonPrimary, isWide ? ButtonWide : ButtonNarrow),
     childCount: 1,
-    onClick: handleClickOpenFolder$1
+    onClick: HandleClickOpenFolder
   }, text(openFolder$1())];
 };
 
@@ -2355,66 +2395,24 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
   return visible;
 };
 
-const handleBlur = state => {
-  // TODO when blur event occurs because of context menu, focused index should stay the same
-  // but focus outline should be removed
-  const {
-    editingType
-  } = state;
-  if (editingType !== None$5) {
-    return state;
+const getParentStartIndex = (dirents, index) => {
+  const dirent = dirents[index];
+  let startIndex = index - 1;
+  while (startIndex >= 0 && dirents[startIndex].depth >= dirent.depth) {
+    startIndex--;
   }
-  return {
-    ...state,
-    focused: false
-  };
+  return startIndex;
 };
 
-const handleClickDirectory = async (state, dirent, index, keepFocus) => {
-  // @ts-ignore
-  dirent.type = DirectoryExpanding;
-  // TODO handle error
-  const dirents = await getChildDirents(state.pathSeparator, dirent);
-  const state2 = state;
-  if (!state2) {
-    return state;
-  }
-  // TODO use Viewlet.getState here and check if it exists
-  const newIndex = state2.items.indexOf(dirent);
-  // TODO if viewlet is disposed or root has changed, return
-  if (newIndex === -1) {
+const focusParentFolder = state => {
+  const parentStartIndex = getParentStartIndex(state.items, state.focusedIndex);
+  if (parentStartIndex === -1) {
     return state;
   }
-  const newDirents = [...state2.items];
-  newDirents.splice(newIndex + 1, 0, ...dirents);
-  // @ts-ignore
-  dirent.type = DirectoryExpanded;
-  // @ts-ignore
-  dirent.icon = getIcon();
-  const {
-    height,
-    itemHeight,
-    minLineY
-  } = state2;
-  // TODO when focused index has changed while expanding, don't update it
-  const maxLineY = getExplorerMaxLineY(minLineY, height, itemHeight, newDirents.length);
-  const parts = newDirents.slice(minLineY, maxLineY);
-  const {
-    icons,
-    newFileIconCache
-  } = await getFileIcons(parts, state.fileIconCache);
-  return {
-    ...state,
-    items: newDirents,
-    icons,
-    fileIconCache: newFileIconCache,
-    focusedIndex: newIndex,
-    focused: keepFocus,
-    maxLineY
-  };
+  return focusIndex(state, parentStartIndex);
 };
 
-const handleClickDirectoryExpanded$1 = async (state, dirent, index, keepFocus) => {
+const handleClickDirectoryExpanded = async (state, dirent, index, keepFocus) => {
   const {
     minLineY,
     maxLineY,
@@ -2468,15 +2466,84 @@ const handleClickDirectoryExpanded$1 = async (state, dirent, index, keepFocus) =
   };
 };
 
-const handleClickDirectoryExpanding = async (state, dirent, index, keepFocus) => {
+const handleArrowLeft = state => {
+  const {
+    items,
+    focusedIndex
+  } = state;
+  if (focusedIndex === -1) {
+    return state;
+  }
+  const dirent = items[focusedIndex];
+  switch (dirent.type) {
+    case Directory:
+    case File:
+    case SymLinkFile:
+      return focusParentFolder(state);
+    case DirectoryExpanded:
+      return handleClickDirectoryExpanded(state, dirent, focusedIndex, true);
+    default:
+      // TODO handle expanding directory and cancel file system call to read child dirents
+      return state;
+  }
+};
+
+const handleArrowRightDirectoryExpanded = (state, dirent) => {
+  const {
+    items,
+    focusedIndex
+  } = state;
+  if (focusedIndex === items.length - 1) {
+    return state;
+  }
+  const nextDirent = items[focusedIndex + 1];
+  if (nextDirent.depth === dirent.depth + 1) {
+    return focusIndex(state, focusedIndex + 1);
+  }
+  return state;
+};
+
+const handleClickDirectory = async (state, dirent, index, keepFocus) => {
   // @ts-ignore
-  dirent.type = Directory;
+  dirent.type = DirectoryExpanding;
+  // TODO handle error
+  const dirents = await getChildDirents(state.pathSeparator, dirent);
+  const state2 = state;
+  if (!state2) {
+    return state;
+  }
+  // TODO use Viewlet.getState here and check if it exists
+  const newIndex = state2.items.indexOf(dirent);
+  // TODO if viewlet is disposed or root has changed, return
+  if (newIndex === -1) {
+    return state;
+  }
+  const newDirents = [...state2.items];
+  newDirents.splice(newIndex + 1, 0, ...dirents);
+  // @ts-ignore
+  dirent.type = DirectoryExpanded;
   // @ts-ignore
   dirent.icon = getIcon();
+  const {
+    height,
+    itemHeight,
+    minLineY
+  } = state2;
+  // TODO when focused index has changed while expanding, don't update it
+  const maxLineY = getExplorerMaxLineY(minLineY, height, itemHeight, newDirents.length);
+  const parts = newDirents.slice(minLineY, maxLineY);
+  const {
+    icons,
+    newFileIconCache
+  } = await getFileIcons(parts, state.fileIconCache);
   return {
     ...state,
-    focusedIndex: index,
-    focused: keepFocus
+    items: newDirents,
+    icons,
+    fileIconCache: newFileIconCache,
+    focusedIndex: newIndex,
+    focused: keepFocus,
+    maxLineY
   };
 };
 
@@ -2484,7 +2551,7 @@ const openUri = async (uri, focus) => {
   await invoke(/* Main.openAbsolutePath */'Main.openUri', /* absolutePath */uri, /* focus */focus);
 };
 
-const handleClickFile$1 = async (state, dirent, index, keepFocus = false) => {
+const handleClickFile = async (state, dirent, index, keepFocus = false) => {
   await openUri(dirent.path, !keepFocus);
   return {
     ...state,
@@ -2493,17 +2560,70 @@ const handleClickFile$1 = async (state, dirent, index, keepFocus = false) => {
   };
 };
 
-const handleClickSymLink$1 = async (state, dirent, index) => {
+const handleClickSymLink = async (state, dirent, index) => {
   const realPath = await getRealPath(dirent.path);
   const type = await stat(realPath);
   switch (type) {
     case File:
-      return handleClickFile$1(state, dirent, index);
+      return handleClickFile(state, dirent, index);
     default:
       throw new Error(`unsupported file type ${type}`);
   }
 };
 
+const handleArrowRight = async state => {
+  const {
+    items,
+    focusedIndex
+  } = state;
+  if (focusedIndex === -1) {
+    return state;
+  }
+  const dirent = items[focusedIndex];
+  switch (dirent.type) {
+    case File:
+    case SymLinkFile:
+      return state;
+    case Directory:
+    case SymLinkFolder:
+      // @ts-ignore
+      return handleClickDirectory(state, dirent);
+    case DirectoryExpanded:
+      return handleArrowRightDirectoryExpanded(state, dirent);
+    case Symlink:
+      return handleClickSymLink(state, dirent, focusedIndex);
+    default:
+      throw new Error(`unsupported file type ${dirent.type}`);
+  }
+};
+
+const handleBlur = state => {
+  // TODO when blur event occurs because of context menu, focused index should stay the same
+  // but focus outline should be removed
+  const {
+    editingType
+  } = state;
+  if (editingType !== None$5) {
+    return state;
+  }
+  return {
+    ...state,
+    focused: false
+  };
+};
+
+const handleClickDirectoryExpanding = async (state, dirent, index, keepFocus) => {
+  // @ts-ignore
+  dirent.type = Directory;
+  // @ts-ignore
+  dirent.icon = getIcon();
+  return {
+    ...state,
+    focusedIndex: index,
+    focused: keepFocus
+  };
+};
+
 // TODO viewlet should only have create and refresh functions
 // every thing else can be in a separate module <viewlet>.lazy.js
 // and  <viewlet>.ipc.js
@@ -2525,16 +2645,16 @@ const getClickFn = direntType => {
   switch (direntType) {
     case File:
     case SymLinkFile:
-      return handleClickFile$1;
+      return handleClickFile;
     case Directory:
     case SymLinkFolder:
       return handleClickDirectory;
     case DirectoryExpanding:
       return handleClickDirectoryExpanding;
     case DirectoryExpanded:
-      return handleClickDirectoryExpanded$1;
+      return handleClickDirectoryExpanded;
     case Symlink:
-      return handleClickSymLink$1;
+      return handleClickSymLink;
     case CharacterDevice:
       throw new Error('Cannot open character device files');
     case BlockDevice:
@@ -2546,34 +2666,6 @@ const getClickFn = direntType => {
   }
 };
 
-const getIndexFromPosition = (state, eventX, eventY) => {
-  const {
-    y,
-    itemHeight,
-    items
-  } = state;
-  const index = Math.floor((eventY - y) / itemHeight);
-  if (index < 0) {
-    return 0;
-  }
-  if (index >= items.length) {
-    return -1;
-  }
-  return index;
-};
-
-const getParentStartIndex = (dirents, index) => {
-  const dirent = dirents[index];
-  let startIndex = index - 1;
-  while (startIndex >= 0 && dirents[startIndex].depth >= dirent.depth) {
-    startIndex--;
-  }
-  return startIndex;
-};
-
-const Keyboard = -1;
-const LeftClick = 0;
-
 // TODO viewlet should only have create and refresh functions
 // every thing else can be in a separate module <viewlet>.lazy.js
 // and  <viewlet>.ipc.js
@@ -2584,81 +2676,11 @@ const LeftClick = 0;
 // TODO instead of root string, there should be a root dirent
 
 // TODO rename dirents to items, then can use virtual list component directly
-const setDeltaY$1 = (state, deltaY) => {
-  const {
-    itemHeight,
-    height,
-    items
-  } = state;
-  if (deltaY < 0) {
-    deltaY = 0;
-  } else if (deltaY > items.length * itemHeight - height) {
-    deltaY = Math.max(items.length * itemHeight - height, 0);
-  }
-  if (state.deltaY === deltaY) {
-    return state;
-  }
-  const minLineY = Math.round(deltaY / itemHeight);
-  const maxLineY = minLineY + Math.round(height / itemHeight);
-  return {
-    ...state,
-    deltaY,
-    minLineY,
-    maxLineY
-  };
-};
-const handleWheel = (state, deltaMode, deltaY) => {
-  return setDeltaY$1(state, state.deltaY + deltaY);
-};
 
 // TODO use posInSet and setSize properties to compute more effectively
 
 // TODO much shared logic with newFolder
 
-const handleClickFile = async (state, dirent, index, keepFocus = false) => {
-  // await Command.execute(/* Main.openAbsolutePath */ 'Main.openUri', /* absolutePath */ dirent.path, /* focus */ !keepFocus)
-  return {
-    ...state,
-    focusedIndex: index,
-    focused: keepFocus
-  };
-};
-const handleClickDirectoryExpanded = (state, dirent, index, keepFocus) => {
-  const {
-    minLineY,
-    maxLineY,
-    itemHeight
-  } = state;
-  dirent.type = Directory;
-  dirent.icon = getIcon();
-  const endIndex = getParentEndIndex(state.items, index);
-  const removeCount = endIndex - index - 1;
-  // TODO race conditions and side effects are everywhere
-  const newDirents = [...state.items];
-  newDirents.splice(index + 1, removeCount);
-  const newTotal = newDirents.length;
-  if (newTotal < maxLineY) {
-    const visibleItems = Math.min(maxLineY - minLineY, newTotal);
-    const newMaxLineY = Math.min(maxLineY, newTotal);
-    const newMinLineY = newMaxLineY - visibleItems;
-    const deltaY = newMinLineY * itemHeight;
-    return {
-      ...state,
-      items: newDirents,
-      focusedIndex: index,
-      focused: keepFocus,
-      minLineY: newMinLineY,
-      maxLineY: newMaxLineY,
-      deltaY
-    };
-  }
-  return {
-    ...state,
-    items: newDirents,
-    focusedIndex: index,
-    focused: keepFocus
-  };
-};
 const handleClick = async (state, index, keepFocus = false) => {
   const {
     items,
@@ -2676,102 +2698,44 @@ const handleClick = async (state, index, keepFocus = false) => {
   const clickFn = getClickFn(dirent.type);
   return clickFn(state, dirent, actualIndex, keepFocus);
 };
-const handleClickAt = (state, button, x, y) => {
-  if (button !== LeftClick) {
-    return state;
-  }
-  const index = getIndexFromPosition(state, x, y);
-  return handleClick(state, index);
-};
-const handleClickCurrentButKeepFocus = state => {
-  return handleClick(state, state.focusedIndex - state.minLineY, /* keepFocus */true);
-};
 
 // export const handleBlur=()=>{}
 
-const handleClickSymLink = async (state, dirent, index) => {
-  const realPath = await getRealPath(dirent.path);
-  const type = await stat(realPath);
-  switch (type) {
-    case File:
-      return handleClickFile(state, dirent, index);
-    default:
-      throw new Error(`unsupported file type ${type}`);
-  }
-};
-const handleArrowRightDirectoryExpanded = (state, dirent) => {
-  const {
-    items,
-    focusedIndex
-  } = state;
-  if (focusedIndex === items.length - 1) {
-    return state;
-  }
-  const nextDirent = items[focusedIndex + 1];
-  if (nextDirent.depth === dirent.depth + 1) {
-    return focusIndex(state, focusedIndex + 1);
-  }
-  return state;
-};
-const handleArrowRight = async state => {
+// TODO what happens when mouse leave and anther mouse enter event occur?
+// should update preview instead of closing and reopening
+
+// TODO maybe just insert items into explorer and refresh whole explorer
+
+const getIndexFromPosition = (state, eventX, eventY) => {
   const {
-    items,
-    focusedIndex
+    y,
+    itemHeight,
+    items
   } = state;
-  if (focusedIndex === -1) {
-    return state;
-  }
-  const dirent = items[focusedIndex];
-  switch (dirent.type) {
-    case File:
-    case SymLinkFile:
-      return state;
-    case Directory:
-    case SymLinkFolder:
-      // @ts-ignore
-      return handleClickDirectory(state, dirent);
-    case DirectoryExpanded:
-      return handleArrowRightDirectoryExpanded(state, dirent);
-    case Symlink:
-      return handleClickSymLink(state, dirent, focusedIndex);
-    default:
-      throw new Error(`unsupported file type ${dirent.type}`);
+  const index = Math.floor((eventY - y) / itemHeight);
+  if (index < 0) {
+    return 0;
   }
-};
-const focusParentFolder = state => {
-  const parentStartIndex = getParentStartIndex(state.items, state.focusedIndex);
-  if (parentStartIndex === -1) {
-    return state;
+  if (index >= items.length) {
+    return -1;
   }
-  return focusIndex(state, parentStartIndex);
+  return index;
 };
-const handleArrowLeft = state => {
-  const {
-    items,
-    focusedIndex
-  } = state;
-  if (focusedIndex === -1) {
+
+const Keyboard = -1;
+const LeftClick = 0;
+
+const handleClickAt = (state, button, x, y) => {
+  if (button !== LeftClick) {
     return state;
   }
-  const dirent = items[focusedIndex];
-  switch (dirent.type) {
-    case Directory:
-    case File:
-    case SymLinkFile:
-      return focusParentFolder(state);
-    case DirectoryExpanded:
-      // @ts-ignore
-      return handleClickDirectoryExpanded(state, dirent, focusedIndex);
-    default:
-      // TODO handle expanding directory and cancel file system call to read child dirents
-      return state;
-  }
+  const index = getIndexFromPosition(state, x, y);
+  return handleClick(state, index);
 };
 
-// TODO what happens when mouse leave and anther mouse enter event occur?
-// should update preview instead of closing and reopening
-
-// TODO maybe just insert items into explorer and refresh whole explorer
+const handleClickCurrentButKeepFocus = state => {
+  return handleClick(state, state.focusedIndex - state.minLineY, /* keepFocus */true);
+};
 
 const openFolder = async () => {
   // TODO
@@ -3239,6 +3203,34 @@ const handleUpload = async (state, dirents) => {
   }
 };
 
+const setDeltaY = (state, deltaY) => {
+  const {
+    itemHeight,
+    height,
+    items
+  } = state;
+  if (deltaY < 0) {
+    deltaY = 0;
+  } else if (deltaY > items.length * itemHeight - height) {
+    deltaY = Math.max(items.length * itemHeight - height, 0);
+  }
+  if (state.deltaY === deltaY) {
+    return state;
+  }
+  const minLineY = Math.round(deltaY / itemHeight);
+  const maxLineY = minLineY + Math.round(height / itemHeight);
+  return {
+    ...state,
+    deltaY,
+    minLineY,
+    maxLineY
+  };
+};
+
+const handleWheel = (state, deltaMode, deltaY) => {
+  return setDeltaY(state, state.deltaY + deltaY);
+};
+
 const getWorkspacePath = () => {
   return invoke('Workspace.getPath');
 };
@@ -3471,9 +3463,7 @@ const openContainingFolder = async state => {
   const {
     focusedIndex,
     root,
-    items,
-    pathSeparator
-  } = state;
+    items} = state;
   const path = getContaingingFolder(root, items, focusedIndex);
   await invoke('OpenNativeFolder.openNativeFolder', /* path */path);
   return state;
@@ -3557,71 +3547,54 @@ const renameDirent = state => {
   };
 };
 
-const renderItems = {
-  isEqual(oldState, newState) {
-    return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.focusedIndex === newState.focusedIndex && oldState.editingIndex === newState.editingIndex && oldState.editingType === newState.editingType && oldState.editingValue === newState.editingValue && oldState.width === newState.width && oldState.focused === newState.focused;
-  },
-  apply(oldState, newState) {
-    const visibleDirents = getVisibleExplorerItems(newState.items, newState.minLineY, newState.maxLineY, newState.focusedIndex, newState.editingIndex, newState.editingType, newState.editingValue, newState.icons, newState.useChevrons);
-    const isWide = newState.width > 450;
-    const dom = getExplorerVirtualDom(visibleDirents, newState.focusedIndex, newState.root, isWide, newState.focused);
-    return ['Viewlet.setDom2', dom];
-  }
-};
-
-// TODO add virtual dom diffing so that focus is not lost when updating dom
-// const renderFocus = {
-//   isEqual(oldState: any, newState: any) {
-//     return oldState.focusedIndex === newState.focusedIndex && oldState.focused === newState.focused && oldState.minLineY === newState.minLineY
-//   },
-//   apply(oldState: any, newState: any) {
-//     const oldFocusedIndex = oldState.focusedIndex - oldState.minLineY
-//     const newFocusedIndex = newState.focusedIndex - newState.minLineY
-//     return [/* method */ 'setFocusedIndex', /* oldindex */ oldFocusedIndex, /* newIndex */ newFocusedIndex, /* focused */ newState.focused]
-//   },
-// }
-
-// const renderDropTargets = {
-//   isEqual(oldState:any, newState:any) {
-//     return oldState.dropTargets === newState.dropTargets
-//   },
-//   apply(oldState:any, newState:any) {
-//     return [/* method */ 'setDropTargets', /* oldDropTargets */ oldState.dropTargets, /* newDropTargets */ newState.dropTargets]
-//   },
-// }
-
-const renderEditingIndex = {
-  isEqual(oldState, newState) {
-    return oldState.editingIndex === newState.editingIndex && oldState.editingType === newState.editingType;
-  },
-  apply(oldState, newState) {
-    return ['focusInput', 'ExplorerInput'];
-  }
-};
-const render = [renderItems, renderEditingIndex];
+const renderEditingIndex = (oldState, newState) => {
+  return ['focusInput', 'ExplorerInput'];
+};
+
+const renderItems = (oldState, newState) => {
+  const visibleDirents = getVisibleExplorerItems(newState.items, newState.minLineY, newState.maxLineY, newState.focusedIndex, newState.editingIndex, newState.editingType, newState.editingValue, newState.icons, newState.useChevrons);
+  const isWide = newState.width > 450;
+  const dom = getExplorerVirtualDom(visibleDirents, newState.focusedIndex, newState.root, isWide, newState.focused);
+  return ['Viewlet.setDom2', dom];
+};
+
+const getRenderer = diffType => {
+  switch (diffType) {
+    case RenderEditingIndex:
+      return renderEditingIndex;
+    case RenderItems:
+      return renderItems;
+    default:
+      throw new Error('unknown renderer');
+  }
+};
+
+const applyRender = (oldState, newState, diffResult) => {
+  const commands = [];
+  for (const item of diffResult) {
+    const fn = getRenderer(item);
+    commands.push(fn(oldState, newState));
+  }
+  return commands;
+};
+
+const renderInternal = (oldState, newState) => {
+  const diffResult = diff(oldState, newState);
+  return applyRender(oldState, newState, diffResult);
+};
 const doRender = (uid, _) => {
   if (typeof uid === 'number') {
     const {
       oldState,
       newState
     } = get(uid);
-    const commands = [];
-    for (const fn of render) {
-      if (!fn.isEqual(oldState, newState)) {
-        commands.push(fn.apply(oldState, newState));
-      }
-    }
+    const commands = renderInternal(oldState, newState);
     return commands;
   }
   // deprecated
   const oldState = uid;
   const newState = _;
-  const commands = [];
-  for (const fn of render) {
-    if (!fn.isEqual(oldState, newState)) {
-      commands.push(fn.apply(oldState, newState));
-    }
-  }
+  const commands = renderInternal(oldState, newState);
   return commands;
 };
 
@@ -3673,6 +3646,41 @@ const renderActions = state => {
   return dom;
 };
 
+const renderEventListeners = () => {
+  return [{
+    name: HandleBlur,
+    params: ['handleBlur']
+  }, {
+    name: HandleFocus,
+    params: ['handleFocus', 'event.isTrusted', 'event.target.className']
+  }, {
+    name: HandleBlur,
+    params: ['handleBlur']
+  }, {
+    name: HandleClick,
+    params: ['event.button', 'event.clientX', 'event.clientY'],
+    preventDefault: true
+  }, {
+    name: HandleClickOpenFolder,
+    params: [],
+    preventDefault: true
+  }, {
+    name: HandlePointerDown,
+    params: ['event.button', 'event.clientX', 'event.clientY'],
+    preventDefault: true
+  }, {
+    name: HandleEditingInput,
+    params: ['event.target.value']
+  }, {
+    name: HandleContextMenu,
+    params: ['event.button', 'event.clientX', 'event.clientY']
+  }, {
+    name: HandleWheel,
+    params: ['event.deltaMode', 'event.deltaY'],
+    passive: true
+  }];
+};
+
 const getSavedRoot = (savedState, workspacePath) => {
   return workspacePath;
 };
@@ -3957,30 +3965,6 @@ const saveState = uid => {
   };
 };
 
-const setDeltaY = (state, deltaY) => {
-  const {
-    itemHeight,
-    height,
-    items
-  } = state;
-  if (deltaY < 0) {
-    deltaY = 0;
-  } else if (deltaY > items.length * itemHeight - height) {
-    deltaY = Math.max(items.length * itemHeight - height, 0);
-  }
-  if (state.deltaY === deltaY) {
-    return state;
-  }
-  const minLineY = Math.round(deltaY / itemHeight);
-  const maxLineY = minLineY + Math.round(height / itemHeight);
-  return {
-    ...state,
-    deltaY,
-    minLineY,
-    maxLineY
-  };
-};
-
 const terminate = () => {
   globalThis.close();
 };
@@ -4027,6 +4011,7 @@ const commandMap = {
   'Explorer.focusNext': wrapCommand(focusNext),
   'Explorer.focusPrevious': wrapCommand(focusPrevious),
   'Explorer.getActions': wrapCommand(getActions),
+  'Explorer.getCommandIds': getCommandIds,
   'Explorer.getKeyBindings': wrapCommand(getKeyBindings),
   'Explorer.getMenuEntries': wrapCommand(getMenuEntries),
   'Explorer.getVirtualDom': wrapCommand(getExplorerVirtualDom),
@@ -4065,7 +4050,9 @@ const commandMap = {
   'Explorer.create': create,
   'Explorer.render': doRender,
   'Explorer.renderActions': renderActions,
-  'Explorer.saveState': saveState
+  'Explorer.saveState': saveState,
+  'Explorer.renderEventListeners': renderEventListeners,
+  'Explorer.diff': diff
 };
 
 const listen = async () => {

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@lvce-editor/explorer-view",
-  "version": "1.20.0",
+  "version": "1.22.0",
   "description": "Explorer Worker",
-  "keywords": [],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lvce-editor/explorer-view.git"