@lvce-editor/explorer-view 1.9.0 → 1.11.0

package/dist/explorerViewWorkerMain.js

@@ -320,14 +320,14 @@ const readyMessage = 'ready';
 const getData$2 = event => {
   return event.data;
 };
-const listen$6 = () => {
+const listen$7 = () => {
   // @ts-ignore
   if (typeof WorkerGlobalScope === 'undefined') {
     throw new TypeError('module is not in web worker scope');
   }
   return globalThis;
 };
-const signal$6 = global => {
+const signal$7 = global => {
   global.postMessage(readyMessage);
 };
 class IpcChildWithModuleWorker extends Ipc {
@@ -353,7 +353,7 @@ class IpcChildWithModuleWorker extends Ipc {
     this._rawIpc.addEventListener('message', callback);
   }
 }
-const wrap$d = global => {
+const wrap$e = global => {
   return new IpcChildWithModuleWorker(global);
 };
 const withResolvers = () => {
@@ -378,10 +378,10 @@ const waitForFirstMessage = async port => {
   // @ts-ignore
   return event.data;
 };
-const listen$5 = async () => {
-  const parentIpcRaw = listen$6();
-  signal$6(parentIpcRaw);
-  const parentIpc = wrap$d(parentIpcRaw);
+const listen$6 = async () => {
+  const parentIpcRaw = listen$7();
+  signal$7(parentIpcRaw);
+  const parentIpc = wrap$e(parentIpcRaw);
   const firstMessage = await waitForFirstMessage(parentIpc);
   if (firstMessage.method !== 'initialize') {
     throw new IpcError('unexpected first message');
@@ -426,13 +426,13 @@ class IpcChildWithModuleWorkerAndMessagePort extends Ipc {
     this._rawIpc.start();
   }
 }
-const wrap$c = port => {
+const wrap$d = port => {
   return new IpcChildWithModuleWorkerAndMessagePort(port);
 };
 const IpcChildWithModuleWorkerAndMessagePort$1 = {
   __proto__: null,
-  listen: listen$5,
-  wrap: wrap$c
+  listen: listen$6,
+  wrap: wrap$d
 };
 
 const Two = '2.0';
@@ -2167,23 +2167,24 @@ const getMenuEntries = state => {
   }
 };
 
-const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editingIndex, editingType, editingValue) => {
+const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editingIndex, editingType, editingValue, icons) => {
   const visible = [];
+  let iconIndex = 0;
   for (let i = minLineY; i < Math.min(maxLineY, items.length); i++) {
     const item = items[i];
+    const icon = icons[iconIndex++];
     if (i === editingIndex) {
       visible.push({
         ...item,
         isFocused: i === focusedIndex,
         isEditing: true,
-        icon: getFileIcon$1({
-          name: editingValue
-        })
+        icon
       });
     } else {
       visible.push({
         ...item,
-        isFocused: i === focusedIndex
+        isFocused: i === focusedIndex,
+        icon
       });
     }
   }
@@ -2677,6 +2678,65 @@ const handleCopy = async state => {
   return state;
 };
 
+const canBeDroppedInto = dirent => {
+  if (!dirent) {
+    return false;
+  }
+  switch (dirent.type) {
+    case Directory:
+    case DirectoryExpanded:
+    case DirectoryExpanding:
+      return true;
+    default:
+      return false;
+  }
+};
+
+const getNewDropTargets = (state, x, y) => {
+  const {
+    items
+  } = state;
+  const index = getIndexFromPosition(state, x, y);
+  if (index === -1) {
+    return [-1];
+  }
+  const item = items[index];
+  if (!canBeDroppedInto(item)) {
+    return [];
+  }
+  const newDropTargets = [index];
+  return newDropTargets;
+};
+
+const isEqual = (a, b) => {
+  if (a.length !== b.length) {
+    return false;
+  }
+  const length = a.length;
+  for (let i = 0; i < length; i++) {
+    if (a[i] !== b[i]) {
+      return false;
+    }
+  }
+  return true;
+};
+
+const handleDragOver = (state, x, y) => {
+  number(x);
+  number(y);
+  const {
+    dropTargets
+  } = state;
+  const newDropTargets = getNewDropTargets(state, x, y);
+  if (isEqual(dropTargets, newDropTargets)) {
+    return state;
+  }
+  return {
+    ...state,
+    dropTargets: newDropTargets
+  };
+};
+
 const getFilePathElectron = async file => {
   return invoke('GetFilePathElectron.getFilePathElectron', file);
 };
@@ -3308,6 +3368,57 @@ const renameDirent = state => {
   };
 };
 
+const renderItems = {
+  isEqual(oldState, newState) {
+    return JSON.stringify(oldState.items) === JSON.stringify(newState.items) && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.focusedIndex === newState.focusedIndex && oldState.editingIndex === newState.editingIndex && oldState.editingType === newState.editingType && oldState.editingValue === newState.editingValue && oldState.width === newState.width;
+  },
+  apply(oldState, newState) {
+    const visibleDirents = getVisibleExplorerItems(newState.items, newState.minLineY, newState.maxLineY, newState.focusedIndex, newState.editingIndex, newState.editingType, newState.editingValue, newState.icons);
+    const isWide = newState.width > 450;
+    const dom = getExplorerVirtualDom(visibleDirents, newState.focusedIndex, newState.root, isWide);
+    return ['Viewlet.setDom2', dom];
+  }
+};
+
+// const renderFocusedIndex = {
+//   isEqual(oldState:any, newState:any) {
+//     return oldState.focusedIndex === newState.focusedIndex && oldState.focused === newState.focused && oldState.minLineY === newState.minLineY
+//   },
+//   apply(oldState:any, newState:any) {
+//     const oldFocusedIndex = oldState.focusedIndex - oldState.minLineY
+//     const newFocusedIndex = newState.focusedIndex - newState.minLineY
+//     return [/* method */ 'setFocusedIndex', /* oldindex */ oldFocusedIndex, /* newIndex */ newFocusedIndex, /* focused */ newState.focused]
+//   },
+// }
+
+// const renderDropTargets = {
+//   isEqual(oldState:any, newState:any) {
+//     return oldState.dropTargets === newState.dropTargets
+//   },
+//   apply(oldState:any, newState:any) {
+//     return [/* method */ 'setDropTargets', /* oldDropTargets */ oldState.dropTargets, /* newDropTargets */ newState.dropTargets]
+//   },
+// }
+
+const renderEditingIndex = {
+  isEqual(oldState, newState) {
+    return oldState.editingIndex === newState.editingIndex && oldState.editingType === newState.editingType;
+  },
+  apply(oldState, newState) {
+    return ['focusInput', 'ExplorerInput'];
+  }
+};
+const render = [renderItems, renderEditingIndex];
+const doRender = (oldState, newState) => {
+  const commands = [];
+  for (const fn of render) {
+    if (!fn.isEqual(oldState, newState)) {
+      commands.push(fn.apply(oldState, newState));
+    }
+  }
+  return commands;
+};
+
 const getIconVirtualDom = (icon, type = Div) => {
   return {
     type,
@@ -3694,6 +3805,7 @@ const commandMap = {
   'Explorer.handleClickOpenFolder': handleClickOpenFolder,
   'Explorer.handleContextMenu': handleContextMenu,
   'Explorer.handleCopy': handleCopy,
+  'Explorer.handleDragOver': handleDragOver,
   'Explorer.handleDrop': handleDrop,
   'Explorer.handleIconThemeChange': handleIconThemeChange,
   'Explorer.handlePaste': handlePaste,
@@ -3707,6 +3819,7 @@ const commandMap = {
   'Explorer.openContainingFolder': openContainingFolder,
   'Explorer.removeDirent': removeDirent,
   'Explorer.renameDirent': renameDirent,
+  'Explorer.render': doRender,
   'Explorer.renderActions': renderActions,
   'Explorer.restoreState': restoreState,
   'Explorer.revealItem': revealItem,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/explorer-view",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "description": "Explorer Worker",
   "main": "dist/explorerViewWorkerMain.js",
   "type": "module",