@lvce-editor/extension-detail-view 5.11.0 → 5.13.0

package/dist/extensionDetailViewWorkerMain.js

@@ -19,6 +19,7 @@ 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,6 +79,9 @@ const marketplace = () => {
 const categories = () => {
   return i18nString(Categories$1);
 };
+const copyLink = () => {
+  return i18nString(CopyLink);
+};
 const resources = () => {
   return i18nString(Resources$1);
 };
@@ -1150,6 +1154,12 @@ const getType = value => {
       return Unknown;
   }
 };
+const number = value => {
+  const type = getType(value);
+  if (type !== Number$1) {
+    throw new AssertionError('expected value to be of type number');
+  }
+};
 const string = value => {
   const type = getType(value);
   if (type !== String) {
@@ -2250,6 +2260,14 @@ const {
   invoke: invoke$1,
   invokeAndTransfer,
   set: set$5} = create$7(RendererWorker);
+const showContextMenu2 = async (uid, menuId, x, y, args) => {
+  number(uid);
+  number(menuId);
+  number(x);
+  number(y);
+  // @ts-ignore
+  await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
+};
 const setColorTheme$1 = async id => {
   // @ts-ignore
   return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
@@ -3030,19 +3048,19 @@ const readFileAsBlob = async uri => {
   return invoke('FileSystem.readFileAsBlob', uri);
 };
 
-const getImageCopyUrl = iconSrc => {
-  // TODO support gitpod url prefixes
-  // @ts-ignore
-  const prefix = `${location.protocol}//${location.host}`;
+const getImageCopyUrl = (iconSrc, locationProtocol, locationHost) => {
+  const prefix = `${locationProtocol}//${locationHost}`;
   const absoluteIconSrc = `${prefix}${iconSrc}`;
   return absoluteIconSrc;
 };
 
 const copyImage = async state => {
   const {
-    iconSrc
+    iconSrc,
+    locationHost,
+    locationProtocol
   } = state;
-  const absoluteIconSrc = getImageCopyUrl(iconSrc);
+  const absoluteIconSrc = getImageCopyUrl(iconSrc, locationProtocol, locationHost);
   const blob = await readFileAsBlob(absoluteIconSrc);
   await writeClipboardImage(blob);
   return state;
@@ -3050,9 +3068,11 @@ const copyImage = async state => {
 
 const copyImageUrl = async state => {
   const {
-    iconSrc
+    iconSrc,
+    locationHost,
+    locationProtocol
   } = state;
-  const absoluteIconSrc = getImageCopyUrl(iconSrc);
+  const absoluteIconSrc = getImageCopyUrl(iconSrc, locationProtocol, locationHost);
   await writeText(absoluteIconSrc);
   return state;
 };
@@ -3106,6 +3126,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     importTime: 0,
     installationEntries: [],
     jsonValidation: [],
+    locationHost: '',
     locationProtocol: '',
     marketplaceEntries: [],
     name: '',
@@ -3214,6 +3235,21 @@ const getMenuEntries2 = (state, props) => {
   if (props.menuId === ExtensionDetailIconContextMenu$3) {
     return getMenuEntriesImage();
   }
+  if (props.menuId === ExtensionDetailReadme && props.href) {
+    return [{
+      args: [props.href],
+      command: 'ExtensionDetail.copyReadmeLink',
+      flags: None$2,
+      id: 'copyLink',
+      label: copyLink()
+    }, {
+      args: [],
+      command: 'ExtensionDetail.executeCopy',
+      flags: None$2,
+      id: 'copy',
+      label: copy$1()
+    }];
+  }
   return [{
     args: [],
     command: 'ExtensionDetail.executeCopy',
@@ -3308,7 +3344,19 @@ const getMenus = () => {
   }];
 };
 
-const handleAdditionalDetailContextMenu = state => {
+const show2 = async (uid, menuId, x, y, args) => {
+  await showContextMenu2(uid, menuId, x, y, args);
+};
+
+const handleAdditionalDetailContextMenu = async (state, x, y, nodeName, href) => {
+  const {
+    uid
+  } = state;
+  await show2(uid, ExtensionDetailReadme, x, y, {
+    href,
+    menuId: ExtensionDetailReadme,
+    nodeName
+  });
   return state;
 };
 
@@ -3553,11 +3601,6 @@ const handleIconError = state => {
   };
 };
 
-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) => {
@@ -4465,6 +4508,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
   const readmeContent = hasReadme ? await loadReadmeContent(readmeUrl) : noReadmeFound();
   const baseUrl = getBaseUrl(extension.path, platform);
   const locationProtocol = location.protocol;
+  const locationHost = location.host;
   const readmeHtml = await renderMarkdown(readmeContent, {
     baseUrl,
     commit,
@@ -4524,6 +4568,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     hasReadme,
     iconSrc,
     installationEntries,
+    locationHost,
     locationProtocol,
     marketplaceEntries,
     name,
@@ -4555,9 +4600,11 @@ const openUrl = async uri => {
 
 const openImageInNewTab = async state => {
   const {
-    iconSrc
+    iconSrc,
+    locationHost,
+    locationProtocol
   } = state;
-  const absoluteIconSrc = getImageCopyUrl(iconSrc);
+  const absoluteIconSrc = getImageCopyUrl(iconSrc, locationProtocol, locationHost);
   await openUrl(absoluteIconSrc);
   return state;
 };
@@ -5137,7 +5184,7 @@ const render2 = (uid, diffResult) => {
 const renderEventListeners = () => {
   return [{
     name: HandleAdditionalDetailContextMenu,
-    params: ['handleAdditionalDetailsContextMenu'],
+    params: ['handleAdditionalDetailsContextMenu', ClientX, ClientY, 'event.target.nodeName', 'event.target.href'],
     preventDefault: true
   }, {
     name: HandleClickCategory,

package/package.json

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