@lvce-editor/extension-detail-view 3.50.0 → 3.53.0

package/README.md

@@ -14,3 +14,7 @@ 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

@@ -11,6 +11,7 @@ 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';
@@ -28,8 +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';
@@ -78,7 +80,7 @@ const features$1 = () => {
   return i18nString(Features$2);
 };
 const none = () => {
-  return i18nString(None$2);
+  return i18nString(None$3);
 };
 const openInNewTab = () => {
   return i18nString(OpenInNewTab);
@@ -113,6 +115,9 @@ const webViews = () => {
 const activationEvents = () => {
   return i18nString(ActivationEvents$1);
 };
+const runtimeStatus = () => {
+  return i18nString(RuntimeStatus$1);
+};
 const jsonValidation = () => {
   return i18nString(JsonValidation$1);
 };
@@ -143,6 +148,9 @@ const scrollToTop = () => {
 const noReadmeFound = () => {
   return i18nString(NoReadmeFound);
 };
+const emptyCommandsArray = () => {
+  return i18nString(EmptyCommandsArray);
+};
 
 const getActivationEventsDetails = async extension => {
   const activationEvents = extension.activation || [];
@@ -158,13 +166,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};
@@ -353,6 +361,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,
@@ -430,6 +451,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 [{
@@ -574,6 +598,266 @@ 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 ExtensionHost = {
+  __proto__: null,
+  invoke: invoke$9,
+  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 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,
+  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,
+  invoke: invoke$2
+} = ExtensionHost;
+
+const getRuntimeStatus = async extensionId => {
+  // TODO simplify api
+  // @ts-ignore
+  const status = await invoke$2('ExtensionHost.getRuntimeStatus', extensionId);
+  // @ts-ignore
+  return status;
+};
+
+const getRuntimeStatusDetails = async extension => {
+  const {
+    activationEvent,
+    status,
+    activationTime
+  } = await getRuntimeStatus(extension.id);
+  return {
+    wasActivatedByEvent: activationEvent,
+    activationTime,
+    status
+  };
+};
+
+const featureRuntimeStatusEnabled = extension => {
+  if (!extension || typeof extension !== 'object') {
+    return false;
+  }
+  if ('main' in extension || 'browser' in extension) {
+    return true;
+  }
+  return false;
+};
+
+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 formatTime = time => {
+  return time.toFixed(2) + 'ms';
+};
+const getActivationTimeVirtualDom = activationTime => {
+  if (!activationTime) {
+    return [];
+  }
+  const formattedTime = formatTime(activationTime);
+  return [{
+    type: VirtualDomElements.P,
+    childCount: 2
+  }, text('Activation Time: '),
+  // i18n
+  text(formattedTime)];
+};
+const getStatusVirtualDom = status => {
+  const statusString = getStatusMessage(status);
+  return [{
+    type: VirtualDomElements.P,
+    childCount: 2
+  }, text(`Status: `),
+  // i18n
+  text(`${statusString}`)];
+};
+const getChildCount$1 = (status, activationTime) => {
+  let childCount = 1; // heading
+  childCount++; // status
+  if (activationTime) {
+    childCount++; // activation time
+  }
+  return childCount;
+};
+const getRuntimeStatusVirtualDom = state => {
+  const {
+    status,
+    activationTime
+  } = state;
+  const heading = runtimeStatus();
+  const childCount = getChildCount$1(status, activationTime);
+  return [{
+    type: VirtualDomElements.Div,
+    className: FeatureContent,
+    childCount: childCount
+  }, ...getFeatureContentHeadingVirtualDom(heading), ...getStatusVirtualDom(status), ...getActivationTimeVirtualDom(activationTime)];
+};
+
 const getSettingsTableEntry = setting => {
   const {
     id,
@@ -692,6 +976,7 @@ const Disable = 'Disable';
 const Features = 'Features';
 const JsonValidation = 'JsonValidation';
 const ProgrammingLanguages = 'ProgrammingLanguages';
+const RuntimeStatus = 'RuntimeStatus';
 const ScrollToTop = 'scrolltotop';
 const SetColorTheme = 'SetColorTheme';
 const Settings = 'Settings';
@@ -715,143 +1000,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 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 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 value => {
-  // @ts-ignore
-  return invoke$3('Extensions.handleInput', searchValue);
-};
-const RendererWorker = {
-  __proto__: null,
-  getAllExtensions: getAllExtensions$2,
-  getExtension: getExtension$3,
-  invoke: invoke$3,
-  openExtensionSearch: openExtensionSearch$2,
-  openNativeFolder: openNativeFolder$1,
-  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$4,
   getVirtualDom,
@@ -1114,6 +1262,13 @@ const registerAllFeatures = () => {
     getDetails: getActivationEventsDetails,
     getVirtualDom: getActivationEventsVirtualDom
   });
+  register$1({
+    id: RuntimeStatus,
+    getLabel: runtimeStatus,
+    isEnabled: featureRuntimeStatusEnabled,
+    getDetails: getRuntimeStatusDetails,
+    getVirtualDom: getRuntimeStatusVirtualDom
+  });
 };
 
 const normalizeLine = line => {
@@ -1953,7 +2108,7 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke$2 = (ipc, method, ...params) => {
+const invoke$1 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer = (ipc, method, ...params) => {
@@ -1986,7 +2141,7 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$2(ipc, method, ...params);
+      return invoke$1(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer(ipc, method, ...params);
@@ -2163,8 +2318,8 @@ const terminate = () => {
 const {
   getAllExtensions: getAllExtensions$1,
   getExtension: getExtension$2,
-  invoke: invoke$1,
   openExtensionSearch: openExtensionSearch$1,
+  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1,
   openNativeFolder,
   writeClipBoardText,
   sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1,
@@ -2174,12 +2329,9 @@ const {
   setExtensionsSearchValue,
   showContextMenu,
   uninstallExtension,
-  writeClipBoardImage
+  writeClipBoardImage,
+  openUrl: openUrl$1
 } = RendererWorker;
-const openUrl$1 = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openUrl', uri);
-};
 
 const writeClipboardImage = async blob => {
   await writeClipBoardImage(blob);
@@ -2239,6 +2391,9 @@ const {
 
 const create = (uid, uri, x, y, width, height, platform, assetDir) => {
   const state = {
+    wasActivatedByEvent: '',
+    activationTime: 0,
+    status: 0,
     uid,
     activationEvents: [],
     assetDir: assetDir || '',
@@ -2703,6 +2858,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);
 };
@@ -2746,7 +2922,7 @@ const initializeMarkdownWorker = async () => {
 };
 
 const initialize = async () => {
-  await Promise.all([initializeMarkdownWorker(), initializeFileSystemWorker()]);
+  await Promise.all([initializeMarkdownWorker(), initializeFileSystemWorker(), initializeExtensionHostWorker()]);
 };
 
 const existsFile = async uri => {
@@ -3506,6 +3682,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();
@@ -3521,11 +3702,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) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "3.50.0",
+  "version": "3.53.0",
   "description": "Extension Detail View Worker",
   "license": "MIT",
   "author": "Lvce Editor",