@lvce-editor/extension-detail-view 7.19.1 → 7.20.0

package/dist/extensionDetailViewWorkerMain.js

@@ -11,22 +11,26 @@ const i18nString = (key, placeholders = emptyObject) => {
 };
 
 const ActivationEvents$1 = 'Activation Events';
+const ActivationEvent = 'Activation Event';
 const ActivationTime = 'Activation Time: ';
 const Categories$1 = 'Categories';
 const Changelog$2 = 'Changelog';
 const Commands$1 = 'Commands';
 const ContentSecurityPolicy = 'Content Security Policy';
 const Copy = 'Copy';
+const CopyExtensionId = 'Copy Extension ID';
 const CopyImage = 'Copy Image';
 const CopyImageUrl = 'Copy Image Url';
 const CopyLink = 'Copy Link';
 const Created = 'Created';
+const Description = 'Description';
 const Details$1 = 'Details';
 const Disable$1 = 'Disable';
 const DownloadCount = 'Downloads';
 const Elements = 'Elements';
 const EmptyCommandsArray = 'The extension contributes an empty commands array.';
 const Enable$1 = 'Enable';
+const ExtensionInfoId = 'Id';
 const ExtensionNotAvailable = 'The extension "{PH1}" is not available in this version of LVCE Editor.';
 const Features$2 = 'Features';
 const FileExtensions = 'File Extensions';
@@ -53,6 +57,7 @@ const OpenInNewTab = 'Open in New Tab';
 const ProgrammingLanguages$1 = 'Programming Languages';
 const PropertyMustBeOfTypeString = 'Property must be a string';
 const Published = 'Published';
+const Publisher = 'Publisher';
 const Rating = 'Rating';
 const Repository = 'Repository';
 const Resources$1 = 'Resources';
@@ -75,6 +80,7 @@ const UnableToLoadExtension = 'Unable to load extension';
 const UnableToLoadExtensionWithError = 'The extension details could not be loaded: {PH1}';
 const UnsupportedFeature = 'Unsupported Feature';
 const Version = 'Version';
