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

package/dist/extensionDetailViewWorkerMain.js

@@ -544,6 +544,7 @@ const Web$1 = 1;
 const Electron$1 = 2;
 
 const ClipBoardWorker = 3400;
+const DialogWorker = 7014;
 const ExtensionHostWorker = 44;
 const ExtensionManagementWorker = 9006;
 const FileSystemWorker$1 = 209;
@@ -1205,12 +1206,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 {
@@ -1232,11 +1247,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') {
@@ -2672,7 +2693,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$c = (id, rpc) => {
+const set$d = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$3 = id => {
@@ -2705,7 +2726,7 @@ const create$2 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$c(rpcId, mockRpc);
+      set$d(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -2714,22 +2735,27 @@ const create$2 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$c(rpcId, rpc);
+      set$d(rpcId, rpc);
     }
   };
 };
 
 const {
-  invoke: invoke$5,
-  set: set$b
+  invoke: invoke$6,
+  set: set$c
 } = create$2(ClipBoardWorker);
 const writeText$1 = async text => {
-  return invoke$5('ClipBoard.writeText', text);
+  return invoke$6('ClipBoard.writeText', text);
 };
 const writeImage = async image => {
-  return invoke$5('ClipBoard.writeImage', image);
+  return invoke$6('ClipBoard.writeImage', image);
 };
 
+const {
+  invoke: invoke$5,
+  set: set$b
+} = create$2(DialogWorker);
+
 const {
   set: set$a
 } = create$2(ExtensionHostWorker);
@@ -2812,6 +2838,10 @@ const sendMessagePortToClipBoardWorker = async (port, rpcId) => {
   const command = 'ClipBoard.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToClipBoardWorker', port, command, rpcId);
 };
+const sendMessagePortToDialogWorker = async port => {
+  const command = 'HandleMessagePort.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToDialogWorker', port, command);
+};
 const sendMessagePortToMarkdownWorker$1 = async (port, rpcId) => {
   const command = 'Markdown.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
@@ -2824,10 +2854,6 @@ const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
 };
-const confirm = async (message, options) => {
-  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
-  return result;
-};
 const sendMessagePortToExtensionManagementWorker = async (port, rpcId) => {
   const command = 'Extensions.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionManagementWorker', port, command, rpcId);
@@ -3251,23 +3277,19 @@ const getCache = (cacheName, bucketName) => {
   return cachedCaches[cacheName];
 };
 
-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 has = async (cacheName, key, bucketName, getCacheFunction = getCache) => {
+  const cache = await getCacheFunction(cacheName, bucketName);
   const response = await cache.match(key);
   return Boolean(response);
 };
