@lvce-editor/explorer-view 2.24.0 → 2.25.0

package/dist/explorerViewWorkerMain.js

@@ -894,6 +894,7 @@ const OpenInIntegratedTerminal = 'Open in integrated Terminal';
 const Paste = 'Paste';
 const RefreshExplorer = 'Refresh Explorer';
 const Rename = 'Rename';
+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';
 
 const newFile$1 = () => {
@@ -947,6 +948,9 @@ const openFolder$1 = () => {
 const fileOrFolderNameMustBeProvided = () => {
   return i18nString(FileOrFolderNameMustBeProvider);
 };
+const typeAFileName = () => {
+  return i18nString(TypeAFileName);
+};
 
 const List = 1;
 const Input$1 = 2;
@@ -1574,7 +1578,11 @@ const create2 = (uid, uri, x, y, width, height, args, parentUid, platform = 0) =
     platform,
     focus: 0,
     editingErrorMessage: '',
-    inputSource: 0
+    inputSource: 0,
+    editingSelection: {
+      start: 0,
+      end: 0
+    }
   };
   set(uid, state, state);
 };
@@ -1611,7 +1619,11 @@ const create = (id, uri, x, y, width, height, args, parentUid, platform = 0) =>
     platform,
     focus: 0,
     editingErrorMessage: '',
-    inputSource: 0
+    inputSource: 0,
+    editingSelection: {
+      start: 0,
+      end: 0
+    }
   };
   set(state.uid, state, state);
   return state;
@@ -1621,15 +1633,21 @@ const RenderItems = 4;
 const RenderFocus = 6;
 const RenderFocusContext = 7;
 const RenderValue = 8;
+const RenderSelection = 9;
 
-const diffType$2 = RenderFocus;
-const isEqual$3 = (oldState, newState) => {
+const diffType$3 = RenderFocus;
+const isEqual$4 = (oldState, newState) => {
   return oldState.focused === newState.focused && oldState.focus === newState.focus;
 };
 
-const diffType$1 = RenderItems;
+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;
+};
+
+const diffType$1 = RenderSelection;
 const isEqual$2 = (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;
+  return oldState.editingSelection.start === newState.editingSelection.start && oldState.editingSelection.end === newState.editingSelection.end;
 };
 
 const diffType = RenderValue;
@@ -1640,8 +1658,8 @@ const isEqual$1 = (oldState, newState) => {
   return oldState.focus === Input$1 && newState.focus === Input$1 && oldState.editingValue === newState.editingValue;
 };
 
-const modules = [isEqual$2, isEqual$3, isEqual$3, isEqual$1];
-const numbers = [diffType$1, diffType$2, RenderFocusContext, diffType];
+const modules = [isEqual$3, isEqual$4, isEqual$4, isEqual$1, isEqual$2];
+const numbers = [diffType$2, diffType$3, RenderFocusContext, diffType, diffType$1];
 
 const diff = (oldState, newState) => {
   const diffResult = [];
@@ -3827,7 +3845,9 @@ const Script = 2;
 const renameDirent = state => {
   const {
     focusedIndex,
-    items
+    items,
+    icons,
+    minLineY
   } = state;
   if (items.length === 0) {
     return state;
@@ -3840,11 +3860,20 @@ const renameDirent = state => {
     editingIndex: focusedIndex,
     editingType: Rename$1,
     editingValue: item.name,
+    editingIcon: icons[focusedIndex - minLineY],
+    editingSelection: {
+      start: 0,
+      end: item.name.length
+    },
     focus: Input$1,
     inputSource: Script
   };
 };
 
+const renderEditingSelection = (oldState, newState) => {
+  return ['Viewlet.setSelection', newState.editingSelection];
+};
+
 const ExplorerInput = 'ExplorerInput';
 
 const renderFocus$1 = (oldState, newState) => {
@@ -3979,6 +4008,7 @@ const getClassName$2 = hasEditingError => {
   return InputBox;
 };
 const getInputDom = hasEditingError => {
+  const ariaLabel = typeAFileName();
   return [{
     type: Input,
     className: getClassName$2(hasEditingError),
@@ -3986,7 +4016,11 @@ const getInputDom = hasEditingError => {
     onInput: HandleEditingInput,
     onBlur: HandleInputBlur,
     childCount: 0,
-    name: ExplorerInput
+    name: ExplorerInput,
+    autocorrect: 'off',
+    autocapitalize: 'off',
+    spellcheck: 'false',
+    ariaLabel: ariaLabel
   }];
 };
 
@@ -4228,6 +4262,8 @@ const getRenderer = diffType => {
       return renderFocus;
     case RenderValue:
       return renderValue;
+    case RenderSelection:
+      return renderEditingSelection;
     default:
       throw new Error('unknown renderer');
   }
@@ -4236,6 +4272,10 @@ const getRenderer = diffType => {
 const applyRender = (oldState, newState, diffResult) => {
   const commands = [];
   for (const item of diffResult) {
+    if (item === RenderSelection) {
+      // TODO support this in the future
+      continue;
+    }
     const fn = getRenderer(item);
     const result = fn(oldState, newState);
     if (result.length > 0) {
@@ -4703,17 +4743,23 @@ const terminate = () => {
   globalThis.close();
 };
 
-const getEditingIcon = async (editingType, value) => {
+const getEditingIcon = async (editingType, value, direntType) => {
   if (editingType === CreateFile) {
     return invoke('IconTheme.getFileIcon', {
       name: value
     });
   }
-  // TODO need renamefile and renamefolder type
   if (editingType === Rename$1) {
-    return invoke('IconTheme.getFileIcon', {
-      name: value
-    });
+    if (direntType === File || direntType === EditingFile) {
+      return invoke('IconTheme.getFileIcon', {
+        name: value
+      });
+    }
+    if (direntType === Directory || direntType === EditingFolder) {
+      return invoke('IconTheme.getFolderIcon', {
+        name: value
+      });
+    }
   }
   if (editingType === CreateFolder) {
     return invoke('IconTheme.getFolderIcon', {
@@ -4724,7 +4770,7 @@ const getEditingIcon = async (editingType, value) => {
 };
 
 const updateEditingValue = async (state, value, inputSource = User) => {
-  const editingIcon = await getEditingIcon(state.editingType, value);
+  const editingIcon = await getEditingIcon(state.editingType, value, state.items[state.editingIndex]?.type);
   return {
     ...state,
     editingValue: value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/explorer-view",
-  "version": "2.24.0",
+  "version": "2.25.0",
   "description": "Explorer Worker",
   "repository": {
     "type": "git",