@lvce-editor/static-server 0.84.3 → 0.84.5

package/static/c0d5a88/css/parts/ViewletDiffEditor.css

@@ -0,0 +1,326 @@
+:root {
+  --InsertionBackground: rgba(155, 185, 85, 0.4);
+  --DeletionBackground: rgba(255, 0, 0, 0.4);
+  --ScrollBarShadow: rgba(0, 0, 0, 0.14);
+}
+
+.DiffEditor {
+  color: rgb(188, 190, 190);
+  contain: strict;
+  display: flex;
+  flex: 1;
+  position: relative;
+  width: 100%;
+}
+
+.DiffEditorWithSearch {
+  flex-direction: column;
+}
+
+.DiffEditorBody {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+}
+
+.DiffSearchHeader {
+  align-items: center;
+  box-sizing: border-box;
+  display: flex;
+  flex-shrink: 0;
+  height: 40px;
+  padding: 6px 12px;
+}
+
+.DiffSearchInput {
+  background: rgba(255, 255, 255, 0.08);
+  border: 1px solid rgba(255, 255, 255, 0.16);
+  border-radius: 4px;
+  box-sizing: border-box;
+  font: 13px system-ui, sans-serif;
+  height: 28px;
+  max-width: 320px;
+  min-width: 120px;
+  outline: none;
+  padding: 0 8px;
+  width: 100%;
+}
+
+.DiffSearchInput:focus {
+  border-color: rgba(116, 178, 255, 0.72);
+}
+
+.DiffEditorButtons {
+  align-items: center;
+  display: inline-flex;
+  gap: 8px;
+  position: absolute;
+  right: 14px;
+  top: 8px;
+  z-index: 2;
+}
+
+.DiffEditorModeToggle,
+.DiffEditorWhitespaceToggle {
+  align-items: center;
+  background: rgba(255, 255, 255, 0.08);
+  border: 1px solid rgba(255, 255, 255, 0.16);
+  border-radius: 4px;
+  cursor: pointer;
+  display: inline-flex;
+  font: 12px system-ui, sans-serif;
+  height: 28px;
+  padding: 0 10px;
+}
+
+.DiffEditorModeToggle:hover,
+.DiffEditorWhitespaceToggle:hover {
+  background: rgba(255, 255, 255, 0.14);
+}
+
+.DiffEditorWhitespaceToggleActive {
+  background: rgba(74, 144, 226, 0.24);
+  border-color: rgba(116, 178, 255, 0.58);
+}
+
+.DiffEditorHorizontal {
+  flex-direction: row;
+}
+
+.DiffEditorVertical {
+  flex-direction: column;
+}
+
+.DiffEditorWithSearch.DiffEditorHorizontal,
+.DiffEditorWithSearch.DiffEditorVertical {
+  flex-direction: column;
+}
+
+.DiffEditorBody.DiffEditorVertical {
+  flex-direction: column;
+}
+
+.DiffEditorBody.DiffEditorHorizontal {
+  flex-direction: row;
+}
+
+.DiffEditorContent {
+  contain: strict;
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  height: 100%;
+  overflow: hidden;
+  position: relative !important;
+  user-select: text;
+}
+
+.DiffEditorContentLeft,
+.DiffEditorContentRight {
+  align-items: stretch;
+  display: flex;
+  min-height: 0;
+  min-width: 0;
+  overflow: hidden;
+  position: relative;
+}
+
+.DiffEditorGutter {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  font-family: monospace;
+  font-variant-numeric: tabular-nums;
+  overflow: hidden;
+  text-align: right;
+  user-select: none;
+}
+
+.DiffEditorLineNumber {
+  border-left: 2px solid transparent;
+  box-sizing: border-box;
+  padding: 0 10px 0 6px;
+  white-space: pre;
+}
+
+.DiffEditor .DiffEditorLineNumberMeta {
+  color: rgba(255, 255, 255, 0.4);
+}
+
+.DiffEditorLineNumberEmpty {
+  background-image: repeating-linear-gradient(135deg, transparent 0, transparent 5px, rgba(255, 255, 255, 0.06) 5px, rgba(255, 255, 255, 0.06) 6px);
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+
+.DiffEditorRows {
+  contain: layout paint style;
+  cursor: text;
+  flex: 1 1 auto;
+  font-family: monospace;
+  height: 100%;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.DiffEditor .EditorRow {
+  box-sizing: border-box;
+  padding: 0 12px;
+  white-space: pre;
+}
+
+.DiffEditorSelections {
+  inset: 0;
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
+}
+
+.DiffEditor .EditorCursor {
+  background: red;
+  position: absolute;
+  width: 2px;
+}
+
+.DiffEditorInputWrapper {
+  contain: strict;
+  height: 0;
+  position: absolute;
+  width: 0;
+  z-index: 1;
+}
+
+.DiffEditorInput {
+  background: transparent;
+  border: 0;
+  color: transparent;
+  cursor: text;
+  height: 0;
+  outline: none;
+  padding: 0;
+  position: absolute;
+  width: 0;
+}
+
+.DiffEditor .Deletion {
+  background: rgba(248, 81, 73, 0.18);
+}
+
+.DiffEditor .Insertion {
+  background: rgba(46, 160, 67, 0.18);
+}
+
+.DiffEditor .GitButtons {
+  background: rgba(255, 255, 255, 0.06);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.75);
+  font-size: 12px;
+}
+
+.DiffEditor .IncomingChange {
+  background: rgba(46, 160, 67, 0.16);
+  color: rgba(183, 247, 192, 0.95);
+  font-size: 12px;
+}
+
+.DiffEditor .DiffToken--changed {
+  background: rgba(245, 158, 11, 0.22);
+  border-radius: 4px;
+}
+
+.DiffEditorLineMissing {
+  background-image: repeating-linear-gradient(135deg, transparent 0, transparent 5px, rgba(255, 255, 255, 0.06) 5px, rgba(255, 255, 255, 0.06) 6px);
+  box-shadow: none;
+}
+
+.ImageContent {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  overflow: auto;
+}
+
+.ImageElement {
+  display: block;
+  max-height: 100%;
+  max-width: 100%;
+  object-fit: contain;
+}
+
+.DiffEditorContentRight {
+  box-shadow: -6px 0 5px -5px var(--ScrollBarShadow);
+}
+
+.DiffEditorError {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.DiffEditorErrorMessage {
+  font-weight: 600;
+}
+
+.Sash {
+  flex-shrink: 0;
+}
+
+.SashVertical {
+  cursor: col-resize;
+}
+
+.SashHorizontal {
+  cursor: row-resize;
+}
+
+.DiffScrollBar {
+  background-color: rgba(128, 128, 128, 0.15);
+  border-radius: 4px;
+  height: 100%;
+  position: absolute;
+  right: 2px;
+  top: 0;
+  width: 8px;
+}
+
+.DiffScrollBarThumb {
+  background: rgba(128, 128, 128, 0.45);
+  border-radius: 4px;
+  cursor: pointer;
+  position: absolute;
+  width: 100%;
+}
+
+.DiffEditor .Sash {
+  position: relative;
+}
+
+.DiffEditorErrorCodeFrame,
+.DiffEditorErrorStack {
+  background: rgba(0, 0, 0, 0.22);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-left: 3px solid rgba(248, 81, 73, 0.6);
+  border-radius: 6px;
+  box-sizing: border-box;
+  color: rgba(255, 255, 255, 0.86);
+  font-family: monospace;
+  font-size: 12px;
+  line-height: 1.5;
+  max-width: 100%;
+  min-width: 0;
+  overflow: auto;
+  padding: 8px 10px;
+  user-select: text;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.DiffEditorErrorStackLink {
+  color: inherit;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  white-space: nowrap;
+}

package/static/{5165d68 → c0d5a88}/manifest.json

@@ -11,13 +11,13 @@
   "display_override": ["window-controls-overlay", "minimal-ui"],
   "icons": [
     {
-      "src": "/5165d68/icons/pwa-icon-192.png",
+      "src": "/c0d5a88/icons/pwa-icon-192.png",
       "type": "image/png",
       "sizes": "192x192",
       "purpose": "any maskable"
     },
     {
-      "src": "/5165d68/icons/pwa-icon-512.png",
+      "src": "/c0d5a88/icons/pwa-icon-512.png",
       "type": "image/png",
       "sizes": "512x512",
       "purpose": "any maskable"

package/static/{5165d68 → c0d5a88}/packages/about-view-worker/dist/aboutWorkerMain.js

@@ -1281,9 +1281,9 @@ const handleFocusIn = async state => {
   };
 };
 
-const commit = '5165d68';
+const commit = 'c0d5a88';
 
-const commitDate = '2026-06-20T08:39:27.000Z';
+const commitDate = '2026-06-22T10:42:55.000Z';
 
 const OneSecondAgo = '1 second ago';
 const SomeSecondsAgo = '{PH1} seconds ago';
@@ -1572,7 +1572,7 @@ const getBrowser = () => {
   return `${navigator.userAgent}`;
 };
 
-const version = '0.84.3';
+const version = '0.84.5';
 
 const getDetailStringWeb = () => {
   const now = Date.now();

package/static/{5165d68 → c0d5a88}/packages/explorer-worker/dist/explorerViewWorkerMain.js

@@ -1667,11 +1667,31 @@ const getChildDirentsRaw = async uri => {
 };
 
 const RE_CHARACTERS = /^[a-zA-Z.-]+$/;
+const RE_LEADING_DIGITS = /^\d+/;
+const compareLeadingDigits = (a, b) => {
+  const normalizedA = a.replace(/^0+/, '') || '0';
+  const normalizedB = b.replace(/^0+/, '') || '0';
+  if (normalizedA.length !== normalizedB.length) {
+    return normalizedA.length - normalizedB.length;
+  }
+  if (normalizedA !== normalizedB) {
+    return normalizedA < normalizedB ? -1 : 1;
+  }
+  return a.length - b.length;
+};
+const compareLeadingNumbers = (a, b) => {
+  const leadingDigitsA = a.match(RE_LEADING_DIGITS)?.[0];
+  const leadingDigitsB = b.match(RE_LEADING_DIGITS)?.[0];
+  if (leadingDigitsA && leadingDigitsB) {
+    return compareLeadingDigits(leadingDigitsA, leadingDigitsB);
+  }
+  return 0;
+};
 const compareStringNumeric = (a, b) => {
   if (RE_CHARACTERS.test(a) && RE_CHARACTERS.test(b)) {
     return a < b ? -1 : 1;
   }
-  return a.localeCompare(b, 'en', {
+  return compareLeadingNumbers(a, b) || a.localeCompare(b, 'en', {
     numeric: true
   });
 };
@@ -1739,14 +1759,11 @@ const getChildDirents = async (pathSeparator, parentDirentPath, parentDirentDept
   return displayDirents;
 };
 
-const isTopLevel = dirent => {
-  return dirent.depth === 1;
-};
-
 const orderDirents = dirents => {
   if (dirents.length === 0) {
     return dirents;
   }
+  const minDepth = Math.min(...dirents.map(dirent => dirent.depth));
   const withDeepChildren = (parent, processed) => {
     if (processed.has(parent.path)) {
       return [];
@@ -1760,7 +1777,7 @@ const orderDirents = dirents => {
     }
     return [parent, ...children];
   };
-  const topLevelDirents = dirents.filter(isTopLevel);
+  const topLevelDirents = dirents.filter(dirent => dirent.depth === minDepth);
   const processed = new Set();
   const ordered = topLevelDirents.flatMap(dirent => withDeepChildren(dirent, processed));
   return ordered;
@@ -2060,14 +2077,23 @@ const computeExplorerRenamedDirentUpdate = (root, parentPath, oldUri, children,
   const relativeOldPath = oldUri.slice(rootLength);
   const relativeNewUri = newUri.slice(rootLength);
   const update = Object.create(null);
-  update[relativeDirname] = children;
   const oldItems = tree[relativeOldPath] || [];
+  update[relativeDirname] = children.map(child => {
+    if (oldItems.length > 0 && child.path === newUri && child.type === Directory) {
+      return {
+        ...child,
+        type: DirectoryExpanded
+      };
+    }
+    return child;
+  });
   update[relativeNewUri] = oldItems;
   for (const [key, value] of Object.entries(tree)) {
-    if (key.startsWith(`${relativeOldPath}/`)) {
-      const newKey = relativeNewUri + key.slice(relativeOldPath.length);
-      update[newKey] = value;
+    if (!key.startsWith(`${relativeOldPath}/`)) {
+      continue;
     }
+    const newKey = relativeNewUri + key.slice(relativeOldPath.length);
+    update[newKey] = value;
   }
   return update;
 };
@@ -2244,6 +2270,10 @@ const cancelTypeAhead = state => {
   };
 };
 
+const isTopLevel = dirent => {
+  return dirent.depth === 1;
+};
+
 const toCollapsedDirent = dirent => {
   if (dirent.type === DirectoryExpanded) {
     return {
@@ -2911,6 +2941,9 @@ const {
   set,
   wrapGetter
 } = create$a();
+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 {
@@ -2938,10 +2971,10 @@ const wrapListItemCommand = fn => {
     } = updatedState;
     const intermediate = get(id);
     set(id, intermediate.oldState, updatedState);
-    const maxLineY = getExplorerMaxLineY(minLineY, height, itemHeight, items.length);
-    if (items === intermediate.newState.items && minLineY === intermediate.newState.minLineY && height === intermediate.newState.height && itemHeight === intermediate.newState.itemHeight && editingIcon === intermediate.newState.editingIcon && cutItems === intermediate.newState.cutItems && editingErrorMessage === intermediate.newState.editingErrorMessage && dropTargets === intermediate.newState.dropTargets && fileIconCache === intermediate.newState.fileIconCache && decorations === intermediate.newState.decorations) {
+    if (hasSameVisibleExplorerItemInputs(intermediate.newState, updatedState)) {
       return;
     }
+    const maxLineY = getExplorerMaxLineY(minLineY, height, itemHeight, items.length);
     const visible = items.slice(minLineY, maxLineY);
     const {
       icons,
@@ -3113,25 +3146,26 @@ const expandAll = async state => {
   } = dirent;
   const newDirents = [...items];
   // TODO fetch child dirents in parallel
-  for (const dirent of newDirents) {
-    if (dirent.depth === depth && dirent.type === Directory) {
-      // TODO expand
-      // TODO avoid mutating state here
-      // @ts-ignore
-      dirent.type = DirectoryExpanding;
-      // TODO handle error
-      // TODO race condition
-      const childDirents = await getChildDirents(pathSeparator, dirent.path, dirent.depth);
-      const newIndex = newDirents.indexOf(dirent);
-      if (newIndex === -1) {
-        continue;
-      }
-      newDirents.splice(newIndex + 1, 0, ...childDirents);
-      // TODO avoid mutating state here
-      // @ts-ignore
-      dirent.type = DirectoryExpanded;
-      // await expand(state, dirent.index)
+  for (const dirent of items) {
+    if (dirent.depth !== depth || dirent.type !== Directory) {
+      continue;
+    }
+    // TODO expand
+    // TODO avoid mutating state here
+    // @ts-ignore
+    dirent.type = DirectoryExpanding;
+    // TODO handle error
+    // TODO race condition
+    const childDirents = await getChildDirents(pathSeparator, dirent.path, dirent.depth);
+    const newIndex = newDirents.indexOf(dirent);
+    if (newIndex === -1) {
+      continue;
     }
+    newDirents.splice(newIndex + 1, 0, ...childDirents);
+    // TODO avoid mutating state here
+    // @ts-ignore
+    dirent.type = DirectoryExpanded;
+    // await expand(state, dirent.index)
   }
   return {
     ...state,
@@ -3290,11 +3324,7 @@ const lastIndex = array => {
   return array.length - 1;
 };
 const fromAsync = async asyncIterable => {
-  const children = [];
-  for await (const value of asyncIterable) {
-    children.push(value);
-  }
-  return children;
+  return Array.fromAsync(asyncIterable);
 };
 
 const focusLast = state => {
@@ -4294,12 +4324,19 @@ const handleContextMenuAtIndex = async (state, index, x, y) => {
   number(x);
   number(y);
   const {
+    items,
     uid
   } = state;
+  const contextMenuItem = items[index];
+  const newItems = contextMenuItem && !contextMenuItem.selected ? items.map(item => ({
+    ...item,
+    selected: false
+  })) : items;
   const newState = {
     ...state,
     focused: false,
-    focusedIndex: index
+    focusedIndex: index,
+    items: newItems
   };
   set(uid, state, newState);
   await show2(uid, Explorer, x, y, {
@@ -5572,13 +5609,14 @@ const handleUpload = async (state, dirents) => {
     // TODO switch
     // TODO symlink might not be possible to be copied
     // TODO create folder if type is 2
-    if (dirent.type === /* File */1) {
-      // TODO reading text might be inefficient for binary files
-      // but not sure how else to send them via jsonrpc
-      const content = await dirent.file.text();
-      const absolutePath = [root, dirent.file.name].join(pathSeparator);
-      await writeFile(absolutePath, content);
+    if (dirent.type !== /* File */1) {
+      continue;
     }
+    // TODO reading text might be inefficient for binary files
+    // but not sure how else to send them via jsonrpc
+    const content = await dirent.file.text();
+    const absolutePath = [root, dirent.file.name].join(pathSeparator);
+    await writeFile(absolutePath, content);
   }
 };
 
@@ -5661,7 +5699,7 @@ const confirmDelete = async paths => {
   // TODO use i18n string
   const message = paths.length === 1 ? `Are you sure you want to delete "${paths[0]}"?` : `Are you sure you want to delete ${paths.length} items?`;
   const result = await confirm(message);
-  return result === true;
+  return result;
 };
 
 const showErrorAlert = async errorMessage => {
@@ -6604,7 +6642,17 @@ const revealItemHidden = async (state, uri) => {
   const pathPartsChildrenFlat = pathPartsChildren.flat();
   const orderedPathParts = orderDirents(pathPartsChildrenFlat);
   const mergedDirents = mergeVisibleWithHiddenItems(items, orderedPathParts);
-  const index = getIndex(mergedDirents, uri);
+  const expandedPaths = new Set(pathPartsToReveal.map(pathPart => pathPart.path));
+  const newDirents = mergedDirents.map(item => {
+    if (expandedPaths.has(item.path) && item.type === Directory) {
+      return {
+        ...item,
+        type: DirectoryExpanded
+      };
+    }
+    return item;
+  });
+  const index = getIndex(newDirents, uri);
   if (index === -1) {
     throw new Error(`File not found in explorer ${uri}`);
   }
@@ -6616,7 +6664,7 @@ const revealItemHidden = async (state, uri) => {
     ...state,
     focused: true,
     focusedIndex: index,
-    items: mergedDirents,
+    items: newDirents,
     maxLineY: newMaxLineY,
     minLineY: newMinLineY
   };