@lvce-editor/static-server 0.56.4 → 0.56.6

package/static/{e6ddf2e → 0f5bf1d}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js

@@ -11,11 +11,14 @@ const i18nString = (key, placeholders = emptyObject) => {
 };
 
 const ActivationEvents$1 = 'Activation Events';
+const RuntimeStatus$1 = 'Runtime Status';
 const Categories$1 = 'Categories';
 const Changelog$2 = 'Changelog';
 const Commands$1 = 'Commands';
 const ContentSecurityPolicy = 'ContentSecurityPolicy';
 const Copy = 'Copy';
+const CopyImage = 'Copy Image';
+const CopyImageUrl = 'Copy Image Url';
 const Details$1 = 'Details';
 const Disable$1 = 'Disable';
 const Elements = 'Elements';
@@ -26,7 +29,9 @@ const Installation = 'Installation';
 const JsonValidation$1 = 'Json Validation';
 const Label = 'Label';
 const Marketplace = 'Marketplace';
-const None$2 = 'None';
+const None$3 = 'None';
+const NoReadmeFound = 'No Readme Found.';
+const EmptyCommandsArray = 'The extension contributed an empty commands array.';
 const OpenImageInNewTab = 'Open Image in New Tab';
 const OpenInNewTab = 'Open in New Tab';
 const ProgrammingLanguages$1 = 'Programming Languages';
@@ -34,13 +39,26 @@ const Resources$1 = 'Resources';
 const SaveImageAs = 'Save Image as';
 const Schema = 'Schema';
 const ScrollToTop$1 = 'Scroll to top';
-const NoReadmeFound = 'No Readme Found.';
 const Selector = 'Selector';
 const SetColorTheme$1 = 'Set Color Theme';
+const Enable$1 = 'Enable';
 const Settings$1 = 'Settings';
 const Theme$1 = 'Theme';
 const Uninstall$1 = 'Uninstall';
 const WebViews$1 = 'WebViews';
