@lvce-editor/static-server 0.40.9 → 0.41.1

package/static/{8c086b8 → 89cea5f}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -110,7 +110,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/8c086b8';
+    return '/89cea5f';
   }
 };
 const assetDir = getAssetDir();
@@ -1075,7 +1075,7 @@ const IpcChildWithModuleWorker$1 = {
   wrap: wrap$6$1
 };
 
-const getModule$9 = method => {
+const getModule$8 = method => {
   switch (method) {
     case ModuleWorker$1:
       return IpcChildWithModuleWorker$1;
@@ -1087,7 +1087,7 @@ const getModule$9 = method => {
 const listen$2 = async ({
   method
 }) => {
-  const module = await getModule$9(method);
+  const module = await getModule$8(method);
   const rawIpc = await module.listen();
   // @ts-ignore
   if (module.signal) {
@@ -1874,7 +1874,6 @@ const getColorThemeJson = colorThemeId => {
 };
 
 const Utf8 = 'utf8';
-const Binary = 'binary';
 
 const fileSystems = Object.create(null);
 const registerAll$1 = map => {
@@ -1948,13 +1947,6 @@ const remove$9 = async uri => {
   const fileSystem = await getFileSystem(protocol);
   await fileSystem.remove(path);
 };
-const rename$6 = async (oldUri, newUri) => {
-  const protocol = getProtocol(oldUri);
-  const oldPath = getPath$1(protocol, oldUri);
-  const newPath = getPath$1(protocol, newUri);
-  const fileSystem = await getFileSystem(protocol);
-  await fileSystem.rename(oldPath, newPath);
-};
 const mkdir$7 = async uri => {
   const protocol = getProtocol(uri);
   const path = getPath$1(protocol, uri);
@@ -1991,34 +1983,12 @@ const getBlob$4 = async uri => {
   const fileSystem = await getFileSystem(protocol);
   return fileSystem.getBlob(path);
 };
-const copy$7 = async (sourceUri, targetUri) => {
-  string(sourceUri);
-  string(targetUri);
-  // TODO what if it is not the same file system?
-  const protocol = getProtocol(sourceUri);
-  const fileSystem = await getFileSystem(protocol);
-  const sourcePath = getPath$1(protocol, sourceUri);
-  const targetPath = getPath$1(protocol, targetUri);
-  return fileSystem.copy(sourcePath, targetPath);
-};
-const getPathSeparator$9 = async uri => {
+const getPathSeparator$8 = async uri => {
   const protocol = getProtocol(uri);
   const path = getPath$1(protocol, uri);
   const fileSystem = await getFileSystem(protocol);
   return fileSystem.getPathSeparator(path);
 };
-const getRealPath$1 = async uri => {
-  const protocol = getProtocol(uri);
-  const path = getPath$1(protocol, uri);
-  const fileSystem = await getFileSystem(protocol);
-  return fileSystem.getRealPath(path);
-};
-const stat$1 = async uri => {
-  const protocol = getProtocol(uri);
-  const path = getPath$1(protocol, uri);
-  const fileSystem = await getFileSystem(protocol);
-  return fileSystem.stat(path);
-};
 const chmod$3 = async (uri, permissions) => {
   const protocol = getProtocol(uri);
   const path = getPath$1(protocol, uri);
@@ -2428,7 +2398,6 @@ const FocusDebugInput = 6;
 const FocusDialog = 7;
 const FocusEditorRename = 11;
 const FocusExplorer = 13;
-const FocusExplorerEditBox = 14;
 const FocusExtensions = 15;
 const FocusFindWidget = 16;
 const FocusMenu = 18;
@@ -2508,7 +2477,7 @@ const findMatchingIconThemeExtension = (extensions, iconThemeId) => {
 };
 
 const Resolved = 'resolved';
-const Rejected$1 = 'rejected';
+const Rejected = 'rejected';
 
 const webExtensionsUrl = `${assetDir}/config/webExtensions.json`;
 
@@ -2941,7 +2910,7 @@ const organizeExtensions = extensions => {
       case Resolved:
         resolved.push(extension);
         break;
-      case Rejected$1:
+      case Rejected:
         rejected.push(extension);
         break;
       default:
@@ -3395,7 +3364,7 @@ const set$a = title => {
 const setPath = async path => {
   string(path);
   // TODO not in electron
-  const pathSeparator = await getPathSeparator$9(path);
+  const pathSeparator = await getPathSeparator$8(path);
   // @ts-ignore
   state$w.workspacePath = path;
   // @ts-ignore
@@ -3568,7 +3537,7 @@ const ModuleWorkerAndWorkaroundForChromeDevtoolsBug = 6;
 const Node = 7;
 const NodeAlternate = 8;
 
-const getModule$8 = method => {
+const getModule$7 = method => {
   switch (method) {
     case ElectronMessagePort:
       return Promise.resolve().then(function () { return IpcParentWithElectronMessagePort; });
@@ -3599,7 +3568,7 @@ const create$11 = async ({
   if (options && options.url && options.url.endsWith('extensionHostSubWorkerMain.js')) {
     options.url = extensionHostSubWorkerUrl;
   }
-  const module = await getModule$8(method);
+  const module = await getModule$7(method);
   // @ts-ignore
   const rawIpc = await module.create(options);
   if (options.noReturn) {
@@ -3961,7 +3930,7 @@ const EditorText = 'Editor';
 const EditorWidgetError = 'EditorWidgetError';
 const Error$3 = 'Error';
 const EmptyEditor = 'EmptyEditor';
-const Explorer$3 = 'Explorer';
+const Explorer$2 = 'Explorer';
 const ExtensionDetail = 'ExtensionDetail';
 const Extensions$2 = 'Extensions';
 const Iframe = 'Iframe';
@@ -3972,7 +3941,7 @@ const List$2 = 'List';
 const Locations = 'Locations';
 const Main$3 = 'Main';
 const MainTabs = 'MainTabs';
-const None$k = '';
+const None$j = '';
 const Noop$1 = 'Noop';
 const Output = 'Output';
 const Panel$2 = 'Panel';
@@ -4028,7 +3997,7 @@ const ViewletModuleId = {
   EditorWidgetError,
   EmptyEditor,
   Error: Error$3,
-  Explorer: Explorer$3,
+  Explorer: Explorer$2,
   ExtensionDetail,
   Extensions: Extensions$2,
   Iframe,
@@ -4041,7 +4010,7 @@ const ViewletModuleId = {
   Main: Main$3,
   MainTabs,
   MarkDownPreview,
-  None: None$k,
+  None: None$j,
   Noop: Noop$1,
   Output,
   Panel: Panel$2,
@@ -5162,13 +5131,12 @@ const getIconTheme = () => {
 const File$5 = '_file';
 const Folder = '_folder';
 const FolderOpen = '_folder_open';
-const None$j = '';
+const None$i = '';
 
 const BlockDevice = 1;
 const CharacterDevice = 2;
 const Directory$1 = 3;
 const DirectoryExpanded = 4;
-const DirectoryExpanding = 5;
 const File$4 = 7;
 const Socket = 8;
 const Symlink = 9;
@@ -5272,7 +5240,7 @@ const getIcon$1 = dirent => {
       return getAbsoluteIconPath(getIconTheme(), File$5);
     default:
       warn$1(`unsupported type ${dirent.type}`);
-      return None$j;
+      return None$i;
   }
 };
 
@@ -6093,7 +6061,7 @@ const map = {
   [EditorText]: () => Promise.resolve().then(function () { return ViewletEditorText_ipc; }),
   [EditorWidgetError]: () => Promise.resolve().then(function () { return ViewletEditorWidgetError_ipc; }),
   [EmptyEditor]: () => Promise.resolve().then(function () { return ViewletEmptyEditor_ipc; }),
-  [Explorer$3]: () => Promise.resolve().then(function () { return ViewletExplorer_ipc; }),
+  [Explorer$2]: () => Promise.resolve().then(function () { return ViewletExplorer_ipc; }),
   [ExtensionDetail]: () => Promise.resolve().then(function () { return ViewletExtensionDetail_ipc; }),
   [Extensions$2]: () => Promise.resolve().then(function () { return ViewletExtensions_ipc; }),
   [Implementations]: () => Promise.resolve().then(function () { return ViewletImplementations_ipc; }),
@@ -6513,7 +6481,7 @@ const remove$6 = uri => {
  * @param {string} oldUri
  * @param {string} newUri
  */
-const rename$5 = (oldUri, newUri) => {
+const rename$4 = (oldUri, newUri) => {
   const protocol = getProtocol(oldUri);
   const oldPath = getPath$1(protocol, oldUri);
   const newPath = getPath$1(protocol, newUri);
@@ -6574,7 +6542,7 @@ const readDirWithFileTypes$7 = uri => {
     noProviderFoundMessage: 'no file system provider found'
   });
 };
-const getPathSeparator$8 = async uri => {
+const getPathSeparator$7 = async uri => {
   const protocol = getProtocol(uri);
   const pathSeparator = await executeProvider({
     event: `onFileSystem:${protocol}`,
@@ -6590,17 +6558,17 @@ const ExtensionHostFileSystem = {
   __proto__: null,
   createFile: createFile$1,
   createFolder: createFolder$1,
-  getPathSeparator: getPathSeparator$8,
+  getPathSeparator: getPathSeparator$7,
   mkdir: mkdir$6,
   readDirWithFileTypes: readDirWithFileTypes$7,
   readFile: readFile$d,
   remove: remove$6,
-  rename: rename$5,
+  rename: rename$4,
   writeFile: writeFile$d
 };
 
 const name$2n = 'App';
-const getModule$7 = uri => {
+const getModule$6 = uri => {
   switch (uri) {
     case 'startup-performance':
       return Promise.resolve().then(function () { return FileSystemAppStartupPerformance; });
@@ -6619,17 +6587,17 @@ const getModule$7 = uri => {
   }
 };
 const readFile$c = async uri => {
-  const module = await getModule$7(uri);
+  const module = await getModule$6(uri);
   return module.readFile();
 };
 const writeFile$c = async (uri, content) => {
-  const module = await getModule$7(uri);
+  const module = await getModule$6(uri);
   return module.writeFile(content);
 };
 const readDirWithFileTypes$6 = () => {
   return [];
 };
-const rename$4 = async (oldUri, newUri) => {
+const rename$3 = async (oldUri, newUri) => {
   throw new Error('not allowed');
 };
 const remove$5 = async path => {
@@ -6638,7 +6606,7 @@ const remove$5 = async path => {
 const mkdir$5 = async path => {
   throw new Error('not allowed');
 };
-const getPathSeparator$7 = () => {
+const getPathSeparator$6 = () => {
   return Slash;
 };
 const canBeRestored$5 = true;
@@ -6646,18 +6614,18 @@ const canBeRestored$5 = true;
 const FileSystemApp = {
   __proto__: null,
   canBeRestored: canBeRestored$5,
-  getPathSeparator: getPathSeparator$7,
+  getPathSeparator: getPathSeparator$6,
   mkdir: mkdir$5,
   name: name$2n,
   readDirWithFileTypes: readDirWithFileTypes$6,
   readFile: readFile$c,
   remove: remove$5,
-  rename: rename$4,
+  rename: rename$3,
   writeFile: writeFile$c
 };
 
 const name$2m = 'Data';
-const copy$6 = (source, target) => {
+const copy$5 = (source, target) => {
   throw new Error('not implemented');
 };
 const readFile$b = path => {
@@ -6666,7 +6634,7 @@ const readFile$b = path => {
 const remove$4 = path => {
   throw new Error('not implemented');
 };
-const rename$3 = (oldUri, newUri) => {
+const rename$2 = (oldUri, newUri) => {
   throw new Error('not implemented');
 };
 const mkdir$4 = path => {
@@ -6682,22 +6650,22 @@ const readDirWithFileTypes$5 = path => {
 const getBlobUrl$2 = path => {
   throw new Error('not implemented');
 };
-const getPathSeparator$6 = () => {
+const getPathSeparator$5 = () => {
   throw new Error('not implemented');
 };
 
 const FileSystemData = {
   __proto__: null,
-  copy: copy$6,
+  copy: copy$5,
   ensureFile: ensureFile$1,
   getBlobUrl: getBlobUrl$2,
-  getPathSeparator: getPathSeparator$6,
+  getPathSeparator: getPathSeparator$5,
   mkdir: mkdir$4,
   name: name$2m,
   readDirWithFileTypes: readDirWithFileTypes$5,
   readFile: readFile$b,
   remove: remove$4,
-  rename: rename$3,
+  rename: rename$2,
   writeFile: writeFile$b
 };
 
@@ -6740,7 +6708,7 @@ const writeFile$a = (uri, content) => {
 const mkdir$3 = uri => {
   return invoke$d('FileSystemMemory.mkdir', uri);
 };
-const getPathSeparator$5 = () => {
+const getPathSeparator$4 = () => {
   return Slash;
 };
 const remove$3 = uri => {
@@ -6768,7 +6736,7 @@ const FileSystemMemory = {
   getBlob: getBlob$3,
   getBlobUrl: getBlobUrl$1,
   getFiles,
-  getPathSeparator: getPathSeparator$5,
+  getPathSeparator: getPathSeparator$4,
   mkdir: mkdir$3,
   name: name$2l,
   readDirWithFileTypes: readDirWithFileTypes$4,
@@ -6992,7 +6960,7 @@ const readFile$9 = async path => {
 const remove$2 = async path => {
   throw new Error('not implemented');
 };
-const rename$2 = async (oldPath, newPath) => {
+const rename$1 = async (oldPath, newPath) => {
   throw new Error('not implemented');
 };
 const mkdir$2 = async path => {
@@ -7050,7 +7018,7 @@ const unwatchAll = () => {
 const onDidSave = listener => {
   throw new Error('not implemented');
 };
-const getPathSeparator$4 = () => {
+const getPathSeparator$3 = () => {
   return Slash;
 };
 const canBeRestored$4 = true;
@@ -7060,14 +7028,14 @@ const FileSystemWeb = {
   canBeRestored: canBeRestored$4,
   createFile,
   createFolder,
-  getPathSeparator: getPathSeparator$4,
+  getPathSeparator: getPathSeparator$3,
   mkdir: mkdir$2,
   name: name$2k,
   onDidSave,
   readDirWithFileTypes: readDirWithFileTypes$3,
   readFile: readFile$9,
   remove: remove$2,
-  rename: rename$2,
+  rename: rename$1,
   state: state$l,
   unwatch,
   unwatchAll,
@@ -7091,7 +7059,7 @@ const writeFile$8 = (uri, content) => {
 const mkdir$1 = uri => {
   return invoke$d('FileSystemFetch.mkdir', uri);
 };
-const getPathSeparator$3 = () => {
+const getPathSeparator$2 = () => {
   return Slash;
 };
 const remove$1 = uri => {
@@ -7112,7 +7080,7 @@ const FileSystemFetch = {
   canBeRestored: canBeRestored$3,
   chmod: chmod$1,
   getBlob: getBlob$2,
-  getPathSeparator: getPathSeparator$3,
+  getPathSeparator: getPathSeparator$2,
   mkdir: mkdir$1,
   name: name$2j,
   readDirWithFileTypes: readDirWithFileTypes$2,
@@ -7134,7 +7102,7 @@ const toUri = item => {
   }
   return `file://${item}`;
 };
-const copy$5 = (source, target) => {
+const copy$4 = (source, target) => {
   source = toUri(source);
   target = toUri(target);
   return invoke$f(FileSystemCopy, /* source */source, /* target */target);
@@ -7151,7 +7119,7 @@ const remove = path => {
   path = toUri(path);
   return invoke$f(FileSystemRemove$1, /* path */path);
 };
-const rename$1 = (oldUri, newUri) => {
+const rename = (oldUri, newUri) => {
   oldUri = toUri(oldUri);
   newUri = toUri(newUri);
   return invoke$f(FileSystemRename$1, /* oldPath */oldUri, /* newPath */newUri);
@@ -7181,7 +7149,7 @@ const getBlob$1 = async path => {
   const blob = new Blob([array], {});
   return blob;
 };
-const getPathSeparator$2 = () => {
+const getPathSeparator$1 = () => {
   if (platform === Web$1) {
     return Slash;
   }
@@ -7204,11 +7172,11 @@ const FileSystemDisk = {
   __proto__: null,
   canBeRestored: canBeRestored$2,
   chmod,
-  copy: copy$5,
+  copy: copy$4,
   ensureFile,
   getBlob: getBlob$1,
   getBlobUrl,
-  getPathSeparator: getPathSeparator$2,
+  getPathSeparator: getPathSeparator$1,
   getRealPath,
   mkdir,
   name: name$2i,
@@ -7216,7 +7184,7 @@ const FileSystemDisk = {
   readFile: readFile$7,
   readJson: readJson$2,
   remove,
-  rename: rename$1,
+  rename,
   stat,
   writeFile: writeFile$7
 };
@@ -7312,10 +7280,6 @@ const getFileHandle$1 = (handle, name) => {
   return handle.getFileHandle(name);
 };
 
-const getBinaryString$1 = file => {
-  return execute$4('Blob.blobToBinaryString', file);
-};
-
 /**
  *
  * @param {FileSystemFileHandle} handle
@@ -7325,17 +7289,6 @@ const getFile = handle => {
   return handle.getFile();
 };
 
-/**
- *
- * @param {FileSystemFileHandle} handle
- * @returns
- */
-const getBinaryString = async handle => {
-  const file = await getFile(handle);
-  const text = await getBinaryString$1(file);
-  return text;
-};
-
 /**
  *
  * @param {FileSystemFileHandle} handle
@@ -7375,9 +7328,6 @@ const fileExtension = uri => {
   string(uri);
   return getFileExtension(uri);
 };
-const join = (pathSeparator, ...parts) => {
-  return parts.join(pathSeparator);
-};
 const dirname = (pathSeparator, path) => {
   const index = path.lastIndexOf(pathSeparator);
   if (index === -1) {
@@ -7555,7 +7505,7 @@ const writeFile$6 = async (uri, content) => {
     throw new VError(error, 'Failed to save file');
   }
 };
-const getPathSeparator$1 = () => {
+const getPathSeparator = () => {
   return pathSeparator$1;
 };
 const getBlobSrc = async uri => {
@@ -7584,7 +7534,7 @@ const FileSystemHtml = {
   getBlobSrc,
   getChildHandles,
   getDirents,
-  getPathSeparator: getPathSeparator$1,
+  getPathSeparator,
   readDirWithFileTypes,
   readFile: readFile$6,
   writeFile: writeFile$6
@@ -8082,7 +8032,7 @@ const IpcParentWithWebSocket = {
   wrap: wrap$2
 };
 
-const getModule$6 = () => {
+const getModule$5 = () => {
   switch (platform) {
     case Web$1:
     case Remote:
@@ -8094,7 +8044,7 @@ const getModule$6 = () => {
   }
 };
 const create$U = async options => {
-  const module = await getModule$6();
+  const module = await getModule$5();
   const rawIpc = await module.create(options);
   if (options.raw) {
     return rawIpc;
@@ -8615,7 +8565,7 @@ const AppImage = 'AppImage';
 const WindowsNsis = 'WindowsNsis';
 const Deb = 'Deb';
 
-const getModule$5 = type => {
+const getModule$4 = type => {
   switch (type) {
     case AppImage:
       return Promise.resolve().then(function () { return AutoUpdaterAppImage; });
@@ -8682,7 +8632,7 @@ const checkForUpdates$1 = async () => {
   if (!shouldUpdate) {
     return;
   }
-  const module = await getModule$5(type);
+  const module = await getModule$4(type);
   if (!module) {
     return;
   }
@@ -9440,7 +9390,7 @@ const hasContextMenuNativePreference = () => {
   const value = get$d('window.titleBarStyle');
   return value === 'native';
 };
-const getModule$4 = () => {
+const getModule$3 = () => {
   if (platform === Electron$1 && hasContextMenuNativePreference()) {
     return Promise.resolve().then(function () { return ContextMenuElectron; });
   }
@@ -9450,7 +9400,7 @@ const show$a = async (x, y, id, ...args) => {
   number$1(x);
   number$1(y);
   number$1(id);
-  const module = await getModule$4();
+  const module = await getModule$3();
   return module.show(x, y, id, ...args);
 };
 
@@ -9869,7 +9819,7 @@ const formatBytes = bytes => {
   return prettyBytes(bytes);
 };
 
-const getModule$3 = () => {
+const getModule$2 = () => {
   switch (platform) {
     case Electron$1:
       return Promise.resolve().then(function () { return ProcessExplorerElectron; });
@@ -9882,7 +9832,7 @@ const getModule$3 = () => {
   }
 };
 const open$5 = async () => {
-  const module = await getModule$3();
+  const module = await getModule$2();
   return module.open();
 };
 
@@ -10135,7 +10085,7 @@ const load$3 = () => {
   }
 };
 
-const openFolder$5 = async () => {
+const openFolder$4 = async () => {
   const module = await load$3();
   await module.openFolder();
 };
@@ -10213,7 +10163,7 @@ const Commands$1R = {
   close: undefined,
   handleClick: handleClick$b,
   openFile: openFile$3,
-  openFolder: openFolder$5,
+  openFolder: openFolder$4,
   showMessage: showMessage
 };
 
@@ -10405,13 +10355,13 @@ const findAllReferences = () => {
 const findAllImplementations = () => {
   return i18nString(UiStrings$m.FindAllImplementations);
 };
-const cut$1 = () => {
+const cut = () => {
   return i18nString(UiStrings$m.Cut);
 };
-const copy$4 = () => {
+const copy$3 = () => {
   return i18nString(UiStrings$m.Copy);
 };
-const paste$1 = () => {
+const paste = () => {
   return i18nString(UiStrings$m.Paste);
 };
 const undo = () => {
@@ -10449,7 +10399,7 @@ const sourceAction = () => {
 };
 
 const Separator$3 = 1;
-const None$i = 0;
+const None$h = 0;
 const SubMenu$1 = 4;
 const Checked = 2;
 const Unchecked = 3;
@@ -10467,7 +10417,7 @@ const menuEntrySeparator = {
 const ActivityBar$4 = 1;
 const Edit = 2;
 const Editor$1 = 3;
-const Explorer$2 = 4;
+const Explorer$1 = 4;
 const File$1 = 5;
 const Go = 6;
 const Help$1 = 7;
@@ -10505,28 +10455,28 @@ const getMenuEntries$s = () => {
     command: /* TODO */-1
   }, menuEntrySeparator, {
     id: 'cut',
-    label: cut$1(),
-    flags: None$i,
+    label: cut(),
+    flags: None$h,
     command: /* Editor.cut */'Editor.cut'
   }, {
     id: 'copy',
-    label: copy$4(),
-    flags: None$i,
+    label: copy$3(),
+    flags: None$h,
     command: /* Editor.copy */'Editor.copy'
   }, {
     id: 'paste',
-    label: paste$1(),
-    flags: None$i,
+    label: paste(),
+    flags: None$h,
     command: /* Editor.paste */'Editor.paste'
   }, menuEntrySeparator, {
     id: 'toggle-line-comment',
     label: toggleLineComment(),
-    flags: None$i,
+    flags: None$h,
     command: /* Editor.toggleLineComment */'Editor.toggleLineComment'
   }, {
     id: 'toggle-block-comment',
     label: toggleBlockComment(),
-    flags: None$i,
+    flags: None$h,
     command: /* Editor.toggleBlockComment */'Editor.toggleBlockComment'
   }];
 };
@@ -10560,7 +10510,7 @@ const newWindow$1 = () => {
 const openFile$2 = () => {
   return i18nString(UiStrings$l.OpenFile);
 };
-const openFolder$4 = () => {
+const openFolder$3 = () => {
   return i18nString(UiStrings$l.OpenFolder);
 };
 const openRecent$1 = () => {
@@ -10581,21 +10531,21 @@ const getMenuEntries$r = () => {
   const entries = [{
     id: 'newFile',
     label: newFile$2(),
-    flags: None$i,
+    flags: None$h,
     command: -1
   }, {
     id: 'newWindow',
     label: newWindow$1(),
-    flags: None$i,
+    flags: None$h,
     command: /* Window.openNew */'Window.openNew'
   }, menuEntrySeparator, {
     id: 'openFile',
     label: openFile$2(),
-    flags: None$i,
+    flags: None$h,
     command: 'Dialog.openFile'
   }, {
     id: 'openFolder',
-    label: openFolder$4(),
+    label: openFolder$3(),
     flags: RestoreFocus,
     command: 'Dialog.openFolder'
   }, {
@@ -10606,12 +10556,12 @@ const getMenuEntries$r = () => {
   }, menuEntrySeparator, {
     id: 'save',
     label: save$1(),
-    flags: None$i,
+    flags: None$h,
     command: 'Main.save'
   }, {
     id: 'saveAll',
     label: saveAll(),
-    flags: None$i,
+    flags: None$h,
     command: 'Main.saveAll'
   }];
   if (platform === Electron$1) {
@@ -10695,7 +10645,7 @@ const getMenuEntries$p = async () => {
     entries.push({
       id: 'toggleDeveloperTools',
       label: toggleDeveloperTools(),
-      flags: None$i,
+      flags: None$h,
       command: 'Developer.toggleDeveloperTools'
     }, {
       id: 'openProcessExplorer',
@@ -10759,7 +10709,7 @@ const SettingsGear = 'SettingsGear';
 const SourceControl$1 = 'SourceControl';
 const SplitHorizontal = 'SplitHorizontal';
 const Trash = 'Trash';
-const None$h = '';
+const None$g = '';
 
 const getTitle = uri => {
   if (!uri) {
@@ -10812,7 +10762,7 @@ const toMenuItem = folder => {
   const label = getTitle(folder);
   return {
     label,
-    flags: None$i,
+    flags: None$h,
     command: 'Workspace.setPath',
     args: [folder]
   };
@@ -10831,12 +10781,12 @@ const getMenuEntries$n = async () => {
   items.push({
     id: 'more',
     label: moreDot(),
-    flags: None$i,
+    flags: None$h,
     command: 'QuickPick.showRecent'
   }, menuEntrySeparator, {
     id: 'clearRecentlyOpened',
     label: clearRecentlyOpened(),
-    flags: None$i,
+    flags: None$h,
     command: 'RecentlyOpened.clearRecentlyOpened'
   });
   return items;
@@ -10853,17 +10803,17 @@ const getMenuEntries$m = () => {
   return [{
     id: 'selectAll',
     label: selectAll(),
-    flags: None$i,
+    flags: None$h,
     command: 'Editor.selectAll'
   }, {
     id: 'copyLineUp',
     label: copyLineUp(),
-    flags: None$i,
+    flags: None$h,
     command: 'Editor.copyLineUp'
   }, {
     id: 'copyLineDown',
     label: copyLineDown(),
-    flags: None$i,
+    flags: None$h,
     command: 'Editor.copyLineDown'
   }, {
     id: 'moveLineUp',
@@ -10907,7 +10857,7 @@ const getMenuEntries$l = () => {
   return [{
     id: 'newTerminal',
     label: newTerminal(),
-    flags: None$i,
+    flags: None$h,
     command: 'Layout.togglePanel',
     args: ['Terminal']
   }];
@@ -10919,7 +10869,7 @@ const MenuEntriesTerminal = {
   id: id$g
 };
 
-const getModule$2 = () => {
+const getModule$1 = () => {
   switch (platform) {
     case Web$1:
       return Promise.resolve().then(function () { return MenuEntriesTitleBarWeb; });
@@ -10929,7 +10879,7 @@ const getModule$2 = () => {
 };
 const id$f = TitleBar$1;
 const getMenuEntries$k = async () => {
-  const module = await getModule$2();
+  const module = await getModule$1();
   return module.getMenuEntries();
 };
 
@@ -10954,8 +10904,8 @@ const MenuEntriesView = {
 
 const Undo = 'undo';
 const Redo = 'redo';
-const Cut$1 = 'cut';
-const Copy$1 = 'copy';
+const Cut = 'cut';
+const Copy = 'copy';
 const Paste = 'paste';
 const SelectAll = 'selectAll';
 const ToggleDevTools = 'toggleDevTools';
@@ -11023,12 +10973,12 @@ const toElectronMenuItem = entry => {
     case UiStrings$h.Cut:
       return {
         label: entry.label,
-        role: Cut$1
+        role: Cut
       };
     case UiStrings$h.Copy:
       return {
         label: entry.label,
-        role: Copy$1
+        role: Copy
       };
     case UiStrings$h.Paste:
       return {
@@ -11382,7 +11332,7 @@ const name$1M = 'FileSystem';
 const Commands$1C = {
   chmod: chmod$3,
   getBlob: getBlob$4,
-  getPathSeparator: getPathSeparator$9,
+  getPathSeparator: getPathSeparator$8,
   mkdir: mkdir$7,
   readDirWithFileTypes: readDirWithFileTypes$8,
   readFile: readFile$e,
@@ -11699,7 +11649,7 @@ const load$2 = id => {
   }
 };
 
-const getModule$1 = id => {
+const getModule = id => {
   const module = get$8(id);
   if (module) {
     return module;
@@ -11708,7 +11658,7 @@ const getModule$1 = id => {
 };
 const getMenuEntries$i = async (id, ...args) => {
   try {
-    const module = await getModule$1(id);
+    const module = await getModule(id);
     // @ts-ignore
     const inject = module.inject || [];
     const viewletStates = inject.map(getState$1);
@@ -11738,14 +11688,14 @@ const getMenuEntriesWithKeyBindings = async (id, ...args) => {
   return newMenuEntries;
 };
 
-const Button$4 = 'button';
+const Button$3 = 'button';
 const List$1 = 'list';
 const ListItem$1 = 'listitem';
 const Menu$1 = 'menu';
 const MenuBar = 'menubar';
 const MenuItem$1 = 'menuitem';
 const MenuItemCheckBox = 'menuitemcheckbox';
-const None$g = 'none';
+const None$f = 'none';
 const Option$2 = 'option';
 const Separator$1 = 'separator';
 const Status = 'status';
@@ -11764,8 +11714,6 @@ const Badge = 'Badge';
 const MaskIconPlay = 'MaskIconPlay';
 const MaskIconDebugPause = 'MaskIconDebugPause';
 const BadgeContent = 'BadgeContent';
-const Button$3 = 'Button';
-const ButtonPrimary = 'ButtonPrimary';
 const Chevron = 'Chevron';
 const ChevronRight = 'ChevronRight';
 const DebugButton$1 = 'DebugButton';
@@ -11798,7 +11746,6 @@ const EditorRowDeletion = 'EditorRow Deletion';
 const EditorRowInsertion = 'EditorRow Insertion';
 const EditorRows = 'EditorRows';
 const EditorTabCloseButton = 'EditorTabCloseButton';
-const Explorer$1 = 'Explorer';
 const FileIcon = 'FileIcon';
 const Filter$4 = 'Filter';
 const FilterBadge = 'FilterBadge';
@@ -11886,8 +11833,6 @@ const TitleBarTopLevelEntry = 'TitleBarTopLevelEntry';
 const TitleBarTopLevelEntryLabel = 'TitleBarTopLevelEntryLabel';
 const TreeItem = 'TreeItem';
 const Viewlet = 'Viewlet';
-const Welcome = 'Welcome';
-const WelcomeMessage = 'WelcomeMessage';
 
 /**
  *
@@ -12211,7 +12156,6 @@ const THead = 14;
 const Tr = 15;
 const I = 16;
 const Img = 17;
-const P = 50;
 const A = 53;
 const Select$1 = 63;
 const Option = 64;
@@ -12356,7 +12300,7 @@ const getMenuItemVirtualDom = menuItem => {
     flags
   } = menuItem;
   switch (flags) {
-    case None$i:
+    case None$h:
     case RestoreFocus:
     case Ignore:
       return getMenuItemDefaultDom(menuItem);
@@ -12531,7 +12475,7 @@ const selectIndexIgnore$1 = async (menu, item, index) => {
 };
 const getSelectIndexFunction = flags => {
   switch (flags) {
-    case None$i:
+    case None$h:
       return selectIndexNone$1;
     case SubMenu$1:
       return selectIndexSubMenu$1;
@@ -14131,10 +14075,18 @@ const executeTextSearchProvider = async (scheme, query) => {
   });
   return result;
 };
+const textSearchHtml = (...args) => {
+  return invoke$e('TextSearchHtml.textSearch', ...args);
+};
+const textSearchFetch = (...args) => {
+  return invoke$e('TextSearchFetch.textSearch', ...args);
+};
 
 const name$S = 'ExtensionHostTextSearch';
 const Commands$H = {
-  executeTextSearchProvider: executeTextSearchProvider
+  executeTextSearchProvider: executeTextSearchProvider,
+  textSearchFetch: textSearchFetch,
+  textSearchHtml: textSearchHtml
 };
 
 const ExtensionHostTextSearch_ipc = {
@@ -14212,14 +14164,13 @@ const ExtensionManagement_ipc = {
   name: name$O
 };
 
-const None$f = 0;
+const None$e = 0;
 
 // TODO remove this file and merge with whenExpressions
 const About = FocusAbout;
 const ActivityBar$2 = FocusActivityBar;
 const Confirm = FocusConfirm;
 const Explorer = FocusExplorer;
-const ExplorerEditBox = FocusExplorerEditBox;
 const Extensions = FocusExtensions;
 const Problems = FocusProblems;
 const SourceControlInput = FocusSourceControlInput;
@@ -14229,7 +14180,7 @@ const create$P = () => {
   return {
     productName: '',
     lines: [],
-    focusId: None$f,
+    focusId: None$e,
     commands: []
   };
 };
@@ -14406,7 +14357,7 @@ const getActivityBarItems = () => {
   return [
   // Top
   {
-    id: Explorer$3,
+    id: Explorer$2,
     title: explorer$1(),
     icon: Files,
     flags: Tab | Enabled,
@@ -14692,7 +14643,7 @@ const toContextMenuItem$1 = activityBarItem => {
     label: activityBarItem.id,
     id: 8000,
     // TODO
-    flags: None$i,
+    flags: None$h,
     command: -1
   };
 };
@@ -14714,28 +14665,28 @@ const getMenuEntries$g = () => {
   return [{
     id: 'commandPalette',
     label: commandPalette(),
-    flags: None$i,
+    flags: None$h,
     command: 'QuickPick.showEverything'
   }, menuEntrySeparator, {
     id: 'settings',
     label: settings$1(),
-    flags: None$i,
+    flags: None$h,
     command: 'Preferences.openSettingsJson'
   }, {
     id: 'keyboardShortcuts',
     label: keyboardShortcuts(),
-    flags: None$i,
+    flags: None$h,
     command: 'Main.openUri',
     args: [keyBindingsUri]
   }, {
     id: 'colorTheme',
     label: colorTheme(),
-    flags: None$i,
+    flags: None$h,
     command: 'QuickPick.showColorTheme'
   }, menuEntrySeparator, {
     id: 'checkForUpdates',
     label: checkForUpdates(),
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }];
 };
@@ -14764,14 +14715,14 @@ const menuEntryMoveSideBar = sideBarLocation => {
       return {
         id: 'moveSideBarRight',
         label: moveSideBarRight$1(),
-        flags: None$i,
+        flags: None$h,
         command: 'Layout.moveSideBarRight'
       };
     case Right$1:
       return {
         id: 'moveSideBarLeft',
         label: moveSideBarLeft$1(),
-        flags: None$i,
+        flags: None$h,
         command: 'Layout.moveSideBarLeft'
       };
     default:
@@ -14789,7 +14740,7 @@ const getMenuEntries$f = async (layoutState, activityBarState) => {
   return [...activityBarItems.map(toContextMenuItem), menuEntrySeparator, menuEntryMoveSideBar(sideBarLocation), {
     id: 'hideActivityBar',
     label: hideActivityBar$1(),
-    flags: None$i,
+    flags: None$h,
     command: /* Layout.hideActivityBar */'Layout.hideActivityBar'
   }];
 };
@@ -14835,7 +14786,6 @@ const HandleClickAt = 'handleClickAt';
 const HandleClickBackward = 'handleClickBackward';
 const HandleClickForward = 'handleClickForward';
 const HandleClickOpenExternal = 'handleClickOpenExternal';
-const handleClickOpenFolder$1 = 'handleClickOpenFolder';
 const HandleClickReload = 'handleClickReload';
 const HandleClickScopeValue = 'handleClickScopeValue';
 const HandleContextMenu = 'handleContextMenu';
@@ -14860,7 +14810,7 @@ const getIconVirtualDom = (icon, type = Div) => {
   return {
     type,
     className: `MaskIcon MaskIcon${icon}`,
-    role: None$g,
+    role: None$f,
     childCount: 0
   };
 };
@@ -14881,7 +14831,7 @@ const createActivityBarItem = item => {
   const isSelected = flags & Selected;
   const isFocused = flags & Focused$1;
   const isProgress = flags & Progress;
-  const role = isTab ? Tab$3 : Button$4;
+  const role = isTab ? Tab$3 : Button$3;
   const ariaSelected = getAriaSelected(isTab, isSelected);
   const marginTop = flags & MarginTop;
   let className = ActivityBarItem$1;
@@ -14918,7 +14868,7 @@ const createActivityBarItem = item => {
     }, {
       type: Div,
       className: Icon,
-      role: None$g,
+      role: None$f,
       childCount: 0,
       maskImage: icon
     }, {
@@ -15516,7 +15466,6 @@ const getActionButtonVirtualDom = action => {
 };
 
 const Filter$1 = 'filter';
-const ExplorerInput = 'ExploreerInput';
 const PauseOnExceptions = 'pause-on-exceptions';
 const PauseOnUncaughtExceptions = 'pause-on-uncaught-exceptions';
 
@@ -15710,7 +15659,7 @@ const UiStrings$e = {
 const pressDesiredKeyCombinationThenPressEnter = () => {
   return i18nString(UiStrings$e.PressDesiredKeyCombinationThenPressEnter);
 };
-const copy$3 = () => {
+const copy$2 = () => {
   return i18nString(UiStrings$e.Copy);
 };
 const copyCommandId = () => {
@@ -16407,7 +16356,7 @@ const Css$w = ["/css/parts/ViewletDiffEditor.css"];
 
 const name$G = 'DiffEditor';
 
-const None$e = 0;
+const None$d = 0;
 const Insertion = 1;
 const Deletion = 2;
 
@@ -16434,7 +16383,7 @@ const getPrefix$2 = type => {
       return insertion$1;
     case Deletion:
       return deletion$1;
-    case None$e:
+    case None$d:
       return normal$1;
   }
 };
@@ -16446,7 +16395,7 @@ const getClassName$1 = type => {
       return Deletion$1;
     case Insertion:
       return Insertion$1;
-    case None$e:
+    case None$d:
       return '';
   }
 };
@@ -16687,7 +16636,7 @@ const getVisibleDiffLines = (lines, changes, minLineY, maxLineY) => {
     const line = lines[i];
     visible.push({
       line,
-      type: None$e
+      type: None$d
     });
   }
   for (const change of changes) {
@@ -16811,7 +16760,7 @@ const getE2eTestsSandbox = () => {
 const Panel$1 = 'Panel';
 const SideBar$1 = 'SideBar';
 const Preview$2 = 'Preview';
-const None$d = '';
+const None$c = '';
 
 const create$C = (id, uri, x, y, width, height) => {
   return {
@@ -16930,7 +16879,7 @@ const getMenuEntries$e = () => {
   return [{
     id: 'openInNewTab',
     label: 'Open in New Tab',
-    flags: None$i,
+    flags: None$h,
     command: 'E2eTests.openInNewTab'
   }];
 };
@@ -17100,14 +17049,14 @@ const handleLoad = async state => {
     iframeOrigin
   };
 };
-const getIndex$3 = (stateY, eventY) => {
+const getIndex$2 = (stateY, eventY) => {
   const rowHeight = 22;
   const index = Math.floor((eventY - stateY) / rowHeight);
   return index;
 };
 const handleClickAt$4 = async (state, eventX, eventY) => {
   console.log('click', eventX, eventY);
-  const index = getIndex$3(state.y, eventY);
+  const index = getIndex$2(state.y, eventY);
   const item = state.tests[index];
   const url = `e2e-test://${item}`;
   await openUri$1(url);
@@ -17118,7 +17067,7 @@ const runAll = state => {
   return state;
 };
 const handleContextMenu$9 = async (state, button, x, y) => {
-  const index = getIndex$3(state.y, y);
+  const index = getIndex$2(state.y, y);
   // @ts-ignore
   state.index = index;
   await show$a(x, y, E2eTests);
@@ -17289,7 +17238,7 @@ const ViewletE2eTests_ipc = {
   runAll
 };
 
-const None$c = 1;
+const None$b = 1;
 
 const minimumSliderSize = 20;
 
@@ -17405,7 +17354,7 @@ const create$A = (id, uri, languageId) => {
     fontWeight: 400,
     tabSize: 2,
     cursorWidth: 2,
-    completionState: None$c,
+    completionState: None$b,
     longestLineWidth: 0,
     minimumSliderSize: minimumSliderSize,
     differences: [],
@@ -18000,61 +17949,7 @@ const ViewletEmptyEditor_ipc = {
   name: name$C
 };
 
-const None$b = 0;
-const CreateFile = 1;
-const CreateFolder = 2;
-const Rename = 3;
-
-const getExplorerMaxLineY = (minLineY, height, itemHeight, direntsLength) => {
-  const maxLineY = minLineY + Math.min(getNumberOfVisibleItems(height, itemHeight), direntsLength);
-  return maxLineY;
-};
-
-const LeftClick = 0;
-const MiddleClick = 1;
-
-const Fulfilled = 'fulfilled';
-const Rejected = 'rejected';
-
-const ClipBoardWriteText = 'ClipBoard.writeText';
-
-const RE_CHARACTERS = /^[a-zA-Z\.\-]+$/;
-
-/**
- *
- * @param {string} a
- * @param {string} b
- * @returns boolean
- */
-const compareStringNumeric = (a, b) => {
-  if (RE_CHARACTERS.test(a) && RE_CHARACTERS.test(b)) {
-    return a < b ? -1 : 1;
-  }
-  return a.localeCompare(b, 'en', {
-    numeric: true
-  });
-};
-
-const priorityMapFoldersFirst = {
-  [Directory$1]: 1,
-  [SymLinkFolder]: 1,
-  [File$4]: 0,
-  [SymLinkFile]: 0,
-  [Unknown$1]: 0,
-  [Socket]: 0
-};
-const compareDirentType = (direntA, direntB) => {
-  return priorityMapFoldersFirst[direntB.type] - priorityMapFoldersFirst[direntA.type];
-};
-const compareDirentName = (direntA, direntB) => {
-  return compareStringNumeric(direntA.name, direntB.name);
-};
-const compareDirent = (direntA, direntB) => {
-  return compareDirentType(direntA, direntB) || compareDirentName(direntA, direntB);
-};
-const sortExplorerItems = rawDirents => {
-  rawDirents.sort(compareDirent);
-};
+const None$a = 0;
 
 const explorerWorkerUrl = `${assetDir}/packages/explorer-worker/dist/explorerViewWorkerMain.js`;
 
@@ -18073,166 +17968,6 @@ const {
   invoke: invoke$5
 } = getOrCreateWorker(launchExplorerWorker);
 
-const focusIndex$7 = (state, index) => {
-  return invoke$5('Explorer.focusIndex', state, index);
-};
-
-const ViewletExplorerFocusIndex = {
-  __proto__: null,
-  focusIndex: focusIndex$7
-};
-
-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 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$1(rawDirent)
-    };
-  };
-  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 getParentStartIndex = (dirents, index) => {
-  const dirent = dirents[index];
-  let startIndex = index - 1;
-  while (startIndex >= 0 && dirents[startIndex].depth >= dirent.depth) {
-    startIndex--;
-  }
-  return startIndex;
-};
-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 isSymbolicLink = dirent => {
-  return dirent.type === Symlink;
-};
-const hasSymbolicLinks = rawDirents => {
-  return rawDirents.some(isSymbolicLink);
-};
-const getSymlinkType = type => {
-  switch (type) {
-    case File$4:
-      return SymLinkFile;
-    case Directory$1:
-      return SymLinkFolder;
-    default:
-      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) => {
-  try {
-    // TODO support windows paths
-    const absolutePath = uri + '/' + rawDirent.name;
-    const type = await stat$1(absolutePath);
-    const symLinkType = getSymlinkType(type);
-    return {
-      name: rawDirent.name,
-      type: symLinkType
-    };
-  } catch (error) {
-    // @ts-ignore
-    if (error && error.code === ENOENT) {
-      return {
-        name: rawDirent.name,
-        type: SymLinkFile
-      };
-    }
-    console.error(`Failed to resolve symbolic link for ${rawDirent.name}: ${error}`);
-    return rawDirent;
-  }
-};
-const resolveSymbolicLinks = async (uri, rawDirents) => {
-  const promises = [];
-  for (const rawDirent of rawDirents) {
-    if (isSymbolicLink(rawDirent)) {
-      const resolvedDirent = resolveSymbolicLink(uri, rawDirent);
-      promises.push(resolvedDirent);
-    } else {
-      promises.push(rawDirent);
-    }
-  }
-  const resolvedDirents = await Promise.all(promises);
-  return resolvedDirents;
-};
-const getChildDirentsRaw = async uri => {
-  const rawDirents = await readDirWithFileTypes$8(uri);
-  array(rawDirents);
-  if (hasSymbolicLinks(rawDirents)) {
-    return resolveSymbolicLinks(uri, rawDirents);
-  }
-  return rawDirents;
-};
-const getChildDirents = async (pathSeparator, parentDirent, excluded = []) => {
-  string(pathSeparator);
-  object(parentDirent);
-  // TODO use event/actor based code instead, this is impossible to cancel right now
-  // also cancel updating when opening new folder
-  // const dispose = state => state.pendingRequests.forEach(cancelRequest)
-  // TODO should use FileSystem directly in this case because it is globally available anyway
-  // and more typesafe than Command.execute
-  // and more performant
-  const uri = parentDirent.path;
-  const rawDirents = await getChildDirentsRaw(uri);
-  const displayDirents = toDisplayDirents(pathSeparator, rawDirents, parentDirent, excluded);
-  return displayDirents;
-};
-const mergeDirents$2 = (oldDirents, newDirents) => {
-  const merged = [];
-  for (const newDirent of newDirents) {
-    merged.push(newDirent);
-  }
-  return merged;
-};
-const getTopLevelDirents = (root, pathSeparator, excluded) => {
-  if (!root) {
-    return [];
-  }
-  return getChildDirents(pathSeparator, {
-    depth: 0,
-    path: root,
-    type: Directory$1
-  }, excluded);
-};
-
 // 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
@@ -18266,206 +18001,52 @@ const create$w = (id, uri, x, y, width, height, args, parentUid) => {
     dropTargets: [],
     excluded: [],
     editingValue: '',
-    editingType: None$b,
+    editingType: None$a,
     editingIcon: ''
   };
 };
-const getPathSeparator = root => {
-  return getPathSeparator$9(root);
-};
-const getSavedChildDirents = (map, path, depth, excluded, pathSeparator) => {
-  const children = map[path];
-  if (!children) {
-    return [];
-  }
-  const dirents = [];
-  sortExplorerItems(children);
-  const visible = [];
-  const displayRoot = path.endsWith(pathSeparator) ? path : path + pathSeparator;
-  for (const child of children) {
-    if (excluded.includes(child.name)) {
-      continue;
-    }
-    visible.push(child);
-  }
-  const visibleLength = visible.length;
-  for (let i = 0; i < visibleLength; i++) {
-    const child = visible[i];
-    const {
-      name,
-      type
-    } = child;
-    const childPath = displayRoot + name;
-    if ((child.type === Directory$1 || child.type === SymLinkFolder) && childPath in map) {
-      dirents.push({
-        depth,
-        posInSet: i + 1,
-        setSize: visibleLength,
-        icon: getFolderIcon({
-          name
-        }),
-        name,
-        path: childPath,
-        type: DirectoryExpanded
-      });
-      dirents.push(...getSavedChildDirents(map, childPath, depth + 1, excluded, pathSeparator));
-    } else {
-      dirents.push({
-        depth,
-        posInSet: i + 1,
-        setSize: visibleLength,
-        icon: getIcon$1({
-          type,
-          name
-        }),
-        name,
-        path: childPath,
-        type
-      });
-    }
-  }
-  return dirents;
-};
-const createDirents = (root, expandedDirentPaths, expandedDirentChildren, excluded, pathSeparator) => {
-  const dirents = [];
-  const map = Object.create(null);
-  for (let i = 0; i < expandedDirentPaths.length; i++) {
-    const path = expandedDirentPaths[i];
-    const children = expandedDirentChildren[i];
-    if (children.status === Fulfilled) {
-      map[path] = children.value;
-    }
-  }
-  dirents.push(...getSavedChildDirents(map, root, 1, excluded, pathSeparator));
-  return dirents;
-};
-const getSavedExpandedPaths = (savedState, root) => {
-  if (savedState && savedState.root !== root) {
-    return [];
-  }
-  if (savedState && savedState.expandedPaths && Array.isArray(savedState.expandedPaths)) {
-    return savedState.expandedPaths;
-  }
-  return [];
-};
-const restoreExpandedState = async (savedState, root, pathSeparator, excluded) => {
-  // TODO read all opened folders in parallel
-  // ignore ENOENT errors
-  // ignore ENOTDIR errors
-  // merge all dirents
-  // restore scroll location
-  const expandedPaths = getSavedExpandedPaths(savedState, root);
-  if (root === EmptyString) {
-    return [];
-  }
-  const expandedDirentPaths = [root, ...expandedPaths];
-  const expandedDirentChildren = await Promise.allSettled(expandedDirentPaths.map(getChildDirentsRaw));
-  if (expandedDirentChildren[0].status === Rejected) {
-    throw expandedDirentChildren[0].reason;
-  }
-  const dirents = createDirents(root, expandedDirentPaths, expandedDirentChildren, excluded, pathSeparator);
-  return dirents;
-};
-const getExcluded = () => {
-  const excludedObject = get$d('files.exclude') || {};
-  const excluded = [];
-  for (const [key, value] of Object.entries(excludedObject)) {
-    if (value) {
-      excluded.push(key);
-    }
-  }
-  return excluded;
-};
-const getSavedRoot$1 = (savedState, workspacePath) => {
-  return workspacePath;
-};
 const loadContent$w = async (state, savedState) => {
-  const root = getSavedRoot$1(savedState, state$w.workspacePath);
-  // TODO path separator could be restored from saved state
-  const pathSeparator = await getPathSeparator(root); // TODO only load path separator once
-  const excluded = getExcluded();
-  const restoredDirents = await restoreExpandedState(savedState, root, pathSeparator, excluded);
-  const {
-    itemHeight,
-    height
-  } = state;
-  let minLineY = 0;
-  if (savedState && typeof savedState.minLineY === 'number') {
-    minLineY = savedState.minLineY;
-  }
-  let deltaY = 0;
-  if (savedState && typeof savedState.deltaY === 'number') {
-    deltaY = savedState.deltaY;
-  }
-  const maxLineY = getExplorerMaxLineY(minLineY, height, itemHeight, restoredDirents.length);
-  return {
-    ...state,
-    root,
-    items: restoredDirents,
-    minLineY,
-    deltaY,
-    maxLineY,
-    pathSeparator,
-    excluded
-  };
-};
-const updateIcon$1 = dirent => {
-  return {
-    ...dirent,
-    icon: getIcon$1(dirent)
-  };
+  const newState = await invoke$5('Explorer.loadContent', state, savedState);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-const updateIcons$1 = state => {
-  const newDirents = state.items.map(updateIcon$1);
-  return {
-    ...state,
-    items: newDirents
-  };
+const updateIcons$1 = async state => {
+  const newState = await invoke$5('Explorer.updateIcons', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-const handleLanguagesChanged = state => {
-  return updateIcons$1(state);
+const handleLanguagesChanged = async state => {
+  const newState = await invoke$5('Explorer.handleIconThemeChange', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 const handleWorkspaceChange$1 = async state => {
-  const newRoot = state$w.workspacePath;
-  const state1 = {
-    ...state,
-    root: newRoot
-  };
-  const newState = await loadContent$w(state1);
+  const newState = await invoke$5('Explorer.handleWorkspaceChange', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
   return newState;
 };
-const handleIconThemeChange$2 = state => {
-  return updateIcons$1(state);
+const handleIconThemeChange$2 = async state => {
+  const newState = await invoke$5('Explorer.handleIconThemeChange', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 // TODO rename dirents to items, then can use virtual list component directly
-const setDeltaY$2 = (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 setDeltaY$2 = async (state, deltaY) => {
+  const newState = await invoke$5('Explorer.setDeltaY', state, deltaY);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 const handleWheel$2 = (state, deltaMode, deltaY) => {
   return setDeltaY$2(state, state.deltaY + deltaY);
 };
-const getFocusedDirent$1 = state => {
+const getFocusedDirent = state => {
   const {
     focusedIndex,
     minLineY,
@@ -18477,250 +18058,54 @@ const getFocusedDirent$1 = state => {
 
 // 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$9(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 showErrorDialog(error);
-    return;
-  }
-  // TODO avoid state mutation
-  const newVersion = ++state.version;
-  // TODO race condition
-  // const newState = await loadContent(state)
-  if (state.version !== newVersion || state.disposed) {
-    return state;
-  }
-  // TODO is it possible to make this more functional instead of mutating state?
-  // maybe every function returns a new state?
-  const index = state.items.indexOf(dirent);
-  let deleteEnd = index + 1;
-  for (; deleteEnd < state.items.length; deleteEnd++) {
-    if (state.items[deleteEnd].depth <= dirent.depth) {
-      break;
-    }
-  }
-  const deleteCount = deleteEnd - index;
-  const newDirents = [...state.items];
-  newDirents.splice(index, deleteCount);
-  let indexToFocus = -1;
-  if (newDirents.length === 0) {
-    indexToFocus = -1;
-  } else if (index < state.focusedIndex) {
-    indexToFocus = state.focusedIndex - 1;
-  } else if (index === state.focusedIndex) {
-    indexToFocus = Math.max(state.focusedIndex - 1, 0);
-  } else {
-    indexToFocus = Math.max(state.focusedIndex - 1, 0);
-  }
-  return {
-    ...state,
-    items: newDirents,
-    focusedIndex: indexToFocus
-  };
-};
-const renameDirent = state => {
-  const {
-    focusedIndex,
-    items
-  } = state;
-  const item = items[focusedIndex];
-  setFocus(ExplorerEditBox);
-  return {
-    ...state,
-    editingIndex: focusedIndex,
-    editingType: Rename,
-    editingValue: item.name
-  };
-};
-
-// TODO use posInSet and setSize properties to compute more effectively
-/**
- * @internal
- */
-const computeRenamedDirent = (dirents, index, newName) => {
-  let startIndex = index;
-  let innerEndIndex = index + 1;
-  let insertIndex = -1;
-  let posInSet = -1;
-  const oldDirent = dirents[index];
-  const newDirent = {
-    ...oldDirent,
-    name: newName,
-    path: oldDirent.path.slice(0, -oldDirent.name.length) + newName
-  };
-  const depth = newDirent.depth;
-  // TODO
-  for (; startIndex >= 0; startIndex--) {
-    const dirent = dirents[startIndex];
-    if (dirent.depth > depth) {
-      continue;
-    }
-    if (dirent.depth < depth) {
-      break;
-    }
-    if (compareDirent(dirent, newDirent) === 1) {
-      insertIndex = startIndex;
-      posInSet = dirent.posInSet;
-      // dirent.posInSet++
-    }
-  }
-  startIndex++;
-  for (; innerEndIndex < dirents.length; innerEndIndex++) {
-    const dirent = dirents[innerEndIndex];
-    if (dirent.depth <= depth) {
-      break;
-    }
-    dirent.path = newDirent.path + dirent.path.slice(oldDirent.path.length);
-  }
-  innerEndIndex--;
-  let endIndex = innerEndIndex + 1;
-  for (; endIndex < dirents.length; endIndex++) {
-    const dirent = dirents[endIndex];
-    if (dirent.depth > depth) {
-      continue;
-    }
-    if (dirent.depth < depth) {
-      break;
-    }
-    if (insertIndex === -1 && compareDirent(dirent, newDirent === -1)) {
-      for (; endIndex < dirents.length; endIndex++) {
-      }
-      insertIndex = endIndex;
-      posInSet = dirent.posInSet + 1;
-    }
-  }
-  endIndex--;
-  for (let j = startIndex; j < index; j++) {
-    const dirent = dirents[j];
-    if (dirent.depth === depth) {
-      dirent.posInSet++;
-    }
-  }
-  for (let j = index; j < endIndex; j++) {
-    const dirent = dirents[j];
-    if (dirent.depth === depth) {
-      dirent.posInSet--;
-    }
-  }
-
-  // for (let j = startIndex; j < index; j++) {
-  //   const dirent = dirents[j]
-  //   dirent.posInSet++
-  // }
-
-  if (insertIndex === -1) {
-    insertIndex = index;
-    return {
-      focusedIndex: index,
-      newDirents: [...dirents.slice(0, index), newDirent, ...dirents.slice(index + 1)]
-    };
-  }
-  newDirent.posInSet = posInSet;
-  const newDirents = [...dirents];
-  if (index < insertIndex) {
-    insertIndex--;
-  }
-  newDirents.splice(index, 1);
-  newDirents.splice(insertIndex, 0, newDirent);
-  return {
-    newDirents,
-    focusedIndex: insertIndex
-  };
-};
-const cancelEdit = state => {
-  const {
-    editingIndex
-  } = state;
-  return {
-    ...state,
-    focusedIndex: editingIndex,
-    focused: true,
-    editingIndex: -1,
-    editingValue: '',
-    editingType: None$b
-  };
+  const newState = await invoke$5('Explorer.removeDirent', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-const copyRelativePath$1 = async state => {
-  const dirent = getFocusedDirent$1(state);
-  const relativePath = dirent.path.slice(1);
-  // TODO handle error
-  await execute$4(ClipBoardWriteText, /* text */relativePath);
-  return state;
+const renameDirent = async state => {
+  const newState = await invoke$5('Explorer.renameDirent', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-const copyPath$1 = async state => {
-  const dirent = getFocusedDirent$1(state);
-  // TODO windows paths
-  // TODO handle error
-  const path = dirent.path;
-  await execute$4(ClipBoardWriteText, /* text */path);
-  return state;
+const cancelEdit = async state => {
+  const newState = await invoke$5('Explorer.cancelEdit');
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-const getContaingingFolder = (root, dirents, focusedIndex, pathSeparator) => {
-  if (focusedIndex < 0) {
-    return root;
-  }
-  const dirent = dirents[focusedIndex];
-  const direntPath = dirent.path;
-  const direntParentPath = direntPath.slice(0, -(dirent.name.length + 1));
-  const path = `${direntParentPath}`;
-  return path;
+const copyRelativePath = async state => {
+  const newState = await invoke$5('Explorer.copyRelativePath', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-const openContainingFolder$2 = async state => {
-  const {
-    focusedIndex,
-    root,
-    items,
-    pathSeparator
-  } = state;
-  const path = getContaingingFolder(root, items, focusedIndex);
-  await execute$4('OpenNativeFolder.openNativeFolder', /* path */path);
-  return state;
+const copyPath = async state => {
+  const newState = await invoke$5('Explorer.copyPath', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-const newDirent = async (state, editingType) => {
-  setFocus(ExplorerEditBox);
-  // TODO do it like vscode, select position between folders and files
-  const {
-    focusedIndex,
-    items
-  } = state;
-  if (focusedIndex >= 0) {
-    const dirent = items[focusedIndex];
-    if (dirent.type === Directory$1) {
-      // TODO handle error
-      await handleClickDirectory$1(state, dirent);
-    }
-  }
-  return {
-    ...state,
-    editingIndex: focusedIndex,
-    editingType,
-    editingValue: ''
-  };
+const openContainingFolder$1 = async state => {
+  const newState = await invoke$5('Explorer.openContainingFolder', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 // TODO much shared logic with newFolder
-const newFile$1 = state => {
-  return newDirent(state, CreateFile);
+const newFile$1 = async state => {
+  const newState = await invoke$5('Explorer.newFile', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-const updateEditingValue = (state, value) => {
-  const editingIcon = getFileIcon$2({
-    name: value
-  });
-  return {
-    ...state,
-    editingValue: value,
-    editingIcon
-  };
+const updateEditingValue = async (state, value) => {
+  const newState = await invoke$5('Explorer.updateEditingValue', state, value);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 const handleFocus$5 = state => {
   setFocus(Explorer);
@@ -18730,142 +18115,23 @@ const refresh$4 = state => {
   console.log('TODO refresh explorer');
   return state;
 };
-const newFolder$1 = state => {
-  return newDirent(state, CreateFolder);
-};
-const handleClickFile$1 = async (state, dirent, index, keepFocus = false) => {
-  await execute$4(/* 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 = getState('Explorer');
-  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$1(dirent);
-  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$1;
-  dirent.icon = getIcon$1(dirent);
-  return {
-    ...state,
-    focusedIndex: index,
-    focused: keepFocus
-  };
-};
-const handleClickDirectoryExpanded$1 = (state, dirent, index, keepFocus) => {
-  const {
-    minLineY,
-    maxLineY,
-    itemHeight
-  } = state;
-  dirent.type = Directory$1;
-  dirent.icon = getIcon$1(dirent);
-  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 getClickFn = direntType => {
-  switch (direntType) {
-    case File$4:
-    case SymLinkFile:
-      return handleClickFile$1;
-    case Directory$1:
-    case SymLinkFolder:
-      return handleClickDirectory$1;
-    case DirectoryExpanding:
-      return handleClickDirectoryExpanding;
-    case DirectoryExpanded:
-      return handleClickDirectoryExpanded$1;
-    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 newFolder$1 = async state => {
+  const newState = await invoke$5('Explorer.newFolder', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-const handleClick$7 = (state, index, keepFocus = false) => {
-  const {
-    items,
-    minLineY
-  } = state;
-  if (index === -1) {
-    return focusIndex$7(state, -1);
-  }
-  const actualIndex = index + minLineY;
-  const dirent = items[actualIndex];
-  if (!dirent) {
-    console.warn(`[explorer] dirent at index ${actualIndex} not found`, state);
-    return state;
-  }
-  const clickFn = getClickFn(dirent.type);
-  return clickFn(state, dirent, actualIndex, keepFocus);
+const handleClick$7 = async (state, index, keepFocus = false) => {
+  const newState = await invoke$5('Explorer.handleClick', state, index, keepFocus);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-const handleClickAt$3 = (state, button, x, y) => {
-  if (button !== LeftClick) {
-    return state;
-  }
-  const index = getIndexFromPosition(state, x, y);
-  return handleClick$7(state, index);
+const handleClickAt$3 = async (state, button, x, y) => {
+  const newState = await invoke$5('Explorer.handleClickAt', state, button, x, y);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 const handleClickCurrent$1 = state => {
   return handleClick$7(state, state.focusedIndex - state.minLineY);
@@ -18877,98 +18143,23 @@ const scrollUp = () => {};
 const scrollDown$1 = () => {};
 // export const handleBlur=()=>{}
 
-const handleClickSymLink = async (state, dirent, index) => {
-  const realPath = await getRealPath$1(dirent.path);
-  const type = await stat$1(realPath);
-  switch (type) {
-    case File$4:
-      return handleClickFile$1(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$7(state, focusedIndex + 1);
-  }
-};
 const handleArrowRight$2 = async state => {
-  const {
-    items,
-    focusedIndex
-  } = state;
-  if (focusedIndex === -1) {
-    return state;
-  }
-  const dirent = items[focusedIndex];
-  switch (dirent.type) {
-    case File$4:
-    case SymLinkFile:
-      return state;
-    case Directory$1:
-    case SymLinkFolder:
-      return handleClickDirectory$1(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 focusParentFolder = state => {
-  const parentStartIndex = getParentStartIndex(state.items, state.focusedIndex);
-  if (parentStartIndex === -1) {
-    return state;
-  }
-  return focusIndex$7(state, parentStartIndex);
+  const newState = await invoke$5('Explorer.handleArrowRight', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-const handleArrowLeft$2 = state => {
-  const {
-    items,
-    focusedIndex
-  } = state;
-  if (focusedIndex === -1) {
-    return state;
-  }
-  const dirent = items[focusedIndex];
-  switch (dirent.type) {
-    case Directory$1:
-    case File$4:
-    case SymLinkFile:
-      return focusParentFolder(state);
-    case DirectoryExpanded:
-      return handleClickDirectoryExpanded$1(state, dirent, focusedIndex);
-    default:
-      // TODO handle expanding directory and cancel file system call to read child dirents
-      return state;
-  }
+const handleArrowLeft$2 = async state => {
+  const newState = await invoke$5('Explorer.handleArrowLeft', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 const handleUpload = async (state, dirents) => {
-  const {
-    root,
-    pathSeparator
-  } = state;
-  for (const dirent of dirents) {
-    // TODO switch
-    // TODO symlink might not be possible to be copied
-    // TODO create folder if type is 2
-    if (dirent.type === /* File */1) {
-      // TODO reading text might be inefficient for binary files
-      // but not sure how else to send them via jsonrpc
-      const content = await dirent.file.text();
-      const absolutePath = [root, dirent.file.name].join(pathSeparator);
-      await writeFile$e(absolutePath, content);
-    }
-  }
+  const newState = await invoke$5('Explorer.handleUpload', state, dirents);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 const dispose$m = state => {
   if (!state.pendingRequests) {
@@ -19020,17 +18211,7 @@ const handleMouseLeave = async state => {
   return state;
 };
 const handleCopy = async state => {
-  // TODO handle multiple files
-  // TODO if not file is selected, what happens?
-  const dirent = getFocusedDirent$1(state);
-  if (!dirent) {
-    console.info('[ViewletExplorer/handleCopy] no dirent selected');
-    return;
-  }
-  const absolutePath = dirent.path;
-  // TODO handle copy error gracefully
-  const files = [absolutePath];
-  await execute$4(/* ClipBoard.writeNativeFiles */243, /* type */'copy', /* files */files);
+  return invoke$5('Explorer.handleCopy', state);
 };
 const hasFunctionalResize$f = true;
 const resize$k = (state, dimensions) => {
@@ -19046,307 +18227,44 @@ const resize$k = (state, dimensions) => {
   };
 };
 const expandAll = async state => {
-  const {
-    items,
-    focusedIndex,
-    pathSeparator,
-    minLineY,
-    height,
-    itemHeight
-  } = state;
-  if (focusedIndex === -1) {
-    return state;
-  }
-  const dirent = items[focusedIndex];
-  const depth = dirent.depth;
-  const newDirents = [...items];
-  // TODO fetch child dirents in parallel
-  for (const dirent of newDirents) {
-    if (dirent.depth === depth && dirent.type === Directory$1) {
-      // TODO expand
-      // TODO avoid mutating state here
-      dirent.type = DirectoryExpanding;
-      // TODO handle error
-      // TODO race condition
-      const childDirents = await getChildDirents(pathSeparator, dirent);
-      const newIndex = newDirents.indexOf(dirent);
-      if (newIndex === -1) {
-        continue;
-      }
-      newDirents.splice(newIndex + 1, 0, ...childDirents);
-      // TODO avoid mutating state here
-      dirent.type = DirectoryExpanded;
-      // await expand(state, dirent.index)
-    }
-  }
-  const maxLineY = getExplorerMaxLineY(minLineY, height, itemHeight, newDirents.length);
-  return {
-    ...state,
-    items: newDirents,
-    maxLineY
-  };
-};
-const isTopLevel = dirent => {
-  return dirent.depth === 1;
-};
-const toCollapsedDirent = dirent => {
-  if (dirent.type === DirectoryExpanded) {
-    return {
-      ...dirent,
-      type: Directory$1
-    };
-  }
-  return dirent;
-};
-const collapseAll$4 = state => {
-  const {
-    items
-  } = state;
-  const newDirents = items.filter(isTopLevel).map(toCollapsedDirent);
-  return {
-    ...state,
-    items: newDirents
-  };
-};
-const handleBlur$5 = 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$b) {
-    return state;
-  }
-  return {
-    ...state,
-    focused: false
-  };
-};
-const getIndex$2 = (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 getPathPartsToReveal = (root, pathParts, dirents) => {
-  for (let i = 0; i < pathParts.length; i++) {
-    const pathPart = pathParts[i];
-    const index = getIndex$2(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;
-};
-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 newState = await invoke$5('Explorer.expandAll', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-
-// 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$2(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 collapseAll$4 = async state => {
+  const newState = await invoke$5('Explorer.collapseAll', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-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 handleBlur$5 = async state => {
+  const newState = await invoke$5('Explorer.handleBlur', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 const revealItem = async (state, uri) => {
-  object(state);
-  string(uri);
-  const {
-    items
-  } = state;
-  const index = getIndex$2(items, uri);
-  if (index === -1) {
-    return revealItemHidden(state, uri);
-  }
-  return revealItemVisible(state, index);
+  const newState = await invoke$5('Explorer.revealItem', state, uri);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 const handleClickOpenFolder = async state => {
-  await openFolder$5();
-  return state;
+  const newState = await invoke$5('Explorer.handleClickOpenFolder', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 // prettier-ignore
 const Commands$p = {
   cancelEdit: cancelEdit,
   collapseAll: collapseAll$4,
-  copyPath: copyPath$1,
-  copyRelativePath: copyRelativePath$1,
+  copyPath: copyPath,
+  copyRelativePath: copyRelativePath,
   expandAll: expandAll,
-  getFocusedDirent: getFocusedDirent$1,
+  getFocusedDirent: getFocusedDirent,
   handleArrowLeft: handleArrowLeft$2,
   handleArrowRight: handleArrowRight$2,
   handleBlur: handleBlur$5,
@@ -19360,7 +18278,7 @@ const Commands$p = {
   handleWheel: handleWheel$2,
   newFile: newFile$1,
   newFolder: newFolder$1,
-  openContainingFolder: openContainingFolder$2,
+  openContainingFolder: openContainingFolder$1,
   removeDirent: removeDirent,
   rename: renameDirent,
   renameDirent: renameDirent,
@@ -19398,6 +18316,20 @@ const getKeyBindings$a = () => {
   return invoke$5('Explorer.getKeyBindings');
 };
 
+const id$9 = Explorer$1;
+const getMenuEntries$d = () => {
+  const explorerState = getState('Explorer');
+  return invoke$5('Explorer.getMenuEntries', explorerState);
+};
+
+const MenuEntriesExplorer = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$d,
+  id: id$9
+};
+
+const menus$8 = [MenuEntriesExplorer];
+
 /**
  * @enum {string}
  */
@@ -19427,33 +18359,6 @@ const newFile = () => {
 const newFolder = () => {
   return i18nString(UiStrings$d.NewFolder);
 };
-const openContainingFolder$1 = () => {
-  return i18nString(UiStrings$d.OpenContainingFolder);
-};
-const openInIntegratedTerminal = () => {
-  return i18nString(UiStrings$d.OpenInIntegratedTerminal);
-};
-const cut = () => {
-  return i18nString(UiStrings$d.Cut);
-};
-const copy$2 = () => {
-  return i18nString(UiStrings$d.Copy);
-};
-const paste = () => {
-  return i18nString(UiStrings$d.Paste);
-};
-const copyPath = () => {
-  return i18nString(UiStrings$d.CopyPath);
-};
-const copyRelativePath = () => {
-  return i18nString(UiStrings$d.CopyRelativePath);
-};
-const rename = () => {
-  return i18nString(UiStrings$d.Rename);
-};
-const deleteItem = () => {
-  return i18nString(UiStrings$d.Delete);
-};
 const refresh$3 = () => {
   return i18nString(UiStrings$d.RefreshExplorer);
 };
@@ -19463,406 +18368,25 @@ const collapseAll$3 = () => {
 const explorer = () => {
   return i18nString(UiStrings$d.Explorer);
 };
-const filesExplorer = () => {
-  return i18nString(UiStrings$d.FilesExplorer);
-};
-const youHaveNotYetOpenedAFolder = () => {
-  return i18nString(UiStrings$d.YouHaveNotYetOpenedAFolder);
-};
-const openFolder$3 = () => {
-  return i18nString(UiStrings$d.OpenFolder);
-};
 const noFolderOpen = () => {
   return i18nString(UiStrings$d.NoFolderOpen);
 };
 
-const id$9 = Explorer$2;
-const menuEntryNewFile = {
-  id: 'newFile',
-  label: newFile(),
-  flags: None$i,
-  command: 'Explorer.newFile'
-};
-const menuEntryNewFolder = {
-  id: 'newFolder',
-  label: newFolder(),
-  flags: None$i,
-  command: 'Explorer.newFolder'
-};
-const menuEntryOpenContainingFolder = {
-  id: 'openContainingFolder',
-  label: openContainingFolder$1(),
-  flags: RestoreFocus,
-  command: 'Explorer.openContainingFolder'
-};
-const menuEntryOpenInIntegratedTerminal = {
-  id: 'openInIntegratedTerminal',
-  label: openInIntegratedTerminal(),
-  flags: None$i,
-  command: /* TODO */-1
-};
-const menuEntryCut = {
-  id: 'cut',
-  label: cut(),
-  flags: RestoreFocus,
-  command: /* TODO */-1
-};
-const menuEntryCopy = {
-  id: 'copy',
-  label: copy$2(),
-  flags: RestoreFocus,
-  command: 'Explorer.handleCopy'
-};
-const menuEntryPaste = {
-  id: 'paste',
-  label: paste(),
-  flags: None$i,
-  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$i,
-  command: 'Explorer.renameDirent'
-};
-const menuEntryDelete = {
-  id: 'delete',
-  label: deleteItem(),
-  flags: None$i,
-  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 = () => {
-  const explorerState = getState('Explorer');
-  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$1 = () => {
-  return ALL_ENTRIES;
-};
-const getMenuEntriesRoot = () => {
-  return [menuEntryNewFile, menuEntryNewFolder, menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath];
-};
-const getMenuEntries$d = () => {
-  const focusedDirent = getFocusedDirent();
-  if (!focusedDirent) {
-    return getMenuEntriesRoot();
-  }
-  switch (focusedDirent.type) {
-    case Directory$1:
-      return getMenuEntriesDirectory();
-    case File$4:
-      return getMenuEntriesFile();
-    default:
-      return getMenuEntriesDefault$1();
-  }
-};
-
-const MenuEntriesExplorer = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$d,
-  id: id$9
-};
-
-const menus$8 = [MenuEntriesExplorer];
-
 const name$B = 'Explorer';
 const getDisplayName$1 = () => {
   return explorer();
 };
 
-const getChevronDownVirtualDom = (extraClassName = '') => {
-  return {
-    type: Div,
-    className: `${Chevron} MaskIconChevronDown ${extraClassName}`,
-    childCount: 0
-  };
-};
-const getChevronRightVirtualDom = (extraClassName = '') => {
-  return {
-    type: Div,
-    className: `${Chevron} MaskIconChevronRight ${extraClassName}`,
-    childCount: 0
-  };
-};
-
-const getFileIconVirtualDom = icon => {
-  return {
-    type: Img,
-    className: FileIcon,
-    src: icon,
-    role: None$g,
-    childCount: 0
-  };
-};
-
-const defaultIndent = 1;
-const getTreeItemIndent = depth => {
-  return `${depth * defaultIndent}rem`;
-};
-
-const getItemVirtualDomFile = item => {
-  const {
-    posInSet,
-    setSize,
-    icon,
-    name,
-    path,
-    depth,
-    isFocused,
-    isEditing
-  } = item;
-  const dom = [];
-  dom.push({
-    type: Div,
-    role: TreeItem$1,
-    className: TreeItem,
-    draggable: true,
-    title: path,
-    ariaPosInSet: posInSet,
-    ariaSetSize: setSize,
-    ariaLevel: depth,
-    childCount: 2,
-    paddingLeft: getTreeItemIndent(depth),
-    ariaLabel: name,
-    ariaDescription: ''
-  }, getFileIconVirtualDom(icon));
-  if (isEditing) {
-    dom.push({
-      type: Input,
-      className: InputBox,
-      id: 'ExplorerInput',
-      onInput: 'handleEditingInput',
-      childCount: 0,
-      name: ExplorerInput
-    });
-  } else {
-    dom.push({
-      type: Div,
-      className: Label,
-      childCount: 1
-    }, text(name));
-  }
-  if (isFocused) {
-    // @ts-ignore
-    dom[0].id = 'TreeItemActive';
-  }
-  return dom;
-};
-const getItemVirtualDomFolder = item => {
-  const {
-    posInSet,
-    setSize,
-    icon,
-    name,
-    path,
-    depth,
-    type,
-    isFocused
-  } = item;
-  let ariaExpanded = '';
-  switch (type) {
-    // TODO decide on directory vs folder
-    case Directory$1:
-      ariaExpanded = 'false';
-      break;
-    case DirectoryExpanding:
-      ariaExpanded = 'true'; // TODO tree should be aria-busy then
-      break;
-    case DirectoryExpanded:
-      ariaExpanded = 'true';
-      break;
-  }
-  const dom = [];
-  dom.push({
-    type: Div,
-    role: TreeItem$1,
-    className: TreeItem,
-    draggable: true,
-    title: path,
-    ariaPosInSet: posInSet,
-    ariaSetSize: setSize,
-    ariaLevel: depth,
-    childCount: 2,
-    paddingLeft: getTreeItemIndent(depth),
-    ariaLabel: name,
-    ariaExpanded,
-    ariaDescription: ''
-  });
-  dom.push(getFileIconVirtualDom(icon), {
-    type: Div,
-    className: Label,
-    childCount: 1
-  }, text(name));
-  if (isFocused) {
-    // @ts-ignore
-    dom[0].id = 'TreeItemActive';
-  }
-  return dom;
-};
-const getExplorerItemVirtualDom = item => {
-  const {
-    type
-  } = item;
-  switch (type) {
-    case Directory$1:
-    case DirectoryExpanding:
-    case DirectoryExpanded:
-      return getItemVirtualDomFolder(item);
-    default:
-      return getItemVirtualDomFile(item);
-  }
-};
-
-const getExplorerWelcomeVirtualDom = isWide => {
-  return [{
-    type: Div,
-    className: mergeClassNames(Viewlet, Explorer$1),
-    tabIndex: 0,
-    childCount: 1
-  }, {
-    type: Div,
-    className: Welcome,
-    childCount: 2
-  }, {
-    type: P,
-    className: WelcomeMessage,
-    childCount: 1
-  }, text(youHaveNotYetOpenedAFolder()), {
-    type: Button$2,
-    className: mergeClassNames(Button$3, ButtonPrimary, isWide ? 'ButtonWide' : 'ButtonNarrow'),
-    childCount: 1,
-    onClick: handleClickOpenFolder$1
-  }, text(openFolder$3())];
-};
-
-const getExplorerVirtualDom = (visibleItems, focusedIndex, root, isWide) => {
-  if (!root) {
-    return getExplorerWelcomeVirtualDom(isWide);
-  }
-  const dom = [];
-  dom.push({
-    type: Div,
-    className: mergeClassNames(Viewlet, Explorer$1),
-    tabIndex: 0,
-    role: Tree,
-    ariaLabel: filesExplorer(),
-    childCount: visibleItems.length,
-    ariaActiveDescendant: focusedIndex >= 0 ? 'TreeItemActive' : undefined,
-    onFocus: HandleFocus,
-    onBlur: HandleBlur,
-    onContextMenu: HandleContextMenu,
-    onPointerDown: HandlePointerDown,
-    onWheel: HandleWheel,
-    onClick: HandleClick
-  });
-  dom.push(...visibleItems.flatMap(getExplorerItemVirtualDom));
-  return dom;
-};
-
-const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editingIndex, editingType, editingValue) => {
-  const visible = [];
-  for (let i = minLineY; i < Math.min(maxLineY, items.length); i++) {
-    const item = items[i];
-    if (i === editingIndex) {
-      visible.push({
-        ...item,
-        isFocused: i === focusedIndex,
-        isEditing: true,
-        icon: getFileIcon$2({
-          name: editingValue
-        })
-      });
-    } else {
-      visible.push({
-        ...item,
-        isFocused: i === focusedIndex
-      });
-    }
-  }
-  if (editingType !== None$b && editingIndex === -1) {
-    visible.push({
-      depth: 3,
-      posInSet: 1,
-      setSize: 1,
-      icon: '',
-      isFocused: false,
-      name: 'new',
-      path: '/test/new',
-      type: 2,
-      isEditing: true
-    });
-  }
-  return visible;
-};
-
 const hasFunctionalRender$r = true;
 const hasFunctionalRootRender$e = true;
 const renderItems$3 = {
   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;
+    return JSON.stringify(oldState.commands) === JSON.stringify(newState.commands);
   },
-  apply(oldState, newState) {
-    const visibleDirents = getVisibleExplorerItems(newState.items, newState.minLineY, newState.maxLineY, newState.focusedIndex, newState.editingIndex, newState.editingType, newState.editingValue);
-    const isWide = newState.width > 450;
-    const dom = getExplorerVirtualDom(visibleDirents, newState.focusedIndex, newState.root, isWide);
-    return ['Viewlet.setDom2', dom];
-  }
-};
-
-// const renderFocusedIndex = {
-//   isEqual(oldState, newState) {
-//     return oldState.focusedIndex === newState.focusedIndex && oldState.focused === newState.focused && oldState.minLineY === newState.minLineY
-//   },
-//   apply(oldState, newState) {
-//     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, newState) {
-//     return oldState.dropTargets === newState.dropTargets
-//   },
-//   apply(oldState, newState) {
-//     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'];
-  }
+  apply: apply,
+  multiple: true
 };
-const render$s = [renderItems$3, renderEditingIndex];
+const render$s = [renderItems$3];
 
 const getActions$6 = root => {
   if (!root) {
@@ -19920,31 +18444,8 @@ const renderTitle$4 = {
   }
 };
 
-const getSavedRoot = (savedState, workspacePath) => {
-  return workspacePath;
-};
 const restoreState = savedState => {
-  if (!savedState) {
-    return {
-      minLineY: 0,
-      deltaY: 0
-    };
-  }
-  const root = getSavedRoot(savedState, state$w.workspacePath);
-  let minLineY = 0;
-  if (savedState && typeof savedState.minLineY === 'number') {
-    minLineY = savedState.minLineY;
-  }
-  let deltaY = 0;
-  if (savedState && typeof savedState.deltaY === 'number') {
-    deltaY = savedState.deltaY;
-  }
-  return {
-    ...savedState,
-    root,
-    minLineY,
-    deltaY
-  };
+  return invoke$5('Explorer.restoreState', savedState);
 };
 
 const saveState$a = state => {
@@ -19964,14 +18465,13 @@ const ViewletExplorer_ipc = {
   LazyCommands: LazyCommands$b,
   cancelEdit,
   collapseAll: collapseAll$4,
-  computeRenamedDirent,
-  copyPath: copyPath$1,
-  copyRelativePath: copyRelativePath$1,
+  copyPath,
+  copyRelativePath,
   create: create$w,
   dispose: dispose$m,
   expandAll,
   getDisplayName: getDisplayName$1,
-  getFocusedDirent: getFocusedDirent$1,
+  getFocusedDirent,
   getKeyBindings: getKeyBindings$a,
   handleArrowLeft: handleArrowLeft$2,
   handleArrowRight: handleArrowRight$2,
@@ -19998,7 +18498,7 @@ const ViewletExplorer_ipc = {
   name: name$B,
   newFile: newFile$1,
   newFolder: newFolder$1,
-  openContainingFolder: openContainingFolder$2,
+  openContainingFolder: openContainingFolder$1,
   refresh: refresh$4,
   removeDirent,
   renameDirent,
@@ -20045,7 +18545,7 @@ const {
   invokeAndTransfer: invokeAndTransfer$4
 } = getOrCreateWorker(launchExtensionDetailViewWorker);
 
-const None$a = 0;
+const None$9 = 0;
 const Small = 1;
 const Normal = 2;
 const Large = 3;
@@ -20068,7 +18568,7 @@ const create$v = (id, uri, x, y, width, height) => {
     y,
     width,
     height,
-    size: None$a
+    size: None$9
   };
 };
 
@@ -20359,7 +18859,7 @@ const create$u = (id, uri, x, y, width, height) => {
     y,
     message: '',
     focused: false,
-    size: None$a,
+    size: None$9,
     ...create$G({
       itemHeight: ExtensionListItemHeight,
       minimumSliderSize: minimumSliderSize,
@@ -20547,22 +19047,22 @@ const getMenuEntries$b = () => {
   return [{
     id: 'enable',
     label: enable(),
-    flags: None$i,
+    flags: None$h,
     command: -1
   }, {
     id: 'disable',
     label: disable(),
-    flags: None$i,
+    flags: None$h,
     command: -1
   }, {
     id: 'uninstall',
     label: uninstall(),
-    flags: None$i,
+    flags: None$h,
     command: 'Extensions.uninstall'
   }, {
     id: 'installAnotherVersion',
     label: installAnotherVersion(),
-    flags: None$i,
+    flags: None$h,
     command: -1
   }];
 };
@@ -20949,7 +19449,7 @@ const selectIndex$2 = (state, index) => {
       return state;
   }
 };
-const focusIndex$6 = (state, index) => {
+const focusIndex$7 = (state, index) => {
   return {
     ...state,
     focusedIndex: index
@@ -20963,7 +19463,7 @@ const focusFirst$7 = state => {
     return state;
   }
   const firstIndex = first();
-  return focusIndex$6(state, firstIndex);
+  return focusIndex$7(state, firstIndex);
 };
 const focusPrevious$9 = state => {
   const {
@@ -20971,7 +19471,7 @@ const focusPrevious$9 = state => {
     focusedIndex
   } = state;
   const previousIndex = previousNoCycle(displayReferences, focusedIndex);
-  return focusIndex$6(state, previousIndex);
+  return focusIndex$7(state, previousIndex);
 };
 const focusNext$9 = state => {
   const {
@@ -20979,14 +19479,14 @@ const focusNext$9 = state => {
     focusedIndex
   } = state;
   const nextIndex = nextNoCycle(displayReferences, focusedIndex);
-  return focusIndex$6(state, nextIndex);
+  return focusIndex$7(state, nextIndex);
 };
 const focusLast$7 = state => {
   const {
     displayReferences
   } = state;
   const lastIndex = last(displayReferences);
-  return focusIndex$6(state, lastIndex);
+  return focusIndex$7(state, lastIndex);
 };
 const selectCurrent$1 = state => {
   if (state.focusedIndex === -1) {
@@ -21000,7 +19500,7 @@ const ViewletLocations = {
   create: create$t,
   dispose: dispose$k,
   focusFirst: focusFirst$7,
-  focusIndex: focusIndex$6,
+  focusIndex: focusIndex$7,
   focusLast: focusLast$7,
   focusNext: focusNext$9,
   focusPrevious: focusPrevious$9,
@@ -21275,7 +19775,7 @@ const getInlineDiffEditorLines = (linesLeft, linesRight, inlineChanges) => {
       rightIndex
     } = inlineChange;
     switch (inlineChange.type) {
-      case None$e:
+      case None$d:
         merged.push({
           type,
           leftIndex,
@@ -21327,7 +19827,7 @@ const getPrefix$1 = type => {
       return insertion;
     case Deletion:
       return deletion;
-    case None$e:
+    case None$d:
       return normal;
   }
 };
@@ -21763,48 +20263,48 @@ const id$7 = KeyBindingsTable;
 const getMenuEntries$a = () => {
   return [{
     id: 'copy',
-    label: copy$3(),
-    flags: None$i,
+    label: copy$2(),
+    flags: None$h,
     command: 'KeyBindings.copy'
   }, {
     id: 'copyCommandId',
     label: copyCommandId(),
-    flags: None$i,
+    flags: None$h,
     command: 'KeyBindings.copyCommandId'
   }, {
     id: 'copyCommandTitle',
     label: copyCommandTitle(),
-    flags: None$i,
+    flags: None$h,
     command: 'KeyBindings.copyCommandTitle'
   }, {
     id: 'changeKeyBinding',
     label: changeKeyBinding(),
-    flags: None$i,
+    flags: None$h,
     command: 'KeyBindings.changeKeyBinding'
   }, {
     id: 'addKeyBinding',
     label: addKeyBinding(),
-    flags: None$i,
+    flags: None$h,
     command: 'KeyBindings.addKeyBinding'
   }, {
     id: 'removeKeyBinding',
     label: removeKeyBinding(),
-    flags: None$i,
+    flags: None$h,
     command: 'KeyBindings.removeKeyBinding'
   }, {
     id: 'resetKeyBinding',
     label: resetKeyBinding(),
-    flags: None$i,
+    flags: None$h,
     command: 'KeyBindings.resetKeyBinding'
   }, {
     id: 'changeWhenExpression',
     label: changeWhenExpression(),
-    flags: None$i,
+    flags: None$h,
     command: 'KeyBindings.changeWhenExpression'
   }, {
     id: 'showSameKeyBindings',
     label: showSameKeyBindings(),
-    flags: None$i,
+    flags: None$h,
     command: 'KeyBindings.showSameKeyBindings'
   }];
 };
@@ -22157,7 +20657,7 @@ const create$p = id => {
   return {
     points: new Uint16Array(Total),
     sideBarViewletId: '',
-    [SashId]: None$d,
+    [SashId]: None$c,
     sideBarLocation: Right$1,
     uid: id
   };
@@ -22344,7 +20844,7 @@ const showPanel = state => {
 const hidePanel$1 = state => {
   return hide$2(state, Panel);
 };
-const togglePanel = (state, moduleId = None$k) => {
+const togglePanel = (state, moduleId = None$j) => {
   return toggle(state, Panel);
 };
 const showActivityBar = state => {
@@ -22558,7 +21058,7 @@ const getNewStatePointerMove = (sashId, points, x, y) => {
       throw new Error(`unsupported sash type ${sashId}`);
   }
 };
-const isEqual$1 = (oldPoints, newPoints, kTop, kLeft, kWidth, kHeight) => {
+const isEqual = (oldPoints, newPoints, kTop, kLeft, kWidth, kHeight) => {
   return oldPoints[kTop] === newPoints[kTop] && oldPoints[kLeft] === newPoints[kLeft] && oldPoints[kWidth] === newPoints[kWidth] && oldPoints[kHeight] === newPoints[kHeight];
 };
 const getResizeCommands = (oldPoints, newPoints) => {
@@ -22577,7 +21077,7 @@ const getResizeCommands = (oldPoints, newPoints) => {
       continue;
     }
     const instanceUid = instance.state.uid;
-    if (!isEqual$1(oldPoints, newPoints, kTop, kLeft, kWidth, kHeight)) {
+    if (!isEqual(oldPoints, newPoints, kTop, kLeft, kWidth, kHeight)) {
       const newTop = newPoints[kTop];
       const newLeft = newPoints[kLeft];
       const newWidth = newPoints[kWidth];
@@ -23579,7 +22079,7 @@ const deserializeEditorGroups = (savedState, state) => {
   return restoredGroups;
 };
 
-const None$9 = 0;
+const None$8 = 0;
 const Up = 1;
 const Down = 2;
 const Left$1 = 3;
@@ -23602,7 +22102,7 @@ const getEditorSplitDirectionType = (x, y, width, height, eventX, eventY) => {
   if (percentY > 0.75) {
     return Down;
   }
-  return None$9;
+  return None$8;
 };
 
 const getSplitOverlayDimensions = (x, y, width, height, splitDirection) => {
@@ -23637,7 +22137,7 @@ const getSplitOverlayDimensions = (x, y, width, height, splitDirection) => {
         overlayWidth: halfWidth,
         overlayHeight: height
       };
-    case None$9:
+    case None$8:
       return {
         overlayX: x,
         overlayY: y,
@@ -23702,6 +22202,9 @@ const getTabIndex = (tabs, x, eventX) => {
   return -1;
 };
 
+const LeftClick = 0;
+const MiddleClick = 1;
+
 const serializeEditor = editor => {
   const {
     preview,
@@ -23936,7 +22439,7 @@ const ViewletMainCloseEditor = {
   closeEditor
 };
 
-const focusIndex$5 = async (state, index) => {
+const focusIndex$6 = async (state, index) => {
   const {
     groups,
     tabHeight,
@@ -24015,7 +22518,7 @@ const focus$6 = (state, getIndex) => {
     activeIndex
   } = group;
   const index = getIndex(editors, activeIndex);
-  return focusIndex$5(state, index);
+  return focusIndex$6(state, index);
 };
 const getFirstindex = () => {
   return 0;
@@ -24077,7 +22580,7 @@ const handleTabClick = (state, button, eventX, eventY) => {
   }
   switch (button) {
     case LeftClick:
-      return focusIndex$5(state, index);
+      return focusIndex$6(state, index);
     case MiddleClick:
       return closeEditor(state, index);
     default:
@@ -24088,7 +22591,7 @@ const handleTabClick = (state, button, eventX, eventY) => {
 const ViewletMainFocusIndex = {
   __proto__: null,
   focusFirst: focusFirst$5,
-  focusIndex: focusIndex$5,
+  focusIndex: focusIndex$6,
   focusLast: focusLast$5,
   focusNext: focusNext$7,
   focusPrevious: focusPrevious$7,
@@ -24146,7 +22649,7 @@ const openUri = async (state, uri, focus = true, {
     if (editor.uri === uri) {
       // @ts-ignore
       if (editor.opener === context.opener) {
-        return focusIndex$5(state, i);
+        return focusIndex$6(state, i);
       }
     }
   }
@@ -24662,7 +23165,7 @@ const openEditorWithType = async file => {
 const saveWithoutFormatting = async () => {
   console.warn('not implemented');
 };
-const handleDrop$3 = async (state, files) => {
+const handleDrop$1 = async (state, files) => {
   const allCommands = [];
   let newState = state;
   for (const file of files) {
@@ -24909,7 +23412,7 @@ const Commands$i = {
 };
 const CommandsWithSideEffects = {
   openUri: openUri,
-  handleDrop: handleDrop$3,
+  handleDrop: handleDrop$1,
   handleTabDrop: handleTabDrop,
   handleTabsDragOver: handleTabsDragOver
 };
@@ -24986,6 +23489,16 @@ const set = (uid, value) => {
   data[uid] = value;
 };
 
+const getFileIconVirtualDom = icon => {
+  return {
+    type: Img,
+    className: FileIcon,
+    src: icon,
+    role: None$f,
+    childCount: 0
+  };
+};
+
 const getIconDom = icon => {
   if (icon.startsWith('MaskIcon')) {
     return {
@@ -25317,7 +23830,7 @@ const ViewletMain_ipc = {
   handleDragEnd,
   handleDragLeave,
   handleDragOver: handleDragOver$1,
-  handleDrop: handleDrop$3,
+  handleDrop: handleDrop$1,
   handleFocusChange: handleFocusChange$1,
   handleTabContextMenu,
   handleTabDrop,
@@ -25904,7 +24417,7 @@ const Item = 0;
 const Expanded$1 = 1;
 const Collapsed$1 = 2;
 
-const None$8 = 0;
+const None$7 = 0;
 const Table = 1;
 const List = 2;
 
@@ -26001,7 +24514,7 @@ const create$j = (id, uri, x, y, width, height, args, parentUid) => {
     width,
     height,
     filterValue: '',
-    viewMode: None$8,
+    viewMode: None$7,
     inputSource: User,
     minLineY: 0,
     maxLineY: 0,
@@ -26066,7 +24579,7 @@ const handleContextMenu$7 = async (state, eventX, eventY) => {
 const contentLoadedEffects$1 = state => {
   addListener('editor.change', handleEditorChange);
 };
-const focusIndex$4 = (state, index) => {
+const focusIndex$5 = (state, index) => {
   return {
     ...state,
     focusedIndex: index
@@ -26099,11 +24612,11 @@ const handleClickAt$2 = (state, eventX, eventY) => {
   } = state;
   setFocus(Problems);
   if (problems.length === 0) {
-    return focusIndex$4(state, -1);
+    return focusIndex$5(state, -1);
   }
   const index = getListIndex(eventX, eventY, x, y, 0, itemHeight);
   if (index > problems.length) {
-    return focusIndex$4(state, -1);
+    return focusIndex$5(state, -1);
   }
   return {
     ...state,
@@ -26233,7 +24746,7 @@ const Commands$d = {
   clearFilter: clearFilter,
   collapseAll: collapseAll$1,
   copyMessage: copyMessage,
-  focusIndex: focusIndex$4,
+  focusIndex: focusIndex$5,
   focusNext: focusNext$6,
   focusPrevious: focusPrevious$6,
   getBadgeCount: getBadgeCount,
@@ -26303,12 +24816,12 @@ const getMenuEntries$9 = () => {
   return [{
     id: 'copy',
     label: copy$1(),
-    flags: None$i,
+    flags: None$h,
     command: 'Problems.copy'
   }, {
     id: 'copyMessage',
     label: copyMessage$1(),
-    flags: None$i,
+    flags: None$h,
     command: 'Problems.copyMessage'
   }];
 };
@@ -26324,17 +24837,17 @@ const getMenuEntries$8 = () => {
   return [{
     id: 'show-errors',
     label: 'Show Errors',
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }, {
     id: 'show-warnings',
     label: 'Show Warnings',
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }, {
     id: 'show-infos',
     label: 'Show Infos',
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }];
 };
@@ -26355,6 +24868,21 @@ const getBadgeVirtualDom = (className, count) => {
   }, text(`${count}`)];
 };
 
+const getChevronDownVirtualDom = (extraClassName = '') => {
+  return {
+    type: Div,
+    className: `${Chevron} MaskIconChevronDown ${extraClassName}`,
+    childCount: 0
+  };
+};
+const getChevronRightVirtualDom = (extraClassName = '') => {
+  return {
+    type: Div,
+    className: `${Chevron} MaskIconChevronRight ${extraClassName}`,
+    childCount: 0
+  };
+};
+
 // TODO compute detail message in getVisibleProblems
 const getProblemSourceDetail = (source, code) => {
   let message = '';
@@ -26385,6 +24913,11 @@ const getProblemsIconVirtualDom = type => {
   };
 };
 
+const defaultIndent = 1;
+const getTreeItemIndent = depth => {
+  return `${depth * defaultIndent}rem`;
+};
+
 const getProblemVirtualDom = problem => {
   const {
     message,
@@ -26820,7 +25353,7 @@ const ViewletProblems_ipc = {
   copyMessage,
   create: create$j,
   dispose: dispose$d,
-  focusIndex: focusIndex$4,
+  focusIndex: focusIndex$5,
   focusNext: focusNext$6,
   focusPrevious: focusPrevious$6,
   getBadgeCount,
@@ -26988,7 +25521,7 @@ const Symbol$1 = '@';
 const WorkspaceSymbol = '#';
 const GoToLine = ':';
 const View = 'view ';
-const None$7 = '';
+const None$6 = '';
 
 // TODO avoid global variable
 
@@ -27030,7 +25563,7 @@ const getPrefix = value => {
   if (value.startsWith(View)) {
     return View;
   }
-  return None$7;
+  return None$6;
 };
 const getQuickPickProvider = prefix => {
   // TODO could use enum for prefix
@@ -27976,11 +26509,11 @@ const ViewletReferences_ipc = {
   render: render$p
 };
 
-const None$6 = 'none';
+const None$5 = 'none';
 const Exception$2 = 'exception';
 const Other = 'other';
 
-const None$5 = 0;
+const None$4 = 0;
 const Paused = 1;
 const Default = 2;
 
@@ -28002,7 +26535,7 @@ const Property$1 = 3;
 const Exception$1 = 4;
 
 const Boolean$1 = 'boolean';
-const None$4 = '';
+const None$3 = '';
 const Number$1 = 'number';
 const Object$1 = 'object';
 const String$1 = 'string';
@@ -28101,7 +26634,7 @@ const getDebugValueType = child => {
   if (child.get) {
     return Getter;
   }
-  return None$4;
+  return None$3;
 };
 
 const getInnerChildScopeChain = async (cache, debugId, objectId, indent) => {
@@ -28356,9 +26889,9 @@ const getScopeChain = (params, thisObject, scopeChain, knownProperties) => {
 
 const All = 1;
 const Uncaught = 2;
-const None$3 = 0;
+const None$2 = 0;
 
-const None$2 = 'none';
+const None$1 = 'none';
 
 const create$g = (id, uri, x, y, width, height, args, parentUid) => {
   return {
@@ -28366,7 +26899,7 @@ const create$g = (id, uri, x, y, width, height, args, parentUid) => {
     parentUid,
     disposed: false,
     processes: [],
-    debugState: None$5,
+    debugState: None$4,
     watchExpanded: false,
     breakPointsExpanded: false,
     scopeExpanded: false,
@@ -28374,7 +26907,7 @@ const create$g = (id, uri, x, y, width, height, args, parentUid) => {
     scopeChain: [],
     callStack: [],
     parsedScripts: Object.create(null),
-    pausedReason: None$6,
+    pausedReason: None$5,
     pausedMessage: '',
     debugInputValue: '',
     debugOutputValue: '',
@@ -28382,10 +26915,10 @@ const create$g = (id, uri, x, y, width, height, args, parentUid) => {
     expandedIds: [],
     scopeFocusedIndex: -1,
     focusedIndex: -1,
-    pauseOnExceptionState: None$2,
+    pauseOnExceptionState: None$1,
     cache: Object.create(null),
     // TODO maybe store cache in extension host worker
-    exceptionBreakPoints: None$3
+    exceptionBreakPoints: None$2
   };
 };
 const loadContent$g = async state => {
@@ -28437,7 +26970,7 @@ const handleResumed = state => {
     scopeChain: [],
     callStack: [],
     pausedMessage: '',
-    pausedReason: None$6,
+    pausedReason: None$5,
     callFrameId: ''
   };
 };
@@ -28702,12 +27235,12 @@ const handleClickPauseOnExceptions = state => {
     exceptionBreakPoints
   } = state;
   switch (exceptionBreakPoints) {
-    case None$3:
+    case None$2:
       return setPauseOnExceptions(state, All);
     case Uncaught:
       return setPauseOnExceptions(state, All);
     case All:
-      return setPauseOnExceptions(state, None$3);
+      return setPauseOnExceptions(state, None$2);
     default:
       return state;
   }
@@ -28717,12 +27250,12 @@ const handleClickPauseOnUncaughtExceptions = state => {
     exceptionBreakPoints
   } = state;
   switch (exceptionBreakPoints) {
-    case None$3:
+    case None$2:
       return setPauseOnExceptions(state, Uncaught);
     case Uncaught:
-      return setPauseOnExceptions(state, None$3);
+      return setPauseOnExceptions(state, None$2);
     case All:
-      return setPauseOnExceptions(state, None$3);
+      return setPauseOnExceptions(state, None$2);
     default:
       return state;
   }
@@ -29050,7 +27583,7 @@ const getRunAndDebugVirtualDom2 = rows => {
   }, ...rows.flatMap(getRunAndDebugRowVirtualDom)];
 };
 
-const None$1 = 0;
+const None = 0;
 const Expanded = 1 << 0;
 const Collapsed = 1 << 1;
 const Focused = 1 << 2;
@@ -29062,7 +27595,7 @@ const getExpandable = valueType => {
   return false;
 };
 const getFlags = (isExpanded, isExpandable, isFocused) => {
-  let flags = None$1;
+  let flags = None;
   if (isExpanded) {
     flags |= Expanded;
   } else if (isExpandable) {
@@ -29686,12 +28219,12 @@ const getMenuEntries$7 = () => {
   return [{
     id: 'dismiss',
     label: 'dismiss',
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }, {
     id: 'copyPath',
     label: 'copyPath',
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }];
 };
@@ -29791,7 +28324,7 @@ const getSavedViewletId = savedState => {
   if (savedState && savedState.currentViewletId) {
     return savedState.currentViewletId;
   }
-  return Explorer$3;
+  return Explorer$2;
 };
 const loadContent$d = (state, savedState) => {
   const savedViewletId = getSavedViewletId(savedState);
@@ -30466,13 +28999,13 @@ const getMenuEntriesLink = (x, y, params) => {
   return [{
     id: 'open-link-in-new-tab',
     label: openLinkInNewTab(),
-    flags: None$i,
+    flags: None$h,
     command: 'SimpleBrowser.openBackgroundTab',
     args: [linkURL]
   }, {
     id: 'copy-link-address',
     label: copyLinkAddress(),
-    flags: None$i,
+    flags: None$h,
     command: 'ElectronClipBoard.writeText',
     args: [linkURL]
   }];
@@ -30481,7 +29014,7 @@ const getMenuEntriesDefault = (x, y, params) => {
   return [{
     id: 'inspect-element',
     label: inspectElement$2(),
-    flags: None$i,
+    flags: None$h,
     command: 'SimpleBrowser.inspectElement',
     args: [x, y]
   }];
@@ -30493,7 +29026,7 @@ const getMenuEntriesSelectionText = (x, y, params) => {
   return [{
     id: 'copy',
     label: copy(),
-    flags: None$i,
+    flags: None$h,
     command: 'ElectronClipBoard.writeText',
     args: [selectionText]
   }];
@@ -30506,13 +29039,13 @@ const getMenuEntriesImage = (x, y, params) => {
   return [{
     id: 'save-image',
     label: saveImageAs(),
-    flags: None$i,
+    flags: None$h,
     command: 'Download.downloadToDownloadsFolder',
     args: [fileName, srcURL]
   }, {
     id: 'copy-image',
     label: copyImage$1(),
-    flags: None$i,
+    flags: None$h,
     command: 'SimpleBrowser.copyImage',
     args: [x, y]
   }];
@@ -31090,35 +29623,35 @@ const id$2 = SourceControl$2;
 const getMenuEntries$5 = () => {
   return [{
     label: openChanges(),
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }, {
     label: openFile$1(),
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }, {
     label: openFileHead(),
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }, {
     label: discardChanges(),
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }, {
     label: stageChanges(),
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }, {
     label: addToGitignore(),
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }, {
     label: revealInExplorerView(),
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }, {
     label: openContainingFolder(),
-    flags: None$i,
+    flags: None$h,
     command: /* TODO */-1
   }];
 };
@@ -31607,7 +30140,7 @@ const getStatusBarItemVirtualDom = statusBarItem => {
   dom.push({
     type: Div,
     className: StatusBarItem,
-    role: Button$4,
+    role: Button$3,
     tabIndex: -1,
     title: tooltip,
     childCount: 1
@@ -32050,7 +30583,7 @@ const addTerminal = async state => {
     selectedIndex: newSelectedIndex
   };
 };
-const focusIndex$3 = async (state, index) => {
+const focusIndex$4 = async (state, index) => {
   object(state);
   number$1(index);
   const {
@@ -32091,7 +30624,7 @@ const focusIndex$3 = async (state, index) => {
   };
 };
 const handleClickTab = (state, index) => {
-  return focusIndex$3(state, index);
+  return focusIndex$4(state, index);
 };
 const resize$6 = (state, dimensions) => {
   const {
@@ -32198,7 +30731,7 @@ const ViewletTerminals_ipc = {
   Css: Css$7,
   addTerminal,
   create: create$7,
-  focusIndex: focusIndex$3,
+  focusIndex: focusIndex$4,
   getChildren: getChildren$1,
   handleClickTab,
   hasFunctionalRender: hasFunctionalRender$6,
@@ -33625,27 +32158,27 @@ const getMenuEntries$4 = () => {
   return [{
     id: File$1,
     label: file(),
-    flags: None$i
+    flags: None$h
   }, {
     id: Edit,
     label: edit(),
-    flags: None$i
+    flags: None$h
   }, {
     id: Selection,
     label: selection(),
-    flags: None$i
+    flags: None$h
   }, {
     id: View$2,
     label: view(),
-    flags: None$i
+    flags: None$h
   }, {
     id: Go,
     label: go(),
-    flags: None$i
+    flags: None$h
   }, {
     id: Help$1,
     label: help(),
-    flags: None$i
+    flags: None$h
   }];
 };
 
@@ -33703,54 +32236,54 @@ const getMenuEntries$2 = () => {
   return [{
     id: 'go-to-definition',
     label: goToDefinition(),
-    flags: None$i,
+    flags: None$h,
     command: 'Editor.goToDefinition'
   }, {
     id: 'go-to-type-definition',
     label: goToTypeDefinition(),
-    flags: None$i,
+    flags: None$h,
     command: /* Editor.goToTypeDefinition */'Editor.goToTypeDefinition'
   }, menuEntrySeparator, {
     id: 'find-all-references',
     label: findAllReferences(),
-    flags: None$i,
+    flags: None$h,
     command: /* ViewletSideBar.show */'SideBar.show',
     args: [/* id */'References', /* focus */true]
   }, {
     id: 'find-all-implementations',
     label: findAllImplementations(),
-    flags: None$i,
+    flags: None$h,
     command: /* ViewletSideBar.show */'SideBar.show',
     args: [/* id */'Implementations', /* focus */true]
   }, menuEntrySeparator, {
     id: 'format',
     label: formatDocument(),
-    flags: None$i,
+    flags: None$h,
     command: 'Editor.format'
   }, {
     id: SourceControl$2,
     label: sourceAction(),
-    flags: None$i,
+    flags: None$h,
     command: 'Editor.showSourceActions2'
   }, menuEntrySeparator, {
     id: 'cut',
-    label: cut$1(),
-    flags: None$i,
+    label: cut(),
+    flags: None$h,
     command: /* Editor.cut */'Editor.cut'
   }, {
     id: 'copy',
-    label: copy$4(),
-    flags: None$i,
+    label: copy$3(),
+    flags: None$h,
     command: /* Editor.copy */'Editor.copy'
   }, {
     id: 'paste',
-    label: paste$1(),
-    flags: None$i,
+    label: paste(),
+    flags: None$h,
     command: /* Editor.paste */'Editor.paste'
   }, menuEntrySeparator, {
     id: 'commandPalette',
     label: commandPalette(),
-    flags: None$i,
+    flags: None$h,
     command: 'QuickPick.showEverything'
   }];
 };
@@ -33828,33 +32361,33 @@ const getMenuEntries$1 = () => {
   return [{
     id: 'tabClose',
     label: close(),
-    flags: None$i,
+    flags: None$h,
     command: 'Main.closeFocusedTab'
   }, {
     id: 'tabCloseOthers',
     label: closeOthers$1(),
-    flags: None$i,
+    flags: None$h,
     command: 'Main.closeOthers'
   }, {
     id: 'tabCloseToTheRight',
     label: closeToTheRight(),
-    flags: None$i,
+    flags: None$h,
     command: 'Main.closeTabsRight'
   }, {
     id: 'tabCloseAll',
     label: closeAll(),
-    flags: None$i,
+    flags: None$h,
     command: 'Main.closeAllEditors'
   }, menuEntrySeparator, {
     id: 'revealInExplorer',
     label: revealInExplorer(),
-    flags: None$i,
+    flags: None$h,
     command: 'Explorer.revealItem',
     args: [uri]
   }, menuEntrySeparator, {
     id: 'findFileReferences',
     label: findFileReferences$1(),
-    flags: None$i,
+    flags: None$h,
     command: 'SideBar.show',
     args: [/* id */'References', /* focus */true, uri]
   }];
@@ -33870,33 +32403,33 @@ const getMenuEntries = () => {
   return [{
     id: 'openFile',
     label: openFile(),
-    flags: None$i,
+    flags: None$h,
     command: 'Viewlet.openWidget',
     args: [QuickPick, 'file']
   }, menuEntrySeparator, {
     id: 'splitUp',
     label: splitUp(),
-    flags: None$i,
+    flags: None$h,
     command: 'Main.splitUp'
   }, {
     id: 'splitDown',
     label: splitDown(),
-    flags: None$i,
+    flags: None$h,
     command: 'Main.splitDown'
   }, {
     id: 'splitLeft',
     label: splitLeft(),
-    flags: None$i,
+    flags: None$h,
     command: 'Main.splitLeft'
   }, {
     id: 'splitRight',
     label: splitRight$1(),
-    flags: None$i,
+    flags: None$h,
     command: 'Main.splitRight'
   }, menuEntrySeparator, {
     id: 'newWindow',
     label: newWindow(),
-    flags: None$i,
+    flags: None$h,
     command: 'Main.newWindow'
   }];
 };
@@ -34104,74 +32637,11 @@ const VirtualListHandleWheel = {
   handleWheel
 };
 
-const makeExpanded = dirent => {
-  if (dirent.type === Directory$1) {
-    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$1,
-    path: root,
-    depth: 0
-  } : items[focusedIndex];
-  if (dirent.type !== Directory$1 && dirent.type !== DirectoryExpanding && dirent.type !== DirectoryExpanded) {
-    return state;
-  }
-  // TODO this is very inefficient
-  const getChildDirentsRecursively = async dirent => {
-    switch (dirent.type) {
-      case File$4:
-        return [dirent];
-      case Directory$1:
-      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 newState = await invoke$5('Explorer.expandRecursively', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 const ViewletExplorerExpandRecursively = {
@@ -34197,8 +32667,11 @@ const ViewletExplorerFocus = {
   focus: focus$1
 };
 
-const focusFirst$3 = state => {
-  return invoke$5('Explorer.focusFirst', state);
+const focusFirst$3 = async state => {
+  const newState = await invoke$5('Explorer.focusFirst', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 const ViewletExplorerFocusFirst = {
@@ -34206,8 +32679,23 @@ const ViewletExplorerFocusFirst = {
   focusFirst: focusFirst$3
 };
 
-const focusLast$3 = state => {
-  return invoke$5('Explorer.focusLast', state);
+const focusIndex$3 = async (state, index) => {
+  const newState = await invoke$5('Explorer.focusIndex', state, index);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
+};
+
+const ViewletExplorerFocusIndex = {
+  __proto__: null,
+  focusIndex: focusIndex$3
+};
+
+const focusLast$3 = async state => {
+  const newState = await invoke$5('Explorer.focusLast', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 const ViewletExplorerFocusLast = {
@@ -34215,8 +32703,11 @@ const ViewletExplorerFocusLast = {
   focusLast: focusLast$3
 };
 
-const focusNext$3 = state => {
-  return invoke$5('Explorer.focusNext', state);
+const focusNext$3 = async state => {
+  const newState = await invoke$5('Explorer.focusNext', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 const ViewletExplorerFocusNext = {
@@ -34225,7 +32716,7 @@ const ViewletExplorerFocusNext = {
 };
 
 const focusNone = state => {
-  return focusIndex$7(state, -1);
+  return focusIndex$3(state, -1);
 };
 
 const ViewletExplorerFocusNone = {
@@ -34233,8 +32724,11 @@ const ViewletExplorerFocusNone = {
   focusNone
 };
 
-const focusPrevious$3 = state => {
-  return invoke$5('Explorer.focusPrevious', state);
+const focusPrevious$3 = async state => {
+  const newState = await invoke$5('Explorer.focusPrevious', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 const ViewletExplorerFocusPrevious = {
@@ -34251,60 +32745,11 @@ const ViewletExplorerHandleContextMenu = {
   handleContextMenu: handleContextMenu$5
 };
 
-const isEqual = (a, b) => {
-  if (a.length !== b.length) {
-    return false;
-  }
-  const length = a.length;
-  for (let i = 0; i < length; i++) {
-    if (a[i] !== b[i]) {
-      return false;
-    }
-  }
-  return true;
-};
-const canBeDroppedInto = dirent => {
-  if (!dirent) {
-    return false;
-  }
-  switch (dirent.type) {
-    case Directory$1:
-    case DirectoryExpanded:
-    case DirectoryExpanding:
-      return true;
-    default:
-      return false;
-  }
-};
-const getNewDropTargets = (state, x, y) => {
-  const {
-    items
-  } = state;
-  const index = getIndexFromPosition(state, x, y);
-  if (index === -1) {
-    return [-1];
-  }
-  const item = items[index];
-  if (!canBeDroppedInto(item)) {
-    return [];
-  }
-  const newDropTargets = [index];
-  return newDropTargets;
-};
-const handleDragOver = (state, x, y) => {
-  number$1(x);
-  number$1(y);
-  const {
-    dropTargets
-  } = state;
-  const newDropTargets = getNewDropTargets(state, x, y);
-  if (isEqual(dropTargets, newDropTargets)) {
-    return state;
-  }
-  return {
-    ...state,
-    dropTargets: newDropTargets
-  };
+const handleDragOver = async (state, x, y) => {
+  const newState = await invoke$5('Explorer.handleDragOver', state, x, y);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 const ViewletExplorerHandleDragOver = {
@@ -34312,180 +32757,23 @@ const ViewletExplorerHandleDragOver = {
   handleDragOver
 };
 
-const getModule = () => {
-  switch (platform) {
-    case Electron$1:
-      return Promise.resolve().then(function () { return ViewletExplorerHandleDropRootElectron; });
-    default:
-      return Promise.resolve().then(function () { return ViewletExplorerHandleDropRootDefault; });
-  }
-};
-const handleDropRoot = async (state, files) => {
-  const module = await getModule();
-  return module.handleDrop(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$2 = (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) {
-    const baseName = pathBaseName(file);
-    const to = dirent.path + pathSeparator + baseName;
-    await copy$7(file, to);
-  }
-  const childDirents = await getChildDirents(pathSeparator, dirent);
-  const mergedDirents = getMergedDirents$2(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);
-  }
-  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$1:
-    case DirectoryExpanded:
-      return handleDropIntoFolder(state, dirent, index, files);
-    case File$4:
-      return handleDropIntoFile(state, dirent, index, files);
-    default:
-      return state;
-  }
-};
-
-const handleDrop$2 = 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 handleDrop = async (state, x, y, files) => {
+  const newState = await invoke$5('Explorer.handleDrop', state, x, y, files);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 const ViewletExplorerHandleDrop = {
   __proto__: null,
-  handleDrop: handleDrop$2
-};
-
-const None = 'none';
-const Copy = 'copy';
-const Cut = 'cut';
-
-// TODO add lots of tests for this
-const updateRoot = async () => {
-  const state1 = getState('Explorer');
-  if (state1.disposed) {
-    return state1;
-  }
-  // const file = nativeFiles.files[0]
-  const topLevelDirents = await getTopLevelDirents(state1.root, state1.pathSeparator);
-  const state2 = getState('Explorer');
-  // TODO what if root changes while reading directories?
-  if (state2.disposed || state2.root !== state1.root) {
-    return state2;
-  }
-  const newDirents = mergeDirents$2(state2.items, topLevelDirents);
-  const state3 = {
-    ...state2,
-    items: newDirents
-  };
-  return state3;
+  handleDrop
 };
 
-const handlePasteNone = (state, nativeFiles) => {
-  console.info('[ViewletExplorer/handlePaste] no paths detected');
-  return state;
-};
-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) {
-    const target = join(state.pathSeperator, state.root, getBaseName(state.pathSeparator, source));
-    await copy$7(source, target);
-  }
-  const stateNow = getState('Explorer');
-  if (stateNow.disposed) {
-    return;
-  }
-  // TODO only update folder at which level it changed
-  return updateRoot();
-};
-const handlePasteCut = async (state, nativeFiles) => {
-  for (const source of nativeFiles.files) {
-    const target = `${state.root}${state.pathSeparator}${getBaseName(state.pathSeparator, source)}`;
-    await rename$6(source, target);
-  }
-  return state;
-};
 const handlePaste = async state => {
-  const nativeFiles = await execute$4(/* ClipBoard.readNativeFiles */'ClipBoard.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 newState = await invoke$5('Explorer.handlePaste', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 const ViewletExplorerHandlePaste = {
@@ -34493,8 +32781,11 @@ const ViewletExplorerHandlePaste = {
   handlePaste
 };
 
-const acceptEdit = state => {
-  return invoke$5('Explorer.acceptEdit', state);
+const acceptEdit = async state => {
+  const newState = await invoke$5('Explorer.acceptEdit', state);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 const ViewletExplorerAcceptEdit = {
@@ -34502,16 +32793,11 @@ const ViewletExplorerAcceptEdit = {
   acceptEdit
 };
 
-const handlePointerDown = (state, button, x, y) => {
-  const index = getIndexFromPosition(state, x, y);
-  if (button === LeftClick && index === -1) {
-    return {
-      ...state,
-      focused: true,
-      focusedIndex: -1
-    };
-  }
-  return state;
+const handlePointerDown = async (state, button, x, y) => {
+  const newState = await invoke$5('Explorer.handlePointerDown', state, x, y);
+  const commands = await invoke$5('Explorer.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 const ViewletExplorerHandlePointerDown = {
@@ -35284,7 +33570,7 @@ const getSplitDimensions = (x, y, width, height, splitDirection, sashSize, sashV
       return getSplitDimensionsLeft(x, y, width, height, halfWidth, halfHeight, sashSize, sashVisibleSize, tabHeight);
     case Right:
       return getSplitDimensionsRight(x, y, width, height, halfWidth, halfHeight, sashSize, sashVisibleSize, tabHeight);
-    case None$9:
+    case None$8:
       return {
         overlayX: x,
         overlayY: y,
@@ -35496,7 +33782,7 @@ const handleDropFilePath = async (state, eventX, eventY, filePath) => {
     tabHeight
   } = state;
   const splitDirection = getEditorSplitDirectionType(x, y + tabHeight, width, height - tabHeight, eventX, eventY);
-  if (splitDirection === None$9) {
+  if (splitDirection === None$8) {
     return handleDropFilePathNoSplit(state, filePath);
   }
   return handleDropFilePathSplit(state, eventX, eventY, filePath, splitDirection);
@@ -36099,7 +34385,7 @@ const convertIcon = icon => {
     case Tag:
       return Tag$1;
     default:
-      return None$h;
+      return None$g;
   }
 };
 const getPickIcon$2 = pick => {
@@ -37622,7 +35908,7 @@ const handleMenuClick = (state, level, index) => {
   const menu = menus[level];
   const item = menu.items[index];
   switch (item.flags) {
-    case None$i:
+    case None$h:
       return selectIndexNone(state, item);
     case SubMenu$1:
       return selectIndexSubMenu(state, menu, index);
@@ -37808,147 +36094,3 @@ const ViewletTitleBarMenuBarHandleFocus = {
   __proto__: null,
   handleFocus
 };
-
-const getFilePathElectron = async file => {
-  return invoke$g('GetFilePathElectron.getFilePathElectron', file);
-};
-
-const mergeDirents$1 = (oldDirents, newDirents) => {
-  return newDirents;
-};
-
-// TODO copy files in parallel
-const copyFilesElectron = async (root, pathSeparator, files) => {
-  for (const file of files) {
-    const from = await getFilePathElectron(file);
-    // const from = file.path
-    const to = join(pathSeparator, root, file.name);
-    await copy$7(from, to);
-  }
-};
-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;
-  await copyFilesElectron(root, pathSeparator, files);
-  const mergedDirents = await getMergedDirents$1(root, pathSeparator, items);
-  return {
-    ...state,
-    items: mergedDirents,
-    dropTargets: []
-  };
-};
-
-const ViewletExplorerHandleDropRootElectron = {
-  __proto__: null,
-  handleDrop: handleDrop$1
-};
-
-/**
- *
- * @param {FileSystemDirectoryHandle} fileSystemHandle
- * @param {string} pathSeparator
- * @param {string} root
- * @param {*} uploadHandles
- */
-const uploadDirectory = async (fileSystemHandle, pathSeparator, root, uploadHandles) => {
-  const folderPath = root + pathSeparator + fileSystemHandle.name;
-  await mkdir$7(folderPath);
-  const childHandles = await getChildHandles$1(fileSystemHandle);
-  await uploadHandles(childHandles, pathSeparator, folderPath);
-};
-
-const uploadFile = async (fileSystemHandle, pathSeparator, root) => {
-  const content = await getBinaryString(fileSystemHandle);
-  const to = join(pathSeparator, root, fileSystemHandle.name);
-  await writeFile$e(to, content, Binary);
-};
-
-/**
- *
- * @param {FileSystemHandle} fileSystemHandle
- * @param {string} pathSeparator
- * @param {string} root
- * @param {*} uploadHandles
- * @returns
- */
-const uploadHandle = (fileSystemHandle, pathSeparator, root, uploadHandles) => {
-  const {
-    kind
-  } = fileSystemHandle;
-  switch (kind) {
-    case File$3:
-      return uploadFile(fileSystemHandle, pathSeparator, root);
-    case Directory:
-      // @ts-ignore
-      return uploadDirectory(fileSystemHandle, pathSeparator, root, uploadHandles);
-    default:
-      throw new Error(`unsupported file system handle type ${kind}`);
-  }
-};
-
-const uploadHandles = async (fileSystemHandles, pathSeparator, root) => {
-  for (const fileSystemHandle of fileSystemHandles) {
-    await uploadHandle(fileSystemHandle, pathSeparator, root, uploadHandles);
-  }
-};
-const uploadFileSystemHandles = async (root, pathSeparator, fileSystemHandles) => {
-  if (fileSystemHandles.length === 1) {
-    const file = fileSystemHandles[0];
-    const {
-      name,
-      kind
-    } = file;
-    if (kind === Directory) {
-      await execute$4('PersistentFileHandle.addHandle', `/${name}`, file);
-      await execute$4('Workspace.setPath', `html:///${name}`);
-      return true;
-    }
-  }
-  await uploadHandles(fileSystemHandles, pathSeparator, root);
-  return false;
-};
-
-const mergeDirents = (oldDirents, newDirents) => {
-  return newDirents;
-};
-const getMergedDirents = async (root, pathSeparator, dirents) => {
-  const childDirents = await getChildDirents(pathSeparator, {
-    path: root,
-    depth: 0
-  });
-  const mergedDirents = mergeDirents(dirents, childDirents);
-  return mergedDirents;
-};
-const handleDrop = async (state, files) => {
-  const {
-    root,
-    pathSeparator,
-    items
-  } = state;
-  const handled = await uploadFileSystemHandles(root, pathSeparator, files);
-  if (handled) {
-    return state;
-  }
-  const mergedDirents = await getMergedDirents(root, pathSeparator, items);
-  return {
-    ...state,
-    items: mergedDirents,
-    dropTargets: []
-  };
-};
-
-const ViewletExplorerHandleDropRootDefault = {
-  __proto__: null,
-  handleDrop
-};