@lvce-editor/extension-detail-view 4.18.0 → 5.1.0

package/dist/extensionDetailViewWorkerMain.js

@@ -19,7 +19,6 @@ const ContentSecurityPolicy = 'ContentSecurityPolicy';
 const Copy = 'Copy';
 const CopyImage = 'Copy Image';
 const CopyImageUrl = 'Copy Image Url';
-const CopyLink = 'Copy Link';
 const Details$1 = 'Details';
 const Disable$1 = 'Disable';
 const Elements = 'Elements';
@@ -78,9 +77,6 @@ const marketplace = () => {
 const categories = () => {
   return i18nString(Categories$1);
 };
-const copyLink = () => {
-  return i18nString(CopyLink);
-};
 const resources = () => {
   return i18nString(Resources$1);
 };
@@ -327,6 +323,7 @@ const TargetHref = 'event.target.href';
 const TargetName = 'event.target.name';
 
 const ExtensionDetailReadme = 20;
+const ExtensionDetailIconContextMenu$3 = 4091;
 
 const None$2 = 0;
 
@@ -1926,7 +1923,7 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke$5 = (ipc, method, ...params) => {
+const invoke$6 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer$4 = (ipc, method, ...params) => {
@@ -1965,7 +1962,7 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$5(ipc, method, ...params);
+      return invoke$6(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer$4(ipc, method, ...params);
@@ -2075,22 +2072,22 @@ const createMockRpc = ({
 };
 
 const {
-  invoke: invoke$4,
+  invoke: invoke$5,
   invokeAndTransfer: invokeAndTransfer$3,
   set: set$9,
   dispose: dispose$5
 } = create$7(ExtensionHostWorker);
 const executeReferenceProvider = async (id, offset) => {
   // @ts-ignore
-  return invoke$4('ExtensionHostReference.executeReferenceProvider', id, offset);
+  return invoke$5('ExtensionHostReference.executeReferenceProvider', id, offset);
 };
 const executeFileReferenceProvider = async id => {
   // @ts-ignore
-  return invoke$4('ExtensionHostReference.executeFileReferenceProvider', id);
+  return invoke$5('ExtensionHostReference.executeFileReferenceProvider', id);
 };
 const getRuntimeStatus$2 = async extensionId => {
   // @ts-ignore
-  return invoke$4('ExtensionHost.getRuntimeStatus', extensionId);
+  return invoke$5('ExtensionHost.getRuntimeStatus', extensionId);
 };
 const registerMockRpc$3 = commandMap => {
   const mockRpc = createMockRpc({
@@ -2106,67 +2103,67 @@ const ExtensionHost = {
   executeFileReferenceProvider,
   executeReferenceProvider,
   getRuntimeStatus: getRuntimeStatus$2,
-  invoke: invoke$4,
+  invoke: invoke$5,
   invokeAndTransfer: invokeAndTransfer$3,
   registerMockRpc: registerMockRpc$3,
   set: set$9
 };
 
 const {
-  invoke: invoke$3,
+  invoke: invoke$4,
   invokeAndTransfer: invokeAndTransfer$2,
   set: set$8,
   dispose: dispose$4
 } = create$7(FileSystemWorker$1);
 const remove = async dirent => {
-  return invoke$3('FileSystem.remove', dirent);
+  return invoke$4('FileSystem.remove', dirent);
 };
 const readDirWithFileTypes = async uri => {
-  return invoke$3('FileSystem.readDirWithFileTypes', uri);
+  return invoke$4('FileSystem.readDirWithFileTypes', uri);
 };
 const getPathSeparator = async root => {
   // @ts-ignore
-  return invoke$3('FileSystem.getPathSeparator', root);
+  return invoke$4('FileSystem.getPathSeparator', root);
 };
 const getRealPath = async path => {
-  return invoke$3('FileSystem.getRealPath', path);
+  return invoke$4('FileSystem.getRealPath', path);
 };
 const stat = async dirent => {
-  return invoke$3('FileSystem.stat', dirent);
+  return invoke$4('FileSystem.stat', dirent);
 };
 const createFile = async uri => {
-  return invoke$3('FileSystem.writeFile', uri, '');
+  return invoke$4('FileSystem.writeFile', uri, '');
 };
 const readFile$3 = async uri => {
-  return invoke$3('FileSystem.readFile', uri);
+  return invoke$4('FileSystem.readFile', uri);
 };
 const writeFile = async (uri, content) => {
-  return invoke$3('FileSystem.writeFile', uri, content);
+  return invoke$4('FileSystem.writeFile', uri, content);
 };
 const mkdir = async uri => {
-  return invoke$3('FileSystem.mkdir', uri);
+  return invoke$4('FileSystem.mkdir', uri);
 };
 const rename = async (oldUri, newUri) => {
-  return invoke$3('FileSystem.rename', oldUri, newUri);
+  return invoke$4('FileSystem.rename', oldUri, newUri);
 };
 const copy = async (oldUri, newUri) => {
-  return invoke$3('FileSystem.copy', oldUri, newUri);
+  return invoke$4('FileSystem.copy', oldUri, newUri);
 };
 const exists$1 = async uri => {
   // @ts-ignore
-  return invoke$3('FileSystem.exists', uri);
+  return invoke$4('FileSystem.exists', uri);
 };
 const getFolderSize$2 = async uri => {
   // @ts-ignore
-  return invoke$3('FileSystem.getFolderSize', uri);
+  return invoke$4('FileSystem.getFolderSize', uri);
 };
 const readFileAsBlob$1 = async uri => {
   // @ts-ignore
-  return invoke$3('FileSystem.readFileAsBlob', uri);
+  return invoke$4('FileSystem.readFileAsBlob', uri);
 };
 const appendFile = async (uri, text) => {
   // @ts-ignore
-  return invoke$3('FileSystem.appendFile', uri, text);
+  return invoke$4('FileSystem.appendFile', uri, text);
 };
 const registerMockRpc$2 = commandMap => {
   const mockRpc = createMockRpc({
@@ -2186,7 +2183,7 @@ const FileSystemWorker = {
   getFolderSize: getFolderSize$2,
   getPathSeparator,
   getRealPath,
-  invoke: invoke$3,
+  invoke: invoke$4,
   invokeAndTransfer: invokeAndTransfer$2,
   mkdir,
   readDirWithFileTypes,
@@ -2201,18 +2198,18 @@ const FileSystemWorker = {
 };
 
 const {
-  invoke: invoke$2,
+  invoke: invoke$3,
   invokeAndTransfer: invokeAndTransfer$1,
   set: set$7,
   dispose: dispose$3
 } = create$7(MarkdownWorker$1);
 const getVirtualDom$1 = async html => {
   // @ts-ignore
-  return invoke$2('Markdown.getVirtualDom', html);
+  return invoke$3('Markdown.getVirtualDom', html);
 };
 const render$1 = async (markdown, options) => {
   // @ts-ignore
-  return invoke$2('Markdown.render', markdown, options);
+  return invoke$3('Markdown.render', markdown, options);
 };
 const registerMockRpc$1 = commandMap => {
   const mockRpc = createMockRpc({
@@ -2226,7 +2223,7 @@ const MarkdownWorker = {
   __proto__: null,
   dispose: dispose$3,
   getVirtualDom: getVirtualDom$1,
-  invoke: invoke$2,
+  invoke: invoke$3,
   invokeAndTransfer: invokeAndTransfer$1,
   registerMockRpc: registerMockRpc$1,
   render: render$1,
@@ -2234,51 +2231,51 @@ const MarkdownWorker = {
 };
 
 const {
-  invoke: invoke$1,
+  invoke: invoke$2,
   invokeAndTransfer,
   set: set$6,
   dispose: dispose$2
 } = create$7(RendererWorker$1);
 const searchFileHtml = async uri => {
-  return invoke$1('ExtensionHost.searchFileWithHtml', uri);
+  return invoke$2('ExtensionHost.searchFileWithHtml', uri);
 };
 const getFilePathElectron = async file => {
-  return invoke$1('FileSystemHandle.getFilePathElectron', file);
+  return invoke$2('FileSystemHandle.getFilePathElectron', file);
 };
-const showContextMenu$1 = async (x, y, id, ...args) => {
-  return invoke$1('ContextMenu.show', x, y, id, ...args);
+const showContextMenu = async (x, y, id, ...args) => {
+  return invoke$2('ContextMenu.show', x, y, id, ...args);
 };
 const getElectronVersion = async () => {
-  return invoke$1('Process.getElectronVersion');
+  return invoke$2('Process.getElectronVersion');
 };
 const applyBulkReplacement = async bulkEdits => {
-  await invoke$1('BulkReplacement.applyBulkReplacement', bulkEdits);
+  await invoke$2('BulkReplacement.applyBulkReplacement', bulkEdits);
 };
 const setColorTheme$2 = async id => {
   // @ts-ignore
-  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
+  return invoke$2(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
 const getNodeVersion = async () => {
-  return invoke$1('Process.getNodeVersion');
+  return invoke$2('Process.getNodeVersion');
 };
 const getChromeVersion = async () => {
-  return invoke$1('Process.getChromeVersion');
+  return invoke$2('Process.getChromeVersion');
 };
 const getV8Version = async () => {
-  return invoke$1('Process.getV8Version');
+  return invoke$2('Process.getV8Version');
 };
 const getFileHandles = async fileIds => {
-  const files = await invoke$1('FileSystemHandle.getFileHandles', fileIds);
+  const files = await invoke$2('FileSystemHandle.getFileHandles', fileIds);
   return files;
 };
 const setWorkspacePath = async path => {
-  await invoke$1('Workspace.setPath', path);
+  await invoke$2('Workspace.setPath', path);
 };
 const registerWebViewInterceptor = async (id, port) => {
   await invokeAndTransfer('WebView.registerInterceptor', id, port);
 };
 const unregisterWebViewInterceptor = async id => {
-  await invoke$1('WebView.unregisterInterceptor', id);
+  await invoke$2('WebView.unregisterInterceptor', id);
 };
 const sendMessagePortToEditorWorker = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
@@ -2306,41 +2303,41 @@ const sendMessagePortToFileSystemWorker$2 = async (port, rpcId) => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
 };
 const readFile$2 = async uri => {
-  return invoke$1('FileSystem.readFile', uri);
+  return invoke$2('FileSystem.readFile', uri);
 };
 const getWebViewSecret = async key => {
   // @ts-ignore
-  return invoke$1('WebView.getSecret', key);
+  return invoke$2('WebView.getSecret', key);
 };
 const setWebViewPort = async (uid, port, origin, portType) => {
   return invokeAndTransfer('WebView.setPort', uid, port, origin, portType);
 };
 const setFocus = key => {
-  return invoke$1('Focus.setFocus', key);
+  return invoke$2('Focus.setFocus', key);
 };
 const getFileIcon = async options => {
-  return invoke$1('IconTheme.getFileIcon', options);
+  return invoke$2('IconTheme.getFileIcon', options);
 };
 const getColorThemeNames = async () => {
-  return invoke$1('ColorTheme.getColorThemeNames');
+  return invoke$2('ColorTheme.getColorThemeNames');
 };
 const disableExtension$2 = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.disable', id);
+  return invoke$2('ExtensionManagement.disable', id);
 };
 const enableExtension$2 = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.enable', id);
+  return invoke$2('ExtensionManagement.enable', id);
 };
 const handleDebugChange = async params => {
   // @ts-ignore
-  return invoke$1('Run And Debug.handleChange', params);
+  return invoke$2('Run And Debug.handleChange', params);
 };
 const getFolderIcon = async options => {
-  return invoke$1('IconTheme.getFolderIcon', options);
+  return invoke$2('IconTheme.getFolderIcon', options);
 };
 const closeWidget = async widgetId => {
-  return invoke$1('Viewlet.closeWidget', widgetId);
+  return invoke$2('Viewlet.closeWidget', widgetId);
 };
 const sendMessagePortToExtensionHostWorker$2 = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
@@ -2351,55 +2348,55 @@ const sendMessagePortToSearchProcess = async port => {
 };
 const confirm = async (message, options) => {
   // @ts-ignore
-  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
+  const result = await invoke$2('ConfirmPrompt.prompt', message, options);
   return result;
 };
 const getRecentlyOpened = async () => {
-  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+  return invoke$2(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
 };
 const getKeyBindings = async () => {
-  return invoke$1('KeyBindingsInitial.getKeyBindings');
+  return invoke$2('KeyBindingsInitial.getKeyBindings');
 };
 const writeClipBoardText$1 = async text => {
-  await invoke$1('ClipBoard.writeText', /* text */text);
+  await invoke$2('ClipBoard.writeText', /* text */text);
 };
 const writeClipBoardImage$1 = async blob => {
   // @ts-ignore
-  await invoke$1('ClipBoard.writeImage', /* text */blob);
+  await invoke$2('ClipBoard.writeImage', /* text */blob);
 };
 const searchFileMemory = async uri => {
   // @ts-ignore
-  return invoke$1('ExtensionHost.searchFileWithMemory', uri);
+  return invoke$2('ExtensionHost.searchFileWithMemory', uri);
 };
 const searchFileFetch = async uri => {
-  return invoke$1('ExtensionHost.searchFileWithFetch', uri);
+  return invoke$2('ExtensionHost.searchFileWithFetch', uri);
 };
 const showMessageBox = async options => {
-  return invoke$1('ElectronDialog.showMessageBox', options);
+  return invoke$2('ElectronDialog.showMessageBox', options);
 };
 const handleDebugResumed = async params => {
-  await invoke$1('Run And Debug.handleResumed', params);
+  await invoke$2('Run And Debug.handleResumed', params);
 };
 const openWidget = async name => {
-  await invoke$1('Viewlet.openWidget', name);
+  await invoke$2('Viewlet.openWidget', name);
 };
 const getIcons = async requests => {
-  const icons = await invoke$1('IconTheme.getIcons', requests);
+  const icons = await invoke$2('IconTheme.getIcons', requests);
   return icons;
 };
 const activateByEvent = event => {
-  return invoke$1('ExtensionHostManagement.activateByEvent', event);
+  return invoke$2('ExtensionHostManagement.activateByEvent', event);
 };
 const setAdditionalFocus = focusKey => {
   // @ts-ignore
-  return invoke$1('Focus.setAdditionalFocus', focusKey);
+  return invoke$2('Focus.setAdditionalFocus', focusKey);
 };
 const getActiveEditorId = () => {
   // @ts-ignore
-  return invoke$1('GetActiveEditor.getActiveEditorId');
+  return invoke$2('GetActiveEditor.getActiveEditorId');
 };
 const getWorkspacePath = () => {
-  return invoke$1('Workspace.getPath');
+  return invoke$2('Workspace.getPath');
 };
 const sendMessagePortToRendererProcess = async port => {
   const command = 'HandleMessagePort.handleMessagePort';
@@ -2407,20 +2404,20 @@ const sendMessagePortToRendererProcess = async port => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker);
 };
 const getPreference = async key => {
-  return await invoke$1('Preferences.get', key);
+  return await invoke$2('Preferences.get', key);
 };
 const getAllExtensions$2 = async () => {
-  return invoke$1('ExtensionManagement.getAllExtensions');
+  return invoke$2('ExtensionManagement.getAllExtensions');
 };
 const rerenderEditor = async key => {
   // @ts-ignore
-  return invoke$1('Editor.rerender', key);
+  return invoke$2('Editor.rerender', key);
 };
 const handleDebugPaused = async params => {
-  await invoke$1('Run And Debug.handlePaused', params);
+  await invoke$2('Run And Debug.handlePaused', params);
 };
 const openUri = async (uri, focus, options) => {
-  await invoke$1('Main.openUri', uri, focus, options);
+  await invoke$2('Main.openUri', uri, focus, options);
 };
 const sendMessagePortToSyntaxHighlightingWorker = async port => {
   await invokeAndTransfer(
@@ -2428,76 +2425,76 @@ const sendMessagePortToSyntaxHighlightingWorker = async port => {
   'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
 };
 const handleDebugScriptParsed = async script => {
-  await invoke$1('Run And Debug.handleScriptParsed', script);
+  await invoke$2('Run And Debug.handleScriptParsed', script);
 };
 const getWindowId = async () => {
-  return invoke$1('GetWindowId.getWindowId');
+  return invoke$2('GetWindowId.getWindowId');
 };
 const getBlob = async uri => {
   // @ts-ignore
-  return invoke$1('FileSystem.getBlob', uri);
+  return invoke$2('FileSystem.getBlob', uri);
 };
 const getExtensionCommands = async () => {
-  return invoke$1('ExtensionHost.getCommands');
+  return invoke$2('ExtensionHost.getCommands');
 };
 const showErrorDialog = async errorInfo => {
   // @ts-ignore
-  await invoke$1('ErrorHandling.showErrorDialog', errorInfo);
+  await invoke$2('ErrorHandling.showErrorDialog', errorInfo);
 };
 const getFolderSize$1 = async uri => {
   // @ts-ignore
-  return await invoke$1('FileSystem.getFolderSize', uri);
+  return await invoke$2('FileSystem.getFolderSize', uri);
 };
 const getExtension$3 = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.getExtension', id);
+  return invoke$2('ExtensionManagement.getExtension', id);
 };
 const getMarkdownDom = async html => {
   // @ts-ignore
-  return invoke$1('Markdown.getVirtualDom', html);
+  return invoke$2('Markdown.getVirtualDom', html);
 };
 const renderMarkdown$1 = async (markdown, options) => {
   // @ts-ignore
-  return invoke$1('Markdown.renderMarkdown', markdown, options);
+  return invoke$2('Markdown.renderMarkdown', markdown, options);
 };
 const openNativeFolder$1 = async uri => {
   // @ts-ignore
-  await invoke$1('OpenNativeFolder.openNativeFolder', uri);
+  await invoke$2('OpenNativeFolder.openNativeFolder', uri);
 };
 const uninstallExtension$1 = async id => {
-  return invoke$1('ExtensionManagement.uninstall', id);
+  return invoke$2('ExtensionManagement.uninstall', id);
 };
 const installExtension = async id => {
   // @ts-ignore
-  return invoke$1('ExtensionManagement.install', id);
+  return invoke$2('ExtensionManagement.install', id);
 };
 const openExtensionSearch$2 = async () => {
   // @ts-ignore
-  return invoke$1('SideBar.openViewlet', 'Extensions');
+  return invoke$2('SideBar.openViewlet', 'Extensions');
 };
 const setExtensionsSearchValue$1 = async searchValue => {
   // @ts-ignore
-  return invoke$1('Extensions.handleInput', searchValue);
+  return invoke$2('Extensions.handleInput', searchValue);
 };
 const openExternal = async uri => {
   // @ts-ignore
-  await invoke$1('Open.openExternal', uri);
+  await invoke$2('Open.openExternal', uri);
 };
 const openUrl$2 = async uri => {
   // @ts-ignore
-  await invoke$1('Open.openUrl', uri);
+  await invoke$2('Open.openUrl', uri);
 };
 const getAllPreferences = async () => {
   // @ts-ignore
-  return invoke$1('Preferences.getAll');
+  return invoke$2('Preferences.getAll');
 };
 const showSaveFilePicker = async () => {
   // @ts-ignore
-  return invoke$1('FilePicker.showSaveFilePicker');
+  return invoke$2('FilePicker.showSaveFilePicker');
 };
 const getLogsDir = async () => {
   // @ts-ignore
-  return invoke$1('PlatformPaths.getLogsDir');
+  return invoke$2('PlatformPaths.getLogsDir');
 };
 const registerMockRpc = commandMap => {
   const mockRpc = createMockRpc({
@@ -2546,7 +2543,7 @@ const RendererWorker = {
   handleDebugResumed,
   handleDebugScriptParsed,
   installExtension,
-  invoke: invoke$1,
+  invoke: invoke$2,
   invokeAndTransfer,
   openExtensionSearch: openExtensionSearch$2,
   openExternal,
@@ -2578,7 +2575,7 @@ const RendererWorker = {
   setFocus,
   setWebViewPort,
   setWorkspacePath,
-  showContextMenu: showContextMenu$1,
+  showContextMenu,
   showErrorDialog,
   showMessageBox,
   showSaveFilePicker,
@@ -2786,6 +2783,7 @@ const HandleReadmeScroll = 13;
 const HandleTabsClick = 14;
 const HandleAdditionalDetailContextMenu = 15;
 const HandleReadmeClick = 16;
+const HandleSelectionChange = 17;
 
 const ActivationEvents = 'ActivationEvents';
 const Changelog = 'Changelog';
@@ -2837,7 +2835,8 @@ const getMarkdownVirtualDom = async (html, options) => {
       ...firstNode,
       onScroll: HandleReadmeScroll,
       childCount: firstNode.childCount + 1,
-      onClick: HandleReadmeClick
+      onClick: HandleReadmeClick,
+      onSelectionChange: HandleSelectionChange
     }, ...extraDom, ...rest];
   }
   return dom;
@@ -3284,6 +3283,7 @@ const {
   enableExtension: enableExtension$1,
   getAllExtensions: getAllExtensions$1,
   getExtension: getExtension$2,
+  invoke: invoke$1,
   openExtensionSearch: openExtensionSearch$1,
   openNativeFolder,
   openUrl: openUrl$1,
@@ -3293,7 +3293,6 @@ const {
   set: set$2,
   setColorTheme: setColorTheme$1,
   setExtensionsSearchValue,
-  showContextMenu,
   uninstallExtension,
   writeClipBoardImage,
   writeClipBoardText} = RendererWorker;
@@ -3345,6 +3344,11 @@ const copyImageUrl = async state => {
   return state;
 };
 
+const copyReadmeLink = async (state, href) => {
+  await writeText(href);
+  return state;
+};
+
 const {
   get,
   set,
@@ -3468,34 +3472,42 @@ const dispose = uid => {
   dispose$1(uid);
 };
 
-const getMenuEntriesReadmeLink = props => {
+const executeCopy = async state => {
+  // TODO
+  // 1. get selection text
+  // 2. copy it
+  return state;
+};
+
+const getMenuEntriesImage = (state, props) => {
   return [{
-    id: 'copyLink',
-    label: copyLink(),
+    id: 'copyImage',
+    label: copyImage$1(),
+    flags: None$2,
+    command: 'ExtensionDetail.copyImage',
+    args: []
+  }, {
+    id: 'copyImage',
+    label: copyImageUrl$1(),
     flags: None$2,
-    command: 'ExtensionDetail.copyLink',
+    command: 'ExtensionDetail.copyImageUrl',
     args: []
   }];
 };
-const getMenuEntriesReadme$1 = props => {
-  if (props.href) {
-    return getMenuEntriesReadmeLink();
+
+const getMenuEntries2 = (state, props) => {
+  if (props.menuId === ExtensionDetailIconContextMenu$3) {
+    return getMenuEntriesImage();
   }
   return [{
     id: 'copy',
     label: copy$1(),
     flags: None$2,
-    command: 'ExtensionDetail.copyReadmeText',
+    command: 'ExtensionDetail.executeCopy',
     args: []
   }];
 };
 
-// TODO maybe add props object as second property with properties like imagesrc, linksrc, nodeName
-
-const getMenuEntries2 = (state, props) => {
-  return getMenuEntriesReadme$1(props);
-};
-
 const None = 0;
 
 const getCopyMenuEntry = () => ({
@@ -3822,14 +3834,20 @@ const handleIconError = state => {
   };
 };
 
-const show = async (menuId, x, y) => {
-  await showContextMenu(x, y, menuId);
+const show2 = async (uid, menuId, x, y, args) => {
+  // @ts-ignore
+  await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
 };
 
 const ExtensionDetailIconContextMenu = 4091;
 
 const handleImageContextMenu = async (state, eventX, eventY) => {
-  await show(ExtensionDetailIconContextMenu, eventX, eventY);
+  const {
+    uid
+  } = state;
+  await show2(uid, ExtensionDetailIconContextMenu, eventX, eventY, {
+    menuId: ExtensionDetailIconContextMenu
+  });
   return state;
 };
 
@@ -3848,7 +3866,15 @@ const handleReadmeClick = async (state, nodeName, href) => {
 };
 
 const handleReadmeContextMenu = async (state, x, y, nodeName, href) => {
-  await show(ExtensionDetailReadme, x, y);
+  const {
+    uid
+  } = state;
+  // TODO maybe also pass other args
+  await show2(uid, ExtensionDetailReadme, x, y, {
+    menuId: ExtensionDetailReadme,
+    nodeName,
+    href
+  });
   // TODO
   return state;
 };
@@ -3862,6 +3888,11 @@ const handleScroll = (state, scrollTop, scrollSource = Script) => {
   };
 };
 
+const handleSelectionChange = async (state, selection) => {
+  // console.log('selection change')
+  return state;
+};
+
 const readFile = async uri => {
   return readFile$1(uri);
 };
@@ -4306,12 +4337,25 @@ const loadHeaderContent = (state, platform, extension) => {
   };
 };
 
-const getCategories = () => {
-  // TODO
-  return [{
-    id: 'themes',
-    label: 'Themes'
-  }];
+const stringifyCategory = category => {
+  if (typeof category === 'string') {
+    return category;
+  }
+  return JSON.stringify(category);
+};
+const toCategory = categoryString => {
+  return {
+    id: categoryString.toLowerCase(),
+    label: categoryString
+  };
+};
+const getCategories = extension => {
+  if (!hasProperty(extension, 'categories') || !Array.isArray(extension.categories)) {
+    return [];
+  }
+  const categoryStrings = extension.categories.map(stringifyCategory);
+  const categories = categoryStrings.map(toCategory);
+  return categories;
 };
 
 const BYTE_UNITS = ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
@@ -4514,12 +4558,12 @@ const getResources = isBuiltin => {
   }];
 };
 
-const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, isBuiltin) => {
+const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, isBuiltin, extension) => {
   const folderSize = await getFolderSize(extensionUri);
   const displaySize = getDisplaySize(folderSize);
   const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri);
   const marketplaceEntries = getMarketplaceEntries(isBuiltin);
-  const categories = getCategories();
+  const categories = getCategories(extension);
   const resources = getResources(isBuiltin);
   return {
     installationEntries,
@@ -4634,7 +4678,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     categories,
     resources,
     folderSize
-  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin);
+  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin, extension);
   const padding = getPadding(width);
   const sideBarWidth = getSideBarWidth(width);
   const showSideBar = sideBarWidth > 0;
@@ -5285,6 +5329,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleClickSetColorTheme,
     params: ['handleClickSetColorTheme']
+  }, {
+    name: HandleSelectionChange,
+    params: ['handleSelectionChange']
   }];
 };
 
@@ -5320,17 +5367,18 @@ const saveState = state => {
 const commandMap = {
   'ExtensionDetail.copyImage': wrapCommand(copyImage),
   'ExtensionDetail.copyImageUrl': wrapCommand(copyImageUrl),
+  'ExtensionDetail.copyReadmeLink': wrapCommand(copyReadmeLink),
   'ExtensionDetail.create': create,
   'ExtensionDetail.diff2': diff2,
   'ExtensionDetail.dispose': dispose,
+  'ExtensionDetail.executeCopy': wrapCommand(executeCopy),
   'ExtensionDetail.getCommandIds': getCommandIds,
   'ExtensionDetail.getMenuEntries': getMenuEntries,
   'ExtensionDetail.getMenuEntries2': wrapGetter(getMenuEntries2),
-  'ExtensionDetail.getMenus': getMenus,
   'ExtensionDetail.getMenuIds': getMenuIds,
-  'ExtensionDetail.handleClickCategory': wrapCommand(handleClickCategory),
-  'ExtensionDetail.handleReadmeContextMenu': wrapCommand(handleReadmeContextMenu),
+  'ExtensionDetail.getMenus': getMenus,
   'ExtensionDetail.handleAdditionalDetailsContextMenu': wrapCommand(handleAdditionalDetailContextMenu),
+  'ExtensionDetail.handleClickCategory': wrapCommand(handleClickCategory),
   'ExtensionDetail.handleClickDisable': wrapCommand(handleClickDisable),
   'ExtensionDetail.handleClickEnable': wrapCommand(handleClickEnable),
   'ExtensionDetail.handleClickScrollToTop': wrapCommand(handleClickScrollToTop),
@@ -5342,9 +5390,11 @@ const commandMap = {
   'ExtensionDetail.handleFeaturesClick': wrapCommand(handleClickFeatures),
   'ExtensionDetail.handleIconError': wrapCommand(handleIconError),
   'ExtensionDetail.handleImageContextMenu': wrapCommand(handleImageContextMenu),
+  'ExtensionDetail.handleReadmeClick': wrapCommand(handleReadmeClick),
+  'ExtensionDetail.handleReadmeContextMenu': wrapCommand(handleReadmeContextMenu),
   'ExtensionDetail.handleScroll': wrapCommand(handleScroll),
+  'ExtensionDetail.handleSelectionChange': wrapCommand(handleSelectionChange),
   'ExtensionDetail.handleTabsClick': wrapCommand(handleTabsClick),
-  'ExtensionDetail.handleReadmeClick': wrapCommand(handleReadmeClick),
   'ExtensionDetail.handleWheel': wrapCommand(handleScroll),
   // deprecated
   'ExtensionDetail.initialize': initialize,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "4.18.0",
+  "version": "5.1.0",
   "description": "Extension Detail View Worker",
   "repository": {
     "type": "git",
@@ -11,6 +11,6 @@
   "type": "module",
   "main": "dist/extensionDetailViewWorkerMain.js",
   "dependencies": {
-    "@lvce-editor/constants": "^1.29.0"
+    "@lvce-editor/constants": "^1.30.0"
   }
 }