@lvce-editor/extension-detail-view 3.46.0 → 3.48.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

@@ -807,15 +807,25 @@ 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,
   uninstallExtension: uninstallExtension$1};
 
 const {
@@ -2042,8 +2052,13 @@ const WebWorkerRpcClient = {
   create: create$2
 };
 
+const toCommandId = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
+};
 const create$1 = () => {
   const states = Object.create(null);
+  const commandMapRef = {};
   return {
     get(uid) {
       return states[uid];
@@ -2084,6 +2099,15 @@ const create$1 = () => {
       };
       return wrapped;
     },
+    wrapGetter(fn) {
+      const wrapped = (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        return fn(newState, ...args);
+      };
+      return wrapped;
+    },
     diff(uid, modules, numbers) {
       const {
         oldState,
@@ -2097,6 +2121,14 @@ const create$1 = () => {
         }
       }
       return diffResult;
+    },
+    getCommandIds() {
+      const keys = Object.keys(commandMapRef);
+      const ids = keys.map(toCommandId);
+      return ids;
+    },
+    registerCommands(commandMap) {
+      Object.assign(commandMapRef, commandMap);
     }
   };
 };
@@ -2112,7 +2144,8 @@ const {
   get,
   set: set$2,
   dispose: dispose$1,
-  wrapCommand
+  wrapCommand,
+  wrapGetter
 } = create$1();
 
 const create = (uid, uri, x, y, width, height, platform, assetDir) => {
@@ -2128,6 +2161,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     changelogScrollTop: 0,
     changelogVirtualDom: [],
     commands: [],
+    hasReadme: false,
     description: '',
     detailsVirtualDom: [],
     displaySize: '',
@@ -2172,7 +2206,7 @@ const isEqual$2 = (oldState, newState) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.activationEvents === newState.activationEvents && oldState.badge === newState.badge && oldState.categories === newState.categories && oldState.changelogVirtualDom === newState.changelogVirtualDom && oldState.commands === newState.commands && oldState.description === newState.description && oldState.detailsVirtualDom === newState.detailsVirtualDom && oldState.displaySize === newState.displaySize && oldState.extensionId === newState.extensionId && oldState.extensionVersion === newState.extensionVersion && oldState.jsonValidation === newState.jsonValidation && oldState.selectedFeature === newState.selectedFeature && oldState.selectedTab === newState.selectedTab && oldState.settings === newState.settings && oldState.themesMarkdownDom === newState.themesMarkdownDom && oldState.webViews === newState.webViews;
+  return oldState.activationEvents === newState.activationEvents && oldState.badge === newState.badge && oldState.categories === newState.categories && oldState.changelogVirtualDom === newState.changelogVirtualDom && oldState.commands === newState.commands && oldState.description === newState.description && oldState.detailsVirtualDom === newState.detailsVirtualDom && oldState.displaySize === newState.displaySize && oldState.extensionId === newState.extensionId && oldState.extensionVersion === newState.extensionVersion && oldState.jsonValidation === newState.jsonValidation && oldState.selectedFeature === newState.selectedFeature && oldState.selectedTab === newState.selectedTab && oldState.settings === newState.settings && oldState.themesMarkdownDom === newState.themesMarkdownDom && oldState.webViews === newState.webViews && oldState.sizeValue === newState.sizeValue;
 };
 
 const User = 1;
@@ -2257,8 +2291,30 @@ const getLinkMenuEntries = props => {
 
 const getMenuEntries = props => [...getLinkMenuEntries(props), ...getImageMenuEntries(props), getCopyMenuEntry()];
 
+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
+} = 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;
 };
 
@@ -2314,17 +2370,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);
 };
