@lvce-editor/extension-detail-view 3.52.0 → 3.54.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,7 +29,7 @@ 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';
@@ -79,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);
@@ -114,6 +115,9 @@ const webViews = () => {
 const activationEvents = () => {
   return i18nString(ActivationEvents$1);
 };
+const runtimeStatus = () => {
+  return i18nString(RuntimeStatus$1);
+};
 const jsonValidation = () => {
   return i18nString(JsonValidation$1);
 };
@@ -162,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};
@@ -594,147 +598,6 @@ const getFeatureVirtualDomHandler = featureName => {
   return feature.getVirtualDom;
 };
 
-const getSettingsTableEntry = setting => {
-  const {
-    id,
-    label
-  } = setting;
-  // TODO watch out for  null/undefined/number/string/array
-  return [{
-    type: Text,
-    value: id
-  }, {
-    type: Text,
-    value: label
-  }];
-};
-
-const getSettingsDetails = async extension => {
-  const settings = extension.settings || [];
-  const rows = settings.map(getSettingsTableEntry);
-  return {
-    settings: rows
-  };
-};
-
-const featureSettingsEnabled = extension => {
-  if (!extension || typeof extension !== 'object' || !('settings' in extension)) {
-    return false;
-  }
-  return Array.isArray(extension.settings);
-};
-
-const getSettingsTableEntries = rows => {
-  const textId = id$1();
-  const textLabel = label();
-  return {
-    headings: [textId, textLabel],
-    rows
-  };
-};
-
-const getFeatureSettingsVirtualDom = rows => {
-  const heading = settings();
-  const tableInfo = getSettingsTableEntries(rows);
-  return [{
-    type: VirtualDomElements.Div,
-    className: FeatureContent,
-    childCount: 2
-  }, ...getFeatureContentHeadingVirtualDom(heading), ...getTableVirtualDom(tableInfo)];
-};
-
-const getSettingsVirtualDom = state => {
-  return getFeatureSettingsVirtualDom(state.settings);
-};
-
-class AssertionError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = 'AssertionError';
-  }
-}
-const Object$1 = 1;
-const Number$1 = 2;
-const Array$1 = 3;
-const String = 4;
-const Boolean$1 = 5;
-const Function = 6;
-const Null = 7;
-const Unknown = 8;
-const getType = value => {
-  switch (typeof value) {
-    case 'number':
-      return Number$1;
-    case 'function':
-      return Function;
-    case 'string':
-      return String;
-    case 'object':
-      if (value === null) {
-        return Null;
-      }
-      if (Array.isArray(value)) {
-        return Array$1;
-      }
-      return Object$1;
-    case 'boolean':
-      return Boolean$1;
-    default:
-      return Unknown;
-  }
-};
-const string = value => {
-  const type = getType(value);
-  if (type !== String) {
-    throw new AssertionError('expected value to be of type string');
-  }
-};
-
-const HandleClickCategory = 'handleClickCategory';
-const HandleClickDisable = 'handleClickDisable';
-const HandleClickScrollToTop = 'handleClickScrollToTop';
-const HandleClickSetColorTheme = 'handleClickSetColorTheme';
-const HandleClickSettings = 'handleClickSettings';
-const HandleClickSize = 'handleClickSize';
-const HandleClickUninstall = 'handleClickUninstall';
-const HandleFeaturesClick = 'handleFeaturesClick';
-const HandleIconError = 'handleIconError';
-const HandleImageContextMenu = 'handleImageContextMenu';
-const HandleReadmeContextMenu = 'handleReadmeContextMenu';
-const HandleReadmeScroll = 'handleReadmeScroll';
-const HandleTabsClick = 'handleTabsClick';
-
-const ActivationEvents = 'ActivationEvents';
-const Changelog = 'Changelog';
-const Commands = 'Commands';
-const Details = 'Details';
-const Disable = 'Disable';
-const Features = 'Features';
-const JsonValidation = 'JsonValidation';
-const ProgrammingLanguages = 'ProgrammingLanguages';
-const ScrollToTop = 'scrolltotop';
-const SetColorTheme = 'SetColorTheme';
-const Settings = 'Settings';
-const Theme = 'Theme';
-const Uninstall = 'Uninstall';
-const WebViews = 'WebViews';
-
-const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
-  return [{
-    type: VirtualDomElements.Button,
-    className: ScrollToTopButton,
-    childCount: 1,
-    onClick: HandleClickScrollToTop,
-    ariaLabel: scrollToTop(),
-    name: ScrollToTop
-  }, {
-    type: VirtualDomElements.Div,
-    className: 'MaskIcon MaskIconChevronUp',
-    childCount: 0,
-    role: AriaRoles.None
-  }];
-};
-
 const rpcs = Object.create(null);
 const set$g = (id, rpc) => {
   rpcs[id] = rpc;
@@ -773,9 +636,11 @@ 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 {
@@ -890,6 +755,277 @@ const RendererWorker = {
 
 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,
+    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, activationTime) => {
+  if (!activationTime && !importTime) {
+    return [];
+  }
+  const formattedImportTime = formatTime(importTime);
+  const formattedTime = formatTime(activationTime);
+  return [{
+    type: VirtualDomElements.Dt,
+    childCount: 1
+  }, text('Import Time: '),
+  // i18n
+  {
+    type: VirtualDomElements.Dd,
+    childCount: 1
+  }, text(formattedImportTime), {
+    type: VirtualDomElements.Dt,
+    childCount: 1
+  }, text('Activation Time: '),
+  // i18n
+  {
+    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,
+    label
+  } = setting;
+  // TODO watch out for  null/undefined/number/string/array
+  return [{
+    type: Text,
+    value: id
+  }, {
+    type: Text,
+    value: label
+  }];
+};
+
+const getSettingsDetails = async extension => {
+  const settings = extension.settings || [];
+  const rows = settings.map(getSettingsTableEntry);
+  return {
+    settings: rows
+  };
+};
+
+const featureSettingsEnabled = extension => {
+  if (!extension || typeof extension !== 'object' || !('settings' in extension)) {
+    return false;
+  }
+  return Array.isArray(extension.settings);
+};
+
+const getSettingsTableEntries = rows => {
+  const textId = id$1();
+  const textLabel = label();
+  return {
+    headings: [textId, textLabel],
+    rows
+  };
+};
+
+const getFeatureSettingsVirtualDom = rows => {
+  const heading = settings();
+  const tableInfo = getSettingsTableEntries(rows);
+  return [{
+    type: VirtualDomElements.Div,
+    className: FeatureContent,
+    childCount: 2
+  }, ...getFeatureContentHeadingVirtualDom(heading), ...getTableVirtualDom(tableInfo)];
+};
+
+const getSettingsVirtualDom = state => {
+  return getFeatureSettingsVirtualDom(state.settings);
+};
+
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
+  }
+}
+const Object$1 = 1;
+const Number$1 = 2;
+const Array$1 = 3;
+const String = 4;
+const Boolean$1 = 5;
+const Function = 6;
+const Null = 7;
+const Unknown = 8;
+const getType = value => {
+  switch (typeof value) {
+    case 'number':
+      return Number$1;
+    case 'function':
+      return Function;
+    case 'string':
+      return String;
+    case 'object':
+      if (value === null) {
+        return Null;
+      }
+      if (Array.isArray(value)) {
+        return Array$1;
+      }
+      return Object$1;
+    case 'boolean':
+      return Boolean$1;
+    default:
+      return Unknown;
+  }
+};
+const string = value => {
+  const type = getType(value);
+  if (type !== String) {
+    throw new AssertionError('expected value to be of type string');
+  }
+};
+
+const HandleClickCategory = 'handleClickCategory';
+const HandleClickDisable = 'handleClickDisable';
+const HandleClickScrollToTop = 'handleClickScrollToTop';
+const HandleClickSetColorTheme = 'handleClickSetColorTheme';
+const HandleClickSettings = 'handleClickSettings';
+const HandleClickSize = 'handleClickSize';
+const HandleClickUninstall = 'handleClickUninstall';
+const HandleFeaturesClick = 'handleFeaturesClick';
+const HandleIconError = 'handleIconError';
+const HandleImageContextMenu = 'handleImageContextMenu';
+const HandleReadmeContextMenu = 'handleReadmeContextMenu';
+const HandleReadmeScroll = 'handleReadmeScroll';
+const HandleTabsClick = 'handleTabsClick';
+
+const ActivationEvents = 'ActivationEvents';
+const Changelog = 'Changelog';
+const Commands = 'Commands';
+const Details = 'Details';
+const Disable = 'Disable';
+const Features = 'Features';
+const JsonValidation = 'JsonValidation';
+const ProgrammingLanguages = 'ProgrammingLanguages';
+const RuntimeStatus = 'RuntimeStatus';
+const ScrollToTop = 'scrolltotop';
+const SetColorTheme = 'SetColorTheme';
+const Settings = 'Settings';
+const Theme = 'Theme';
+const Uninstall = 'Uninstall';
+const WebViews = 'WebViews';
+
+const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
+  return [{
+    type: VirtualDomElements.Button,
+    className: ScrollToTopButton,
+    childCount: 1,
+    onClick: HandleClickScrollToTop,
+    ariaLabel: scrollToTop(),
+    name: ScrollToTop
+  }, {
+    type: VirtualDomElements.Div,
+    className: 'MaskIcon MaskIconChevronUp',
+    childCount: 0,
+    role: AriaRoles.None
+  }];
+};
+
+const {
+  set: set$4,
   getVirtualDom,
   render
 } = MarkdownWorker;