+const ImportTime = 'Import Time: ';
+const ActivationTime = 'Activation Time: ';
+const UnsupportedFeature = 'Unsupported Feature';
+const SelectedFeatureUnknownOrUnsupported = 'Selected feature is unknown or unsupported';
+const Identifier = 'Identifier';
+const Version = 'Version';
+const LastUpdated = 'Last Updated';
+const Size = 'Size';
+const Published = 'Published';
+const LastReleased = 'Last Released';
+const Issues = 'Issues';
+const Repository = 'Repository';
+const License = 'License';
 
 const installation = () => {
   return i18nString(Installation);
@@ -57,6 +75,12 @@ const resources = () => {
 const copy = () => {
   return i18nString(Copy);
 };
+const copyImage$1 = () => {
+  return i18nString(CopyImage);
+};
+const copyImageUrl$1 = () => {
+  return i18nString(CopyImageUrl);
+};
 const changelog = () => {
   return i18nString(Changelog$2);
 };
@@ -70,7 +94,7 @@ const features$1 = () => {
   return i18nString(Features$2);
 };
 const none = () => {
-  return i18nString(None$2);
+  return i18nString(None$3);
 };
 const openInNewTab = () => {
   return i18nString(OpenInNewTab);
@@ -78,7 +102,7 @@ const openInNewTab = () => {
 const label = () => {
   return i18nString(Label);
 };
-const openImageInNewTab = () => {
+const openImageInNewTab$1 = () => {
   return i18nString(OpenImageInNewTab);
 };
 const saveImageAs = () => {
@@ -93,6 +117,9 @@ const schema = () => {
 const setColorTheme$3 = () => {
   return i18nString(SetColorTheme$1);
 };
+const enable = () => {
+  return i18nString(Enable$1);
+};
 const theme = () => {
   return i18nString(Theme$1);
 };
@@ -105,6 +132,9 @@ const webViews = () => {
 const activationEvents = () => {
   return i18nString(ActivationEvents$1);
 };
+const runtimeStatus = () => {
+  return i18nString(RuntimeStatus$1);
+};
 const jsonValidation = () => {
   return i18nString(JsonValidation$1);
 };
@@ -135,6 +165,48 @@ const scrollToTop = () => {
 const noReadmeFound = () => {
   return i18nString(NoReadmeFound);
 };
+const emptyCommandsArray = () => {
+  return i18nString(EmptyCommandsArray);
+};
+const importTime = () => {
+  return i18nString(ImportTime);
+};
+const activationTime = () => {
+  return i18nString(ActivationTime);
+};
+const unsupportedFeature = () => {
+  return i18nString(UnsupportedFeature);
+};
+const selectedFeatureUnknownOrUnsupported = () => {
+  return i18nString(SelectedFeatureUnknownOrUnsupported);
+};
+const identifier = () => {
+  return i18nString(Identifier);
+};
+const version = () => {
+  return i18nString(Version);
+};
+const lastUpdated = () => {
+  return i18nString(LastUpdated);
+};
+const size = () => {
+  return i18nString(Size);
+};
+const published = () => {
+  return i18nString(Published);
+};
+const lastReleased = () => {
+  return i18nString(LastReleased);
+};
+const issues = () => {
+  return i18nString(Issues);
+};
+const repository = () => {
+  return i18nString(Repository);
+};
+const license = () => {
+  return i18nString(License);
+};
 
 const getActivationEventsDetails = async extension => {
   const activationEvents = extension.activation || [];
@@ -150,13 +222,13 @@ const featureActivationEventsEnabled = extension => {
   return Array.isArray(extension.activation);
 };
 
-const None$1 = 'none';
+const None$2 = 'none';
 const Panel = 'panel';
 const Tab$1 = 'tab';
 const TabList = 'tablist';
 const AriaRoles = {
   __proto__: null,
-  None: None$1,
+  None: None$2,
   Panel,
   Tab: Tab$1,
   TabList};
@@ -345,6 +417,19 @@ const getCommandTableEntries = rows => {
   };
 };
 
+const getFeatureCommandsEmptyVirtualDom = () => {
+  const heading = commands$1();
+  const emptyCommandsArray$1 = emptyCommandsArray();
+  return [{
+    type: VirtualDomElements.Div,
+    className: FeatureContent,
+    childCount: 2
+  }, ...getFeatureContentHeadingVirtualDom(heading), {
+    type: VirtualDomElements.P,
+    childCount: 1
+  }, text(emptyCommandsArray$1)];
+};
+
 const getTableHeadingVirtualDom = heading => {
   return [{
     type: VirtualDomElements.Th,
@@ -422,6 +507,9 @@ const getTableVirtualDom = tableInfo => {
 
 // TODO have typed view-model
 const getFeatureCommandsVirtualDom = commands => {
+  if (commands.length === 0) {
+    return getFeatureCommandsEmptyVirtualDom();
+  }
   const heading = commands$1();
   const tableInfo = getCommandTableEntries(commands);
   return [{
@@ -529,10 +617,10 @@ const getFeatureUnsupportedVirtualDom = state => {
   }, {
     type: VirtualDomElements.H1,
     childCount: 1
-  }, text('Unsupported Feature'), {
+  }, text(unsupportedFeature()), {
     type: VirtualDomElements.P,
     childCount: 1
-  }, text('Selected feature is unknown or unsupported')];
+  }, text(selectedFeatureUnknownOrUnsupported())];
 };
 
 const features = Object.create(null);
@@ -566,6 +654,293 @@ const getFeatureVirtualDomHandler = featureName => {
   return feature.getVirtualDom;
 };
 
+const rpcs = Object.create(null);
+const set$g = (id, rpc) => {
+  rpcs[id] = rpc;
+};
+const get$2 = id => {
+  return rpcs[id];
+};
+
+/* eslint-disable  @typescript-eslint/explicit-function-return-type */
+
+const create$7 = rpcId => {
+  return {
+    // @ts-ignore
+    invoke(method, ...params) {
+      const rpc = get$2(rpcId);
+      // @ts-ignore
+      return rpc.invoke(method, ...params);
+    },
+    // @ts-ignore
+    invokeAndTransfer(method, ...params) {
+      const rpc = get$2(rpcId);
+      // @ts-ignore
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    set(rpc) {
+      set$g(rpcId, rpc);
+    },
+    async dispose() {
+      const rpc = get$2(rpcId);
+      await rpc.dispose();
+    }
+  };
+};
+const ExtensionHostWorker = 44;
+const RendererWorker$1 = 1;
+const FileSystemWorker$1 = 209;
+const MarkdownWorker$1 = 300;
+const {
+  invoke: invoke$9,
+  set: set$9} = create$7(ExtensionHostWorker);
+const getRuntimeStatus$2 = async extensionId => {
+  // @ts-ignore
+  return invoke$9('ExtensionHost.getRuntimeStatus', extensionId);
+};
+const ExtensionHost = {
+  __proto__: null,
+  getRuntimeStatus: getRuntimeStatus$2,
+  set: set$9
+};
+const {
+  invoke: invoke$7,
+  set: set$7} = create$7(FileSystemWorker$1);
+const readFile$1$1 = async uri => {
+  return invoke$7('FileSystem.readFile', uri);
+};
+const exists$1 = async uri => {
+  // @ts-ignore
+  return invoke$7('FileSystem.exists', uri);
+};
+const FileSystemWorker = {
+  __proto__: null,
+  exists: exists$1,
+  invoke: invoke$7,
+  readFile: readFile$1$1,
+  set: set$7};
+const {
+  invoke: invoke$5,
+  set: set$5$1} = create$7(MarkdownWorker$1);
+const getVirtualDom$1 = async html => {
+  // @ts-ignore
+  return invoke$5('Markdown.getVirtualDom', html);
+};
+const render$1 = async (markdown, options) => {
+  // @ts-ignore
+  return invoke$5('Markdown.render', markdown, options);
+};
+const MarkdownWorker = {
+  __proto__: null,
+  getVirtualDom: getVirtualDom$1,
+  render: render$1,
+  set: set$5$1
+};
+const {
+  invoke: invoke$3,
+  invokeAndTransfer: invokeAndTransfer$3,
+  set: set$3$1} = create$7(RendererWorker$1);
+const showContextMenu$1 = async (x, y, id, ...args) => {
+  return invoke$3('ContextMenu.show', x, y, id, ...args);
+};
+const setColorTheme$2 = async id => {
+  // @ts-ignore
+  return invoke$3(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
+};
+const sendMessagePortToMarkdownWorker$2 = async (port, rpcId) => {
+  const command = 'Markdown.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
+};
+const sendMessagePortToFileSystemWorker$2 = async (port, rpcId) => {
+  const command = 'FileSystem.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
+};
+const disableExtension$2 = async id => {
+  return invoke$3('ExtensionManagement.disable', id);
+};
+const sendMessagePortToExtensionHostWorker$2 = async (port, rpcId = 0) => {
+  const command = 'HandleMessagePort.handleMessagePort2';
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
+};
+const writeClipBoardText$1 = async text => {
+  await invoke$3('ClipBoard.writeText', /* text */text);
+};
+const writeClipBoardImage$1 = async blob => {
+  // @ts-ignore
+  await invoke$3('ClipBoard.writeImage', /* text */blob);
+};
+const getAllExtensions$2 = async () => {
+  return invoke$3('ExtensionManagement.getAllExtensions');
+};
+const getExtension$3 = async id => {
+  // @ts-ignore
+  return invoke$3('ExtensionManagement.getExtension', id);
+};
+const openNativeFolder$1 = async uri => {
+  // @ts-ignore
+  await invoke$3('OpenNativeFolder.openNativeFolder', uri);
+};
+const uninstallExtension$1 = async id => {
+  return invoke$3('ExtensionManagement.uninstall', id);
+};
+const openExtensionSearch$2 = async () => {
+  // @ts-ignore
+  return invoke$3('SideBar.openViewlet', 'Extensions');
+};
+const setExtensionsSearchValue$1 = async searchValue => {
+  // @ts-ignore
+  return invoke$3('Extensions.handleInput', searchValue);
+};
+const openUrl$2 = async uri => {
+  // @ts-ignore
+  await invoke$3('Open.openUrl', uri);
+};
+const RendererWorker = {
+  __proto__: null,
+  disableExtension: disableExtension$2,
+  getAllExtensions: getAllExtensions$2,
+  getExtension: getExtension$3,
+  openExtensionSearch: openExtensionSearch$2,
+  openNativeFolder: openNativeFolder$1,
+  openUrl: openUrl$2,
+  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$2,
+  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$2,
+  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$2,
+  set: set$3$1,
+  setColorTheme: setColorTheme$2,
+  setExtensionsSearchValue: setExtensionsSearchValue$1,
+  showContextMenu: showContextMenu$1,
+  uninstallExtension: uninstallExtension$1,
+  writeClipBoardImage: writeClipBoardImage$1,
+  writeClipBoardText: writeClipBoardText$1
+};
+
+const {
+  set: set$5,
+  getRuntimeStatus: getRuntimeStatus$1
+} = ExtensionHost;
+
+const getRuntimeStatus = async extensionId => {
+  // @ts-ignore
+  const status = await getRuntimeStatus$1(extensionId);
+  // @ts-ignore
+  return status;
+};
+
+const getRuntimeStatusDetails = async extension => {
+  const {
+    activationEvent,
+    status,
+    activationTime,
+    importTime
+  } = await getRuntimeStatus(extension.id);
+  return {
+    wasActivatedByEvent: activationEvent,
+    activationTime,
+    status,
+    importTime
+  };
+};
+
+const featureRuntimeStatusEnabled = extension => {
+  if (!extension || typeof extension !== 'object') {
+    return false;
+  }
+  if ('main' in extension || 'browser' in extension) {
+    return true;
+  }
+  return false;
+};
+
+const formatTime = time => {
+  return time.toFixed(2) + 'ms';
+};
+
+const getActivationTimeVirtualDom = (importTime$1, activationTime$1) => {
+  if (!activationTime$1 && !importTime$1) {
+    return [];
+  }
+  const formattedImportTime = formatTime(importTime$1);
+  const formattedTime = formatTime(activationTime$1);
+  return [{
+    type: VirtualDomElements.Dt,
+    childCount: 1
+  }, text(importTime()), {
+    type: VirtualDomElements.Dd,
+    childCount: 1
+  }, text(formattedImportTime), {
+    type: VirtualDomElements.Dt,
+    childCount: 1
+  }, text(activationTime()), {
+    type: VirtualDomElements.Dd,
+    childCount: 1
+  }, text(formattedTime)];
+};
+
+const None$1 = 0;
+const Importing = 1;
+const Activating = 2;
+const Activated = 3;
+const Error$1 = 4;
+
+const getStatusMessage = statusType => {
+  switch (statusType) {
+    case Activated:
+      return 'activated';
+    case None$1:
+      return 'none';
+    case Activating:
+      return 'Activating';
+    case Error$1:
+      return 'error';
+    case Importing:
+      return 'importing';
+    default:
+      return 'unknown';
+  }
+};
+
+const getStatusVirtualDom = status => {
+  const statusString = getStatusMessage(status);
+  return [{
+    type: VirtualDomElements.Dt,
+    childCount: 1
+  }, text(`Status: `),
+  // i18n
+  {
+    type: VirtualDomElements.Dd,
+    childCount: 1
+  }, text(`${statusString}`)];
+};
+
+const getChildCount$1 = (status, activationTime, importTime) => {
+  let childCount = 0;
+  childCount += 2; // status
+  if (importTime || activationTime) {
+    childCount += 4;
+  }
+  return childCount;
+};
+const getRuntimeStatusVirtualDom = state => {
+  const {
+    status,
+    activationTime,
+    importTime
+  } = state;
+  const heading = runtimeStatus();
+  const childCount = getChildCount$1(status, activationTime, importTime);
+  return [{
+    type: VirtualDomElements.Div,
+    className: FeatureContent,
+    childCount: 2
+  }, ...getFeatureContentHeadingVirtualDom(heading), {
+    type: VirtualDomElements.Dl,
+    childCount
+  }, ...getStatusVirtualDom(status), ...getActivationTimeVirtualDom(activationTime, importTime)];
+};
+
 const getSettingsTableEntry = setting => {
   const {
     id,
@@ -664,6 +1039,7 @@ const string = value => {
 
 const HandleClickCategory = 'handleClickCategory';
 const HandleClickDisable = 'handleClickDisable';
+const HandleClickEnable = 'handleClickEnable';
 const HandleClickScrollToTop = 'handleClickScrollToTop';
 const HandleClickSetColorTheme = 'handleClickSetColorTheme';
 const HandleClickSettings = 'handleClickSettings';
@@ -671,6 +1047,7 @@ const HandleClickSize = 'handleClickSize';
 const HandleClickUninstall = 'handleClickUninstall';
 const HandleFeaturesClick = 'handleFeaturesClick';
 const HandleIconError = 'handleIconError';
+const HandleImageContextMenu = 'handleImageContextMenu';
 const HandleReadmeContextMenu = 'handleReadmeContextMenu';
 const HandleReadmeScroll = 'handleReadmeScroll';
 const HandleTabsClick = 'handleTabsClick';
@@ -679,10 +1056,12 @@ const ActivationEvents = 'ActivationEvents';
 const Changelog = 'Changelog';
 const Commands = 'Commands';
 const Details = 'Details';
+const Enable = 'Enable';
 const Disable = 'Disable';
 const Features = 'Features';
 const JsonValidation = 'JsonValidation';
 const ProgrammingLanguages = 'ProgrammingLanguages';
+const RuntimeStatus = 'RuntimeStatus';
 const ScrollToTop = 'scrolltotop';
 const SetColorTheme = 'SetColorTheme';
 const Settings = 'Settings';
@@ -706,118 +1085,6 @@ const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
   }];
 };
 
-const rpcs = Object.create(null);
-const set$g = (id, rpc) => {
-  rpcs[id] = rpc;
-};
-const get$2 = id => {
-  return rpcs[id];
-};
-
-/* eslint-disable  @typescript-eslint/explicit-function-return-type */
-
-const create$7 = rpcId => {
-  return {
-    // @ts-ignore
-    invoke(method, ...params) {
-      const rpc = get$2(rpcId);
-      // @ts-ignore
-      return rpc.invoke(method, ...params);
-    },
-    // @ts-ignore
-    invokeAndTransfer(method, ...params) {
-      const rpc = get$2(rpcId);
-      // @ts-ignore
-      return rpc.invokeAndTransfer(method, ...params);
-    },
-    set(rpc) {
-      set$g(rpcId, rpc);
-    },
-    async dispose() {
-      const rpc = get$2(rpcId);
-      await rpc.dispose();
-    }
-  };
-};
-const RendererWorker$1 = 1;
-const FileSystemWorker$1 = 209;
-const MarkdownWorker$1 = 300;
-const {
-  invoke: invoke$7,
-  set: set$7} = create$7(FileSystemWorker$1);
-const readFile$1$1 = async uri => {
-  return invoke$7('FileSystem.readFile', uri);
-};
-const exists$1 = async uri => {
-  // @ts-ignore
-  return invoke$7('FileSystem.exists', uri);
-};
-const FileSystemWorker = {
-  __proto__: null,
-  exists: exists$1,
-  invoke: invoke$7,
-  readFile: readFile$1$1,
-  set: set$7};
-const {
-  invoke: invoke$5,
-  set: set$5} = create$7(MarkdownWorker$1);
-const getVirtualDom$1 = async html => {
-  // @ts-ignore
-  return invoke$5('Markdown.getVirtualDom', html);
-};
-const render$1 = async (markdown, options) => {
-  // @ts-ignore
-  return invoke$5('Markdown.render', markdown, options);
-};
-const MarkdownWorker = {
-  __proto__: null,
-  getVirtualDom: getVirtualDom$1,
-  render: render$1,
-  set: set$5
-};
-const {
-  invoke: invoke$3,
-  invokeAndTransfer: invokeAndTransfer$3,
-  set: set$3$1} = create$7(RendererWorker$1);
-const setColorTheme$2 = async id => {
-  // @ts-ignore
-  return invoke$3(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
-};
-const sendMessagePortToMarkdownWorker$2 = async (port, rpcId) => {
-  const command = 'Markdown.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
-};
-const sendMessagePortToFileSystemWorker$2 = async (port, rpcId) => {
-  const command = 'FileSystem.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
-};
-const getAllExtensions$2 = async () => {
-  return invoke$3('ExtensionManagement.getAllExtensions');
-};
-const getExtension$3 = async id => {
-  // @ts-ignore
-  return invoke$3('ExtensionManagement.getExtension', id);
-};
-const openNativeFolder$1 = async uri => {
-  // @ts-ignore
-  await invoke$3('OpenNativeFolder.openNativeFolder', uri);
-};
-const uninstallExtension$1 = async id => {
-  return invoke$3('ExtensionManagement.uninstall', id);
-};
-const RendererWorker = {
-  __proto__: null,
-  getAllExtensions: getAllExtensions$2,
-  getExtension: getExtension$3,
-  openNativeFolder: openNativeFolder$1,
-  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$2,
-  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$2,
-  set: set$3$1,
-  setColorTheme: setColorTheme$2,
-  uninstallExtension: uninstallExtension$1};
-
 const {
   set: set$4,
   getVirtualDom,
@@ -1080,6 +1347,13 @@ const registerAllFeatures = () => {
     getDetails: getActivationEventsDetails,
     getVirtualDom: getActivationEventsVirtualDom
   });
+  register$1({
+    id: RuntimeStatus,
+    getLabel: runtimeStatus,
+    isEnabled: featureRuntimeStatusEnabled,
+    getDetails: getRuntimeStatusDetails,
+    getVirtualDom: getRuntimeStatusVirtualDom
+  });
 };
 
 const normalizeLine = line => {
@@ -2126,20 +2400,88 @@ const terminate = () => {
   globalThis.close();
 };
 
-const copyImage = state => {
+const {
+  disableExtension: disableExtension$1,
+  getAllExtensions: getAllExtensions$1,
+  getExtension: getExtension$2,
+  openExtensionSearch: openExtensionSearch$1,
+  openNativeFolder,
+  openUrl: openUrl$1,
+  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1,
+  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1,
+  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1,
+  set: set$2,
+  setColorTheme: setColorTheme$1,
+  setExtensionsSearchValue,
+  showContextMenu,
+  uninstallExtension,
+  writeClipBoardImage,
+  writeClipBoardText
+} = RendererWorker;
+
+const writeClipboardImage = async blob => {
+  await writeClipBoardImage(blob);
+};
+const writeText = async text => {
+  await writeClipBoardText(text);
+};
+
+const {
+  set: set$1,
+  exists,
+  readFile: readFile$1,
+  invoke
+} = FileSystemWorker;
+const readFileAsBlob = async uri => {
+  // TODO maybe readAsObjectUrl?
+  // @ts-ignore
+  return invoke('FileSystem.readFileAsBlob', uri);
+};
+
+const getImageCopyUrl = iconSrc => {
+  // TODO support gitpod url prefixes
+  // @ts-ignore
+  const prefix = `${location.protocol}//${location.host}`;
+  const absoluteIconSrc = `${prefix}${iconSrc}`;
+  return absoluteIconSrc;
+};
+
+const copyImage = async state => {
+  const {
+    iconSrc
+  } = state;
+  const absoluteIconSrc = getImageCopyUrl(iconSrc);
+  const blob = await readFileAsBlob(absoluteIconSrc);
+  await writeClipboardImage(blob);
+  return state;
+};
+
+const copyImageUrl = async state => {
+  const {
+    iconSrc
+  } = state;
+  const absoluteIconSrc = getImageCopyUrl(iconSrc);
+  await writeText(absoluteIconSrc);
   return state;
 };
 
 const {
   get,
-  set: set$2,
+  set,
   dispose: dispose$1,
   wrapCommand,
-  wrapGetter
+  wrapGetter,
+  getCommandIds,
+  registerCommands
 } = create$1();
 
 const create = (uid, uri, x, y, width, height, platform, assetDir) => {
   const state = {
+    wasActivatedByEvent: '',
+    activationTime: 0,
+    importTime: 0,
+    disabled: false,
+    status: 0,
     uid,
     activationEvents: [],
     assetDir: assetDir || '',
@@ -2150,6 +2492,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     categories: [],
     changelogScrollTop: 0,
     changelogVirtualDom: [],
+    extensionUri: '',
     commands: [],
     hasReadme: false,
     description: '',
@@ -2188,7 +2531,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     width,
     readmeUrl: ''
   };
-  set$2(uid, state, state);
+  set(uid, state, state);
 };
 
 const isEqual$2 = (oldState, newState) => {
@@ -2232,12 +2575,6 @@ const dispose = uid => {
   dispose$1(uid);
 };
 
-const commandIds = ['copyImage', 'getMenuEntries', 'handleClickCategory', 'handleClickDisable', 'handleClickScrollToTop', 'handleClickSetColorTheme', 'handleClickSettings', 'handleClickSize', 'handleClickUninstall', 'handleFeaturesClick', 'handleIconError', 'handleScroll', 'handleTabsClick', 'handleWheel', 'renderEventListeners', 'resize', 'saveState', 'selectTab', 'terminate'];
-
-const getCommandIds = () => {
-  return commandIds;
-};
-
 const None = 0;
 
 const getCopyMenuEntry = () => ({
@@ -2253,7 +2590,7 @@ const getImageMenuEntries = props => {
   }
   return [{
     id: 'openImageInNewTab',
-    label: openImageInNewTab(),
+    label: openImageInNewTab$1(),
     flags: None,
     command: 'Open.openUrl',
     args: [props.url || '']
@@ -2281,12 +2618,57 @@ const getLinkMenuEntries = props => {
 
 const getMenuEntries = props => [...getLinkMenuEntries(props), ...getImageMenuEntries(props), getCopyMenuEntry()];
 
+const ExtensionDetailIconContextMenu = 4091;
+
+const getMenus = () => {
+  return [{
+    id: ExtensionDetailIconContextMenu,
+    entries: [{
+      id: 'openImageInNewTab',
+      label: openImageInNewTab$1(),
+      flags: None,
+      command: 'ExtensionDetail.openImageInNewTab',
+      args: []
+    }, {
+      id: 'copyImage',
+      label: copyImage$1(),
+      flags: None,
+      command: 'ExtensionDetail.copyImage',
+      args: []
+    }, {
+      id: 'copyImageUrl',
+      label: copyImageUrl$1(),
+      flags: None,
+      command: 'ExtensionDetail.copyImageUrl',
+      args: []
+    }]
+  }];
+};
+
+const openExtensionSearch = async searchValue => {
+  await openExtensionSearch$1();
+  await setExtensionsSearchValue(searchValue);
+};
+
 const handleClickCategory = async (state, categoryId) => {
-  // TODO: Implement category click functionality
+  if (!categoryId) {
+    return state;
+  }
+  const searchValue = `@category:"${categoryId}"`;
+  await openExtensionSearch(searchValue);
   return state;
 };
 
+const disableExtension = id => {
+  return disableExtension$1(id);
+};
+
 const handleClickDisable = async state => {
+  const {
+    extensionId
+  } = state;
+  await disableExtension(extensionId);
+  // TODO when it fails, show dialog / alert?
   return state;
 };
 
@@ -2338,17 +2720,6 @@ const handleClickScrollToTop = state => {
   };
 };
 
-const {
-  getAllExtensions: getAllExtensions$1,
-  getExtension: getExtension$2,
-  openNativeFolder,
-  set: set$1,
-  setColorTheme: setColorTheme$1,
-  uninstallExtension,
-  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1,
-  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1
-} = RendererWorker;
-
 const setColorTheme = id => {
   return setColorTheme$1(id);
 };
@@ -2392,6 +2763,14 @@ const handleClickUninstall = async state => {
   return state;
 };
 
+const handleExtensionsStatusUpdate = async state => {
+  const details = await getRuntimeStatusDetails(state.extension);
+  return {
+    ...state,
+    ...details
+  };
+};
+
 const extensionDefaultIcon = assetDir => {
   return `${assetDir}/icons/extensionDefaultIcon.png`;
 };
@@ -2416,6 +2795,15 @@ const handleIconError = state => {
   };
 };
 
+const show = async (menuId, x, y) => {
+  await showContextMenu(x, y, menuId);
+};
+
+const handleImageContextMenu = async (state, eventX, eventY) => {
+  await show(ExtensionDetailIconContextMenu, eventX, eventY);
+  return state;
+};
+
 const handleScroll = (state, scrollTop, scrollSource = Script) => {
   const newScrollTop = Math.max(0, scrollTop);
   return {
@@ -2425,13 +2813,6 @@ const handleScroll = (state, scrollTop, scrollSource = Script) => {
   };
 };
 
-const {
-  set,
-  exists,
-  readFile: readFile$1,
-  invoke
-} = FileSystemWorker;
-
 const readFile = async uri => {
   return readFile$1(uri);
 };
@@ -2582,6 +2963,27 @@ const handleTabsClick = (state, name) => {
   return selectTab(state, name);
 };
 
+const sendMessagePortToExtensionHostWorker = async port => {
+  await sendMessagePortToExtensionHostWorker$1(port, 0);
+};
+
+const createExtensionHostWorkerRpc = async () => {
+  try {
+    const rpc = await TransferMessagePortRpcParent.create({
+      commandMap: {},
+      send: sendMessagePortToExtensionHostWorker
+    });
+    return rpc;
+  } catch (error) {
+    throw new VError(error, `Failed to create extension host rpc`);
+  }
+};
+
+const initializeExtensionHostWorker = async () => {
+  const rpc = await createExtensionHostWorkerRpc();
+  set$5(rpc);
+};
+
 const sendMessagePortToFileSystemWorker = async port => {
   await sendMessagePortToFileSystemWorker$1(port, 0);
 };
@@ -2600,7 +3002,7 @@ const createFileSystemWorkerRpc = async () => {
 
 const initializeFileSystemWorker = async () => {
   const rpc = await createFileSystemWorkerRpc();
-  set(rpc);
+  set$1(rpc);
 };
 
 const sendMessagePortToMarkdownWorker = async port => {
@@ -2625,7 +3027,7 @@ const initializeMarkdownWorker = async () => {
 };
 
 const initialize = async () => {
-  await Promise.all([initializeMarkdownWorker(), initializeFileSystemWorker()]);
+  await Promise.all([initializeMarkdownWorker(), initializeFileSystemWorker(), initializeExtensionHostWorker()]);
 };
 
 const existsFile = async uri => {
@@ -2687,16 +3089,21 @@ const getBaseUrl = (extensionPath, platform) => {
   }
 };
 
-const getExtensionDetailButtons = (hasColorTheme, isBuiltin) => {
+const getExtensionDetailButtons = (hasColorTheme, isBuiltin, isDisabled) => {
   const allActions = [{
     label: setColorTheme$3(),
     onClick: HandleClickSetColorTheme,
     enabled: hasColorTheme,
     name: SetColorTheme
+  }, {
+    label: enable(),
+    onClick: HandleClickEnable,
+    enabled: isDisabled,
+    name: Enable
   }, {
     label: disable(),
     onClick: HandleClickDisable,
-    enabled: true,
+    enabled: !isDisabled,
     name: Disable
   }, {
     label: uninstall(),
@@ -2955,20 +3362,20 @@ const getFolderSize = async uri => {
 
 const getInstallationEntries = (displaySize, extensionId, extensionVersion, extensionUri) => {
   const entries = [{
-    key: 'Identifier',
+    key: identifier(),
     value: extensionId,
     odd: true,
     code: true
   }, {
-    key: 'Version',
+    key: version(),
     value: extensionVersion,
     code: true
   }, {
-    key: 'Last Updated',
+    key: lastUpdated(),
     value: 'n/a',
     odd: true
   }, {
-    key: 'Size',
+    key: size(),
     value: displaySize,
     onClick: HandleClickSize,
     title: extensionUri
@@ -2981,11 +3388,11 @@ const getMarketplaceEntries = isBuiltin => {
     return [];
   }
   return [{
-    key: 'Published',
+    key: published(),
     value: 'n/a',
     odd: true
   }, {
-    key: 'Last Released',
+    key: lastReleased(),
     value: 'n/a'
   }];
 };
@@ -2996,16 +3403,16 @@ const getResources = isBuiltin => {
   }
   // TODO
   return [{
-    label: 'Marketplace',
+    label: marketplace(),
     url: '#'
   }, {
-    label: 'Issues',
+    label: issues(),
     url: '#'
   }, {
-    label: 'Repository',
+    label: repository(),
     url: '#'
   }, {
-    label: 'License',
+    label: license(),
     url: '#'
   }];
 };
@@ -3068,7 +3475,10 @@ const restoreState = savedState => {
   };
 };
 
-const loadContent = async (state, platform, savedState) => {
+const loadContent = async (state, platform, savedState, isTest = false) => {
+  if (isTest) {
+    savedState = undefined;
+  }
   const {
     width,
     uri
@@ -3101,7 +3511,8 @@ const loadContent = async (state, platform, savedState) => {
     scrollToTopEnabled: true
   });
   const isBuiltin = extension?.isBuiltin;
-  const buttons = getExtensionDetailButtons(hasColorTheme, isBuiltin);
+  const disabled = extension?.disabled;
+  const buttons = getExtensionDetailButtons(hasColorTheme, isBuiltin, disabled);
   const enabledButtons = buttons.filter(button => button.enabled);
   const size = getViewletSize(width);
   const {
@@ -3132,9 +3543,11 @@ const loadContent = async (state, platform, savedState) => {
     changelogScrollTop,
     description,
     detailsVirtualDom,
+    disabled,
     displaySize,
     extension,
     extensionId,
+    extensionUri,
     extensionVersion,
     features,
     folderSize,
@@ -3156,8 +3569,21 @@ const loadContent = async (state, platform, savedState) => {
   };
 };
 
-const loadContent2 = async (state, savedState) => {
-  return loadContent(state, state.platform, savedState);
+const loadContent2 = async (state, savedState, isTest = false) => {
+  return loadContent(state, state.platform, savedState, isTest);
+};
+
+const openUrl = async uri => {
+  await openUrl$1(uri);
+};
+
+const openImageInNewTab = async state => {
+  const {
+    iconSrc
+  } = state;
+  const absoluteIconSrc = getImageCopyUrl(iconSrc);
+  await openUrl(absoluteIconSrc);
+  return state;
 };
 
 const getChangelogVirtualDom = changelogDom => {
@@ -3371,6 +3797,11 @@ const getFeatureListVirtualDom = features => {
   }, ...features.flatMap(getFeatureListItemVirtualDom)];
 };
 
+const sash = {
+  type: VirtualDomElements.Div,
+  className: mergeClassNames(Sash, SashVertical),
+  childCount: 0
+};
 const getFeaturesVirtualDom = (features, selectedFeature, state) => {
   if (features.length === 0) {
     const none$1 = none();
@@ -3386,11 +3817,7 @@ const getFeaturesVirtualDom = (features, selectedFeature, state) => {
     type: VirtualDomElements.Div,
     className: Features$1,
     childCount: 3
-  }, ...getFeatureListVirtualDom(features), {
-    type: VirtualDomElements.Div,
-    className: mergeClassNames(Sash, SashVertical),
-    childCount: 0
-  }, ...featureVirtualDom];
+  }, ...getFeatureListVirtualDom(features), sash, ...featureVirtualDom];
 };
 
 const getExtensionDetailContentVirtualDom = (sanitizedReadmeHtml, selectedTab, width, scrollToTopButtonEnabled, categories, resources, breakpoint, changelogDom, state) => {
@@ -3460,8 +3887,9 @@ const getExtensionDetailIconVirtualDom = iconSrc => {
     type: VirtualDomElements.Img,
     className: ExtensionDetailIcon,
     alt: '',
-    draggable: false,
     childCount: 0,
+    draggable: false,
+    onContextMenu: HandleImageContextMenu,
     src: iconSrc
   };
 };
@@ -3643,7 +4071,7 @@ const render2 = (uid, diffResult) => {
     oldState,
     newState
   } = get(uid);
-  set$2(uid, newState, newState);
+  set(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -3658,9 +4086,12 @@ const renderEventListeners = () => {
   }, {
     name: HandleReadmeContextMenu,
     params: ['handleReadmeContextMenu', 'event.clientX', 'event.clientY', 'event.target.href', 'event.target.src']
+  }, {
+    name: HandleImageContextMenu,
+    params: ['handleImageContextMenu', 'event.clientX', 'event.clientY'],
+    preventDefault: true
   }, {
     name: HandleReadmeScroll,
-    // @ts-ignore
     params: ['handleScroll', 'event.target.scrollTop', User],
     passive: true
   }, {
@@ -3715,11 +4146,13 @@ const saveState = state => {
 
 const commandMap = {
   'ExtensionDetail.copyImage': wrapCommand(copyImage),
+  'ExtensionDetail.copyImageUrl': wrapCommand(copyImageUrl),
   'ExtensionDetail.create': create,
   'ExtensionDetail.diff2': diff2,
   'ExtensionDetail.dispose': dispose,
   'ExtensionDetail.getCommandIds': getCommandIds,
   'ExtensionDetail.getMenuEntries': getMenuEntries,
+  'ExtensionDetail.getMenus': getMenus,
   'ExtensionDetail.handleClickCategory': wrapCommand(handleClickCategory),
   'ExtensionDetail.handleClickDisable': wrapCommand(handleClickDisable),
   'ExtensionDetail.handleClickScrollToTop': wrapCommand(handleClickScrollToTop),
@@ -3727,28 +4160,31 @@ const commandMap = {
   'ExtensionDetail.handleClickSettings': wrapCommand(handleClickSettings),
   'ExtensionDetail.handleClickSize': wrapCommand(handleClickSize),
   'ExtensionDetail.handleClickUninstall': wrapCommand(handleClickUninstall),
+  'ExtensionDetail.handleExtensionsStatusUpdate': wrapCommand(handleExtensionsStatusUpdate),
   'ExtensionDetail.handleFeaturesClick': wrapCommand(handleClickFeatures),
   'ExtensionDetail.handleIconError': wrapCommand(handleIconError),
+  'ExtensionDetail.handleImageContextMenu': wrapCommand(handleImageContextMenu),
   'ExtensionDetail.handleScroll': wrapCommand(handleScroll),
   'ExtensionDetail.handleTabsClick': wrapCommand(handleTabsClick),
   'ExtensionDetail.handleWheel': wrapCommand(handleScroll),
   // deprecated
+  'ExtensionDetail.initialize': initialize,
   'ExtensionDetail.loadContent2': wrapCommand(loadContent2),
+  'ExtensionDetail.openImageInNewTab': wrapCommand(openImageInNewTab),
   'ExtensionDetail.render2': render2,
   'ExtensionDetail.renderEventListeners': renderEventListeners,
   'ExtensionDetail.resize': wrapCommand(resize),
-  // @ts-ignore
   'ExtensionDetail.saveState': wrapGetter(saveState),
   'ExtensionDetail.selectTab': wrapCommand(selectTab),
-  'ExtensionDetail.terminate': terminate,
-  'ExtensionDetail.initialize': initialize
+  'ExtensionDetail.terminate': terminate
 };
 
 const listen = async () => {
+  registerCommands(commandMap);
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
-  set$1(rpc);
+  set$2(rpc);
 };
 
 const main = async () => {