@@ -3109,21 +3154,22 @@ const loadContent = async (state, platform, savedState) => {
     description,
     detailsVirtualDom,
     displaySize,
-    installationEntries,
     extension,
     extensionId,
     extensionVersion,
     features,
     folderSize,
     hasColorTheme,
+    hasReadme,
     iconSrc,
+    installationEntries,
+    marketplaceEntries,
     name,
     readmeScrollTop,
     readmeUrl,
     resources,
     scrollSource: Script,
     scrollToTopButtonEnabled: true,
-    marketplaceEntries,
     selectedTab,
     sizeOnDisk: size,
     sizeValue,
@@ -3299,19 +3345,24 @@ const getChildCount = (additionalDetails, scrollToTopEnabled) => {
   }
   return count;
 };
-const getDetailsVirtualDom = (sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories$1, resources$1, showAdditionalDetailsBreakpoint, installationEntries, marketplaceEntries) => {
+const getDetailsVirtualDom = (sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories$1, resources$1, showAdditionalDetailsBreakpoint, installationEntries, marketplaceEntries, hasReadme) => {
   const firstHeading = installation();
   const secondHeading = marketplace();
   const thirdHeading = categories();
   const fourthHeading = resources();
   const showAdditionalDetails = width > showAdditionalDetailsBreakpoint;
   const childCount = getChildCount(showAdditionalDetails);
+  const contentDom = hasReadme ? sanitizedReadmeHtml : [{
+    type: VirtualDomElements.Div,
+    childCount: 1,
+    className: 'Markdown'
+  }, text(noReadmeFound())];
   const dom = [{
     type: VirtualDomElements.Div,
     className: ExtensionDetailPanel,
     childCount: childCount,
     role: AriaRoles.Panel
-  }, ...sanitizedReadmeHtml, ...getAdditionalDetailsVirtualDom(showAdditionalDetails, firstHeading, installationEntries, secondHeading, marketplaceEntries, thirdHeading, categories$1, fourthHeading, resources$1)];
+  }, ...contentDom, ...getAdditionalDetailsVirtualDom(showAdditionalDetails, firstHeading, installationEntries, secondHeading, marketplaceEntries, thirdHeading, categories$1, fourthHeading, resources$1)];
   return dom;
 };
 
@@ -3366,7 +3417,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.installationEntries, state.marketplaceEntries);
+      return getDetailsVirtualDom(sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories, resources, breakpoint, state.installationEntries, state.marketplaceEntries, state.hasReadme);
     case Features:
       return getFeaturesVirtualDom(state.features, state.selectedFeature, state);
     case Changelog:
@@ -3630,7 +3681,6 @@ const renderEventListeners = () => {
     params: ['handleReadmeContextMenu', 'event.clientX', 'event.clientY', 'event.target.href', 'event.target.src']
   }, {
     name: HandleReadmeScroll,
-    // @ts-ignore
     params: ['handleScroll', 'event.target.scrollTop', User],
     passive: true
   }, {
@@ -3668,16 +3718,13 @@ const resize = (state, dimensions) => {
   };
 };
 
-const saveState = uid => {
-  const {
-    newState
-  } = get(uid);
+const saveState = state => {
   const {
     selectedTab,
     selectedFeature,
     readmeScrollTop,
     changelogScrollTop
-  } = newState;
+  } = state;
   return {
     selectedTab,
     selectedFeature,
@@ -3709,8 +3756,9 @@ const commandMap = {
   'ExtensionDetail.loadContent2': wrapCommand(loadContent2),
   'ExtensionDetail.render2': render2,
   'ExtensionDetail.renderEventListeners': renderEventListeners,
-  'ExtensionDetail.resize': resize,
-  'ExtensionDetail.saveState': saveState,
+  'ExtensionDetail.resize': wrapCommand(resize),
+  // @ts-ignore
+  'ExtensionDetail.saveState': wrapGetter(saveState),
   'ExtensionDetail.selectTab': wrapCommand(selectTab),
   'ExtensionDetail.terminate': terminate,
   'ExtensionDetail.initialize': initialize

package/package.json

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