@lvce-editor/explorer-view 7.8.0 → 7.9.1

package/dist/explorerViewWorkerMain.js

@@ -3,10 +3,67 @@ const toCommandId = key => {
   return key.slice(dotIndex + 1);
 };
 const create$a = () => {
+  const commandQueues = new Map();
+  const generations = Object.create(null);
   const states = Object.create(null);
   const commandMapRef = {};
+  const getGeneration = uid => generations[uid] || 0;
+  const isCurrentGeneration = (uid, generation) => {
+    return states[uid] !== undefined && getGeneration(uid) === generation;
+  };
+  const updateState = (uid, generation, fallbackState, updater) => {
+    if (!isCurrentGeneration(uid, generation)) {
+      return Promise.resolve(fallbackState);
+    }
+    const current = states[uid];
+    const updatedState = updater(current.newState);
+    if (updatedState !== current.newState) {
+      states[uid] = {
+        newState: updatedState,
+        oldState: current.oldState,
+        scheduledState: updatedState
+      };
+    }
+    return Promise.resolve(updatedState);
+  };
+  const createAsyncCommandContext = (uid, generation) => {
+    let latestState = states[uid].newState;
+    return {
+      getState: () => {
+        if (isCurrentGeneration(uid, generation)) {
+          latestState = states[uid].newState;
+        }
+        return latestState;
+      },
+      updateState: async updater => {
+        latestState = await updateState(uid, generation, latestState, updater);
+        return latestState;
+      }
+    };
+  };
+  const enqueueCommand = async (uid, command) => {
+    const previous = commandQueues.get(uid) || Promise.resolve();
+    const run = async () => {
+      try {
+        await previous;
+      } catch {
+        // The previous caller receives its error; later commands must still run.
+      }
+      await command();
+    };
+    const current = run();
+    commandQueues.set(uid, current);
+    try {
+      await current;
+    } finally {
+      if (commandQueues.get(uid) === current) {
+        commandQueues.delete(uid);
+      }
+    }
+  };
   return {
     clear() {
+      commandQueues.clear();
       for (const key of Object.keys(states)) {
         delete states[key];
       }
@@ -26,6 +83,7 @@ const create$a = () => {
       return diffResult;
     },
     dispose(uid) {
+      commandQueues.delete(uid);
       delete states[uid];
     },
     get(uid) {
@@ -43,14 +101,27 @@ const create$a = () => {
       Object.assign(commandMapRef, commandMap);
     },
     set(uid, oldState, newState, scheduledState) {
+      const current = states[uid];
+      if (!current || oldState === newState && newState !== current.newState) {
+        generations[uid] = getGeneration(uid) + 1;
+      }
       states[uid] = {
         newState,
         oldState,
         scheduledState: scheduledState ?? newState
       };
     },
+    wrapAsyncCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        const generation = getGeneration(uid);
+        const context = createAsyncCommandContext(uid, generation);
+        await fn(context, ...args);
+      };
+      return wrapped;
+    },
     wrapCommand(fn) {
       const wrapped = async (uid, ...args) => {
+        const generation = getGeneration(uid);
         const {
           newState,
           oldState
@@ -59,6 +130,9 @@ const create$a = () => {
         if (oldState === newerState || newState === newerState) {
           return;
         }
+        if (!isCurrentGeneration(uid, generation)) {
+          return;
+        }
         const latestOld = states[uid];
         const latestNew = {
           ...latestOld.newState,
@@ -83,6 +157,7 @@ const create$a = () => {
     },
     wrapLoadContent(fn) {
       const wrapped = async (uid, ...args) => {
+        const generation = getGeneration(uid);
         const {
           newState,
           oldState
@@ -97,6 +172,11 @@ const create$a = () => {
             error
           };
         }
+        if (!isCurrentGeneration(uid, generation)) {
+          return {
+            error
+          };
+        }
         const latestOld = states[uid];
         const latestNew = {
           ...latestOld.newState,
@@ -112,6 +192,51 @@ const create$a = () => {
         };
       };
       return wrapped;
+    },
+    wrapSerialAsyncCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        await enqueueCommand(uid, async () => {
+          if (!states[uid]) {
+            return;
+          }
+          const generation = getGeneration(uid);
+          const context = createAsyncCommandContext(uid, generation);
+          await fn(context, ...args);
+        });
+      };
+      return wrapped;
+    },
+    wrapSerialCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        await enqueueCommand(uid, async () => {
+          if (!states[uid]) {
+            return;
+          }
+          const generation = getGeneration(uid);
+          const {
+            newState,
+            oldState
+          } = states[uid];
+          const newerState = await fn(newState, ...args);
+          if (oldState === newerState || newState === newerState) {
+            return;
+          }
+          if (!isCurrentGeneration(uid, generation)) {
+            return;
+          }
+          const latestOld = states[uid];
+          const latestNew = {
+            ...latestOld.newState,
+            ...newerState
+          };
+          states[uid] = {
+            newState: latestNew,
+            oldState: latestOld.oldState,
+            scheduledState: latestNew
+          };
+        });
+      };
+      return wrapped;
     }
   };
 };
@@ -284,7 +409,6 @@ const walkValue = (value, transferrables, isTransferrable) => {
     for (const property of Object.values(value)) {
       walkValue(property, transferrables, isTransferrable);
     }
-    return;
   }
 };
 const getTransferrables = value => {
@@ -438,7 +562,14 @@ class IpcError extends VError {
       const cause = new Error(message);
       // @ts-ignore
       cause.code = code;
-      cause.stack = stack;
+      if (stack) {
+        Object.defineProperty(cause, 'stack', {
+          configurable: true,
+          enumerable: false,
+          value: stack,
+          writable: true
+        });
+      }
       super(cause, betterMessage);
     } else {
       super(betterMessage);
@@ -725,7 +856,10 @@ const constructError = (message, type, name) => {
   if (ErrorConstructor === Error) {
     const error = new Error(message);
     if (name && name !== 'VError') {
-      error.name = name;
+      Object.defineProperty(error, 'name', {
+        configurable: true,
+        value: name
+      });
     }
     return error;
   }
@@ -742,8 +876,10 @@ const getCurrentStack = () => {
   const currentStack = joinLines(splitLines(new Error().stack || '').slice(stackLinesToSkip));
   return currentStack;
 };
-const getNewLineIndex = (string, startIndex = undefined) => {
-  return string.indexOf(NewLine, startIndex);
+const getNewLineIndex = (string, startIndex) => {
+  {
+    return string.indexOf(NewLine);
+  }
 };
 const getParentStack = error => {
   let parentStack = error.stack || error.data || error.message || '';
@@ -754,55 +890,91 @@ const getParentStack = error => {
 };
 const MethodNotFound = -32601;
 const Custom = -32001;
+const setStack = (error, stack) => {
+  const descriptor = Object.getOwnPropertyDescriptor(error, 'stack');
+  if (descriptor) {
+    if (!descriptor.configurable && !descriptor.writable) {
+      return;
+    }
+    if (!descriptor.configurable && descriptor.writable) {
+      error.stack = stack;
+      return;
+    }
+  }
+  Object.defineProperty(error, 'stack', {
+    configurable: true,
+    value: stack,
+    writable: true
+  });
+};
+const restoreExistingError = (error, currentStack) => {
+  if (typeof error.stack === 'string') {
+    setStack(error, `${error.stack}${NewLine}${currentStack}`);
+  }
+  return error;
+};
+const restoreMethodNotFoundError = (error, currentStack) => {
+  const restoredError = new JsonRpcError(error.message);
+  const parentStack = getParentStack(error);
+  setStack(restoredError, `${parentStack}${NewLine}${currentStack}`);
+  return restoredError;
+};
+const restoreStackFromData = (restoredError, error, currentStack) => {
+  if (error.data.stack && error.data.type && error.message) {
+    setStack(restoredError, `${error.data.type}: ${error.message}${NewLine}${error.data.stack}${NewLine}${currentStack}`);
+    return;
+  }
+  if (error.data.stack) {
+    setStack(restoredError, error.data.stack);
+  }
+};
+const applyDataProperties = (restoredError, error) => {
+  restoreStackFromData(restoredError, error, getCurrentStack());
+  if (error.data.codeFrame) {
+    // @ts-ignore
+    restoredError.codeFrame = error.data.codeFrame;
+  }
+  if (error.data.code) {
+    // @ts-ignore
+    restoredError.code = error.data.code;
+  }
+  if (error.data.type) {
+    // @ts-ignore
+    restoredError.name = error.data.type;
+  }
+};
+const applyDirectProperties = (restoredError, error) => {
+  if (error.stack) {
+    const lowerStack = restoredError.stack || '';
+    const indexNewLine = getNewLineIndex(lowerStack);
+    const parentStack = getParentStack(error);
+    // @ts-ignore
+    setStack(restoredError, `${parentStack}${lowerStack.slice(indexNewLine)}`);
+  }
+  if (error.codeFrame) {
+    // @ts-ignore
+    restoredError.codeFrame = error.codeFrame;
+  }
+};
+const restoreMessageError = (error, _currentStack) => {
+  const restoredError = constructError(error.message, error.type, error.name);
+  if (error.data) {
+    applyDataProperties(restoredError, error);
+  } else {
+    applyDirectProperties(restoredError, error);
+  }
+  return restoredError;
+};
 const restoreJsonRpcError = error => {
   const currentStack = getCurrentStack();
   if (error && error instanceof Error) {
-    if (typeof error.stack === 'string') {
-      error.stack = error.stack + NewLine + currentStack;
-    }
-    return error;
+    return restoreExistingError(error, currentStack);
   }
   if (error && error.code && error.code === MethodNotFound) {
-    const restoredError = new JsonRpcError(error.message);
-    const parentStack = getParentStack(error);
-    restoredError.stack = parentStack + NewLine + currentStack;
-    return restoredError;
+    return restoreMethodNotFoundError(error, currentStack);
   }
   if (error && error.message) {
-    const restoredError = constructError(error.message, error.type, error.name);
-    if (error.data) {
-      if (error.data.stack && error.data.type && error.message) {
-        restoredError.stack = error.data.type + ': ' + error.message + NewLine + error.data.stack + NewLine + currentStack;
-      } else if (error.data.stack) {
-        restoredError.stack = error.data.stack;
-      }
-      if (error.data.codeFrame) {
-        // @ts-ignore
-        restoredError.codeFrame = error.data.codeFrame;
-      }
-      if (error.data.code) {
-        // @ts-ignore
-        restoredError.code = error.data.code;
-      }
-      if (error.data.type) {
-        // @ts-ignore
-        restoredError.name = error.data.type;
-      }
-    } else {
-      if (error.stack) {
-        const lowerStack = restoredError.stack || '';
-        // @ts-ignore
-        const indexNewLine = getNewLineIndex(lowerStack);
-        const parentStack = getParentStack(error);
-        // @ts-ignore
-        restoredError.stack = parentStack + lowerStack.slice(indexNewLine);
-      }
-      if (error.codeFrame) {
-        // @ts-ignore
-        restoredError.codeFrame = error.codeFrame;
-      }
-    }
-    return restoredError;
+    return restoreMessageError(error);
   }
   if (typeof error === 'string') {
     return new Error(`JsonRpc Error: ${error}`);
@@ -1262,9 +1434,175 @@ const create$1 = rpcId => {
   };
 };
 
+const Audio = 0;
+const Button$4 = 1;
+const Col = 2;
+const ColGroup = 3;
+const Div$1 = 4;
+const H1 = 5;
+const Input$2 = 6;
+const Kbd = 7;
+const Span = 8;
+const Table = 9;
+const TBody = 10;
+const Td = 11;
 const Text = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const I = 16;
+const Img$1 = 17;
+const Root = 0;
+const Ins = 20;
+const Del = 21;
+const H2 = 22;
+const H3 = 23;
+const H4 = 24;
+const H5 = 25;
+const H6 = 26;
+const Article = 27;
+const Aside = 28;
+const Footer = 29;
+const Header = 30;
+const Nav = 40;
+const Section = 41;
+const Search = 42;
+const Dd = 43;
+const Dl = 44;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
+const Li = 48;
+const Ol = 49;
+const P$1 = 50;
+const Pre = 51;
+const A = 53;
+const Abbr = 54;
+const Br = 55;
+const Cite = 56;
+const Data = 57;
+const Time = 58;
+const Tfoot = 59;
+const Ul = 60;
+const Video = 61;
+const TextArea = 62;
+const Select = 63;
+const Option = 64;
+const Code = 65;
+const Label$1 = 66;
+const Dt = 67;
+const Iframe = 68;
+const Main = 69;
+const Strong = 70;
+const Em = 71;
+const Style = 72;
+const Html = 73;
+const Head = 74;
+const Title = 75;
+const Meta = 76;
+const Canvas = 77;
+const Form = 78;
+const BlockQuote = 79;
+const Quote = 80;
+const Circle = 81;
+const Defs = 82;
+const Ellipse = 83;
+const G = 84;
+const Line = 85;
+const Path = 86;
+const Polygon = 87;
+const Polyline = 88;
+const Rect = 89;
+const Svg = 90;
+const Use = 91;
 const Reference = 100;
 
+const VirtualDomElements = {
+  __proto__: null,
+  A,
+  Abbr,
+  Article,
+  Aside,
+  Audio,
+  BlockQuote,
+  Br,
+  Button: Button$4,
+  Canvas,
+  Circle,
+  Cite,
+  Code,
+  Col,
+  ColGroup,
+  Data,
+  Dd,
+  Defs,
+  Del,
+  Div: Div$1,
+  Dl,
+  Dt,
+  Ellipse,
+  Em,
+  Figcaption,
+  Figure,
+  Footer,
+  Form,
+  G,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Head,
+  Header,
+  Hr,
+  Html,
+  I,
+  Iframe,
+  Img: Img$1,
+  Input: Input$2,
+  Ins,
+  Kbd,
+  Label: Label$1,
+  Li,
+  Line,
+  Main,
+  Meta,
+  Nav,
+  Ol,
+  Option,
+  P: P$1,
+  Path,
+  Polygon,
+  Polyline,
+  Pre,
+  Quote,
+  Rect,
+  Reference,
+  Root,
+  Search,
+  Section,
+  Select,
+  Span,
+  Strong,
+  Style,
+  Svg,
+  TBody,
+  THead,
+  Table,
+  Td,
+  Text,
+  TextArea,
+  Tfoot,
+  Th,
+  Time,
+  Title,
+  Tr,
+  Ul,
+  Use,
+  Video
+};
+
 const Button$3 = 'event.button';
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
@@ -1393,6 +1731,9 @@ const remove = async dirent => {
 const readDirWithFileTypes = async uri => {
   return invoke('FileSystem.readDirWithFileTypes', uri);
 };
+const readFile = async uri => {
+  return invoke('FileSystem.readFile', uri);
+};
 const getPathSeparator$1 = async root => {
   return invoke('FileSystem.getPathSeparator', root);
 };
@@ -1903,7 +2244,18 @@ const mergeTrees = (a, b) => {
   };
 };
 
-const openUri = async (uri, focus) => {
+const openUri = async (uri, focus, options) => {
+  if (options) {
+    await invoke$2('Main.openInput', {
+      editorInput: {
+        type: 'editor',
+        uri
+      },
+      focu: focus,
+      preview: options.preview ?? false
+    });
+    return;
+  }
   await openUri$1(uri, /* focus */focus);
 };
 
@@ -1951,15 +2303,15 @@ const Slash$1 = '/';
 const BackSlash = '\\';
 
 const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
 const i18nString = (key, placeholders = emptyObject) => {
   if (placeholders === emptyObject) {
     return key;
   }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
+  let result = key;
+  for (const [placeholder, replacement] of Object.entries(placeholders)) {
+    result = result.split(`{${placeholder}}`).join(String(replacement));
+  }
+  return result;
 };
 
 const CollapseAllFoldersInExplorer = 'Collapse All Folders in Explorer';
@@ -2206,6 +2558,15 @@ const getFileOperationsRename = (oldAbsolutePath, newFileName) => {
   return operations;
 };
 
+const getRenameSiblingFileNames = (items, editingIndex, pathSeparator) => {
+  const editingItem = items[editingIndex];
+  if (!editingItem) {
+    return [];
+  }
+  const parentPath = dirname(pathSeparator, editingItem.path);
+  return items.filter((item, index) => index !== editingIndex && dirname(pathSeparator, item.path) === parentPath).map(item => item.name);
+};
+
 const updateTree2 = (tree, update) => {
   const updatedTree = {
     ...tree,
@@ -2223,7 +2584,8 @@ const acceptRename = async state => {
     pathSeparator,
     root
   } = state;
-  const editingErrorMessage = validateFileName2(editingValue);
+  const siblingFileNames = getRenameSiblingFileNames(items, editingIndex, pathSeparator);
+  const editingErrorMessage = validateFileName2(editingValue, siblingFileNames);
   if (editingErrorMessage) {
     return {
       ...state,
@@ -2231,6 +2593,9 @@ const acceptRename = async state => {
     };
   }
   const renamedDirent = items[editingIndex];
+  const oldUri = renamedDirent.path;
+  const dirname = dirname2(oldUri);
+  const newUri = join2(dirname, editingValue);
   const operations = getFileOperationsRename(renamedDirent.path, editingValue);
   const renameErrorMessage = await applyFileOperations(operations);
   if (renameErrorMessage) {
@@ -2239,9 +2604,7 @@ const acceptRename = async state => {
       editingErrorMessage: renameErrorMessage
     };
   }
-  const oldUri = renamedDirent.path;
-  const dirname = dirname2(oldUri);
-  const newUri = join2(dirname, editingValue);
+  await invoke$2('Main.handleUriChange', oldUri, newUri);
   const children = await getChildDirents(pathSeparator, dirname, renamedDirent.depth - 1, excluded, root);
   const tree = createTree(items, root);
   const update = computeExplorerRenamedDirentUpdate(root, dirname, oldUri, children, tree, newUri);
@@ -2575,6 +2938,215 @@ const getFileIcons = async (dirents, fileIconCache) => {
   };
 };
 
+const directoryTypes = new Set([DirectoryExpanded, DirectoryExpanding, EditingDirectoryExpanded]);
+const getParentPath = (path, pathSeparator) => {
+  const index = path.lastIndexOf(pathSeparator);
+  if (index === -1) {
+    return '';
+  }
+  return path.slice(0, index);
+};
+const getGitIgnoreCandidateDirs = (root, items, pathSeparator) => {
+  const dirs = new Set([root]);
+  for (const item of items) {
+    if (directoryTypes.has(item.type)) {
+      dirs.add(item.path);
+    }
+    const parent = getParentPath(item.path, pathSeparator);
+    if (parent && parent.startsWith(root)) {
+      dirs.add(parent);
+    }
+  }
+  return [...dirs];
+};
+
+const trimLeadingSeparator = path => {
+  return path.startsWith('/') ? path.slice(1) : path;
+};
+const toSlashPath = (path, pathSeparator) => {
+  if (pathSeparator === '/') {
+    return path;
+  }
+  return path.replaceAll(pathSeparator, '/');
+};
+const getGitIgnoreRelativePath = (root, path, pathSeparator) => {
+  const slashRoot = toSlashPath(root, pathSeparator);
+  const slashPath = toSlashPath(path, pathSeparator);
+  if (slashPath === slashRoot) {
+    return '';
+  }
+  if (slashRoot.endsWith('/')) {
+    return slashPath.slice(slashRoot.length);
+  }
+  return trimLeadingSeparator(slashPath.slice(slashRoot.length));
+};
+
+const joinPath = (parent, child, pathSeparator) => {
+  if (parent.endsWith(pathSeparator)) {
+    return `${parent}${child}`;
+  }
+  return `${parent}${pathSeparator}${child}`;
+};
+
+const lineSeparatorRegex = /\r?\n/;
+const stripTrailingSpaces = line => {
+  let end = line.length;
+  while (end > 0 && line[end - 1] === ' ' && line[end - 2] !== '\\') {
+    end--;
+  }
+  return line.slice(0, end).replaceAll('\\ ', ' ');
+};
+const parseLine = (basePath, line) => {
+  line = stripTrailingSpaces(line);
+  if (!line || line.startsWith('#')) {
+    return undefined;
+  }
+  let negative = false;
+  if (line.startsWith('\\!')) {
+    line = line.slice(1);
+  } else if (line.startsWith('!')) {
+    negative = true;
+    line = line.slice(1);
+  }
+  const anchored = line.startsWith('/');
+  line = line.replaceAll('\\#', '#').replaceAll('\\!', '!');
+  const directoryOnly = line.endsWith('/');
+  if (directoryOnly) {
+    line = line.slice(0, -1);
+  }
+  while (line.startsWith('/')) {
+    line = line.slice(1);
+  }
+  if (!line) {
+    return undefined;
+  }
+  return {
+    anchored,
+    basePath,
+    directoryOnly,
+    hasSlash: line.includes('/'),
+    negative,
+    pattern: line
+  };
+};
+const parseGitIgnore = (basePath, content) => {
+  const patterns = [];
+  for (const line of content.split(lineSeparatorRegex)) {
+    const pattern = parseLine(basePath, line);
+    if (pattern) {
+      patterns.push(pattern);
+    }
+  }
+  return patterns;
+};
+
+const readGitIgnoreFile = async (root, dir, pathSeparator) => {
+  try {
+    const content = await readFile(joinPath(dir, '.gitignore', pathSeparator));
+    const basePath = getGitIgnoreRelativePath(root, dir, pathSeparator);
+    return parseGitIgnore(basePath, content);
+  } catch {
+    return [];
+  }
+};
+const getGitIgnoreFiles = async (root, items, pathSeparator) => {
+  const dirs = getGitIgnoreCandidateDirs(root, items, pathSeparator);
+  const nestedPatterns = await Promise.all(dirs.map(dir => {
+    return readGitIgnoreFile(root, dir, pathSeparator);
+  }));
+  return nestedPatterns.flat();
+};
+
+const regexSpecialCharacters = /[|\\{}()[\]^$+?.]/g;
+const escapeRegex = text => {
+  return text.replaceAll(regexSpecialCharacters, '\\$&');
+};
+const globToRegex = glob => {
+  let regex = '^';
+  for (let i = 0; i < glob.length; i++) {
+    const char = glob[i];
+    const next = glob[i + 1];
+    if (char === '*' && next === '*') {
+      if (glob[i + 2] === '/') {
+        regex += '(?:.*/)?';
+        i += 2;
+      } else {
+        regex += '.*';
+        i++;
+      }
+    } else if (char === '*') {
+      regex += '[^/]*';
+    } else if (char === '?') {
+      regex += '[^/]';
+    } else {
+      regex += escapeRegex(char);
+    }
+  }
+  regex += '$';
+  return new RegExp(regex);
+};
+const isWithinBase = (relativePath, basePath) => {
+  return !basePath || relativePath === basePath || relativePath.startsWith(`${basePath}/`);
+};
+const getBaseRelativePath = (relativePath, basePath) => {
+  if (!basePath) {
+    return relativePath;
+  }
+  if (relativePath === basePath) {
+    return '';
+  }
+  return relativePath.slice(basePath.length + 1);
+};
+const matchesDirectoryPattern = (baseRelativePath, pattern) => {
+  if (pattern.hasSlash || pattern.anchored) {
+    return baseRelativePath === pattern.pattern || baseRelativePath.startsWith(`${pattern.pattern}/`);
+  }
+  return baseRelativePath.split('/').includes(pattern.pattern);
+};
+const matchesPathPattern = (baseRelativePath, pattern) => {
+  const regex = globToRegex(pattern.pattern);
+  if (pattern.hasSlash || pattern.anchored) {
+    return regex.test(baseRelativePath);
+  }
+  return baseRelativePath.split('/').some(part => regex.test(part));
+};
+const matchesPattern = (baseRelativePath, pattern) => {
+  if (!baseRelativePath) {
+    return false;
+  }
+  if (pattern.directoryOnly) {
+    return matchesDirectoryPattern(baseRelativePath, pattern);
+  }
+  return matchesPathPattern(baseRelativePath, pattern);
+};
+const isGitIgnored = (relativePath, patterns) => {
+  let ignored = false;
+  for (const pattern of patterns) {
+    if (!isWithinBase(relativePath, pattern.basePath)) {
+      continue;
+    }
+    const baseRelativePath = getBaseRelativePath(relativePath, pattern.basePath);
+    if (matchesPattern(baseRelativePath, pattern)) {
+      ignored = !pattern.negative;
+    }
+  }
+  return ignored;
+};
+
+const getGitIgnoredUris = async (root, items, pathSeparator, enabled) => {
+  if (!enabled || !root || items.length === 0) {
+    return [];
+  }
+  const patterns = await getGitIgnoreFiles(root, items, pathSeparator);
+  if (patterns.length === 0) {
+    return [];
+  }
+  return items.filter(item => {
+    const relativePath = getGitIgnoreRelativePath(root, item.path, pathSeparator);
+    return isGitIgnored(relativePath, patterns);
+  }).map(item => item.path);
+};
+
 // TODO optimize this function to return the minimum number
 // of visible items needed, e.g. when not scrolled 5 items with
 // 20px fill 100px but when scrolled 6 items are needed
@@ -2696,6 +3268,8 @@ const text = data => {
   };
 };
 
+new Set(Object.values(VirtualDomElements));
+
 const SetText = 1;
 const Replace = 2;
 const SetAttribute = 3;
@@ -3053,18 +3627,55 @@ const {
   set,
   wrapGetter
 } = create$a();
+const commandQueues = new Map();
+const runQueuedCommand = async (previousCommand, command) => {
+  try {
+    await previousCommand;
+  } catch {
+    // Keep the queue usable after returning the error to the command caller
+  }
+  await command();
+};
+const enqueueCommand = async (id, command) => {
+  const currentCommand = runQueuedCommand(commandQueues.get(id), command);
+  commandQueues.set(id, currentCommand);
+  try {
+    await currentCommand;
+  } finally {
+    if (commandQueues.get(id) === currentCommand) {
+      commandQueues.delete(id);
+    }
+  }
+};
 const hasSameVisibleExplorerItemInputs = (oldState, newState) => {
   return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.height === newState.height && oldState.itemHeight === newState.itemHeight && oldState.focusedIndex === newState.focusedIndex && oldState.editingIndex === newState.editingIndex && oldState.editingIcon === newState.editingIcon && oldState.cutItems === newState.cutItems && oldState.editingErrorMessage === newState.editingErrorMessage && oldState.dropTargets === newState.dropTargets && oldState.fileIconCache === newState.fileIconCache && oldState.decorations === newState.decorations && oldState.useChevrons === newState.useChevrons && oldState.sourceControlIgnoredUris === newState.sourceControlIgnoredUris;
 };
-const wrapListItemCommand = fn => {
-  const wrappedCommand = async (id, ...args) => {
+const maybeUpdateGitIgnoredUris = async (oldState, newState) => {
+  if (oldState.items === newState.items || oldState.sourceControlIgnoredUris !== newState.sourceControlIgnoredUris) {
+    return newState;
+  }
+  const {
+    gitIgnoreDecorations,
+    items,
+    pathSeparator,
+    root
+  } = newState;
+  const sourceControlIgnoredUris = await getGitIgnoredUris(root, items, pathSeparator, gitIgnoreDecorations);
+  return {
+    ...newState,
+    sourceControlIgnoredUris
+  };
+};
+const wrapListItemCommandInternal = (fn, queued) => {
+  const runCommand = async (id, ...args) => {
     const {
       newState
     } = get(id);
-    const updatedState = await fn(newState, ...args);
-    if (newState === updatedState) {
+    const rawUpdatedState = await fn(newState, ...args);
+    if (newState === rawUpdatedState) {
       return;
     }
+    const updatedState = await maybeUpdateGitIgnoredUris(newState, rawUpdatedState);
     const {
       cutItems,
       decorations,
@@ -3103,8 +3714,22 @@ const wrapListItemCommand = fn => {
     const intermediate2 = get(id);
     set(id, intermediate2.oldState, finalState);
   };
+  if (!queued) {
+    return runCommand;
+  }
+  const wrappedCommand = async (id, ...args) => {
+    await enqueueCommand(id, async () => {
+      await runCommand(id, ...args);
+    });
+  };
   return wrappedCommand;
 };
+const wrapListItemCommand = fn => {
+  return wrapListItemCommandInternal(fn, true);
+};
+const wrapListItemCommandImmediate = fn => {
+  return wrapListItemCommandInternal(fn, false);
+};
 
 const ListItem = 22;
 
@@ -3144,6 +3769,7 @@ const create = (id, uri, x, y, width, height, args, parentUid, platform = 0, ass
     focusedIndex: -1,
     focusWord: '',
     focusWordTimeout: 800,
+    gitIgnoreDecorations: false,
     handleOffset: 0,
     hasError: false,
     height,
@@ -3920,7 +4546,9 @@ const handleClickDirectory = async (state, dirent, index, keepFocus) => {
 };
 
 const handleClickFile = async (state, dirent, index, keepFocus = false) => {
-  await openUri(dirent.path, !keepFocus);
+  await openUri(dirent.path, !keepFocus, {
+    preview: true
+  });
   return {
     ...state,
     focused: keepFocus,
@@ -4240,7 +4868,9 @@ const refresh = async state => {
   const {
     excluded,
     focusedIndex,
+    gitIgnoreDecorations,
     items,
+    pathSeparator,
     root
   } = state;
   const expandedDirents = getExpandedDirents(items);
@@ -4253,10 +4883,12 @@ const refresh = async state => {
   if (focusedIndex >= newItems.length) {
     newFocusedIndex = newItems.length - 1;
   }
+  const sourceControlIgnoredUris = await getGitIgnoredUris(root, newItems, pathSeparator, gitIgnoreDecorations);
   return {
     ...state,
     focusedIndex: newFocusedIndex,
-    items: newItems
+    items: newItems,
+    sourceControlIgnoredUris
   };
 };
 
@@ -4836,17 +5468,20 @@ const getSettings = async () => {
   const useChevronsRaw = await invoke$2('Preferences.get', 'explorer.useChevrons');
   const useChevrons = useChevronsRaw === false ? false : true;
   const confirmDeleteRaw = await invoke$2('Preferences.get', 'explorer.confirmdelete');
-  const confirmDelete = confirmDeleteRaw === false ? false : false;
+  const confirmDelete = confirmDeleteRaw === false ? false : true;
   const confirmPasteRaw = await invoke$2('Preferences.get', 'explorer.confirmpaste');
   const confirmPaste = confirmPasteRaw === false ? false : false;
   const excludedRaw = await invoke$2('Preferences.get', 'files.exclude');
   const excluded = getExcluded(excludedRaw);
+  const gitIgnoreDecorationsRaw = await invoke$2('Preferences.get', 'explorer.gitIgnoreDecorations');
+  const gitIgnoreDecorations = gitIgnoreDecorationsRaw === false ? false : true;
   const sourceControlDecorationsRaw = await invoke$2('Preferences.get', 'explorer.sourceControlDecorations');
   const sourceControlDecorations = sourceControlDecorationsRaw === false ? false : true;
   return {
     confirmDelete,
     confirmPaste,
     excluded,
+    gitIgnoreDecorations,
     sourceControlDecorations,
     useChevrons
   };
@@ -4960,6 +5595,7 @@ const loadContent = async (state, savedState) => {
   const {
     confirmDelete,
     excluded,
+    gitIgnoreDecorations,
     sourceControlDecorations,
     useChevrons
   } = await getSettings();
@@ -4977,6 +5613,7 @@ const loadContent = async (state, savedState) => {
     const minLineY = Math.round(deltaY / itemHeight);
     const scheme = getScheme(root);
     const decorations = await getFileDecorations(scheme, root, restoredDirents.filter(item => item.depth === 1).map(item => item.path), sourceControlDecorations, assetDir, platform);
+    const sourceControlIgnoredUris = await getGitIgnoredUris(root, restoredDirents, pathSeparator, gitIgnoreDecorations);
     return {
       ...state,
       confirmDelete,
@@ -4985,6 +5622,7 @@ const loadContent = async (state, savedState) => {
       errorCode: '',
       errorMessage: '',
       excluded,
+      gitIgnoreDecorations,
       hasError: false,
       initial: false,
       isReadonly: isReadonly$1,
@@ -4993,6 +5631,7 @@ const loadContent = async (state, savedState) => {
       minLineY,
       pathSeparator,
       root,
+      sourceControlIgnoredUris,
       useChevrons
     };
   } catch (error) {
@@ -5003,6 +5642,7 @@ const loadContent = async (state, savedState) => {
       confirmDelete,
       errorCode,
       errorMessage,
+      gitIgnoreDecorations,
       hasError: true,
       initial: false,
       isReadonly: false,
@@ -5595,26 +6235,19 @@ const generateUniqueName = (baseName, existingPaths, root) => {
   }
 };
 
-const getFileOperationsCopy = (root, existingUris, files, focusedUri) => {
+const getFileOperationsCopy = (targetUri, existingUris, files) => {
   const operations = [];
+  const reservedUris = [...existingUris];
   for (const file of files) {
     const baseName = getBaseName('/', file);
-    if (existingUris.includes(file)) {
-      operations.push({
-        from: file,
-        path: join2(focusedUri, baseName),
-        type: Rename$2
-      });
-    } else {
-      const uniqueName = generateUniqueName(baseName, existingUris, root);
-      const newUri = join2(root, uniqueName);
-      operations.push({
-        from: file,
-        // TODO ensure file is uri
-        path: newUri,
-        type: Copy$1
-      });
-    }
+    const uniqueName = generateUniqueName(baseName, reservedUris, targetUri);
+    const newUri = join2(targetUri, uniqueName);
+    operations.push({
+      from: file,
+      path: newUri,
+      type: Copy$1
+    });
+    reservedUris.push(newUri);
   }
   return operations;
 };
@@ -5630,11 +6263,13 @@ const handlePasteCopy = async (state, nativeFiles) => {
   const {
     focusedIndex,
     items,
+    pathSeparator,
     root
   } = state;
-  const focusedUri = items[focusedIndex]?.path || root;
-  const existingUris = items.map(item => item.path);
-  const operations = getFileOperationsCopy(root, existingUris, nativeFiles.files, focusedUri);
+  const targetUri = getParentFolder(items, focusedIndex, root, pathSeparator);
+  const targetDirents = await readDirWithFileTypes(targetUri);
+  const existingUris = targetDirents.map(dirent => join2(targetUri, dirent.name));
+  const operations = getFileOperationsCopy(targetUri, existingUris, nativeFiles.files);
   // TODO handle error?
   await applyFileOperations(operations);
 
@@ -6594,11 +7229,12 @@ const applyRender = (oldState, newState, diffResult) => {
   return commands;
 };
 
-const render2 = (uid, diffResult) => {
+const render2 = (uid, _diffResult) => {
   const {
     oldState,
     scheduledState
   } = get(uid);
+  const diffResult = diff(oldState, scheduledState);
   set(uid, scheduledState, scheduledState);
   const commands = applyRender(oldState, scheduledState, diffResult);
   return commands;
@@ -6858,8 +7494,9 @@ const revealItemHidden = async (state, uri) => {
   const pathPartsChildrenFlat = pathPartsChildren.flat();
   const orderedPathParts = orderDirents(pathPartsChildrenFlat);
   const mergedDirents = mergeVisibleWithHiddenItems(items, orderedPathParts);
+  const orderedDirents = orderDirents(mergedDirents);
   const expandedPaths = new Set(pathPartsToReveal.map(pathPart => pathPart.path));
-  const newDirents = mergedDirents.map(item => {
+  const newDirents = orderedDirents.map(item => {
     if (expandedPaths.has(item.path) && item.type === Directory) {
       return {
         ...item,
@@ -7044,13 +7681,16 @@ const updateEditingValue = async (state, value, inputSource = User) => {
     editingIndex,
     editingType,
     focusedIndex,
-    items} = state;
+    items,
+    pathSeparator} = state;
   const editingIcon = await getEditingIcon(editingType, value, items[editingIndex]?.type);
 
   // Get sibling file names for validation during file/folder creation
   let siblingFileNames = [];
   if (editingType === CreateFile || editingType === CreateFolder) {
     siblingFileNames = getSiblingFileNames(items, focusedIndex);
+  } else if (editingType === Rename$1) {
+    siblingFileNames = getRenameSiblingFileNames(items, editingIndex, pathSeparator);
   }
   const editingErrorMessage = validateFileName2(value, siblingFileNames);
   return {
@@ -7122,8 +7762,8 @@ const commandMap = {
   'Explorer.handleResize': wrapListItemCommand(handleResize),
   'Explorer.handleUpload': wrapListItemCommand(handleUpload),
   'Explorer.handleWheel': wrapListItemCommand(handleWheel),
-  'Explorer.handleWorkspaceChange': wrapListItemCommand(handleWorkspaceChange),
-  'Explorer.handleWorkspaceRefresh': wrapListItemCommand(handleWorkspaceRefresh),
+  'Explorer.handleWorkspaceChange': wrapListItemCommandImmediate(handleWorkspaceChange),
+  'Explorer.handleWorkspaceRefresh': wrapListItemCommandImmediate(handleWorkspaceRefresh),
   'Explorer.initialize': initialize,
   'Explorer.loadContent': wrapListItemCommand(loadContent),
   'Explorer.newFile': wrapListItemCommand(newFile),

package/package.json

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