@lvce-editor/extension-detail-view 7.19.2 → 7.21.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)];
 };
@@ -1181,12 +1205,26 @@ const existsJson = async schemaUrl => {
 const isExternalLink$2 = schema => {
   return schema.startsWith('http://') || schema.startsWith('https://');
 };
+const isAlphanumeric = char => {
+  const code = char.codePointAt(0) || 0;
+  return code >= 48 && code <= 57 || code >= 65 && code <= 90 || code >= 97 && code <= 122;
+};
 const hasWhitespace = value => {
-  return /\s/.test(value);
+  for (const char of value) {
+    if (char.trim() === '') {
+      return true;
+    }
+  }
+  return false;
 };
 const isOnlyDotsOrEmpty = value => {
   const trimmed = value.trim();
-  return trimmed === '' || /^\.*$/.test(trimmed);
+  for (const char of trimmed) {
+    if (char !== '.') {
+      return false;
+    }
+  }
+  return true;
 };
 const isValidHttpUrl = value => {
   try {
@@ -1208,11 +1246,17 @@ const isValidRelativePath = value => {
     return false;
   }
   // Allow paths like ./a.json, ../a.json, /a.json, schemas/a.json, a/b.json
-  if (!/^[./]?[A-Za-z0-9._\-/]+$/.test(value)) {
-    return false;
+  let hasAlphanumeric = false;
+  for (const char of value) {
+    if (!isAlphanumeric(char) && char !== '.' && char !== '_' && char !== '-' && char !== '/') {
+      return false;
+    }
+    if (isAlphanumeric(char)) {
+      hasAlphanumeric = true;
+    }
   }
   // Must contain at least one alphanumeric character
-  return !!/[A-Za-z0-9]/.test(value);
+  return hasAlphanumeric;
 };
 const getSchemaLinkUrl = (schema, extensionUri) => {
   if (!schema || typeof schema !== 'string') {
@@ -3196,8 +3240,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 +3271,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 +3791,57 @@ const writeText = async text => {
   await writeText$1(text);
 };
 
+const copyExtensionId = async state => {
+  const {
+    extensionId
+  } = state;
+  await writeText(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 +4092,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 +4175,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 = () => [{
@@ -4395,8 +4505,13 @@ const handleClickFeatures = async (state, name) => {
 };
 
 const handleClickScrollToTop = state => {
-  if (state.selectedTab === Changelog) {
-    if (state.changelogScrollTop === 0) {
+  const {
+    changelogScrollTop,
+    readmeScrollTop,
+    selectedTab
+  } = state;
+  if (selectedTab === Changelog) {
+    if (changelogScrollTop === 0) {
       return state;
     }
     return {
@@ -4404,9 +4519,6 @@ const handleClickScrollToTop = state => {
       changelogScrollTop: 0
     };
   }
-  const {
-    readmeScrollTop
-  } = state;
   if (readmeScrollTop === 0) {
     return state;
   }
@@ -4422,7 +4534,9 @@ const setColorTheme = id => {
 
 const handleClickSetColorTheme = async state => {
   const {
-    extension
+    disabled,
+    extension,
+    hasColorTheme
   } = state;
   const colorThemeId = getColorThemeId(extension);
   if (colorThemeId) {
@@ -4432,7 +4546,7 @@ const handleClickSetColorTheme = async state => {
     }
     const isBuiltin = extension?.isBuiltin || extension?.builtin || false;
     const colorThemeLabel = getColorThemeLabel(extension) || '';
-    const buttons = getExtensionDetailButtons(state.hasColorTheme, isBuiltin, state.disabled, colorThemeId, colorThemeLabel, colorThemeId);
+    const buttons = getExtensionDetailButtons(hasColorTheme, isBuiltin, disabled, colorThemeId, colorThemeLabel, colorThemeId);
     return {
       ...state,
       buttons,
@@ -4442,36 +4556,48 @@ 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;
 };
 
 const handleClickSize = async state => {
+  const {
+    extension
+  } = state;
   const {
     uri
-  } = state.extension;
+  } = extension;
   await openNativeFolder(uri);
   return state;
 };
 
 const handleClickUninstall = async state => {
+  const {
+    extension
+  } = state;
   const {
     id
-  } = state.extension;
+  } = extension;
   await uninstallExtension(id);
   return state;
 };
 
 const handleColorThemeChanged = (state, colorThemeId) => {
-  if (state.currentColorThemeId === colorThemeId) {
-    return state;
-  }
   const {
+    currentColorThemeId,
     disabled,
     extension,
     hasColorTheme
   } = state;
+  if (currentColorThemeId === colorThemeId) {
+    return state;
+  }
   const extensionColorThemeId = getColorThemeId(extension) || '';
   const extensionColorThemeLabel = getColorThemeLabel(extension) || '';
   const isBuiltin = extension?.isBuiltin || extension?.builtin || false;
@@ -4580,6 +4706,12 @@ const getExtensionUri = (uri, platform, origin) => {
 };
 
 const segmentRegex = /^[\w.-]+$/;
+const removeGitPrefix = value => {
+  return value.startsWith('git+') ? value.slice(4) : value;
+};
+const removeGitSuffix = value => {
+  return value.toLowerCase().endsWith('.git') ? value.slice(0, -4) : value;
+};
 const getRepositoryUrl = extension => {
   if (!extension || !hasProperty(extension, 'repository')) {
     return '';
@@ -4596,7 +4728,7 @@ const getRepositoryUrl = extension => {
   return '';
 };
 const getGithubRepository = extension => {
-  const rawUrl = getRepositoryUrl(extension).replace(/^git\+/, '');
+  const rawUrl = removeGitPrefix(getRepositoryUrl(extension));
   try {
     const url = new URL(rawUrl);
     if (url.protocol !== 'https:' || url.hostname.toLowerCase() !== 'github.com' || url.username || url.password || url.port) {
@@ -4607,7 +4739,7 @@ const getGithubRepository = extension => {
       return undefined;
     }
     const owner = segments[0];
-    const repository = segments[1].replace(/\.git$/i, '');
+    const repository = removeGitSuffix(segments[1]);
     if (!owner || !repository || !segmentRegex.test(owner) || !segmentRegex.test(repository)) {
       return undefined;
     }
@@ -4675,9 +4807,15 @@ const toSyntaxLanguage = value => {
   if (typeof language.id !== 'string' || typeof language.tokenize !== 'string') {
     return undefined;
   }
+  const aliases = getStringArray(language.aliases);
+  const extensions = getStringArray(language.extensions);
   return {
-    aliases: getStringArray(language.aliases),
-    extensions: getStringArray(language.extensions),
+    ...(aliases && {
+      aliases
+    }),
+    ...(extensions && {
+      extensions
+    }),
     id: language.id,
     tokenize: language.tokenize
   };
@@ -5087,7 +5225,9 @@ const getSizeEntries = (showSizeLink, displaySize, extensionUri) => {
     return [];
   }
   return [{
+    code: undefined,
     key: size(),
+    odd: undefined,
     onClick: HandleClickSize,
     title: extensionUri,
     value: displaySize
@@ -5109,20 +5249,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 +5287,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'
   }];
 };
@@ -5186,13 +5347,20 @@ const getIssuesLink = extension => {
 const isGitHubRepository = url => {
   return url.startsWith('https://github.com/');
 };
+const removeTrailingSlashes = value => {
+  let end = value.length;
+  while (end > 0 && value[end - 1] === '/') {
+    end--;
+  }
+  return value.slice(0, end);
+};
 const getLicenseLink = extension => {
   const repositoryLink = getRepositoryLink(extension);
   if (!repositoryLink) {
     return '#';
   }
   if (isGitHubRepository(repositoryLink)) {
-    const normalizedLink = repositoryLink.replace(/\/+$/, '');
+    const normalizedLink = removeTrailingSlashes(repositoryLink);
     return `${normalizedLink}/blob/main/LICENSE`;
   }
   return '#';
@@ -5346,6 +5514,7 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
     savedState = undefined;
   }
   const {
+    assetDir,
     uri,
     width
   } = state;
@@ -5356,7 +5525,7 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
   }
   const currentColorThemeId = await getCurrentColorTheme();
   const commit = await getCommit();
-  const languages = await getSyntaxLanguages(platform, state.assetDir);
+  const languages = await getSyntaxLanguages(platform, assetDir);
   const headerData = loadHeaderContent(state, platform, extension);
   const {
     badge,
@@ -5467,6 +5636,7 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
     scrollSource: Script,
     scrollToTopButtonEnabled: true,
     selectedTab,
+    settingsButtonEnabled: true,
     showSideBar,
     showSizeLink,
     sideBarWidth,
@@ -5476,10 +5646,13 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
   };
 };
 const loadContent = async (state, platform, savedState, isTest = false) => {
+  const {
+    uri
+  } = state;
   try {
     return await loadContentInternal(state, platform, savedState, isTest);
   } catch (error) {
-    const extensionId = getExtensionIdFromUri(state.uri);
+    const extensionId = getExtensionIdFromUri(uri);
     const errorMessage = error instanceof ExtensionNotFoundError ? extensionNotAvailable(extensionId) : unableToLoadExtensionWithError(getErrorMessage$1(error));
     return {
       ...state,
@@ -5573,9 +5746,13 @@ const replaceMarkdownImageWithError = (dom, failedSrc) => {
 };
 
 const handleMarkdownImageError = (state, failedSrc) => {
-  const detailsVirtualDom = replaceMarkdownImageWithError(state.detailsVirtualDom, failedSrc);
-  const changelogVirtualDom = replaceMarkdownImageWithError(state.changelogVirtualDom, failedSrc);
-  if (detailsVirtualDom === state.detailsVirtualDom && changelogVirtualDom === state.changelogVirtualDom) {
+  const {
+    changelogVirtualDom: oldChangelogVirtualDom,
+    detailsVirtualDom: oldDetailsVirtualDom
+  } = state;
+  const detailsVirtualDom = replaceMarkdownImageWithError(oldDetailsVirtualDom, failedSrc);
+  const changelogVirtualDom = replaceMarkdownImageWithError(oldChangelogVirtualDom, failedSrc);
+  if (detailsVirtualDom === oldDetailsVirtualDom && changelogVirtualDom === oldChangelogVirtualDom) {
     return state;
   }
   return {
@@ -5593,7 +5770,10 @@ const disablePreviewColorTheme = async () => {
 };
 
 const handleMouseEnterEnable = async state => {
-  const colorThemeId = getColorThemeId(state.extension);
+  const {
+    extension
+  } = state;
+  const colorThemeId = getColorThemeId(extension);
   if (!colorThemeId) {
     return state;
   }
@@ -5688,8 +5868,11 @@ const handleResourceLinkClick = async (state, href) => {
 };
 
 const handleScroll = (state, scrollTop, scrollSource = Script) => {
+  const {
+    selectedTab
+  } = state;
   const newScrollTop = Math.max(0, scrollTop);
-  if (state.selectedTab === Changelog) {
+  if (selectedTab === Changelog) {
     return {
       ...state,
       changelogScrollTop: newScrollTop,
@@ -5841,7 +6024,7 @@ const getErrorMessage = async response => {
 const getHttpError = async response => {
   const apiMessage = await getErrorMessage(response);
   const rateLimitRemaining = response.headers.get('x-ratelimit-remaining');
-  if (response.status === 429 || response.status === 403 && (rateLimitRemaining === '0' || /rate limit/i.test(apiMessage))) {
+  if (response.status === 429 || response.status === 403 && (rateLimitRemaining === '0' || apiMessage.toLowerCase().includes('rate limit'))) {
     const resetValue = Number(response.headers.get('x-ratelimit-reset'));
     const retry = Number.isFinite(resetValue) && resetValue > 0 ? ` Try again after ${new Date(resetValue * 1000).toLocaleString()}.` : ' Please try again later.';
     return new GithubReleasesError(`GitHub API rate limit exceeded.${retry}`);
@@ -6254,13 +6437,17 @@ 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()]);
 };
 
 const loadContent2 = async (state, savedState, isTest = false) => {
-  return loadContent(state, state.platform, savedState, isTest);
+  const {
+    platform
+  } = state;
+  return loadContent(state, platform, savedState, isTest);
 };
 
 const openImageInNewTab = async state => {
@@ -6275,8 +6462,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 +6574,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 +6870,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 +7255,7 @@ const renderEventListeners = () => {
     preventDefault: true
   }, {
     name: HandleClickSettings,
-    params: ['handleClickSettings']
+    params: ['handleClickSettings', ClientX, ClientY]
   }, {
     name: HandleReadmeClick,
     params: ['handleReadmeClick', 'event.target.nodeName', TargetHref],
@@ -7090,7 +7280,10 @@ const renderEventListeners = () => {
 };
 
 const renderTitle = state => {
-  return state.name;
+  const {
+    name
+  } = state;
+  return name;
 };
 
 const resize = (state, dimensions) => {
@@ -7123,6 +7316,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.21.0",
   "description": "Extension Detail View Worker",
   "repository": {
     "type": "git",