@lvce-editor/extension-detail-view 4.9.0 → 4.11.0

package/dist/extensionDetailViewWorkerMain.js

@@ -319,7 +319,9 @@ const Dt = 67;
 
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
+const TargetHref = 'event.target.href';
 const TargetName = 'event.target.name';
+const TargetSrc = 'event.target.src';
 
 const DebugWorker = 55;
 const ExtensionHostWorker = 44;
@@ -618,7 +620,7 @@ const getCommandsVirtualDom = state => {
   return getFeatureCommandsVirtualDom(state.commands);
 };
 
-const isExternalLink = schema => {
+const isExternalLink$1 = schema => {
   return schema.startsWith('http://') || schema.startsWith('https://');
 };
 const hasWhitespace = value => {
@@ -665,7 +667,7 @@ const getSchemaLinkUrl = (schema, extensionUri) => {
   if (trimmed !== schema) {
     return '';
   }
-  if (isExternalLink(schema)) {
+  if (isExternalLink$1(schema)) {
     return isValidHttpUrl(schema) ? schema : '';
   }
   if (!isValidRelativePath(schema)) {
@@ -833,9 +835,17 @@ const getJsonValidationVirtualDom = state => {
   return getFeatureJsonValidationVirtualDom(state.jsonValidation);
 };
 
-const getProgrammingLanguagesDetails = async extension => {
-  // Programming languages feature doesn't need to store additional state
-  return {};
+const getProgrammingLanguageTableEntry = programmingLanguage => {
+  return [];
+};
+
+const getFeatureDetailsProgrammingLanguages = async extension => {
+  // TODO validate them also, to create better types
+  const programmingLanguages = extension.languages || [];
+  const rows = programmingLanguages.map(getProgrammingLanguageTableEntry);
+  return {
+    programmingLanguages: rows
+  };
 };
 
 const featureProgrammingLanguagesEnabled = extension => {
@@ -2684,6 +2694,7 @@ const HandleReadmeContextMenu = 12;
 const HandleReadmeScroll = 13;
 const HandleTabsClick = 14;
 const HandleAdditionalDetailContextMenu = 15;
+const HandleReadmeClick = 16;
 
 const ActivationEvents = 'ActivationEvents';
 const Changelog = 'Changelog';
@@ -2733,7 +2744,8 @@ const getMarkdownVirtualDom = async (html, options) => {
     return [{
       ...firstNode,
       onScroll: HandleReadmeScroll,
-      childCount: firstNode.childCount + 1
+      childCount: firstNode.childCount + 1,
+      onClick: HandleReadmeClick
     }, ...extraDom, ...rest];
   }
   return dom;
@@ -2772,25 +2784,34 @@ const getThemeMarkdown = (themes, iconThemes, productIconThemes) => {
   return markdown;
 };
 
+const padBytes = bytes => {
+  return bytes.toString(16).padStart(2, '0');
+};
+const hash = async content => {
+  const sourceBytes = new TextEncoder().encode(content);
+  const digest = await crypto.subtle.digest('SHA-256', sourceBytes);
+  const resultBytes = [...new Uint8Array(digest)];
+  return resultBytes.map(padBytes).join('');
+};
+
 const supportsNormalCacheKey = locationProtocol => {
   return locationProtocol === 'http:' || locationProtocol === 'https:';
 };
 
-const getMarkdownCacheKey = (hash, locationProtocol) => {
-  if (supportsNormalCacheKey(locationProtocol)) {
+const getMarkdownCacheHash = async (markdown, options) => {
+  const stringifiedOptions = JSON.stringify(options);
+  const contents = `${markdown}:${stringifiedOptions}`;
+  return hash(contents);
+};
+const getMarkdownCacheKey = async (markdown, options) => {
+  const hash = await getMarkdownCacheHash(markdown, options);
+  if (supportsNormalCacheKey(options.locationProtocol)) {
     return `/markdown/${hash}`;
   }
   // workaround for electron bug
   return `https://-/markdown/${hash}`;
 };
 
-const hash = async content => {
-  const sourceBytes = new TextEncoder().encode(content);
-  const digest = await crypto.subtle.digest('SHA-256', sourceBytes);
-  const resultBytes = [...new Uint8Array(digest)];
-  return resultBytes.map(x => x.toString(16).padStart(2, '0')).join('');
-};
-
 // TODO pass application name from renderer worker to not hardcode it
 const bucketName = 'markdown-cache';
 const cachedCaches = Object.create(null);
@@ -2849,8 +2870,7 @@ const set$3 = async (key, value) => {
 };
 
 const renderMarkdownCached = async (markdown, options) => {
-  const markdownHash = await hash(markdown); // TODO hash options also
-  const cacheKey = getMarkdownCacheKey(markdownHash, options.locationProtocol);
+  const cacheKey = await getMarkdownCacheKey(markdown, options);
   const hasItem = await has(cacheKey);
   if (hasItem) {
     const value = await get$1(cacheKey);
@@ -3055,7 +3075,7 @@ const registerAllFeatures = () => {
     id: ProgrammingLanguages,
     getLabel: programmingLanguages,
     isEnabled: featureProgrammingLanguagesEnabled,
-    getDetails: getProgrammingLanguagesDetails,
+    getDetails: getFeatureDetailsProgrammingLanguages,
     getVirtualDom: getProgrammingLanguagesVirtualDom
   });
   register$1({
@@ -3674,6 +3694,20 @@ const handleImageContextMenu = async (state, eventX, eventY) => {
   return state;
 };
 
+const isExternalLink = href => {
+  return href.startsWith('http://') || href.startsWith('https://');
+};
+const handleReadmeClick = async (state, nodeName, href) => {
+  if (!href || !isExternalLink(href)) {
+    return state;
+  }
+  // TODO what to do about relative links? open them in editor?
+  // TODO what to do about mail links?
+  await openUrl$2(href);
+  // TODO check node name and href
+  return state;
+};
+
 const handleScroll = (state, scrollTop, scrollSource = Script) => {
   const newScrollTop = Math.max(0, scrollTop);
   return {
@@ -4711,6 +4745,14 @@ const getAdditionalDetailsVirtualDom = (showAdditionalDetails, firstHeading, ent
   }, ...getAdditionalDetailsEntryVirtualDom(firstHeading, entries, getMoreInfoVirtualDom), ...getAdditionalDetailsEntryVirtualDom(secondHeading, secondEntries, getMoreInfoVirtualDom), ...getAdditionalDetailsEntryVirtualDom(thirdHeading, categories, getCategoriesDom), ...getAdditionalDetailsEntryVirtualDom(fourthHeading, resources, getResourcesVirtualDom)];
 };
 
+const getNoReadmeVirtualDom = () => {
+  return [{
+    type: Div,
+    childCount: 1,
+    className: Markdown
+  }, text(noReadmeFound())];
+};
+
 const getChildCount = (additionalDetails, scrollToTopEnabled) => {
   let count = 1;
   if (additionalDetails) {
@@ -4725,11 +4767,7 @@ const getDetailsVirtualDom = (sanitizedReadmeHtml, width, scrollToTopButtonEnabl
   const fourthHeading = resources();
   const showAdditionalDetails = showSideBar;
   const childCount = getChildCount(showAdditionalDetails);
-  const contentDom = hasReadme ? sanitizedReadmeHtml : [{
-    type: Div,
-    childCount: 1,
-    className: Markdown
-  }, text(noReadmeFound())];
+  const contentDom = hasReadme ? sanitizedReadmeHtml : getNoReadmeVirtualDom();
   const dom = [{
     type: Div,
     className: ExtensionDetailPanel,
@@ -5064,7 +5102,7 @@ const renderEventListeners = () => {
     params: ['handleIconError']
   }, {
     name: HandleReadmeContextMenu,
-    params: ['handleReadmeContextMenu', ClientX, ClientY, 'event.target.href', 'event.target.src']
+    params: ['handleReadmeContextMenu', ClientX, ClientY, TargetHref, TargetSrc]
   }, {
     name: HandleImageContextMenu,
     params: ['handleImageContextMenu', ClientX, ClientY],
@@ -5092,6 +5130,10 @@ const renderEventListeners = () => {
   }, {
     name: HandleClickSettings,
     params: ['handleClickSettings']
+  }, {
+    name: HandleReadmeClick,
+    params: ['handleReadmeClick', 'event.target.nodeName', 'event.target.href'],
+    preventDefault: true
   }, {
     name: HandleClickUninstall,
     params: ['handleClickUninstall']
@@ -5154,6 +5196,7 @@ const commandMap = {
   'ExtensionDetail.handleImageContextMenu': wrapCommand(handleImageContextMenu),
   'ExtensionDetail.handleScroll': wrapCommand(handleScroll),
   '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": "4.9.0",
+  "version": "4.11.0",
   "description": "Extension Detail View Worker",
   "repository": {
     "type": "git",