@lvce-editor/extension-detail-view 5.4.0 → 5.7.0

package/README.md

@@ -11,10 +11,6 @@ npm ci &&
 npm test
 ```
 
-## Gitpod
-
-[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/lvce-editor/extension-detail-view)
-
 ## Credits
 
 The extension detail view is based on VSCode's extension detail view.

package/dist/extensionDetailViewWorkerMain.js

@@ -126,7 +126,7 @@ const schema = () => {
 const status = () => {
   return i18nString(Status);
 };
-const setColorTheme$3 = () => {
+const setColorTheme$2 = () => {
   return i18nString(SetColorTheme$1);
 };
 const enable = () => {
@@ -326,16 +326,19 @@ const ClientY = 'event.clientY';
 const TargetHref = 'event.target.href';
 const TargetName = 'event.target.name';
 
+const Script$1 = 2;
+
 const ExtensionDetailReadme = 20;
 const ExtensionDetailIconContextMenu$3 = 4091;
 
 const None$2 = 0;
 
-const DebugWorker = 55;
+const Web$1 = 1;
+
 const ExtensionHostWorker = 44;
 const FileSystemWorker$1 = 209;
 const MarkdownWorker$1 = 300;
-const RendererWorker$1 = 1;
+const RendererWorker = 1;
 
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
@@ -358,8 +361,11 @@ const ButtonPrimary = 'ButtonPrimary';
 const Categories = 'Categories';
 const Category = 'Category';
 const Changelog$1 = 'Changelog';
+const MaskIcon = 'MaskIcon';
+const ResourceIcon = 'ResourceIcon';
 const Code$1 = 'Code';
 const DefaultMarkdown = 'DefaultMarkdown';
+const MaskIconChevronUp = 'MaskIconChevronUp';
 const DefinitionListItem = 'DefinitionListItem';
 const DefinitionListItemHeading = 'DefinitionListItemHeading';
 const DefinitionListItemValue = 'DefinitionListItemValue';
@@ -567,15 +573,21 @@ const getCellCodeVirtualDom = (value, props) => {
   }, text(value)];
 };
 
+const getTitleProps = title => {
+  if (title) {
+    return {
+      title
+    };
+  }
+  return {};
+};
 const getCellLinkVirtualDom = (value, props) => {
   const tdClassName = props?.className ? `${TableCell} ${props.className}` : TableCell;
   return [{
     type: Td,
     className: tdClassName,
     childCount: 1,
-    ...(props?.title ? {
-      title: props.title
-    } : {})
+    ...getTitleProps(props?.title)
   }, {
     type: A,
     className: Link$1,
@@ -1015,7 +1027,7 @@ const getFeatureVirtualDomHandler = featureName => {
 };
 
 const rpcs = Object.create(null);
-const set$b = (id, rpc) => {
+const set$a = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$3 = id => {
@@ -1037,7 +1049,7 @@ const create$7 = rpcId => {
       return rpc.invokeAndTransfer(method, ...params);
     },
     set(rpc) {
-      set$b(rpcId, rpc);
+      set$a(rpcId, rpc);
     },
     async dispose() {
       const rpc = get$3(rpcId);
@@ -1563,7 +1575,7 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$a = (id, fn) => {
+const set$9 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$2 = id => {
@@ -1582,7 +1594,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$a(id, resolve);
+  set$9(id, resolve);
   return {
     id,
     promise
@@ -1927,7 +1939,7 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke$6 = (ipc, method, ...params) => {
+const invoke$5 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer$4 = (ipc, method, ...params) => {
@@ -1966,7 +1978,7 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$6(ipc, method, ...params);
+      return invoke$5(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer$4(ipc, method, ...params);
@@ -2076,104 +2088,104 @@ const createMockRpc = ({
 };
 
 const {
-  invoke: invoke$5,
+  invoke: invoke$4,
   invokeAndTransfer: invokeAndTransfer$3,
-  set: set$9,
-  dispose: dispose$5
+  set: set$8,
+  dispose: dispose$4
 } = create$7(ExtensionHostWorker);
 const executeReferenceProvider = async (id, offset) => {
   // @ts-ignore
-  return invoke$5('ExtensionHostReference.executeReferenceProvider', id, offset);
+  return invoke$4('ExtensionHostReference.executeReferenceProvider', id, offset);
 };
 const executeFileReferenceProvider = async id => {
   // @ts-ignore
-  return invoke$5('ExtensionHostReference.executeFileReferenceProvider', id);
+  return invoke$4('ExtensionHostReference.executeFileReferenceProvider', id);
 };
 const getRuntimeStatus$2 = async extensionId => {
   // @ts-ignore
-  return invoke$5('ExtensionHost.getRuntimeStatus', extensionId);
+  return invoke$4('ExtensionHost.getRuntimeStatus', extensionId);
 };
-const registerMockRpc$3 = commandMap => {
+const registerMockRpc$2 = commandMap => {
   const mockRpc = createMockRpc({
     commandMap
   });
-  set$9(mockRpc);
+  set$8(mockRpc);
   return mockRpc;
 };
 
 const ExtensionHost = {
   __proto__: null,
-  dispose: dispose$5,
+  dispose: dispose$4,
   executeFileReferenceProvider,
   executeReferenceProvider,
   getRuntimeStatus: getRuntimeStatus$2,
-  invoke: invoke$5,
+  invoke: invoke$4,
   invokeAndTransfer: invokeAndTransfer$3,
-  registerMockRpc: registerMockRpc$3,
-  set: set$9
+  registerMockRpc: registerMockRpc$2,
+  set: set$8
 };
 
 const {
-  invoke: invoke$4,
+  invoke: invoke$3,
   invokeAndTransfer: invokeAndTransfer$2,
-  set: set$8,
-  dispose: dispose$4
+  set: set$7,
+  dispose: dispose$3
 } = create$7(FileSystemWorker$1);
 const remove = async dirent => {
-  return invoke$4('FileSystem.remove', dirent);
+  return invoke$3('FileSystem.remove', dirent);
 };
 const readDirWithFileTypes = async uri => {
-  return invoke$4('FileSystem.readDirWithFileTypes', uri);
+  return invoke$3('FileSystem.readDirWithFileTypes', uri);
 };
 const getPathSeparator = async root => {
   // @ts-ignore
-  return invoke$4('FileSystem.getPathSeparator', root);
+  return invoke$3('FileSystem.getPathSeparator', root);
 };
 const getRealPath = async path => {
-  return invoke$4('FileSystem.getRealPath', path);
+  return invoke$3('FileSystem.getRealPath', path);
 };
 const stat = async dirent => {
-  return invoke$4('FileSystem.stat', dirent);
+  return invoke$3('FileSystem.stat', dirent);
 };
 const createFile = async uri => {
-  return invoke$4('FileSystem.writeFile', uri, '');
+  return invoke$3('FileSystem.writeFile', uri, '');
 };
-const readFile$3 = async uri => {
-  return invoke$4('FileSystem.readFile', uri);
+const readFile$2 = async uri => {
+  return invoke$3('FileSystem.readFile', uri);
 };
 const writeFile = async (uri, content) => {
-  return invoke$4('FileSystem.writeFile', uri, content);
+  return invoke$3('FileSystem.writeFile', uri, content);
 };
 const mkdir = async uri => {
-  return invoke$4('FileSystem.mkdir', uri);
+  return invoke$3('FileSystem.mkdir', uri);
 };
 const rename = async (oldUri, newUri) => {
-  return invoke$4('FileSystem.rename', oldUri, newUri);
+  return invoke$3('FileSystem.rename', oldUri, newUri);
 };
 const copy = async (oldUri, newUri) => {
-  return invoke$4('FileSystem.copy', oldUri, newUri);
+  return invoke$3('FileSystem.copy', oldUri, newUri);
 };
 const exists$1 = async uri => {
   // @ts-ignore
-  return invoke$4('FileSystem.exists', uri);
+  return invoke$3('FileSystem.exists', uri);
 };
-const getFolderSize$2 = async uri => {
+const getFolderSize$1 = async uri => {
   // @ts-ignore
-  return invoke$4('FileSystem.getFolderSize', uri);
+  return invoke$3('FileSystem.getFolderSize', uri);
 };
 const readFileAsBlob$1 = async uri => {
   // @ts-ignore
-  return invoke$4('FileSystem.readFileAsBlob', uri);
+  return invoke$3('FileSystem.readFileAsBlob', uri);
 };
 const appendFile = async (uri, text) => {
   // @ts-ignore
-  return invoke$4('FileSystem.appendFile', uri, text);
+  return invoke$3('FileSystem.appendFile', uri, text);
 };
-const registerMockRpc$2 = commandMap => {
+const registerMockRpc$1 = commandMap => {
   const mockRpc = createMockRpc({
     commandMap
   });
-  set$8(mockRpc);
+  set$7(mockRpc);
   return mockRpc;
 };
 
@@ -2182,417 +2194,131 @@ const FileSystemWorker = {
   appendFile,
   copy,
   createFile,
-  dispose: dispose$4,
+  dispose: dispose$3,
   exists: exists$1,
-  getFolderSize: getFolderSize$2,
+  getFolderSize: getFolderSize$1,
   getPathSeparator,
   getRealPath,
-  invoke: invoke$4,
+  invoke: invoke$3,
   invokeAndTransfer: invokeAndTransfer$2,
   mkdir,
   readDirWithFileTypes,
-  readFile: readFile$3,
+  readFile: readFile$2,
   readFileAsBlob: readFileAsBlob$1,
-  registerMockRpc: registerMockRpc$2,
+  registerMockRpc: registerMockRpc$1,
   remove,
   rename,
-  set: set$8,
+  set: set$7,
   stat,
   writeFile
 };
 
 const {
-  invoke: invoke$3,
+  invoke: invoke$2,
   invokeAndTransfer: invokeAndTransfer$1,
-  set: set$7,
-  dispose: dispose$3
+  set: set$6,
+  dispose: dispose$2
 } = create$7(MarkdownWorker$1);
 const getVirtualDom$1 = async html => {
   // @ts-ignore
-  return invoke$3('Markdown.getVirtualDom', html);
+  return invoke$2('Markdown.getVirtualDom', html);
 };
 const render$1 = async (markdown, options) => {
   // @ts-ignore
-  return invoke$3('Markdown.render', markdown, options);
+  return invoke$2('Markdown.render', markdown, options);
 };
-const registerMockRpc$1 = commandMap => {
+const registerMockRpc = commandMap => {
   const mockRpc = createMockRpc({
     commandMap
   });
-  set$7(mockRpc);
+  set$6(mockRpc);
   return mockRpc;
 };
 
 const MarkdownWorker = {
   __proto__: null,
-  dispose: dispose$3,
+  dispose: dispose$2,
   getVirtualDom: getVirtualDom$1,
-  invoke: invoke$3,
+  invoke: invoke$2,
   invokeAndTransfer: invokeAndTransfer$1,
-  registerMockRpc: registerMockRpc$1,
+  registerMockRpc,
   render: render$1,
-  set: set$7
+  set: set$6
 };
 
 const {
-  invoke: invoke$2,
+  invoke: invoke$1,
   invokeAndTransfer,
-  set: set$6,
-  dispose: dispose$2
-} = create$7(RendererWorker$1);
-const searchFileHtml = async uri => {
-  return invoke$2('ExtensionHost.searchFileWithHtml', uri);
-};
-const getFilePathElectron = async file => {
-  return invoke$2('FileSystemHandle.getFilePathElectron', file);
-};
-const showContextMenu = async (x, y, id, ...args) => {
-  return invoke$2('ContextMenu.show', x, y, id, ...args);
-};
-const getElectronVersion = async () => {
-  return invoke$2('Process.getElectronVersion');
-};
-const applyBulkReplacement = async bulkEdits => {
-  await invoke$2('BulkReplacement.applyBulkReplacement', bulkEdits);
-};
-const setColorTheme$2 = async id => {
+  set: set$5} = create$7(RendererWorker);
+const setColorTheme$1 = async id => {
   // @ts-ignore
-  return invoke$2(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
-};
-const getNodeVersion = async () => {
-  return invoke$2('Process.getNodeVersion');
-};
-const getChromeVersion = async () => {
-  return invoke$2('Process.getChromeVersion');
-};
-const getV8Version = async () => {
-  return invoke$2('Process.getV8Version');
-};
-const getFileHandles = async fileIds => {
-  const files = await invoke$2('FileSystemHandle.getFileHandles', fileIds);
-  return files;
+  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
-const setWorkspacePath = async path => {
-  await invoke$2('Workspace.setPath', path);
-};
-const registerWebViewInterceptor = async (id, port) => {
-  await invokeAndTransfer('WebView.registerInterceptor', id, port);
-};
-const unregisterWebViewInterceptor = async id => {
-  await invoke$2('WebView.unregisterInterceptor', id);
-};
-const sendMessagePortToEditorWorker = async (port, rpcId) => {
-  const command = 'HandleMessagePort.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
-};
-const sendMessagePortToErrorWorker = async (port, rpcId) => {
-  const command = 'Errors.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToErrorWorker', port, command, rpcId);
-};
-const sendMessagePortToMarkdownWorker$2 = async (port, rpcId) => {
+const sendMessagePortToMarkdownWorker$1 = async (port, rpcId) => {
   const command = 'Markdown.handleMessagePort';
   // @ts-ignore
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
 };
-const sendMessagePortToIconThemeWorker = async (port, rpcId) => {
-  const command = 'IconTheme.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
-};
-const sendMessagePortToFileSystemWorker$2 = async (port, rpcId) => {
+const sendMessagePortToFileSystemWorker$1 = async (port, rpcId) => {
   const command = 'FileSystem.handleMessagePort';
   // @ts-ignore
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
 };
-const readFile$2 = async uri => {
-  return invoke$2('FileSystem.readFile', uri);
-};
-const getWebViewSecret = async key => {
+const disableExtension$1 = async id => {
   // @ts-ignore
-  return invoke$2('WebView.getSecret', key);
-};
-const setWebViewPort = async (uid, port, origin, portType) => {
-  return invokeAndTransfer('WebView.setPort', uid, port, origin, portType);
-};
-const setFocus = key => {
-  return invoke$2('Focus.setFocus', key);
-};
-const getFileIcon = async options => {
-  return invoke$2('IconTheme.getFileIcon', options);
+  return invoke$1('ExtensionManagement.disable', id);
 };
-const getColorThemeNames = async () => {
-  return invoke$2('ColorTheme.getColorThemeNames');
-};
-const disableExtension$2 = async id => {
-  // @ts-ignore
-  return invoke$2('ExtensionManagement.disable', id);
-};
-const enableExtension$2 = async id => {
-  // @ts-ignore
-  return invoke$2('ExtensionManagement.enable', id);
-};
-const handleDebugChange = async params => {
+const enableExtension$1 = async id => {
   // @ts-ignore
-  return invoke$2('Run And Debug.handleChange', params);
+  return invoke$1('ExtensionManagement.enable', id);
 };
-const getFolderIcon = async options => {
-  return invoke$2('IconTheme.getFolderIcon', options);
-};
-const closeWidget = async widgetId => {
-  return invoke$2('Viewlet.closeWidget', widgetId);
-};
-const sendMessagePortToExtensionHostWorker$2 = async (port, rpcId = 0) => {
+const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
 };
-const sendMessagePortToSearchProcess = async port => {
-  await invokeAndTransfer('SendMessagePortToElectron.sendMessagePortToElectron', port, 'HandleMessagePortForSearchProcess.handleMessagePortForSearchProcess');
-};
 const confirm = async (message, options) => {
   // @ts-ignore
-  const result = await invoke$2('ConfirmPrompt.prompt', message, options);
+  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
   return result;
 };
-const getRecentlyOpened = async () => {
-  return invoke$2(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
-};
-const getKeyBindings = async () => {
-  return invoke$2('KeyBindingsInitial.getKeyBindings');
+const writeClipBoardText = async text => {
+  await invoke$1('ClipBoard.writeText', /* text */text);
 };
-const writeClipBoardText$1 = async text => {
-  await invoke$2('ClipBoard.writeText', /* text */text);
-};
-const writeClipBoardImage$1 = async blob => {
-  // @ts-ignore
-  await invoke$2('ClipBoard.writeImage', /* text */blob);
-};
-const searchFileMemory = async uri => {
+const writeClipBoardImage = async blob => {
   // @ts-ignore
-  return invoke$2('ExtensionHost.searchFileWithMemory', uri);
-};
-const searchFileFetch = async uri => {
-  return invoke$2('ExtensionHost.searchFileWithFetch', uri);
-};
-const showMessageBox = async options => {
-  return invoke$2('ElectronDialog.showMessageBox', options);
-};
-const handleDebugResumed = async params => {
-  await invoke$2('Run And Debug.handleResumed', params);
-};
-const openWidget = async name => {
-  await invoke$2('Viewlet.openWidget', name);
-};
-const getIcons = async requests => {
-  const icons = await invoke$2('IconTheme.getIcons', requests);
-  return icons;
-};
-const activateByEvent = event => {
-  return invoke$2('ExtensionHostManagement.activateByEvent', event);
+  await invoke$1('ClipBoard.writeImage', /* text */blob);
 };
-const setAdditionalFocus = focusKey => {
-  // @ts-ignore
-  return invoke$2('Focus.setAdditionalFocus', focusKey);
+const getAllExtensions$1 = async () => {
+  return invoke$1('ExtensionManagement.getAllExtensions');
 };
-const getActiveEditorId = () => {
+const getExtension$2 = async id => {
   // @ts-ignore
-  return invoke$2('GetActiveEditor.getActiveEditorId');
-};
-const getWorkspacePath = () => {
-  return invoke$2('Workspace.getPath');
+  return invoke$1('ExtensionManagement.getExtension', id);
 };
-const sendMessagePortToRendererProcess = async port => {
-  const command = 'HandleMessagePort.handleMessagePort';
+const openNativeFolder = async uri => {
   // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker);
-};
-const getPreference = async key => {
-  return await invoke$2('Preferences.get', key);
+  await invoke$1('OpenNativeFolder.openNativeFolder', uri);
 };
-const getAllExtensions$2 = async () => {
-  return invoke$2('ExtensionManagement.getAllExtensions');
+const uninstallExtension = async id => {
+  return invoke$1('ExtensionManagement.uninstall', id);
 };
-const rerenderEditor = async key => {
+const openExtensionSearch$1 = async () => {
   // @ts-ignore
-  return invoke$2('Editor.rerender', key);
-};
-const handleDebugPaused = async params => {
-  await invoke$2('Run And Debug.handlePaused', params);
-};
-const openUri = async (uri, focus, options) => {
-  await invoke$2('Main.openUri', uri, focus, options);
+  return invoke$1('SideBar.openViewlet', 'Extensions');
 };
-const sendMessagePortToSyntaxHighlightingWorker = async port => {
-  await invokeAndTransfer(
+const setExtensionsSearchValue = async searchValue => {
   // @ts-ignore
-  'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
+  return invoke$1('Extensions.handleInput', searchValue, Script$1);
 };
-const handleDebugScriptParsed = async script => {
-  await invoke$2('Run And Debug.handleScriptParsed', script);
-};
-const getWindowId = async () => {
-  return invoke$2('GetWindowId.getWindowId');
-};
-const getBlob = async uri => {
+const openUrl$1 = async uri => {
   // @ts-ignore
-  return invoke$2('FileSystem.getBlob', uri);
-};
-const getExtensionCommands = async () => {
-  return invoke$2('ExtensionHost.getCommands');
-};
-const showErrorDialog = async errorInfo => {
-  // @ts-ignore
-  await invoke$2('ErrorHandling.showErrorDialog', errorInfo);
-};
-const getFolderSize$1 = async uri => {
-  // @ts-ignore
-  return await invoke$2('FileSystem.getFolderSize', uri);
-};
-const getExtension$3 = async id => {
-  // @ts-ignore
-  return invoke$2('ExtensionManagement.getExtension', id);
-};
-const getMarkdownDom = async html => {
-  // @ts-ignore
-  return invoke$2('Markdown.getVirtualDom', html);
-};
-const renderMarkdown$1 = async (markdown, options) => {
-  // @ts-ignore
-  return invoke$2('Markdown.renderMarkdown', markdown, options);
-};
-const openNativeFolder$1 = async uri => {
-  // @ts-ignore
-  await invoke$2('OpenNativeFolder.openNativeFolder', uri);
-};
-const uninstallExtension$1 = async id => {
-  return invoke$2('ExtensionManagement.uninstall', id);
-};
-const installExtension = async id => {
-  // @ts-ignore
-  return invoke$2('ExtensionManagement.install', id);
-};
-const openExtensionSearch$2 = async () => {
-  // @ts-ignore
-  return invoke$2('SideBar.openViewlet', 'Extensions');
-};
-const setExtensionsSearchValue$1 = async searchValue => {
-  // @ts-ignore
-  return invoke$2('Extensions.handleInput', searchValue);
-};
-const openExternal = async uri => {
-  // @ts-ignore
-  await invoke$2('Open.openExternal', uri);
-};
-const openUrl$2 = async uri => {
-  // @ts-ignore
-  await invoke$2('Open.openUrl', uri);
-};
-const getAllPreferences = async () => {
-  // @ts-ignore
-  return invoke$2('Preferences.getAll');
-};
-const showSaveFilePicker = async () => {
-  // @ts-ignore
-  return invoke$2('FilePicker.showSaveFilePicker');
-};
-const getLogsDir = async () => {
-  // @ts-ignore
-  return invoke$2('PlatformPaths.getLogsDir');
-};
-const registerMockRpc = commandMap => {
-  const mockRpc = createMockRpc({
-    commandMap
-  });
-  set$6(mockRpc);
-  return mockRpc;
-};
-
-const RendererWorker = {
-  __proto__: null,
-  activateByEvent,
-  applyBulkReplacement,
-  closeWidget,
-  confirm,
-  disableExtension: disableExtension$2,
-  dispose: dispose$2,
-  enableExtension: enableExtension$2,
-  getActiveEditorId,
-  getAllExtensions: getAllExtensions$2,
-  getAllPreferences,
-  getBlob,
-  getChromeVersion,
-  getColorThemeNames,
-  getElectronVersion,
-  getExtension: getExtension$3,
-  getExtensionCommands,
-  getFileHandles,
-  getFileIcon,
-  getFilePathElectron,
-  getFolderIcon,
-  getFolderSize: getFolderSize$1,
-  getIcons,
-  getKeyBindings,
-  getLogsDir,
-  getMarkdownDom,
-  getNodeVersion,
-  getPreference,
-  getRecentlyOpened,
-  getV8Version,
-  getWebViewSecret,
-  getWindowId,
-  getWorkspacePath,
-  handleDebugChange,
-  handleDebugPaused,
-  handleDebugResumed,
-  handleDebugScriptParsed,
-  installExtension,
-  invoke: invoke$2,
-  invokeAndTransfer,
-  openExtensionSearch: openExtensionSearch$2,
-  openExternal,
-  openNativeFolder: openNativeFolder$1,
-  openUri,
-  openUrl: openUrl$2,
-  openWidget,
-  readFile: readFile$2,
-  registerMockRpc,
-  registerWebViewInterceptor,
-  renderMarkdown: renderMarkdown$1,
-  rerenderEditor,
-  searchFileFetch,
-  searchFileHtml,
-  searchFileMemory,
-  sendMessagePortToEditorWorker,
-  sendMessagePortToErrorWorker,
-  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$2,
-  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$2,
-  sendMessagePortToIconThemeWorker,
-  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$2,
-  sendMessagePortToRendererProcess,
-  sendMessagePortToSearchProcess,
-  sendMessagePortToSyntaxHighlightingWorker,
-  set: set$6,
-  setAdditionalFocus,
-  setColorTheme: setColorTheme$2,
-  setExtensionsSearchValue: setExtensionsSearchValue$1,
-  setFocus,
-  setWebViewPort,
-  setWorkspacePath,
-  showContextMenu,
-  showErrorDialog,
-  showMessageBox,
-  showSaveFilePicker,
-  uninstallExtension: uninstallExtension$1,
-  unregisterWebViewInterceptor,
-  writeClipBoardImage: writeClipBoardImage$1,
-  writeClipBoardText: writeClipBoardText$1
+  await invoke$1('Open.openUrl', uri);
 };
 
 /* eslint-disable unicorn/prefer-export-from */
 
 const {
-  set: set$5,
+  set: set$4,
   getRuntimeStatus: getRuntimeStatus$1} = ExtensionHost;
 
 const getRuntimeStatus = async extensionId => {
@@ -2816,7 +2542,7 @@ const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
     name: ScrollToTop
   }, {
     type: Div,
-    className: 'MaskIcon MaskIconChevronUp',
+    className: mergeClassNames(MaskIcon, MaskIconChevronUp),
     childCount: 0,
     role: None$3
   }];
@@ -2825,7 +2551,7 @@ const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
 /* eslint-disable unicorn/prefer-export-from */
 
 const {
-  set: set$4,
+  set: set$3,
   getVirtualDom,
   render} = MarkdownWorker;
 
@@ -2954,7 +2680,7 @@ const get$1 = async key => {
   const text = await response?.text();
   return text || '';
 };
-const set$3 = async (key, value) => {
+const set$2 = async (key, value) => {
   const cache = await getCache(cacheName);
   await cache.put(key, new Response(value, {
     headers: {
@@ -2972,7 +2698,7 @@ const renderMarkdownCached = async (markdown, options) => {
     return value; // TODO validate if it's valid
   }
   const html = await render(markdown, options);
-  await set$3(cacheKey, html);
+  await set$2(cacheKey, html);
   return html;
 };
 
@@ -3280,27 +3006,6 @@ const terminate = () => {
   globalThis.close();
 };
 
-/* eslint-disable unicorn/prefer-export-from */
-
-const {
-  disableExtension: disableExtension$1,
-  enableExtension: enableExtension$1,
-  getAllExtensions: getAllExtensions$1,
-  getExtension: getExtension$2,
-  invoke: invoke$1,
-  openExtensionSearch: openExtensionSearch$1,
-  openNativeFolder,
-  openUrl: openUrl$1,
-  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1,
-  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1,
-  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1,
-  set: set$2,
-  setColorTheme: setColorTheme$1,
-  setExtensionsSearchValue,
-  uninstallExtension,
-  writeClipBoardImage,
-  writeClipBoardText} = RendererWorker;
-
 const writeClipboardImage = async blob => {
   await writeClipBoardImage(blob);
 };
@@ -3365,13 +3070,9 @@ const {
 
 const create = (uid, uri, x, y, width, height, platform, assetDir) => {
   const state = {
-    wasActivatedByEvent: '',
-    activationTime: 0,
-    importTime: 0,
-    disabled: false,
-    status: 0,
-    uid,
+    activationEntries: [],
     activationEvents: [],
+    activationTime: 0,
     assetDir: assetDir || '',
     badge: '',
     baseUrl: '',
@@ -3380,52 +3081,57 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     categories: [],
     changelogScrollTop: 0,
     changelogVirtualDom: [],
-    extensionUri: '',
     commands: [],
-    hasReadme: false,
     description: '',
     detailsVirtualDom: [],
+    disabled: false,
     displaySize: '',
     downloadCount: 'n/a',
-    installationEntries: [],
     extension: {},
     extensionId: '',
+    extensionUri: '',
     extensionVersion: '',
     features: [],
     featuresVirtualDom: [],
     focus: 0,
     folderSize: 0,
     hasColorTheme: false,
+    hasReadme: false,
     iconSrc: '',
+    importTime: 0,
+    installationEntries: [],
     jsonValidation: [],
+    locationProtocol: '',
+    marketplaceEntries: [],
     name: '',
+    paddingLeft: 0,
+    paddingRight: 0,
     platform,
     programmingLanguages: [],
     rating: 'n/a',
     readmeScrollTop: 0,
+    readmeUrl: '',
     resources: [],
     scrollSource: 0,
     scrollToTopButtonEnabled: false,
-    marketplaceEntries: [],
     selectedFeature: '',
     selectedTab: '',
     settings: [],
     settingsButtonEnabled: false,
     showAdditionalDetailsBreakpoint: 700,
+    showSideBar: true,
+    sideBarWidth: 0,
     sizeOnDisk: 0,
     sizeValue: 0,
+    status: 0,
     tabs: [],
     themesMarkdownDom: [],
+    uid,
     uri,
+    wasActivatedByEvent: '',
     webViews: [],
     width,
-    readmeUrl: '',
-    paddingLeft: 0,
-    paddingRight: 0,
-    showSideBar: true,
-    sideBarWidth: 0,
-    locationProtocol: '',
-    activationEntries: []
+    showSizeLink: false
   };
   set(uid, state, state);
 };
@@ -3439,7 +3145,7 @@ const isEqual$2 = (oldState, newState) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.activationEvents === newState.activationEvents && oldState.badge === newState.badge && oldState.buttons === newState.buttons && oldState.categories === newState.categories && oldState.changelogVirtualDom === newState.changelogVirtualDom && oldState.commands === newState.commands && oldState.description === newState.description && oldState.detailsVirtualDom === newState.detailsVirtualDom && oldState.disabled === newState.disabled && oldState.displaySize === newState.displaySize && oldState.extensionId === newState.extensionId && oldState.extensionVersion === newState.extensionVersion && oldState.features === newState.features && oldState.jsonValidation === newState.jsonValidation && oldState.resources === newState.resources && oldState.selectedFeature === newState.selectedFeature && oldState.selectedTab === newState.selectedTab && oldState.settings === newState.settings && oldState.showSideBar === newState.showSideBar && oldState.sizeValue === newState.sizeValue && oldState.themesMarkdownDom === newState.themesMarkdownDom && oldState.webViews === newState.webViews;
+  return oldState.activationEvents === newState.activationEvents && oldState.badge === newState.badge && oldState.buttons === newState.buttons && oldState.categories === newState.categories && oldState.changelogVirtualDom === newState.changelogVirtualDom && oldState.commands === newState.commands && oldState.description === newState.description && oldState.detailsVirtualDom === newState.detailsVirtualDom && oldState.disabled === newState.disabled && oldState.displaySize === newState.displaySize && oldState.extensionId === newState.extensionId && oldState.extensionVersion === newState.extensionVersion && oldState.features === newState.features && oldState.installationEntries === newState.installationEntries && oldState.jsonValidation === newState.jsonValidation && oldState.resources === newState.resources && oldState.selectedFeature === newState.selectedFeature && oldState.selectedTab === newState.selectedTab && oldState.settings === newState.settings && oldState.showSideBar === newState.showSideBar && oldState.sizeValue === newState.sizeValue && oldState.themesMarkdownDom === newState.themesMarkdownDom && oldState.webViews === newState.webViews;
 };
 
 const User = 1;
@@ -3601,6 +3307,10 @@ const handleAdditionalDetailContextMenu = state => {
   return state;
 };
 
+const getCategorySearchValue = categoryId => {
+  return `@category:"${categoryId}"`;
+};
+
 const openExtensionSearch = async searchValue => {
   await openExtensionSearch$1();
   await setExtensionsSearchValue(searchValue);
@@ -3610,7 +3320,7 @@ const handleClickCategory = async (state, categoryId) => {
   if (!categoryId) {
     return state;
   }
-  const searchValue = `@category:"${categoryId}"`;
+  const searchValue = getCategorySearchValue(categoryId);
   await openExtensionSearch(searchValue);
   return state;
 };
@@ -3654,7 +3364,7 @@ const getExtension = async (id, platform) => {
 
 const getExtensionDetailButtons = (hasColorTheme, isBuiltin, isDisabled) => {
   const allActions = [{
-    label: setColorTheme$3(),
+    label: setColorTheme$2(),
     onClick: HandleClickSetColorTheme,
     enabled: hasColorTheme,
     name: SetColorTheme
@@ -3864,7 +3574,7 @@ const handleReadmeClick = async (state, nodeName, href) => {
   }
   // TODO what to do about relative links? open them in editor?
   // TODO what to do about mail links?
-  await openUrl$2(href);
+  await openUrl$1(href);
   // TODO check node name and href
   return state;
 };
@@ -4057,6 +3767,53 @@ const handleTabsClick = (state, name) => {
   return selectTab(state, name);
 };
 
+const getSizeEntries = (showSizeLink, displaySize, extensionUri) => {
+  if (!showSizeLink) {
+    return [];
+  }
+  return [{
+    key: size(),
+    value: displaySize,
+    onClick: HandleClickSize,
+    title: extensionUri
+  }];
+};
+
+const getInstallationEntries = (displaySize, extensionId, extensionVersion, extensionUri, showSizeLink) => {
+  const entries = [{
+    key: identifier(),
+    value: extensionId,
+    odd: true,
+    code: true
+  }, {
+    key: version(),
+    value: extensionVersion,
+    code: true
+  }, {
+    key: lastUpdated(),
+    value: 'n/a',
+    // TODO get this from somewhere
+    odd: true
+  }, ...getSizeEntries(showSizeLink, displaySize, extensionUri)];
+  return entries;
+};
+
+const hideSizeLink = state => {
+  const {
+    displaySize,
+    extensionId,
+    extensionVersion,
+    extensionUri
+  } = state;
+  const newShowSizeLink = false;
+  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri, newShowSizeLink);
+  return {
+    ...state,
+    installationEntries,
+    showSizeLink: newShowSizeLink
+  };
+};
+
 const sendMessagePortToExtensionHostWorker = async port => {
   await sendMessagePortToExtensionHostWorker$1(port, 0);
 };
@@ -4075,7 +3832,7 @@ const createExtensionHostWorkerRpc = async () => {
 
 const initializeExtensionHostWorker = async () => {
   const rpc = await createExtensionHostWorkerRpc();
-  set$5(rpc);
+  set$4(rpc);
 };
 
 const sendMessagePortToFileSystemWorker = async port => {
@@ -4117,7 +3874,7 @@ const createMarkdownWorkerRpc = async () => {
 
 const initializeMarkdownWorker = async () => {
   const rpc = await createMarkdownWorkerRpc();
-  set$4(rpc);
+  set$3(rpc);
 };
 
 const initialize = async () => {
@@ -4508,30 +4265,6 @@ const getFolderSize = async uri => {
   }
 };
 
-const getInstallationEntries = (displaySize, extensionId, extensionVersion, extensionUri) => {
-  const entries = [{
-    key: identifier(),
-    value: extensionId,
-    odd: true,
-    code: true
-  }, {
-    key: version(),
-    value: extensionVersion,
-    code: true
-  }, {
-    key: lastUpdated(),
-    value: 'n/a',
-    // TODO get this from somewhere
-    odd: true
-  }, {
-    key: size(),
-    value: displaySize,
-    onClick: HandleClickSize,
-    title: extensionUri
-  }];
-  return entries;
-};
-
 const getMarketplaceEntries = isBuiltin => {
   if (isBuiltin) {
     return [];
@@ -4546,6 +4279,11 @@ const getMarketplaceEntries = isBuiltin => {
   }];
 };
 
+const getLicenseLink = extension => {
+  // TODO
+  return '#';
+};
+
 const getRepositoryLinkRaw = extension => {
   if (extension && hasProperty(extension, 'repository') && typeof extension.repository === 'string') {
     return extension.repository; // TODO watch out for javascript: or other invalid links or path traversal
@@ -4573,36 +4311,41 @@ const getResources = (isBuiltin, extension) => {
     return [];
   }
   const repositoryLink = getRepositoryLink(extension);
+  const licenseLink = getLicenseLink();
   // TODO
   return [{
     label: marketplace(),
-    url: '#'
+    url: '#',
+    icon: 'LinkExternal'
   }, {
     label: issues(),
-    url: '#'
+    url: '#',
+    icon: 'LinkExternal'
   }, {
     label: repository(),
-    url: repositoryLink
+    url: repositoryLink,
+    icon: 'Repo'
   }, {
     label: license(),
-    url: '#'
+    url: licenseLink,
+    icon: 'LinkExternal'
   }];
 };
 
-const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, isBuiltin, extension) => {
+const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink) => {
   const folderSize = await getFolderSize(extensionUri);
   const displaySize = getDisplaySize(folderSize);
-  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri);
+  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri, showSizeLink);
   const marketplaceEntries = getMarketplaceEntries(isBuiltin);
   const categories = getCategories(extension);
   const resources = getResources(isBuiltin, extension);
   return {
+    categories,
+    displaySize,
+    folderSize,
     installationEntries,
     marketplaceEntries,
-    displaySize,
-    categories,
-    resources,
-    folderSize
+    resources
   };
 };
 
@@ -4702,6 +4445,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
   const tabs = getTabs(selectedTab, hasReadme, hasFeatures, hasChangelog);
   const enabledTabs = tabs.filter(tab => tab.enabled);
   const sizeValue = getViewletSize(width || 0);
+  const showSizeLink = platform !== Web$1;
   const {
     installationEntries,
     marketplaceEntries,
@@ -4709,7 +4453,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     categories,
     resources,
     folderSize
-  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin, extension);
+  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink);
   const padding = getPadding(width);
   const sideBarWidth = getSideBarWidth(width);
   const showSideBar = sideBarWidth > 0;
@@ -4735,6 +4479,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     hasReadme,
     iconSrc,
     installationEntries,
+    locationProtocol,
     marketplaceEntries,
     name,
     paddingLeft: padding,
@@ -4747,11 +4492,11 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     scrollToTopButtonEnabled: true,
     selectedTab,
     showSideBar,
+    showSizeLink,
     sideBarWidth,
     sizeOnDisk: size,
     sizeValue,
-    tabs: enabledTabs,
-    locationProtocol
+    tabs: enabledTabs
   };
 };
 
@@ -4927,6 +4672,38 @@ const getMoreInfoVirtualDom = items => {
   }, ...items.flatMap(getMoreInfoEntryVirtualDom)];
 };
 
+const getIconDom = icon => {
+  if (!icon) {
+    return [];
+  }
+  return [{
+    type: Div,
+    className: ResourceIcon,
+    childCount: 1
+  }, {
+    type: Div,
+    className: mergeClassNames(MaskIcon, `MaskIcon${icon}`),
+    childCount: 0
+  }];
+};
+const getResourceLinkVirtualDom = resource => {
+  const {
+    label,
+    url,
+    icon
+  } = resource;
+  const iconDom = getIconDom(icon);
+  const iconDomCount = iconDom.length > 0 ? 1 : 0;
+  return [{
+    type: A,
+    className: Resource,
+    childCount: 1 + iconDomCount,
+    target: '_blank',
+    rel: 'noopener noreferrer',
+    href: url
+  }, ...iconDom, text(label)];
+};
+
 const resourceNode = {
   // TODO use link with url
   type: Div,
@@ -4939,14 +4716,7 @@ const getResourceVirtualDom = resource => {
     url
   } = resource;
   if (url && url !== '#') {
-    return [{
-      type: A,
-      className: Resource,
-      childCount: 1,
-      target: '_blank',
-      rel: 'noopener noreferrer',
-      href: url
-    }, text(label)];
+    return getResourceLinkVirtualDom(resource);
   }
   return [resourceNode, text(label)];
 };
@@ -5439,6 +5209,7 @@ const commandMap = {
   'ExtensionDetail.handleTabsClick': wrapCommand(handleTabsClick),
   'ExtensionDetail.handleWheel': wrapCommand(handleScroll),
   // deprecated
+  'ExtensionDetail.hideSizeLink': wrapCommand(hideSizeLink),
   'ExtensionDetail.initialize': initialize,
   'ExtensionDetail.loadContent2': wrapCommand(loadContent2),
   'ExtensionDetail.openImageInNewTab': wrapCommand(openImageInNewTab),
@@ -5455,7 +5226,7 @@ const listen = async () => {
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
-  set$2(rpc);
+  set$5(rpc);
 };
 
 const main = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "5.4.0",
+  "version": "5.7.0",
   "description": "Extension Detail View Worker",
   "repository": {
     "type": "git",