@lvce-editor/explorer-view 5.4.0 → 5.6.0

package/dist/explorerViewWorkerMain.js

@@ -1393,14 +1393,14 @@ const copy$1 = async (oldUri, newUri) => {
 
 const applyOperation = operation => {
   switch (operation.type) {
-    case CreateFolder$1:
-      return mkdir(operation.path);
     case Copy$1:
       return copy$1(operation.from || '', operation.path);
-    case Rename$2:
-      return rename$1(operation.from || '', operation.path);
+    case CreateFolder$1:
+      return mkdir(operation.path);
     case Remove:
       return remove(operation.path);
+    case Rename$2:
+      return rename$1(operation.from || '', operation.path);
     default:
       return writeFile(operation.path, operation.text);
   }
@@ -1473,9 +1473,9 @@ const createTree = (items, root) => {
   });
   for (const item of items) {
     const {
-      type,
       name,
-      path
+      path,
+      type
     } = item;
     const relativePath = path.slice(rootLength);
     const dirname = dirname2(relativePath);
@@ -1506,8 +1506,8 @@ const getFileOperationsNestedPath = (path, root, pathSeparator) => {
     if (!part) continue;
     currentPath = join2(currentPath, part);
     operations.push({
-      type: CreateFolder$1,
-      path: join2(root, currentPath)
+      path: join2(root, currentPath),
+      type: CreateFolder$1
     });
   }
   return operations;
@@ -1518,14 +1518,14 @@ const getFileOperationsCreate = (newFileName, newDirentType, pathSeparator, abso
   operations.push(...getFileOperationsNestedPath(parentPath, root, pathSeparator));
   if (newDirentType === File) {
     operations.push({
-      type: CreateFile$1,
       path: absolutePath,
-      text: ''
+      text: '',
+      type: CreateFile$1
     });
   } else if (newDirentType === Directory) {
     operations.push({
-      type: CreateFolder$1,
-      path: absolutePath
+      path: absolutePath,
+      type: CreateFolder$1
     });
   }
   return operations;
@@ -1555,11 +1555,11 @@ const getPathParts = (root, uri, pathSeparator) => {
   while ((index = uri.indexOf(pathSeparator, index + 1)) !== -1) {
     const partUri = uri.slice(0, index);
     parts.push({
-      path: partUri,
       depth: depth++,
-      root,
+      expanded: true,
+      path: partUri,
       pathSeparator,
-      expanded: true
+      root
     });
   }
   return parts;
@@ -1577,10 +1577,10 @@ const ENOENT = 'ENOENT';
 
 const getSymlinkType = type => {
   switch (type) {
-    case File:
-      return SymLinkFile;
     case Directory:
       return SymLinkFolder;
+    case File:
+      return SymLinkFile;
     default:
       return Symlink;
   }
@@ -1645,11 +1645,11 @@ const compareStringNumeric = (a, b) => {
 
 const priorityMapFoldersFirst = {
   [Directory]: 1,
-  [SymLinkFolder]: 1,
   [File]: 0,
+  [Socket]: 0,
   [SymLinkFile]: 0,
-  [Unknown]: 0,
-  [Socket]: 0
+  [SymLinkFolder]: 1,
+  [Unknown]: 0
 };
 const compareDirentType = (direntA, direntB) => {
   return priorityMapFoldersFirst[direntB.type] - priorityMapFoldersFirst[direntA.type];
@@ -1669,15 +1669,15 @@ const sortExplorerItems = rawDirents => {
 const toDisplayDirent = (parentPath, parentDepth, rawDirentType, rawDirentName, index, length) => {
   const path = join2(parentPath, rawDirentName);
   return {
-    name: rawDirentName,
-    posInSet: index + 1,
-    setSize: length,
     depth: parentDepth + 1,
-    type: rawDirentType,
+    icon: '',
+    name: rawDirentName,
     path,
     // TODO storing absolute path might be too costly, could also store relative path here
-    icon: '',
-    selected: false
+    posInSet: index + 1,
+    selected: false,
+    setSize: length,
+    type: rawDirentType
   };
 };
 
@@ -1773,6 +1773,15 @@ const mergeTrees = (a, b) => {
   };
 };
 
+const refreshWorkspace = async () => {
+  // TODO maybe pass an application id to this?
+  try {
+    await invoke$2('Layout.handleWorkspaceRefresh');
+  } catch {
+    // ignore
+  }
+};
+
 const treeToArrayInternal = (map, root, items, path, depth) => {
   const children = map[path];
   if (!children) {
@@ -1785,12 +1794,12 @@ const treeToArrayInternal = (map, root, items, path, depth) => {
     const absolutePath = join2(root, childPath);
     items.push({
       depth,
-      posInSet: i + 1,
-      setSize: count,
       icon: '',
+      name: child.name,
       path: absolutePath,
+      posInSet: i + 1,
       selected: false,
-      name: child.name,
+      setSize: count,
       type: child.type
     });
     treeToArrayInternal(map, root, items, childPath, depth + 1);
@@ -1805,7 +1814,6 @@ const treeToArray = (map, root) => {
 
 const EmptyString = '';
 const Slash$1 = '/';
-const Dot = '.';
 const BackSlash = '\\';
 
 const emptyObject = {};
@@ -1829,7 +1837,6 @@ const Delete = 'Delete';
 const FileNameCannotStartWithSlash = 'A file or folder name cannot start with a slash.';
 const FileOrFolderAlreadyExists = 'A file or folder **{PH1}** already exists at this location. Please choose a different name.';
 const FileOrFolderNameMustBeProvider = 'A file or folder name must be provided.';
-const FileCannotStartWithDot = 'A file or folder name cannot start with a dot.';
 const FileCannotStartWithBackSlash = 'A file or folder name cannot start with a backslash.';
 const FilesExplorer = 'Files Explorer';
 const NewFile$1 = 'New File...';
@@ -1840,6 +1847,7 @@ const OpenInIntegratedTerminal = 'Open in integrated Terminal';
 const Paste = 'Paste';
 const RefreshExplorer = 'Refresh Explorer';
 const Rename = 'Rename';
+const TheNameIsNotValid = 'The name **{0}** is not valid as a file or folder name. Please choose a different name.';
 const TypeAFileName = 'Type file name. Press Enter to confirm or Escape to cancel.'; // TODO use keybinding
 const YouHaveNotYetOpenedAFolder = 'You have not yet opened a folder';
 
@@ -1897,9 +1905,6 @@ const fileOrFolderNameMustBeProvided = () => {
 const fileCannotStartWithSlash = () => {
   return i18nString(FileNameCannotStartWithSlash);
 };
-const fileCannotStartWithDot = () => {
-  return i18nString(FileCannotStartWithDot);
-};
 const fileCannotStartWithBackSlash = () => {
   return i18nString(FileCannotStartWithBackSlash);
 };
@@ -1911,15 +1916,15 @@ const fileOrFolderAlreadyExists = name => {
     PH1: name
   });
 };
+const theNameIsNotValid = () => {
+  return i18nString(TheNameIsNotValid);
+};
 
 const validateFileName2 = (name, siblingFileNames = []) => {
   if (!name) {
     const editingErrorMessage = fileOrFolderNameMustBeProvided();
     return editingErrorMessage;
   }
-  if (name.startsWith(Dot)) {
-    return fileCannotStartWithDot();
-  }
   if (name.startsWith(Slash$1)) {
     return fileCannotStartWithSlash();
   }
@@ -1927,6 +1932,16 @@ const validateFileName2 = (name, siblingFileNames = []) => {
     return fileCannotStartWithBackSlash();
   }
 
+  // Disallow reserved directory names
+  if (name === '.' || name === '..' || name === '...') {
+    return theNameIsNotValid();
+  }
+
+  // Disallow any filename starting with ../
+  if (name.startsWith('../')) {
+    return theNameIsNotValid();
+  }
+
   // Check if file already exists
   if (siblingFileNames.includes(name)) {
     return fileOrFolderAlreadyExists(name);
@@ -1937,10 +1952,10 @@ const validateFileName2 = (name, siblingFileNames = []) => {
 const acceptCreate = async (state, newDirentType) => {
   const {
     editingValue,
-    pathSeparator,
-    root,
     focusedIndex,
-    items
+    items,
+    pathSeparator,
+    root
   } = state;
   const newFileName = editingValue;
   const siblingFileNames = getSiblingFileNames(items, focusedIndex);
@@ -1969,13 +1984,14 @@ const acceptCreate = async (state, newDirentType) => {
   const newItems = treeToArray(merged, root);
   const dirents = newItems;
   const newFocusedIndex = getIndex(newItems, absolutePath);
+  await refreshWorkspace();
   return {
     ...state,
-    items: dirents,
     editingIndex: -1,
-    focusedIndex: newFocusedIndex,
     editingType: None$5,
-    focus: List
+    focus: List,
+    focusedIndex: newFocusedIndex,
+    items: dirents
   };
 };
 
@@ -2010,9 +2026,9 @@ const getFileOperationsRename = (oldAbsolutePath, newFileName) => {
   const oldParentPath = dirname2(oldAbsolutePath);
   const newAbsolutePath = join2(oldParentPath, newFileName);
   operations.push({
-    type: Rename$2,
+    from: oldAbsolutePath,
     path: newAbsolutePath,
-    from: oldAbsolutePath
+    type: Rename$2
   });
   return operations;
 };
@@ -2059,16 +2075,16 @@ const acceptRename = async state => {
   const newFocusedIndex = getIndex(newDirents, newUri);
   return {
     ...state,
+    editingIcon: '',
     editingIndex: -1,
-    editingValue: '',
+    editingSelectionEnd: 0,
+    editingSelectionStart: 0,
     editingType: None$5,
-    editingIcon: '',
-    focusedIndex: newFocusedIndex,
-    focused: true,
+    editingValue: '',
     focus: List,
-    items: newDirents,
-    editingSelectionEnd: 0,
-    editingSelectionStart: 0
+    focused: true,
+    focusedIndex: newFocusedIndex,
+    items: newDirents
   };
 };
 
@@ -2088,6 +2104,11 @@ const acceptEdit = async state => {
   }
 };
 
+const getFocusedIndexCancel = (items, editingIndex) => {
+  const newFocusedIndex = editingIndex > items.length ? items.length - 1 : editingIndex;
+  return newFocusedIndex;
+};
+
 const isNormalItem = item => {
   return item.type !== EditingFile && item.type !== EditingFolder;
 };
@@ -2098,16 +2119,17 @@ const cancelEditCreate = async (state, keepFocus) => {
     items
   } = state;
   const filteredItems = items.filter(isNormalItem);
+  const newFocusedIndex = getFocusedIndexCancel(items, editingIndex);
   return {
     ...state,
-    items: filteredItems,
-    focusedIndex: editingIndex,
-    focused: keepFocus,
-    editingIndex: -1,
-    editingValue: '',
     editingErrorMessage: '',
+    editingIndex: -1,
     editingType: None$5,
-    focus: List
+    editingValue: '',
+    focus: List,
+    focused: keepFocus,
+    focusedIndex: newFocusedIndex,
+    items: filteredItems
   };
 };
 
@@ -2134,18 +2156,19 @@ const cancelEditRename = (state, keepFocus) => {
     items
   } = state;
   const newItems = getNewDirentsForCancelRename(items, editingIndex);
+  const newFocusedIndex = getFocusedIndexCancel(items, editingIndex);
   return {
     ...state,
-    items: newItems,
-    focusedIndex: editingIndex,
-    focused: keepFocus,
+    editingErrorMessage: '',
     editingIndex: -1,
-    editingValue: '',
+    editingSelectionEnd: 0,
+    editingSelectionStart: 0,
     editingType: None$5,
-    editingErrorMessage: '',
+    editingValue: '',
     focus: List,
-    editingSelectionStart: 0,
-    editingSelectionEnd: 0
+    focused: keepFocus,
+    focusedIndex: newFocusedIndex,
+    items: newItems
   };
 };
 
@@ -2194,8 +2217,8 @@ const collapseAll = async state => {
 const getFocusedDirent$1 = state => {
   const {
     focusedIndex,
-    minLineY,
-    items
+    items,
+    minLineY
   } = state;
   const dirent = items[focusedIndex + minLineY];
   return dirent;
@@ -2267,9 +2290,9 @@ const getMissingDirents = (dirents, fileIconCache) => {
 };
 const toIconRequest = dirent => {
   return {
-    type: dirent.type,
     name: dirent.name,
-    path: dirent.path
+    path: dirent.path,
+    type: dirent.type
   };
 };
 const getMissingIconRequests = (dirents, fileIconCache) => {
@@ -2382,8 +2405,8 @@ const getExpandedType = type => {
   switch (type) {
     case Directory:
       return Collapsed;
-    case DirectoryExpanding:
     case DirectoryExpanded:
+    case DirectoryExpanding:
       return Expanded;
     default:
       return None$3;
@@ -2519,21 +2542,21 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
     }
     visible.push({
       ...item,
-      posInSet: item.posInSet ?? i + 1,
-      setSize: item.setSize ?? items.length,
-      isEditing: isEditing,
-      hasEditingError: isEditing && Boolean(editingErrorMessage),
-      icon,
-      indent,
       ariaExpanded,
       chevron,
-      id,
       className,
+      // @ts-ignore
+      decoration,
+      hasEditingError: isEditing && Boolean(editingErrorMessage),
+      icon,
+      id,
+      indent,
+      index: i,
       isCut,
+      isEditing: isEditing,
       isIgnored,
-      index: i,
-      // @ts-ignore
-      decoration
+      posInSet: item.posInSet ?? i + 1,
+      setSize: item.setSize ?? items.length
     });
   }
   return visible;
@@ -2541,9 +2564,9 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
 
 const {
   get,
-  set,
-  registerCommands,
   getCommandIds,
+  registerCommands,
+  set,
   wrapGetter
 } = create$1();
 const wrapListItemCommand = fn => {
@@ -2553,20 +2576,20 @@ const wrapListItemCommand = fn => {
     } = get(id);
     const updatedState = await fn(newState, ...args);
     const {
-      items,
-      minLineY,
-      focusedIndex,
-      editingIndex,
-      editingErrorMessage,
-      useChevrons,
+      cutItems,
+      decorations,
       dropTargets,
+      editingErrorMessage,
       editingIcon,
-      cutItems,
-      sourceControlIgnoredUris,
+      editingIndex,
+      fileIconCache,
+      focusedIndex,
       height,
       itemHeight,
-      fileIconCache,
-      decorations
+      items,
+      minLineY,
+      sourceControlIgnoredUris,
+      useChevrons
     } = updatedState;
     const intermediate = get(id);
     set(id, intermediate.oldState, updatedState);
@@ -2582,10 +2605,10 @@ const wrapListItemCommand = fn => {
     const visibleExplorerItems = getVisibleExplorerItems(items, minLineY, maxLineY, focusedIndex, editingIndex, editingErrorMessage, icons, useChevrons, dropTargets, editingIcon, cutItems, sourceControlIgnoredUris, decorations);
     const finalState = {
       ...updatedState,
-      visibleExplorerItems,
       fileIconCache: newFileIconCache,
       icons,
-      maxLineY
+      maxLineY,
+      visibleExplorerItems
     };
     const intermediate2 = get(id);
     set(id, intermediate2.oldState, finalState);
@@ -2600,58 +2623,58 @@ const Slash = '/';
 // TODO parentUid might ot be needed
 const create = (id, uri, x, y, width, height, args, parentUid, platform = 0) => {
   const state = {
-    uid: id,
-    parentUid,
-    root: '',
-    items: [],
-    focusedIndex: -1,
-    focused: false,
-    hoverIndex: -1,
-    x,
-    y,
-    width,
-    height,
+    confirmDelete: false,
+    confirmPaste: false,
+    cutItems: [],
+    decorations: [],
     deltaY: 0,
-    minLineY: 0,
-    maxLineY: 0,
-    pathSeparator: Slash,
-    version: 0,
-    editingIndex: -1,
-    itemHeight: ListItem,
     dropTargets: [],
-    excluded: [],
-    editingValue: '',
-    editingType: None$5,
+    editingErrorMessage: '',
     editingIcon: '',
+    editingIndex: -1,
+    editingSelectionEnd: 0,
+    editingSelectionStart: 0,
+    editingType: None$5,
+    editingValue: '',
+    errorMessageLeft: 0,
+    errorMessageTop: 0,
+    errorMessageWidth: 0,
+    excluded: [],
     fileIconCache: Object.create(null),
-    useChevrons: false,
-    confirmDelete: false,
-    icons: [],
-    platform,
+    finalDeltaY: 0,
     focus: 0,
-    editingErrorMessage: '',
-    inputSource: 0,
-    editingSelectionStart: 0,
-    editingSelectionEnd: 0,
+    focused: false,
+    focusedIndex: -1,
     focusWord: '',
     focusWordTimeout: 800,
-    finalDeltaY: 0,
     handleOffset: 0,
-    scrollBarActive: false,
-    scrollBarHeight: 0,
-    confirmPaste: false,
-    pasteShouldMove: false,
-    cutItems: [],
+    height,
+    hoverIndex: -1,
+    icons: [],
+    inputSource: 0,
     isPointerDown: false,
+    itemHeight: ListItem,
+    items: [],
+    maxIndent: 0,
+    maxLineY: 0,
+    minLineY: 0,
+    parentUid,
+    pasteShouldMove: false,
+    pathSeparator: Slash,
+    platform,
     pointerDownIndex: -1,
+    root: '',
+    scrollBarActive: false,
+    scrollBarHeight: 0,
+    sourceControlDecorations: false,
     sourceControlIgnoredUris: [],
-    maxIndent: 0,
-    errorMessageLeft: 0,
-    errorMessageTop: 0,
+    uid: id,
+    useChevrons: false,
+    version: 0,
     visibleExplorerItems: [],
-    errorMessageWidth: 0,
-    decorations: [],
-    sourceControlDecorations: false
+    width,
+    x,
+    y
   };
   set(state.uid, state, state);
   return state;
@@ -2666,7 +2689,7 @@ const isEqual$6 = (oldState, newState) => {
   // TODO compute css more optimized
   // maybe only when items change, and even then not
   // always, but only when it affects the css
-  return oldState.errorMessageLeft === newState.errorMessageLeft && oldState.errorMessageTop === newState.errorMessageTop && oldState.maxIndent === newState.maxIndent && oldState.scrollBarActive === newState.scrollBarActive && oldState.scrollBarHeight === newState.scrollBarHeight && oldState.visibleExplorerItems === newState.visibleExplorerItems && oldState.editingErrorMessage === newState.editingErrorMessage;
+  return oldState.editingErrorMessage === newState.editingErrorMessage && oldState.errorMessageLeft === newState.errorMessageLeft && oldState.errorMessageTop === newState.errorMessageTop && oldState.maxIndent === newState.maxIndent && oldState.scrollBarActive === newState.scrollBarActive && oldState.scrollBarHeight === newState.scrollBarHeight && oldState.visibleExplorerItems === newState.visibleExplorerItems && oldState.width === newState.width;
 };
 
 const isEqual$5 = (oldState, newState) => {
@@ -2716,8 +2739,8 @@ const diff = (oldState, newState) => {
 
 const diff2 = uid => {
   const {
-    oldState,
-    newState
+    newState,
+    oldState
   } = get(uid);
   const result = diff(oldState, newState);
   return result;
@@ -2725,8 +2748,8 @@ const diff2 = uid => {
 
 const expandAll = async state => {
   const {
-    items,
     focusedIndex,
+    items,
     pathSeparator
   } = state;
   if (focusedIndex === -1) {
@@ -2777,11 +2800,9 @@ const makeExpanded = dirent => {
 // TODO this is very inefficient
 const getChildDirentsRecursively = async (dirent, pathSeparator) => {
   switch (dirent.type) {
-    case File:
-      return [dirent];
     case Directory:
-    case DirectoryExpanding:
     case DirectoryExpanded:
+    case DirectoryExpanding:
       const childDirents = await getChildDirents(pathSeparator, dirent.path, dirent.depth);
       const all = [makeExpanded(dirent)];
       for (const childDirent of childDirents) {
@@ -2789,6 +2810,8 @@ const getChildDirentsRecursively = async (dirent, pathSeparator) => {
         all.push(...childAll);
       }
       return all;
+    case File:
+      return [dirent];
     default:
       return [];
   }
@@ -2808,15 +2831,15 @@ const getParentEndIndex = (dirents, index) => {
 
 const expandRecursively = async state => {
   const {
-    items,
     focusedIndex,
+    items,
     pathSeparator,
     root
   } = state;
   const dirent = focusedIndex < 0 ? {
-    type: Directory,
+    depth: 0,
     path: root,
-    depth: 0
+    type: Directory
   } : items[focusedIndex];
   if (dirent.type !== Directory && dirent.type !== DirectoryExpanding && dirent.type !== DirectoryExpanded) {
     return state;
@@ -2854,9 +2877,9 @@ const focus = state => {
 
 const focusIndex = (state, index) => {
   const {
-    minLineY,
+    items,
     maxLineY,
-    items
+    minLineY
   } = state;
   const newItems = items.map((item, i) => ({
     ...item,
@@ -2866,37 +2889,37 @@ const focusIndex = (state, index) => {
     if (index < 0) {
       return {
         ...state,
-        items: newItems,
+        focused: true,
         focusedIndex: index,
-        focused: true
+        items: newItems
       };
     }
     const diff = maxLineY - minLineY;
     return {
       ...state,
-      items: newItems,
-      focusedIndex: index,
       focused: true,
-      minLineY: index,
-      maxLineY: index + diff
+      focusedIndex: index,
+      items: newItems,
+      maxLineY: index + diff,
+      minLineY: index
     };
   }
   if (index >= maxLineY) {
     const diff = maxLineY - minLineY;
     return {
       ...state,
-      items: newItems,
-      focusedIndex: index,
       focused: true,
-      minLineY: index + 1 - diff,
-      maxLineY: index + 1
+      focusedIndex: index,
+      items: newItems,
+      maxLineY: index + 1,
+      minLineY: index + 1 - diff
     };
   }
   return {
     ...state,
-    items: newItems,
+    focused: true,
     focusedIndex: index,
-    focused: true
+    items: newItems
   };
 };
 
@@ -2975,96 +2998,96 @@ const focusPrevious = state => {
 
 const getKeyBindings = () => {
   return [{
-    key: Shift | UpArrow,
     command: 'Explorer.selectUp',
+    key: Shift | UpArrow,
     when: FocusExplorer
   }, {
-    key: Shift | DownArrow,
     command: 'Explorer.selectDown',
+    key: Shift | DownArrow,
     when: FocusExplorer
   }, {
-    key: RightArrow,
     command: 'Explorer.handleArrowRight',
+    key: RightArrow,
     when: FocusExplorer
   }, {
-    key: LeftArrow,
     command: 'Explorer.handleArrowLeft',
+    key: LeftArrow,
     when: FocusExplorer
   }, {
-    key: Home,
     command: 'Explorer.focusFirst',
+    key: Home,
     when: FocusExplorer
   }, {
-    key: End,
     command: 'Explorer.focusLast',
+    key: End,
     when: FocusExplorer
   }, {
-    key: UpArrow,
     command: 'Explorer.focusPrevious',
+    key: UpArrow,
     when: FocusExplorer
   }, {
-    key: DownArrow,
     command: 'Explorer.focusNext',
+    key: DownArrow,
     when: FocusExplorer
   }, {
-    key: CtrlCmd | Star,
     command: 'Explorer.expandAll',
+    key: CtrlCmd | Star,
     when: FocusExplorer
   }, {
-    key: Alt | RightArrow,
     command: 'Explorer.expandRecursively',
+    key: Alt | RightArrow,
     when: FocusExplorer
   }, {
-    key: CtrlCmd | LeftArrow,
     command: 'Explorer.collapseAll',
+    key: CtrlCmd | LeftArrow,
     when: FocusExplorer
   }, {
-    key: CtrlCmd | KeyV,
     command: 'Explorer.handlePaste',
+    key: CtrlCmd | KeyV,
     when: FocusExplorer
   }, {
-    key: CtrlCmd | KeyC,
     command: 'Explorer.handleCopy',
+    key: CtrlCmd | KeyC,
     when: FocusExplorer
   }, {
-    key: CtrlCmd | KeyX,
     command: 'Explorer.handleCut',
+    key: CtrlCmd | KeyX,
     when: FocusExplorer
   }, {
-    key: F2,
     command: 'Explorer.renameDirent',
+    key: F2,
     when: FocusExplorer
   }, {
-    key: Escape,
     command: 'Explorer.cancelEdit',
+    key: Escape,
     when: FocusExplorerEditBox
   }, {
-    key: Enter,
     command: 'Explorer.acceptEdit',
+    key: Enter,
     when: FocusExplorerEditBox
   }, {
-    key: Delete$1,
     command: 'Explorer.removeDirent',
+    key: Delete$1,
     when: FocusExplorer
   }, {
-    key: Escape,
     command: 'Explorer.focusNone',
+    key: Escape,
     when: FocusExplorer
   }, {
-    key: Space,
     command: 'Explorer.handleClickCurrentButKeepFocus',
+    key: Space,
     when: FocusExplorer
   }, {
-    key: Enter,
     command: 'Explorer.handleClickCurrent',
+    key: Enter,
     when: FocusExplorer
   }, {
-    key: Escape,
     command: 'Explorer.handleEscape',
+    key: Escape,
     when: FocusExplorer
   }, {
-    key: CtrlCmd | KeyA,
     command: 'Explorer.selectAll',
+    key: CtrlCmd | KeyA,
     when: FocusExplorer
   }];
 };
@@ -3074,77 +3097,77 @@ const None$2 = 0;
 const RestoreFocus = 6;
 
 const menuEntrySeparator = {
-  id: 'separator',
-  label: '',
+  command: '',
   flags: Separator,
-  command: ''
+  id: 'separator',
+  label: ''
 };
 
 const menuEntryNewFile = {
-  id: 'newFile',
-  label: newFile$1(),
+  command: 'Explorer.newFile',
   flags: None$2,
-  command: 'Explorer.newFile'
+  id: 'newFile',
+  label: newFile$1()
 };
 const menuEntryNewFolder = {
-  id: 'newFolder',
-  label: newFolder$1(),
+  command: 'Explorer.newFolder',
   flags: None$2,
-  command: 'Explorer.newFolder'
+  id: 'newFolder',
+  label: newFolder$1()
 };
 const menuEntryOpenContainingFolder = {
-  id: 'openContainingFolder',
-  label: openContainingFolder$1(),
+  command: 'Explorer.openContainingFolder',
   flags: RestoreFocus,
-  command: 'Explorer.openContainingFolder'
+  id: 'openContainingFolder',
+  label: openContainingFolder$1()
 };
 const menuEntryOpenInIntegratedTerminal = {
-  id: 'openInIntegratedTerminal',
-  label: openInIntegratedTerminal(),
+  command: /* TODO */'-1',
   flags: None$2,
-  command: /* TODO */'-1'
+  id: 'openInIntegratedTerminal',
+  label: openInIntegratedTerminal()
 };
 const menuEntryCut = {
-  id: 'cut',
-  label: cut(),
+  command: 'Explorer.handleCut',
   flags: RestoreFocus,
-  command: 'Explorer.handleCut'
+  id: 'cut',
+  label: cut()
 };
 const menuEntryCopy = {
-  id: 'copy',
-  label: copy(),
+  command: 'Explorer.handleCopy',
   flags: RestoreFocus,
-  command: 'Explorer.handleCopy'
+  id: 'copy',
+  label: copy()
 };
 const menuEntryPaste = {
-  id: 'paste',
-  label: paste(),
+  command: 'Explorer.handlePaste',
   flags: None$2,
-  command: 'Explorer.handlePaste'
+  id: 'paste',
+  label: paste()
 };
 const menuEntryCopyPath = {
-  id: 'copyPath',
-  label: copyPath$1(),
+  command: 'Explorer.copyPath',
   flags: RestoreFocus,
-  command: 'Explorer.copyPath'
+  id: 'copyPath',
+  label: copyPath$1()
 };
 const menuEntryCopyRelativePath = {
-  id: 'copyRelativePath',
-  label: copyRelativePath$1(),
+  command: 'Explorer.copyRelativePath',
   flags: RestoreFocus,
-  command: 'Explorer.copyRelativePath'
+  id: 'copyRelativePath',
+  label: copyRelativePath$1()
 };
 const menuEntryRename = {
-  id: 'rename',
-  label: rename(),
+  command: 'Explorer.renameDirent',
   flags: None$2,
-  command: 'Explorer.renameDirent'
+  id: 'rename',
+  label: rename()
 };
 const menuEntryDelete = {
-  id: 'delete',
-  label: deleteItem(),
+  command: 'Explorer.removeDirent',
   flags: None$2,
-  command: 'Explorer.removeDirent'
+  id: 'delete',
+  label: deleteItem()
 };
 const ALL_ENTRIES = [menuEntryNewFile, menuEntryNewFolder, menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, menuEntryRename, menuEntryDelete];
 
@@ -3193,26 +3216,26 @@ const LeftClick = 0;
 
 const getMouseActions = () => {
   return [{
-    description: 'Open file on click',
     button: LeftClick,
-    modifiers: {},
     command: 'Explorer.openFile',
+    description: 'Open file on click',
+    modifiers: {},
     when: FocusExplorer
   }, {
-    description: 'Toggle selection with Ctrl+Click',
     button: LeftClick,
+    command: 'Explorer.toggleSelection',
+    description: 'Toggle selection with Ctrl+Click',
     modifiers: {
       ctrl: true
     },
-    command: 'Explorer.toggleSelection',
     when: FocusExplorer
   }, {
-    description: 'Select range with Shift+Click',
     button: LeftClick,
+    command: 'Explorer.rangeSelection',
+    description: 'Select range with Shift+Click',
     modifiers: {
       shift: true
     },
-    command: 'Explorer.rangeSelection',
     when: FocusExplorer
   }];
 };
@@ -3236,10 +3259,10 @@ const focusParentFolder = state => {
 
 const handleClickDirectoryExpanded = async (state, dirent, index, keepFocus) => {
   const {
-    minLineY,
-    maxLineY,
     itemHeight,
-    items
+    items,
+    maxLineY,
+    minLineY
   } = state;
   // @ts-ignore
   dirent.type = Directory;
@@ -3276,8 +3299,8 @@ const handleClickDirectoryExpanded = async (state, dirent, index, keepFocus) =>
 
 const handleArrowLeft = state => {
   const {
-    items,
-    focusedIndex
+    focusedIndex,
+    items
   } = state;
   if (focusedIndex === -1) {
     return state;
@@ -3298,8 +3321,8 @@ const handleArrowLeft = state => {
 
 const handleArrowRightDirectoryExpanded = (state, dirent) => {
   const {
-    items,
-    focusedIndex
+    focusedIndex,
+    items
   } = state;
   if (focusedIndex === items.length - 1) {
     return state;
@@ -3336,10 +3359,10 @@ const handleClickDirectory = async (state, dirent, index, keepFocus) => {
 
   return {
     ...state,
+    focus: List,
     focused: keepFocus,
     focusedIndex: newIndex,
-    items: newDirents,
-    focus: List
+    items: newDirents
   };
 };
 
@@ -3351,8 +3374,8 @@ const handleClickFile = async (state, dirent, index, keepFocus = false) => {
   await openUri(dirent.path, !keepFocus);
   return {
     ...state,
-    focusedIndex: index,
-    focused: keepFocus
+    focused: keepFocus,
+    focusedIndex: index
   };
 };
 
@@ -3369,23 +3392,23 @@ const handleClickSymLink = async (state, dirent, index) => {
 
 const handleArrowRight = async state => {
   const {
-    items,
-    focusedIndex
+    focusedIndex,
+    items
   } = state;
   if (focusedIndex === -1) {
     return state;
   }
   const dirent = items[focusedIndex];
   switch (dirent.type) {
-    case File:
-    case SymLinkFile:
-      return state;
     case Directory:
     case SymLinkFolder:
       // @ts-ignore
       return handleClickDirectory(state, dirent);
     case DirectoryExpanded:
       return handleArrowRightDirectoryExpanded(state, dirent);
+    case File:
+    case SymLinkFile:
+      return state;
     case Symlink:
       return handleClickSymLink(state, dirent, focusedIndex);
     default:
@@ -3426,8 +3449,8 @@ const handleClickDirectoryExpanding = async (state, dirent, index, keepFocus) =>
   dirent.icon = '';
   return {
     ...state,
-    focusedIndex: index,
-    focused: keepFocus
+    focused: keepFocus,
+    focusedIndex: index
   };
 };
 
@@ -3450,16 +3473,16 @@ const handleClickDirectoryExpanding = async (state, dirent, index, keepFocus) =>
 
 const getClickFn = direntType => {
   switch (direntType) {
-    case File:
-    case SymLinkFile:
-      return handleClickFile;
     case Directory:
     case SymLinkFolder:
       return handleClickDirectory;
-    case DirectoryExpanding:
-      return handleClickDirectoryExpanding;
     case DirectoryExpanded:
       return handleClickDirectoryExpanded;
+    case DirectoryExpanding:
+      return handleClickDirectoryExpanding;
+    case File:
+    case SymLinkFile:
+      return handleClickFile;
     case Symlink:
       return handleClickSymLink;
     case CharacterDevice:
@@ -3474,15 +3497,15 @@ const getClickFn = direntType => {
 };
 
 const resetEditing = {
-  editingIndex: -1,
-  editingValue: '',
-  editingType: None$5,
-  editingIcon: '',
   editingErrorMessage: '',
+  editingIcon: '',
+  editingIndex: -1,
   editingSelection: {
-    start: 0,
-    end: 0
-  }
+    end: 0,
+    start: 0
+  },
+  editingType: None$5,
+  editingValue: ''
 };
 
 // TODO viewlet should only have create and refresh functions
@@ -3535,9 +3558,9 @@ const handleClick = async (state, index, keepFocus = false) => {
 
 const getIndexFromPosition = (state, eventX, eventY) => {
   const {
-    y,
     itemHeight,
-    items
+    items,
+    y
   } = state;
   const index = Math.floor((eventY - y) / itemHeight);
   if (index < 0) {
@@ -3659,8 +3682,8 @@ const handleContextMenuAtIndex = async (state, index, x, y) => {
   } = state;
   const newState = {
     ...state,
-    focusedIndex: index,
-    focused: false
+    focused: false,
+    focusedIndex: index
   };
   set(uid, state, newState);
   await show2(uid, Explorer, x, y, {
@@ -3672,10 +3695,10 @@ const handleContextMenuAtIndex = async (state, index, x, y) => {
 const handleContextMenuKeyboard = async state => {
   const {
     focusedIndex,
-    x,
-    y,
+    itemHeight,
     minLineY,
-    itemHeight
+    x,
+    y
   } = state;
   const menuX = x;
   const menuY = y + (focusedIndex - minLineY + 1) * itemHeight;
@@ -3732,8 +3755,8 @@ const handleCut = async state => {
   // TODO handle multiple files
   // TODO if not file is selected, what happens?
   const {
-    items,
-    focusedIndex
+    focusedIndex,
+    items
   } = state;
   const dirents = getSelectedItems(items, focusedIndex);
   if (dirents.length === 0) {
@@ -3743,8 +3766,8 @@ const handleCut = async state => {
   await writeNativeFiles('cut', files);
   return {
     ...state,
-    pasteShouldMove: true,
-    cutItems: files
+    cutItems: files,
+    pasteShouldMove: true
   };
 };
 
@@ -3871,14 +3894,14 @@ const getProtoMapInternal = (root, pathToDirents, expandedPaths, depth) => {
     const item = items[i];
     const path = join2(root, item.name);
     const displayDirent = {
+      depth,
+      icon: '',
       name: item.name,
+      path,
       posInSet: i + 1,
+      selected: false,
       setSize: items.length,
-      depth,
-      type: restoreDirentType(item.type, path, expandedPaths),
-      path,
-      icon: '',
-      selected: false
+      type: restoreDirentType(item.type, path, expandedPaths)
     };
     const children = getProtoMapInternal(path, pathToDirents, expandedPaths, depth + 1);
     protoMap.push(displayDirent, ...children);
@@ -3901,9 +3924,9 @@ const sortPathDirentsMap = map => {
 
 const refresh = async state => {
   const {
-    root,
     focusedIndex,
-    items
+    items,
+    root
   } = state;
   const expandedDirents = getExpandedDirents(items);
   const expandedPaths = getPaths(expandedDirents);
@@ -3969,15 +3992,15 @@ const getFileOperations = (root, uploadTree) => {
       const fullPath = currentPath ? join2(currentPath, path) : path;
       if (typeof value === 'object') {
         operations.push({
-          type: CreateFolder$1,
-          path: join2(root, fullPath)
+          path: join2(root, fullPath),
+          type: CreateFolder$1
         });
         processTree(value, fullPath);
       } else if (typeof value === 'string') {
         operations.push({
-          type: CreateFile$1,
           path: join2(root, fullPath),
-          text: value
+          text: value,
+          type: CreateFile$1
         });
       }
     }
@@ -4009,9 +4032,9 @@ const getMergedDirents$2 = async (root, pathSeparator, dirents) => {
 };
 const handleDrop$2 = async (state, fileHandles, files) => {
   const {
-    root,
+    items,
     pathSeparator,
-    items
+    root
   } = state;
   const handled = await uploadFileSystemHandles(root, pathSeparator, fileHandles);
   if (handled) {
@@ -4024,8 +4047,8 @@ const handleDrop$2 = async (state, fileHandles, files) => {
   const mergedDirents = await getMergedDirents$2(root, pathSeparator, items);
   return {
     ...state,
-    items: mergedDirents,
-    dropTargets: []
+    dropTargets: [],
+    items: mergedDirents
   };
 };
 
@@ -4038,9 +4061,9 @@ const getFileOperationsElectron = async (root, paths, fileHandles, pathSeparator
     } = fileHandle;
     const path = paths[i];
     operations.push({
-      type: Copy$1,
+      from: path,
       path: join(pathSeparator, root, name),
-      from: path
+      type: Copy$1
     });
   }
   return operations;
@@ -4063,16 +4086,16 @@ const getMergedDirents$1 = async (root, pathSeparator, dirents) => {
 };
 const handleDrop$1 = async (state, fileHandles, files, paths) => {
   const {
-    root,
+    items,
     pathSeparator,
-    items
+    root
   } = state;
   await copyFilesElectron(root, fileHandles, files, paths);
   const mergedDirents = await getMergedDirents$1(root, pathSeparator, items);
   return {
     ...state,
-    items: mergedDirents,
-    dropTargets: []
+    dropTargets: [],
+    items: mergedDirents
   };
 };
 
@@ -4109,8 +4132,8 @@ const getMergedDirents = (items, index, dirent, childDirents) => {
 };
 const handleDropIntoFolder = async (state, dirent, index, fileHandles, files, paths) => {
   const {
-    pathSeparator,
-    items
+    items,
+    pathSeparator
   } = state;
   // @ts-ignore
   for (const file of fileHandles) {
@@ -4125,8 +4148,8 @@ const handleDropIntoFolder = async (state, dirent, index, fileHandles, files, pa
   // TODO update maxlineY
   return {
     ...state,
-    items: mergedDirents,
-    dropTargets: []
+    dropTargets: [],
+    items: mergedDirents
   };
 };
 const handleDropIntoFile = (state, dirent, index, fileHandles, files, paths) => {
@@ -4225,8 +4248,8 @@ const handleFocus = async state => {
 const updateIcons = async state => {
   const {
     items,
-    minLineY,
-    maxLineY
+    maxLineY,
+    minLineY
   } = state;
   const visible = items.slice(minLineY, maxLineY);
   const {
@@ -4235,8 +4258,8 @@ const updateIcons = async state => {
   } = await getFileIcons(visible, Object.create(null));
   return {
     ...state,
-    icons,
-    fileIconCache: newFileIconCache
+    fileIconCache: newFileIconCache,
+    icons
   };
 };
 
@@ -4294,10 +4317,10 @@ const isAscii = key => {
 let timeout;
 const handleKeyDown = (state, key) => {
   const {
-    focusWord,
-    items,
     focusedIndex,
-    focusWordTimeout
+    focusWord,
+    focusWordTimeout,
+    items
   } = state;
   if (focusWord && key === '') {
     return cancelTypeAhead(state);
@@ -4324,8 +4347,8 @@ const handleKeyDown = (state, key) => {
   }
   return {
     ...state,
-    focusWord: newFocusWord,
-    focusedIndex: matchingIndex
+    focusedIndex: matchingIndex,
+    focusWord: newFocusWord
   };
 };
 
@@ -4335,40 +4358,40 @@ const scrollInto = (index, minLineY, maxLineY) => {
   const largerHalf = diff - smallerHalf;
   if (index < minLineY) {
     return {
-      newMinLineY: index - smallerHalf,
-      newMaxLineY: index + largerHalf
+      newMaxLineY: index + largerHalf,
+      newMinLineY: index - smallerHalf
     };
   }
   if (index >= maxLineY) {
     return {
-      newMinLineY: index - smallerHalf,
-      newMaxLineY: index + largerHalf
+      newMaxLineY: index + largerHalf,
+      newMinLineY: index - smallerHalf
     };
   }
   return {
-    newMinLineY: minLineY,
-    newMaxLineY: maxLineY
+    newMaxLineY: maxLineY,
+    newMinLineY: minLineY
   };
 };
 
 const adjustScrollAfterPaste = (state, focusedIndex) => {
   const {
-    minLineY,
+    itemHeight,
     maxLineY,
-    itemHeight
+    minLineY
   } = state;
   const {
-    newMinLineY,
-    newMaxLineY
+    newMaxLineY,
+    newMinLineY
   } = scrollInto(focusedIndex, minLineY, maxLineY);
   const newDeltaY = newMinLineY * itemHeight;
   return {
     ...state,
-    focusedIndex,
+    deltaY: newDeltaY,
     focused: true,
-    minLineY: newMinLineY,
+    focusedIndex,
     maxLineY: newMaxLineY,
-    deltaY: newDeltaY
+    minLineY: newMinLineY
   };
 };
 
@@ -4417,18 +4440,18 @@ const getFileOperationsCopy = (root, existingUris, files, focusedUri) => {
     const baseName = getBaseName('/', file);
     if (existingUris.includes(file)) {
       operations.push({
-        type: Rename$2,
         from: file,
-        path: join2(focusedUri, baseName)
+        path: join2(focusedUri, baseName),
+        type: Rename$2
       });
     } else {
       const uniqueName = generateUniqueName(baseName, existingUris, root);
       const newUri = join2(root, uniqueName);
       operations.push({
-        type: Copy$1,
         from: file,
         // TODO ensure file is uri
-        path: newUri
+        path: newUri,
+        type: Copy$1
       });
     }
   }
@@ -4444,9 +4467,9 @@ const handlePasteCopy = async (state, nativeFiles) => {
 
   // TODO use file operations and bulk edit
   const {
+    focusedIndex,
     items,
-    root,
-    focusedIndex
+    root
   } = state;
   const focusedUri = items[focusedIndex]?.path || root;
   const existingUris = items.map(item => item.path);
@@ -4491,9 +4514,9 @@ const getOperations = (toUri, files) => {
     const baseName = getBaseName('/', file);
     const newUri = join2(toUri, baseName);
     operations.push({
-      type: Rename$2,
       from: file,
-      path: newUri
+      path: newUri,
+      type: Rename$2
     });
   }
   return operations;
@@ -4506,10 +4529,10 @@ const getTargetUri = (root, items, index) => {
 };
 const handlePasteCut = async (state, nativeFiles) => {
   const {
-    root,
-    pathSeparator,
+    focusedIndex,
     items,
-    focusedIndex
+    pathSeparator,
+    root
   } = state;
   // TODO root is not necessrily target uri
   const targetUri = getTargetUri(root, items, focusedIndex);
@@ -4528,15 +4551,15 @@ const handlePasteCut = async (state, nativeFiles) => {
       const adjustedState = adjustScrollAfterPaste(latestState, pastedFileIndex);
       return {
         ...adjustedState,
-        pasteShouldMove: false,
-        cutItems: []
+        cutItems: [],
+        pasteShouldMove: false
       };
     }
   }
   return {
     ...latestState,
-    pasteShouldMove: false,
-    cutItems: []
+    cutItems: [],
+    pasteShouldMove: false
   };
 };
 
@@ -4577,9 +4600,9 @@ const handlePointerDown = (state, button, x, y) => {
   if (button === LeftClick && index === -1) {
     return {
       ...state,
+      focus: List,
       focused: true,
-      focusedIndex: -1,
-      focus: List
+      focusedIndex: -1
     };
   }
   return state;
@@ -4587,8 +4610,8 @@ const handlePointerDown = (state, button, x, y) => {
 
 const handleUpload = async (state, dirents) => {
   const {
-    root,
-    pathSeparator
+    pathSeparator,
+    root
   } = state;
   for (const dirent of dirents) {
     // TODO switch
@@ -4606,8 +4629,8 @@ const handleUpload = async (state, dirents) => {
 
 const setDeltaY = async (state, deltaY) => {
   const {
-    itemHeight,
     height,
+    itemHeight,
     items
   } = state;
   if (deltaY < 0) {
@@ -4688,10 +4711,10 @@ const getSettings = async () => {
   const sourceControlDecorationsRaw = await invoke$2('Preferences.get', 'explorer.sourceControlDecorations');
   const sourceControlDecorations = sourceControlDecorationsRaw === false ? false : true;
   return {
-    useChevrons,
     confirmDelete,
     confirmPaste,
-    sourceControlDecorations
+    sourceControlDecorations,
+    useChevrons
   };
 };
 
@@ -4721,22 +4744,22 @@ const getSavedChildDirents = (map, path, depth, excluded, pathSeparator) => {
     if ((child.type === Directory || child.type === SymLinkFolder) && childPath in map) {
       dirents.push({
         depth,
-        posInSet: i + 1,
-        setSize: visibleLength,
         icon: '',
         name,
         path: childPath,
+        posInSet: i + 1,
+        setSize: visibleLength,
         type: DirectoryExpanded
       });
       dirents.push(...getSavedChildDirents(map, childPath, depth + 1, excluded, pathSeparator));
     } else {
       dirents.push({
         depth,
-        posInSet: i + 1,
-        setSize: visibleLength,
         icon: '',
         name,
         path: childPath,
+        posInSet: i + 1,
+        setSize: visibleLength,
         type
       });
     }
@@ -4806,9 +4829,9 @@ const getSavedRoot = (savedState, workspacePath) => {
 };
 const loadContent = async (state, savedState) => {
   const {
-    useChevrons,
     confirmDelete,
-    sourceControlDecorations
+    sourceControlDecorations,
+    useChevrons
   } = await getSettings();
   const workspacePath = await getWorkspacePath();
   const root = getSavedRoot(savedState, workspacePath);
@@ -4932,14 +4955,14 @@ const getNewChildDirentsForNewDirent = async (items, depth, parentPath, direntTy
   if (existingChildren.length === 0) {
     const childDirents = await readDirWithFileTypes(parentPath);
     existingChildren = childDirents.map((dirent, index) => ({
+      depth,
+      icon: '',
       name: dirent.name,
-      type: dirent.type,
       path: join2(parentPath, dirent.name),
-      depth,
-      selected: false,
       posInSet: index + 1,
+      selected: false,
       setSize: childDirents.length,
-      icon: ''
+      type: dirent.type
     }));
   }
   const updatedChildren = existingChildren.map((child, index) => ({
@@ -4948,14 +4971,14 @@ const getNewChildDirentsForNewDirent = async (items, depth, parentPath, direntTy
     setSize: existingChildren.length + 2
   }));
   const newDirent = {
+    depth,
+    icon: '',
     name: '',
-    type: direntType,
     path: parentPath,
-    depth,
-    selected: false,
     posInSet: updatedChildren.length + 1,
+    selected: false,
     setSize: existingChildren.length + 2,
-    icon: ''
+    type: direntType
   };
   const allChildDirents = [...updatedChildren, newDirent];
   return allChildDirents;
@@ -4964,14 +4987,14 @@ const getNewChildDirentsForNewDirent = async (items, depth, parentPath, direntTy
 const getNewDirentsForNewDirent = async (items, focusedIndex, type, root) => {
   if (items.length === 0 || focusedIndex === -1) {
     const newDirent = {
+      depth: 0,
+      icon: '',
       name: '',
-      type,
       path: root,
-      depth: 0,
-      selected: false,
       posInSet: 1,
+      selected: false,
       setSize: 1,
-      icon: ''
+      type
     };
     return [...items, newDirent];
   }
@@ -5020,9 +5043,9 @@ const getFittingIndex = (dirents, startIndex) => {
 const newDirent = async (state, editingType) => {
   // TODO do it like vscode, select position between folders and files
   const {
-    root,
     focusedIndex,
-    items
+    items,
+    root
   } = state;
   const index = getFittingIndex(items, focusedIndex);
   const direntType = getNewDirentType(editingType);
@@ -5066,8 +5089,9 @@ const openNativeFolder = async path => {
 const openContainingFolder = async state => {
   const {
     focusedIndex,
-    root,
-    items} = state;
+    items,
+    root
+  } = state;
   const path = getContainingFolder(root, items, focusedIndex);
   await openNativeFolder(path);
   return state;
@@ -5087,9 +5111,9 @@ const showErrorAlert = async errorMessage => {
 
 const removeDirent = async state => {
   const {
-    items,
+    confirmDelete: confirmDelete$1,
     focusedIndex,
-    confirmDelete: confirmDelete$1
+    items
   } = state;
   const selectedItems = getSelectedItems(items, focusedIndex);
   if (selectedItems.length === 0) {
@@ -5104,8 +5128,8 @@ const removeDirent = async state => {
   }
   const fileOperations = toRemove.map(item => {
     return {
-      type: Remove,
-      path: item
+      path: item,
+      type: Remove
     };
   });
   // TODO use bulk edit and explorer refresh
@@ -5117,8 +5141,8 @@ const removeDirent = async state => {
   const newState = await refresh(state);
   return {
     ...newState,
-    focused: true,
-    focus: List
+    focus: List,
+    focused: true
   };
 };
 
@@ -5145,13 +5169,13 @@ const getRenameSelectionRange = name => {
   const dotIndex = name.lastIndexOf('.');
   if (dotIndex === -1) {
     return {
-      start: 0,
-      end: name.length
+      end: name.length,
+      start: 0
     };
   }
   return {
-    start: 0,
-    end: dotIndex
+    end: dotIndex,
+    start: 0
   };
 };
 
@@ -5161,8 +5185,8 @@ const Script = 2;
 const renameDirent = async state => {
   const {
     focusedIndex,
-    items,
     icons,
+    items,
     minLineY
   } = state;
   if (items.length === 0) {
@@ -5171,20 +5195,20 @@ const renameDirent = async state => {
   const item = items[focusedIndex];
   const newItems = getNewDirentsForRename(items, focusedIndex);
   const {
-    start,
-    end
+    end,
+    start
   } = getRenameSelectionRange(item.name);
   return {
     ...state,
-    items: newItems,
+    editingIcon: icons[focusedIndex - minLineY],
     editingIndex: focusedIndex,
+    editingSelectionEnd: end,
+    editingSelectionStart: start,
     editingType: Rename$1,
     editingValue: item.name,
-    editingIcon: icons[focusedIndex - minLineY],
-    editingSelectionStart: start,
-    editingSelectionEnd: end,
     focus: Input$1,
-    inputSource: Script
+    inputSource: Script,
+    items: newItems
   };
 };
 
@@ -5209,9 +5233,9 @@ const getErrorMessagePosition = (itemHeight, focusedIndex, minLineY, depth, inde
   const left = depth * indent + fileIconWidth + padding;
   const errorMessageWidth = width - left;
   return {
-    top,
+    errorMessageWidth,
     left,
-    errorMessageWidth
+    top
   };
 };
 
@@ -5227,14 +5251,14 @@ const getUnique = items => {
 
 const renderCss = (oldState, newState) => {
   const {
-    width,
+    focusedIndex,
+    itemHeight,
     items,
+    minLineY,
     scrollBarHeight,
     uid,
     visibleExplorerItems,
-    itemHeight,
-    focusedIndex,
-    minLineY
+    width
   } = newState;
   const indents = visibleExplorerItems.map(item => item.indent);
   const uniqueIndents = getUnique(indents);
@@ -5245,9 +5269,9 @@ const renderCss = (oldState, newState) => {
   const chevronSpace = 22;
   const depth = items[focusedIndex]?.depth || 0;
   const {
-    top,
+    errorMessageWidth,
     left,
-    errorMessageWidth
+    top
   } = getErrorMessagePosition(itemHeight, focusedIndex, minLineY, depth, indent, fileIconWidth, padding + defaultPaddingLeft + chevronSpace, width);
   const css = getCss(scrollBarHeight, uniqueIndents, left, top, errorMessageWidth);
   return [SetCss, uid, css];
@@ -5269,11 +5293,11 @@ const toUri = path => {
 const getDragData = urls => {
   const data = urls.map(toUri).join('\n');
   const dragData = [{
-    type: 'text/uri-list',
-    data
+    data,
+    type: 'text/uri-list'
   }, {
-    type: 'text/plain',
-    data
+    data,
+    type: 'text/plain'
   }];
   // @ts-ignore
   dragData.label = getDragLabel(urls);
@@ -5282,8 +5306,8 @@ const getDragData = urls => {
 
 const renderDragData = (oldState, newState) => {
   const {
-    items,
-    focusedIndex
+    focusedIndex,
+    items
   } = newState;
   const selected = items.filter((item, index) => item.selected || index === focusedIndex);
   const urls = selected.map(item => item.path);
@@ -5296,8 +5320,8 @@ const OpenFolder = 'OpenFolder';
 
 const renderEditingSelection = (oldState, newState) => {
   const {
-    editingSelectionStart,
     editingSelectionEnd,
+    editingSelectionStart,
     uid
   } = newState;
   return ['Viewlet.setSelectionByName', uid, ExplorerInput, editingSelectionStart, editingSelectionEnd];
@@ -5345,9 +5369,9 @@ const getErrorMessageDom = errorMessage => {
     return [];
   }
   return [{
-    type: Div,
+    childCount: 1,
     className: mergeClassNames(ExplorerErrorMessage),
-    childCount: 1
+    type: Div
   }, text(errorMessage)];
 };
 
@@ -5368,37 +5392,37 @@ const HandleDragStart = 17;
 
 const getExplorerWelcomeVirtualDom = isWide => {
   return [{
-    type: Div,
+    childCount: 1,
     className: mergeClassNames(Viewlet, Explorer$1),
     tabIndex: 0,
-    childCount: 1
+    type: Div
   }, {
-    type: Div,
+    childCount: 2,
     className: Welcome,
-    childCount: 2
+    type: Div
   }, {
-    type: P,
+    childCount: 1,
     className: WelcomeMessage,
-    childCount: 1
+    type: P
   }, text(youHaveNotYetOpenedAFolder()), {
-    type: Button$1,
+    childCount: 1,
     className: mergeClassNames(Button$2, ButtonPrimary, isWide ? ButtonWide : ButtonNarrow),
     name: OpenFolder,
-    childCount: 1,
-    onClick: HandleClickOpenFolder
+    onClick: HandleClickOpenFolder,
+    type: Button$1
   }, text(openFolder$1())];
 };
 
 const chevronDownVirtualDom = {
-  type: Div,
+  childCount: 0,
   className: mergeClassNames(Chevron, MaskIconChevronDown),
-  childCount: 0
+  type: Div
 };
 
 const chevronRightVirtualDom = {
-  type: Div,
+  childCount: 0,
   className: mergeClassNames(Chevron, MaskIconChevronRight),
-  childCount: 0
+  type: Div
 };
 
 const chevronDomNodes = [[], [chevronRightVirtualDom], [chevronDownVirtualDom]];
@@ -5408,11 +5432,11 @@ const getChevronVirtualDom = chevronType => {
 
 const getFileIconVirtualDom = icon => {
   return {
-    type: Img,
+    childCount: 0,
     className: FileIcon,
-    src: icon,
     role: None,
-    childCount: 0
+    src: icon,
+    type: Img
   };
 };
 
@@ -5429,9 +5453,9 @@ const getInputDom = (isEditing, hasEditingError) => {
   }
   const ariaLabel = typeAFileName();
   return [{
-    type: Input,
     ariaLabel: ariaLabel,
     autocapitalize: 'off',
+    autocomplete: 'off',
     autocorrect: 'off',
     childCount: 0,
     className: getInputClassName(hasEditingError),
@@ -5440,14 +5464,15 @@ const getInputDom = (isEditing, hasEditingError) => {
     onBlur: HandleInputBlur,
     onClick: HandleInputClick,
     onInput: HandleEditingInput,
-    spellcheck: 'false'
+    spellcheck: 'false',
+    type: Input
   }];
 };
 
 const label = {
-  type: Div,
+  childCount: 1,
   className: Label,
-  childCount: 1
+  type: Div
 };
 const getLabelDom = (isEditing, name, isDimmed) => {
   if (isEditing) {
@@ -5455,9 +5480,9 @@ const getLabelDom = (isEditing, name, isDimmed) => {
   }
   if (isDimmed) {
     return [{
-      type: Div,
+      childCount: 1,
       className: mergeClassNames(Label, LabelCut),
-      childCount: 1
+      type: Div
     }, text(name)];
   }
   return [label, text(name)];
@@ -5472,31 +5497,31 @@ const getExplorerItemVirtualDom = item => {
     hasEditingError,
     icon,
     id,
+    index,
+    isCut,
     isEditing,
+    isIgnored,
     name,
     path,
-    setSize,
     posInSet,
-    isCut,
-    isIgnored,
-    index
+    setSize
   } = item;
   const chevronDom = getChevronVirtualDom(chevron);
   return [{
-    type: Div,
-    role: TreeItem,
-    className,
-    draggable: true,
-    title: path,
+    ariaDescription: '',
+    ariaExpanded,
+    ariaLabel: name,
+    ariaLevel: depth,
     ariaPosInSet: posInSet,
     ariaSetSize: setSize,
-    ariaLevel: depth,
     childCount: 2 + chevronDom.length,
-    ariaLabel: name,
-    ariaExpanded,
-    ariaDescription: '',
+    className,
+    'data-index': index,
+    draggable: true,
     id,
-    'data-index': index
+    role: TreeItem,
+    title: path,
+    type: Div
   }, ...chevronDom, getFileIconVirtualDom(icon), ...getInputDom(isEditing, hasEditingError), ...getLabelDom(isEditing, name, isCut || isIgnored)];
 };
 
@@ -5514,13 +5539,10 @@ const getClassName = (focused, focusedIndex, dropTarget) => {
 };
 const getListItemsVirtualDom = (visibleItems, focusedIndex, focused, dropTargets) => {
   const dom = [{
-    type: Div,
-    className: getClassName(focused, focusedIndex, dropTargets),
-    tabIndex: 0,
-    role: Tree,
+    ariaActiveDescendant: getActiveDescendant(focusedIndex),
     ariaLabel: filesExplorer(),
     childCount: visibleItems.length,
-    ariaActiveDescendant: getActiveDescendant(focusedIndex),
+    className: getClassName(focused, focusedIndex, dropTargets),
     onBlur: HandleListBlur,
     onClick: HandleClick,
     onContextMenu: HandleContextMenu,
@@ -5530,7 +5552,10 @@ const getListItemsVirtualDom = (visibleItems, focusedIndex, focused, dropTargets
     onDrop: HandleDrop,
     onFocus: HandleListFocus,
     onPointerDown: HandlePointerDown,
-    onWheel: HandleWheel
+    onWheel: HandleWheel,
+    role: Tree,
+    tabIndex: 0,
+    type: Div
     // onKeyDown: DomEventListenerFunctions.HandleListKeyDown,
   }, ...visibleItems.flatMap(getExplorerItemVirtualDom)];
   return dom;
@@ -5556,15 +5581,15 @@ const getScrollBarVirtualDom = (scrollBarHeight, scrollBarTop) => {
   const heightString = px(scrollBarHeight);
   const translateString = position(0, scrollBarTop);
   return [{
-    type: Div,
+    childCount: 1,
     className: mergeClassNames(ScrollBar, ScrollBarSmall),
-    childCount: 1
+    type: Div
   }, {
-    type: Div,
-    className: ScrollBarThumb,
     childCount: 0,
+    className: ScrollBarThumb,
     height: heightString,
-    translate: translateString
+    translate: translateString,
+    type: Div
   }];
 };
 
@@ -5588,10 +5613,10 @@ const getExplorerVirtualDom = (visibleItems, focusedIndex, root, isWide, focused
   const errorDom = getErrorMessageDom(errorMessage);
   const childCount = getChildCount(scrollBarDom.length, errorDom.length);
   const parentNode = {
-    type: Div,
     childCount,
     className: mergeClassNames(Viewlet, Explorer$1),
-    role: None
+    role: None,
+    type: Div
   };
   const dom = [parentNode, ...getListItemsVirtualDom(visibleItems, focusedIndex, focused, dropTargets), ...scrollBarDom, ...errorDom];
   return dom;
@@ -5629,20 +5654,20 @@ const renderValue = (oldState, newState) => {
 
 const getRenderer = diffType => {
   switch (diffType) {
-    case RenderItems:
-      return renderItems;
+    case RenderCss:
+      return renderCss;
+    case RenderDragData:
+      return renderDragData;
     case RenderFocus:
       return renderFocus;
     case RenderFocusContext:
       return renderFocusContext;
-    case RenderValue:
-      return renderValue;
+    case RenderItems:
+      return renderItems;
     case RenderSelection:
       return renderEditingSelection;
-    case RenderDragData:
-      return renderDragData;
-    case RenderCss:
-      return renderCss;
+    case RenderValue:
+      return renderValue;
     default:
       throw new Error('unknown renderer');
   }
@@ -5662,8 +5687,8 @@ const applyRender = (oldState, newState, diffResult) => {
 
 const render2 = (uid, diffResult) => {
   const {
-    oldState,
-    newState
+    newState,
+    oldState
   } = get(uid);
   set(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
@@ -5682,49 +5707,49 @@ const getActions = root => {
     return [];
   }
   return [{
-    type: Button,
-    id: newFile$1(),
+    command: 'newFile',
     icon: NewFile,
-    command: 'newFile'
+    id: newFile$1(),
+    type: Button
   }, {
-    type: Button,
-    id: newFolder$1(),
+    command: 'newFolder',
     icon: NewFolder,
-    command: 'newFolder'
+    id: newFolder$1(),
+    type: Button
   }, {
-    type: Button,
-    id: refresh$1(),
+    command: 'refresh',
     icon: Refresh,
-    command: 'refresh'
+    id: refresh$1(),
+    type: Button
   }, {
-    type: Button,
-    id: collapseAll$1(),
+    command: 'collapseAll',
     icon: CollapseAll,
-    command: 'collapseAll'
+    id: collapseAll$1(),
+    type: Button
   }];
 };
 
 const getIconVirtualDom = (icon, type = Div) => {
   return {
-    type,
+    childCount: 0,
     className: `MaskIcon MaskIcon${icon}`,
     role: None,
-    childCount: 0
+    type
   };
 };
 
 const getActionButtonVirtualDom = action => {
   const {
-    id,
+    command,
     icon,
-    command
+    id
   } = action;
   return [{
-    type: Button$1,
+    childCount: 1,
     className: IconButton,
-    title: id,
     'data-command': command,
-    childCount: 1
+    title: id,
+    type: Button$1
   }, getIconVirtualDom(icon || '')];
 };
 
@@ -5739,10 +5764,10 @@ const getActionVirtualDom = action => {
 
 const getActionsVirtualDom = actions => {
   return [{
-    type: Div,
+    childCount: actions.length,
     className: Actions,
     role: ToolBar,
-    childCount: actions.length
+    type: Div
   }, ...actions.flatMap(getActionVirtualDom)];
 };
 
@@ -5803,10 +5828,10 @@ const renderEventListeners = () => {
     name: HandleDragLeave,
     params: ['handleDragLeave']
   }, {
-    name: HandleDragStart,
-    params: ['handleDragStart'],
     // @ts-ignore
-    dragEffect: 'copyMove'
+    dragEffect: 'copyMove',
+    name: HandleDragStart,
+    params: ['handleDragStart']
   }];
 };
 
@@ -5838,18 +5863,18 @@ const getSavedWorkspacePath = savedState => {
 const restoreState = savedState => {
   if (!savedState) {
     return {
-      root: '',
+      deltaY: 0,
       minLineY: 0,
-      deltaY: 0
+      root: ''
     };
   }
   const root = getSavedWorkspacePath(savedState);
   const minLineY = getSavedMinLineY(savedState);
   const deltaY = getSavedDeltaY(savedState);
   return {
-    root,
+    deltaY,
     minLineY,
-    deltaY
+    root
   };
 };
 
@@ -5882,11 +5907,11 @@ const mergeVisibleWithHiddenItems = (visibleItems, hiddenItems) => {
 // TODO maybe just insert items into explorer and refresh whole explorer
 const revealItemHidden = async (state, uri) => {
   const {
-    root,
-    pathSeparator,
     items,
+    maxLineY,
     minLineY,
-    maxLineY
+    pathSeparator,
+    root
   } = state;
   const pathParts = getPathParts(root, uri, pathSeparator);
   if (pathParts.length === 0) {
@@ -5902,34 +5927,34 @@ const revealItemHidden = async (state, uri) => {
     throw new Error(`File not found in explorer ${uri}`);
   }
   const {
-    newMinLineY,
-    newMaxLineY
+    newMaxLineY,
+    newMinLineY
   } = scrollInto(index, minLineY, maxLineY);
   return {
     ...state,
-    items: mergedDirents,
     focused: true,
     focusedIndex: index,
-    minLineY: newMinLineY,
-    maxLineY: newMaxLineY
+    items: mergedDirents,
+    maxLineY: newMaxLineY,
+    minLineY: newMinLineY
   };
 };
 
 const revealItemVisible = (state, index) => {
   const {
-    minLineY,
-    maxLineY
+    maxLineY,
+    minLineY
   } = state;
   const {
-    newMinLineY,
-    newMaxLineY
+    newMaxLineY,
+    newMinLineY
   } = scrollInto(index, minLineY, maxLineY);
   return {
     ...state,
     focused: true,
     focusedIndex: index,
-    minLineY: newMinLineY,
-    maxLineY: newMaxLineY
+    maxLineY: newMaxLineY,
+    minLineY: newMinLineY
   };
 };
 
@@ -5952,19 +5977,19 @@ const isExpandedDirectory = dirent => {
 
 const saveState = state => {
   const {
-    items,
-    root,
     deltaY,
+    items,
+    maxLineY,
     minLineY,
-    maxLineY
+    root
   } = state;
   const expandedPaths = items.filter(isExpandedDirectory).map(getPath);
   return {
+    deltaY,
     expandedPaths,
-    root,
-    minLineY,
     maxLineY,
-    deltaY
+    minLineY,
+    root
   };
 };
 
@@ -5993,8 +6018,8 @@ const getLastSelectedIndex = items => {
 };
 const selectDown = state => {
   const {
-    items,
-    focusedIndex
+    focusedIndex,
+    items
   } = state;
   const lastSelectedIndex = getLastSelectedIndex(items);
   const targetIndex = lastSelectedIndex === -1 ? focusedIndex : lastSelectedIndex;
@@ -6007,8 +6032,8 @@ const selectDown = state => {
   }));
   return {
     ...state,
-    items: newItems,
-    focusedIndex: targetIndex + 1
+    focusedIndex: targetIndex + 1,
+    items: newItems
   };
 };
 
@@ -6028,8 +6053,8 @@ const setSelectedIndices = (state, indices) => {
 
 const selectUp = state => {
   const {
-    items,
-    focusedIndex
+    focusedIndex,
+    items
   } = state;
   const firstSelectedIndex = items.findIndex(item => item.selected);
   const targetIndex = firstSelectedIndex === -1 ? focusedIndex : firstSelectedIndex;
@@ -6074,11 +6099,10 @@ const getEditingIcon = async (editingType, value, direntType) => {
 
 const updateEditingValue = async (state, value, inputSource = User) => {
   const {
-    editingType,
-    items,
     editingIndex,
-    focusedIndex
-  } = state;
+    editingType,
+    focusedIndex,
+    items} = state;
   const editingIcon = await getEditingIcon(editingType, value, items[editingIndex]?.type);
 
   // Get sibling file names for validation during file/folder creation
@@ -6089,9 +6113,9 @@ const updateEditingValue = async (state, value, inputSource = User) => {
   const editingErrorMessage = validateFileName2(value, siblingFileNames);
   return {
     ...state,
-    editingValue: value,
+    editingErrorMessage,
     editingIcon,
-    editingErrorMessage
+    editingValue: value
   };
 };
 
@@ -6102,6 +6126,10 @@ const commandMap = {
   'Explorer.collapseAll': wrapListItemCommand(collapseAll),
   'Explorer.copyPath': wrapListItemCommand(copyPath),
   'Explorer.copyRelativePath': wrapListItemCommand(copyRelativePath),
+  'Explorer.create': create,
+  // not wrapped
+  'Explorer.create2': create2,
+  'Explorer.diff2': diff2,
   'Explorer.expandAll': wrapListItemCommand(expandAll),
   'Explorer.expandRecursively': wrapListItemCommand(expandRecursively),
   'Explorer.focus': wrapListItemCommand(focus),
@@ -6112,6 +6140,8 @@ const commandMap = {
   'Explorer.focusNone': wrapListItemCommand(focusNone),
   'Explorer.focusPrevious': wrapListItemCommand(focusPrevious),
   'Explorer.getCommandIds': getCommandIds,
+  'Explorer.getKeyBindings': getKeyBindings,
+  'Explorer.getMenuEntries': getMenuEntries,
   'Explorer.getMenuEntries2': wrapGetter(getMenuEntries2),
   'Explorer.getMouseActions': getMouseActions,
   'Explorer.handleArrowLeft': wrapListItemCommand(handleArrowLeft),
@@ -6144,6 +6174,7 @@ const commandMap = {
   'Explorer.handleWheel': wrapListItemCommand(handleWheel),
   'Explorer.handleWorkspaceChange': wrapListItemCommand(handleWorkspaceChange),
   'Explorer.handleWorkspaceRefresh': wrapListItemCommand(handleWorkspaceRefresh),
+  'Explorer.initialize': initialize,
   'Explorer.loadContent': wrapListItemCommand(loadContent),
   'Explorer.newFile': wrapListItemCommand(newFile),
   'Explorer.newFolder': wrapListItemCommand(newFolder),
@@ -6151,29 +6182,22 @@ const commandMap = {
   'Explorer.refresh': wrapListItemCommand(refresh),
   'Explorer.removeDirent': wrapListItemCommand(removeDirent),
   'Explorer.renameDirent': wrapListItemCommand(renameDirent),
+  'Explorer.render2': render2,
+  'Explorer.renderActions2': renderActions,
+  'Explorer.renderEventListeners': renderEventListeners,
   'Explorer.restoreState': restoreState,
   'Explorer.revealItem': wrapListItemCommand(revealItem),
+  'Explorer.saveState': wrapGetter(saveState),
   'Explorer.selectAll': wrapListItemCommand(selectAll),
   'Explorer.selectDown': wrapListItemCommand(selectDown),
   'Explorer.selectIndices': wrapListItemCommand(setSelectedIndices),
   'Explorer.selectUp': wrapListItemCommand(selectUp),
   'Explorer.setDeltaY': wrapListItemCommand(setDeltaY),
   'Explorer.setSelectedIndices': wrapListItemCommand(setSelectedIndices),
+  'Explorer.terminate': terminate,
   'Explorer.toggleIndividualSelection': wrapListItemCommand(toggleIndividualSelection),
   'Explorer.updateEditingValue': wrapListItemCommand(updateEditingValue),
-  'Explorer.updateIcons': wrapListItemCommand(updateIcons),
-  // not wrapped
-  'Explorer.create2': create2,
-  'Explorer.diff2': diff2,
-  'Explorer.getKeyBindings': getKeyBindings,
-  'Explorer.getMenuEntries': getMenuEntries,
-  'Explorer.render2': render2,
-  'Explorer.renderActions2': renderActions,
-  'Explorer.renderEventListeners': renderEventListeners,
-  'Explorer.saveState': wrapGetter(saveState),
-  'Explorer.terminate': terminate,
-  'Explorer.initialize': initialize,
-  'Explorer.create': create
+  'Explorer.updateIcons': wrapListItemCommand(updateIcons)
 };
 
 const listen = async () => {