@lvce-editor/extension-detail-view 3.26.0 → 3.27.0

package/dist/extensionDetailViewWorkerMain.js

@@ -873,8 +873,6 @@ const WebWorkerRpcClient = {
   create: create$3
 };
 
-const assetDir = '';
-
 const create$2 = () => {
   const states = Object.create(null);
   return {
@@ -933,6 +931,11 @@ const create$2 = () => {
     }
   };
 };
+const terminate = () => {
+  globalThis.close();
+};
+
+const assetDir = '';
 
 const {
   get: get$1,
@@ -1021,11 +1024,18 @@ const i18nString = (key, placeholders = emptyObject) => {
   return key.replaceAll(RE_PLACEHOLDER, replacer);
 };
 
+const Installation = 'Installation';
+const Marketplace = 'Marketplace';
+const Categories$1 = 'Categories';
+const Resources$1 = 'Resources';
+const Changelog$2 = 'Changelog';
 const Commands$1 = 'Commands';
 const ContentSecurityPolicy = 'ContentSecurityPolicy';
 const Copy = 'Copy';
+const Details$1 = 'Details';
 const Disable = 'Disable';
 const Elements = 'Elements';
+const Features$2 = 'Features';
 const FileMatch = 'File Match';
 const None$1 = 'None';
 const Id = 'ID';
@@ -1044,12 +1054,33 @@ const Uninstall = 'Uninstall';
 const WebViews$1 = 'WebViews';
 const NotImplemented = 'Not Implemented';
 
+const installation = () => {
+  return i18nString(Installation);
+};
+const marketplace = () => {
+  return i18nString(Marketplace);
+};
+const categories = () => {
+  return i18nString(Categories$1);
+};
+const resources = () => {
+  return i18nString(Resources$1);
+};
 const copy = () => {
   return i18nString(Copy);
 };
+const changelog = () => {
+  return i18nString(Changelog$2);
+};
+const details = () => {
+  return i18nString(Details$1);
+};
 const disable = () => {
   return i18nString(Disable);
 };
+const features = () => {
+  return i18nString(Features$2);
+};
 const none = () => {
   return i18nString(None$1);
 };
@@ -1452,6 +1483,10 @@ const handleTabsClick = (state, name) => {
   return selectTab(state, name);
 };
 
+const initialize = async () => {
+  // TODO create connection to file system worker
+};
+
 const isLanguageBasicsExtension = extension => {
   return extension.name && extension.name.startsWith('Language Basics');
 };
@@ -1620,14 +1655,6 @@ const getViewletSize = width => {
 };
 
 const readFile = async uri => {
-  if (uri.startsWith('http://') || uri.startsWith('https://')) {
-    const response = await fetch(uri);
-    if (!response.ok) {
-      throw new Error(response.statusText);
-    }
-    const result = await response.text();
-    return result;
-  }
   return readFile$1(uri);
 };
 
@@ -1650,6 +1677,8 @@ const loadReadmeContent = async path => {
     if (isEnoentError(error)) {
       return '';
     }
+    // TODO send message to error worker
+    // @ts-ignore
     console.error(new VError(error, 'Failed to load Readme content'));
     return `${error}`;
   }
@@ -1779,10 +1808,12 @@ const Img = 17;
 const H2 = 22;
 const Pre = 51;
 const A = 53;
+const Code$1 = 65;
 const VirtualDomElements = {
   __proto__: null,
   A,
   Button: Button$1,
+  Code: Code$1,
   Div,
   H1,
   H2,
@@ -2130,6 +2161,13 @@ const getAdditionalDetailsVirtualDom = (showAdditionalDetails, firstHeading, ent
   }, ...getAdditionalDetailsEntryVirtualDom(firstHeading, entries, getMoreInfoVirtualDom), ...getAdditionalDetailsEntryVirtualDom(secondHeading, secondEntries, getMoreInfoVirtualDom), ...getAdditionalDetailsEntryVirtualDom(thirdHeading, categories, getCategoriesDom), ...getAdditionalDetailsEntryVirtualDom(fourthHeading, resources, getResourcesVirtualDom)];
 };
 
