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

package/dist/extensionDetailViewWorkerMain.js

@@ -41,6 +41,7 @@ const Schema = 'Schema';
 const ScrollToTop$1 = 'Scroll to top';
 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';
@@ -103,6 +104,9 @@ const schema = () => {
 const setColorTheme$3 = () => {
   return i18nString(SetColorTheme$1);
 };
+const enable = () => {
+  return i18nString(Enable$1);
+};
 const theme = () => {
   return i18nString(Theme$1);
 };
@@ -697,6 +701,9 @@ const sendMessagePortToFileSystemWorker$2 = async (port, rpcId) => {
   // @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);
@@ -736,6 +743,7 @@ const openUrl$2 = async uri => {
 };
 const RendererWorker = {
   __proto__: null,
+  disableExtension: disableExtension$2,
   getAllExtensions: getAllExtensions$2,
   getExtension: getExtension$3,
   openExtensionSearch: openExtensionSearch$2,
@@ -770,12 +778,14 @@ const getRuntimeStatusDetails = async extension => {
   const {
     activationEvent,
     status,
-    activationTime
+    activationTime,
+    importTime
   } = await getRuntimeStatus(extension.id);
   return {
     wasActivatedByEvent: activationEvent,
     activationTime,
-    status
+    status,
+    importTime
   };
 };
 
@@ -789,6 +799,35 @@ const featureRuntimeStatusEnabled = extension => {
   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;
@@ -812,50 +851,43 @@ const getStatusMessage = statusType => {
   }
 };
 
-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
+    type: VirtualDomElements.Dt,
+    childCount: 1
   }, text(`Status: `),
   // i18n
-  text(`${statusString}`)];
+  {
+    type: VirtualDomElements.Dd,
+    childCount: 1
+  }, text(`${statusString}`)];
 };
-const getChildCount$1 = (status, activationTime) => {
-  let childCount = 1; // heading
-  childCount++; // status
-  if (activationTime) {
-    childCount++; // activation time
+
+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
+    activationTime,
+    importTime
   } = state;
   const heading = runtimeStatus();
-  const childCount = getChildCount$1(status, activationTime);
+  const childCount = getChildCount$1(status, activationTime, importTime);
   return [{
     type: VirtualDomElements.Div,
     className: FeatureContent,
-    childCount: childCount
-  }, ...getFeatureContentHeadingVirtualDom(heading), ...getStatusVirtualDom(status), ...getActivationTimeVirtualDom(activationTime)];
+    childCount: 2
+  }, ...getFeatureContentHeadingVirtualDom(heading), {
+    type: VirtualDomElements.Dl,
+    childCount
+  }, ...getStatusVirtualDom(status), ...getActivationTimeVirtualDom(activationTime, importTime)];
 };
 
 const getSettingsTableEntry = setting => {
@@ -956,6 +988,7 @@ const string = value => {
 
 const HandleClickCategory = 'handleClickCategory';
 const HandleClickDisable = 'handleClickDisable';
+const HandleClickEnable = 'handleClickEnable';
 const HandleClickScrollToTop = 'handleClickScrollToTop';
 const HandleClickSetColorTheme = 'handleClickSetColorTheme';
 const HandleClickSettings = 'handleClickSettings';
@@ -972,6 +1005,7 @@ const ActivationEvents = 'ActivationEvents';
 const Changelog = 'Changelog';
 const Commands = 'Commands';
 const Details = 'Details';
+const Enable = 'Enable';
 const Disable = 'Disable';
 const Features = 'Features';
 const JsonValidation = 'JsonValidation';
@@ -2316,12 +2350,13 @@ const terminate = () => {
 };
 
 const {
+  disableExtension: disableExtension$1,
   getAllExtensions: getAllExtensions$1,
   getExtension: getExtension$2,
   openExtensionSearch: openExtensionSearch$1,
-  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1,
   openNativeFolder,
-  writeClipBoardText,
+  openUrl: openUrl$1,
+  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1,
   sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1,
   sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1,
   set: set$2,
@@ -2330,7 +2365,7 @@ const {
   showContextMenu,
   uninstallExtension,
   writeClipBoardImage,
-  openUrl: openUrl$1
+  writeClipBoardText
 } = RendererWorker;
 
 const writeClipboardImage = async blob => {
@@ -2393,6 +2428,8 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
   const state = {
     wasActivatedByEvent: '',
     activationTime: 0,
+    importTime: 0,
+    disabled: false,
     status: 0,
     uid,
     activationEvents: [],
@@ -2571,7 +2608,16 @@ const handleClickCategory = async (state, categoryId) => {
   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;
 };
 
@@ -2666,6 +2712,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`;
 };
@@ -2984,16 +3038,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(),
@@ -3365,7 +3424,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
@@ -3398,7 +3460,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 {
@@ -3429,6 +3492,7 @@ const loadContent = async (state, platform, savedState) => {
     changelogScrollTop,
     description,
     detailsVirtualDom,
+    disabled,
     displaySize,
     extension,
     extensionId,
@@ -3454,8 +3518,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 => {
@@ -4045,6 +4109,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),
@@ -4052,16 +4117,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 () => {

package/package.json

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