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

package/README.md

@@ -2,6 +2,15 @@
 
 Webworker for the extension detail view in Lvce Editor.
 
+## Contributing
+
+```sh
+git clone git@github.com:lvce-editor/extension-detail-view.git &&
+cd extension-detail-view &&
+npm ci &&
+npm test
+```
+
 ## Gitpod
 
 [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/lvce-editor/extension-detail-view)

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);
@@ -807,15 +811,26 @@ const openNativeFolder$1 = async uri => {
 const uninstallExtension$1 = async id => {
   return invoke$3('ExtensionManagement.uninstall', id);
 };
+const openExtensionSearch$2 = async () => {
+  // @ts-ignore
+  return invoke$3('SideBar.openViewlet', 'Extensions');
+};
+const setExtensionsSearchValue$1 = async value => {
+  // @ts-ignore
+  return invoke$3('Extensions.handleInput', searchValue);
+};
 const RendererWorker = {
   __proto__: null,
   getAllExtensions: getAllExtensions$2,
   getExtension: getExtension$3,
+  openExtensionSearch: openExtensionSearch$2,
   openNativeFolder: openNativeFolder$1,
   sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$2,
   sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$2,
   set: set$3$1,
   setColorTheme: setColorTheme$2,
+  setExtensionsSearchValue: setExtensionsSearchValue$1,
+  showContextMenu: showContextMenu$1,
   uninstallExtension: uninstallExtension$1};
 
 const {
@@ -2135,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) => {
@@ -2232,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 = () => ({
@@ -2281,8 +2292,40 @@ 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,
+  openExtensionSearch: openExtensionSearch$1,
+  openNativeFolder,
+  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1,
+  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1,
+  set: set$1,
+  setColorTheme: setColorTheme$1,
+  setExtensionsSearchValue,
+  uninstallExtension,
+  showContextMenu
+} = RendererWorker;
+
+const openExtensionSearch = async searchValue => {
+  await openExtensionSearch$1();
+  await setExtensionsSearchValue(searchValue);
+};
+
 const handleClickCategory = async (state, categoryId) => {
-  // TODO: Implement category click functionality
+  if (!categoryId) {
+    return state;
+  }
+  const searchValue = `@category:"${categoryId}"`;
+  await openExtensionSearch(searchValue);
   return state;
 };
 
@@ -2338,17 +2381,6 @@ const handleClickScrollToTop = state => {
   };
 };
 
-const {
-  getAllExtensions: getAllExtensions$1,
-  getExtension: getExtension$2,
-  openNativeFolder,
-  set: set$1,
-  setColorTheme: setColorTheme$1,
-  uninstallExtension,
-  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1,
-  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1
-} = RendererWorker;
-
 const setColorTheme = id => {
   return setColorTheme$1(id);
 };
@@ -2416,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 {
@@ -3460,8 +3501,9 @@ const getExtensionDetailIconVirtualDom = iconSrc => {
     type: VirtualDomElements.Img,
     className: ExtensionDetailIcon,
     alt: '',
-    draggable: false,
     childCount: 0,
+    draggable: false,
+    onContextMenu: HandleImageContextMenu,
     src: iconSrc
   };
 };
@@ -3658,9 +3700,12 @@ 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,
-    // @ts-ignore
     params: ['handleScroll', 'event.target.scrollTop', User],
     passive: true
   }, {
@@ -3715,6 +3760,7 @@ const saveState = state => {
 
 const commandMap = {
   'ExtensionDetail.copyImage': wrapCommand(copyImage),
+  'ExtensionDetail.getMenus': getMenus,
   'ExtensionDetail.create': create,
   'ExtensionDetail.diff2': diff2,
   'ExtensionDetail.dispose': dispose,
@@ -3736,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),
@@ -3745,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.47.0",
+  "version": "3.49.0",
   "description": "Extension Detail View Worker",
   "license": "MIT",
   "author": "Lvce Editor",