@lvce-editor/extension-search-view 7.13.1 → 7.13.2

package/dist/extensionSearchViewWorkerMain.js

@@ -1014,6 +1014,34 @@ const listen$1 = async (module, options) => {
   return ipc;
 };
 
+const createSharedLazyRpc = factory => {
+  let rpcPromise;
+  const getOrCreate = () => {
+    if (!rpcPromise) {
+      rpcPromise = factory();
+    }
+    return rpcPromise;
+  };
+  return {
+    async dispose() {
+      const rpc = await getOrCreate();
+      await rpc.dispose();
+    },
+    async invoke(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invoke(method, ...params);
+    },
+    async invokeAndTransfer(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    async send(method, ...params) {
+      const rpc = await getOrCreate();
+      rpc.send(method, ...params);
+    }
+  };
+};
+
 const create$7 = async ({
   commandMap,
   isMessagePortOpen = true,
@@ -1049,34 +1077,6 @@ const create$6 = async ({
   });
 };
 
-const createSharedLazyRpc = factory => {
-  let rpcPromise;
-  const getOrCreate = () => {
-    if (!rpcPromise) {
-      rpcPromise = factory();
-    }
-    return rpcPromise;
-  };
-  return {
-    async dispose() {
-      const rpc = await getOrCreate();
-      await rpc.dispose();
-    },
-    async invoke(method, ...params) {
-      const rpc = await getOrCreate();
-      return rpc.invoke(method, ...params);
-    },
-    async invokeAndTransfer(method, ...params) {
-      const rpc = await getOrCreate();
-      return rpc.invokeAndTransfer(method, ...params);
-    },
-    async send(method, ...params) {
-      const rpc = await getOrCreate();
-      rpc.send(method, ...params);
-    }
-  };
-};
-
 const create$5 = async ({
   commandMap,
   isMessagePortOpen,
@@ -1375,6 +1375,9 @@ const {
   invoke: invoke$1,
   set: set$2
 } = create$3(ExtensionManagementWorker);
+const disableWorkspace$2 = id => {
+  return invoke$1('Extensions.disableWorkspace', id);
+};
 
 const {
   invoke,
@@ -1406,7 +1409,11 @@ const sendMessagePortToExtensionManagementWorker = async (port, rpcId) => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionManagementWorker', port, command, rpcId);
 };
 const openUri$1 = async (uri, focus, options) => {
-  await invoke('Main.openUri', uri, focus, options);
+  await invoke('Main.openUri', {
+    ...options,
+    focus,
+    uri
+  });
 };
 const showErrorDialog = async errorInfo => {
   await invoke('ErrorHandling.showErrorDialog', errorInfo);
@@ -1668,8 +1675,9 @@ const None$2 = 0;
 const Input = 1;
 const List$2 = 2;
 
+const RE_WHITESPACE$1 = /\s/;
 const isWhiteSpace = character => {
-  return /\s/.test(character);
+  return RE_WHITESPACE$1.test(character);
 };
 const getCompletionRange = (value, cursorOffset) => {
   const offset = Math.min(Math.max(cursorOffset, 0), value.length);
@@ -2016,6 +2024,7 @@ const Recommended = '@recommended';
 const WorkspaceUnsupported = '@workspaceunsupported';
 const Deprecated = '@deprecated';
 
+const RE_LEADING_COLON = /^:/;
 const RE_PARAM = /@[\w-]+(?::\w+)?/g;
 const deserializeCategory = value => {
   if (value.startsWith(':"') && value.endsWith('"')) {
@@ -2064,7 +2073,7 @@ const parseValue = value => {
         sort = 'installs';
       } else {
         // Handle cases like @sort:installs or @sortsize (without colon)
-        sort = sortValue.replace(/^:/, '');
+        sort = sortValue.replace(RE_LEADING_COLON, '');
       }
     }
     if (match.startsWith(Id)) {
@@ -2294,8 +2303,9 @@ const handleChange = async (state, update) => {
 const User = 1;
 const Script = 2;
 
+const RE_WHITESPACE = /\s/;
 const getCompletionText = (searchValue, completion, rangeEnd) => {
-  const hasTrailingWhitespace = /\s/.test(searchValue[rangeEnd] || '');
+  const hasTrailingWhitespace = RE_WHITESPACE.test(searchValue[rangeEnd] || '');
   return completion.endsWith(':') || hasTrailingWhitespace ? completion : `${completion} `;
 };
 const acceptCompletionWithContext = async (context, label) => {
@@ -2535,14 +2545,55 @@ const diff2 = uid => {
   return diff(uid, modules, numbers);
 };
 
-const disable$1 = async (state, _id) => {
-  await invoke$2('ConfirmPrompt.prompt', 'not implemented', undefined);
-  return state;
+const Disabled$1 = 'disabled';
+const Enabled = 'enabled';
+const Installing = 'installing';
+const NotInstalled = 'not-installed';
+const Uninstalling = 'uninstalling';
+const statuses = [Disabled$1, Enabled, Installing, NotInstalled, Uninstalling];
+const isExtensionStatus = status => {
+  return statuses.includes(status);
 };
 
-const disableWorkspace = async (state, _id) => {
-  await invoke$2('ConfirmPrompt.prompt', 'not implemented', undefined);
-  return state;
+const updateStatus = (extension, id, status, builtin) => {
+  if (extension.id !== id) {
+    return extension;
+  }
+  return {
+    ...extension,
+    builtin: builtin ?? extension.builtin,
+    disabled: status === Disabled$1,
+    status
+  };
+};
+const setExtensionStatus = (state, id, status, builtin) => {
+  if (!isExtensionStatus(status)) {
+    throw new TypeError(`Invalid extension status: ${status}`);
+  }
+  return {
+    ...state,
+    allExtensions: state.allExtensions.map(extension => updateStatus(extension, id, status, builtin)),
+    items: state.items.map(extension => updateStatus(extension, id, status, builtin))
+  };
+};
+
+const handleDisable = async (state, id) => {
+  const error = await disableExtension(id);
+  return error ? state : setExtensionStatus(state, id, Disabled$1);
+};
+
+const disable$1 = async state => {
+  const item = getFocusedItem(state);
+  return item ? handleDisable(state, item.id) : state;
+};
+
+const disableWorkspace = async state => {
+  const item = getFocusedItem(state);
+  if (!item) {
+    return state;
+  }
+  await disableWorkspace$2(item.id);
+  return setExtensionStatus(state, item.id, Disabled$1);
 };
 
 const dispose = uid => {
@@ -2550,14 +2601,23 @@ const dispose = uid => {
   dispose$1(uid);
 };
 
-const enable$1 = async (state, _id) => {
-  await invoke$2('ConfirmPrompt.prompt', 'not implemented', undefined);
-  return state;
+const handleEnable = async (state, id) => {
+  const error = await enableExtension(id);
+  return error ? state : setExtensionStatus(state, id, Enabled);
 };
 
-const enableWorkspace = async (state, _id) => {
-  await invoke$2('ConfirmPrompt.prompt', 'not implemented', undefined);
-  return state;
+const enable$1 = async state => {
+  const item = getFocusedItem(state);
+  return item ? handleEnable(state, item.id) : state;
+};
+
+const enableWorkspace = async state => {
+  const item = getFocusedItem(state);
+  if (!item) {
+    return state;
+  }
+  await invoke$1('Extensions.enableWorkspace', item.id);
+  return setExtensionStatus(state, item.id, Enabled);
 };
 
 const CategorySuggestions = ['@category:"ai"', '@category:"azure"', '@category:"chat"', '@category:"data science"', '@category:"debuggers"', '@category:"education"', '@category:"extension packs"', '@category:"formatters"', '@category:"keymaps"', '@category:"language packs"', '@category:"linters"', '@category:"machine learning"', '@category:"notebooks"', '@category:"other"', '@category:"programming languages"', '@category:"scm providers"', '@category:"snippets"', '@category:"testing"', '@category:"themes"', '@category:"visualization"'];
@@ -2621,8 +2681,9 @@ const handleInputWithContext = async (context, value, inputSource = User, cursor
   });
 };
 
+const RE_WHITESPACE_SEQUENCE = /\s+/;
 const addFilter = (searchValue, filter) => {
-  const values = searchValue.trim().split(/\s+/);
+  const values = searchValue.trim().split(RE_WHITESPACE_SEQUENCE);
   if (values.includes(filter)) {
     return searchValue;
   }
@@ -2899,16 +2960,6 @@ const getKeyBindings = () => {
   }];
 };
 
-const Disabled$1 = 'disabled';
-const Enabled = 'enabled';
-const Installing = 'installing';
-const NotInstalled = 'not-installed';
-const Uninstalling = 'uninstalling';
-const statuses = [Disabled$1, Enabled, Installing, NotInstalled, Uninstalling];
-const isExtensionStatus = status => {
-  return statuses.includes(status);
-};
-
 const Separator = 1;
 const None$1 = 0;
 const SubMenu = 4;
@@ -2931,12 +2982,12 @@ const getEnablementFlags = (disabled, status) => {
 const getMenuEntriesList = (builtin, disabled = false, status) => {
   const enablementFlags = getEnablementFlags(disabled, status);
   return [{
-    command: 'SearchExtensions.enable',
+    command: 'Extensions.enable',
     flags: enablementFlags.enable,
     id: 'enable',
     label: enable$2()
   }, {
-    command: 'SearchExtensions.enableWorkspace',
+    command: 'Extensions.enableWorkspace',
     flags: enablementFlags.enable,
     id: 'enableWorkspace',
     label: enableWorkspace$1()
@@ -2946,12 +2997,12 @@ const getMenuEntriesList = (builtin, disabled = false, status) => {
     id: 'separator1',
     label: ''
   }, {
-    command: 'SearchExtensions.disable',
+    command: 'Extensions.disable',
     flags: enablementFlags.disable,
     id: 'disable',
     label: disable$2()
   }, {
-    command: 'SearchExtensions.disableWorkspace',
+    command: 'Extensions.disableWorkspace',
     flags: enablementFlags.disable,
     id: 'disableWorkspace',
     label: disableWorkspace$1()
@@ -2961,8 +3012,8 @@ const getMenuEntriesList = (builtin, disabled = false, status) => {
     id: 'separator2',
     label: ''
   }, {
-    command: 'SearchExtensions.installAnotherVersion',
-    flags: builtin ? Disabled : None$1,
+    command: 'Extensions.installAnotherVersion',
+    flags: Disabled,
     id: 'installAnotherVersion',
     label: installAnotherVersion$1()
   }, {
@@ -3212,14 +3263,11 @@ const compareNodes = (oldNode, newNode) => {
   }
   const patches = [];
   // Handle reference nodes - special handling for uid changes
-  if (oldNode.type === Reference) {
-    if (oldNode.uid !== newNode.uid) {
-      patches.push({
-        type: SetReferenceNodeUid,
-        uid: newNode.uid
-      });
-    }
-    return patches;
+  if (oldNode.type === Reference && oldNode.uid !== newNode.uid) {
+    patches.push({
+      type: SetReferenceNodeUid,
+      uid: newNode.uid
+    });
   }
   // Handle text nodes
   if (oldNode.type === Text && newNode.type === Text) {
@@ -3232,8 +3280,8 @@ const compareNodes = (oldNode, newNode) => {
     return patches;
   }
   // Compare attributes
-  const oldKeys = getKeys(oldNode);
-  const newKeys = getKeys(newNode);
+  const oldKeys = getKeys(oldNode).filter(key => oldNode.type !== Reference || key !== 'uid');
+  const newKeys = getKeys(newNode).filter(key => newNode.type !== Reference || key !== 'uid');
   // Check for attribute changes
   for (const key of newKeys) {
     if (oldNode[key] !== newNode[key]) {
@@ -3257,9 +3305,14 @@ const compareNodes = (oldNode, newNode) => {
 };
 
 const treeToArray = node => {
-  const result = [node.node];
-  for (const child of node.children) {
-    result.push(...treeToArray(child));
+  const result = [];
+  const stack = [node];
+  while (stack.length > 0) {
+    const current = stack.pop();
+    result.push(current.node);
+    for (let i = current.children.length - 1; i >= 0; i--) {
+      stack.push(current.children[i]);
+    }
   }
   return result;
 };
@@ -3469,138 +3522,336 @@ const handleContextMenu = async (state, button, eventX, eventY) => {
     headerHeight,
     itemHeight,
     items,
+    minLineY,
     uid,
     x,
     y
   } = state;
-  const index = getListIndex(eventX, eventY, x, y, deltaY, itemHeight, headerHeight);
-  if (index < 0 || index > items.length) {
+  const visibleIndex = getListIndex(eventX, eventY, x, y, deltaY, itemHeight, headerHeight);
+  const index = visibleIndex + minLineY;
+  if (index < 0 || index >= items.length) {
     return state;
   }
+  const item = items[index];
   await show2(uid, ManageExtension, eventX, eventY, {
-    builtin: items[index]?.builtin === true,
-    disabled: items[index]?.disabled === true,
+    builtin: item.builtin === true,
+    disabled: item.disabled === true,
     menuId: ManageExtension,
-    status: items[index]?.status
+    status: item.status
   });
-  return state;
-};
-
-const updateStatus = (extension, id, status, builtin) => {
-  if (extension.id !== id) {
-    return extension;
-  }
-  return {
-    ...extension,
-    builtin: builtin ?? extension.builtin,
-    disabled: status === Disabled$1,
-    status
-  };
-};
-const setExtensionStatus = (state, id, status, builtin) => {
-  if (!isExtensionStatus(status)) {
-    throw new TypeError(`Invalid extension status: ${status}`);
-  }
   return {
     ...state,
-    allExtensions: state.allExtensions.map(extension => updateStatus(extension, id, status, builtin)),
-    items: state.items.map(extension => updateStatus(extension, id, status, builtin))
+    focusedIndex: index
   };
 };
 
-const handleDisable = async (state, id) => {
-  const error = await disableExtension(id);
-  return error ? state : setExtensionStatus(state, id, Disabled$1);
-};
-
 const handleDisableWorkspace = (state, id) => {
   return state;
 };
 
-const handleEnable = async (state, id) => {
-  const error = await enableExtension(id);
-  return error ? state : setExtensionStatus(state, id, Enabled);
-};
-
 const handleEnableWorkspace = (state, id) => {
   return state;
 };
 
-const handleFocus = async state => {
-  return {
-    ...state,
-    focus: List$2
-  };
-};
+const Web = 1;
+const Electron = 2;
+const Remote = 3;
 
-const handleHeaderContextMenu = async state => {
-  return state;
+const getAllExtensions$1 = async (assetDir, platform) => {
+  try {
+    return await invoke$1('Extensions.getAllExtensions', assetDir, platform);
+  } catch (error) {
+    if (platform === Web) {
+      return [];
+    }
+    throw error;
+  }
 };
 
-const handleInputFocus = state => {
-  return {
-    ...state,
-    focus: Input
-  };
+const getAllExtensions = (assetDir, platform) => {
+  return getAllExtensions$1(assetDir, platform);
 };
 
-const handleInstall = async (state, id) => {
-  await installExtension(id);
-  return setExtensionStatus(state, id, Enabled);
+const getBuiltin = extension => {
+  return extension !== null && typeof extension === 'object' && 'builtin' in extension && extension.builtin === true;
 };
 
-const handleScrollBarCaptureLost = state => {
-  return {
-    ...state,
-    scrollBarActive: false
-  };
+const isString = item => {
+  return typeof item === 'string';
 };
 
-const getNewDeltaPercent = (height, scrollBarHeight, relativeY) => {
-  const halfScrollBarHeight = scrollBarHeight / 2;
-  if (relativeY <= halfScrollBarHeight) {
-    // clicked at top
-    return {
-      handleOffset: relativeY,
-      percent: 0
-    };
+const getCategories = extension => {
+  if (extension === null || typeof extension !== 'object' || !('categories' in extension) || !Array.isArray(extension.categories)) {
+    return [];
   }
-  if (relativeY <= height - halfScrollBarHeight) {
-    // clicked in middle
-    return {
-      handleOffset: halfScrollBarHeight,
-      percent: (relativeY - halfScrollBarHeight) / (height - scrollBarHeight)
-    };
+  return extension.categories.filter(isString);
+};
+
+const getDescription = extension => {
+  if (extension === null || typeof extension !== 'object' || !('description' in extension) || typeof extension.description !== 'string' || !extension.description) {
+    return 'n/a';
   }
-  // clicked at bottom
-  return {
-    handleOffset: scrollBarHeight - height + relativeY,
-    percent: 1
-  };
+  return extension.description;
 };
 
-const clamp = (num, min, max) => {
-  number(num);
-  number(min);
-  number(max);
-  return Math.min(Math.max(num, min), max);
+const getDisabled = extension => {
+  return extension !== null && typeof extension === 'object' && 'disabled' in extension && extension.disabled === true;
 };
 
-const setDeltaY = (state, value) => {
-  object(state);
-  number(value);
-  const {
-    deltaY,
-    finalDeltaY,
-    headerHeight,
-    height,
-    itemHeight,
-    items,
-    minimumSliderSize
-  } = state;
-  const listHeight = height - headerHeight;
-  const newDeltaY = clamp(value, 0, finalDeltaY);
-  if (deltaY === newDeltaY) {
+const getDownloadCountValue = extension => {
+  if (extension === null || typeof extension !== 'object') {
+    return undefined;
+  }
+  const marketplace = 'marketplace' in extension && extension.marketplace !== null && typeof extension.marketplace === 'object' ? extension.marketplace : {};
+  const packageJson = 'packageJSON' in extension && extension.packageJSON !== null && typeof extension.packageJSON === 'object' ? extension.packageJSON : {};
+  return ('downloadCount' in extension ? extension.downloadCount : undefined) ?? ('downloads' in extension ? extension.downloads : undefined) ?? ('downloadCount' in marketplace ? marketplace.downloadCount : undefined) ?? ('downloads' in marketplace ? marketplace.downloads : undefined) ?? ('downloadCount' in packageJson ? packageJson.downloadCount : undefined) ?? ('downloads' in packageJson ? packageJson.downloads : undefined);
+};
+const getDownloadCount = extension => {
+  const downloadCount = getDownloadCountValue(extension);
+  if (typeof downloadCount !== 'number') {
+    return 'n/a';
+  }
+  return downloadCount.toLocaleString();
+};
+
+const getRemoteUrl = (extension, platform, assetDir) => {
+  if (extension === null || typeof extension !== 'object') {
+    return '';
+  }
+  const builtin = 'builtin' in extension && extension.builtin === true;
+  const icon = 'icon' in extension && typeof extension.icon === 'string' ? extension.icon : '';
+  const id = 'id' in extension && typeof extension.id === 'string' ? extension.id : '';
+  const path = 'path' in extension && typeof extension.path === 'string' ? extension.path : '';
+  if (platform === Remote || platform === Electron) {
+    if (builtin) {
+      return `${assetDir}/extensions/${id}/${icon}`;
+    }
+    return `/remote/${path}/${icon}`; // TODO support windows paths
+  }
+  if (platform === Web) {
+    return `${path}/${icon}`;
+  }
+  return '';
+};
+
+const getExtensionDefaultIcon = assetDir => {
+  return `${assetDir}/icons/extensionDefaultIcon.png`;
+};
+const getExtensionLanguageBasicsIcon = assetDir => {
+  return `${assetDir}/icons/language-icon.svg`;
+};
+const getExtensionThemeIcon = assetDir => {
+  return `${assetDir}/icons/theme-icon.png`;
+};
+
+const isLanguageBasicsExtension = extension => {
+  return 'name' in extension && typeof extension.name === 'string' && extension.name.startsWith('Language Basics');
+};
+const isThemeExtension = extension => {
+  return 'name' in extension && typeof extension.name === 'string' && extension.name.endsWith(' Theme');
+};
+const getExtensionIcon = (extension, platform, assetDir) => {
+  if (extension === null || typeof extension !== 'object') {
+    return getExtensionDefaultIcon(assetDir);
+  }
+  const hasIcon = 'icon' in extension && typeof extension.icon === 'string' && extension.icon;
+  const hasPath = 'path' in extension && typeof extension.path === 'string' && extension.path;
+  if (!hasPath || !hasIcon) {
+    if (isLanguageBasicsExtension(extension)) {
+      return getExtensionLanguageBasicsIcon(assetDir);
+    }
+    if (isThemeExtension(extension)) {
+      return getExtensionThemeIcon(assetDir);
+    }
+    return getExtensionDefaultIcon(assetDir);
+  }
+  return getRemoteUrl(extension, platform, assetDir);
+};
+
+const getIcon = (extension, platform, assetDir) => {
+  return getExtensionIcon(extension, platform, assetDir);
+};
+
+const getId = extension => {
+  if (extension === null || typeof extension !== 'object' || !('id' in extension) || typeof extension.id !== 'string' || !extension.id) {
+    return 'n/a';
+  }
+  return extension.id;
+};
+
+const getName = extension => {
+  if (extension === null || typeof extension !== 'object') {
+    return 'n/a';
+  }
+  if ('name' in extension && typeof extension.name === 'string' && extension.name) {
+    return extension.name;
+  }
+  if ('id' in extension && typeof extension.id === 'string' && extension.id) {
+    return extension.id;
+  }
+  return 'n/a';
+};
+
+const RE_PUBLISHER = /^[a-z\d-]+/;
+const getPublisher = extension => {
+  if (extension === null || typeof extension !== 'object' || !('id' in extension) || typeof extension.id !== 'string') {
+    return 'n/a';
+  }
+  const match = extension.id.match(RE_PUBLISHER);
+  if (!match) {
+    return 'n/a';
+  }
+  return match[0];
+};
+
+const getRatingValue = extension => {
+  if (extension === null || typeof extension !== 'object') {
+    return undefined;
+  }
+  const marketplace = 'marketplace' in extension && extension.marketplace !== null && typeof extension.marketplace === 'object' ? extension.marketplace : {};
+  const packageJson = 'packageJSON' in extension && extension.packageJSON !== null && typeof extension.packageJSON === 'object' ? extension.packageJSON : {};
+  return ('rating' in extension ? extension.rating : undefined) ?? ('averageRating' in extension ? extension.averageRating : undefined) ?? ('rating' in marketplace ? marketplace.rating : undefined) ?? ('averageRating' in marketplace ? marketplace.averageRating : undefined) ?? ('rating' in packageJson ? packageJson.rating : undefined) ?? ('averageRating' in packageJson ? packageJson.averageRating : undefined);
+};
+const getRating = extension => {
+  const rating = getRatingValue(extension);
+  if (typeof rating !== 'number') {
+    return 'n/a';
+  }
+  return rating.toFixed(1);
+};
+
+const getSize = extension => {
+  if (extension === null || typeof extension !== 'object' || !('size' in extension) || extension.size === 0 || typeof extension.size !== 'number') {
+    return 0;
+  }
+  return extension.size;
+};
+
+const getStatus = extension => {
+  if (extension === null || typeof extension !== 'object' || !('status' in extension)) {
+    return undefined;
+  }
+  return typeof extension.status === 'string' ? extension.status : undefined;
+};
+
+const getUpdatedDate = extension => {
+  if (extension === null || typeof extension !== 'object' || !('updatedDate' in extension) || !extension.updatedDate || typeof extension.updatedDate !== 'number') {
+    return 0;
+  }
+  return extension.updatedDate;
+};
+
+const normalizeExtension = (extension, platform, assetDir) => {
+  return {
+    builtin: getBuiltin(extension),
+    categories: getCategories(extension),
+    description: getDescription(extension),
+    disabled: getDisabled(extension),
+    downloadCount: getDownloadCount(extension),
+    icon: getIcon(extension, platform, assetDir),
+    id: getId(extension),
+    name: getName(extension),
+    publisher: getPublisher(extension),
+    rating: getRating(extension),
+    size: getSize(extension),
+    status: getStatus(extension),
+    updatedDate: getUpdatedDate(extension),
+    uri: ''
+  };
+};
+
+const normalizeExtensions = (extensions, platform, assetDir) => {
+  return Array.from(extensions, extension => normalizeExtension(extension, platform, assetDir));
+};
+
+const handleExtensionsChanged = async state => {
+  const {
+    assetDir,
+    platform
+  } = state;
+  const allExtensions = await getAllExtensions(assetDir, platform);
+  const normalized = normalizeExtensions(allExtensions, platform, assetDir);
+  return handleChange({
+    ...state,
+    allExtensions: normalized
+  }, {});
+};
+
+const handleFocus = async state => {
+  return {
+    ...state,
+    focus: List$2
+  };
+};
+
+const handleHeaderContextMenu = async state => {
+  return state;
+};
+
+const handleInputFocus = state => {
+  return {
+    ...state,
+    focus: Input
+  };
+};
+
+const handleInstall = async (state, id) => {
+  await installExtension(id);
+  return setExtensionStatus(state, id, Enabled);
+};
+
+const handleScrollBarCaptureLost = state => {
+  return {
+    ...state,
+    scrollBarActive: false
+  };
+};
+
+const getNewDeltaPercent = (height, scrollBarHeight, relativeY) => {
+  const halfScrollBarHeight = scrollBarHeight / 2;
+  if (relativeY <= halfScrollBarHeight) {
+    // clicked at top
+    return {
+      handleOffset: relativeY,
+      percent: 0
+    };
+  }
+  if (relativeY <= height - halfScrollBarHeight) {
+    // clicked in middle
+    return {
+      handleOffset: halfScrollBarHeight,
+      percent: (relativeY - halfScrollBarHeight) / (height - scrollBarHeight)
+    };
+  }
+  // clicked at bottom
+  return {
+    handleOffset: scrollBarHeight - height + relativeY,
+    percent: 1
+  };
+};
+
+const clamp = (num, min, max) => {
+  number(num);
+  number(min);
+  number(max);
+  return Math.min(Math.max(num, min), max);
+};
+
+const setDeltaY = (state, value) => {
+  object(state);
+  number(value);
+  const {
+    deltaY,
+    finalDeltaY,
+    headerHeight,
+    height,
+    itemHeight,
+    items,
+    minimumSliderSize
+  } = state;
+  const listHeight = height - headerHeight;
+  const newDeltaY = clamp(value, 0, finalDeltaY);
+  if (deltaY === newDeltaY) {
     return state;
   }
   // TODO when it only moves by one px, extensions don't need to be rerendered, only negative margin
@@ -3756,25 +4007,6 @@ const installAnotherVersion = async state => {
   return state;
 };
 
-const Web = 1;
-const Electron = 2;
-const Remote = 3;
-
-const getAllExtensions$1 = async (assetDir, platform) => {
-  try {
-    return await invoke$1('Extensions.getAllExtensions', assetDir, platform);
-  } catch (error) {
-    if (platform === Web) {
-      return [];
-    }
-    throw error;
-  }
-};
-
-const getAllExtensions = (assetDir, platform) => {
-  return getAllExtensions$1(assetDir, platform);
-};
-
 const Small = 1;
 const Normal = 2;
 const Large = 3;
@@ -3794,166 +4026,6 @@ const getIsFirefox = () => {
   return globalWithNavigator.navigator?.userAgent.toLowerCase().includes('firefox') ?? false;
 };
 
-const getRemoteUrl = (extension, platform, assetDir) => {
-  if (platform === Remote || platform === Electron) {
-    if (extension.builtin) {
-      return `${assetDir}/extensions/${extension.id}/${extension.icon}`;
-    }
-    return `/remote/${extension.path}/${extension.icon}`; // TODO support windows paths
-  }
-  if (platform === Web) {
-    return `${extension.path}/${extension.icon}`;
-  }
-  return '';
-};
-
-const getExtensionDefaultIcon = assetDir => {
-  return `${assetDir}/icons/extensionDefaultIcon.png`;
-};
-const getExtensionLanguageBasicsIcon = assetDir => {
-  return `${assetDir}/icons/language-icon.svg`;
-};
-const getExtensionThemeIcon = assetDir => {
-  return `${assetDir}/icons/theme-icon.png`;
-};
-
-const isLanguageBasicsExtension = extension => {
-  return extension.name && extension.name.startsWith('Language Basics');
-};
-const isThemeExtension = extension => {
-  return extension.name && extension.name.endsWith(' Theme');
-};
-const getExtensionIcon = (extension, platform, assetDir) => {
-  if (!extension) {
-    return getExtensionDefaultIcon(assetDir);
-  }
-  if (!extension.path || !extension.icon) {
-    if (isLanguageBasicsExtension(extension)) {
-      return getExtensionLanguageBasicsIcon(assetDir);
-    }
-    if (isThemeExtension(extension)) {
-      return getExtensionThemeIcon(assetDir);
-    }
-    return getExtensionDefaultIcon(assetDir);
-  }
-  return getRemoteUrl(extension, platform, assetDir);
-};
-
-const getDownloadCountValue = extension => {
-  return extension?.downloadCount ?? extension?.downloads ?? extension?.marketplace?.downloadCount ?? extension?.marketplace?.downloads ?? extension?.packageJSON?.downloadCount ?? extension?.packageJSON?.downloads;
-};
-const getDownloadCount = extension => {
-  const downloadCount = getDownloadCountValue(extension);
-  if (typeof downloadCount !== 'number') {
-    return 'n/a';
-  }
-  return downloadCount.toLocaleString();
-};
-
-const getRatingValue = extension => {
-  return extension?.rating ?? extension?.averageRating ?? extension?.marketplace?.rating ?? extension?.marketplace?.averageRating ?? extension?.packageJSON?.rating ?? extension?.packageJSON?.averageRating;
-};
-const getRating = extension => {
-  const rating = getRatingValue(extension);
-  if (typeof rating !== 'number') {
-    return 'n/a';
-  }
-  return rating.toFixed(1);
-};
-
-const getBuiltin = extension => {
-  return extension?.builtin === true;
-};
-const getDisabled = extension => {
-  return extension?.disabled === true;
-};
-const getStatus = extension => {
-  return typeof extension?.status === 'string' ? extension.status : undefined;
-};
-const getIcon = (extension, platform, assetDir) => {
-  return getExtensionIcon(extension, platform, assetDir);
-};
-const getName = extension => {
-  if (extension && extension.name) {
-    return extension.name;
-  }
-  if (extension && extension.id) {
-    return extension.id;
-  }
-  return 'n/a';
-};
-const getDescription = extension => {
-  if (!extension || !extension.description) {
-    return 'n/a';
-  }
-  return extension.description;
-};
-const getId$1 = extension => {
-  if (!extension || !extension.id) {
-    return 'n/a';
-  }
-  return extension.id;
-};
-const getSize = extension => {
-  if (!extension || extension.size === 0 || typeof extension.size !== 'number') {
-    return 0;
-  }
-  return extension.size;
-};
-const getUpdatedDate = extension => {
-  if (!extension || !extension.updatedDate || typeof extension.updatedDate !== 'number') {
-    return 0;
-  }
-  return extension.updatedDate;
-};
-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-]+/;
-
-// TODO handle case when extension is of type number|array|null|string
-const getPublisher = extension => {
-  if (!extension || !extension.id) {
-    return 'n/a';
-  }
-  // TODO handle case when id is not of type string -> should not crash application
-  const match = extension.id.match(RE_PUBLISHER);
-  if (!match) {
-    return 'n/a';
-  }
-  return match[0];
-};
-
-const normalizeExtension = (extension, platform, assetDir) => {
-  return {
-    builtin: getBuiltin(extension),
-    categories: getCategories(extension),
-    description: getDescription(extension),
-    disabled: getDisabled(extension),
-    downloadCount: getDownloadCount(extension),
-    icon: getIcon(extension, platform, assetDir),
-    id: getId$1(extension),
-    name: getName(extension),
-    publisher: getPublisher(extension),
-    rating: getRating(extension),
-    size: getSize(extension),
-    status: getStatus(extension),
-    updatedDate: getUpdatedDate(extension),
-    uri: ''
-  };
-};
-
-const normalizeExtensions = (extensions, platform, assetDir) => {
-  return Array.from(extensions, extension => normalizeExtension(extension, platform, assetDir));
-};
-
 const getSavedValue = savedState => {
   if (savedState && typeof savedState === 'object' && 'searchValue' in savedState && typeof savedState.searchValue === 'string') {
     return savedState.searchValue;
@@ -4313,7 +4385,7 @@ const getCompletionWidgetVirtualDom = (items, focusedIndex) => {
 const Focusable = 0;
 
 const disabledClassName = mergeClassNames(SearchFieldButton, SearchFieldButtonDisabled);
-const getClassName$1 = enabled => {
+const getClassName = enabled => {
   if (enabled) {
     return SearchFieldButton;
   }
@@ -4328,7 +4400,7 @@ const getSearchFieldButtonVirtualDom = button => {
   } = button;
   return [{
     childCount: 1,
-    className: getClassName$1(enabled),
+    className: getClassName(enabled),
     onClick,
     tabIndex: Focusable,
     title,
@@ -4462,7 +4534,7 @@ const getExtensionActions = (builtin, disabled, status) => {
 };
 
 const className = mergeClassNames(ExtensionListItemActionInstall, ExtensionActionButton);
-const getActionVirtualDom$1 = (action, id) => {
+const getExtensionActionVirtualDom = (action, id) => {
   return [{
     childCount: 1,
     className,
@@ -4472,13 +4544,33 @@ const getActionVirtualDom$1 = (action, id) => {
     type: Button$2
   }, text(action.label)];
 };
+
 const getExtensionActionsVirtualDom = (id, builtin, disabled, status) => {
   const actions = getExtensionActions(builtin, disabled, status);
   return [{
     childCount: actions.length,
     className: ExtensionActions,
     type: Div
-  }, ...actions.flatMap(action => getActionVirtualDom$1(action, id))];
+  }, ...actions.flatMap(action => getExtensionActionVirtualDom(action, id))];
+};
+
+const getExtensionListItemClassName = (focused, disabled) => {
+  return mergeClassNames(ExtensionListItem, focused ? ExtensionActive : '', disabled ? ExtensionListItemDisabled : '');
+};
+
+const getExtensionListItemFooter = hasStatistics => {
+  return {
+    childCount: hasStatistics ? 3 : 2,
+    className: ExtensionListItemFooter,
+    type: Div
+  };
+};
+
+const getExtensionListItemId = focused => {
+  if (focused) {
+    return `ExtensionActive`;
+  }
+  return undefined;
 };
 
 const extensionListItemMetadataNode = {
@@ -4500,6 +4592,13 @@ const getExtensionStatisticsVirtualDom = (downloadCount, rating$1) => {
   return [extensionListItemMetadataNode, ...getStatisticVirtualDom(downloads(), downloadCount, ExtensionListItemDownloadCount), ...getStatisticVirtualDom(rating(), rating$1, ExtensionListItemRating)];
 };
 
+const getExtensionListItemStatisticsVirtualDom = (hasStatistics, downloadCount, rating) => {
+  if (!hasStatistics) {
+    return [];
+  }
+  return getExtensionStatisticsVirtualDom(downloadCount, rating);
+};
+
 const listItemDetail = {
   childCount: 3,
   className: ExtensionListItemDetail,
@@ -4515,33 +4614,11 @@ const listItemDescription = {
   className: ExtensionListItemDescription,
   type: Div
 };
-const getListItemFooter = hasStatistics => {
-  return {
-    childCount: hasStatistics ? 3 : 2,
-    className: ExtensionListItemFooter,
-    type: Div
-  };
-};
 const listItemAuthorName = {
   childCount: 1,
   className: ExtensionListItemAuthorName,
   type: Div
 };
-const getClassName = (focused, disabled) => {
-  return mergeClassNames(ExtensionListItem, focused ? ExtensionActive : '', disabled ? ExtensionListItemDisabled : '');
-};
-const getId = focused => {
-  if (focused) {
-    return `ExtensionActive`;
-  }
-  return undefined;
-};
-const getStatisticsVirtualDom = (hasStatistics, downloadCount, rating) => {
-  if (!hasStatistics) {
-    return [];
-  }
-  return getExtensionStatisticsVirtualDom(downloadCount, rating);
-};
 const getExtensionListItemVirtualDom = extension => {
   const {
     builtin = false,
@@ -4565,8 +4642,8 @@ const getExtensionListItemVirtualDom = extension => {
     ariaRoleDescription: Extension,
     ariaSetSize: setSize,
     childCount: 2,
-    className: getClassName(focused, disabled),
-    id: getId(focused),
+    className: getExtensionListItemClassName(focused, disabled),
+    id: getExtensionListItemId(focused),
     role: ListItem,
     type: Div
   }, {
@@ -4575,16 +4652,19 @@ const getExtensionListItemVirtualDom = extension => {
     role: None,
     src: icon,
     type: Img
-  }, listItemDetail, listItemName, text(name), listItemDescription, text(description), getListItemFooter(hasStatistics), listItemAuthorName, text(publisher), ...getStatisticsVirtualDom(hasStatistics, downloadCount, rating), ...actionsDom];
+  }, listItemDetail, listItemName, text(name), listItemDescription, text(description), getExtensionListItemFooter(hasStatistics), listItemAuthorName, text(publisher), ...getExtensionListItemStatisticsVirtualDom(hasStatistics, downloadCount, rating), ...actionsDom];
   return dom;
 };
 
-const getExtensionsListVirtualDom = (visibleExtensions, focusOutline) => {
+const getListClassName = focusOutline => {
   const className = focusOutline ? mergeClassNames(ListItems, FocusOutline) : ListItems;
+  return className;
+};
+const getExtensionsListVirtualDom = (visibleExtensions, focusOutline) => {
   const dom = [{
     ariaLabel: extensions(),
     childCount: visibleExtensions.length,
-    className,
+    className: getListClassName(focusOutline),
     onBlur: HandleBlur,
     onContextmenu: HandleContextMenu,
     onContextMenu: HandleContextMenu,
@@ -5125,6 +5205,7 @@ const commandMap = {
   'SearchExtensions.handleDisableWorkspace': wrapCommand(handleDisableWorkspace),
   'SearchExtensions.handleEnable': wrapCommand(handleEnable),
   'SearchExtensions.handleEnableWorkspace': wrapCommand(handleEnableWorkspace),
+  'SearchExtensions.handleExtensionsChanged': wrapCommand(handleExtensionsChanged),
   'SearchExtensions.handleFocus': wrapCommand(handleFocus),
   'SearchExtensions.handleHeaderContextMenu': wrapCommand(handleHeaderContextMenu),
   'SearchExtensions.handleInput': wrapAsyncCommand(handleInputWithContext),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-search-view",
-  "version": "7.13.1",
+  "version": "7.13.2",
   "description": "Extension Search View Worker",
   "repository": {
     "type": "git",