@lvce-editor/extension-detail-view 3.64.0 → 4.3.0

package/dist/extensionDetailViewWorkerMain.js

@@ -637,10 +637,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 +648,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 +1185,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 +1204,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$9(id, resolve);
+  set$a(id, resolve);
   return {
     id,
     promise
@@ -1369,7 +1369,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 +1700,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 +1719,7 @@ const registerMockRpc$1 = commandMap => {
   const mockRpc = createMockRpc({
     commandMap
   });
-  set$8(mockRpc);
+  set$9(mockRpc);
   return mockRpc;
 };
 
@@ -1732,13 +1732,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 +1810,7 @@ const FileSystemWorker = {
   readFileAsBlob: readFileAsBlob$1,
   remove,
   rename,
-  set: set$7,
+  set: set$8,
   stat,
   writeFile
 };
@@ -1818,7 +1818,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 +1837,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 +2110,7 @@ const registerMockRpc = commandMap => {
   const mockRpc = createMockRpc({
     commandMap
   });
-  set$5(mockRpc);
+  set$6(mockRpc);
   return mockRpc;
 };
 
@@ -2178,7 +2178,7 @@ const RendererWorker = {
   sendMessagePortToRendererProcess,
   sendMessagePortToSearchProcess,
   sendMessagePortToSyntaxHighlightingWorker,
-  set: set$5,
+  set: set$6,
   setAdditionalFocus,
   setColorTheme: setColorTheme$2,
   setExtensionsSearchValue: setExtensionsSearchValue$1,
@@ -2196,7 +2196,7 @@ const RendererWorker = {
 };
 
 const {
-  set: set$4,
+  set: set$5,
   getRuntimeStatus: getRuntimeStatus$1
 } = ExtensionHost;
 
@@ -2426,7 +2426,7 @@ const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
 };
 
 const {
-  set: set$3,
+  set: set$4,
   getVirtualDom,
   render
 } = MarkdownWorker;
@@ -2434,14 +2434,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,8 +2479,85 @@ const getThemeMarkdown = (themes, iconThemes, productIconThemes) => {
   return markdown;
 };
 
-const renderMarkdown = async (markdown, options = {}) => {
+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 = `/markdown/${markdownHash}`;
+  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 renderMarkdown = async (markdown, options = {}) => {
+  const html = await renderMarkdownCached(markdown, options);
   return html;
 };
 
@@ -3301,7 +3380,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
@@ -3378,7 +3456,8 @@ const selectTabDetails = async state => {
   } = state;
   const readmeContent = await loadReadmeContent(readmeUrl);
   const readmeHtml = await renderMarkdown(readmeContent, {
-    baseUrl
+    baseUrl,
+    linksExternal: true
   });
   const detailsDom = await getMarkdownVirtualDom(readmeHtml);
   const newTabs = tabs.map(tab => {
@@ -3464,7 +3543,7 @@ const createExtensionHostWorkerRpc = async () => {
 
 const initializeExtensionHostWorker = async () => {
   const rpc = await createExtensionHostWorkerRpc();
-  set$4(rpc);
+  set$5(rpc);
 };
 
 const sendMessagePortToFileSystemWorker = async port => {
@@ -3506,10 +3585,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()]);
 };
 
@@ -4026,7 +4106,8 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
   const readmeContent = hasReadme ? await loadReadmeContent(readmeUrl) : noReadmeFound();
   const baseUrl = getBaseUrl(extension.path, platform);
   const readmeHtml = await renderMarkdown(readmeContent, {
-    baseUrl
+    baseUrl,
+    linksExternal: true
   });
   const detailsVirtualDom = await getMarkdownVirtualDom(readmeHtml, {
     scrollToTopEnabled: true

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "3.64.0",
+  "version": "4.3.0",
   "description": "Extension Detail View Worker",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lvce-editor/extension-detail-view.git"
+  },
   "license": "MIT",
   "author": "Lvce Editor",
   "type": "module",