@lvce-editor/extension-detail-view 7.21.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;
@@ -2692,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 => {
@@ -2725,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);
@@ -2734,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);
@@ -2832,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);
@@ -2844,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);
@@ -3271,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}`,
@@ -3296,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,
@@ -3324,7 +3326,7 @@ const getThemeDetails = async (extension, baseUrl, locationProtocol) => {
   const rendered = await renderMarkdown(markdown, {
     baseUrl,
     locationProtocol
-  });
+  }, cacheName);
   const themesMarkdownDom = await getMarkdownVirtualDom(rendered);
   return {
     themesMarkdownDom
@@ -3914,6 +3916,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     baseUrl: '',
     builtinExtensionsBadgeEnabled: true,
     buttons: [],
+    cacheName: '',
     categories: [],
     changelogScrollTop: 0,
     changelogVirtualDom: [],
@@ -4441,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;
@@ -4474,6 +4477,7 @@ const selectFeature = async (state, name) => {
   }
   const {
     baseUrl,
+    cacheName,
     extension,
     features,
     locationProtocol
@@ -4491,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,
@@ -4542,7 +4546,7 @@ const handleClickSetColorTheme = async state => {
   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) || '';
@@ -4624,6 +4628,10 @@ class ExtensionNotFoundError extends Error {
   }
 }
 
+const getApplicationName = async () => {
+  return invoke$1('Layout.getApplicationName');
+};
+
 const getRemoteSrc = uri => {
   const src = `/remote${uri}`;
   return src;
@@ -5524,6 +5532,8 @@ 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, assetDir);
   const headerData = loadHeaderContent(state, platform, extension);
@@ -5554,7 +5564,7 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
     languages,
     linksExternal: true,
     locationProtocol
-  });
+  }, cacheName);
   const detailsVirtualDom = await getMarkdownVirtualDom(readmeHtml, {
     scrollToTopEnabled: true
   });
@@ -5596,6 +5606,7 @@ const loadContentInternal = async (state, platform, savedState, isTest = false)
     badge,
     baseUrl,
     buttons,
+    cacheName,
     categories,
     changelogScrollTop,
     commit,
@@ -5813,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;
     }
@@ -6144,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,
@@ -6164,7 +6175,7 @@ const renderGithubReleases = async (result, githubRepository, languages, locatio
       languages,
       linksExternal: true,
       locationProtocol
-    });
+    }, cacheName);
     chunks.push([...(await getMarkdownVirtualDom(html))]);
   }
   return addScrollToTopVirtualDom(mergeMarkdownVirtualDoms(chunks));
@@ -6172,6 +6183,7 @@ const renderGithubReleases = async (result, githubRepository, languages, locatio
 const selectTabChangelog = async state => {
   const {
     baseUrl,
+    cacheName,
     extension,
     extensionUri,
     languages,
@@ -6183,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}`, {
@@ -6191,7 +6203,7 @@ const selectTabChangelog = async state => {
         languages,
         linksExternal: true,
         locationProtocol
-      });
+      }, cacheName);
       changelogDom = await getMarkdownVirtualDom(html, {
         scrollToTopEnabled: true
       });
@@ -6203,7 +6215,7 @@ const selectTabChangelog = async state => {
       languages,
       linksExternal: true,
       locationProtocol
-    });
+    }, cacheName);
     changelogDom = await getMarkdownVirtualDom(html, {
       scrollToTopEnabled: true
     });
@@ -6229,6 +6241,7 @@ const selectTabDefault = async state => {
 const selectTabDetails = async state => {
   const {
     baseUrl,
+    cacheName,
     languages,
     locationProtocol,
     readmeUrl,
@@ -6240,7 +6253,7 @@ const selectTabDetails = async state => {
     languages,
     linksExternal: true,
     locationProtocol
-  });
+  }, cacheName);
   const detailsDom = await getMarkdownVirtualDom(readmeHtml);
   const newTabs = tabs.map(tab => {
     return {
@@ -6259,6 +6272,7 @@ const selectTabDetails = async state => {
 const selectTabFeatures = async state => {
   const {
     baseUrl,
+    cacheName,
     extension,
     features,
     locationProtocol,
@@ -6270,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,
@@ -6339,110 +6353,6 @@ 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) => {
   const {
     platform
@@ -7362,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),
@@ -7376,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.21.0",
+  "version": "7.22.0",
   "description": "Extension Detail View Worker",
   "repository": {
     "type": "git",