@lvce-editor/static-server 0.56.5 → 0.56.7

package/static/{5fe5b99 → 345e16e}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js

@@ -41,10 +41,24 @@ 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';
 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);
@@ -103,6 +117,9 @@ const schema = () => {
 const setColorTheme$3 = () => {
   return i18nString(SetColorTheme$1);
 };
+const enable = () => {
+  return i18nString(Enable$1);
+};
 const theme = () => {
   return i18nString(Theme$1);
 };
@@ -151,6 +168,45 @@ const 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 || [];
@@ -561,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);
@@ -638,9 +694,13 @@ 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,
-  invoke: invoke$9,
+  getRuntimeStatus: getRuntimeStatus$2,
   set: set$9
 };
 const {
@@ -697,6 +757,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 +799,7 @@ const openUrl$2 = async uri => {
 };
 const RendererWorker = {
   __proto__: null,
+  disableExtension: disableExtension$2,
   getAllExtensions: getAllExtensions$2,
   getExtension: getExtension$3,
   openExtensionSearch: openExtensionSearch$2,
@@ -755,13 +819,12 @@ const RendererWorker = {
 
 const {
   set: set$5,
-  invoke: invoke$2
+  getRuntimeStatus: getRuntimeStatus$1
 } = ExtensionHost;
 
 const getRuntimeStatus = async extensionId => {
-  // TODO simplify api
   // @ts-ignore
-  const status = await invoke$2('ExtensionHost.getRuntimeStatus', extensionId);
+  const status = await getRuntimeStatus$1(extensionId);
   // @ts-ignore
   return status;
 };
@@ -770,12 +833,14 @@ const getRuntimeStatusDetails = async extension => {
   const {
     activationEvent,
     status,
-    activationTime
+    activationTime,
+    importTime
   } = await getRuntimeStatus(extension.id);
   return {
     wasActivatedByEvent: activationEvent,
     activationTime,
-    status
+    status,
+    importTime
   };
 };
 
@@ -789,6 +854,31 @@ const featureRuntimeStatusEnabled = extension => {
   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;
@@ -812,50 +902,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 +1039,7 @@ const string = value => {
 
 const HandleClickCategory = 'handleClickCategory';
 const HandleClickDisable = 'handleClickDisable';
+const HandleClickEnable = 'handleClickEnable';
 const HandleClickScrollToTop = 'handleClickScrollToTop';
 const HandleClickSetColorTheme = 'handleClickSetColorTheme';
 const HandleClickSettings = 'handleClickSettings';
@@ -972,6 +1056,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 +2401,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 +2416,7 @@ const {
   showContextMenu,
   uninstallExtension,
   writeClipBoardImage,
-  openUrl: openUrl$1
+  writeClipBoardText
 } = RendererWorker;
 
 const writeClipboardImage = async blob => {
@@ -2393,6 +2479,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 +2659,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 +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`;
 };
@@ -2984,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(),
@@ -3252,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
@@ -3278,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'
   }];
 };
@@ -3293,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: '#'
   }];
 };
@@ -3365,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
@@ -3398,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 {
@@ -3429,6 +3543,7 @@ const loadContent = async (state, platform, savedState) => {
     changelogScrollTop,
     description,
     detailsVirtualDom,
+    disabled,
     displaySize,
     extension,
     extensionId,
@@ -3454,8 +3569,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 +4160,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 +4168,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 () => {