@lvce-editor/extension-detail-view 3.48.0 → 3.49.0

package/dist/extensionDetailViewWorkerMain.js

@@ -671,6 +671,7 @@ const HandleClickSize = 'handleClickSize';
 const HandleClickUninstall = 'handleClickUninstall';
 const HandleFeaturesClick = 'handleFeaturesClick';
 const HandleIconError = 'handleIconError';
+const HandleImageContextMenu = 'handleImageContextMenu';
 const HandleReadmeContextMenu = 'handleReadmeContextMenu';
 const HandleReadmeScroll = 'handleReadmeScroll';
 const HandleTabsClick = 'handleTabsClick';
@@ -779,6 +780,9 @@ const {
   invoke: invoke$3,
   invokeAndTransfer: invokeAndTransfer$3,
   set: set$3$1} = create$7(RendererWorker$1);
+const showContextMenu$1 = async (x, y, id, ...args) => {
+  return invoke$3('ContextMenu.show', x, y, id, ...args);
+};
 const setColorTheme$2 = async id => {
   // @ts-ignore
   return invoke$3(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
@@ -826,6 +830,7 @@ const RendererWorker = {
   set: set$3$1,
   setColorTheme: setColorTheme$2,
   setExtensionsSearchValue: setExtensionsSearchValue$1,
+  showContextMenu: showContextMenu$1,
   uninstallExtension: uninstallExtension$1};
 
 const {
@@ -2145,7 +2150,9 @@ const {
   set: set$2,
   dispose: dispose$1,
   wrapCommand,
-  wrapGetter
+  wrapGetter,
+  getCommandIds,
+  registerCommands
 } = create$1();
 
 const create = (uid, uri, x, y, width, height, platform, assetDir) => {
@@ -2242,12 +2249,6 @@ const dispose = uid => {
   dispose$1(uid);
 };
 
-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;
-};
-
 const None = 0;
 
 const getCopyMenuEntry = () => ({
@@ -2291,6 +2292,15 @@ const getLinkMenuEntries = props => {
 
 const getMenuEntries = props => [...getLinkMenuEntries(props), ...getImageMenuEntries(props), getCopyMenuEntry()];
 
+const ExtensionDetailIconContextMenu = 4091;
+
+const getMenus = () => {
+  return [{
+    id: ExtensionDetailIconContextMenu,
+    entries: []
+  }];
+};
+
 const {
   getAllExtensions: getAllExtensions$1,
   getExtension: getExtension$2,
@@ -2301,7 +2311,8 @@ const {
   set: set$1,
   setColorTheme: setColorTheme$1,
   setExtensionsSearchValue,
-  uninstallExtension
+  uninstallExtension,
+  showContextMenu
 } = RendererWorker;
 
 const openExtensionSearch = async searchValue => {
@@ -2437,6 +2448,15 @@ const handleIconError = state => {
   };
 };
 
+const show = async (menuId, x, y) => {
+  await showContextMenu(menuId, x, y);
+};
+
+const handleImageContextMenu = async (state, eventX, eventY) => {
+  await show(ExtensionDetailIconContextMenu, eventX, eventY);
+  return state;
+};
+
 const handleScroll = (state, scrollTop, scrollSource = Script) => {
   const newScrollTop = Math.max(0, scrollTop);
   return {
@@ -3481,8 +3501,9 @@ const getExtensionDetailIconVirtualDom = iconSrc => {
     type: VirtualDomElements.Img,
     className: ExtensionDetailIcon,
     alt: '',
-    draggable: false,
     childCount: 0,
+    draggable: false,
+    onContextMenu: HandleImageContextMenu,
     src: iconSrc
   };
 };
@@ -3679,6 +3700,10 @@ const renderEventListeners = () => {
   }, {
     name: HandleReadmeContextMenu,
     params: ['handleReadmeContextMenu', 'event.clientX', 'event.clientY', 'event.target.href', 'event.target.src']
+  }, {
+    name: HandleImageContextMenu,
+    params: ['handleImageContextMenu', 'event.clientX', 'event.clientY'],
+    preventDefault: true
   }, {
     name: HandleReadmeScroll,
     params: ['handleScroll', 'event.target.scrollTop', User],
@@ -3735,6 +3760,7 @@ const saveState = state => {
 
 const commandMap = {
   'ExtensionDetail.copyImage': wrapCommand(copyImage),
+  'ExtensionDetail.getMenus': getMenus,
   'ExtensionDetail.create': create,
   'ExtensionDetail.diff2': diff2,
   'ExtensionDetail.dispose': dispose,
@@ -3756,6 +3782,7 @@ const commandMap = {
   'ExtensionDetail.loadContent2': wrapCommand(loadContent2),
   'ExtensionDetail.render2': render2,
   'ExtensionDetail.renderEventListeners': renderEventListeners,
+  'ExtensionDetail.handleImageContextMenu': wrapCommand(handleImageContextMenu),
   'ExtensionDetail.resize': wrapCommand(resize),
   // @ts-ignore
   'ExtensionDetail.saveState': wrapGetter(saveState),
@@ -3765,6 +3792,7 @@ const commandMap = {
 };
 
 const listen = async () => {
+  registerCommands(commandMap);
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });

package/package.json

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