-const get$2 = async (key, bucketName, getCacheFunction = getCache) => {
-  const cache = await getCacheFunction(cacheName$1, bucketName);
+const get$2 = async (cacheName, key, bucketName, getCacheFunction = getCache) => {
+  const cache = await getCacheFunction(cacheName, bucketName);
   const response = await cache.match(key);
   const text = await response?.text();
   return text || '';
 };
-const set$4 = async (key, bucketName, value, getCacheFunction = getCache) => {
-  const cache = await getCacheFunction(cacheName$1, bucketName);
+const set$4 = async (cacheName, key, bucketName, value, getCacheFunction = getCache) => {
+  const cache = await getCacheFunction(cacheName, bucketName);
   await cache.put(key, new Response(value, {
     headers: {
       'Content-Length': `${value.length}`,
@@ -3276,25 +3298,25 @@ const set$4 = async (key, bucketName, value, getCacheFunction = getCache) => {
   }));
 };
 
-const renderMarkdownCached = async (markdown, options) => {
+const renderMarkdownCached = async (markdown, options, cacheName) => {
   const cacheKey = await getMarkdownCacheKey(markdown, options);
   const bucketName = `markdown-cache`;
-  const hasItem = await has(cacheKey, bucketName);
+  const hasItem = await has(cacheName, cacheKey, bucketName);
   if (hasItem) {
-    const value = await get$2(cacheKey, bucketName);
+    const value = await get$2(cacheName, cacheKey, bucketName);
     return value; // TODO validate if it's valid
   }
   const html = await render(markdown, options);
-  await set$4(cacheKey, bucketName, html);
+  await set$4(cacheName, cacheKey, bucketName, html);
   return html;
 };
 
-const renderMarkdown = async (markdown, options) => {
-  const html = await renderMarkdownCached(markdown, options);
+const renderMarkdown = async (markdown, options, cacheName) => {
+  const html = await renderMarkdownCached(markdown, options, cacheName);
   return html;
 };
 
-const getThemeDetails = async (extension, baseUrl, locationProtocol) => {
+const getThemeDetails = async (extension, baseUrl, locationProtocol, cacheName) => {
   const {
     colorThemes,
     iconThemes,
@@ -3304,7 +3326,7 @@ const getThemeDetails = async (extension, baseUrl, locationProtocol) => {
   const rendered = await renderMarkdown(markdown, {
     baseUrl,
     locationProtocol
-  });
+  }, cacheName);
   const themesMarkdownDom = await getMarkdownVirtualDom(rendered);
   return {
     themesMarkdownDom
@@ -3772,7 +3794,10 @@ const writeText = async text => {
 };
 
 const copyExtensionId = async state => {
-  await writeText(state.extensionId);
+  const {
+    extensionId
+  } = state;
+  await writeText(extensionId);
   return state;
 };
 
@@ -3891,6 +3916,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     baseUrl: '',
     builtinExtensionsBadgeEnabled: true,
     buttons: [],
+    cacheName: '',
     categories: [],
     changelogScrollTop: 0,
     changelogVirtualDom: [],
@@ -4418,7 +4444,7 @@ const updateExtensionStatus = async (state, updateFunction) => {
   } = state;
   const error = await updateFunction(extensionId, platform);
   if (error) {
-    await confirm(`${error}`);
+    await invoke$5('ConfirmPrompt.prompt', `${error}`);
   }
   const extension = await getExtension(extensionId, platform);
   const disabled = extension?.disabled;
@@ -4451,6 +4477,7 @@ const selectFeature = async (state, name) => {
   }
   const {
     baseUrl,
+    cacheName,
     extension,
     features,
     locationProtocol
@@ -4468,7 +4495,7 @@ const selectFeature = async (state, name) => {
     };
   });
   const fn = getFeatureDetailsHandler(name);
-  const partialNewState = await fn(extension, baseUrl, locationProtocol);
+  const partialNewState = await fn(extension, baseUrl, locationProtocol, cacheName);
   return {
     ...state,
     ...partialNewState,
@@ -4482,8 +4509,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 {
@@ -4491,9 +4523,6 @@ const handleClickScrollToTop = state => {
       changelogScrollTop: 0
     };
   }
-  const {
-    readmeScrollTop
-  } = state;
   if (readmeScrollTop === 0) {
     return state;
   }
@@ -4509,17 +4538,19 @@ const setColorTheme = id => {
 
 const handleClickSetColorTheme = async state => {
   const {
-    extension
+    disabled,
+    extension,
+    hasColorTheme
   } = state;
   const colorThemeId = getColorThemeId(extension);
   if (colorThemeId) {
     const error = await setColorTheme(colorThemeId);
     if (error) {
-      await confirm(`${error}`);
+      await invoke$5('ConfirmPrompt.prompt', `${error}`);
     }
     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,
@@ -4540,30 +4571,37 @@ const handleClickSettings = async (state, eventX, eventY) => {
 };
 
 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;
@@ -4590,6 +4628,10 @@ class ExtensionNotFoundError extends Error {
   }
 }
 
+const getApplicationName = async () => {
+  return invoke$1('Layout.getApplicationName');
+};
+
 const getRemoteSrc = uri => {
   const src = `/remote${uri}`;
   return src;
@@ -4672,6 +4714,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 '';
@@ -4688,7 +4736,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) {
@@ -4699,7 +4747,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;
     }
@@ -4767,9 +4815,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
   };
@@ -5301,13 +5355,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 '#';
@@ -5461,6 +5522,7 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
     savedState = undefined;
   }
   const {
+    assetDir,
     uri,
     width
   } = state;
@@ -5470,8 +5532,10 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
     throw new ExtensionNotFoundError(id);
   }
   const currentColorThemeId = await getCurrentColorTheme();
+  const applicationName = await getApplicationName();
+  const cacheName = `${applicationName}/markdown-cache`;
   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,
@@ -5500,7 +5564,7 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
     languages,
     linksExternal: true,
     locationProtocol
-  });
+  }, cacheName);
   const detailsVirtualDom = await getMarkdownVirtualDom(readmeHtml, {
     scrollToTopEnabled: true
   });
@@ -5542,6 +5606,7 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
     badge,
     baseUrl,
     buttons,
+    cacheName,
     categories,
     changelogScrollTop,
     commit,
@@ -5592,10 +5657,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,
@@ -5689,9 +5757,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 {
@@ -5709,7 +5781,10 @@ const disablePreviewColorTheme = async () => {
 };
 
 const handleMouseEnterEnable = async state => {
-  const colorThemeId = getColorThemeId(state.extension);
+  const {
+    extension
+  } = state;
+  const colorThemeId = getColorThemeId(extension);
   if (!colorThemeId) {
     return state;
   }
@@ -5749,7 +5824,7 @@ const handleReadmeLinkClick = async (linkProtectionEnabled, platform, href) => {
   // TODO what to do about mail links?
   if (linkProtectionEnabled) {
     const message = `Do you want to open this external link?\n\n${href}`;
-    const confirmed = await confirm(message);
+    const confirmed = await invoke$5('ConfirmPrompt.prompt', message);
     if (!confirmed) {
       return;
     }
@@ -5804,8 +5879,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,
@@ -5957,7 +6035,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}`);
@@ -6077,7 +6155,7 @@ const mergeMarkdownVirtualDoms = chunks => {
   }
   return root ? [root, ...children] : [];
 };
-const renderGithubReleases = async (result, githubRepository, languages, locationProtocol) => {
+const renderGithubReleases = async (result, githubRepository, cacheName, languages, locationProtocol) => {
   const chunks = [];
   const {
     isTruncated,
@@ -6097,7 +6175,7 @@ const renderGithubReleases = async (result, githubRepository, languages, locatio
       languages,
       linksExternal: true,
       locationProtocol
-    });
+    }, cacheName);
     chunks.push([...(await getMarkdownVirtualDom(html))]);
   }
   return addScrollToTopVirtualDom(mergeMarkdownVirtualDoms(chunks));
@@ -6105,6 +6183,7 @@ const renderGithubReleases = async (result, githubRepository, languages, locatio
 const selectTabChangelog = async state => {
   const {
     baseUrl,
+    cacheName,
     extension,
     extensionUri,
     languages,
@@ -6116,7 +6195,7 @@ const selectTabChangelog = async state => {
   if (githubRepository) {
     try {
       const result = await loadGithubReleases(githubRepository);
-      changelogDom = await renderGithubReleases(result, githubRepository, languages, locationProtocol);
+      changelogDom = await renderGithubReleases(result, githubRepository, cacheName, languages, locationProtocol);
     } catch (error) {
       const message = error instanceof GithubReleasesError ? error.message : 'GitHub releases could not be loaded. Please try again later.';
       const html = await renderMarkdown(`# Changelog\n\n${message}`, {
@@ -6124,7 +6203,7 @@ const selectTabChangelog = async state => {
         languages,
         linksExternal: true,
         locationProtocol
-      });
+      }, cacheName);
       changelogDom = await getMarkdownVirtualDom(html, {
         scrollToTopEnabled: true
       });
@@ -6136,7 +6215,7 @@ const selectTabChangelog = async state => {
       languages,
       linksExternal: true,
       locationProtocol
-    });
+    }, cacheName);
     changelogDom = await getMarkdownVirtualDom(html, {
       scrollToTopEnabled: true
     });
@@ -6162,6 +6241,7 @@ const selectTabDefault = async state => {
 const selectTabDetails = async state => {
   const {
     baseUrl,
+    cacheName,
     languages,
     locationProtocol,
     readmeUrl,
@@ -6173,7 +6253,7 @@ const selectTabDetails = async state => {
     languages,
     linksExternal: true,
     locationProtocol
-  });
+  }, cacheName);
   const detailsDom = await getMarkdownVirtualDom(readmeHtml);
   const newTabs = tabs.map(tab => {
     return {
@@ -6192,6 +6272,7 @@ const selectTabDetails = async state => {
 const selectTabFeatures = async state => {
   const {
     baseUrl,
+    cacheName,
     extension,
     features,
     locationProtocol,
@@ -6203,7 +6284,7 @@ const selectTabFeatures = async state => {
   }
   const actualSelectedFeature = selectedFeature || Theme;
   const fn = getFeatureDetailsHandler(actualSelectedFeature);
-  const partialNewState = await fn(extension, baseUrl, locationProtocol);
+  const partialNewState = await fn(extension, baseUrl, locationProtocol, cacheName);
   const newTabs = tabs.map(tab => {
     return {
       ...tab,
@@ -6272,112 +6353,11 @@ const hideSizeLink = state => {
   };
 };
 
-const createRpc = async () => {
-  const rpc = await create$4({
-    commandMap: {},
-    send: async port => {
-      await sendMessagePortToClipBoardWorker(port, 0);
-    }
-  });
-  return rpc;
-};
-const initializeClipBoardWorker = async () => {
-  const rpc = await createRpc();
-  set$b(rpc);
-};
-
-const sendMessagePortToExtensionHostWorker = async port => {
-  await sendMessagePortToExtensionHostWorker$1(port, 0);
-};
-
-const createExtensionHostWorkerRpc = async () => {
-  try {
-    const rpc = await create$5({
-      commandMap: {},
-      send: sendMessagePortToExtensionHostWorker
-    });
-    return rpc;
-  } catch (error) {
-    throw new VError(error, `Failed to create extension host rpc`);
-  }
-};
-
-const {
-  set
-} = ExtensionHost;
-
-const initializeExtensionHostWorker = async () => {
-  const rpc = await createExtensionHostWorkerRpc();
-  set(rpc);
-};
-
-const createExtensionManagementWorkerRpc = async () => {
-  try {
-    const rpc = await create$5({
-      commandMap: {},
-      send: port => sendMessagePortToExtensionManagementWorker(port, 0)
-    });
-    return rpc;
-  } catch (error) {
-    throw new VError(error, `Failed to create extension management rpc`);
-  }
-};
-
-const initializeExtensionManagementWorker = async () => {
-  try {
-    const rpc = await createExtensionManagementWorkerRpc();
-    set$9(rpc);
-  } catch {
-    // ignore
-  }
-};
-
-const sendMessagePortToFileSystemWorker = async port => {
-  await sendMessagePortToFileSystemWorker$1(port, 0);
-};
-
-const createFileSystemWorkerRpc = async () => {
-  try {
-    const rpc = await create$5({
-      commandMap: {},
-      send: sendMessagePortToFileSystemWorker
-    });
-    return rpc;
-  } catch (error) {
-    throw new VError(error, `Failed to create file system worker rpc`);
-  }
-};
-
-const initializeFileSystemWorker = async () => {
-  const rpc = await createFileSystemWorkerRpc();
-  set$3(rpc);
-};
-
-const sendMessagePortToMarkdownWorker = async port => {
-  await sendMessagePortToMarkdownWorker$1(port, 0);
-};
-
-const createMarkdownWorkerRpc = async () => {
-  const rpc = await create$4({
-    commandMap: {},
-    send: sendMessagePortToMarkdownWorker
-  });
-  return rpc;
-};
-
-const initializeMarkdownWorker = async () => {
-  const rpc = await createMarkdownWorkerRpc();
-  set$5(rpc);
-};
-
-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 => {
@@ -7210,7 +7190,10 @@ const renderEventListeners = () => {
 };
 
 const renderTitle = state => {
-  return state.name;
+  const {
+    name
+  } = state;
+  return name;
 };
 
 const resize = (state, dimensions) => {
@@ -7289,7 +7272,6 @@ const commandMap = {
   'ExtensionDetail.handleWheel': wrapCommand(handleScroll),
   // deprecated
   'ExtensionDetail.hideSizeLink': wrapCommand(hideSizeLink),
-  'ExtensionDetail.initialize': initialize,
   'ExtensionDetail.loadContent2': wrapCommand(loadContent2),
   'ExtensionDetail.mockGithubApi': wrapCommand(handleMockGithubApi),
   'ExtensionDetail.openImageInNewTab': wrapCommand(openImageInNewTab),
@@ -7303,12 +7285,100 @@ const commandMap = {
   'ExtensionDetail.terminate': terminate
 };
 
+const createRpc = async () => {
+  const rpc = await create$4({
+    commandMap: {},
+    send: async port => {
+      await sendMessagePortToClipBoardWorker(port, 0);
+    }
+  });
+  return rpc;
+};
+const initializeClipBoardWorker = async () => {
+  const rpc = await createRpc();
+  set$c(rpc);
+};
+
+const sendMessagePortToExtensionHostWorker = async port => {
+  await sendMessagePortToExtensionHostWorker$1(port, 0);
+};
+
+const createExtensionHostWorkerRpc = async () => {
+  return create$4({
+    commandMap: {},
+    send: sendMessagePortToExtensionHostWorker
+  });
+};
+
+const {
+  set
+} = ExtensionHost;
+
+const initializeExtensionHostWorker = async () => {
+  const rpc = await createExtensionHostWorkerRpc();
+  set(rpc);
+};
+
+const createExtensionManagementWorkerRpc = async () => {
+  return create$4({
+    commandMap: {},
+    send: port => sendMessagePortToExtensionManagementWorker(port, 0)
+  });
+};
+
+const initializeExtensionManagementWorker = async () => {
+  try {
+    const rpc = await createExtensionManagementWorkerRpc();
+    set$9(rpc);
+  } catch {
+    // ignore
+  }
+};
+
+const sendMessagePortToFileSystemWorker = async port => {
+  await sendMessagePortToFileSystemWorker$1(port, 0);
+};
+
+const createFileSystemWorkerRpc = async () => {
+  return create$4({
+    commandMap: {},
+    send: sendMessagePortToFileSystemWorker
+  });
+};
+
+const initializeFileSystemWorker = async () => {
+  const rpc = await createFileSystemWorkerRpc();
+  set$3(rpc);
+};
+
+const sendMessagePortToMarkdownWorker = async port => {
+  await sendMessagePortToMarkdownWorker$1(port, 0);
+};
+
+const createMarkdownWorkerRpc = async () => {
+  const rpc = await create$4({
+    commandMap: {},
+    send: sendMessagePortToMarkdownWorker
+  });
+  return rpc;
+};
+
+const initializeMarkdownWorker = async () => {
+  const rpc = await createMarkdownWorkerRpc();
+  set$5(rpc);
+};
+
 const listen = async () => {
   registerCommands(commandMap);
   const rpc = await create$3({
     commandMap: commandMap
   });
   set$6(rpc);
+  const [dialogRpc] = await Promise.all([create$4({
+    commandMap: {},
+    send: sendMessagePortToDialogWorker
+  }), initializeMarkdownWorker(), initializeFileSystemWorker(), initializeExtensionHostWorker(), initializeExtensionManagementWorker(), initializeClipBoardWorker()]);
+  set$b(dialogRpc);
 };
 
 const main = async () => {

package/package.json

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