@lvce-editor/extension-detail-view 3.41.0 → 3.43.0

package/dist/extensionDetailViewWorkerMain.js

@@ -729,7 +729,19 @@ const create$7 = rpcId => {
   };
 };
 const RendererWorker$1 = 1;
+const FileSystemWorker$1 = 209;
 const MarkdownWorker$1 = 300;
+const {
+  invoke: invoke$7,
+  set: set$7} = create$7(FileSystemWorker$1);
+const readFile$1$1 = async uri => {
+  return invoke$7('FileSystem.readFile', uri);
+};
+const FileSystemWorker = {
+  __proto__: null,
+  invoke: invoke$7,
+  readFile: readFile$1$1,
+  set: set$7};
 const {
   invoke: invoke$5,
   set: set$5} = create$7(MarkdownWorker$1);
@@ -760,16 +772,14 @@ const sendMessagePortToMarkdownWorker$2 = async (port, rpcId) => {
   // @ts-ignore
   await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
 };
-const readFile$2 = async uri => {
-  return invoke$3('FileSystem.readFile', uri);
+const sendMessagePortToFileSystemWorker$2 = async (port, rpcId) => {
+  const command = 'FileSystem.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
 };
 const getAllExtensions$2 = async () => {
   return invoke$3('ExtensionManagement.getAllExtensions');
 };
-const getFolderSize$2 = async uri => {
-  // @ts-ignore
-  return await invoke$3('FileSystem.getFolderSize', uri);
-};
 const getExtension$3 = async id => {
   // @ts-ignore
   return invoke$3('ExtensionManagement.getExtension', id);
@@ -785,16 +795,15 @@ const RendererWorker = {
   __proto__: null,
   getAllExtensions: getAllExtensions$2,
   getExtension: getExtension$3,
-  getFolderSize: getFolderSize$2,
   openNativeFolder: openNativeFolder$1,
-  readFile: readFile$2,
+  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$2,
   sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$2,
   set: set$3$1,
   setColorTheme: setColorTheme$2,
   uninstallExtension: uninstallExtension$1};
 
 const {
-  set: set$3,
+  set: set$4,
   getVirtualDom,
   render
 } = MarkdownWorker;
@@ -1531,7 +1540,7 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$2 = (id, fn) => {
+const set$3 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$1 = id => {
@@ -1550,7 +1559,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$2(id, resolve);
+  set$3(id, resolve);
   return {
     id,
     promise
@@ -1894,7 +1903,7 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke = (ipc, method, ...params) => {
+const invoke$1 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer = (ipc, method, ...params) => {
@@ -1927,7 +1936,7 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke(ipc, method, ...params);
+      return invoke$1(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer(ipc, method, ...params);
@@ -2085,7 +2094,7 @@ const copyImage = state => {
 
 const {
   get,
-  set: set$1,
+  set: set$2,
   dispose: dispose$1,
   wrapCommand
 } = create$1();
@@ -2106,7 +2115,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     description: '',
     detailsVirtualDom: [],
     displaySize: '',
-    entries: [],
+    installationEntries: [],
     extension: {},
     extensionId: '',
     extensionVersion: '',
@@ -2124,7 +2133,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     resources: [],
     scrollSource: 0,
     scrollToTopButtonEnabled: false,
-    secondEntries: [],
+    marketplaceEntries: [],
     selectedFeature: '',
     selectedTab: '',
     settings: [],
@@ -2139,7 +2148,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     width,
     readmeUrl: ''
   };
-  set$1(uid, state, state);
+  set$2(uid, state, state);
 };
 
 const isEqual$2 = (oldState, newState) => {
@@ -2154,7 +2163,7 @@ const User = 1;
 const Script = 2;
 
 const isEqual = (oldState, newState) => {
-  return newState.scrollSource === Script || oldState.readmeScrollTop === newState.readmeScrollTop;
+  return newState.scrollSource === User || oldState.readmeScrollTop === newState.readmeScrollTop;
 };
 
 const RenderFocus = 2;
@@ -2183,7 +2192,7 @@ const dispose = uid => {
   dispose$1(uid);
 };
 
-const commandIds = ['copyImage', 'getMenuEntries', 'handleClickCategory', 'handleClickDisable', 'handleClickScrollToTop', 'handleClickSettings', 'handleClickSetColorTheme', 'handleClickSize', 'handleClickUninstall', 'handleFeaturesClick', 'handleIconError', 'handleTabsClick', 'handleWheel', 'renderEventListeners', 'resize', 'saveState', 'selectTab', 'terminate'];
+const commandIds = ['copyImage', 'getMenuEntries', 'handleClickCategory', 'handleClickDisable', 'handleClickScrollToTop', 'handleClickSetColorTheme', 'handleClickSettings', 'handleClickSize', 'handleClickUninstall', 'handleFeaturesClick', 'handleIconError', 'handleScroll', 'handleTabsClick', 'handleWheel', 'renderEventListeners', 'resize', 'saveState', 'selectTab', 'terminate'];
 
 const getCommandIds = () => {
   return commandIds;
@@ -2292,13 +2301,13 @@ const handleClickScrollToTop = state => {
 const {
   getAllExtensions: getAllExtensions$1,
   getExtension: getExtension$2,
-  getFolderSize: getFolderSize$1,
   openNativeFolder,
-  readFile: readFile$1,
-  set,
+  set: set$1,
   setColorTheme: setColorTheme$1,
   uninstallExtension,
-  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1} = RendererWorker;
+  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1,
+  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1
+} = RendererWorker;
 
 const setColorTheme = id => {
   return setColorTheme$1(id);
@@ -2367,15 +2376,21 @@ const handleIconError = state => {
   };
 };
 
-const handleScroll = (state, scrollTop) => {
+const handleScroll = (state, scrollTop, scrollSource = Script) => {
   const newScrollTop = Math.max(0, scrollTop);
   return {
     ...state,
     readmeScrollTop: newScrollTop,
-    scrollSource: User
+    scrollSource
   };
 };
 
+const {
+  set,
+  readFile: readFile$1,
+  invoke
+} = FileSystemWorker;
+
 const readFile = async uri => {
   return readFile$1(uri);
 };
@@ -2526,6 +2541,27 @@ const handleTabsClick = (state, name) => {
   return selectTab(state, name);
 };
 
+const sendMessagePortToFileSystemWorker = async port => {
+  await sendMessagePortToFileSystemWorker$1(port, 0);
+};
+
+const createFileSystemWorkerRpc = async () => {
+  try {
+    const rpc = await TransferMessagePortRpcParent.create({
+      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(rpc);
+};
+
 const sendMessagePortToMarkdownWorker = async port => {
   await sendMessagePortToMarkdownWorker$1(port, 0);
 };
@@ -2544,12 +2580,11 @@ const createMarkdownWorkerRpc = async () => {
 
 const initializeMarkdownWorker = async () => {
   const rpc = await createMarkdownWorkerRpc();
-  set$3(rpc);
+  set$4(rpc);
 };
 
 const initialize = async () => {
-  await initializeMarkdownWorker();
-  // TODO create connection to file system worker
+  await Promise.all([initializeMarkdownWorker(), initializeFileSystemWorker()]);
 };
 
 const existsFile = async uri => {
@@ -2857,12 +2892,22 @@ const getDisplaySize = size => {
   });
 };
 
+const supportsFileSize = uri => {
+  if (uri.startsWith('http:') || uri.startsWith('https://')) {
+    return false;
+  }
+  return true;
+};
 const getFolderSize = async uri => {
   if (!uri) {
     throw new VError(`uri is required`);
   }
+  if (!supportsFileSize(uri)) {
+    return 0;
+  }
   try {
-    return await getFolderSize$1(uri);
+    // @ts-ignore
+    return await invoke('FileSystem.getFolderSize', uri);
   } catch {
     return 0;
   }
@@ -3004,10 +3049,9 @@ const loadContent = async (state, platform, savedState) => {
     iconSrc,
     name
   } = headerData;
-  const readmeUrl = join(extension.path, 'README.md');
-  join(extension.path, 'CHANGELOG.md');
-  const hasReadme = await existsFile();
-  const hasChangelog = await existsFile();
+  const readmeUrl = join(extensionUri, 'README.md');
+  join(extensionUri, 'CHANGELOG.md');
+  const [hasReadme, hasChangelog] = await Promise.all([existsFile(), existsFile()]);
   const readmeContent = await loadReadmeContent(readmeUrl);
   const baseUrl = getBaseUrl(extension.path, platform);
   const readmeHtml = await renderMarkdown(readmeContent, {
@@ -3049,7 +3093,7 @@ const loadContent = async (state, platform, savedState) => {
     description,
     detailsVirtualDom,
     displaySize,
-    entries: installationEntries,
+    installationEntries,
     extension,
     extensionId,
     extensionVersion,
@@ -3063,7 +3107,7 @@ const loadContent = async (state, platform, savedState) => {
     resources,
     scrollSource: Script,
     scrollToTopButtonEnabled: true,
-    secondEntries: marketplaceEntries,
+    marketplaceEntries,
     selectedTab,
     sizeOnDisk: size,
     sizeValue,
@@ -3239,7 +3283,7 @@ const getChildCount = (additionalDetails, scrollToTopEnabled) => {
   }
   return count;
 };
-const getDetailsVirtualDom = (sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories$1, resources$1, showAdditionalDetailsBreakpoint, marketplaceEntries, installationEntries) => {
+const getDetailsVirtualDom = (sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories$1, resources$1, showAdditionalDetailsBreakpoint, installationEntries, marketplaceEntries) => {
   const firstHeading = installation();
   const secondHeading = marketplace();
   const thirdHeading = categories();
@@ -3306,7 +3350,7 @@ const getFeaturesVirtualDom = (features, selectedFeature, state) => {
 const getExtensionDetailContentVirtualDom = (sanitizedReadmeHtml, selectedTab, width, scrollToTopButtonEnabled, categories, resources, breakpoint, changelogDom, state) => {
   switch (selectedTab) {
     case Details:
-      return getDetailsVirtualDom(sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories, resources, breakpoint, state.entries, state.secondEntries);
+      return getDetailsVirtualDom(sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories, resources, breakpoint, state.installationEntries, state.marketplaceEntries);
     case Features:
       return getFeaturesVirtualDom(state.features, state.selectedFeature, state);
     case Changelog:
@@ -3531,7 +3575,7 @@ const render2 = (uid, diffResult) => {
     oldState,
     newState
   } = get(uid);
-  set$1(uid, newState, newState);
+  set$2(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -3548,7 +3592,8 @@ const renderEventListeners = () => {
     params: ['handleReadmeContextMenu', 'event.clientX', 'event.clientY', 'event.target.href', 'event.target.src']
   }, {
     name: HandleReadmeScroll,
-    params: ['handleScroll', 'event.target.scrollTop'],
+    // @ts-ignore
+    params: ['handleScroll', 'event.target.scrollTop', User],
     passive: true
   }, {
     name: HandleTabsClick,
@@ -3637,7 +3682,7 @@ const listen = async () => {
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
-  set(rpc);
+  set$1(rpc);
 };
 
 const main = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "3.41.0",
+  "version": "3.43.0",
   "description": "Extension Detail View Worker",
   "license": "MIT",
   "author": "Lvce Editor",