@lvce-editor/static-server 0.64.4 → 0.66.6

package/static/{f04e70d → 26ac40c}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js

@@ -25,12 +25,10 @@ const Elements = 'Elements';
 const EmptyCommandsArray = 'The extension contributes an empty commands array.';
 const Enable$1 = 'Enable';
 const Features$2 = 'Features';
-const FileMatch = 'File Match';
-const Id = 'ID';
-const Name = 'Name';
 const FileExtensions = 'File Extensions';
+const FileMatch = 'File Match';
 const Grammar = 'Grammar';
-const Snippets = 'Snippets';
+const Id = 'ID';
 const Identifier = 'Identifier';
 const ImportTime = 'Import Time: ';
 const Installation = 'Installation';
@@ -42,7 +40,8 @@ const LastReleased = 'Last Released';
 const LastUpdated = 'Last Updated';
 const License = 'License';
 const Marketplace = 'Marketplace';
-const None$3 = 'None';
+const Name = 'Name';
+const None$4 = 'None';
 const NoReadmeFound = 'No Readme Found.';
 const OpenImageInNewTab = 'Open Image in New Tab';
 const OpenInNewTab = 'Open in New Tab';
@@ -61,6 +60,8 @@ const Selector = 'Selector';
 const SetColorTheme$1 = 'Set Color Theme';
 const Settings$1 = 'Settings';
 const Size = 'Size';
+const Snippets = 'Snippets';
+const Status = 'Status';
 const StringMustNotBeEmpty = 'String must not be empty';
 const Theme$1 = 'Theme';
 const Uninstall$1 = 'Uninstall';
