@lvce-editor/extension-detail-view 4.4.0 → 4.5.0

package/dist/extensionDetailViewWorkerMain.js

@@ -2382,20 +2382,20 @@ const getSettingsVirtualDom = state => {
   return getFeatureSettingsVirtualDom(state.settings);
 };
 
-const HandleClickCategory = 'handleClickCategory';
-const HandleClickDisable = 'handleClickDisable';
-const HandleClickEnable = 'handleClickEnable';
-const HandleClickScrollToTop = 'handleClickScrollToTop';
-const HandleClickSetColorTheme = 'handleClickSetColorTheme';
-const HandleClickSettings = 'handleClickSettings';
-const HandleClickSize = 'handleClickSize';
-const HandleClickUninstall = 'handleClickUninstall';
-const HandleFeaturesClick = 'handleFeaturesClick';
-const HandleIconError = 'handleIconError';
-const HandleImageContextMenu = 'handleImageContextMenu';
-const HandleReadmeContextMenu = 'handleReadmeContextMenu';
-const HandleReadmeScroll = 'handleReadmeScroll';
-const HandleTabsClick = 'handleTabsClick';
+const HandleClickCategory = 1;
+const HandleClickDisable = 2;
+const HandleClickEnable = 3;
+const HandleClickScrollToTop = 4;
+const HandleClickSetColorTheme = 5;
+const HandleClickSettings = 6;
+const HandleClickSize = 7;
+const HandleClickUninstall = 8;
+const HandleFeaturesClick = 9;
+const HandleIconError = 10;
+const HandleImageContextMenu = 11;
+const HandleReadmeContextMenu = 12;
+const HandleReadmeScroll = 13;
+const HandleTabsClick = 14;
 
 const ActivationEvents = 'ActivationEvents';
 const Changelog = 'Changelog';
@@ -2484,6 +2484,17 @@ const getThemeMarkdown = (themes, iconThemes, productIconThemes) => {
   return markdown;
 };
 
+const supportsNormalCacheKey = locationProtocol => {
+  return locationProtocol === 'http:' || locationProtocol === 'https:';
+};
+const getMarkdownCacheKey = (hash, locationProtocol) => {
+  if (supportsNormalCacheKey(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);
@@ -2548,9 +2559,9 @@ const set$3 = async (key, value) => {
   }));
 };
 
-const renderMarkdownCached = async (markdown, options = {}) => {
+const renderMarkdownCached = async (markdown, options) => {
   const markdownHash = await hash(markdown); // TODO hash options also
-  const cacheKey = `/markdown/${markdownHash}`;
+  const cacheKey = getMarkdownCacheKey(markdownHash, options.locationProtocol);
   const hasItem = await has(cacheKey);
   if (hasItem) {
     const value = await get$1(cacheKey);
@@ -2561,12 +2572,12 @@ const renderMarkdownCached = async (markdown, options = {}) => {
   return html;
 };
 
-const renderMarkdown = async (markdown, options = {}) => {
+const renderMarkdown = async (markdown, options) => {
   const html = await renderMarkdownCached(markdown, options);
   return html;
 };
 
-const getThemeDetails = async (extension, baseUrl) => {
+const getThemeDetails = async (extension, baseUrl, locationProtocol) => {
   const {
     colorThemes,
     iconThemes,
@@ -2574,7 +2585,8 @@ const getThemeDetails = async (extension, baseUrl) => {
   } = extension;
   const markdown = getThemeMarkdown(colorThemes || [], iconThemes || [], productIconThemes || []);
   const rendered = await renderMarkdown(markdown, {
-    baseUrl
+    baseUrl,
+    locationProtocol
   });
   const themesMarkdownDom = await getMarkdownVirtualDom(rendered);
   return {
@@ -3000,7 +3012,8 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     paddingLeft: 0,
     paddingRight: 0,
     showSideBar: true,
-    sideBarWidth: 0
+    sideBarWidth: 0,
+    locationProtocol: ''
   };
   set(uid, state, state);
 };
@@ -3237,7 +3250,8 @@ const selectFeature = async (state, name) => {
   const {
     features,
     extension,
-    baseUrl
+    baseUrl,
+    locationProtocol
   } = state;
   const newFeatures = features.map(feature => {
     if (feature.id === name) {
@@ -3252,7 +3266,7 @@ const selectFeature = async (state, name) => {
     };
   });
   const fn = getFeatureDetailsHandler(name);
-  const partialNewState = await fn(extension, baseUrl);
+  const partialNewState = await fn(extension, baseUrl, locationProtocol);
   return {
     ...state,
     ...partialNewState,
@@ -3413,11 +3427,13 @@ const selectTabChangelog = async state => {
   const {
     extension,
     baseUrl,
-    tabs
+    tabs,
+    locationProtocol
   } = state;
   const changelogContent = await loadChangelogContent(extension.path); // TODO use uri
   const changelogMarkdownHtml = await renderMarkdown(changelogContent, {
-    baseUrl
+    baseUrl,
+    locationProtocol
   });
   const changelogDom = await getMarkdownVirtualDom(changelogMarkdownHtml);
   const newTabs = tabs.map(tab => {
@@ -3457,12 +3473,14 @@ const selectTabDetails = async state => {
   const {
     baseUrl,
     readmeUrl,
-    tabs
+    tabs,
+    locationProtocol
   } = state;
   const readmeContent = await loadReadmeContent(readmeUrl);
   const readmeHtml = await renderMarkdown(readmeContent, {
     baseUrl,
-    linksExternal: true
+    linksExternal: true,
+    locationProtocol
   });
   const detailsDom = await getMarkdownVirtualDom(readmeHtml);
   const newTabs = tabs.map(tab => {
@@ -3485,14 +3503,15 @@ const selectTabFeatures = async state => {
     baseUrl,
     selectedFeature,
     features,
-    tabs
+    tabs,
+    locationProtocol
   } = state;
   if (features.length === 0) {
     return state;
   }
   const actualSelectedFeature = selectedFeature || Theme;
   const fn = getFeatureDetailsHandler(actualSelectedFeature);
-  const partialNewState = await fn(extension, baseUrl);
+  const partialNewState = await fn(extension, baseUrl, locationProtocol);
   const newTabs = tabs.map(tab => {
     return {
       ...tab,
@@ -4111,9 +4130,11 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
   const [hasReadme, hasChangelog] = await Promise.all([existsFile(readmeUrl), existsFile(changelogUrl)]);
   const readmeContent = hasReadme ? await loadReadmeContent(readmeUrl) : noReadmeFound();
   const baseUrl = getBaseUrl(extension.path, platform);
+  const locationProtocol = location.protocol;
   const readmeHtml = await renderMarkdown(readmeContent, {
     baseUrl,
-    linksExternal: true
+    linksExternal: true,
+    locationProtocol
   });
   const detailsVirtualDom = await getMarkdownVirtualDom(readmeHtml, {
     scrollToTopEnabled: true
@@ -4181,7 +4202,8 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     sideBarWidth,
     sizeOnDisk: size,
     sizeValue,
-    tabs: enabledTabs
+    tabs: enabledTabs,
+    locationProtocol
   };
 };
 
@@ -4731,6 +4753,7 @@ const render2 = (uid, diffResult) => {
   return commands;
 };
 
+// @ts-nocheck
 const renderEventListeners = () => {
   return [{
     name: HandleClickCategory,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "description": "Extension Detail View Worker",
   "repository": {
     "type": "git",