@lvce-editor/explorer-view 1.3.0 → 1.4.0

package/dist/explorerViewWorkerMain.js

@@ -69,7 +69,7 @@ class JsonRpcError extends Error {
     this.name = 'JsonRpcError';
   }
 }
-const NewLine$2 = '\n';
+const NewLine$3 = '\n';
 const DomException = 'DOMException';
 const ReferenceError$1 = 'ReferenceError';
 const SyntaxError$1 = 'SyntaxError';
@@ -114,23 +114,23 @@ const constructError = (message, type, name) => {
   }
   return new ErrorConstructor(message);
 };
-const getNewLineIndex$1 = (string, startIndex = undefined) => {
-  return string.indexOf(NewLine$2, startIndex);
+const getNewLineIndex$2 = (string, startIndex = undefined) => {
+  return string.indexOf(NewLine$3, startIndex);
 };
 const getParentStack = error => {
   let parentStack = error.stack || error.data || error.message || '';
   if (parentStack.startsWith('    at')) {
-    parentStack = error.message + NewLine$2 + parentStack;
+    parentStack = error.message + NewLine$3 + parentStack;
   }
   return parentStack;
 };
 const joinLines$1 = lines => {
-  return lines.join(NewLine$2);
+  return lines.join(NewLine$3);
 };
 const MethodNotFound = -32601;
 const Custom = -32001;
 const splitLines$1 = lines => {
-  return lines.split(NewLine$2);
+  return lines.split(NewLine$3);
 };
 const restoreJsonRpcError = error => {
   if (error && error instanceof Error) {
@@ -140,14 +140,14 @@ const restoreJsonRpcError = error => {
   if (error && error.code && error.code === MethodNotFound) {
     const restoredError = new JsonRpcError(error.message);
     const parentStack = getParentStack(error);
-    restoredError.stack = parentStack + NewLine$2 + currentStack;
+    restoredError.stack = parentStack + NewLine$3 + currentStack;
     return restoredError;
   }
   if (error && error.message) {
     const restoredError = constructError(error.message, error.type, error.name);
     if (error.data) {
       if (error.data.stack && error.data.type && error.message) {
-        restoredError.stack = error.data.type + ': ' + error.message + NewLine$2 + error.data.stack + NewLine$2 + currentStack;
+        restoredError.stack = error.data.type + ': ' + error.message + NewLine$3 + error.data.stack + NewLine$3 + currentStack;
       } else if (error.data.stack) {
         restoredError.stack = error.data.stack;
       }
@@ -167,7 +167,7 @@ const restoreJsonRpcError = error => {
       if (error.stack) {
         const lowerStack = restoredError.stack || '';
         // @ts-ignore
-        const indexNewLine = getNewLineIndex$1(lowerStack);
+        const indexNewLine = getNewLineIndex$2(lowerStack);
         const parentStack = getParentStack(error);
         // @ts-ignore
         restoredError.stack = parentStack + lowerStack.slice(indexNewLine);
@@ -224,7 +224,7 @@ const getErrorProperty = (error, prettyError) => {
     }
   };
 };
-const create$1$1 = (message, error) => {
+const create$1 = (message, error) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -235,9 +235,9 @@ const getErrorResponse = (message, error, preparePrettyError, logError) => {
   const prettyError = preparePrettyError(error);
   logError(error, prettyError);
   const errorProperty = getErrorProperty(error, prettyError);
-  return create$1$1(message, errorProperty);
+  return create$1(message, errorProperty);
 };
-const create = (message, result) => {
+const create$5 = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -246,7 +246,7 @@ const create = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create(message, resultProperty);
+  return create$5(message, resultProperty);
 };
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
@@ -584,7 +584,7 @@ const getHelpfulChildProcessError = (stdout, stderr) => {
     stack: rest
   };
 };
-const normalizeLine = line => {
+const normalizeLine$1 = line => {
   if (line.startsWith('Error: ')) {
     return line.slice('Error: '.length);
   }
@@ -593,41 +593,41 @@ const normalizeLine = line => {
   }
   return line;
 };
-const getCombinedMessage = (error, message) => {
-  const stringifiedError = normalizeLine(`${error}`);
+const getCombinedMessage$1 = (error, message) => {
+  const stringifiedError = normalizeLine$1(`${error}`);
   if (message) {
     return `${message}: ${stringifiedError}`;
   }
   return stringifiedError;
 };
-const NewLine = '\n';
-const getNewLineIndex = (string, startIndex = undefined) => {
-  return string.indexOf(NewLine, startIndex);
+const NewLine$2 = '\n';
+const getNewLineIndex$1 = (string, startIndex = undefined) => {
+  return string.indexOf(NewLine$2, startIndex);
 };
-const mergeStacks = (parent, child) => {
+const mergeStacks$1 = (parent, child) => {
   if (!child) {
     return parent;
   }
-  const parentNewLineIndex = getNewLineIndex(parent);
-  const childNewLineIndex = getNewLineIndex(child);
+  const parentNewLineIndex = getNewLineIndex$1(parent);
+  const childNewLineIndex = getNewLineIndex$1(child);
   if (childNewLineIndex === -1) {
     return parent;
   }
   const parentFirstLine = parent.slice(0, parentNewLineIndex);
   const childRest = child.slice(childNewLineIndex);
-  const childFirstLine = normalizeLine(child.slice(0, childNewLineIndex));
+  const childFirstLine = normalizeLine$1(child.slice(0, childNewLineIndex));
   if (parentFirstLine.includes(childFirstLine)) {
     return parentFirstLine + childRest;
   }
   return child;
 };
-class VError extends Error {
+let VError$1 = class VError extends Error {
   constructor(error, message) {
-    const combinedMessage = getCombinedMessage(error, message);
+    const combinedMessage = getCombinedMessage$1(error, message);
     super(combinedMessage);
     this.name = 'VError';
     if (error instanceof Error) {
-      this.stack = mergeStacks(this.stack, error.stack);
+      this.stack = mergeStacks$1(this.stack, error.stack);
     }
     if (error.codeFrame) {
       // @ts-ignore
@@ -638,8 +638,8 @@ class VError extends Error {
       this.code = error.code;
     }
   }
-}
-class IpcError extends VError {
+};
+class IpcError extends VError$1 {
   // @ts-ignore
   constructor(betterMessage, stdout = '', stderr = '') {
     if (stdout || stderr) {
@@ -784,7 +784,7 @@ const listen$1 = async () => {
   const ipc = module.wrap(rawIpc);
   return ipc;
 };
-const create$1 = async ({
+const create = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -796,7 +796,7 @@ const create$1 = async ({
 };
 const WebWorkerRpcClient = {
   __proto__: null,
-  create: create$1
+  create
 };
 
 const RE_CHARACTERS = /^[a-zA-Z.-]+$/;
@@ -943,7 +943,7 @@ const computeExplorerRenamedDirent = (dirents, index, newName) => {
   };
 };
 
-const None$2 = 0;
+const None$3 = 0;
 const CreateFile = 1;
 const CreateFolder = 2;
 const Rename = 3;
@@ -956,59 +956,7 @@ const stat = async dirent => {};
 const createFile = async uri => {};
 const mkdir = async uri => {};
 const rename$1 = async (oldUri, newUri) => {};
-
-class AssertionError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = 'AssertionError';
-  }
-}
-const getType = value => {
-  switch (typeof value) {
-    case 'number':
-      return 'number';
-    case 'function':
-      return 'function';
-    case 'string':
-      return 'string';
-    case 'object':
-      if (value === null) {
-        return 'null';
-      }
-      if (Array.isArray(value)) {
-        return 'array';
-      }
-      return 'object';
-    case 'boolean':
-      return 'boolean';
-    default:
-      return 'unknown';
-  }
-};
-const object = value => {
-  const type = getType(value);
-  if (type !== 'object') {
-    throw new AssertionError('expected value to be of type object');
-  }
-};
-const number = value => {
-  const type = getType(value);
-  if (type !== 'number') {
-    throw new AssertionError('expected value to be of type number');
-  }
-};
-const array = value => {
-  const type = getType(value);
-  if (type !== 'array') {
-    throw new AssertionError('expected value to be of type array');
-  }
-};
-const string = value => {
-  const type = getType(value);
-  if (type !== 'string') {
-    throw new AssertionError('expected value to be of type string');
-  }
-};
+const copy$1 = async (oldUri, newUri) => {};
 
 const dirname = (pathSeparator, path) => {
   const index = path.lastIndexOf(pathSeparator);
@@ -1017,6 +965,12 @@ const dirname = (pathSeparator, path) => {
   }
   return path.slice(0, index);
 };
+const join = (pathSeparator, ...parts) => {
+  return parts.join(pathSeparator);
+};
+const getBaseName = (pathSeparator, path) => {
+  return path.slice(path.lastIndexOf(pathSeparator) + 1);
+};
 
 const getParentFolder = (dirents, index, root) => {
   if (index < 0) {
@@ -1097,7 +1051,7 @@ const acceptCreate = async (state, newDirentType, createFn) => {
     items: newDirents,
     editingIndex: -1,
     focusedIndex: insertIndex + 1,
-    editingType: None$2,
+    editingType: None$3,
     maxLineY: newMaxlineY
   };
 };
@@ -1130,7 +1084,7 @@ const acceptRename = async state => {
     ...state,
     editingIndex: -1,
     editingValue: '',
-    editingType: None$2,
+    editingType: None$3,
     editingIcon: '',
     focusedIndex,
     focused: true
@@ -1182,6 +1136,9 @@ const setRpc = rpc => {
 const writeText = async text => {
   await invoke('ClipBoard.writeText', /* text */text);
 };
+const readNativeFiles = async () => {
+  return invoke('ClipBoard.readNativeFiles');
+};
 
 const copyRelativePath$1 = async state => {
   const dirent = getFocusedDirent$1(state);
@@ -1191,6 +1148,59 @@ const copyRelativePath$1 = async state => {
   return state;
 };
 
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
+  }
+}
+const getType = value => {
+  switch (typeof value) {
+    case 'number':
+      return 'number';
+    case 'function':
+      return 'function';
+    case 'string':
+      return 'string';
+    case 'object':
+      if (value === null) {
+        return 'null';
+      }
+      if (Array.isArray(value)) {
+        return 'array';
+      }
+      return 'object';
+    case 'boolean':
+      return 'boolean';
+    default:
+      return 'unknown';
+  }
+};
+const object = value => {
+  const type = getType(value);
+  if (type !== 'object') {
+    throw new AssertionError('expected value to be of type object');
+  }
+};
+const number = value => {
+  const type = getType(value);
+  if (type !== 'number') {
+    throw new AssertionError('expected value to be of type number');
+  }
+};
+const array = value => {
+  const type = getType(value);
+  if (type !== 'array') {
+    throw new AssertionError('expected value to be of type array');
+  }
+};
+const string = value => {
+  const type = getType(value);
+  if (type !== 'string') {
+    throw new AssertionError('expected value to be of type string');
+  }
+};
+
 const isSymbolicLink = dirent => {
   return dirent.type === Symlink;
 };
@@ -1532,7 +1542,7 @@ const focusPrevious = state => {
   }
 };
 
-const None$1 = 'none';
+const None$2 = 'none';
 const Tree = 'tree';
 const TreeItem$1 = 'treeitem';
 
@@ -1646,7 +1656,7 @@ const getFileIconVirtualDom = icon => {
     type: Img,
     className: FileIcon,
     src: icon,
-    role: None$1,
+    role: None$2,
     childCount: 0
   };
 };
@@ -1929,7 +1939,7 @@ const getKeyBindings = () => {
 };
 
 const Separator = 1;
-const None = 0;
+const None$1 = 0;
 const RestoreFocus = 6;
 
 const menuEntrySeparator = {
@@ -1942,13 +1952,13 @@ const menuEntrySeparator = {
 const menuEntryNewFile = {
   id: 'newFile',
   label: newFile(),
-  flags: None,
+  flags: None$1,
   command: 'Explorer.newFile'
 };
 const menuEntryNewFolder = {
   id: 'newFolder',
   label: newFolder(),
-  flags: None,
+  flags: None$1,
   command: 'Explorer.newFolder'
 };
 const menuEntryOpenContainingFolder = {
@@ -1960,7 +1970,7 @@ const menuEntryOpenContainingFolder = {
 const menuEntryOpenInIntegratedTerminal = {
   id: 'openInIntegratedTerminal',
   label: openInIntegratedTerminal(),
-  flags: None,
+  flags: None$1,
   command: /* TODO */-1
 };
 const menuEntryCut = {
@@ -1978,7 +1988,7 @@ const menuEntryCopy = {
 const menuEntryPaste = {
   id: 'paste',
   label: paste(),
-  flags: None,
+  flags: None$1,
   command: 'Explorer.handlePaste'
 };
 const menuEntryCopyPath = {
@@ -1996,13 +2006,13 @@ const menuEntryCopyRelativePath = {
 const menuEntryRename = {
   id: 'rename',
   label: rename(),
-  flags: None,
+  flags: None$1,
   command: 'Explorer.renameDirent'
 };
 const menuEntryDelete = {
   id: 'delete',
   label: deleteItem(),
-  flags: None,
+  flags: None$1,
   command: 'Explorer.removeDirent'
 };
 const ALL_ENTRIES = [menuEntryNewFile, menuEntryNewFolder, menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, menuEntryRename, menuEntryDelete];
@@ -2063,7 +2073,7 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
       });
     }
   }
-  if (editingType !== None$2 && editingIndex === -1) {
+  if (editingType !== None$3 && editingIndex === -1) {
     visible.push({
       depth: 3,
       posInSet: 1,
@@ -2079,36 +2089,19 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
   return visible;
 };
 
-const getIndexFromPosition = (state, eventX, eventY) => {
+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 {
-    y,
-    itemHeight,
-    items
+    editingType
   } = 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--;
+  if (editingType !== None$3) {
+    return state;
   }
-  return startIndex;
-};
-
-const Keyboard = -1;
-const LeftClick = 0;
-
-const openFolder = async () => {
-  // TODO
+  return {
+    ...state,
+    focused: false
+  };
 };
 
 // TODO viewlet should only have create and refresh functions
@@ -2120,66 +2113,236 @@ const openFolder = async () => {
 
 // TODO instead of root string, there should be a root dirent
 
-const updateIcon = dirent => {
-  return {
-    ...dirent,
-    icon: getIcon()
-  };
-};
-const updateIcons = state => {
-  const newDirents = state.items.map(updateIcon);
+// TODO rename dirents to items, then can use virtual list component directly
+
+// TODO support multiselection and removing multiple dirents
+
+// TODO use posInSet and setSize properties to compute more effectively
+
+// TODO much shared logic with newFolder
+
+const handleClickFile$1 = async (state, dirent, index, keepFocus = false) => {
+  // await Command.execute(/* Main.openAbsolutePath */ 'Main.openUri', /* absolutePath */ dirent.path, /* focus */ !keepFocus)
   return {
     ...state,
-    items: newDirents
+    focusedIndex: index,
+    focused: keepFocus
   };
 };
-const handleIconThemeChange = state => {
-  return updateIcons(state);
-};
-
-// TODO rename dirents to items, then can use virtual list component directly
-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);
+const handleClickDirectory$1 = async (state, dirent, index, keepFocus) => {
+  dirent.type = DirectoryExpanding;
+  // TODO handle error
+  const dirents = await getChildDirents(state.pathSeparator, dirent);
+  const state2 = {};
+  if (!state2) {
+    return state;
   }
-  if (state.deltaY === deltaY) {
+  // 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 minLineY = Math.round(deltaY / itemHeight);
-  const maxLineY = minLineY + Math.round(height / itemHeight);
+  const newDirents = [...state2.items];
+  newDirents.splice(newIndex + 1, 0, ...dirents);
+  dirent.type = DirectoryExpanded;
+  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);
   return {
     ...state,
-    deltaY,
-    minLineY,
+    items: newDirents,
+    focusedIndex: newIndex,
+    focused: keepFocus,
     maxLineY
   };
 };
-const handleWheel = (state, deltaMode, deltaY) => {
-  return setDeltaY(state, state.deltaY + deltaY);
+const handleClickDirectoryExpanding = (state, dirent, index, keepFocus) => {
+  dirent.type = Directory;
+  dirent.icon = getIcon();
+  return {
+    ...state,
+    focusedIndex: index,
+    focused: keepFocus
+  };
 };
-
-// TODO support multiselection and removing multiple dirents
-const removeDirent = async state => {
-  if (state.focusedIndex < 0) {
-    return state;
-  }
-  const dirent = getFocusedDirent$1(state);
-  const absolutePath = dirent.path;
-  try {
-    // TODO handle error
-    await remove(absolutePath);
-  } catch (error) {
-    // TODO vscode shows error as alert (no stacktrace) and retry button
-    // maybe should show alert as well, but where to put stacktrace?
-    // on web should probably show notification (dialog)
-    // ErrorHandling.handleError(error)
+const handleClickDirectoryExpanded$1 = (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 handleClickSymLink$1 = async (state, dirent, index) => {
+  await getRealPath();
+  const type = await stat();
+  switch (type) {
+    case File:
+      return handleClickFile$1(state, dirent, index);
+    default:
+      throw new Error(`unsupported file type ${type}`);
+  }
+};
+const getClickFn = direntType => {
+  switch (direntType) {
+    case File:
+    case SymLinkFile:
+      return handleClickFile$1;
+    case Directory:
+    case SymLinkFolder:
+      return handleClickDirectory$1;
+    case DirectoryExpanding:
+      return handleClickDirectoryExpanding;
+    case DirectoryExpanded:
+      return handleClickDirectoryExpanded$1;
+    case Symlink:
+      return handleClickSymLink$1;
+    case CharacterDevice:
+      throw new Error('Cannot open character device files');
+    case BlockDevice:
+      throw new Error('Cannot open block device files');
+    case Socket:
+      throw new Error('Cannot open socket files');
+    default:
+      throw new Error(`unsupported dirent type ${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;
+
+const openFolder = async () => {
+  // TODO
+};
+
+// 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
+
+// viewlet: creating | refreshing | done | disposed
+// TODO recycle viewlets (maybe)
+
+// TODO instead of root string, there should be a root dirent
+
+const updateIcon = dirent => {
+  return {
+    ...dirent,
+    icon: getIcon()
+  };
+};
+const updateIcons = state => {
+  const newDirents = state.items.map(updateIcon);
+  return {
+    ...state,
+    items: newDirents
+  };
+};
+const handleIconThemeChange = state => {
+  return updateIcons(state);
+};
+
+// TODO rename dirents to items, then can use virtual list component directly
+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);
+};
+
+// TODO support multiselection and removing multiple dirents
+const removeDirent = async state => {
+  if (state.focusedIndex < 0) {
+    return state;
+  }
+  const dirent = getFocusedDirent$1(state);
+  const absolutePath = dirent.path;
+  try {
+    // TODO handle error
+    await remove(absolutePath);
+  } catch (error) {
+    // TODO vscode shows error as alert (no stacktrace) and retry button
+    // maybe should show alert as well, but where to put stacktrace?
+    // on web should probably show notification (dialog)
+    // ErrorHandling.handleError(error)
     // await ErrorHandling.showErrorDialog(error)
     return;
   }
@@ -2245,7 +2408,7 @@ const cancelEdit = state => {
     focused: true,
     editingIndex: -1,
     editingValue: '',
-    editingType: None$2
+    editingType: None$3
   };
 };
 
@@ -2292,15 +2455,6 @@ const handleClickDirectory = async (state, dirent, index, keepFocus) => {
     maxLineY
   };
 };
-const handleClickDirectoryExpanding = (state, dirent, index, keepFocus) => {
-  dirent.type = Directory;
-  dirent.icon = getIcon();
-  return {
-    ...state,
-    focusedIndex: index,
-    focused: keepFocus
-  };
-};
 const handleClickDirectoryExpanded = (state, dirent, index, keepFocus) => {
   const {
     minLineY,
@@ -2337,30 +2491,6 @@ const handleClickDirectoryExpanded = (state, dirent, index, keepFocus) => {
     focused: keepFocus
   };
 };
-const getClickFn = direntType => {
-  switch (direntType) {
-    case File:
-    case SymLinkFile:
-      return handleClickFile;
-    case Directory:
-    case SymLinkFolder:
-      return handleClickDirectory;
-    case DirectoryExpanding:
-      return handleClickDirectoryExpanding;
-    case DirectoryExpanded:
-      return handleClickDirectoryExpanded;
-    case Symlink:
-      return handleClickSymLink;
-    case CharacterDevice:
-      throw new Error('Cannot open character device files');
-    case BlockDevice:
-      throw new Error('Cannot open block device files');
-    case Socket:
-      throw new Error('Cannot open socket files');
-    default:
-      throw new Error(`unsupported dirent type ${direntType}`);
-  }
-};
 const handleClick = (state, index, keepFocus = false) => {
   const {
     items,
@@ -2472,21 +2602,6 @@ const handleArrowLeft = state => {
 // TODO what happens when mouse leave and anther mouse enter event occur?
 // should update preview instead of closing and reopening
 
-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$2) {
-    return state;
-  }
-  return {
-    ...state,
-    focused: false
-  };
-};
-
 // TODO maybe just insert items into explorer and refresh whole explorer
 
 const handleClickOpenFolder = async state => {
@@ -2535,6 +2650,321 @@ const handleContextMenu = (state, button, x, y) => {
   }
 };
 
+const getFilePathElectron = async file => {
+  return invoke('GetFilePathElectron.getFilePathElectron', file);
+};
+
+const mergeDirents$2 = (oldDirents, newDirents) => {
+  return newDirents;
+};
+
+// TODO copy files in parallel
+const copyFilesElectron = async (root, pathSeparator, files) => {
+  for (const file of files) {
+    await getFilePathElectron(file);
+    // const from = file.path
+    join(pathSeparator, root, file.name);
+    await copy$1();
+  }
+};
+const getMergedDirents$2 = async (root, pathSeparator, dirents) => {
+  const childDirents = await getChildDirents(pathSeparator, {
+    path: root,
+    depth: 0
+  });
+  const mergedDirents = mergeDirents$2(dirents, childDirents);
+  return mergedDirents;
+};
+const handleDrop$2 = async (state, files) => {
+  const {
+    root,
+    pathSeparator,
+    items
+  } = state;
+  await copyFilesElectron(root, pathSeparator, files);
+  const mergedDirents = await getMergedDirents$2(root, pathSeparator, items);
+  return {
+    ...state,
+    items: mergedDirents,
+    dropTargets: []
+  };
+};
+
+const uploadFileSystemHandles = async (root, pathSeparator, fileSystemHandles) => {
+  // TODO send to renderer worker
+};
+
+const mergeDirents$1 = (oldDirents, newDirents) => {
+  return newDirents;
+};
+const getMergedDirents$1 = async (root, pathSeparator, dirents) => {
+  const childDirents = await getChildDirents(pathSeparator, {
+    path: root,
+    depth: 0
+  });
+  const mergedDirents = mergeDirents$1(dirents, childDirents);
+  return mergedDirents;
+};
+const handleDrop$1 = async (state, files) => {
+  const {
+    root,
+    pathSeparator,
+    items
+  } = state;
+  const handled = await uploadFileSystemHandles();
+  if (handled) {
+    return state;
+  }
+  const mergedDirents = await getMergedDirents$1(root, pathSeparator, items);
+  return {
+    ...state,
+    items: mergedDirents,
+    dropTargets: []
+  };
+};
+
+const getModule = isElectron => {
+  if (isElectron) {
+    return handleDrop$2;
+  }
+  return handleDrop$1;
+};
+const handleDropRoot = async (state, files) => {
+  const fn = await getModule(state.isElectron);
+  return fn(state, files);
+};
+
+const getEndIndex = (items, index, dirent) => {
+  for (let i = index + 1; i < items.length; i++) {
+    if (items[i].depth === dirent.depth) {
+      return i;
+    }
+  }
+  return items.length;
+};
+const getMergedDirents = (items, index, dirent, childDirents) => {
+  const startIndex = index;
+  const endIndex = getEndIndex(items, index, dirent);
+  const mergedDirents = [...items.slice(0, startIndex), {
+    ...dirent,
+    type: DirectoryExpanded
+  }, ...childDirents, ...items.slice(endIndex)];
+  return mergedDirents;
+};
+const handleDropIntoFolder = async (state, dirent, index, files) => {
+  const {
+    pathSeparator,
+    items
+  } = state;
+  for (const file of files) {
+    await copy$1();
+  }
+  const childDirents = await getChildDirents(pathSeparator, dirent);
+  const mergedDirents = getMergedDirents(items, index, dirent, childDirents);
+  // TODO update maxlineY
+  return {
+    ...state,
+    items: mergedDirents,
+    dropTargets: []
+  };
+};
+const handleDropIntoFile = (state, dirent, index, files) => {
+  const {
+    items
+  } = state;
+  const parentIndex = getParentStartIndex(items, index);
+  if (parentIndex === -1) {
+    return handleDropRoot(state, files);
+  }
+  // @ts-ignore
+  return handleDropIndex(parentIndex);
+};
+const handleDropIndex = (state, index, files) => {
+  const {
+    items
+  } = state;
+  const dirent = items[index];
+  // TODO if it is a file, drop into the folder of the file
+  // TODO if it is a folder, drop into the folder
+  // TODO if it is a symlink, read symlink and determine if file can be dropped
+  switch (dirent.type) {
+    case Directory:
+    case DirectoryExpanded:
+      return handleDropIntoFolder(state, dirent, index, files);
+    case File:
+      return handleDropIntoFile(state, dirent, index, files);
+    default:
+      return state;
+  }
+};
+
+const normalizeLine = line => {
+  if (line.startsWith('Error: ')) {
+    return line.slice('Error: '.length);
+  }
+  if (line.startsWith('VError: ')) {
+    return line.slice('VError: '.length);
+  }
+  return line;
+};
+const getCombinedMessage = (error, message) => {
+  const stringifiedError = normalizeLine(`${error}`);
+  if (message) {
+    return `${message}: ${stringifiedError}`;
+  }
+  return stringifiedError;
+};
+const NewLine = '\n';
+const getNewLineIndex = (string, startIndex = undefined) => {
+  return string.indexOf(NewLine, startIndex);
+};
+const mergeStacks = (parent, child) => {
+  if (!child) {
+    return parent;
+  }
+  const parentNewLineIndex = getNewLineIndex(parent);
+  const childNewLineIndex = getNewLineIndex(child);
+  if (childNewLineIndex === -1) {
+    return parent;
+  }
+  const parentFirstLine = parent.slice(0, parentNewLineIndex);
+  const childRest = child.slice(childNewLineIndex);
+  const childFirstLine = normalizeLine(child.slice(0, childNewLineIndex));
+  if (parentFirstLine.includes(childFirstLine)) {
+    return parentFirstLine + childRest;
+  }
+  return child;
+};
+class VError extends Error {
+  constructor(error, message) {
+    const combinedMessage = getCombinedMessage(error, message);
+    super(combinedMessage);
+    this.name = 'VError';
+    if (error instanceof Error) {
+      this.stack = mergeStacks(this.stack, error.stack);
+    }
+    if (error.codeFrame) {
+      // @ts-ignore
+      this.codeFrame = error.codeFrame;
+    }
+    if (error.code) {
+      // @ts-ignore
+      this.code = error.code;
+    }
+  }
+}
+
+const handleDrop = async (state, x, y, files) => {
+  try {
+    const index = getIndexFromPosition(state, x, y);
+    switch (index) {
+      case -1:
+        return await handleDropRoot(state, files);
+      default:
+        return await handleDropIndex(state, index, files);
+    }
+  } catch (error) {
+    throw new VError(error, 'Failed to drop files');
+  }
+};
+
+const getTopLevelDirents = (root, pathSeparator, excluded) => {
+  if (!root) {
+    return [];
+  }
+  return getChildDirents(pathSeparator, {
+    depth: 0,
+    path: root,
+    type: Directory
+  }, excluded);
+};
+
+const mergeDirents = (oldDirents, newDirents) => {
+  const merged = [];
+  for (const newDirent of newDirents) {
+    merged.push(newDirent);
+  }
+  return merged;
+};
+
+// TODO add lots of tests for this
+const updateRoot = async state1 => {
+  if (state1.disposed) {
+    return state1;
+  }
+  // const file = nativeFiles.files[0]
+  // @ts-ignore
+  const topLevelDirents = await getTopLevelDirents(state1.root, state1.pathSeparator);
+  // const state2 = Viewlet.getState('Explorer')
+  // // TODO what if root changes while reading directories?
+  // if (state2.disposed || state2.root !== state1.root) {
+  //   return state2
+  // }
+  const newDirents = mergeDirents(state1.items, topLevelDirents);
+  const state3 = {
+    ...state1,
+    items: newDirents
+  };
+  return state3;
+};
+
+const handlePasteCopy = async (state, nativeFiles) => {
+  // TODO handle pasting files into nested folder
+  // TODO handle pasting files into symlink
+  // TODO handle pasting files into broken symlink
+  // TODO handle pasting files into hardlink
+  // TODO what if folder is big and it takes a long time
+  for (const source of nativeFiles.files) {
+    join(state.pathSeperator, state.root, getBaseName(state.pathSeparator, source));
+    await copy$1();
+  }
+  // TODO only update folder at which level it changed
+  return updateRoot(state);
+};
+
+const handlePasteCut = async (state, nativeFiles) => {
+  for (const source of nativeFiles.files) {
+    `${state.root}${state.pathSeparator}${getBaseName(state.pathSeparator, source)}`;
+    await rename$1();
+  }
+  return state;
+};
+
+const handlePasteNone = (state, nativeFiles) => {
+  console.info('[ViewletExplorer/handlePaste] no paths detected');
+  return state;
+};
+
+const None = 'none';
+const Copy = 'copy';
+const Cut = 'cut';
+
+const handlePaste = async state => {
+  const nativeFiles = await readNativeFiles();
+  // TODO detect cut/paste event, not sure if that is possible
+  // TODO check that pasted folder is not a parent folder of opened folder
+  // TODO support pasting multiple paths
+  // TODO what happens when pasting multiple paths, but some of them error?
+  // how many error messages should be shown? Should the operation be undone?
+  // TODO what if it is a large folder and takes a long time to copy? Should show progress
+  // TODO what if there is a permission error? Probably should show a modal to ask for permission
+  // TODO if error is EEXISTS, just rename the copy (e.g. file-copy-1.txt, file-copy-2.txt)
+  // TODO actual target should be selected folder
+  // TODO but what if a file is currently selected? Then maybe the parent folder
+  // TODO but will it work if the folder is a symlink?
+  // TODO handle error gracefully when copy fails
+  switch (nativeFiles.type) {
+    case None:
+      return handlePasteNone(state);
+    case Copy:
+      return handlePasteCopy(state, nativeFiles);
+    case Cut:
+      return handlePasteCut(state, nativeFiles);
+    default:
+      throw new Error(`unexpected native paste type: ${nativeFiles.type}`);
+  }
+};
+
 const handlePointerDown = (state, button, x, y) => {
   const index = getIndexFromPosition(state, x, y);
   if (button === LeftClick && index === -1) {
@@ -2657,6 +3087,228 @@ const restoreState = savedState => {
   };
 };
 
+const getIndex = (dirents, uri) => {
+  for (let i = 0; i < dirents.length; i++) {
+    const dirent = dirents[i];
+    if (dirent.path === uri) {
+      return i;
+    }
+  }
+  return -1;
+};
+
+const getPathParts = (root, uri, pathSeparator) => {
+  const parts = [];
+  let index = root.length - 1;
+  let depth = 0;
+  while ((index = uri.indexOf('/', index + 1)) !== -1) {
+    const partUri = uri.slice(0, index);
+    parts.push({
+      path: partUri,
+      depth: depth++,
+      root,
+      pathSeparator
+    });
+  }
+  return parts;
+};
+
+const isTopLevel = dirent => {
+  return dirent.depth === 1;
+};
+const orderDirents = dirents => {
+  if (dirents.length === 0) {
+    return dirents;
+  }
+  // const parentMap = Object.create(null)
+  // for(const dirent of dirents){
+  //   const parentPath = dirent.slice(0, dirent.lastIndexOf('/'))
+  //   parentMap[parentPath]||=[]
+  //   parentMap[parentPath].push(dirent)
+  // }
+  const withDeepChildren = parent => {
+    const children = [];
+    for (const dirent of dirents) {
+      if (dirent.depth === parent.depth + 1 && dirent.path.startsWith(parent.path)) {
+        children.push(dirent, ...withDeepChildren(dirent));
+      }
+    }
+    return [parent, ...children];
+  };
+  const topLevelDirents = dirents.filter(isTopLevel);
+  const ordered = topLevelDirents.flatMap(withDeepChildren);
+  return ordered;
+};
+
+const scrollInto = (index, minLineY, maxLineY) => {
+  const diff = maxLineY - minLineY;
+  const smallerHalf = Math.floor(diff / 2);
+  const largerHalf = diff - smallerHalf;
+  if (index < minLineY) {
+    return {
+      newMinLineY: index - smallerHalf,
+      newMaxLineY: index + largerHalf
+    };
+  }
+  if (index >= maxLineY) {
+    return {
+      newMinLineY: index - smallerHalf,
+      newMaxLineY: index + largerHalf
+    };
+  }
+  return {
+    newMinLineY: minLineY,
+    newMaxLineY: maxLineY
+  };
+};
+
+const getPathPartsToReveal = (root, pathParts, dirents) => {
+  for (let i = 0; i < pathParts.length; i++) {
+    const pathPart = pathParts[i];
+    const index = getIndex(dirents, pathPart.uri);
+    if (index === -1) {
+      continue;
+    }
+    return pathParts.slice(i);
+  }
+  return pathParts;
+};
+const getPathPartChildren = pathPart => {
+  const children = getChildDirents(pathPart.pathSeparator, pathPart);
+  return children;
+};
+const mergeVisibleWithHiddenItems = (visibleItems, hiddenItems) => {
+  const merged = [...hiddenItems];
+  const seen = Object.create(null);
+  const unique = [];
+  for (const item of merged) {
+    if (seen[item.path]) {
+      continue;
+    }
+    seen[item.path] = true;
+    unique.push(item);
+  }
+
+  // depth one
+  //   let depth=1
+  //   while(true){
+  //     for(const item of unique){
+  //       if(item.depth===depth){
+  //         ordered.push(item)
+  //       }
+  //     }
+  // break
+  //   }
+  // const getChildren = (path) => {
+  //   const children = []
+  //   for (const item of unique) {
+  //     if (item.path.startsWith(path) && item.path !== path) {
+  //       ordered.push(item)
+  //     }
+  //   }
+  //   return children
+  // }
+  // for (const item of unique) {
+  //   for (const potentialChild of unique) {
+  //     if (
+  //       potentialChild.path.startsWith(item.path) &&
+  //       potentialChild.path !== item.path
+  //     ) {
+  //       ordered.push(potentialChild)
+  //     }
+  //   }
+  // }
+  // const refreshedRoots = Object.create(null)
+  // for (const hiddenItem of hiddenItems) {
+  //   const parent = hiddenItem.path.slice(0, hiddenItem.path.lastIndexOf('/'))
+  //   refreshedRoots[parent] = true
+  // }
+  // const mergedDirents = []
+  // for(const v)
+  // for (const visibleItem of visibleItems) {
+  //   if (visibleItem.path === hiddenItemRoot) {
+  //     // TODO update aria posinset and aria setsize
+  //     mergedDirents.push(...hiddenItems)
+  //   } else {
+  //     for (const hiddenItem of hiddenItems) {
+  //       if (hiddenItem.path === visibleItem.path) {
+  //         continue
+  //       }
+  //     }
+  //     mergedDirents.push(visibleItem)
+  //   }
+  // }
+
+  return unique;
+};
+
+// TODO maybe just insert items into explorer and refresh whole explorer
+const revealItemHidden = async (state, uri) => {
+  const {
+    root,
+    pathSeparator,
+    items,
+    minLineY,
+    maxLineY
+  } = state;
+  const pathParts = getPathParts(root, uri, pathSeparator);
+  if (pathParts.length === 0) {
+    return state;
+  }
+  const pathPartsToReveal = getPathPartsToReveal(root, pathParts, items);
+  const pathPartsChildren = await Promise.all(pathPartsToReveal.map(getPathPartChildren));
+  const pathPartsChildrenFlat = pathPartsChildren.flat(1);
+  const orderedPathParts = orderDirents(pathPartsChildrenFlat);
+  const mergedDirents = mergeVisibleWithHiddenItems(items, orderedPathParts);
+  const index = getIndex(mergedDirents, uri);
+  if (index === -1) {
+    throw new Error(`File not found in explorer ${uri}`);
+  }
+  const {
+    newMinLineY,
+    newMaxLineY
+  } = scrollInto(index, minLineY, maxLineY);
+  return {
+    ...state,
+    items: mergedDirents,
+    focused: true,
+    focusedIndex: index,
+    minLineY: newMinLineY,
+    maxLineY: newMaxLineY
+  };
+};
+
+const revealItemVisible = (state, index) => {
+  const {
+    minLineY,
+    maxLineY
+  } = state;
+  const {
+    newMinLineY,
+    newMaxLineY
+  } = scrollInto(index, minLineY, maxLineY);
+  return {
+    ...state,
+    focused: true,
+    focusedIndex: index,
+    minLineY: newMinLineY,
+    maxLineY: newMaxLineY
+  };
+};
+
+const revealItem = async (state, uri) => {
+  object(state);
+  string(uri);
+  const {
+    items
+  } = state;
+  const index = getIndex(items, uri);
+  if (index === -1) {
+    return revealItemHidden(state, uri);
+  }
+  return revealItemVisible(state, index);
+};
+
 const isExpandedDirectory = dirent => {
   return dirent.type === DirectoryExpanded;
 };
@@ -2705,7 +3357,9 @@ const commandMap = {
   'Explorer.handleClickCurrentButKeepFocus': handleClickCurrentButKeepFocus,
   'Explorer.handleClickOpenFolder': handleClickOpenFolder,
   'Explorer.handleContextMenu': handleContextMenu,
+  'Explorer.handleDrop': handleDrop,
   'Explorer.handleIconThemeChange': handleIconThemeChange,
+  'Explorer.handlePaste': handlePaste,
   'Explorer.handlePointerDown': handlePointerDown,
   'Explorer.handleWheel': handleWheel,
   'Explorer.loadContent': loadContent,
@@ -2713,6 +3367,7 @@ const commandMap = {
   'Explorer.removeDirent': removeDirent,
   'Explorer.renameDirent': renameDirent,
   'Explorer.restoreState': restoreState,
+  'Explorer.revealItem': revealItem,
   'Explorer.saveState': saveState
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/explorer-view",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Explorer Worker",
   "main": "dist/explorerViewWorkerMain.js",
   "type": "module",