+const getCategories = () => {
+  return [{
+    id: 'themes',
+    label: 'Themes'
+  }];
+};
+
 const getInstallationEntries = (displaySize, extensionId, extensionVersion) => {
   const entries = [{
     key: 'Identifier',
@@ -2169,18 +2207,8 @@ const getMarketplaceEntries = () => {
   }];
 };
 
-const getDetailsVirtualDom = async (sanitizedReadmeHtml, displaySize, extensionId, extensionVersion, width) => {
-  const firstHeading = 'Installation';
-  const entries = getInstallationEntries(displaySize, extensionId, extensionVersion);
-  const secondHeading = 'Marketplace';
-  const secondEntries = getMarketplaceEntries();
-  const thirdHeading = 'Categories';
-  const categories = [{
-    id: 'themes',
-    label: 'Themes'
-  }];
-  const fourthHeading = 'Resources';
-  const resources = [{
+const getResources = () => {
+  return [{
     label: 'Marketplace',
     url: '#'
   }, {
@@ -2193,6 +2221,17 @@ const getDetailsVirtualDom = async (sanitizedReadmeHtml, displaySize, extensionI
     label: 'License',
     url: '#'
   }];
+};
+
+const getDetailsVirtualDom = async (sanitizedReadmeHtml, displaySize, extensionId, extensionVersion, width) => {
+  const firstHeading = installation();
+  const entries = getInstallationEntries(displaySize, extensionId, extensionVersion);
+  const secondHeading = marketplace();
+  const secondEntries = getMarketplaceEntries();
+  const thirdHeading = categories();
+  const categories$1 = getCategories();
+  const fourthHeading = resources();
+  const resources$1 = getResources();
   const showAdditionalDetailsBreakpoint = 600;
   const showAdditionalDetails = width > showAdditionalDetailsBreakpoint;
   const childCount = showAdditionalDetails ? 2 : 1;
@@ -2201,7 +2240,7 @@ const getDetailsVirtualDom = async (sanitizedReadmeHtml, displaySize, extensionI
     className: ExtensionDetailPanel,
     childCount: childCount,
     role: Panel
-  }, ...(await getMarkdownVirtualDom(sanitizedReadmeHtml)), ...getAdditionalDetailsVirtualDom(showAdditionalDetails, firstHeading, entries, secondHeading, secondEntries, thirdHeading, categories, fourthHeading, resources)];
+  }, ...(await getMarkdownVirtualDom(sanitizedReadmeHtml)), ...getAdditionalDetailsVirtualDom(showAdditionalDetails, firstHeading, entries, secondHeading, secondEntries, thirdHeading, categories$1, fourthHeading, resources$1)];
   return dom;
 };
 
@@ -2255,8 +2294,7 @@ const getCellCodeVirtualDom = value => {
     className: TableCell,
     childCount: 1
   }, {
-    type: VirtualDomElements.Div,
-    // TODO use code tag
+    type: VirtualDomElements.Code,
     childCount: 1
   }, text(value)];
 };
@@ -2420,11 +2458,11 @@ const getFeatureSettingsVirtualDom = extension => {
   }, ...getFeatureContentHeadingVirtualDom(heading), ...getTableVirtualDom(tableInfo)];
 };
 
-const getVirtualDomChildCount = markdownDom => {
-  const max = markdownDom.length - 1;
+const getVirtualDomChildCount = dom => {
+  const max = dom.length - 1;
   let stack = [];
   for (let i = max; i >= 0; i--) {
-    const element = markdownDom[i];
+    const element = dom[i];
     if (element.childCount > 0) {
       stack = stack.slice(element.childCount);
     }
@@ -2675,15 +2713,15 @@ const getExtensionDetailHeaderVirtualDom = (name, iconSrc, description, badge, b
 
 const getTabs = selectedTab => {
   const tabs = [{
-    label: 'Details',
+    label: details(),
     name: Details,
     selected: selectedTab === Details
   }, {
-    label: 'Features',
+    label: features(),
     name: Features$1,
     selected: selectedTab === Features$1
   }, {
-    label: 'Changelog',
+    label: changelog(),
     name: Changelog$1,
     selected: selectedTab === Changelog$1
   }];
@@ -2735,7 +2773,7 @@ const getClassNames = size => {
   }
 };
 
-const getExtensionDetailVirtualDom = async (extensionDetail, sanitizedReadmeHtml, selectedTab, newState) => {
+const getExtensionDetailVirtualDom = async (newState, sanitizedReadmeHtml, selectedTab) => {
   // TODO move this to view model so that rendering occurs like
   // 1. state
   // 2. view model
@@ -2758,7 +2796,7 @@ const getExtensionDetailVirtualDom = async (extensionDetail, sanitizedReadmeHtml
     name,
     iconSrc,
     description
-  } = extensionDetail;
+  } = newState;
   const badge = '';
   const {
     settingsButtonEnabled
@@ -2772,7 +2810,7 @@ const getExtensionDetailVirtualDom = async (extensionDetail, sanitizedReadmeHtml
 };
 
 const renderDom = async (oldState, newState) => {
-  const dom = await getExtensionDetailVirtualDom(newState, newState.sanitizedReadmeHtml, newState.selectedTab, newState);
+  const dom = await getExtensionDetailVirtualDom(newState, newState.sanitizedReadmeHtml, newState.selectedTab);
   return ['Viewlet.setDom2', dom];
 };
 
@@ -2862,10 +2900,6 @@ const saveState = uid => {
   };
 };
 
-const terminate = () => {
-  globalThis.close();
-};
-
 const commandMap = {
   'ExtensionDetail.create': create$1,
   'ExtensionDetail.diff2': diff2,
@@ -2886,7 +2920,8 @@ const commandMap = {
   'ExtensionDetail.resize': resize,
   'ExtensionDetail.saveState': saveState,
   'ExtensionDetail.selectTab': wrapCommand(selectTab),
-  'ExtensionDetail.terminate': terminate
+  'ExtensionDetail.terminate': terminate,
+  'ExtensionDetail.initialize': initialize
 };
 
 const listen = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "3.26.0",
+  "version": "3.27.0",
   "description": "Extension Detail View Worker",
   "license": "MIT",
   "author": "Lvce Editor",