@@ -1150,6 +1286,13 @@ const registerAllFeatures = () => {
     getDetails: getActivationEventsDetails,
     getVirtualDom: getActivationEventsVirtualDom
   });
+  register$1({
+    id: RuntimeStatus,
+    getLabel: runtimeStatus,
+    isEnabled: featureRuntimeStatusEnabled,
+    getDetails: getRuntimeStatusDetails,
+    getVirtualDom: getRuntimeStatusVirtualDom
+  });
 };
 
 const normalizeLine = line => {
@@ -1626,7 +1769,7 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$4 = (id, fn) => {
+const set$3 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$1 = id => {
@@ -1645,7 +1788,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$4(id, resolve);
+  set$3(id, resolve);
   return {
     id,
     promise
@@ -2205,7 +2348,7 @@ const {
   writeClipBoardText,
   sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1,
   sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1,
-  set: set$3,
+  set: set$2,
   setColorTheme: setColorTheme$1,
   setExtensionsSearchValue,
   showContextMenu,
@@ -2222,7 +2365,7 @@ const writeText = async text => {
 };
 
 const {
-  set: set$2,
+  set: set$1,
   exists,
   readFile: readFile$1,
   invoke
@@ -2262,7 +2405,7 @@ const copyImageUrl = async state => {
 
 const {
   get,
-  set: set$1,
+  set,
   dispose: dispose$1,
   wrapCommand,
   wrapGetter,
@@ -2273,7 +2416,9 @@ const {
 const create = (uid, uri, x, y, width, height, platform, assetDir) => {
   const state = {
     wasActivatedByEvent: '',
-    status: '',
+    activationTime: 0,
+    importTime: 0,
+    status: 0,
     uid,
     activationEvents: [],
     assetDir: assetDir || '',
@@ -2323,7 +2468,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     width,
     readmeUrl: ''
   };
-  set$1(uid, state, state);
+  set(uid, state, state);
 };
 
 const isEqual$2 = (oldState, newState) => {
@@ -2546,6 +2691,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`;
 };
@@ -2754,12 +2907,9 @@ const createExtensionHostWorkerRpc = async () => {
   }
 };
 
-const {
-  set} = ExtensionHost;
-
 const initializeExtensionHostWorker = async () => {
   const rpc = await createExtensionHostWorkerRpc();
-  set(rpc);
+  set$5(rpc);
 };
 
 const sendMessagePortToFileSystemWorker = async port => {
@@ -2780,7 +2930,7 @@ const createFileSystemWorkerRpc = async () => {
 
 const initializeFileSystemWorker = async () => {
   const rpc = await createFileSystemWorkerRpc();
-  set$2(rpc);
+  set$1(rpc);
 };
 
 const sendMessagePortToMarkdownWorker = async port => {
@@ -2801,7 +2951,7 @@ const createMarkdownWorkerRpc = async () => {
 
 const initializeMarkdownWorker = async () => {
   const rpc = await createMarkdownWorkerRpc();
-  set$5(rpc);
+  set$4(rpc);
 };
 
 const initialize = async () => {
@@ -3248,7 +3398,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
@@ -3337,8 +3490,8 @@ 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 => {
@@ -3565,6 +3718,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();
@@ -3580,11 +3738,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) => {
@@ -3838,7 +3992,7 @@ const render2 = (uid, diffResult) => {
     oldState,
     newState
   } = get(uid);
-  set$1(uid, newState, newState);
+  set(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -3927,6 +4081,7 @@ 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),
@@ -3934,16 +4089,15 @@ const commandMap = {
   '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 () => {
@@ -3951,7 +4105,7 @@ const listen = async () => {
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
-  set$3(rpc);
+  set$2(rpc);
 };
 
 const main = async () => {

package/package.json

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