@lvce-editor/explorer-view 1.2.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$1 = 0;
+const None$3 = 0;
 const CreateFile = 1;
 const CreateFolder = 2;
 const Rename = 3;
@@ -955,60 +955,8 @@ const getRealPath = async path => {};
 const stat = async dirent => {};
 const createFile = async uri => {};
 const mkdir = async uri => {};
-const rename = 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 rename$1 = async (oldUri, newUri) => {};
+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$1,
+    editingType: None$3,
     maxLineY: newMaxlineY
   };
 };
@@ -1114,7 +1068,7 @@ const acceptRename = async state => {
     const oldAbsolutePath = renamedDirent.path;
     const oldParentPath = dirname(pathSeparator, oldAbsolutePath);
     const newAbsolutePath = [oldParentPath, editingValue].join(pathSeparator);
-    await rename(oldAbsolutePath, newAbsolutePath);
+    await rename$1(oldAbsolutePath, newAbsolutePath);
   } catch (error) {
     // TODO
     // await ErrorHandling.showErrorDialog(error)
@@ -1130,7 +1084,7 @@ const acceptRename = async state => {
     ...state,
     editingIndex: -1,
     editingValue: '',
-    editingType: None$1,
+    editingType: None$3,
     editingIcon: '',
     focusedIndex,
     focused: true
@@ -1152,77 +1106,107 @@ const acceptEdit = state => {
   }
 };
 
-const ENOENT = 'ENOENT';
+const getFocusedDirent$1 = state => {
+  const {
+    focusedIndex,
+    minLineY,
+    items
+  } = state;
+  const dirent = items[focusedIndex + minLineY];
+  return dirent;
+};
 
-const sortExplorerItems = rawDirents => {
-  rawDirents.sort(compareDirent);
+const copyPath$1 = async state => {
+  // await Command.execute(RendererWorkerCommandType.ClipBoardWriteText, /* text */ path)
+  return state;
 };
 
-const toDisplayDirents = (pathSeparator, rawDirents, parentDirent, excluded) => {
-  sortExplorerItems(rawDirents);
-  // TODO figure out whether this uses too much memory (name,path -> redundant, depth could be computed on demand)
-  const toDisplayDirent = (rawDirent, index) => {
-    const path = [parentDirent.path, rawDirent.name].join(pathSeparator);
-    return {
-      name: rawDirent.name,
-      posInSet: index + 1,
-      setSize: rawDirents.length,
-      depth: parentDirent.depth + 1,
-      type: rawDirent.type,
-      path,
-      // TODO storing absolute path might be too costly, could also store relative path here
-      icon: getIcon()
-    };
-  };
-  const result = [];
-  let i = 0;
-  for (const rawDirent of rawDirents) {
-    if (excluded.includes(rawDirent.name)) {
-      continue;
-    }
-    result.push(toDisplayDirent(rawDirent, i));
-    i++;
-  }
-  return result;
+const state = {
+  rpc: undefined
+};
+const invoke = (method, ...params) => {
+  const rpc = state.rpc;
+  // @ts-ignore
+  return rpc.invoke(method, ...params);
+};
+const setRpc = rpc => {
+  state.rpc = rpc;
 };
 
-const getIndexFromPosition = (state, eventX, eventY) => {
-  const {
-    y,
-    itemHeight,
-    items
-  } = state;
-  const index = Math.floor((eventY - y) / itemHeight);
-  if (index < 0) {
-    return 0;
+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);
+  const relativePath = dirent.path.slice(1);
+  // TODO handle error
+  await writeText(relativePath);
+  return state;
+};
+
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
   }
-  if (index >= items.length) {
-    return -1;
+}
+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';
   }
-  return index;
 };
