@lvce-editor/static-server 0.64.0 → 0.64.2

package/static/{d6e84ec → 4c6d25a}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js

@@ -251,6 +251,10 @@ const Ul = 60;
 const Code$2 = 65;
 const Dt = 67;
 
+const ClientX = 'event.clientX';
+const ClientY = 'event.clientY';
+const TargetName = 'event.target.name';
+
 const DebugWorker = 55;
 const ExtensionHostWorker = 44;
 const FileSystemWorker$1 = 209;
@@ -302,6 +306,7 @@ const FeaturesList = 'FeaturesList';
 const FeatureWebView = 'FeatureWebView';
 const Large$1 = 'Large';
 const Link = 'Link';
+const Markdown = 'Markdown';
 const MoreInfo = 'MoreInfo';
 const MoreInfoEntry = 'MoreInfoEntry';
 const MoreInfoEntryKey = 'MoreInfoEntryKey';
@@ -637,10 +642,10 @@ const getFeatureVirtualDomHandler = featureName => {
 };
 
 const rpcs = Object.create(null);
-const set$a = (id, rpc) => {
+const set$b = (id, rpc) => {
   rpcs[id] = rpc;
 };
-const get$2 = id => {
+const get$3 = id => {
   return rpcs[id];
 };
 
@@ -648,21 +653,21 @@ const create$7 = rpcId => {
   return {
     // @ts-ignore
     invoke(method, ...params) {
-      const rpc = get$2(rpcId);
+      const rpc = get$3(rpcId);
       // @ts-ignore
       return rpc.invoke(method, ...params);
     },
     // @ts-ignore
     invokeAndTransfer(method, ...params) {
-      const rpc = get$2(rpcId);
+      const rpc = get$3(rpcId);
       // @ts-ignore
       return rpc.invokeAndTransfer(method, ...params);
     },
     set(rpc) {
-      set$a(rpcId, rpc);
+      set$b(rpcId, rpc);
     },
     async dispose() {
-      const rpc = get$2(rpcId);
+      const rpc = get$3(rpcId);
       await rpc.dispose();
     }
   };
@@ -1185,10 +1190,10 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$9 = (id, fn) => {
+const set$a = (id, fn) => {
   callbacks[id] = fn;
 };
-const get$1 = id => {
+const get$2 = id => {
   return callbacks[id];
 };
 const remove$1 = id => {
@@ -1204,7 +1209,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$9(id, resolve);
+  set$a(id, resolve);
   return {
     id,
     promise
@@ -1369,7 +1374,7 @@ const warn = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$1(id);
+  const fn = get$2(id);
   if (!fn) {
     console.log(response);
     warn(`callback ${id} may already be disposed`);
@@ -1700,7 +1705,7 @@ const createMockRpc = ({
 const {
   invoke: invoke$4,
   invokeAndTransfer: invokeAndTransfer$3,
-  set: set$8,
+  set: set$9,
   dispose: dispose$5
 } = create$7(ExtensionHostWorker);
 const executeReferenceProvider = async (id, offset) => {
@@ -1719,7 +1724,7 @@ const registerMockRpc$1 = commandMap => {
   const mockRpc = createMockRpc({
     commandMap
   });
-  set$8(mockRpc);
+  set$9(mockRpc);
   return mockRpc;
 };
 
@@ -1732,13 +1737,13 @@ const ExtensionHost = {
   invoke: invoke$4,
   invokeAndTransfer: invokeAndTransfer$3,
   registerMockRpc: registerMockRpc$1,
-  set: set$8
+  set: set$9
 };
 
 const {
   invoke: invoke$3,
   invokeAndTransfer: invokeAndTransfer$2,
-  set: set$7,
+  set: set$8,
   dispose: dispose$4
 } = create$7(FileSystemWorker$1);
 const remove = async dirent => {
@@ -1810,7 +1815,7 @@ const FileSystemWorker = {
   readFileAsBlob: readFileAsBlob$1,
   remove,
   rename,
-  set: set$7,
+  set: set$8,
   stat,
   writeFile
 };
@@ -1818,7 +1823,7 @@ const FileSystemWorker = {
 const {
   invoke: invoke$2,
   invokeAndTransfer: invokeAndTransfer$1,
-  set: set$6,
+  set: set$7,
   dispose: dispose$3
 } = create$7(MarkdownWorker$1);
 const getVirtualDom$1 = async html => {
@@ -1837,13 +1842,13 @@ const MarkdownWorker = {
   invoke: invoke$2,
   invokeAndTransfer: invokeAndTransfer$1,
   render: render$1,
-  set: set$6
+  set: set$7
 };
 
 const {
   invoke: invoke$1,
   invokeAndTransfer,
-  set: set$5,
+  set: set$6,
   dispose: dispose$2
 } = create$7(RendererWorker$1);
 const searchFileHtml = async uri => {
@@ -2110,7 +2115,7 @@ const registerMockRpc = commandMap => {
   const mockRpc = createMockRpc({
     commandMap
   });
-  set$5(mockRpc);
+  set$6(mockRpc);
   return mockRpc;
 };
 
@@ -2178,7 +2183,7 @@ const RendererWorker = {
   sendMessagePortToRendererProcess,
   sendMessagePortToSearchProcess,
   sendMessagePortToSyntaxHighlightingWorker,
-  set: set$5,
+  set: set$6,
   setAdditionalFocus,
   setColorTheme: setColorTheme$2,
   setExtensionsSearchValue: setExtensionsSearchValue$1,
@@ -2196,7 +2201,7 @@ const RendererWorker = {
 };
 
 const {
-  set: set$4,
+  set: set$5,
   getRuntimeStatus: getRuntimeStatus$1
 } = ExtensionHost;
 
@@ -2377,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';
@@ -2426,7 +2431,7 @@ const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
 };
 
 const {
-  set: set$3,
+  set: set$4,
   getVirtualDom,
   render
 } = MarkdownWorker;
@@ -2434,14 +2439,16 @@ const {
 const getMarkdownVirtualDom = async (html, options) => {
   string(html);
   const dom = await getVirtualDom(html);
-  const newDom = [...dom];
   if (options?.scrollToTopEnabled) {
-    newDom[0].onScroll = HandleReadmeScroll;
-    newDom[0].childCount++;
+    const [firstNode, ...rest] = dom;
     const extraDom = getScrollToTopVirtualDom();
-    newDom.splice(1, 0, ...extraDom);
+    return [{
+      ...firstNode,
+      onScroll: HandleReadmeScroll,
+      childCount: firstNode.childCount + 1
+    }, ...extraDom, ...rest];
   }
-  return newDom;
+  return dom;
 };
 
 const getThemeItemMarkdown = (heading, items) => {
@@ -2477,12 +2484,100 @@ const getThemeMarkdown = (themes, iconThemes, productIconThemes) => {
   return markdown;
 };
 
-const renderMarkdown = async (markdown, options = {}) => {
+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);
+  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);
+const noopCache = {
+  async match() {
+    return undefined;
+  },
+  async put() {}
+};
+const supportsStorageBuckets = () => {
+  // @ts-ignore
+  return Boolean(navigator.storageBuckets);
+};
+const getCacheInternal = async cacheName => {
+  if (!supportsStorageBuckets()) {
+    return noopCache;
+  }
+  const twoWeeks = 14 * 24 * 60 * 60 * 1000;
+  // @ts-ignore
+  const bucket = await navigator.storageBuckets.open(bucketName, {
+    quota: 20 * 1024 * 1024,
+    // 20MB
+    expires: Date.now() + twoWeeks
+  });
+  const cache = await bucket.caches.open(cacheName);
+  return cache;
+};
+const getCache = cacheName => {
+  if (!(cacheName in cachedCaches)) {
+    cachedCaches[cacheName] = getCacheInternal(cacheName);
+  }
+  return cachedCaches[cacheName];
+};
+
+// TODO pass application name from renderer worker to not hardcode it
+const cacheName = 'lvce-editor/markdown-cache';
+const has = async key => {
+  const cache = await getCache(cacheName);
+  const response = await cache.match(key);
+  return Boolean(response);
+};
+const get$1 = async key => {
+  const cache = await getCache(cacheName);
+  const response = await cache.match(key);
+  const text = await response?.text();
+  return text || '';
+};
+const set$3 = async (key, value) => {
+  const cache = await getCache(cacheName);
+  await cache.put(key, new Response(value, {
+    headers: {
+      'Content-Type': 'application/markdown',
+      'Content-Length': `${value.length}`
+    }
+  }));
+};
+
+const renderMarkdownCached = async (markdown, options) => {
+  const markdownHash = await hash(markdown); // TODO hash options also
+  const cacheKey = getMarkdownCacheKey(markdownHash, options.locationProtocol);
+  const hasItem = await has(cacheKey);
+  if (hasItem) {
+    const value = await get$1(cacheKey);
+    return value; // TODO validate if it's valid
+  }
   const html = await render(markdown, options);
+  await set$3(cacheKey, html);
   return html;
 };
 
-const getThemeDetails = async (extension, baseUrl) => {
+const renderMarkdown = async (markdown, options) => {
+  const html = await renderMarkdownCached(markdown, options);
+  return html;
+};
+
+const getThemeDetails = async (extension, baseUrl, locationProtocol) => {
   const {
     colorThemes,
     iconThemes,
@@ -2490,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 {
@@ -2916,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);
 };
@@ -3153,7 +3250,8 @@ const selectFeature = async (state, name) => {
   const {
     features,
     extension,
-    baseUrl
+    baseUrl,
+    locationProtocol
   } = state;
   const newFeatures = features.map(feature => {
     if (feature.id === name) {
@@ -3168,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,
@@ -3301,7 +3399,6 @@ const isEnoentError = error => {
   return error && error.code === ENOENT;
 };
 
-/* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
 const error = async error => {
   // TODO send message to error worker or log worker
   // @ts-ignore
@@ -3330,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 => {
@@ -3374,11 +3473,14 @@ const selectTabDetails = async state => {
   const {
     baseUrl,
     readmeUrl,
-    tabs
+    tabs,
+    locationProtocol
   } = state;
   const readmeContent = await loadReadmeContent(readmeUrl);
   const readmeHtml = await renderMarkdown(readmeContent, {
-    baseUrl
+    baseUrl,
+    linksExternal: true,
+    locationProtocol
   });
   const detailsDom = await getMarkdownVirtualDom(readmeHtml);
   const newTabs = tabs.map(tab => {
@@ -3401,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,
@@ -3464,7 +3567,7 @@ const createExtensionHostWorkerRpc = async () => {
 
 const initializeExtensionHostWorker = async () => {
   const rpc = await createExtensionHostWorkerRpc();
-  set$4(rpc);
+  set$5(rpc);
 };
 
 const sendMessagePortToFileSystemWorker = async port => {
@@ -3506,10 +3609,11 @@ const createMarkdownWorkerRpc = async () => {
 
 const initializeMarkdownWorker = async () => {
   const rpc = await createMarkdownWorkerRpc();
-  set$3(rpc);
+  set$4(rpc);
 };
 
 const initialize = async () => {
+  // TODO load markdown worker only when needed
   await Promise.all([initializeMarkdownWorker(), initializeFileSystemWorker(), initializeExtensionHostWorker()]);
 };
 
@@ -3892,6 +3996,7 @@ const getInstallationEntries = (displaySize, extensionId, extensionVersion, exte
   }, {
     key: lastUpdated(),
     value: 'n/a',
+    // TODO get this from somewhere
     odd: true
   }, {
     key: size(),
@@ -4025,8 +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
+    baseUrl,
+    linksExternal: true,
+    locationProtocol
   });
   const detailsVirtualDom = await getMarkdownVirtualDom(readmeHtml, {
     scrollToTopEnabled: true
@@ -4094,7 +4202,8 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     sideBarWidth,
     sizeOnDisk: size,
     sizeValue,
-    tabs: enabledTabs
+    tabs: enabledTabs,
+    locationProtocol
   };
 };
 
@@ -4115,8 +4224,6 @@ const openImageInNewTab = async state => {
   return state;
 };
 
-/* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
-
 const createCss = object => {
   const inner = Object.entries(object).map(([key, value]) => `  --${key}: ${value}px;`).join('\n');
   const full = `:root {\n${inner}\n}`;
@@ -4217,6 +4324,14 @@ const getMoreInfoEntryValueTag = (onClick, code) => {
   return Dd;
 };
 
+const getExtraProps = title => {
+  if (title) {
+    return {
+      title
+    };
+  }
+  return {};
+};
 const getMoreInfoEntryValueVirtualDom = item => {
   const {
     value,
@@ -4226,12 +4341,13 @@ const getMoreInfoEntryValueVirtualDom = item => {
   } = item;
   const type = getMoreInfoEntryValueTag(onClick, code);
   const className = getMoreInfoEntryValueClassName(onClick, code);
+  const extraProps = getExtraProps(title);
   return [{
     type,
     className,
     childCount: 1,
     onClick,
-    title
+    ...extraProps
   }, text(value)];
 };
 
@@ -4315,7 +4431,7 @@ const getDetailsVirtualDom = (sanitizedReadmeHtml, width, scrollToTopButtonEnabl
   const contentDom = hasReadme ? sanitizedReadmeHtml : [{
     type: Div,
     childCount: 1,
-    className: 'Markdown'
+    className: Markdown
   }, text(noReadmeFound())];
   const dom = [{
     type: Div,
@@ -4637,19 +4753,20 @@ const render2 = (uid, diffResult) => {
   return commands;
 };
 
+// @ts-nocheck
 const renderEventListeners = () => {
   return [{
     name: HandleClickCategory,
-    params: ['handleClickCategory', 'event.target.name']
+    params: ['handleClickCategory', TargetName]
   }, {
     name: HandleIconError,
     params: ['handleIconError']
   }, {
     name: HandleReadmeContextMenu,
-    params: ['handleReadmeContextMenu', 'event.clientX', 'event.clientY', 'event.target.href', 'event.target.src']
+    params: ['handleReadmeContextMenu', ClientX, ClientY, 'event.target.href', 'event.target.src']
   }, {
     name: HandleImageContextMenu,
-    params: ['handleImageContextMenu', 'event.clientX', 'event.clientY'],
+    params: ['handleImageContextMenu', ClientX, ClientY],
     preventDefault: true
   }, {
     name: HandleReadmeScroll,
@@ -4657,13 +4774,13 @@ const renderEventListeners = () => {
     passive: true
   }, {
     name: HandleTabsClick,
-    params: ['handleTabsClick', 'event.target.name']
+    params: ['handleTabsClick', TargetName]
   }, {
     name: HandleFeaturesClick,
-    params: ['handleFeaturesClick', 'event.target.name']
+    params: ['handleFeaturesClick', TargetName]
   }, {
     name: HandleClickSize,
-    params: ['handleClickSize', 'event.target.name']
+    params: ['handleClickSize', TargetName]
   }, {
     name: HandleClickDisable,
     params: ['handleClickDisable']

package/static/{d6e84ec → 4c6d25a}/packages/extension-host-worker/dist/extensionHostWorkerMain.js

@@ -2740,7 +2740,7 @@ const {
 });
 
 const getExtensionHostSubWorkerUrl = () => {
-  return '/d6e84ec/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
+  return '/4c6d25a/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
 };
 const extensionHostSubWorkerUrl = getExtensionHostSubWorkerUrl();
 
@@ -3018,9 +3018,9 @@ const getJson = async url => {
 
 const getAssetDir = () => {
   // @ts-ignore
-  if (typeof '/d6e84ec' !== 'undefined') {
+  if (typeof '/4c6d25a' !== 'undefined') {
     // @ts-ignore
-    return '/d6e84ec';
+    return '/4c6d25a';
   }
   if (platform === Electron) {
     return '../../../../..';