@lvce-editor/static-server 0.61.16 → 0.62.0

package/static/{7697c47 → 2a5a40f}/packages/explorer-worker/dist/explorerViewWorkerMain.js

@@ -533,7 +533,7 @@ const create$4$1 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$8 = (id, fn) => {
+const set$7 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$2 = id => {
@@ -552,7 +552,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$8(id, resolve);
+  set$7(id, resolve);
   return {
     id,
     promise
@@ -893,14 +893,14 @@ const invokeHelper = async (ipc, method, params, useSendAndTransfer) => {
   const responseMessage = await promise;
   return unwrapJsonRpcResult(responseMessage);
 };
-const send = (transport, method, ...params) => {
+const send$1 = (transport, method, ...params) => {
   const message = create$4$1(method, params);
   transport.send(message);
 };
 const invoke$5 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
-const invokeAndTransfer$3 = (ipc, method, ...params) => {
+const invokeAndTransfer$2 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
@@ -933,13 +933,13 @@ const createRpc = ipc => {
      * @deprecated
      */
     send(method, ...params) {
-      send(ipc, method, ...params);
+      send$1(ipc, method, ...params);
     },
     invoke(method, ...params) {
       return invoke$5(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
-      return invokeAndTransfer$3(ipc, method, ...params);
+      return invokeAndTransfer$2(ipc, method, ...params);
     },
     async dispose() {
       await ipc?.dispose();
@@ -1169,7 +1169,7 @@ const Alt = 1 << 9 >>> 0;
 const DebugWorker = 55;
 const FileSystemWorker$1 = 209;
 const RendererWorker$1 = 1;
-const IconThemeWorker$1 = 7009;
+const IconThemeWorker = 7009;
 
 const FocusElementByName = 'Viewlet.focusElementByName';
 const FocusSelector = 'Viewlet.focusSelector';
@@ -1181,7 +1181,7 @@ const FocusExplorer = 13;
 const FocusExplorerEditBox = 14;
 
 const rpcs = Object.create(null);
-const set$7 = (id, rpc) => {
+const set$6 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$1 = id => {
@@ -1203,7 +1203,7 @@ const create$1 = rpcId => {
       return rpc.invokeAndTransfer(method, ...params);
     },
     set(rpc) {
-      set$7(rpcId, rpc);
+      set$6(rpcId, rpc);
     },
     async dispose() {
       const rpc = get$1(rpcId);
@@ -1214,9 +1214,9 @@ const create$1 = rpcId => {
 
 const {
   invoke: invoke$4,
-  invokeAndTransfer: invokeAndTransfer$2,
-  set: set$6,
-  dispose: dispose$2
+  invokeAndTransfer: invokeAndTransfer$1,
+  set: set$5,
+  dispose: dispose$1
 } = create$1(FileSystemWorker$1);
 const remove$1 = async dirent => {
   return invoke$4('FileSystem.remove', dirent);
@@ -1274,56 +1274,36 @@ const FileSystemWorker = {
   appendFile,
   copy: copy$2,
   createFile,
-  dispose: dispose$2,
+  dispose: dispose$1,
   exists,
   getFolderSize: getFolderSize$1,
   getPathSeparator: getPathSeparator$2,
   getRealPath: getRealPath$1,
   invoke: invoke$4,
-  invokeAndTransfer: invokeAndTransfer$2,
+  invokeAndTransfer: invokeAndTransfer$1,
   mkdir: mkdir$1,
   readDirWithFileTypes: readDirWithFileTypes$1,
   readFile: readFile$1,
   readFileAsBlob,
   remove: remove$1,
   rename: rename$2,
-  set: set$6,
+  set: set$5,
   stat: stat$1,
   writeFile: writeFile$1
 };
 
 const {
   invoke: invoke$3,
-  invokeAndTransfer: invokeAndTransfer$1,
-  set: set$5,
-  dispose: dispose$1
-} = create$1(IconThemeWorker$1);
+  set: set$4} = create$1(IconThemeWorker);
 const getIcons$1 = async iconRequests => {
   // @ts-ignore
   return invoke$3('IconTheme.getIcons', iconRequests);
 };
-const registerMockRpc$1 = commandMap => {
-  const mockRpc = createMockRpc({
-    commandMap
-  });
-  set$5(mockRpc);
-  return mockRpc;
-};
-
-const IconThemeWorker = {
-  __proto__: null,
-  dispose: dispose$1,
-  getIcons: getIcons$1,
-  invoke: invoke$3,
-  invokeAndTransfer: invokeAndTransfer$1,
-  registerMockRpc: registerMockRpc$1,
-  set: set$5
-};
 
 const {
   invoke: invoke$2,
   invokeAndTransfer,
-  set: set$4,
+  set: set$3,
   dispose
 } = create$1(RendererWorker$1);
 const searchFileHtml = async uri => {
@@ -1590,7 +1570,7 @@ const registerMockRpc = commandMap => {
   const mockRpc = createMockRpc({
     commandMap
   });
-  set$4(mockRpc);
+  set$3(mockRpc);
   return mockRpc;
 };
 
@@ -1658,7 +1638,7 @@ const RendererWorker = {
   sendMessagePortToRendererProcess,
   sendMessagePortToSearchProcess,
   sendMessagePortToSyntaxHighlightingWorker,
-  set: set$4,
+  set: set$3,
   setAdditionalFocus,
   setColorTheme,
   setExtensionsSearchValue,
@@ -1677,19 +1657,18 @@ const RendererWorker = {
 
 const {
   invoke: invoke$1,
-  set: set$3,
+  set: set$2,
   writeClipBoardText,
   confirm,
   showContextMenu,
-  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1
-} = RendererWorker;
+  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1} = RendererWorker;
 
 // TODO use direct connection
 const invoke = async (method, ...params) => {
   return invoke$1(method, ...params);
 };
 const {
-  set: set$2
+  set: set$1
 } = FileSystemWorker;
 
 const remove = async dirent => {
@@ -2605,7 +2584,7 @@ const requestFileIcons = async requests => {
     return [];
   }
   const simpleRequests = requests.map(toSimpleIconRequest);
-  const icons = await invoke$1('IconTheme.getIcons', simpleRequests);
+  const icons = await getIcons$1(simpleRequests);
   return icons;
 };
 
@@ -2730,9 +2709,9 @@ const text = data => {
   };
 };
 
-const getTreeItemClassName = (isSelected, isFocused, isDropping, useChevrons, depth) => {
+const getTreeItemClassName = (isSelected, isFocused, isDropping, useChevrons, indent) => {
   let className = TreeItem$1;
-  className = mergeClassNames(className, `Indent-${depth}`);
+  className = mergeClassNames(className, `Indent-${indent}`);
   if (isSelected || isFocused) {
     className = mergeClassNames(className, TreeItemActive);
   }
@@ -2742,9 +2721,9 @@ const getTreeItemClassName = (isSelected, isFocused, isDropping, useChevrons, de
   return className;
 };
 
-const defaultIndent$1 = 1;
+const defaultIndent$1 = 12;
 const getTreeItemIndent = depth => {
-  return `${depth * defaultIndent$1}rem`;
+  return depth * defaultIndent$1;
 };
 
 // TODO make all of these variable configurable
@@ -2756,7 +2735,7 @@ const chevronSize = 22;
 const getTreeItemIndentWithChevron = (depth, chevron) => {
   // TODO use numeric value here, convert to string value in renderer process
   const extraSpace = chevron ? 0 : chevronSize;
-  return `${depth * defaultIndent + extraSpace + defaultPaddingLeft}px`;
+  return depth * defaultIndent + extraSpace + defaultPaddingLeft;
 };
 
 const ariaExpandedValues = [undefined, 'true', 'false'];
@@ -2783,7 +2762,8 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
     const isCut = cutItems.includes(item.path);
     const isDropping = dropTargets.includes(i);
     const isIgnored = sourceControlIgnoredUris.includes(item.path);
-    const className = getTreeItemClassName(isSelected, isFocused, isDropping, useChevrons, item.depth); // TODO compute classname in dom function
+    const indent = indentFn(item.depth, chevron);
+    const className = getTreeItemClassName(isSelected, isFocused, isDropping, useChevrons, indent);
     const expanded = getExpandedType(item.type);
     const ariaExpanded = ariaExpandedValues[expanded];
     const isEditing = i === editingIndex;
@@ -2792,7 +2772,6 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
       icon = editingIcon;
       chevron = getEditingChevron(item.type);
     }
-    const indent = indentFn(item.depth, chevron);
     visible.push({
       ...item,
       posInSet: item.posInSet ?? i + 1,
@@ -2815,7 +2794,7 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
 
 const {
   get,
-  set: set$1,
+  set,
   registerCommands,
   getCommandIds,
   wrapGetter
@@ -2844,7 +2823,7 @@ const wrapListItemCommand = fn => {
       fileIconCache
     } = updatedState;
     const intermediate = get(id);
-    set$1(id, intermediate.oldState, updatedState);
+    set(id, intermediate.oldState, updatedState);
     const maxLineY = getExplorerMaxLineY(minLineY, height, itemHeight, items.length);
     if (items === intermediate.newState.items && minLineY === intermediate.newState.minLineY && editingIcon === intermediate.newState.editingIcon && cutItems === intermediate.newState.cutItems && editingErrorMessage === intermediate.newState.editingErrorMessage && dropTargets === intermediate.newState.dropTargets) {
       return;
@@ -2863,7 +2842,7 @@ const wrapListItemCommand = fn => {
       maxLineY
     };
     const intermediate2 = get(id);
-    set$1(id, intermediate2.oldState, finalState);
+    set(id, intermediate2.oldState, finalState);
   };
   return wrappedCommand;
 };
@@ -2925,7 +2904,7 @@ const create2 = (uid, uri, x, y, width, height, args, parentUid, platform = 0) =
     errorMessageTop: 0,
     visibleExplorerItems: []
   };
-  set$1(uid, state, state);
+  set(uid, state, state);
 };
 
 // TODO parentUid might ot be needed
@@ -2981,12 +2960,15 @@ const create = (id, uri, x, y, width, height, args, parentUid, platform = 0) =>
     errorMessageTop: 0,
     visibleExplorerItems: []
   };
-  set$1(state.uid, state, state);
+  set(state.uid, state, state);
   return state;
 };
 
 const isEqual$6 = (oldState, newState) => {
-  return oldState.scrollBarHeight === newState.scrollBarHeight && oldState.scrollBarActive === newState.scrollBarActive && oldState.maxIndent === newState.maxIndent;
+  // TODO compute css more optimized
+  // maybe only when items change, and even then not
+  // always, but only when it affects the css
+  return oldState.scrollBarHeight === newState.scrollBarHeight && oldState.scrollBarActive === newState.scrollBarActive && oldState.maxIndent === newState.maxIndent && oldState.visibleExplorerItems === newState.visibleExplorerItems;
 };
 
 const isEqual$5 = (oldState, newState) => {
@@ -3116,7 +3098,9 @@ const getChildDirentsRecursively = async (dirent, pathSeparator) => {
 
 const getParentEndIndex = (dirents, index) => {
   const dirent = dirents[index];
-  const depth = dirent.depth;
+  const {
+    depth
+  } = dirent;
   let endIndex = index + 1;
   while (endIndex < dirents.length && dirents[endIndex].depth > depth) {
     endIndex++;
@@ -3972,6 +3956,22 @@ const show = async (x, y, id, ...args) => {
 
 const Explorer = 4;
 
+const handleContextMenuAtIndex = async (state, index, x, y) => {
+  number(x);
+  number(y);
+  const {
+    uid
+  } = state;
+  const newState = {
+    ...state,
+    focusedIndex: index,
+    focused: false
+  };
+  set(uid, state, newState);
+  await show(x, y, Explorer);
+  return newState;
+};
+
 const handleContextMenuKeyboard = async state => {
   const {
     focusedIndex,
@@ -3982,22 +3982,14 @@ const handleContextMenuKeyboard = async state => {
   } = state;
   const menuX = x;
   const menuY = y + (focusedIndex - minLineY + 1) * itemHeight;
-  await show(menuX, menuY, Explorer);
-  return state;
+  return handleContextMenuAtIndex(state, focusedIndex, menuX, menuY);
 };
 
 const handleContextMenuMouseAt = async (state, x, y) => {
   number(x);
   number(y);
   const focusedIndex = getIndexFromPosition(state, x, y);
-  const newState = {
-    ...state,
-    focusedIndex,
-    focused: false
-  };
-  set$1(state.uid, state, newState);
-  await show(x, y, Explorer);
-  return state;
+  return handleContextMenuAtIndex(state, focusedIndex, x, y);
 };
 
 const getContextMenuHandler = button => {
@@ -5132,14 +5124,17 @@ const createFileSystemWorkerRpc = async () => {
 
 const initializeFileSystemWorker = async () => {
   const rpc = await createFileSystemWorkerRpc();
-  set$2(rpc);
+  set$1(rpc);
 };
 
+const send = port => {
+  return sendMessagePortToIconThemeWorker(port, 0);
+};
 const createIconThemeWorkerRpc = async () => {
   try {
     const rpc = await TransferMessagePortRpcParent.create({
       commandMap: {},
-      send: sendMessagePortToFileSystemWorker
+      send
     });
     return rpc;
   } catch (error) {
@@ -5147,12 +5142,9 @@ const createIconThemeWorkerRpc = async () => {
   }
 };
 
-const {
-  set} = IconThemeWorker;
-
 const initializeIconThemeWorker = async () => {
   const rpc = await createIconThemeWorkerRpc();
-  set(rpc);
+  set$4(rpc);
 };
 
 const initialize = async () => {
@@ -5417,22 +5409,39 @@ const renameDirent = async state => {
   };
 };
 
-const renderCss = (oldState, newState) => {
-  const {
-    scrollBarHeight,
-    uid,
-    maxIndent
-  } = newState;
+const getCss = (scrollBarHeight, uniqueIndents) => {
+  // TODO each visible item should have an indent property
   const rules = [`.Explorer {
   --ScrollBarThumbHeight: ${scrollBarHeight}px;
-`];
-  for (let i = 0; i < maxIndent; i++) {
-    const indent = getTreeItemIndent(i);
-    rules.push(`.Indent-${i} {
-  padding-left: ${indent};
+}`];
+  for (const item of uniqueIndents) {
+    rules.push(`.Indent-${item} {
+  padding-left: ${item}px;
 }`);
   }
   const css = rules.join('\n');
+  return css;
+};
+
+const getUnique = items => {
+  const seens = [];
+  for (const item of items) {
+    if (!seens.includes(item)) {
+      seens.push(item);
+    }
+  }
+  return seens;
+};
+
+const renderCss = (oldState, newState) => {
+  const {
+    scrollBarHeight,
+    uid,
+    visibleExplorerItems
+  } = newState;
+  const indents = visibleExplorerItems.map(item => item.indent);
+  const uniqueIndents = getUnique(indents);
+  const css = getCss(scrollBarHeight, uniqueIndents);
   return [SetCss, uid, css];
 };
 
@@ -5666,7 +5675,6 @@ const getExplorerItemVirtualDom = item => {
     hasEditingError,
     icon,
     id,
-    indent,
     isEditing,
     name,
     path,
@@ -5687,7 +5695,6 @@ const getExplorerItemVirtualDom = item => {
     ariaSetSize: setSize,
     ariaLevel: depth,
     childCount: 2 + chevronDom.length,
-    paddingLeft: indent,
     ariaLabel: name,
     ariaExpanded,
     ariaDescription: '',
@@ -5872,7 +5879,7 @@ const render2 = (uid, diffResult) => {
     oldState,
     newState
   } = get(uid);
-  set$1(uid, newState, newState);
+  set(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -6386,7 +6393,7 @@ const listen = async () => {
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
-  set$3(rpc);
+  set$2(rpc);
 };
 
 const main = async () => {

package/static/{7697c47 → 2a5a40f}/packages/extension-host-worker/dist/extensionHostWorkerMain.js

@@ -2743,7 +2743,7 @@ const {
 });
 
 const getExtensionHostSubWorkerUrl = () => {
-  return '/7697c47/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
+  return '/2a5a40f/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
 };
 const extensionHostSubWorkerUrl = getExtensionHostSubWorkerUrl();
 
@@ -3018,9 +3018,9 @@ const getJson = async url => {
 
 const getAssetDir = () => {
   // @ts-ignore
-  if (typeof '/7697c47' !== 'undefined') {
+  if (typeof '/2a5a40f' !== 'undefined') {
     // @ts-ignore
-    return '/7697c47';
+    return '/2a5a40f';
   }
   if (platform === Electron) {
     return '../../../../..';

package/static/{7697c47 → 2a5a40f}/packages/renderer-process/dist/rendererProcessMain.js

@@ -2619,7 +2619,7 @@ const getAssetDir = () => {
   }
   return '';
 };
-const assetDir = '/7697c47';
+const assetDir = '/2a5a40f';
 
 const getConfiguredWorkerUrl = key => {
   if (typeof location === 'undefined' || typeof document === 'undefined') {

package/static/{7697c47 → 2a5a40f}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -96,7 +96,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/7697c47';
+    return '/2a5a40f';
   }
 };
 const assetDir = getAssetDir();
@@ -12351,7 +12351,7 @@ const selectIndexSubMenu = async (menu, item, index) => {
   }
   await showSubMenu(menu.level, menu.focusedIndex);
 };
-const selectIndexDefault = (menu, item, index) => {};
+const selectIndexDefault = async (menu, item, index) => {};
 const selectIndexIgnore = async (menu, item, index) => {
   await executeMenuItemCommand(item);
 };
@@ -12375,7 +12375,7 @@ const selectIndex$2 = async (level, index) => {
   menu.focusedIndex = index;
   const item = menu.items[menu.focusedIndex];
   const fn = getSelectIndexFunction(item.flags);
-  fn(menu, item, index);
+  await fn(menu, item, index);
 };
 const selectItem = text => {
   for (let level = 0; level < state$b.menus.length; level++) {