@lvce-editor/extension-detail-view 5.0.0 → 5.2.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;
 
@@ -2245,7 +2242,7 @@ const searchFileHtml = async uri => {
 const getFilePathElectron = async file => {
   return invoke$2('FileSystemHandle.getFilePathElectron', file);
 };
-const showContextMenu$1 = async (x, y, id, ...args) => {
+const showContextMenu = async (x, y, id, ...args) => {
   return invoke$2('ContextMenu.show', x, y, id, ...args);
 };
 const getElectronVersion = async () => {
@@ -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;
@@ -3294,7 +3293,6 @@ const {
   set: set$2,
   setColorTheme: setColorTheme$1,
   setExtensionsSearchValue,
-  showContextMenu,
   uninstallExtension,
   writeClipBoardImage,
   writeClipBoardText} = RendererWorker;
@@ -3437,7 +3435,7 @@ const isEqual$2 = (oldState, newState) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.activationEvents === newState.activationEvents && oldState.badge === newState.badge && oldState.buttons === newState.buttons && oldState.categories === newState.categories && oldState.changelogVirtualDom === newState.changelogVirtualDom && oldState.commands === newState.commands && oldState.description === newState.description && oldState.detailsVirtualDom === newState.detailsVirtualDom && oldState.disabled === newState.disabled && oldState.displaySize === newState.displaySize && oldState.extensionId === newState.extensionId && oldState.extensionVersion === newState.extensionVersion && oldState.features === newState.features && oldState.jsonValidation === newState.jsonValidation && oldState.selectedFeature === newState.selectedFeature && oldState.selectedTab === newState.selectedTab && oldState.settings === newState.settings && oldState.showSideBar === newState.showSideBar && oldState.sizeValue === newState.sizeValue && oldState.themesMarkdownDom === newState.themesMarkdownDom && oldState.webViews === newState.webViews;
+  return oldState.activationEvents === newState.activationEvents && oldState.badge === newState.badge && oldState.buttons === newState.buttons && oldState.categories === newState.categories && oldState.changelogVirtualDom === newState.changelogVirtualDom && oldState.commands === newState.commands && oldState.description === newState.description && oldState.detailsVirtualDom === newState.detailsVirtualDom && oldState.disabled === newState.disabled && oldState.displaySize === newState.displaySize && oldState.extensionId === newState.extensionId && oldState.extensionVersion === newState.extensionVersion && oldState.features === newState.features && oldState.jsonValidation === newState.jsonValidation && oldState.resources === newState.resources && oldState.selectedFeature === newState.selectedFeature && oldState.selectedTab === newState.selectedTab && oldState.settings === newState.settings && oldState.showSideBar === newState.showSideBar && oldState.sizeValue === newState.sizeValue && oldState.themesMarkdownDom === newState.themesMarkdownDom && oldState.webViews === newState.webViews;
 };
 
 const User = 1;
@@ -3474,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.copyReadmeLink',
-    args: [props.href]
+    command: 'ExtensionDetail.copyImage',
+    args: []
+  }, {
+    id: 'copyImage',
+    label: copyImageUrl$1(),
+    flags: None$2,
+    command: 'ExtensionDetail.copyImageUrl',
+    args: []
   }];
 };
-const getMenuEntriesReadme$1 = props => {
-  if (props.href) {
-    return getMenuEntriesReadmeLink(props);
+
+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 = () => ({
@@ -3828,9 +3834,6 @@ 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);
@@ -3839,7 +3842,12 @@ const show2 = async (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;
 };
 
@@ -3880,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);
 };
@@ -4109,7 +4122,11 @@ const initialize = async () => {
 };
 
 const existsFile = async uri => {
-  return exists(uri);
+  try {
+    return await exists(uri);
+  } catch {
+    return false;
+  }
 };
 
 class ExtensionNotFoundError extends Error {
@@ -4324,12 +4341,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'];
@@ -4512,17 +4542,24 @@ const getMarketplaceEntries = isBuiltin => {
   }];
 };
 
-const getResources = isBuiltin => {
+const getRepositoryLink = extension => {
+  if (extension && hasProperty(extension, 'repository') && typeof extension.repository === 'string') {
+    return extension.repository; // TODO watch out for javascript: or other invalid links or path traversal
+  }
+  return '';
+};
+const getResources = (isBuiltin, extension) => {
   if (isBuiltin) {
     return [];
   }
+  const repositoryLink = getRepositoryLink(extension);
   // TODO
   return [{
     label: marketplace(),
     url: '#'
   }, {
     label: issues(),
-    url: '#'
+    url: repositoryLink
   }, {
     label: repository(),
     url: '#'
@@ -4532,13 +4569,13 @@ 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 resources = getResources(isBuiltin);
+  const categories = getCategories(extension);
+  const resources = getResources(isBuiltin, extension);
   return {
     installationEntries,
     marketplaceEntries,
@@ -4652,7 +4689,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;
@@ -5303,6 +5340,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleClickSetColorTheme,
     params: ['handleClickSetColorTheme']
+  }, {
+    name: HandleSelectionChange,
+    params: ['handleSelectionChange']
   }];
 };
 
@@ -5342,14 +5382,14 @@ const commandMap = {
   '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),
@@ -5361,9 +5401,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": "5.0.0",
+  "version": "5.2.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"
   }
 }