@lvce-editor/extension-detail-view 6.2.0 → 6.4.0

package/dist/extensionDetailViewWorkerMain.js

@@ -681,7 +681,7 @@ const existsJson = async schemaUrl => {
   }
 };
 
-const isExternalLink$1 = schema => {
+const isExternalLink$2 = schema => {
   return schema.startsWith('http://') || schema.startsWith('https://');
 };
 const hasWhitespace = value => {
@@ -728,7 +728,7 @@ const getSchemaLinkUrl = (schema, extensionUri) => {
   if (trimmed !== schema) {
     return '';
   }
-  if (isExternalLink$1(schema)) {
+  if (isExternalLink$2(schema)) {
     return isValidHttpUrl(schema) ? schema : '';
   }
   if (!isValidRelativePath(schema)) {
@@ -1022,11 +1022,12 @@ const TargetName = 'event.target.name';
 const Script$1 = 2;
 
 const ExtensionDetailReadme = 20;
-const ExtensionDetailIconContextMenu$3 = 4091;
+const ExtensionDetailIconContextMenu$2 = 4091;
 
 const None$2 = 0;
 
 const Web$1 = 1;
+const Electron$1 = 2;
 
 const ExtensionHostWorker = 44;
 const ExtensionManagementWorker = 9006;
@@ -2315,6 +2316,9 @@ const sendMessagePortToExtensionManagementWorker = async (port, rpcId) => {
   const command = 'Extensions.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionManagementWorker', port, command, rpcId);
 };
+const getPreference = async key => {
+  return await invoke$1('Preferences.get', key);
+};
 const getAllExtensions$1 = async () => {
   return invoke$1('ExtensionManagement.getAllExtensions');
 };
@@ -2337,7 +2341,11 @@ const setExtensionsSearchValue = async searchValue => {
   // @ts-ignore
   return invoke$1('Extensions.handleInput', searchValue, Script$1);
 };
-const openUrl$1 = async uri => {
+const openExternal$1 = async uri => {
+  // @ts-ignore
+  await invoke$1('Open.openExternal', uri);
+};
+const openUrl = async uri => {
   // @ts-ignore
   await invoke$1('Open.openUrl', uri);
 };
@@ -2543,6 +2551,7 @@ const HandleAdditionalDetailContextMenu = 15;
 const HandleReadmeClick = 16;
 const HandleSelectionChange = 17;
 const HandleTabFocus = 18;
+const HandleResourceLinkClick = 19;
 
 const ActivationEvents = 'ActivationEvents';
 const Changelog = 'Changelog';
@@ -3059,6 +3068,9 @@ const readFileAsBlob = async uri => {
 };
 
 const getImageCopyUrl = (iconSrc, locationProtocol, locationHost) => {
+  if (!iconSrc) {
+    return '';
+  }
   const prefix = `${locationProtocol}//${locationHost}`;
   const absoluteIconSrc = `${prefix}${iconSrc}`;
   return absoluteIconSrc;
@@ -3083,6 +3095,9 @@ const copyImageUrl = async state => {
     locationProtocol
   } = state;
   const absoluteIconSrc = getImageCopyUrl(iconSrc, locationProtocol, locationHost);
+  if (!absoluteIconSrc) {
+    return state;
+  }
   await writeText(absoluteIconSrc);
   return state;
 };
@@ -3137,6 +3152,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     importTime: 0,
     installationEntries: [],
     jsonValidation: [],
+    linkProtectionEnabled: false,
     locationHost: '',
     locationProtocol: '',
     marketplaceEntries: [],
@@ -3279,7 +3295,7 @@ const getMenuEntriesImage = (state, props) => {
 };
 
 const getMenuEntries2 = (state, props) => {
-  if (props.menuId === ExtensionDetailIconContextMenu$3) {
+  if (props.menuId === ExtensionDetailIconContextMenu$2) {
     return getMenuEntriesImage();
   }
   if (props.menuId === ExtensionDetailReadme && props.href) {
@@ -3349,7 +3365,6 @@ const getLinkMenuEntries = props => {
 
 const getMenuEntries = props => [...getLinkMenuEntries(props), ...getImageMenuEntries(props), getCopyMenuEntry()];
 
-const ExtensionDetailIconContextMenu$2 = 4091;
 const getMenuIds = () => {
   return [ExtensionDetailReadme, ExtensionDetailIconContextMenu$2];
 };
@@ -3669,6 +3684,15 @@ const getExtensionIdFromUri = uri => {
   return id;
 };
 
+const getLinkProtectionEnabled = async () => {
+  try {
+    const setting = await getPreference('application.linkProtectionEnabled');
+    return setting === true || setting === 'true';
+  } catch {
+    return false;
+  }
+};
+
 const interpolate = (value, inMin, inMax, outMin, outMax) => {
   const clamped = Math.min(Math.max(value, inMin), inMax);
   const ratio = (clamped - inMin) / (inMax - inMin);
@@ -4037,6 +4061,7 @@ const supportsFileSize = uri => {
   }
   return true;
 };
+
 const getFolderSize = async uri => {
   if (!uri) {
     throw new VError(`uri is required`);
@@ -4096,11 +4121,6 @@ const getMarketplaceEntries = isBuiltin => {
   }];
 };
 
-const getLicenseLink = extension => {
-  // TODO
-  return '#';
-};
-
 const ensureValidLink = link => {
   if (!link) {
     return '';
@@ -4127,21 +4147,40 @@ const getRepositoryLink = extension => {
   const validLink = ensureValidLink(raw);
   return validLink;
 };
+
+const isGitHubRepository$1 = url => {
+  return url.startsWith('https://github.com/');
+};
 const getIssuesLink = extension => {
   const repositoryLink = getRepositoryLink(extension);
   if (!repositoryLink) {
     return '';
   }
-  if (repositoryLink && repositoryLink.startsWith('https://github.com')) {
+  if (isGitHubRepository$1(repositoryLink)) {
     return `${repositoryLink}/issues`;
   }
   return '';
 };
 
+const isGitHubRepository = url => {
+  return url.startsWith('https://github.com/');
+};
+const getLicenseLink = extension => {
+  const repositoryLink = getRepositoryLink(extension);
+  if (!repositoryLink) {
+    return '#';
+  }
+  if (isGitHubRepository(repositoryLink)) {
+    const normalizedLink = repositoryLink.replace(/\/+$/, '');
+    return `${normalizedLink}/blob/main/license.md`;
+  }
+  return '#';
+};
+
 const getResources = (isBuiltin, extension) => {
   const repositoryLink = getRepositoryLink(extension);
   const issueLink = getIssuesLink(extension);
-  const licenseLink = getLicenseLink();
+  const licenseLink = getLicenseLink(extension);
   // TODO hide marketplace link for builtin extensions
   return [{
     icon: 'LinkExternal',
@@ -4297,6 +4336,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
   const padding = getPadding(width);
   const sideBarWidth = getSideBarWidth(width);
   const showSideBar = sideBarWidth > 0;
+  const linkProtectionEnabled = await getLinkProtectionEnabled();
   return {
     ...state,
     badge,
@@ -4320,12 +4360,14 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     hasReadme,
     iconSrc,
     installationEntries,
+    linkProtectionEnabled,
     locationHost,
     locationProtocol,
     marketplaceEntries,
     name,
     paddingLeft: padding,
     paddingRight: padding,
+    platform,
     rating,
     readmeScrollTop,
     readmeUrl,
@@ -4386,17 +4428,48 @@ const handleImageContextMenu = async (state, eventX, eventY) => {
   return state;
 };
 
-const isExternalLink = href => {
+const openExternalElectron = async uri => {
+  await openExternal$1(uri);
+};
+const openExternalWeb = async uri => {
+  await openUrl(uri);
+};
+const openExternal = async (uri, platform) => {
+  if (platform === Electron$1) {
+    await openExternalElectron(uri);
+  } else {
+    await openExternalWeb(uri);
+  }
+};
+
+const handleReadmeLinkClick = async (linkProtectionEnabled, platform, href) => {
+  // TODO what to do about relative links? open them in editor?
+  // TODO what to do about mail links?
+  if (linkProtectionEnabled) {
+    const message = `Do you want to open this external link?\n\n${href}`;
+    const confirmed = await confirm(message);
+    if (!confirmed) {
+      return;
+    }
+  }
+  await openExternal(href, platform);
+  return;
+};
+
+const isExternalLink$1 = href => {
   return href.startsWith('http://') || href.startsWith('https://');
 };
 const handleReadmeClick = async (state, nodeName, href) => {
-  if (!href || !isExternalLink(href)) {
+  const {
+    linkProtectionEnabled,
+    platform
+  } = state;
+  if (!href || !isExternalLink$1(href)) {
     return state;
   }
   // TODO what to do about relative links? open them in editor?
   // TODO what to do about mail links?
-  await openUrl$1(href);
-  // TODO check node name and href
+  await handleReadmeLinkClick(linkProtectionEnabled, platform, href);
   return state;
 };
 
@@ -4414,6 +4487,21 @@ const handleReadmeContextMenu = async (state, x, y, nodeName, href) => {
   return state;
 };
 
+const isExternalLink = href => {
+  return href.startsWith('http://') || href.startsWith('https://');
+};
+const handleResourceLinkClick = async (state, href) => {
+  const {
+    linkProtectionEnabled,
+    platform
+  } = state;
+  if (!href || !isExternalLink(href)) {
+    return state;
+  }
+  await handleReadmeLinkClick(linkProtectionEnabled, platform, href);
+  return state;
+};
+
 const handleScroll = (state, scrollTop, scrollSource = Script) => {
   const newScrollTop = Math.max(0, scrollTop);
   return {
@@ -4692,18 +4780,15 @@ const loadContent2 = async (state, savedState, isTest = false) => {
   return loadContent(state, state.platform, savedState, isTest);
 };
 
-const openUrl = async uri => {
-  await openUrl$1(uri);
-};
-
 const openImageInNewTab = async state => {
   const {
     iconSrc,
     locationHost,
-    locationProtocol
+    locationProtocol,
+    platform
   } = state;
   const absoluteIconSrc = getImageCopyUrl(iconSrc, locationProtocol, locationHost);
-  await openUrl(absoluteIconSrc);
+  await openExternal(absoluteIconSrc, platform);
   return state;
 };
 
@@ -4888,6 +4973,7 @@ const getResourceLinkVirtualDom = resource => {
     childCount: 1 + iconDomCount,
     className: Resource,
     href: url,
+    onClick: HandleResourceLinkClick,
     rel: 'noopener noreferrer',
     target: '_blank',
     type: A
@@ -5313,7 +5399,7 @@ const render2 = (uid, diffResult) => {
 const renderEventListeners = () => {
   return [{
     name: HandleAdditionalDetailContextMenu,
-    params: ['handleAdditionalDetailsContextMenu', ClientX, ClientY, 'event.target.nodeName', 'event.target.href'],
+    params: ['handleAdditionalDetailsContextMenu', ClientX, ClientY, 'event.target.nodeName', TargetHref],
     preventDefault: true
   }, {
     name: HandleClickCategory,
@@ -5356,7 +5442,11 @@ const renderEventListeners = () => {
     params: ['handleClickSettings']
   }, {
     name: HandleReadmeClick,
-    params: ['handleReadmeClick', 'event.target.nodeName', 'event.target.href'],
+    params: ['handleReadmeClick', 'event.target.nodeName', TargetHref],
+    preventDefault: true
+  }, {
+    name: HandleResourceLinkClick,
+    params: ['handleResourceLinkClick', TargetHref],
     preventDefault: true
   }, {
     name: HandleClickUninstall,
@@ -5434,6 +5524,7 @@ const commandMap = {
   'ExtensionDetail.handleImageContextMenu': wrapCommand(handleImageContextMenu),
   'ExtensionDetail.handleReadmeClick': wrapCommand(handleReadmeClick),
   'ExtensionDetail.handleReadmeContextMenu': wrapCommand(handleReadmeContextMenu),
+  'ExtensionDetail.handleResourceLinkClick': wrapCommand(handleResourceLinkClick),
   'ExtensionDetail.handleScroll': wrapCommand(handleScroll),
   'ExtensionDetail.handleSelectionChange': wrapCommand(handleSelectionChange),
   'ExtensionDetail.handleTabFocus': wrapCommand(handleTabFocus),

package/package.json

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