@@ -102,7 +103,7 @@ const features$1 = () => {
   return i18nString(Features$2);
 };
 const none = () => {
-  return i18nString(None$3);
+  return i18nString(None$4);
 };
 const openInNewTab = () => {
   return i18nString(OpenInNewTab);
@@ -122,6 +123,9 @@ const fileMatch = () => {
 const schema = () => {
   return i18nString(Schema);
 };
+const status = () => {
+  return i18nString(Status);
+};
 const setColorTheme$3 = () => {
   return i18nString(SetColorTheme$1);
 };
@@ -288,7 +292,7 @@ const featureActivationEventsEnabled = extension => {
   return Array.isArray(extension.activation);
 };
 
-const None$2 = 'none';
+const None$3 = 'none';
 const Panel = 'panel';
 const Tab = 'tab';
 const TabList = 'tablist';
@@ -321,7 +325,13 @@ const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
 const TargetHref = 'event.target.href';
 const TargetName = 'event.target.name';
-const TargetSrc = 'event.target.src';
+
+const ExtensionDetailReadme = 20;
+const ExtensionDetailIconContextMenu$3 = 4091;
+
+const None$2 = 0;
+
+const Web$1 = 1;
 
 const DebugWorker = 55;
 const ExtensionHostWorker = 44;
@@ -350,6 +360,8 @@ 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 DefinitionListItem = 'DefinitionListItem';
@@ -446,6 +458,8 @@ const getActivationEventsVirtualDom = state => {
 const Text = 1;
 const Code = 2;
 const Link = 7;
+const CodeList = 8;
+const CheckMark = 9;
 
 const getCommandTableEntry = command => {
   // TODO watch out for command being null/undefined/number/string/array
@@ -507,6 +521,41 @@ const getTableHeadingVirtualDom = heading => {
   }, text(heading)];
 };
 
+const getCheckedText = checked => {
+  if (checked) {
+    return 'yes';
+  }
+  return 'no';
+};
+const getCellCheckMarkVirtualDom = (value, props) => {
+  const {
+    checked
+  } = props;
+  const checkedText = getCheckedText(checked);
+  return [{
+    type: Td,
+    className: TableCell,
+    childCount: 1
+  }, text(checkedText)];
+};
+
+const getListItemDom = item => {
+  return [{
+    type: Code$2,
+    childCount: 1
+  }, text(item)];
+};
+const getCellCodeListVirtualDom = (value, props) => {
+  const {
+    listItems
+  } = props;
+  return [{
+    type: Td,
+    className: TableCell,
+    childCount: listItems.length
+  }, ...listItems.flatMap(getListItemDom)];
+};
+
 const getCellCodeVirtualDom = (value, props) => {
   const tdClassName = props?.className ? `${TableCell} ${props.className}` : TableCell;
   return [{
@@ -522,15 +571,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,
@@ -559,6 +614,10 @@ const getCellRenderer = type => {
       return getCellTextVirtualDom;
     case Link:
       return getCellLinkVirtualDom;
+    case CodeList:
+      return getCellCodeListVirtualDom;
+    case CheckMark:
+      return getCellCheckMarkVirtualDom;
     default:
       throw new Error(`unexpected cell type ${type}`);
   }
@@ -620,6 +679,18 @@ const getCommandsVirtualDom = state => {
   return getFeatureCommandsVirtualDom(state.commands);
 };
 
+const existsJson = async schemaUrl => {
+  try {
+    // TODO verify that response header is json
+    const response = await fetch(schemaUrl, {
+      method: 'HEAD'
+    });
+    return response.ok;
+  } catch {
+    return false;
+  }
+};
+
 const isExternalLink$1 = schema => {
   return schema.startsWith('http://') || schema.startsWith('https://');
 };
@@ -680,17 +751,6 @@ const getSchemaLinkUrl = (schema, extensionUri) => {
   }
 };
 
-const existsJson = async schemaUrl => {
-  try {
-    // TODO verify that response header is json
-    const response = await fetch(schemaUrl, {
-      method: 'HEAD'
-    });
-    return response.ok;
-  } catch {
-    return false;
-  }
-};
 const getJsonValidationInfos = async (extensionUri, validations) => {
   const validationInfos = [];
   for (const validation of validations) {
@@ -716,6 +776,7 @@ const getJsonValidationInfos = async (extensionUri, validations) => {
         fileMatch
       });
     } else if (schemaLinkUrl) {
+      // TODO maybe better use filesystem.exists
       if (await existsJson(schemaLinkUrl)) {
         validationInfos.push({
           isValid: true,
@@ -836,7 +897,32 @@ const getJsonValidationVirtualDom = state => {
 };
 
 const getProgrammingLanguageTableEntry = programmingLanguage => {
-  return [];
+  const {
+    id,
+    configuration,
+    extensions
+  } = programmingLanguage;
+  const name = ''; // TODO
+  const snippets = ''; // TODO
+  return [{
+    type: Text,
+    value: id
+  }, {
+    type: Text,
+    value: name
+  }, {
+    type: CodeList,
+    value: '',
+    listItems: extensions
+  }, {
+    type: CheckMark,
+    value: '',
+    checked: Boolean(configuration)
+  }, {
+    type: CheckMark,
+    value: '',
+    checked: Boolean(snippets)
+  }];
 };
 
 const getFeatureDetailsProgrammingLanguages = async extension => {
@@ -1851,7 +1937,7 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke$5 = (ipc, method, ...params) => {
+const invoke$6 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer$4 = (ipc, method, ...params) => {
@@ -1890,7 +1976,7 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$5(ipc, method, ...params);
+      return invoke$6(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer$4(ipc, method, ...params);
@@ -2000,24 +2086,24 @@ const createMockRpc = ({
 };
 
 const {
-  invoke: invoke$4,
+  invoke: invoke$5,
   invokeAndTransfer: invokeAndTransfer$3,
   set: set$9,
   dispose: dispose$5
 } = create$7(ExtensionHostWorker);
 const executeReferenceProvider = async (id, offset) => {
   // @ts-ignore
-  return invoke$4('ExtensionHostReference.executeReferenceProvider', id, offset);
+  return invoke$5('ExtensionHostReference.executeReferenceProvider', id, offset);
 };
 const executeFileReferenceProvider = async id => {
   // @ts-ignore
-  return invoke$4('ExtensionHostReference.executeFileReferenceProvider', id);
+  return invoke$5('ExtensionHostReference.executeFileReferenceProvider', id);
 };
 const getRuntimeStatus$2 = async extensionId => {
   // @ts-ignore
-  return invoke$4('ExtensionHost.getRuntimeStatus', extensionId);
+  return invoke$5('ExtensionHost.getRuntimeStatus', extensionId);
 };
-const registerMockRpc$1 = commandMap => {
+const registerMockRpc$3 = commandMap => {
   const mockRpc = createMockRpc({
     commandMap
   });
@@ -2031,67 +2117,74 @@ const ExtensionHost = {
   executeFileReferenceProvider,
   executeReferenceProvider,
   getRuntimeStatus: getRuntimeStatus$2,
-  invoke: invoke$4,
+  invoke: invoke$5,
   invokeAndTransfer: invokeAndTransfer$3,
-  registerMockRpc: registerMockRpc$1,
+  registerMockRpc: registerMockRpc$3,
   set: set$9
 };
 
 const {
-  invoke: invoke$3,
+  invoke: invoke$4,
   invokeAndTransfer: invokeAndTransfer$2,
   set: set$8,
   dispose: dispose$4
 } = create$7(FileSystemWorker$1);
 const remove = async dirent => {
-  return invoke$3('FileSystem.remove', dirent);
+  return invoke$4('FileSystem.remove', dirent);
 };
 const readDirWithFileTypes = async uri => {
-  return invoke$3('FileSystem.readDirWithFileTypes', uri);
+  return invoke$4('FileSystem.readDirWithFileTypes', uri);
 };
 const getPathSeparator = async root => {
   // @ts-ignore
-  return invoke$3('FileSystem.getPathSeparator', root);
+  return invoke$4('FileSystem.getPathSeparator', root);
 };
 const getRealPath = async path => {
-  return invoke$3('FileSystem.getRealPath', path);
+  return invoke$4('FileSystem.getRealPath', path);
 };
 const stat = async dirent => {
-  return invoke$3('FileSystem.stat', dirent);
+  return invoke$4('FileSystem.stat', dirent);
 };
 const createFile = async uri => {
-  return invoke$3('FileSystem.writeFile', uri, '');
+  return invoke$4('FileSystem.writeFile', uri, '');
 };
 const readFile$3 = async uri => {
-  return invoke$3('FileSystem.readFile', uri);
+  return invoke$4('FileSystem.readFile', uri);
 };
 const writeFile = async (uri, content) => {
-  return invoke$3('FileSystem.writeFile', uri, content);
+  return invoke$4('FileSystem.writeFile', uri, content);
 };
 const mkdir = async uri => {
-  return invoke$3('FileSystem.mkdir', uri);
+  return invoke$4('FileSystem.mkdir', uri);
 };
 const rename = async (oldUri, newUri) => {
-  return invoke$3('FileSystem.rename', oldUri, newUri);
+  return invoke$4('FileSystem.rename', oldUri, newUri);
 };
 const copy = async (oldUri, newUri) => {
-  return invoke$3('FileSystem.copy', oldUri, newUri);
+  return invoke$4('FileSystem.copy', oldUri, newUri);
 };
 const exists$1 = async uri => {
   // @ts-ignore
-  return invoke$3('FileSystem.exists', uri);
+  return invoke$4('FileSystem.exists', uri);
 };
 const getFolderSize$2 = async uri => {
   // @ts-ignore
-  return invoke$3('FileSystem.getFolderSize', uri);
+  return invoke$4('FileSystem.getFolderSize', uri);
 };
 const readFileAsBlob$1 = async uri => {
   // @ts-ignore
-  return invoke$3('FileSystem.readFileAsBlob', uri);
+  return invoke$4('FileSystem.readFileAsBlob', uri);
 };
 const appendFile = async (uri, text) => {
   // @ts-ignore
-  return invoke$3('FileSystem.appendFile', uri, text);
+  return invoke$4('FileSystem.appendFile', uri, text);
+};
+const registerMockRpc$2 = commandMap => {
+  const mockRpc = createMockRpc({
+    commandMap
+  });
+  set$8(mockRpc);
+  return mockRpc;
 };
 
 const FileSystemWorker = {
@@ -2104,12 +2197,13 @@ const FileSystemWorker = {
   getFolderSize: getFolderSize$2,
   getPathSeparator,
   getRealPath,
-  invoke: invoke$3,
+  invoke: invoke$4,
   invokeAndTransfer: invokeAndTransfer$2,
   mkdir,
   readDirWithFileTypes,
   readFile: readFile$3,
   readFileAsBlob: readFileAsBlob$1,
+  registerMockRpc: registerMockRpc$2,
   remove,
   rename,
   set: set$8,
@@ -2118,76 +2212,84 @@ const FileSystemWorker = {
 };
 
 const {
-  invoke: invoke$2,
+  invoke: invoke$3,
   invokeAndTransfer: invokeAndTransfer$1,
   set: set$7,
   dispose: dispose$3
 } = create$7(MarkdownWorker$1);
 const getVirtualDom$1 = async html => {
   // @ts-ignore
-  return invoke$2('Markdown.getVirtualDom', html);
+  return invoke$3('Markdown.getVirtualDom', html);
 };
 const render$1 = async (markdown, options) => {
   // @ts-ignore
-  return invoke$2('Markdown.render', markdown, options);
+  return invoke$3('Markdown.render', markdown, options);
+};
+const registerMockRpc$1 = commandMap => {
+  const mockRpc = createMockRpc({
+    commandMap
+  });
+  set$7(mockRpc);
+  return mockRpc;
 };
 
 const MarkdownWorker = {
   __proto__: null,
   dispose: dispose$3,
   getVirtualDom: getVirtualDom$1,
-  invoke: invoke$2,
+  invoke: invoke$3,
   invokeAndTransfer: invokeAndTransfer$1,
+  registerMockRpc: registerMockRpc$1,
   render: render$1,
   set: set$7
 };
 
 const {
-  invoke: invoke$1,
+  invoke: invoke$2,
   invokeAndTransfer,
   set: set$6,
   dispose: dispose$2
 } = create$7(RendererWorker$1);
 const searchFileHtml = async uri => {
-  return invoke$1('ExtensionHost.searchFileWithHtml', uri);
+  return invoke$2('ExtensionHost.searchFileWithHtml', uri);
 };
 const getFilePathElectron = async file => {
-  return invoke$1('FileSystemHandle.getFilePathElectron', file);
+  return invoke$2('FileSystemHandle.getFilePathElectron', file);
 };
-const showContextMenu$1 = async (x, y, id, ...args) => {
-  return invoke$1('ContextMenu.show', x, y, id, ...args);
+const showContextMenu = async (x, y, id, ...args) => {
+  return invoke$2('ContextMenu.show', x, y, id, ...args);
 };
 const getElectronVersion = async () => {
-  return invoke$1('Process.getElectronVersion');
+  return invoke$2('Process.getElectronVersion');
 };
 const applyBulkReplacement = async bulkEdits => {
-  await invoke$1('BulkReplacement.applyBulkReplacement', bulkEdits);
+  await invoke$2('BulkReplacement.applyBulkReplacement', bulkEdits);
 };
 const setColorTheme$2 = async id => {
   // @ts-ignore
-  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
+  return invoke$2(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
 const getNodeVersion = async () => {
-  return invoke$1('Process.getNodeVersion');
+  return invoke$2('Process.getNodeVersion');
 };
 const getChromeVersion = async () => {
-  return invoke$1('Process.getChromeVersion');
+  return invoke$2('Process.getChromeVersion');
 };
 const getV8Version = async () => {
-  return invoke$1('Process.getV8Version');
+  return invoke$2('Process.getV8Version');
 };
 const getFileHandles = async fileIds => {
-  const files = await invoke$1('FileSystemHandle.getFileHandles', fileIds);
+  const files = await invoke$2('FileSystemHandle.getFileHandles', fileIds);
   return files;
 };
 const setWorkspacePath = async path => {
-  await invoke$1('Workspace.setPath', path);
+  await invoke$2('Workspace.setPath', path);
 };
 const registerWebViewInterceptor = async (id, port) => {
   await invokeAndTransfer('WebView.registerInterceptor', id, port);
 };
 const unregisterWebViewInterceptor = async id => {
-  await invoke$1('WebView.unregisterInterceptor', id);
+  await invoke$2('WebView.unregisterInterceptor', id);
 };
 const sendMessagePortToEditorWorker = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
@@ -2215,41 +2317,41 @@ const sendMessagePortToFileSystemWorker$2 = async (port, rpcId) => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
 };
 const readFile$2 = async uri => {
-  return invoke$1('FileSystem.readFile', uri);
+  return invoke$2('FileSystem.readFile', uri);
 };
 const getWebViewSecret = async key => {
   // @ts-ignore
-  return invoke$1('WebView.getSecret', key);
+  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$1('Focus.setFocus', key);
+  return invoke$2('Focus.setFocus', key);
 };
 const getFileIcon = async options => {
-  return invoke$1('IconTheme.getFileIcon', options);
+  return invoke$2('IconTheme.getFileIcon', options);
 };
 const getColorThemeNames = async () => {
-  return invoke$1('ColorTheme.getColorThemeNames');
+  return invoke$2('ColorTheme.getColorThemeNames');
 };
 const disableExtension$2 = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.disable', id);
+  return invoke$2('ExtensionManagement.disable', id);
 };
 const enableExtension$2 = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.enable', id);
+  return invoke$2('ExtensionManagement.enable', id);
 };
 const handleDebugChange = async params => {
   // @ts-ignore
-  return invoke$1('Run And Debug.handleChange', params);
+  return invoke$2('Run And Debug.handleChange', params);
 };
 const getFolderIcon = async options => {
-  return invoke$1('IconTheme.getFolderIcon', options);
+  return invoke$2('IconTheme.getFolderIcon', options);
 };
 const closeWidget = async widgetId => {
-  return invoke$1('Viewlet.closeWidget', widgetId);
+  return invoke$2('Viewlet.closeWidget', widgetId);
 };
 const sendMessagePortToExtensionHostWorker$2 = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
@@ -2260,55 +2362,55 @@ const sendMessagePortToSearchProcess = async port => {
 };
 const confirm = async (message, options) => {
   // @ts-ignore
-  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
+  const result = await invoke$2('ConfirmPrompt.prompt', message, options);
   return result;
 };
 const getRecentlyOpened = async () => {
-  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+  return invoke$2(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
 };
 const getKeyBindings = async () => {
-  return invoke$1('KeyBindingsInitial.getKeyBindings');
+  return invoke$2('KeyBindingsInitial.getKeyBindings');
 };
 const writeClipBoardText$1 = async text => {
-  await invoke$1('ClipBoard.writeText', /* text */text);
+  await invoke$2('ClipBoard.writeText', /* text */text);
 };
 const writeClipBoardImage$1 = async blob => {
   // @ts-ignore
-  await invoke$1('ClipBoard.writeImage', /* text */blob);
+  await invoke$2('ClipBoard.writeImage', /* text */blob);
 };
 const searchFileMemory = async uri => {
   // @ts-ignore
-  return invoke$1('ExtensionHost.searchFileWithMemory', uri);
+  return invoke$2('ExtensionHost.searchFileWithMemory', uri);
 };
 const searchFileFetch = async uri => {
-  return invoke$1('ExtensionHost.searchFileWithFetch', uri);
+  return invoke$2('ExtensionHost.searchFileWithFetch', uri);
 };
 const showMessageBox = async options => {
-  return invoke$1('ElectronDialog.showMessageBox', options);
+  return invoke$2('ElectronDialog.showMessageBox', options);
 };
 const handleDebugResumed = async params => {
-  await invoke$1('Run And Debug.handleResumed', params);
+  await invoke$2('Run And Debug.handleResumed', params);
 };
 const openWidget = async name => {
-  await invoke$1('Viewlet.openWidget', name);
+  await invoke$2('Viewlet.openWidget', name);
 };
 const getIcons = async requests => {
-  const icons = await invoke$1('IconTheme.getIcons', requests);
+  const icons = await invoke$2('IconTheme.getIcons', requests);
   return icons;
 };
 const activateByEvent = event => {
-  return invoke$1('ExtensionHostManagement.activateByEvent', event);
+  return invoke$2('ExtensionHostManagement.activateByEvent', event);
 };
 const setAdditionalFocus = focusKey => {
   // @ts-ignore
-  return invoke$1('Focus.setAdditionalFocus', focusKey);
+  return invoke$2('Focus.setAdditionalFocus', focusKey);
 };
 const getActiveEditorId = () => {
   // @ts-ignore
-  return invoke$1('GetActiveEditor.getActiveEditorId');
+  return invoke$2('GetActiveEditor.getActiveEditorId');
 };
 const getWorkspacePath = () => {
-  return invoke$1('Workspace.getPath');
+  return invoke$2('Workspace.getPath');
 };
 const sendMessagePortToRendererProcess = async port => {
   const command = 'HandleMessagePort.handleMessagePort';
@@ -2316,20 +2418,20 @@ const sendMessagePortToRendererProcess = async port => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker);
 };
 const getPreference = async key => {
-  return await invoke$1('Preferences.get', key);
+  return await invoke$2('Preferences.get', key);
 };
 const getAllExtensions$2 = async () => {
-  return invoke$1('ExtensionManagement.getAllExtensions');
+  return invoke$2('ExtensionManagement.getAllExtensions');
 };
 const rerenderEditor = async key => {
   // @ts-ignore
-  return invoke$1('Editor.rerender', key);
+  return invoke$2('Editor.rerender', key);
 };
 const handleDebugPaused = async params => {
-  await invoke$1('Run And Debug.handlePaused', params);
+  await invoke$2('Run And Debug.handlePaused', params);
 };
 const openUri = async (uri, focus, options) => {
-  await invoke$1('Main.openUri', uri, focus, options);
+  await invoke$2('Main.openUri', uri, focus, options);
 };
 const sendMessagePortToSyntaxHighlightingWorker = async port => {
   await invokeAndTransfer(
@@ -2337,76 +2439,76 @@ const sendMessagePortToSyntaxHighlightingWorker = async port => {
   'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
 };
 const handleDebugScriptParsed = async script => {
-  await invoke$1('Run And Debug.handleScriptParsed', script);
+  await invoke$2('Run And Debug.handleScriptParsed', script);
 };
 const getWindowId = async () => {
-  return invoke$1('GetWindowId.getWindowId');
+  return invoke$2('GetWindowId.getWindowId');
 };
 const getBlob = async uri => {
   // @ts-ignore
-  return invoke$1('FileSystem.getBlob', uri);
+  return invoke$2('FileSystem.getBlob', uri);
 };
 const getExtensionCommands = async () => {
-  return invoke$1('ExtensionHost.getCommands');
+  return invoke$2('ExtensionHost.getCommands');
 };
 const showErrorDialog = async errorInfo => {
   // @ts-ignore
-  await invoke$1('ErrorHandling.showErrorDialog', errorInfo);
+  await invoke$2('ErrorHandling.showErrorDialog', errorInfo);
 };
 const getFolderSize$1 = async uri => {
   // @ts-ignore
-  return await invoke$1('FileSystem.getFolderSize', uri);
+  return await invoke$2('FileSystem.getFolderSize', uri);
 };
 const getExtension$3 = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.getExtension', id);
+  return invoke$2('ExtensionManagement.getExtension', id);
 };
 const getMarkdownDom = async html => {
   // @ts-ignore
-  return invoke$1('Markdown.getVirtualDom', html);
+  return invoke$2('Markdown.getVirtualDom', html);
 };
 const renderMarkdown$1 = async (markdown, options) => {
   // @ts-ignore
-  return invoke$1('Markdown.renderMarkdown', markdown, options);
+  return invoke$2('Markdown.renderMarkdown', markdown, options);
 };
 const openNativeFolder$1 = async uri => {
   // @ts-ignore
-  await invoke$1('OpenNativeFolder.openNativeFolder', uri);
+  await invoke$2('OpenNativeFolder.openNativeFolder', uri);
 };
 const uninstallExtension$1 = async id => {
-  return invoke$1('ExtensionManagement.uninstall', id);
+  return invoke$2('ExtensionManagement.uninstall', id);
 };
 const installExtension = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.install', id);
+  return invoke$2('ExtensionManagement.install', id);
 };
 const openExtensionSearch$2 = async () => {
   // @ts-ignore
-  return invoke$1('SideBar.openViewlet', 'Extensions');
+  return invoke$2('SideBar.openViewlet', 'Extensions');
 };
 const setExtensionsSearchValue$1 = async searchValue => {
   // @ts-ignore
-  return invoke$1('Extensions.handleInput', searchValue);
+  return invoke$2('Extensions.handleInput', searchValue);
 };
 const openExternal = async uri => {
   // @ts-ignore
-  await invoke$1('Open.openExternal', uri);
+  await invoke$2('Open.openExternal', uri);
 };
 const openUrl$2 = async uri => {
   // @ts-ignore
-  await invoke$1('Open.openUrl', uri);
+  await invoke$2('Open.openUrl', uri);
 };
 const getAllPreferences = async () => {
   // @ts-ignore
-  return invoke$1('Preferences.getAll');
+  return invoke$2('Preferences.getAll');
 };
 const showSaveFilePicker = async () => {
   // @ts-ignore
-  return invoke$1('FilePicker.showSaveFilePicker');
+  return invoke$2('FilePicker.showSaveFilePicker');
 };
 const getLogsDir = async () => {
   // @ts-ignore
-  return invoke$1('PlatformPaths.getLogsDir');
+  return invoke$2('PlatformPaths.getLogsDir');
 };
 const registerMockRpc = commandMap => {
   const mockRpc = createMockRpc({
@@ -2455,7 +2557,7 @@ const RendererWorker = {
   handleDebugResumed,
   handleDebugScriptParsed,
   installExtension,
-  invoke: invoke$1,
+  invoke: invoke$2,
   invokeAndTransfer,
   openExtensionSearch: openExtensionSearch$2,
   openExternal,
@@ -2487,7 +2589,7 @@ const RendererWorker = {
   setFocus,
   setWebViewPort,
   setWorkspacePath,
-  showContextMenu: showContextMenu$1,
+  showContextMenu,
   showErrorDialog,
   showMessageBox,
   showSaveFilePicker,
@@ -2497,10 +2599,11 @@ const RendererWorker = {
   writeClipBoardText: writeClipBoardText$1
 };
 
+/* eslint-disable unicorn/prefer-export-from */
+
 const {
   set: set$5,
-  getRuntimeStatus: getRuntimeStatus$1
-} = ExtensionHost;
+  getRuntimeStatus: getRuntimeStatus$1} = ExtensionHost;
 
 const getRuntimeStatus = async extensionId => {
   // @ts-ignore
@@ -2592,11 +2695,10 @@ const value = {
   className: 'RuntimeStatusDefinitionListValue',
   childCount: 1
 };
-const getStatusVirtualDom = status => {
-  const statusString = getStatusMessage(status);
-  return [key, text(`Status: `),
-  // i18n
-  value, text(`${statusString}`)];
+const getStatusVirtualDom = status$1 => {
+  const statusKey = status();
+  const statusValue = getStatusMessage(status$1);
+  return [key, text(`${statusKey}: `), value, text(`${statusValue}`)];
 };
 
 const getChildCount$1 = (status, activationTime, importTime) => {
@@ -2695,6 +2797,7 @@ const HandleReadmeScroll = 13;
 const HandleTabsClick = 14;
 const HandleAdditionalDetailContextMenu = 15;
 const HandleReadmeClick = 16;
+const HandleSelectionChange = 17;
 
 const ActivationEvents = 'ActivationEvents';
 const Changelog = 'Changelog';
@@ -2725,15 +2828,16 @@ const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
     type: Div,
     className: 'MaskIcon MaskIconChevronUp',
     childCount: 0,
-    role: None$2
+    role: None$3
   }];
 };
 
+/* eslint-disable unicorn/prefer-export-from */
+
 const {
   set: set$4,
   getVirtualDom,
-  render
-} = MarkdownWorker;
+  render} = MarkdownWorker;
 
 const getMarkdownVirtualDom = async (html, options) => {
   string(html);
@@ -2745,7 +2849,8 @@ const getMarkdownVirtualDom = async (html, options) => {
       ...firstNode,
       onScroll: HandleReadmeScroll,
       childCount: firstNode.childCount + 1,
-      onClick: HandleReadmeClick
+      onClick: HandleReadmeClick,
+      onSelectionChange: HandleSelectionChange
     }, ...extraDom, ...rest];
   }
   return dom;
@@ -3022,7 +3127,7 @@ const getWebViewVirtualDom = webView => {
   return [{
     type: Div,
     className: FeatureWebView,
-    childCount: 5
+    childCount: 4
   }, item, heading, text(textId), pre, text(id), item, heading, text(textSelector), pre, text(selectorString), item, heading, text(textContentSecurityPolicy), pre, text(contentSecurityPolicyString), item, heading, text(textElements), pre, text(elementsString)];
 };
 
@@ -3185,11 +3290,14 @@ 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,
@@ -3199,11 +3307,9 @@ const {
   set: set$2,
   setColorTheme: setColorTheme$1,
   setExtensionsSearchValue,
-  showContextMenu,
   uninstallExtension,
   writeClipBoardImage,
-  writeClipBoardText
-} = RendererWorker;
+  writeClipBoardText} = RendererWorker;
 
 const writeClipboardImage = async blob => {
   await writeClipBoardImage(blob);
@@ -3212,12 +3318,13 @@ const writeText = async text => {
   await writeClipBoardText(text);
 };
 
+/* eslint-disable unicorn/prefer-export-from */
+
 const {
   set: set$1,
   exists,
   readFile: readFile$1,
-  invoke
-} = FileSystemWorker;
+  invoke} = FileSystemWorker;
 const readFileAsBlob = async uri => {
   // TODO maybe readAsObjectUrl?
   // @ts-ignore
@@ -3251,6 +3358,11 @@ const copyImageUrl = async state => {
   return state;
 };
 
+const copyReadmeLink = async (state, href) => {
+  await writeText(href);
+  return state;
+};
+
 const {
   get,
   set,
@@ -3263,13 +3375,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: '',
@@ -3278,52 +3386,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);
 };
@@ -3337,7 +3450,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.jsonValidation === newState.jsonValidation && 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;
@@ -3374,6 +3487,42 @@ const dispose = uid => {
   dispose$1(uid);
 };
 
+const executeCopy = async state => {
+  // TODO
+  // 1. get selection text
+  // 2. copy it
+  return state;
+};
+
+const getMenuEntriesImage = (state, props) => {
+  return [{
+    id: 'copyImage',
+    label: copyImage$1(),
+    flags: None$2,
+    command: 'ExtensionDetail.copyImage',
+    args: []
+  }, {
+    id: 'copyImage',
+    label: copyImageUrl$1(),
+    flags: None$2,
+    command: 'ExtensionDetail.copyImageUrl',
+    args: []
+  }];
+};
+
+const getMenuEntries2 = (state, props) => {
+  if (props.menuId === ExtensionDetailIconContextMenu$3) {
+    return getMenuEntriesImage();
+  }
+  return [{
+    id: 'copy',
+    label: copy$1(),
+    flags: None$2,
+    command: 'ExtensionDetail.executeCopy',
+    args: []
+  }];
+};
+
 const None = 0;
 
 const getCopyMenuEntry = () => ({
@@ -3417,11 +3566,26 @@ const getLinkMenuEntries = props => {
 
 const getMenuEntries = props => [...getLinkMenuEntries(props), ...getImageMenuEntries(props), getCopyMenuEntry()];
 
-const ExtensionDetailIconContextMenu = 4091;
+const ExtensionDetailIconContextMenu$2 = 4091;
+const getMenuIds = () => {
+  return [ExtensionDetailReadme, ExtensionDetailIconContextMenu$2];
+};
 
+const getMenuEntriesReadme = () => [{
+  id: 'copy',
+  label: copy$1(),
+  flags: None$2,
+  command: 'ExtensionDetail.copyReadmeText',
+  args: []
+}];
+
+const ExtensionDetailIconContextMenu$1 = 4091;
 const getMenus = () => {
   return [{
-    id: ExtensionDetailIconContextMenu,
+    id: ExtensionDetailReadme,
+    entries: getMenuEntriesReadme()
+  }, {
+    id: ExtensionDetailIconContextMenu$1,
     entries: [{
       id: 'openImageInNewTab',
       label: openImageInNewTab$1(),
@@ -3685,12 +3849,20 @@ const handleIconError = state => {
   };
 };
 
-const show = async (menuId, x, y) => {
-  await showContextMenu(x, y, menuId);
+const show2 = async (uid, menuId, x, y, args) => {
+  // @ts-ignore
+  await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
 };
 
+const ExtensionDetailIconContextMenu = 4091;
+
 const handleImageContextMenu = async (state, eventX, eventY) => {
-  await show(ExtensionDetailIconContextMenu, eventX, eventY);
+  const {
+    uid
+  } = state;
+  await show2(uid, ExtensionDetailIconContextMenu, eventX, eventY, {
+    menuId: ExtensionDetailIconContextMenu
+  });
   return state;
 };
 
@@ -3708,6 +3880,20 @@ const handleReadmeClick = async (state, nodeName, href) => {
   return state;
 };
 
+const handleReadmeContextMenu = async (state, x, y, nodeName, href) => {
+  const {
+    uid
+  } = state;
+  // TODO maybe also pass other args
+  await show2(uid, ExtensionDetailReadme, x, y, {
+    menuId: ExtensionDetailReadme,
+    nodeName,
+    href
+  });
+  // TODO
+  return state;
+};
+
 const handleScroll = (state, scrollTop, scrollSource = Script) => {
   const newScrollTop = Math.max(0, scrollTop);
   return {
@@ -3717,6 +3903,11 @@ const handleScroll = (state, scrollTop, scrollSource = Script) => {
   };
 };
 
+const handleSelectionChange = async (state, selection) => {
+  // console.log('selection change')
+  return state;
+};
+
 const readFile = async uri => {
   return readFile$1(uri);
 };
@@ -3877,6 +4068,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);
 };
@@ -3946,7 +4184,11 @@ const initialize = async () => {
 };
 
 const existsFile = async uri => {
-  return exists(uri);
+  try {
+    return await exists(uri);
+  } catch {
+    return false;
+  }
 };
 
 class ExtensionNotFoundError extends Error {
@@ -4161,12 +4403,25 @@ const loadHeaderContent = (state, platform, extension) => {
   };
 };
 
-const getCategories = () => {
-  // TODO
-  return [{
-    id: 'themes',
-    label: 'Themes'
-  }];
+const stringifyCategory = category => {
+  if (typeof category === 'string') {
+    return category;
+  }
+  return JSON.stringify(category);
+};
+const toCategory = categoryString => {
+  return {
+    id: categoryString.toLowerCase(),
+    label: categoryString
+  };
+};
+const getCategories = extension => {
+  if (!hasProperty(extension, 'categories') || !Array.isArray(extension.categories)) {
+    return [];
+  }
+  const categoryStrings = extension.categories.map(stringifyCategory);
+  const categories = categoryStrings.map(toCategory);
+  return categories;
 };
 
 const BYTE_UNITS = ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
@@ -4311,30 +4566,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 [];
@@ -4349,40 +4580,73 @@ const getMarketplaceEntries = isBuiltin => {
   }];
 };
 
-const getResources = 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
+  }
+  return '';
+};
+const ensureValidLink = link => {
+  if (!link) {
+    return '';
+  }
+  const parsed = new URL(link);
+  if (parsed.protocol !== 'https:') {
+    return '';
+  }
+  return link;
+};
+const getRepositoryLink = extension => {
+  const raw = getRepositoryLinkRaw(extension);
+  const validLink = ensureValidLink(raw);
+  return validLink;
+};
+
+const getResources = (isBuiltin, extension) => {
   if (isBuiltin) {
     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: '#'
+    url: repositoryLink,
+    icon: 'Repo'
   }, {
     label: license(),
-    url: '#'
+    url: licenseLink,
+    icon: 'LinkExternal'
   }];
 };
 
-const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, isBuiltin) => {
+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();
-  const resources = getResources(isBuiltin);
+  const categories = getCategories(extension);
+  const resources = getResources(isBuiltin, extension);
   return {
+    categories,
+    displaySize,
+    folderSize,
     installationEntries,
     marketplaceEntries,
-    displaySize,
-    categories,
-    resources,
-    folderSize
+    resources
   };
 };
 
@@ -4482,6 +4746,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,
@@ -4489,7 +4754,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     categories,
     resources,
     folderSize
-  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin);
+  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink);
   const padding = getPadding(width);
   const sideBarWidth = getSideBarWidth(width);
   const showSideBar = sideBarWidth > 0;
@@ -4515,6 +4780,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     hasReadme,
     iconSrc,
     installationEntries,
+    locationProtocol,
     marketplaceEntries,
     name,
     paddingLeft: padding,
@@ -4527,11 +4793,11 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     scrollToTopButtonEnabled: true,
     selectedTab,
     showSideBar,
+    showSizeLink,
     sideBarWidth,
     sizeOnDisk: size,
     sizeValue,
-    tabs: enabledTabs,
-    locationProtocol
+    tabs: enabledTabs
   };
 };
 
@@ -4707,6 +4973,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,
@@ -4715,8 +5013,12 @@ const resourceNode = {
 };
 const getResourceVirtualDom = resource => {
   const {
-    label
+    label,
+    url
   } = resource;
+  if (url && url !== '#') {
+    return getResourceLinkVirtualDom(resource);
+  }
   return [resourceNode, text(label)];
 };
 
@@ -5102,7 +5404,7 @@ const renderEventListeners = () => {
     params: ['handleIconError']
   }, {
     name: HandleReadmeContextMenu,
-    params: ['handleReadmeContextMenu', ClientX, ClientY, TargetHref, TargetSrc]
+    params: ['handleReadmeContextMenu', ClientX, ClientY, 'event.target.nodeName', TargetHref]
   }, {
     name: HandleImageContextMenu,
     params: ['handleImageContextMenu', ClientX, ClientY],
@@ -5140,6 +5442,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleClickSetColorTheme,
     params: ['handleClickSetColorTheme']
+  }, {
+    name: HandleSelectionChange,
+    params: ['handleSelectionChange']
   }];
 };
 
@@ -5175,14 +5480,18 @@ const saveState = state => {
 const commandMap = {
   'ExtensionDetail.copyImage': wrapCommand(copyImage),
   'ExtensionDetail.copyImageUrl': wrapCommand(copyImageUrl),
+  'ExtensionDetail.copyReadmeLink': wrapCommand(copyReadmeLink),
   'ExtensionDetail.create': create,
   'ExtensionDetail.diff2': diff2,
   'ExtensionDetail.dispose': dispose,
+  'ExtensionDetail.executeCopy': wrapCommand(executeCopy),
   'ExtensionDetail.getCommandIds': getCommandIds,
   'ExtensionDetail.getMenuEntries': getMenuEntries,
+  'ExtensionDetail.getMenuEntries2': wrapGetter(getMenuEntries2),
+  'ExtensionDetail.getMenuIds': getMenuIds,
   'ExtensionDetail.getMenus': getMenus,
-  'ExtensionDetail.handleClickCategory': wrapCommand(handleClickCategory),
   'ExtensionDetail.handleAdditionalDetailsContextMenu': wrapCommand(handleAdditionalDetailContextMenu),
+  'ExtensionDetail.handleClickCategory': wrapCommand(handleClickCategory),
   'ExtensionDetail.handleClickDisable': wrapCommand(handleClickDisable),
   'ExtensionDetail.handleClickEnable': wrapCommand(handleClickEnable),
   'ExtensionDetail.handleClickScrollToTop': wrapCommand(handleClickScrollToTop),
@@ -5194,11 +5503,14 @@ const commandMap = {
   'ExtensionDetail.handleFeaturesClick': wrapCommand(handleClickFeatures),
   'ExtensionDetail.handleIconError': wrapCommand(handleIconError),
   'ExtensionDetail.handleImageContextMenu': wrapCommand(handleImageContextMenu),
+  'ExtensionDetail.handleReadmeClick': wrapCommand(handleReadmeClick),
+  'ExtensionDetail.handleReadmeContextMenu': wrapCommand(handleReadmeContextMenu),
   'ExtensionDetail.handleScroll': wrapCommand(handleScroll),
+  'ExtensionDetail.handleSelectionChange': wrapCommand(handleSelectionChange),
   'ExtensionDetail.handleTabsClick': wrapCommand(handleTabsClick),
-  'ExtensionDetail.handleReadmeClick': wrapCommand(handleReadmeClick),
   'ExtensionDetail.handleWheel': wrapCommand(handleScroll),
   // deprecated
+  'ExtensionDetail.hideSizeLink': wrapCommand(hideSizeLink),
   'ExtensionDetail.initialize': initialize,
   'ExtensionDetail.loadContent2': wrapCommand(loadContent2),
   'ExtensionDetail.openImageInNewTab': wrapCommand(openImageInNewTab),