+const VsMarketplaceLink = 'VS Marketplace Link';
 const WebViews$1 = 'WebViews';
 
 const installation = () => {
@@ -95,6 +101,9 @@ const resources = () => {
 const copy = () => {
   return i18nString(Copy);
 };
+const copyExtensionId$1 = () => {
+  return i18nString(CopyExtensionId);
+};
 const copyImage$1 = () => {
   return i18nString(CopyImage);
 };
@@ -107,6 +116,9 @@ const changelog = () => {
 const details = () => {
   return i18nString(Details$1);
 };
+const description = () => {
+  return i18nString(Description);
+};
 const disable = () => {
   return i18nString(Disable$1);
 };
@@ -143,6 +155,9 @@ const setColorTheme$2 = () => {
 const enable = () => {
   return i18nString(Enable$1);
 };
+const extensionInfoId = () => {
+  return i18nString(ExtensionInfoId);
+};
 const extensionNotAvailable = extensionId => {
   return i18nString(ExtensionNotAvailable, {
     PH1: extensionId
@@ -160,6 +175,9 @@ const webViews = () => {
 const activationEvents = () => {
   return i18nString(ActivationEvents$1);
 };
+const activationEvent = () => {
+  return i18nString(ActivationEvent);
+};
 const runtimeStatus = () => {
   return i18nString(RuntimeStatus$1);
 };
@@ -249,9 +267,15 @@ const size = () => {
 const published = () => {
   return i18nString(Published);
 };
+const publisher = () => {
+  return i18nString(Publisher);
+};
 const lastReleased = () => {
   return i18nString(LastReleased);
 };
+const vsMarketplaceLink = () => {
+  return i18nString(VsMarketplaceLink);
+};
 const issues = () => {
   return i18nString(Issues);
 };
@@ -510,6 +534,7 @@ const RightArrow = 15;
 
 const Script$1 = 2;
 
+const ManageExtension = 8;
 const ExtensionDetailReadme = 20;
 const ExtensionDetailIconContextMenu$2 = 4091;
 
@@ -848,6 +873,7 @@ const FeatureContent = 'FeatureContent';
 const Features$1 = 'Features';
 const FeaturesList = 'FeaturesList';
 const FeatureWebView = 'FeatureWebView';
+const IconButton = 'IconButton';
 const Large$1 = 'Large';
 const Link$1 = 'Link';
 const Markdown = 'Markdown';
@@ -864,7 +890,7 @@ const Sash = 'Sash';
 const SashVertical = 'SashVertical';
 const ScrollToTopButton = 'ScrollToTopButton';
 const SettingsButton = 'SettingsButton';
-const SettingsIcon = 'SettingsIcon';
+const MaskIconSettingsGear = 'MaskIconSettingsGear';
 const Small$1 = 'Small';
 const Table = 'Table';
 const TableCell = 'TableCell';
@@ -876,7 +902,7 @@ const li = {
   childCount: 1,
   type: Li
 };
-const code = {
+const code$1 = {
   childCount: 1,
   type: Code$2
 };
@@ -892,9 +918,9 @@ const getActivationEventVirtualDom = event => {
       className: mergeClassNames('ListItem', 'ListItemInvalid'),
       title: errorMessage,
       type: Li
-    }, code, text(stringValue)];
+    }, code$1, text(stringValue)];
   }
-  return [li, code, text(stringValue)];
+  return [li, code$1, text(stringValue)];
 };
 
 const featureContentHeadingNode = {
@@ -1066,6 +1092,8 @@ const getCellLinkVirtualDom = (value, props) => {
     childCount: 1,
     className: Link$1,
     href: props?.href,
+    rel: 'noopener noreferrer',
+    target: '_blank',
     type: A
   }, text(value)];
 };
@@ -2692,29 +2720,22 @@ const create$2 = rpcId => {
 };
 
 const {
-  invoke: invoke$6,
+  invoke: invoke$5,
   set: set$b
 } = create$2(ClipBoardWorker);
 const writeText$1 = async text => {
-  return invoke$6('ClipBoard.writeText', text);
+  return invoke$5('ClipBoard.writeText', text);
 };
 const writeImage = async image => {
-  return invoke$6('ClipBoard.writeImage', image);
+  return invoke$5('ClipBoard.writeImage', image);
 };
 
 const {
-  invoke: invoke$5,
   set: set$a
 } = create$2(ExtensionHostWorker);
-const getRuntimeStatus$2 = async extensionId => {
-  // @ts-ignore
-  return invoke$5('ExtensionHost.getRuntimeStatus', extensionId);
-};
 
 const ExtensionHost = {
   __proto__: null,
-  getRuntimeStatus: getRuntimeStatus$2,
-  invoke: invoke$5,
   set: set$a
 };
 
@@ -2842,16 +2863,8 @@ const getAllPreferences = async () => {
   return invoke$1('Preferences.getAll');
 };
 
-const {
-  getRuntimeStatus: getRuntimeStatus$1,
-  set: set$5
-} = ExtensionHost;
-
 const getRuntimeStatus = async extensionId => {
-  // @ts-ignore
-  const status = await getRuntimeStatus$1(extensionId);
-  // @ts-ignore
-  return status;
+  return invoke$4('Extensions.getRuntimeStatus', extensionId);
 };
 
 const getRuntimeStatusDetails = async extension => {
@@ -2897,6 +2910,27 @@ const getActivationTimeVirtualDom = (importTime$1, activationTime$1) => {
   return [definitionTermNode, text(importTime()), definitionDescriptionNode, text(formattedImportTime), definitionTermNode, text(activationTime()), definitionDescriptionNode, text(formattedTime)];
 };
 
+const key$1 = {
+  childCount: 1,
+  className: 'RuntimeStatusDefinitionListKey',
+  type: Dt
+};
+const value$1 = {
+  childCount: 1,
+  className: 'RuntimeStatusDefinitionListValue',
+  type: Dd
+};
+const code = {
+  childCount: 1,
+  type: Code$2
+};
+const getRuntimeActivationEventVirtualDom = activationEvent$1 => {
+  if (!activationEvent$1) {
+    return [];
+  }
+  return [key$1, text(`${activationEvent()}: `), value$1, code, text(activationEvent$1)];
+};
+
 const None$1 = 0;
 const Importing = 1;
 const Activating = 2;
@@ -2941,9 +2975,12 @@ const featureContentNode$3 = {
   className: FeatureContent,
   type: Div
 };
-const getChildCount$1 = (status, activationTime, importTime) => {
+const getChildCount$1 = (status, activationEvent, activationTime, importTime) => {
   let childCount = 0;
   childCount += 2; // status
+  if (activationEvent) {
+    childCount += 2;
+  }
   if (importTime || activationTime) {
     childCount += 4;
   }
@@ -2951,17 +2988,18 @@ const getChildCount$1 = (status, activationTime, importTime) => {
 };
 const getRuntimeStatusVirtualDom = state => {
   const {
-    activationTime: displayedImportTime,
-    importTime: displayedActivationTime,
-    status
+    activationTime,
+    importTime,
+    status,
+    wasActivatedByEvent
   } = state;
   const heading = runtimeStatus();
-  const childCount = getChildCount$1(status, displayedActivationTime, displayedImportTime);
+  const childCount = getChildCount$1(status, wasActivatedByEvent, activationTime, importTime);
   return [featureContentNode$3, ...getFeatureContentHeadingVirtualDom(heading), {
     childCount,
     className: 'RuntimeStatusDefinitionList',
     type: Dl
-  }, ...getStatusVirtualDom(status), ...getActivationTimeVirtualDom(displayedImportTime, displayedActivationTime)];
+  }, ...getStatusVirtualDom(status), ...getRuntimeActivationEventVirtualDom(wasActivatedByEvent), ...getActivationTimeVirtualDom(importTime, activationTime)];
 };
 
 const getSettingsTableEntry = setting => {
@@ -3098,7 +3136,7 @@ const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
 const {
   getVirtualDom,
   render,
-  set: set$4
+  set: set$5
 } = MarkdownWorker;
 
 const addScrollToTopVirtualDom = dom => {
@@ -3182,8 +3220,6 @@ const getMarkdownCacheKey = async (markdown, options) => {
   return `https://-/markdown/${hash}`;
 };
 
-// TODO pass application name from renderer worker to not hardcode it
-
 const cachedCaches = Object.create(null);
 const noopCache = {
   async match() {
@@ -3215,21 +3251,23 @@ const getCache = (cacheName, bucketName) => {
   return cachedCaches[cacheName];
 };
 
-// TODO pass application name from renderer worker to not hardcode it
-const cacheName$1 = 'lvce-editor/markdown-cache';
-const has = async (key, bucketName) => {
-  const cache = await getCache(cacheName$1, bucketName);
+let cacheName$1 = '';
+const setApplicationName = applicationName => {
+  cacheName$1 = `${applicationName}/markdown-cache`;
+};
+const has = async (key, bucketName, getCacheFunction = getCache) => {
+  const cache = await getCacheFunction(cacheName$1, bucketName);
   const response = await cache.match(key);
   return Boolean(response);
 };
-const get$2 = async (key, bucketName) => {
-  const cache = await getCache(cacheName$1, bucketName);
+const get$2 = async (key, bucketName, getCacheFunction = getCache) => {
+  const cache = await getCacheFunction(cacheName$1, bucketName);
   const response = await cache.match(key);
   const text = await response?.text();
   return text || '';
 };
-const set$3 = async (key, bucketName, value) => {
-  const cache = await getCache(cacheName$1, bucketName);
+const set$4 = async (key, bucketName, value, getCacheFunction = getCache) => {
+  const cache = await getCacheFunction(cacheName$1, bucketName);
   await cache.put(key, new Response(value, {
     headers: {
       'Content-Length': `${value.length}`,
@@ -3247,7 +3285,7 @@ const renderMarkdownCached = async (markdown, options) => {
     return value; // TODO validate if it's valid
   }
   const html = await render(markdown, options);
-  await set$3(cacheKey, bucketName, html);
+  await set$4(cacheKey, bucketName, html);
   return html;
 };
 
@@ -3733,11 +3771,59 @@ const writeText = async text => {
   await writeText$1(text);
 };
 
+const copyExtensionId = async state => {
+  await writeText(state.extensionId);
+  return state;
+};
+
+const stringifyRow = ({
+  key,
+  value
+}) => {
+  return `${key}: ${value}`;
+};
+const getExtensionInfoText = state => {
+  const {
+    description: description$1,
+    extension,
+    extensionId,
+    extensionVersion,
+    name: name$1
+  } = state;
+  const publisher$1 = extension?.publisherDisplayName || extension?.publisher || 'n/a';
+  const marketplaceLink = typeof extension?.url === 'string' ? extension.url : '';
+  const rows = [{
+    key: name(),
+    value: name$1
+  }, {
+    key: extensionInfoId(),
+    value: extensionId
+  }, {
+    key: description(),
+    value: description$1
+  }, {
+    key: version(),
+    value: extensionVersion
+  }, {
+    key: publisher(),
+    value: publisher$1
+  }, ...(marketplaceLink ? [{
+    key: vsMarketplaceLink(),
+    value: marketplaceLink
+  }] : [])];
+  return rows.map(stringifyRow).join('\n');
+};
+
+const copyExtensionInfo = async state => {
+  await writeText(getExtensionInfoText(state));
+  return state;
+};
+
 const {
   exists,
   invoke,
   readFile: readFile$1,
-  set: set$2
+  set: set$3
 } = FileSystemWorker;
 const readFileAsBlob = async uri => {
   // TODO maybe readAsObjectUrl?
@@ -3790,7 +3876,7 @@ const {
   get: get$1,
   getCommandIds,
   registerCommands,
-  set: set$1,
+  set: set$2,
   wrapCommand,
   wrapGetter
 } = create$1();
@@ -3871,7 +3957,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     webViews: [],
     width
   };
-  set$1(uid, state, state);
+  set$2(uid, state, state);
 };
 
 const isEqual$3 = (oldState, newState) => {
@@ -3983,6 +4069,21 @@ const getMenuEntries2 = (state, props) => {
   if (props.menuId === ExtensionDetailIconContextMenu$2) {
     return getMenuEntriesImage();
   }
+  if (props.menuId === ManageExtension) {
+    return [{
+      args: [],
+      command: 'ExtensionDetail.copyExtensionInfo',
+      flags: None$2,
+      id: 'copy',
+      label: copy()
+    }, {
+      args: [],
+      command: 'ExtensionDetail.copyExtensionId',
+      flags: None$2,
+      id: 'copyExtensionId',
+      label: copyExtensionId$1()
+    }];
+  }
   if (props.menuId === ExtensionDetailReadme && props.href) {
     return [{
       args: [props.href],
@@ -4051,7 +4152,7 @@ const getLinkMenuEntries = props => {
 const getMenuEntries = props => [...getLinkMenuEntries(props), ...getImageMenuEntries(props), getCopyMenuEntry()];
 
 const getMenuIds = () => {
-  return [ExtensionDetailReadme, ExtensionDetailIconContextMenu$2];
+  return [ExtensionDetailReadme, ExtensionDetailIconContextMenu$2, ManageExtension];
 };
 
 const getMenuEntriesReadme = () => [{
@@ -4428,8 +4529,13 @@ const handleClickSetColorTheme = async state => {
   return state;
 };
 
-const handleClickSettings = state => {
-  // TODO: Implement settings functionality
+const handleClickSettings = async (state, eventX, eventY) => {
+  const {
+    uid
+  } = state;
+  await show2(uid, ManageExtension, eventX, eventY, {
+    menuId: ManageExtension
+  });
   return state;
 };
 
@@ -5073,7 +5179,9 @@ const getSizeEntries = (showSizeLink, displaySize, extensionUri) => {
     return [];
   }
   return [{
+    code: undefined,
     key: size(),
+    odd: undefined,
     onClick: HandleClickSize,
     title: extensionUri,
     value: displaySize
@@ -5095,20 +5203,34 @@ const getInstallationEntries = (displaySize, extensionId, extensionVersion, exte
   const entries = [{
     code: true,
     key: identifier(),
+    odd: undefined,
+    onClick: undefined,
+    title: undefined,
     value: extensionId
   }, {
     code: true,
     key: version(),
+    odd: undefined,
+    onClick: undefined,
+    title: undefined,
     value: extensionVersion
   }];
   if (created$1 !== null) {
     entries.push({
+      code: undefined,
       key: created(),
+      odd: undefined,
+      onClick: undefined,
+      title: undefined,
       value: formatCreated(created$1)
     });
   }
   entries.push({
+    code: undefined,
     key: lastUpdated(),
+    odd: undefined,
+    onClick: undefined,
+    title: undefined,
     value: formatLastUpdated(lastUpdated$1)
   }, ...getSizeEntries(showSizeLink, displaySize, extensionUri));
   return addOddEntries(entries);
@@ -5119,11 +5241,18 @@ const getMarketplaceEntries = isBuiltin => {
     return [];
   }
   return [{
+    code: undefined,
     key: published(),
     odd: true,
+    onClick: undefined,
+    title: undefined,
     value: 'n/a'
   }, {
+    code: undefined,
     key: lastReleased(),
+    odd: undefined,
+    onClick: undefined,
+    title: undefined,
     value: 'n/a'
   }];
 };
@@ -5453,6 +5582,7 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
     scrollSource: Script,
     scrollToTopButtonEnabled: true,
     selectedTab,
+    settingsButtonEnabled: true,
     showSideBar,
     showSizeLink,
     sideBarWidth,
@@ -5765,7 +5895,7 @@ const get = async (uri, now = Date.now(), getCacheFunction = getCache) => {
     return undefined;
   }
 };
-const set = async (uri, value, now = Date.now(), getCacheFunction = getCache) => {
+const set$1 = async (uri, value, now = Date.now(), getCacheFunction = getCache) => {
   try {
     const cache = await getCacheFunction(cacheName, bucketName);
     await cache.put(getCacheKey(uri), new Response(value, {
@@ -5783,7 +5913,7 @@ const set = async (uri, value, now = Date.now(), getCacheFunction = getCache) =>
 const ChangelogCache = {
   __proto__: null,
   get,
-  set
+  set: set$1
 };
 
 const error = async error => {
@@ -6172,9 +6302,13 @@ const createExtensionHostWorkerRpc = async () => {
   }
 };
 
+const {
+  set
+} = ExtensionHost;
+
 const initializeExtensionHostWorker = async () => {
   const rpc = await createExtensionHostWorkerRpc();
-  set$5(rpc);
+  set(rpc);
 };
 
 const createExtensionManagementWorkerRpc = async () => {
@@ -6216,7 +6350,7 @@ const createFileSystemWorkerRpc = async () => {
 
 const initializeFileSystemWorker = async () => {
   const rpc = await createFileSystemWorkerRpc();
-  set$2(rpc);
+  set$3(rpc);
 };
 
 const sendMessagePortToMarkdownWorker = async port => {
@@ -6233,10 +6367,11 @@ const createMarkdownWorkerRpc = async () => {
 
 const initializeMarkdownWorker = async () => {
   const rpc = await createMarkdownWorkerRpc();
-  set$4(rpc);
+  set$5(rpc);
 };
 
-const initialize = async () => {
+const initialize = async applicationName => {
+  setApplicationName(applicationName);
   // TODO load markdown worker only when needed
   await Promise.all([initializeMarkdownWorker(), initializeFileSystemWorker(), initializeExtensionHostWorker(), initializeExtensionManagementWorker(), initializeClipBoardWorker()]);
 };
@@ -6257,8 +6392,11 @@ const openImageInNewTab = async state => {
   return state;
 };
 
+const mapEntry = ([key, value]) => {
+  return `  --${key}: ${value}px;`;
+};
 const createCss = object => {
-  const inner = Object.entries(object).map(([key, value]) => `  --${key}: ${value}px;`).join('\n');
+  const inner = Object.entries(object).map(mapEntry).join('\n');
   const full = `:root {\n${inner}\n}`;
   return full;
 };
@@ -6366,7 +6504,6 @@ const getExtraProps = (title, onClick) => {
     props.title = title;
   }
   if (onClick) {
-    props.style = 'color: var(--vscode-textLink-foreground, #3794ff); cursor: pointer; text-decoration: none';
     props.tabIndex = 0;
   }
   return props;
@@ -6663,17 +6800,18 @@ const getButtonVirtualDom = (message, onClick, name, onMouseEnter, onMouseLeave)
 };
 
 const settingsButtonNode = {
+  ariaHasPopup: 'menu',
+  ariaLabel: settings(),
   childCount: 1,
-  className: SettingsButton,
+  className: mergeClassNames(IconButton, SettingsButton),
   name: Settings,
   onClick: HandleClickSettings,
-  title: 'Settings',
+  title: settings(),
   type: Button$1
 };
 const settingsIconNode = {
   childCount: 0,
-  className: SettingsIcon,
-  text: '⚙️',
+  className: mergeClassNames(MaskIcon, MaskIconSettingsGear),
   type: Span
 };
 const getSettingsButtonVirtualDom = enabled => {
@@ -6986,7 +7124,7 @@ const render2 = (uid, diffResult) => {
     newState,
     oldState
   } = get$1(uid);
-  set$1(uid, newState, newState);
+  set$2(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -7047,7 +7185,7 @@ const renderEventListeners = () => {
     preventDefault: true
   }, {
     name: HandleClickSettings,
-    params: ['handleClickSettings']
+    params: ['handleClickSettings', ClientX, ClientY]
   }, {
     name: HandleReadmeClick,
     params: ['handleReadmeClick', 'event.target.nodeName', TargetHref],
@@ -7105,6 +7243,8 @@ const saveState = state => {
 };
 
 const commandMap = {
+  'ExtensionDetail.copyExtensionId': wrapCommand(copyExtensionId),
+  'ExtensionDetail.copyExtensionInfo': wrapCommand(copyExtensionInfo),
   'ExtensionDetail.copyImage': wrapCommand(copyImage),
   'ExtensionDetail.copyImageUrl': wrapCommand(copyImageUrl),
   'ExtensionDetail.copyReadmeLink': wrapCommand(copyReadmeLink),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "7.19.1",
+  "version": "7.20.0",
   "description": "Extension Detail View Worker",
   "repository": {
     "type": "git",