@lvce-editor/static-server 0.54.2 → 0.54.3

package/static/{911942d → c18eab9}/packages/explorer-worker/dist/explorerViewWorkerMain.js

@@ -885,7 +885,7 @@ const WebWorkerRpcClient = {
 
 const CreateFolder$1 = 1;
 const CreateFile$1 = 2;
-const Copy$2 = 3;
+const Copy$1 = 3;
 const Rename$2 = 4;
 
 const rpcs = Object.create(null);
@@ -973,7 +973,7 @@ const applyOperation = operation => {
   if (operation.type === CreateFolder$1) {
     return mkdir(operation.path);
   }
-  if (operation.type === Copy$2) {
+  if (operation.type === Copy$1) {
     return copy$1(operation.from || '', operation.path);
   }
   if (operation.type === Rename$2) {
@@ -995,6 +995,23 @@ const applyFileOperations = async operations => {
   }
 };
 
+const DELTA_EDITING = 100;
+
+const BlockDevice = 1;
+const CharacterDevice = 2;
+const Directory = 3;
+const DirectoryExpanded = 4;
+const DirectoryExpanding = 5;
+const File = 7;
+const Socket = 8;
+const Symlink = 9;
+const SymLinkFile = 10;
+const SymLinkFolder = 11;
+const Unknown = 12;
+const EditingFile = File + DELTA_EDITING;
+const EditingFolder = Directory + DELTA_EDITING;
+const EditingDirectoryExpanded = DirectoryExpanded + DELTA_EDITING;
+
 const dirname = (pathSeparator, path) => {
   const index = path.lastIndexOf(pathSeparator);
   if (index === -1) {
@@ -1015,16 +1032,32 @@ const join2 = (path, childPath) => {
   return `${path}/${childPath}`;
 };
 
+const getActualType = (type, expanded) => {
+  const actualType = type === Directory && expanded ? DirectoryExpanded : type;
+  return actualType;
+};
 const createTree = (items, root) => {
   const tree = Object.create(null);
   const rootLength = root.length;
-  for (const item of items) {
+  const paths = items.map(item => {
     const relativePath = item.path.slice(rootLength);
     const dirname = dirname2(relativePath);
+    return dirname;
+  });
+  for (const item of items) {
+    const {
+      type,
+      name,
+      path
+    } = item;
+    const relativePath = path.slice(rootLength);
+    const dirname = dirname2(relativePath);
+    const isExpanded = paths.includes(relativePath);
+    const actualType = getActualType(type, isExpanded);
     tree[dirname] ||= [];
     tree[dirname].push({
-      name: item.name,
-      type: item.type
+      name,
+      type: actualType
     });
   }
   return tree;
@@ -1076,23 +1109,6 @@ const getPaths = items => {
   return items.map(getPath);
 };
 
-const DELTA_EDITING = 100;
-
-const BlockDevice = 1;
-const CharacterDevice = 2;
-const Directory = 3;
-const DirectoryExpanded = 4;
-const DirectoryExpanding = 5;
-const File = 7;
-const Socket = 8;
-const Symlink = 9;
-const SymLinkFile = 10;
-const SymLinkFolder = 11;
-const Unknown = 12;
-const EditingFile = File + DELTA_EDITING;
-const EditingFolder = Directory + DELTA_EDITING;
-const EditingDirectoryExpanded = DirectoryExpanded + DELTA_EDITING;
-
 const getSimpleIconRequestType = direntType => {
   if (direntType === Directory || direntType === DirectoryExpanded || direntType === EditingDirectoryExpanded || direntType === EditingFolder) {
     return 2;
@@ -1197,13 +1213,14 @@ const getPathParts = (root, uri, pathSeparator) => {
   const parts = [];
   let index = root.length - 1;
   let depth = 0;
-  while ((index = uri.indexOf('/', index + 1)) !== -1) {
+  while ((index = uri.indexOf(pathSeparator, index + 1)) !== -1) {
     const partUri = uri.slice(0, index);
     parts.push({
       path: partUri,
       depth: depth++,
       root,
-      pathSeparator
+      pathSeparator,
+      expanded: true
     });
   }
   return parts;
@@ -1310,14 +1327,14 @@ const sortExplorerItems = rawDirents => {
 };
 
 // TODO figure out whether this uses too much memory (name,path -> redundant, depth could be computed on demand)
-const toDisplayDirent = (parentPath, parentDepth, rawDirent, index, length) => {
-  const path = join2(parentPath, rawDirent.name);
+const toDisplayDirent = (parentPath, parentDepth, rawDirentType, rawDirentName, index, length) => {
+  const path = join2(parentPath, rawDirentName);
   return {
-    name: rawDirent.name,
+    name: rawDirentName,
     posInSet: index + 1,
     setSize: length,
     depth: parentDepth + 1,
-    type: rawDirent.type,
+    type: rawDirentType,
     path,
     // TODO storing absolute path might be too costly, could also store relative path here
     icon: '',
@@ -1325,7 +1342,7 @@ const toDisplayDirent = (parentPath, parentDepth, rawDirent, index, length) => {
   };
 };
 
-const toDisplayDirents = (pathSeparator, rawDirents, parentDirentPath, parentDirentDepth, excluded) => {
+const toDisplayDirents = (pathSeparator, rawDirents, parentDirentPath, parentDirentDepth, excluded, expanded = false) => {
   rawDirents = sortExplorerItems(rawDirents);
   const result = [];
   const visibleItems = rawDirents.filter(item => {
@@ -1337,7 +1354,7 @@ const toDisplayDirents = (pathSeparator, rawDirents, parentDirentPath, parentDir
   const count = visibleItems.length;
   for (let i = 0; i < visibleItems.length; i++) {
     const rawDirent = visibleItems[i];
-    result.push(toDisplayDirent(parentDirentPath, parentDirentDepth, rawDirent, i, count));
+    result.push(toDisplayDirent(parentDirentPath, parentDirentDepth, rawDirent.type, rawDirent.name, i, count));
   }
   return result;
 };
@@ -1443,11 +1460,12 @@ const i18nString = (key, placeholders = emptyObject) => {
 };
 
 const CollapseAllFoldersInExplorer = 'Collapse All Folders in Explorer';
-const Copy$1 = 'Copy';
+const Copy = 'Copy';
 const CopyPath = 'Copy Path';
 const CopyRelativePath = 'Copy Relative Path';
-const Cut$1 = 'Cut';
+const Cut = 'Cut';
 const Delete$1 = 'Delete';
+const FileNameCannotStartWithSlash = 'A file or folder name cannot start with a slash.';
 const FileOrFolderNameMustBeProvider = 'A file or folder name must be provided.';
 const FilesExplorer = 'Files Explorer';
 const NewFile$1 = 'New File...';
@@ -1474,10 +1492,10 @@ const openInIntegratedTerminal = () => {
   return i18nString(OpenInIntegratedTerminal);
 };
 const cut = () => {
-  return i18nString(Cut$1);
+  return i18nString(Cut);
 };
 const copy = () => {
-  return i18nString(Copy$1);
+  return i18nString(Copy);
 };
 const paste = () => {
   return i18nString(Paste);
@@ -1512,6 +1530,9 @@ const openFolder$1 = () => {
 const fileOrFolderNameMustBeProvided = () => {
   return i18nString(FileOrFolderNameMustBeProvider);
 };
+const fileCannotStartWithSlash = () => {
+  return i18nString(FileNameCannotStartWithSlash);
+};
 const typeAFileName = () => {
   return i18nString(TypeAFileName);
 };
@@ -1521,6 +1542,9 @@ const validateFileName2 = name => {
     const editingErrorMessage = fileOrFolderNameMustBeProvided();
     return editingErrorMessage;
   }
+  if (name.startsWith('/')) {
+    return fileCannotStartWithSlash();
+  }
   return '';
 };
 
@@ -1970,7 +1994,9 @@ const create2 = (uid, uri, x, y, width, height, args, parentUid, platform = 0) =
     handleOffset: 0,
     scrollBarActive: false,
     scrollBarHeight: 0,
-    confirmPaste: false
+    confirmPaste: false,
+    pasteShouldMove: false,
+    cutItems: []
   };
   set(uid, state, state);
 };
@@ -2017,7 +2043,9 @@ const create = (id, uri, x, y, width, height, args, parentUid, platform = 0) =>
     handleOffset: 0,
     scrollBarActive: false,
     scrollBarHeight: 0,
-    confirmPaste: false
+    confirmPaste: false,
+    pasteShouldMove: false,
+    cutItems: []
   };
   set(state.uid, state, state);
   return state;
@@ -2036,7 +2064,7 @@ const isEqual$4 = (oldState, newState) => {
 
 const diffType$2 = RenderItems;
 const isEqual$3 = (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.editingErrorMessage === newState.editingErrorMessage && oldState.width === newState.width && oldState.focused === newState.focused && oldState.dropTargets === newState.dropTargets && oldState.icons === newState.icons;
+  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.editingErrorMessage === newState.editingErrorMessage && oldState.width === newState.width && oldState.focused === newState.focused && oldState.dropTargets === newState.dropTargets && oldState.icons === newState.icons && oldState.cutItems === newState.cutItems;
 };
 
 const diffType$1 = RenderSelection;
@@ -2355,7 +2383,7 @@ const focusPrevious = state => {
   }
 };
 
-const commandIds = ['acceptEdit', 'cancelEdit', 'cancelTypeAhead', 'collapseAll', 'copyPath', 'copyRelativePath', 'dispose', 'expandAll', 'expandRecursively', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusNone', 'focusPrevious', 'getFocusedDirent', 'getMenuEntries2', 'getMouseActions', 'handleArrowLeft', 'handleArrowLeft', 'handleArrowRight', 'handleArrowRight', 'handleBlur', 'handleClick', 'handleClickAt', 'handleClickCurrent', 'handleClickCurrentButKeepFocus', 'handleClickOpenFolder', 'handleContextMenu', 'handleContextMenuKeyboard', 'handleCopy', 'handleDragLeave', 'handleDragOver', 'handleDrop', 'handleFocus', 'handleIconThemeChange', 'handleInputBlur', 'handleInputClick', 'handleInputKeyDown', 'handleKeyDown', 'handleLanguagesChanged', 'handleMouseEnter', 'handleMouseLeave', 'handlePaste', 'handlePointerDown', 'handleUpload', 'handleWheel', 'handleWorkspaceChange', 'hotReload', 'newFile', 'newFolder', 'openContainingFolder', 'refresh', 'removeDirent', 'rename', 'renameDirent', 'renderEventListeners', 'revealItem', 'revealItem', 'scrollDown', 'scrollUp', 'selectAll', 'selectDown', 'selectUp', 'setDeltaY', 'setSelectedIndices', 'updateEditingValue', 'updateIcons'];
+const commandIds = ['acceptEdit', 'cancelEdit', 'cancelTypeAhead', 'collapseAll', 'copyPath', 'copyRelativePath', 'dispose', 'expandAll', 'expandRecursively', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'handleCut', 'focusNext', 'focusNone', 'focusPrevious', 'getFocusedDirent', 'getMenuEntries2', 'getMouseActions', 'handleArrowLeft', 'handleArrowLeft', 'handleArrowRight', 'handleArrowRight', 'handleBlur', 'handleClick', 'handleClickAt', 'handleClickCurrent', 'handleClickCurrentButKeepFocus', 'handleClickOpenFolder', 'handleContextMenu', 'handleContextMenuKeyboard', 'handleCopy', 'handleDragLeave', 'handleDragOver', 'handleDrop', 'handleFocus', 'handleIconThemeChange', 'handleInputBlur', 'handleInputClick', 'handleInputKeyDown', 'handleKeyDown', 'handleLanguagesChanged', 'handleMouseEnter', 'handleMouseLeave', 'handlePaste', 'handlePointerDown', 'handleUpload', 'handleWheel', 'handleWorkspaceChange', 'hotReload', 'newFile', 'newFolder', 'openContainingFolder', 'refresh', 'removeDirent', 'rename', 'renameDirent', 'renderEventListeners', 'revealItem', 'revealItem', 'scrollDown', 'scrollUp', 'selectAll', 'selectDown', 'selectUp', 'setDeltaY', 'setSelectedIndices', 'updateEditingValue', 'updateIcons'];
 
 const getCommandIds = () => {
   return commandIds;
@@ -2374,8 +2402,45 @@ const Delete = 18;
 const KeyA = 29;
 const KeyC = 31;
 const KeyV = 50;
+const KeyX = 52;
 const F2 = 58;
 const Star = 131;
+const KeyCode = {
+  __proto__: null,
+  Delete,
+  DownArrow,
+  End,
+  Enter,
+  Escape,
+  F2,
+  Home,
+  KeyA,
+  KeyC,
+  KeyV,
+  KeyX,
+  LeftArrow,
+  RightArrow,
+  Space,
+  Star,
+  UpArrow
+};
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+const px = value => {
+  return `${value}px`;
+};
+const position = (x, y) => {
+  return `${x}px ${y}px`;
+};
+const Text = 12;
+const text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
+  };
+};
 
 const CtrlCmd = 1 << 11 >>> 0;
 const Shift = 1 << 10 >>> 0;
@@ -2386,87 +2451,91 @@ const FocusExplorerEditBox = 14;
 
 const getKeyBindings = () => {
   return [{
-    key: Shift | UpArrow,
+    key: Shift | KeyCode.UpArrow,
     command: 'Explorer.selectUp',
     when: FocusExplorer
   }, {
-    key: Shift | DownArrow,
+    key: Shift | KeyCode.DownArrow,
     command: 'Explorer.selectDown',
     when: FocusExplorer
   }, {
-    key: RightArrow,
+    key: KeyCode.RightArrow,
     command: 'Explorer.handleArrowRight',
     when: FocusExplorer
   }, {
-    key: LeftArrow,
+    key: KeyCode.LeftArrow,
     command: 'Explorer.handleArrowLeft',
     when: FocusExplorer
   }, {
-    key: Home,
+    key: KeyCode.Home,
     command: 'Explorer.focusFirst',
     when: FocusExplorer
   }, {
-    key: End,
+    key: KeyCode.End,
     command: 'Explorer.focusLast',
     when: FocusExplorer
   }, {
-    key: UpArrow,
+    key: KeyCode.UpArrow,
     command: 'Explorer.focusPrevious',
     when: FocusExplorer
   }, {
-    key: DownArrow,
+    key: KeyCode.DownArrow,
     command: 'Explorer.focusNext',
     when: FocusExplorer
   }, {
-    key: CtrlCmd | Star,
+    key: CtrlCmd | KeyCode.Star,
     command: 'Explorer.expandAll',
     when: FocusExplorer
   }, {
-    key: Alt | RightArrow,
+    key: Alt | KeyCode.RightArrow,
     command: 'Explorer.expandRecursively',
     when: FocusExplorer
   }, {
-    key: CtrlCmd | LeftArrow,
+    key: CtrlCmd | KeyCode.LeftArrow,
     command: 'Explorer.collapseAll',
     when: FocusExplorer
   }, {
-    key: CtrlCmd | KeyV,
+    key: CtrlCmd | KeyCode.KeyV,
     command: 'Explorer.handlePaste',
     when: FocusExplorer
   }, {
-    key: CtrlCmd | KeyC,
+    key: CtrlCmd | KeyCode.KeyC,
     command: 'Explorer.handleCopy',
     when: FocusExplorer
   }, {
-    key: F2,
+    key: CtrlCmd | KeyCode.KeyX,
+    command: 'Explorer.handleCut',
+    when: FocusExplorer
+  }, {
+    key: KeyCode.F2,
     command: 'Explorer.renameDirent',
     when: FocusExplorer
   }, {
-    key: Escape,
+    key: KeyCode.Escape,
     command: 'Explorer.cancelEdit',
     when: FocusExplorerEditBox
   }, {
-    key: Enter,
+    key: KeyCode.Enter,
     command: 'Explorer.acceptEdit',
     when: FocusExplorerEditBox
   }, {
-    key: Delete,
+    key: KeyCode.Delete,
     command: 'Explorer.removeDirent',
     when: FocusExplorer
   }, {
-    key: Escape,
+    key: KeyCode.Escape,
     command: 'Explorer.focusNone',
     when: FocusExplorer
   }, {
-    key: Space,
+    key: KeyCode.Space,
     command: 'Explorer.handleClickCurrentButKeepFocus',
     when: FocusExplorer
   }, {
-    key: Enter,
+    key: KeyCode.Enter,
     command: 'Explorer.handleClickCurrent',
     when: FocusExplorer
   }, {
-    key: CtrlCmd | KeyA,
+    key: CtrlCmd | KeyCode.KeyA,
     command: 'Explorer.selectAll',
     when: FocusExplorer
   }];
@@ -2511,7 +2580,7 @@ const menuEntryCut = {
   id: 'cut',
   label: cut(),
   flags: RestoreFocus,
-  command: /* TODO */'-1'
+  command: 'Explorer.handleCut'
 };
 const menuEntryCopy = {
   id: 'copy',
@@ -3102,7 +3171,29 @@ const handleCopy = async state => {
   // TODO handle copy error gracefully
   const files = [absolutePath];
   await writeNativeFiles('copy', files);
-  return state;
+  return {
+    ...state,
+    pasteShouldMove: false
+  };
+};
+
+const handleCut = async state => {
+  // TODO handle multiple files
+  // TODO if not file is selected, what happens?
+  const dirent = getFocusedDirent$1(state);
+  if (!dirent) {
+    console.error('[ViewletExplorer/handleCut] no dirent selected');
+    return state;
+  }
+  const absolutePath = dirent.path;
+  // TODO handle cut error gracefully
+  const files = [absolutePath];
+  await writeNativeFiles('cut', files);
+  return {
+    ...state,
+    pasteShouldMove: true,
+    cutItems: files
+  };
 };
 
 const handleDragLeave = state => {
@@ -3398,7 +3489,7 @@ const getFileOperationsElectron = async (root, paths, fileHandles) => {
     } = fileHandle;
     const path = paths[i];
     operations.push({
-      type: Copy$2,
+      type: Copy$1,
       path: join2(root, name),
       from: path
     });
@@ -3769,7 +3860,7 @@ const getFileOperationsCopy = (root, existingUris, files) => {
     const uniqueName = generateUniqueName(baseName, existingUris, root);
     const newUri = join2(root, uniqueName);
     operations.push({
-      type: Copy$2,
+      type: Copy$1,
       from: file,
       // TODO ensure file is uri
       path: newUri
@@ -3805,24 +3896,57 @@ const handlePasteCopy = async (state, nativeFiles) => {
     const firstNewFilePath = newFilePaths[0];
     const newFileIndex = getIndex(latestState.items, firstNewFilePath);
     if (newFileIndex !== -1) {
-      return adjustScrollAfterPaste(latestState, newFileIndex);
+      const adjustedState = adjustScrollAfterPaste(latestState, newFileIndex);
+      return {
+        ...adjustedState,
+        pasteShouldMove: false
+      };
     }
   }
   // If there are no items, ensure focusedIndex is 0
   if (latestState.items.length === 0) {
     return {
       ...latestState,
-      focusedIndex: 0
+      focusedIndex: 0,
+      pasteShouldMove: false
     };
   }
-  return latestState;
+  return {
+    ...latestState,
+    pasteShouldMove: false
+  };
 };
 
-const handlePasteCut = async (state, nativeFiles) => {
-  for (const source of nativeFiles.files) {
-    const target = `${state.root}${state.pathSeparator}${getBaseName(state.pathSeparator, source)}`;
-    await rename$1(source, target);
+const getOperations = (toUri, files) => {
+  const operations = [];
+  for (const file of files) {
+    const baseName = getBaseName('/', file);
+    const newUri = join2(toUri, baseName);
+    operations.push({
+      type: Rename$2,
+      from: file,
+      path: newUri
+    });
+  }
+  return operations;
+};
+const getTargetUri = (root, items, index) => {
+  if (index === -1) {
+    return root;
   }
+  return items[index].path;
+};
+const handlePasteCut = async (state, nativeFiles) => {
+  const {
+    root,
+    pathSeparator,
+    items,
+    focusedIndex
+  } = state;
+  // TODO root is not necessrily target uri
+  const targetUri = getTargetUri(root, items, focusedIndex);
+  const operations = getOperations(targetUri, nativeFiles.files);
+  await applyFileOperations(operations);
 
   // Refresh the state after cut operations
   const latestState = await refresh(state);
@@ -3830,36 +3954,23 @@ const handlePasteCut = async (state, nativeFiles) => {
   // Focus on the first pasted file and adjust scroll position
   if (nativeFiles.files.length > 0) {
     const firstPastedFile = nativeFiles.files[0];
-    const targetPath = `${state.root}${state.pathSeparator}${getBaseName(state.pathSeparator, firstPastedFile)}`;
+    const targetPath = `${root}${pathSeparator}${getBaseName(pathSeparator, firstPastedFile)}`;
     const pastedFileIndex = getIndex(latestState.items, targetPath);
     if (pastedFileIndex !== -1) {
-      return adjustScrollAfterPaste(latestState, pastedFileIndex);
+      const adjustedState = adjustScrollAfterPaste(latestState, pastedFileIndex);
+      return {
+        ...adjustedState,
+        pasteShouldMove: false
+      };
     }
   }
-  return latestState;
-};
-
-const handlePasteNone = async (state, nativeFiles) => {
-  console.error('[ViewletExplorer/handlePaste] no paths detected');
-  return state;
+  return {
+    ...latestState,
+    pasteShouldMove: false
+  };
 };
 
 const None$3 = 'none';
-const Copy = 'copy';
-const Cut = 'cut';
-
-const getPasteHandler = type => {
-  switch (type) {
-    case None$3:
-      return handlePasteNone;
-    case Copy:
-      return handlePasteCopy;
-    case Cut:
-      return handlePasteCut;
-    default:
-      throw new Error(`unexpected native paste type: ${type}`);
-  }
-};
 
 const handlePaste = async state => {
   const nativeFiles = await readNativeFiles();
@@ -3878,8 +3989,18 @@ const handlePaste = async state => {
   // 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
-  const fn = getPasteHandler(nativeFiles.type);
-  return fn(state, nativeFiles);
+
+  // If no files to paste, return original state unchanged
+  if (nativeFiles.type === None$3) {
+    return state;
+  }
+
+  // Use the pasteShouldMove flag to determine whether to cut or copy
+  if (state.pasteShouldMove) {
+    return handlePasteCut(state, nativeFiles);
+  } else {
+    return handlePasteCopy(state, nativeFiles);
+  }
 };
 
 const handlePointerDown = (state, button, x, y) => {
@@ -4479,22 +4600,34 @@ const ToolBar = 'toolbar';
 const Tree = 'tree';
 const TreeItem$1 = 'treeitem';
 
+// 0 = 'Button'
+// 1 = 'IconButton'
+// 2 = 'Button IconButton'
+// it could make dom diffing faster, since for classname,
+// once at start, send all classnames to renderer process
+// only numbers are compared. it could also make rendering faster,
+// representing the concatenated strings for example
+// since less data is transferred to renderer process
+// then, components uses numeric classname
+// TODO add option to make classnames numeric
+// when a component uses multiple classnames, it is a new number
 const Actions = 'Actions';
 const Button$2 = 'Button';
 const ButtonNarrow = 'ButtonNarrow';
 const ButtonPrimary = 'ButtonPrimary';
 const ButtonWide = 'ButtonWide';
 const Chevron = 'Chevron';
-const ExplorerErrorMessage = 'ExplorerErrorMessage';
 const Empty = '';
 const Explorer = 'Explorer';
 const ExplorerDropTarget = 'DropTarget';
+const ExplorerErrorMessage = 'ExplorerErrorMessage';
 const ExplorerInputBox = 'ExplorerInputBox';
 const FileIcon = 'FileIcon';
 const FocusOutline = 'FocusOutline';
 const IconButton = 'IconButton';
 const InputValidationError = 'InputValidationError';
 const Label = 'Label';
+const LabelCut = 'LabelCut';
 const ListItems = 'ListItems';
 const MaskIconChevronDown = 'MaskIconChevronDown';
 const MaskIconChevronRight = 'MaskIconChevronRight';
@@ -4507,36 +4640,6 @@ const Viewlet = 'Viewlet';
 const Welcome = 'Welcome';
 const WelcomeMessage = 'WelcomeMessage';
 
-// TODO add option to make classnames numeric
-// once at start, send all classnames to renderer process
-// then, components uses numeric classname
-// when a component uses multiple classnames, it is a new number
-// representing the concatenated strings for example
-// 0 = 'Button'
-// 1 = 'IconButton'
-// 2 = 'Button IconButton'
-// it could make dom diffing faster, since for classname,
-// only numbers are compared. it could also make rendering faster,
-// since less data is transferred to renderer process
-
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
-};
-const px = value => {
-  return `${value}px`;
-};
-const position = (x, y) => {
-  return `${x}px ${y}px`;
-};
-const Text = 12;
-const text = data => {
-  return {
-    type: Text,
-    text: data,
-    childCount: 0
-  };
-};
-
 const Button$1 = 1;
 const Div = 4;
 const Input = 6;
@@ -4649,15 +4752,22 @@ const label = {
   className: Label,
   childCount: 1
 };
-const getLabelDom = name => {
+const getLabelDom = (name, isCut) => {
+  if (isCut) {
+    return [{
+      type: Div,
+      className: mergeClassNames(Label, LabelCut),
+      childCount: 1
+    }, text(name)];
+  }
   return [label, text(name)];
 };
 
-const getInputOrLabelDom = (isEditing, hasEditingError, name) => {
+const getInputOrLabelDom = (isEditing, hasEditingError, name, isCut) => {
   if (isEditing) {
     return getInputDom(hasEditingError);
   }
-  return getLabelDom(name);
+  return getLabelDom(name, isCut);
 };
 
 const getExplorerItemVirtualDom = item => {
@@ -4674,7 +4784,8 @@ const getExplorerItemVirtualDom = item => {
     name,
     path,
     setSize,
-    posInSet
+    posInSet,
+    isCut
   } = item;
   const chevronDom = getChevronVirtualDom(chevron);
   return [{
@@ -4692,7 +4803,7 @@ const getExplorerItemVirtualDom = item => {
     ariaExpanded,
     ariaDescription: '',
     id
-  }, ...chevronDom, getFileIconVirtualDom(icon), ...getInputOrLabelDom(isEditing, hasEditingError, name)];
+  }, ...chevronDom, getFileIconVirtualDom(icon), ...getInputOrLabelDom(isEditing, hasEditingError, name, isCut)];
 };
 
 const getActiveDescendant = focusedIndex => {
@@ -4866,7 +4977,7 @@ const getEditingChevron = direntType => {
       return None$1;
   }
 };
-const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editingIndex, editingType, editingValue, editingErrorMessage, icons, useChevrons, dropTargets, editingIcon) => {
+const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editingIndex, editingType, editingValue, editingErrorMessage, icons, useChevrons, dropTargets, editingIcon, cutItems) => {
   const visible = [];
   const indentFn = useChevrons ? getTreeItemIndentWithChevron : getTreeItemIndent;
   let iconIndex = 0;
@@ -4876,7 +4987,8 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
     const isFocused = i === focusedIndex;
     const id = isFocused ? 'TreeItemActive' : undefined;
     const isSelected = item.selected;
-    const className = getTreeItemClassName(isSelected, isFocused);
+    const isCut = cutItems.includes(item.path);
+    const className = getTreeItemClassName(isSelected, isFocused); // TODO compute classname in dom function
     const expanded = getExpandedType(item.type);
     const ariaExpanded = ariaExpandedValues[expanded];
     const isEditing = i === editingIndex;
@@ -4897,17 +5009,39 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
       ariaExpanded,
       chevron,
       id,
-      className
+      className,
+      isCut
     });
   }
   return visible;
 };
 
 const renderItems = (oldState, newState) => {
-  const visibleDirents = getVisibleExplorerItems(newState.items, newState.minLineY, newState.maxLineY, newState.focusedIndex, newState.editingIndex, newState.editingType, newState.editingValue, newState.editingErrorMessage, newState.icons, newState.useChevrons, newState.dropTargets, newState.editingIcon);
-  const isWide = newState.width > 450;
-  const contentHeight = newState.items.length * newState.itemHeight;
-  const depth = newState.items[newState.focusedIndex]?.depth || 0;
+  const {
+    items,
+    minLineY,
+    maxLineY,
+    focusedIndex,
+    editingIndex,
+    editingType,
+    editingValue,
+    editingErrorMessage,
+    icons,
+    useChevrons,
+    dropTargets,
+    editingIcon,
+    itemHeight,
+    width,
+    root,
+    deltaY,
+    focused,
+    height,
+    cutItems
+  } = newState;
+  const visibleDirents = getVisibleExplorerItems(items, minLineY, maxLineY, focusedIndex, editingIndex, editingType, editingValue, editingErrorMessage, icons, useChevrons, dropTargets, editingIcon, cutItems);
+  const isWide = width > 450;
+  const contentHeight = items.length * itemHeight;
+  const depth = items[focusedIndex]?.depth || 0;
   const indent = 8;
   const padding = 10;
   const fileIconWidth = 16;
@@ -4916,8 +5050,8 @@ const renderItems = (oldState, newState) => {
   const {
     top,
     left
-  } = getErrorMessagePosition(newState.itemHeight, newState.focusedIndex, newState.minLineY, depth, indent, fileIconWidth, padding + defaultPaddingLeft + chevronSpace);
-  const dom = getExplorerVirtualDom(visibleDirents, newState.focusedIndex, newState.root, isWide, newState.focused, newState.dropTargets, newState.height, contentHeight, newState.deltaY, newState.editingErrorMessage, top, left);
+  } = getErrorMessagePosition(itemHeight, focusedIndex, minLineY, depth, indent, fileIconWidth, padding + defaultPaddingLeft + chevronSpace);
+  const dom = getExplorerVirtualDom(visibleDirents, focusedIndex, root, isWide, focused, dropTargets, height, contentHeight, deltaY, editingErrorMessage, top, left);
   return ['Viewlet.setDom2', dom];
 };
 
@@ -5427,6 +5561,7 @@ const commandMap = {
   'Explorer.handleContextMenu': wrapCommand(handleContextMenu),
   'Explorer.handleContextMenuKeyboard': wrapCommand(handleContextMenuKeyboard),
   'Explorer.handleCopy': wrapCommand(handleCopy),
+  'Explorer.handleCut': wrapCommand(handleCut),
   'Explorer.handleDragLeave': wrapCommand(handleDragLeave),
   'Explorer.handleDragOver': wrapCommand(handleDragOver),
   'Explorer.handleDrop': wrapCommand(handleDrop),