@lvce-editor/static-server 0.64.5 → 0.66.7

package/static/{488a9bc → 69eeedf}/packages/extension-host-worker/dist/extensionHostWorkerMain.js

@@ -2740,7 +2740,7 @@ const {
 });
 
 const getExtensionHostSubWorkerUrl = () => {
-  return '/488a9bc/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
+  return '/69eeedf/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 '/488a9bc' !== 'undefined') {
+  if (typeof '/69eeedf' !== 'undefined') {
     // @ts-ignore
-    return '/488a9bc';
+    return '/69eeedf';
   }
   if (platform === Electron) {
     return '../../../../..';

package/static/{488a9bc → 69eeedf}/packages/extension-search-view-worker/dist/extensionSearchViewWorkerMain.js

@@ -1117,6 +1117,33 @@ const terminate = () => {
   globalThis.close();
 };
 
+const None$3 = 'none';
+
+const Button$2 = 1;
+const Div = 4;
+const Input$1 = 6;
+const Text = 12;
+const Img = 17;
+
+const Button$1 = 'event.button';
+const ClientX = 'event.clientX';
+const ClientY = 'event.clientY';
+const DeltaMode = 'event.deltaMode';
+const DeltaY = 'event.deltaY';
+const TargetValue = 'event.target.value';
+
+const Script$1 = 2;
+
+const LeftClick = 0;
+
+const DebugWorker = 55;
+const ExtensionHostWorker = 44;
+const RendererWorker$1 = 1;
+
+const None$2 = 0;
+const Input = 1;
+const List$2 = 2;
+
 const handleError = async (error, notify = true, prefix = '') => {
   // @ts-ignore
   console.error(error);
@@ -1208,16 +1235,52 @@ const viewsAndMoreActions = () => {
   return i18nString(ViewsAndMoreActions);
 };
 
-const None$3 = 0;
-const Input$1 = 1;
-const List$2 = 2;
-
 const getFinalDeltaY = (height, itemHeight, itemsLength) => {
   const contentHeight = itemsLength * itemHeight;
   const finalDeltaY = Math.max(contentHeight - height, 0);
   return finalDeltaY;
 };
 
+const Button = 1;
+
+const HandleClearSearchResults = 1;
+const HandleClickFilter = 2;
+const HandleContextMenu = 3;
+const HandleExtensionsInput = 4;
+const HandleFocus = 5;
+const HandlePointerDown = 7;
+const HandleScrollBarMove = 9;
+const HandleScrollBarPointerCaptureLost = 10;
+const HandleScrollBarPointerDown = 11;
+const HandleTouchEnd = 12;
+const HandleTouchMove = 13;
+const HandleTouchStart = 14;
+const HandleWheel = 15;
+const HandleHeaderContextMenu = 16;
+
+const ClearAll = 'ClearAll';
+const Filter = 'Filter';
+const Refresh = 'Refresh';
+const Ellipsis = 'Ellipsis';
+
+const getInputActions = hasValue => {
+  const clearEnabled = hasValue;
+  const actions = [{
+    onClick: HandleClearSearchResults,
+    icon: `MaskIcon${ClearAll}`,
+    title: clearExtensionSearchResults(),
+    type: Button,
+    enabled: clearEnabled
+  }, {
+    icon: `MaskIcon${Filter}`,
+    title: filter(),
+    type: Button,
+    onClick: HandleClickFilter,
+    enabled: true
+  }];
+  return actions;
+};
+
 const getListHeight = (itemsLength, itemHeight, maxHeight) => {
   number(itemsLength);
   number(itemHeight);
@@ -1246,11 +1309,13 @@ const getScrollBarSize = (size, contentSize, minimumSliderSize) => {
 const User = 1;
 const Script = 2;
 
-const getScrollBarOffset$1 = (delta, finalDelta, size, scrollBarSize) => {
+const getScrollBarY$1 = (delta, finalDelta, size, scrollBarSize) => {
+  if (finalDelta === 0) {
+    return 0;
+  }
   const scrollBarOffset = delta / finalDelta * (size - scrollBarSize);
   return scrollBarOffset;
 };
-const getScrollBarY$1 = getScrollBarOffset$1;
 
 const Installed = '@installed';
 const Enabled = '@enabled';
@@ -1258,9 +1323,22 @@ const Disabled = '@disabled';
 const Builtin = '@builtin';
 const Sort = '@sort';
 const Id = '@id';
+const Category = '@category';
 const Outdated = '@outdated';
 
 const RE_PARAM = /@\w+/g;
+const deserializeCategory = value => {
+  if (value.startsWith(':"') && value.endsWith('"')) {
+    return value.slice(2, -1);
+  }
+  if (value.startsWith('"') && value.endsWith('"')) {
+    return value.slice(1, -1);
+  }
+  if (value.startsWith(':')) {
+    return value.slice(1);
+  }
+  return value.trim();
+};
 
 // TODO test sorting and filtering
 const parseValue = value => {
@@ -1271,6 +1349,7 @@ const parseValue = value => {
   let sort = '';
   let id = '';
   let outdated = false;
+  let category = '';
   // TODO this is not very functional code (assignment)
   const replaced = value.replaceAll(RE_PARAM, (match, by, order) => {
     if (match.startsWith(Installed)) {
@@ -1293,6 +1372,10 @@ const parseValue = value => {
       // TODO improve parsing
       id = value.replace('@id:', '');
     }
+    if (match.startsWith(Category)) {
+      const raw = value.replace('@category', '');
+      category = deserializeCategory(raw);
+    }
     if (match.startsWith(Outdated)) {
       outdated = true;
     }
@@ -1308,7 +1391,8 @@ const parseValue = value => {
     installed,
     id,
     sort,
-    isLocal
+    isLocal,
+    category
   };
 };
 
@@ -1320,10 +1404,18 @@ const matchesId = (extension, query) => {
   const extensionIdLower = extension.id.toLowerCase();
   return extensionIdLower.includes(query);
 };
+const matchesCategory = (extension, category) => {
+  return extension && typeof extension === 'object' && 'categories' in extension && Array.isArray(extension.categories) && extension.categories.some(item => {
+    return item.toLowerCase() === category;
+  });
+};
 const matchesParsedValue = (extension, parsedValue) => {
   if (parsedValue.id && extension.id) {
     return parsedValue.id === extension.id;
   }
+  if (parsedValue.category && matchesCategory(extension, parsedValue.category)) {
+    return true;
+  }
   if (extension.name) {
     return matchesName(extension, parsedValue.query);
   }
@@ -1369,6 +1461,8 @@ const searchExtensions = async (extensions, value, platform, assetDir) => {
 // TODO debounce
 const handleInput = async (state, value, inputSource = User) => {
   try {
+    const hasValue = value.length > 0;
+    const inputActions = getInputActions(hasValue);
     const {
       allExtensions,
       itemHeight,
@@ -1387,7 +1481,7 @@ const handleInput = async (state, value, inputSource = User) => {
         allExtensions,
         deltaY: 0,
         finalDeltaY: 0,
-        focus: Input$1,
+        focus: Input,
         items,
         maxLineY: 0,
         message: noExtensionsFound(),
@@ -1395,7 +1489,8 @@ const handleInput = async (state, value, inputSource = User) => {
         placeholder: searchExtensionsInMarketPlace(),
         scrollBarHeight: 0,
         searchValue: value,
-        inputSource
+        inputSource,
+        inputActions
       };
     }
     const total = items.length;
@@ -1419,7 +1514,8 @@ const handleInput = async (state, value, inputSource = User) => {
       scrollBarHeight,
       scrollBarY,
       searchValue: value,
-      inputSource
+      inputSource,
+      inputActions
     };
 
     // TODO handle out of order responses (a bit complicated)
@@ -1436,34 +1532,16 @@ const handleInput = async (state, value, inputSource = User) => {
 };
 
 const clearSearchResults = state => {
-  return handleInput(state, '');
+  return handleInput({
+    ...state,
+    focus: Input
+  }, '', Script$1);
 };
 
 const closeSuggest = state => {
   return state;
 };
 
-const None$2 = 'none';
-
-const Button$2 = 1;
-const Div = 4;
-const Input = 6;
-const Text = 12;
-const Img = 17;
-
-const Button$1 = 'event.button';
-const ClientX = 'event.clientX';
-const ClientY = 'event.clientY';
-const DeltaMode = 'event.deltaMode';
-const DeltaY = 'event.deltaY';
-const TargetValue = 'event.target.value';
-
-const LeftClick = 0;
-
-const DebugWorker = 55;
-const ExtensionHostWorker = 44;
-const RendererWorker$1 = 1;
-
 const rpcs = Object.create(null);
 const set$5 = (id, rpc) => {
   rpcs[id] = rpc;
@@ -1889,15 +1967,23 @@ const RendererWorker = {
   writeClipBoardText
 };
 
-const copyExtensionId = async state => {
+const getFocusedItem = state => {
   const {
     items,
     focusedIndex
   } = state;
   if (focusedIndex === -1) {
-    return state;
+    return undefined;
   }
   const item = items[focusedIndex];
+  return item;
+};
+
+const copyExtensionId = async state => {
+  const item = getFocusedItem(state);
+  if (!item) {
+    return state;
+  }
   const {
     id
   } = item;
@@ -1946,14 +2032,10 @@ const getExtensionInfoText = extension => {
 };
 
 const copyExtensionInfo = async state => {
-  const {
-    items,
-    focusedIndex
-  } = state;
-  if (focusedIndex === -1) {
+  const item = getFocusedItem(state);
+  if (!item) {
     return state;
   }
-  const item = items[focusedIndex];
   const text = getExtensionInfoText(item);
   await writeClipBoardText(text);
   return state;
@@ -1966,7 +2048,8 @@ const {
   wrapCommand,
   getCommandIds,
   registerCommands,
-  wrapGetter
+  wrapGetter,
+  diff
 } = create$2();
 
 const create = (id, uri, x, y, width, height, platform, assetDir) => {
@@ -2013,7 +2096,7 @@ const isEqual$2 = (oldState, newState) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.deltaY === newState.deltaY && oldState.focusedIndex === newState.focusedIndex && oldState.message === newState.message && oldState.inputActions === newState.inputActions && oldState.placeholder === newState.placeholder;
+  return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.deltaY === newState.deltaY && oldState.focusedIndex === newState.focusedIndex && oldState.message === newState.message && oldState.inputActions === newState.inputActions && oldState.placeholder === newState.placeholder && oldState.scrollBarHeight === newState.scrollBarHeight;
 };
 
 const isEqual = (oldState, newState) => {
@@ -2032,18 +2115,7 @@ const modules = [isEqual$1, isEqual$2, isEqual, isEqual$2];
 const numbers = [RenderItems, RenderFocus, RenderSearchValue, RenderFocusContext];
 
 const diff2 = uid => {
-  const {
-    oldState,
-    newState
-  } = get(uid);
-  const diffResult = [];
-  for (let i = 0; i < modules.length; i++) {
-    const fn = modules[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers[i]);
-    }
-  }
-  return diffResult;
+  return diff(uid, modules, numbers);
 };
 
 const dispose = uid => {
@@ -2216,13 +2288,6 @@ const focusPreviousPage = state => {
   return focusIndex(state, indexPreviousPage);
 };
 
-const Button = 1;
-
-const ClearAll = 'ClearAll';
-const Filter = 'Filter';
-const Refresh = 'Refresh';
-const Ellipsis = 'Ellipsis';
-
 const getActions = () => {
   return [{
     type: Button,
@@ -2317,19 +2382,19 @@ const getMenuEntries = () => {
     id: 'copy',
     label: copy(),
     flags: None$1,
-    command: 'SearchExtensions.copy'
+    command: 'Extensions.copyExtensionInfo'
   }, {
     id: 'copyExtensionId',
     label: copyExtensionId$1(),
     flags: None$1,
-    command: 'SearchExtensions.copyExtensionId'
+    command: 'Extensions.copyExtensionId'
   }];
 };
 
 const handleBlur = state => {
   return {
     ...state,
-    focus: None$3
+    focus: None$2
   };
 };
 
@@ -2445,6 +2510,10 @@ const handleFocus = async state => {
   };
 };
 
+const handleHeaderContextMenu = async state => {
+  return state;
+};
+
 // TODO show error / warning  when installment fails / times out
 const handleInstall = async (state, id) => {
   return state;
@@ -2507,8 +2576,8 @@ const setDeltaY = (state, value) => {
   }
   // TODO when it only moves by one px, extensions don't need to be rerendered, only negative margin
   const minLineY = Math.floor(newDeltaY / itemHeight);
-  const maxLineY = minLineY + getNumberOfVisibleItems$1(listHeight, itemHeight);
   const total = items.length;
+  const maxLineY = Math.min(minLineY + getNumberOfVisibleItems$1(listHeight, itemHeight), total);
   const contentHeight = total * itemHeight;
   const scrollBarHeight = getScrollBarSize(listHeight, contentHeight, minimumSliderSize);
   const scrollBarY = getScrollBarY$1(newDeltaY, finalDeltaY, height - headerHeight, scrollBarHeight);
@@ -2639,38 +2708,6 @@ const getAllExtensions = platform => {
   return getAllExtensions$1(platform);
 };
 
-const HandleClearSearchResults = 1;
-const HandleClickFilter = 2;
-const HandleContextMenu = 3;
-const HandleExtensionsInput = 4;
-const HandleFocus = 5;
-const HandlePointerDown = 7;
-const HandleScrollBarMove = 9;
-const HandleScrollBarPointerCaptureLost = 10;
-const HandleScrollBarPointerDown = 11;
-const HandleTouchEnd = 12;
-const HandleTouchMove = 13;
-const HandleTouchStart = 14;
-const HandleWheel = 15;
-
-const getInputActions = newState => {
-  const clearEnabled = newState.searchValue.length > 0;
-  const actions = [{
-    onClick: HandleClearSearchResults,
-    icon: `MaskIcon${ClearAll}`,
-    title: clearExtensionSearchResults(),
-    type: Button,
-    enabled: clearEnabled
-  }, {
-    icon: `MaskIcon${Filter}`,
-    title: filter(),
-    type: Button,
-    onClick: HandleClickFilter,
-    enabled: true
-  }];
-  return actions;
-};
-
 const Small = 1;
 const Normal = 2;
 const Large = 3;
@@ -2692,6 +2729,9 @@ const getRemoteUrl = (extension, platform, assetDir) => {
     }
     return `/remote/${extension.path}/${extension.icon}`; // TODO support windows paths
   }
+  if (platform === Web) {
+    return `${extension.path}/${extension.icon}`;
+  }
   return '';
 };
 
@@ -2711,7 +2751,7 @@ const isLanguageBasicsExtension = extension => {
 const isThemeExtension = extension => {
   return extension.name && extension.name.endsWith(' Theme');
 };
-const getIcon = (extension, platform, assetDir) => {
+const getExtensionIcon = (extension, platform, assetDir) => {
   if (!extension) {
     return getExtensionDefaultIcon(assetDir);
   }
@@ -2726,6 +2766,10 @@ const getIcon = (extension, platform, assetDir) => {
   }
   return getRemoteUrl(extension, platform, assetDir);
 };
+
+const getIcon = (extension, platform, assetDir) => {
+  return getExtensionIcon(extension, platform, assetDir);
+};
 const getName = extension => {
   if (extension && extension.name) {
     return extension.name;
@@ -2747,6 +2791,15 @@ const getId$1 = extension => {
   }
   return extension.id;
 };
+const isString = item => {
+  return typeof item === 'string';
+};
+const getCategories = extension => {
+  if (!extension || !extension.categories || !Array.isArray(extension.categories)) {
+    return [];
+  }
+  return extension.categories.filter(isString);
+};
 
 const RE_PUBLISHER = /^[a-z\d-]+/;
 
@@ -2770,7 +2823,8 @@ const normalizeExtension$1 = (extension, platform, assetDir) => {
     description: getDescription(extension),
     uri: '',
     publisher: getPublisher(extension),
-    icon: getIcon(extension, platform, assetDir)
+    icon: getIcon(extension, platform, assetDir),
+    categories: getCategories(extension)
   };
 };
 
@@ -2818,15 +2872,13 @@ const loadContent = async (state, savedState) => {
   const allExtensions = await getAllExtensions(platform);
   const size = getViewletSize(width);
   const normalized = normalizeExtension(allExtensions, platform, assetDir);
-  const inputActions = getInputActions(state);
   const updatedState = await handleInput({
     ...state,
     allExtensions: normalized,
     size,
     inputSource: Script,
-    inputActions,
     deltaY
-  }, searchValue);
+  }, searchValue, Script);
   return updatedState;
 };
 
@@ -2838,7 +2890,7 @@ const Extensions$1 = 'extensions';
 
 const getSelector = focus => {
   switch (focus) {
-    case Input$1:
+    case Input:
       return `[name="${Extensions$1}"]`;
     case List$2:
       return '.ListItems';
@@ -2862,7 +2914,7 @@ const renderFocusContext = newState => {
   const {
     uid
   } = newState;
-  if (newState.focus === Input$1) {
+  if (newState.focus === Input) {
     return ['Viewlet.setFocusContext', uid, FocusExtensionsInput];
   }
   if (newState.focus === List$2) {
@@ -2896,7 +2948,7 @@ const SearchField = 'SearchField';
 const SearchFieldButton = 'SearchFieldButton';
 const SearchFieldButtons = 'SearchFieldButtons';
 const SearchFieldContainer = 'SearchFieldContainer';
-const SearchFieldDisabled = 'SearchFieldDisabled';
+const SearchFieldButtonDisabled = 'SearchFieldButtonDisabled';
 const Viewlet = 'Viewlet';
 
 const List = 'list';
@@ -2904,7 +2956,7 @@ const ListItem = 'listitem';
 const None = 'none';
 const ToolBar = 'toolbar';
 
-const disabledClassName = mergeClassNames(SearchFieldButton, SearchFieldDisabled);
+const disabledClassName = mergeClassNames(SearchFieldButton, SearchFieldButtonDisabled);
 const getClassName$1 = enabled => {
   if (enabled) {
     return SearchFieldButton;
@@ -2940,7 +2992,7 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
     role: None,
     childCount: 2
   }, {
-    type: Input,
+    type: Input$1,
     inputType: 'search',
     className: MultilineInputBox,
     spellcheck: false,
@@ -2972,14 +3024,15 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
 const parentNode = {
   type: Div,
   className: ExtensionHeader,
-  childCount: 1
+  childCount: 1,
+  onContextMenu: HandleHeaderContextMenu
 };
 const getExtensionHeaderVirtualDom = (placeholder, actions) => {
-  return [parentNode, ...getSearchFieldVirtualDom('extensions', placeholder, HandleExtensionsInput, actions, [])];
+  return [parentNode, ...getSearchFieldVirtualDom(Extensions$1, placeholder, HandleExtensionsInput, actions, [])];
 };
 
 const renderHeader = newState => {
-  const actions = getInputActions(newState);
+  const actions = getInputActions(newState.searchValue.length > 0);
   const dom = getExtensionHeaderVirtualDom(newState.placeholder, actions);
   return ['setHeaderDom', dom];
 };
@@ -3183,7 +3236,7 @@ const getExtensionsViewVirtualDom = state => {
     childCount: 2,
     ariaLive: 'polite',
     ariaBusy: false,
-    role: None$2
+    role: None$3
   }, ...getExtensionHeaderVirtualDom(placeholder, inputActions), ...getContentVirtualDom(visibleExtensions, message, scrollBarHeight, scrollBarY)];
 };
 
@@ -3317,6 +3370,10 @@ const renderEventListeners = () => {
     name: HandleContextMenu,
     params: ['handleContextMenu', Button$1, ClientX, ClientY],
     preventDefault: true
+  }, {
+    name: HandleHeaderContextMenu,
+    params: ['handleHeaderContextMenu'],
+    preventDefault: true
   }, {
     name: HandlePointerDown,
     params: ['handleClickAt', Button$1, ClientX, ClientY],
@@ -3351,6 +3408,40 @@ const renderEventListeners = () => {
   }];
 };
 
+const resize = async (state, dimensions) => {
+  const {
+    items,
+    itemHeight,
+    headerHeight,
+    minimumSliderSize
+  } = state;
+  const {
+    x,
+    y,
+    width,
+    height
+  } = dimensions;
+  const total = items.length;
+  const listHeight = getListHeight(total, itemHeight, height);
+  const contentHeight = total * itemHeight;
+  const scrollBarHeight = getScrollBarSize(height, contentHeight, minimumSliderSize);
+  const numberOfVisible = getNumberOfVisibleItems$1(listHeight, itemHeight);
+  const maxLineY = Math.min(numberOfVisible, total);
+  const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, total);
+  const scrollBarY = getScrollBarY$1(0, finalDeltaY, height - headerHeight, scrollBarHeight);
+  return {
+    ...state,
+    finalDeltaY,
+    height,
+    maxLineY,
+    scrollBarHeight,
+    scrollBarY,
+    width,
+    x,
+    y
+  };
+};
+
 const saveState = state => {
   const {
     searchValue,
@@ -3394,6 +3485,7 @@ const commandMap = {
   'SearchExtensions.focusIndex': wrapCommand(focusIndex),
   'SearchExtensions.focusLast': wrapCommand(focusLast),
   'SearchExtensions.focusNext': wrapCommand(focusNext),
+  'SearchExtensions.handleHeaderContextMenu': wrapCommand(handleHeaderContextMenu),
   'SearchExtensions.focusNextPage': wrapCommand(focusNextPage),
   'SearchExtensions.focusPrevious': wrapCommand(focusPrevious),
   'SearchExtensions.focusPreviousPage': wrapCommand(focusPreviousPage),
@@ -3431,7 +3523,8 @@ const commandMap = {
   'SearchExtensions.selectIndex': wrapCommand(selectIndex),
   'SearchExtensions.setDeltaY': wrapCommand(setDeltaY),
   'SearchExtensions.terminate': terminate,
-  'SearchExtensions.toggleSuggest': wrapCommand(toggleSuggest)
+  'SearchExtensions.toggleSuggest': wrapCommand(toggleSuggest),
+  'SearchExtensions.resize': wrapCommand(resize)
 };
 
 const listen = async () => {

package/static/{488a9bc → 69eeedf}/packages/file-search-worker/dist/fileSearchWorkerMain.js

@@ -2283,7 +2283,14 @@ const warn = (...args) => {
 const state$2 = {
   menuEntries: []
 };
-const getAll = () => {
+const getAll = async () => {
+  try {
+    // @ts-ignore
+    const entries = await invoke$1('Layout.getAllQuickPickMenuEntries');
+    return entries || [];
+  } catch {
+    // ignore
+  }
   return state$2.menuEntries;
 };
 const add = menuEntries => {
@@ -2292,7 +2299,7 @@ const add = menuEntries => {
 
 // TODO combine Ajax with cache (specify strategy: cacheFirst, networkFirst)
 const getBuiltinPicks = async () => {
-  const builtinPicks = getAll();
+  const builtinPicks = await getAll();
   return builtinPicks;
 };
 const prefixIdWithExt = item => {
@@ -2310,6 +2317,7 @@ const prefixIdWithExt = item => {
 };
 const getExtensionPicks = async () => {
   try {
+    // TODO ask extension host worker directly
     // TODO don't call this every time
     const extensionPicks = await invoke$1('ExtensionHost.getCommands');
     if (!extensionPicks) {