-const getParentStartIndex = (dirents, index) => {
-  const dirent = dirents[index];
-  let startIndex = index - 1;
-  while (startIndex >= 0 && dirents[startIndex].depth >= dirent.depth) {
-    startIndex--;
+const object = value => {
+  const type = getType(value);
+  if (type !== 'object') {
+    throw new AssertionError('expected value to be of type object');
   }
-  return startIndex;
 };
-const getParentEndIndex = (dirents, index) => {
-  const dirent = dirents[index];
-  let endIndex = index + 1;
-  while (endIndex < dirents.length && dirents[endIndex].depth > dirent.depth) {
-    endIndex++;
+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');
   }
-  return endIndex;
 };
+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;
 };
-const hasSymbolicLinks = rawDirents => {
-  return rawDirents.some(isSymbolicLink);
-};
+
+const ENOENT = 'ENOENT';
+
 const getSymlinkType = type => {
   switch (type) {
     case File:
@@ -1233,6 +1217,7 @@ const getSymlinkType = type => {
       return Symlink;
   }
 };
+
 // TODO maybe resolving of symbolic links should happen in shared process?
 // so that there is less code and less work in the frontend
 const resolveSymbolicLink = async (uri, rawDirent) => {
@@ -1270,6 +1255,42 @@ const resolveSymbolicLinks = async (uri, rawDirents) => {
   const resolvedDirents = await Promise.all(promises);
   return resolvedDirents;
 };
+
+const sortExplorerItems = rawDirents => {
+  rawDirents.sort(compareDirent);
+};
+
+const toDisplayDirents = (pathSeparator, rawDirents, parentDirent, excluded) => {
+  sortExplorerItems(rawDirents);
+  // TODO figure out whether this uses too much memory (name,path -> redundant, depth could be computed on demand)
+  const toDisplayDirent = (rawDirent, index) => {
+    const path = [parentDirent.path, rawDirent.name].join(pathSeparator);
+    return {
+      name: rawDirent.name,
+      posInSet: index + 1,
+      setSize: rawDirents.length,
+      depth: parentDirent.depth + 1,
+      type: rawDirent.type,
+      path,
+      // TODO storing absolute path might be too costly, could also store relative path here
+      icon: getIcon()
+    };
+  };
+  const result = [];
+  let i = 0;
+  for (const rawDirent of rawDirents) {
+    if (excluded.includes(rawDirent.name)) {
+      continue;
+    }
+    result.push(toDisplayDirent(rawDirent, i));
+    i++;
+  }
+  return result;
+};
+
+const hasSymbolicLinks = rawDirents => {
+  return rawDirents.some(isSymbolicLink);
+};
 const getChildDirentsRaw = async uri => {
   const rawDirents = await readDirWithFileTypes();
   array(rawDirents);
@@ -1347,12 +1368,91 @@ const expandAll = async state => {
   };
 };
 
-const focusIndex = (state, index) => {
-  const {
-    minLineY,
-    maxLineY
-  } = state;
-  if (index < minLineY) {
+const getParentEndIndex = (dirents, index) => {
+  const dirent = dirents[index];
+  let endIndex = index + 1;
+  while (endIndex < dirents.length && dirents[endIndex].depth > dirent.depth) {
+    endIndex++;
+  }
+  return endIndex;
+};
+
+const makeExpanded = dirent => {
+  if (dirent.type === Directory) {
+    return {
+      ...dirent,
+      type: DirectoryExpanded
+    };
+  }
+  return dirent;
+};
+const expandRecursively = async state => {
+  const {
+    items,
+    focusedIndex,
+    pathSeparator,
+    root,
+    height,
+    itemHeight,
+    minLineY
+  } = state;
+  const dirent = focusedIndex < 0 ? {
+    type: Directory,
+    path: root,
+    depth: 0
+  } : items[focusedIndex];
+  if (dirent.type !== Directory && dirent.type !== DirectoryExpanding && dirent.type !== DirectoryExpanded) {
+    return state;
+  }
+  // TODO this is very inefficient
+  const getChildDirentsRecursively = async dirent => {
+    switch (dirent.type) {
+      case File:
+        return [dirent];
+      case Directory:
+      case DirectoryExpanding:
+      case DirectoryExpanded:
+        const childDirents = await getChildDirents(pathSeparator, dirent);
+        const all = [makeExpanded(dirent)];
+        for (const childDirent of childDirents) {
+          const childAll = await getChildDirentsRecursively(childDirent);
+          all.push(...childAll);
+        }
+        return all;
+      default:
+        return [];
+    }
+  };
+  // TODO race condition: what if folder is being collapse while it is recursively expanding?
+  // TODO race condition: what if folder is being deleted while it is recursively expanding?
+  // TODO race condition: what if a new file/folder is created while the folder is recursively expanding?
+  const childDirents = await getChildDirentsRecursively(dirent);
+  const startIndex = focusedIndex;
+  if (focusedIndex >= 0) {
+    const endIndex = getParentEndIndex(items, focusedIndex);
+    const newDirents = [...items.slice(0, startIndex), ...childDirents, ...items.slice(endIndex)];
+    const maxLineY = getExplorerMaxLineY(minLineY, height, itemHeight, newDirents.length);
+    return {
+      ...state,
+      items: newDirents,
+      maxLineY
+    };
+  }
+  const newDirents = childDirents.slice(1);
+  const maxLineY = getExplorerMaxLineY(minLineY, height, itemHeight, newDirents.length);
+  return {
+    ...state,
+    items: newDirents,
+    maxLineY
+  };
+};
+
+const focusIndex = (state, index) => {
+  const {
+    minLineY,
+    maxLineY
+  } = state;
+  if (index < minLineY) {
     if (index < 0) {
       return {
         ...state,
@@ -1442,7 +1542,7 @@ const focusPrevious = state => {
   }
 };
 
-const None = 'none';
+const None$2 = 'none';
 const Tree = 'tree';
 const TreeItem$1 = 'treeitem';
 
@@ -1501,6 +1601,39 @@ const UiStrings = {
   OpenFolder: 'Open folder',
   NoFolderOpen: 'No Folder Open'
 };
+const newFile = () => {
+  return i18nString(UiStrings.NewFile);
+};
+const newFolder = () => {
+  return i18nString(UiStrings.NewFolder);
+};
+const openContainingFolder$1 = () => {
+  return i18nString(UiStrings.OpenContainingFolder);
+};
+const openInIntegratedTerminal = () => {
+  return i18nString(UiStrings.OpenInIntegratedTerminal);
+};
+const cut = () => {
+  return i18nString(UiStrings.Cut);
+};
+const copy = () => {
+  return i18nString(UiStrings.Copy);
+};
+const paste = () => {
+  return i18nString(UiStrings.Paste);
+};
+const copyPath = () => {
+  return i18nString(UiStrings.CopyPath);
+};
+const copyRelativePath = () => {
+  return i18nString(UiStrings.CopyRelativePath);
+};
+const rename = () => {
+  return i18nString(UiStrings.Rename);
+};
+const deleteItem = () => {
+  return i18nString(UiStrings.Delete);
+};
 const filesExplorer = () => {
   return i18nString(UiStrings.FilesExplorer);
 };
@@ -1523,7 +1656,7 @@ const getFileIconVirtualDom = icon => {
     type: Img,
     className: FileIcon,
     src: icon,
-    role: None,
+    role: None$2,
     childCount: 0
   };
 };
@@ -1805,6 +1938,121 @@ const getKeyBindings = () => {
   }];
 };
 
+const Separator = 1;
+const None$1 = 0;
+const RestoreFocus = 6;
+
+const menuEntrySeparator = {
+  id: 'separator',
+  label: '',
+  flags: Separator,
+  command: ''
+};
+
+const menuEntryNewFile = {
+  id: 'newFile',
+  label: newFile(),
+  flags: None$1,
+  command: 'Explorer.newFile'
+};
+const menuEntryNewFolder = {
+  id: 'newFolder',
+  label: newFolder(),
+  flags: None$1,
+  command: 'Explorer.newFolder'
+};
+const menuEntryOpenContainingFolder = {
+  id: 'openContainingFolder',
+  label: openContainingFolder$1(),
+  flags: RestoreFocus,
+  command: 'Explorer.openContainingFolder'
+};
+const menuEntryOpenInIntegratedTerminal = {
+  id: 'openInIntegratedTerminal',
+  label: openInIntegratedTerminal(),
+  flags: None$1,
+  command: /* TODO */-1
+};
+const menuEntryCut = {
+  id: 'cut',
+  label: cut(),
+  flags: RestoreFocus,
+  command: /* TODO */-1
+};
+const menuEntryCopy = {
+  id: 'copy',
+  label: copy(),
+  flags: RestoreFocus,
+  command: 'Explorer.handleCopy'
+};
+const menuEntryPaste = {
+  id: 'paste',
+  label: paste(),
+  flags: None$1,
+  command: 'Explorer.handlePaste'
+};
+const menuEntryCopyPath = {
+  id: 'copyPath',
+  label: copyPath(),
+  flags: RestoreFocus,
+  command: 'Explorer.copyPath'
+};
+const menuEntryCopyRelativePath = {
+  id: 'copyRelativePath',
+  label: copyRelativePath(),
+  flags: RestoreFocus,
+  command: 'Explorer.copyRelativePath'
+};
+const menuEntryRename = {
+  id: 'rename',
+  label: rename(),
+  flags: None$1,
+  command: 'Explorer.renameDirent'
+};
+const menuEntryDelete = {
+  id: 'delete',
+  label: deleteItem(),
+  flags: None$1,
+  command: 'Explorer.removeDirent'
+};
+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)
+// 2. expose getFocusedDirent method in explorer (bad because explorer code should not know about for menuEntriesExplorer, which needs that method)
+const getFocusedDirent = explorerState => {
+  if (!explorerState || explorerState.focusedIndex < 0) {
+    return undefined;
+  }
+  return explorerState.items[explorerState.focusedIndex];
+};
+const getMenuEntriesDirectory = () => {
+  return ALL_ENTRIES;
+};
+const getMenuEntriesFile = () => {
+  return [menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, menuEntryRename, menuEntryDelete];
+};
+const getMenuEntriesDefault = () => {
+  return ALL_ENTRIES;
+};
+const getMenuEntriesRoot = () => {
+  return [menuEntryNewFile, menuEntryNewFolder, menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath];
+};
+const getMenuEntries = state => {
+  const focusedDirent = getFocusedDirent(state);
+  if (!focusedDirent) {
+    return getMenuEntriesRoot();
+  }
+  switch (focusedDirent.type) {
+    case Directory:
+      return getMenuEntriesDirectory();
+    case File:
+      return getMenuEntriesFile();
+    default:
+      return getMenuEntriesDefault();
+  }
+};
+
 const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editingIndex, editingType, editingValue) => {
   const visible = [];
   for (let i = minLineY; i < Math.min(maxLineY, items.length); i++) {
@@ -1825,7 +2073,7 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
       });
     }
   }
-  if (editingType !== None$1 && editingIndex === -1) {
+  if (editingType !== None$3 && editingIndex === -1) {
     visible.push({
       depth: 3,
       posInSet: 1,
@@ -1841,14 +2089,182 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
   return visible;
 };
 
-const getFocusedDirent = state => {
+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$3) {
+    return state;
+  }
+  return {
+    ...state,
+    focused: false
+  };
+};
+
+// 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
+
+// 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,
+    focusedIndex: index,
+    focused: keepFocus
+  };
+};
+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;
+  }
+  // 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);
+  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,
+    items: newDirents,
+    focusedIndex: newIndex,
+    focused: keepFocus,
+    maxLineY
+  };
+};
+const handleClickDirectoryExpanding = (state, dirent, index, keepFocus) => {
+  dirent.type = Directory;
+  dirent.icon = getIcon();
+  return {
+    ...state,
+    focusedIndex: index,
+    focused: keepFocus
+  };
+};
+const handleClickDirectoryExpanded$1 = (state, dirent, index, keepFocus) => {
   const {
-    focusedIndex,
     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 dirent = items[focusedIndex + minLineY];
-  return dirent;
+  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;
@@ -1917,7 +2333,7 @@ const removeDirent = async state => {
   if (state.focusedIndex < 0) {
     return state;
   }
-  const dirent = getFocusedDirent(state);
+  const dirent = getFocusedDirent$1(state);
   const absolutePath = dirent.path;
   try {
     // TODO handle error
@@ -1992,7 +2408,7 @@ const cancelEdit = state => {
     focused: true,
     editingIndex: -1,
     editingValue: '',
-    editingType: None$1
+    editingType: None$3
   };
 };
 
@@ -2039,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,
@@ -2084,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,
@@ -2219,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$1) {
-    return state;
-  }
-  return {
-    ...state,
-    focused: false
-  };
-};
-
 // TODO maybe just insert items into explorer and refresh whole explorer
 
 const handleClickOpenFolder = async state => {
@@ -2241,18 +2609,6 @@ const handleClickOpenFolder = async state => {
   return state;
 };
 
-const state = {
-  rpc: undefined
-};
-const invoke = (method, ...params) => {
-  const rpc = state.rpc;
-  // @ts-ignore
-  return rpc.invoke(method, ...params);
-};
-const setRpc = rpc => {
-  state.rpc = rpc;
-};
-
 const show = async (x, y, id, ...args) => {
   return invoke('ContextMenu.show', x, y, id, ...args);
 };
@@ -2294,18 +2650,321 @@ const handleContextMenu = (state, button, x, y) => {
   }
 };
 
-const writeText = async text => {
-  await invoke('ClipBoard.writeText', /* text */text);
+const getFilePathElectron = async file => {
+  return invoke('GetFilePathElectron.getFilePathElectron', file);
 };
 
-const copyRelativePath = async state => {
-  const dirent = getFocusedDirent(state);
-  const relativePath = dirent.path.slice(1);
-  // TODO handle error
-  await writeText(relativePath);
+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) {
@@ -2428,9 +3087,226 @@ const restoreState = savedState => {
   };
 };
 
-const copyPath = async state => {
-  // await Command.execute(RendererWorkerCommandType.ClipBoardWriteText, /* text */ path)
-  return state;
+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 => {
@@ -2460,15 +3336,17 @@ const saveState = state => {
 const commandMap = {
   'Explorer.acceptEdit': acceptEdit,
   'Explorer.cancelEdit': cancelEdit,
-  'Explorer.copyPath': copyPath,
-  'Explorer.copyRelativePath': copyRelativePath,
+  'Explorer.copyPath': copyPath$1,
+  'Explorer.copyRelativePath': copyRelativePath$1,
   'Explorer.expandAll': expandAll,
+  'Explorer.expandRecursively': expandRecursively,
   'Explorer.focusFirst': focusFirst,
   'Explorer.focusIndex': focusIndex,
   'Explorer.focusLast': focusLast,
   'Explorer.focusNext': focusNext,
   'Explorer.focusPrevious': focusPrevious,
   'Explorer.getKeyBindings': getKeyBindings,
+  'Explorer.getMenuEntries': getMenuEntries,
   'Explorer.getVirtualDom': getExplorerVirtualDom,
   'Explorer.getVisibleItems': getVisibleExplorerItems,
   'Explorer.handleArrowLeft': handleArrowLeft,
@@ -2479,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,
@@ -2487,6 +3367,7 @@ const commandMap = {
   'Explorer.removeDirent': removeDirent,
   'Explorer.renameDirent': renameDirent,
   'Explorer.restoreState': restoreState,
+  'Explorer.revealItem': revealItem,
   'Explorer.saveState': saveState
 };