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

package/dist/extensionDetailViewWorkerMain.js

@@ -18,16 +18,19 @@ 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';
@@ -54,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';
@@ -76,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 = () => {
@@ -96,6 +101,9 @@ const resources = () => {
 const copy = () => {
   return i18nString(Copy);
 };
+const copyExtensionId$1 = () => {
+  return i18nString(CopyExtensionId);
+};
 const copyImage$1 = () => {
   return i18nString(CopyImage);
 };
@@ -108,6 +116,9 @@ const changelog = () => {
 const details = () => {
   return i18nString(Details$1);
 };
+const description = () => {
+  return i18nString(Description);
+};
 const disable = () => {
   return i18nString(Disable$1);
 };
@@ -144,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
@@ -253,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);
 };
@@ -514,6 +534,7 @@ const RightArrow = 15;
 
 const Script$1 = 2;
 
+const ManageExtension = 8;
 const ExtensionDetailReadme = 20;
 const ExtensionDetailIconContextMenu$2 = 4091;
 
@@ -852,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';
@@ -868,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';
@@ -1070,6 +1092,8 @@ const getCellLinkVirtualDom = (value, props) => {
     childCount: 1,
     className: Link$1,
     href: props?.href,
+    rel: 'noopener noreferrer',
+    target: '_blank',
     type: A
   }, text(value)];
 };
@@ -3196,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() {
@@ -3229,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$4 = 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}`,
@@ -3747,6 +3771,54 @@ 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,
@@ -3997,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],
@@ -4065,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 = () => [{
@@ -4442,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;
 };
 
@@ -5087,7 +5179,9 @@ const getSizeEntries = (showSizeLink, displaySize, extensionUri) => {
     return [];
   }
   return [{
+    code: undefined,
     key: size(),
+    odd: undefined,
     onClick: HandleClickSize,
     title: extensionUri,
     value: displaySize
@@ -5109,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);
@@ -5133,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'
   }];
 };
@@ -5467,6 +5582,7 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
     scrollSource: Script,
     scrollToTopButtonEnabled: true,
     selectedTab,
+    settingsButtonEnabled: true,
     showSideBar,
     showSizeLink,
     sideBarWidth,
@@ -6254,7 +6370,8 @@ const initializeMarkdownWorker = async () => {
   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()]);
 };
@@ -6275,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;
 };
@@ -6384,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;
@@ -6681,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 => {
@@ -7065,7 +7185,7 @@ const renderEventListeners = () => {
     preventDefault: true
   }, {
     name: HandleClickSettings,
-    params: ['handleClickSettings']
+    params: ['handleClickSettings', ClientX, ClientY]
   }, {
     name: HandleReadmeClick,
     params: ['handleReadmeClick', 'event.target.nodeName', TargetHref],
@@ -7123,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.2",
+  "version": "7.20.0",
   "description": "Extension Detail View Worker",
   "repository": {
     "type": "git",