@lvce-editor/extension-detail-view 3.26.0 → 3.28.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,9 @@ const create$2 = () => {
     }
   };
 };
+const terminate = () => {
+  globalThis.close();
+};
 
 const {
   get: get$1,
@@ -941,7 +942,7 @@ const {
   wrapCommand
 } = create$2();
 
-const create$1 = (uid, uri, x, y, width, height, platform, assetDir$1) => {
+const create$1 = (uid, uri, x, y, width, height, platform, assetDir) => {
   const state = {
     description: '',
     iconSrc: '',
@@ -961,7 +962,7 @@ const create$1 = (uid, uri, x, y, width, height, platform, assetDir$1) => {
     baseUrl: '',
     features: [],
     folderSize: 0,
-    assetDir: assetDir$1 || assetDir,
+    assetDir: assetDir || '',
     platform,
     settingsButtonEnabled: false
   };
@@ -1021,11 +1022,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 +1052,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 +1481,11 @@ const handleTabsClick = (state, name) => {
   return selectTab(state, name);
 };
 
+const initialize = async () => {
+  // TODO create connection to file system worker
+  // TODO create direct connection to markdown worker
+};
+
 const isLanguageBasicsExtension = extension => {
   return extension.name && extension.name.startsWith('Language Basics');
 };
@@ -1547,6 +1581,26 @@ const getBaseUrl = (extensionPath, platform) => {
   }
 };
 
+const getCategories = () => {
+  return [{
+    id: 'themes',
+    label: 'Themes'
+  }];
+};
+
+const getEntries = () => {
+  return [{
+    key: 'Identifier',
+    value: 'abc'
+  }, {
+    key: 'Version',
+    value: '1.9.5'
+  }, {
+    key: 'Last Updated',
+    value: 'n/a'
+  }];
+};
+
 const getExtensionIdFromUri = uri => {
   const id = uri.slice('extension-detail://'.length);
   return id;
@@ -1605,6 +1659,32 @@ const getFolderSize = async uri => {
   }
 };
 
+const getResources = () => {
+  return [{
+    label: 'Marketplace',
+    url: '#'
+  }, {
+    label: 'Issues',
+    url: '#'
+  }, {
+    label: 'Repository',
+    url: '#'
+  }, {
+    label: 'License',
+    url: '#'
+  }];
+};
+
+const getSecondEntries = () => {
+  return [{
+    key: 'Published',
+    value: 'n/a'
+  }, {
+    key: 'Last Released',
+    value: 'n/a'
+  }];
+};
+
 const Small$1 = 1;
 const Normal$1 = 2;
 const Large$1 = 3;
@@ -1620,14 +1700,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 +1722,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}`;
   }
@@ -1704,40 +1778,10 @@ const loadContent = async (state, platform, savedState) => {
   const features = getFeatures(selectedFeature, extension);
   const extensionUri = extension.uri || extension.path;
   const folderSize = await getFolderSize(extensionUri);
-  const entries = [{
-    key: 'Identifier',
-    value: 'abc'
-  }, {
-    key: 'Version',
-    value: '1.9.5'
-  }, {
-    key: 'Last Updated',
-    value: 'n/a'
-  }];
-  const secondEntries = [{
-    key: 'Published',
-    value: 'n/a'
-  }, {
-    key: 'Last Released',
-    value: 'n/a'
-  }];
-  const categories = [{
-    id: 'themes',
-    label: 'Themes'
-  }];
-  const resources = [{
-    label: 'Marketplace',
-    url: '#'
-  }, {
-    label: 'Issues',
-    url: '#'
-  }, {
-    label: 'Repository',
-    url: '#'
-  }, {
-    label: 'License',
-    url: '#'
-  }];
+  const entries = getEntries();
+  const secondEntries = getSecondEntries();
+  const categories = getCategories();
+  const resources = getResources();
   return {
     ...state,
     selectedTab,
@@ -1779,10 +1823,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,
@@ -2170,29 +2216,14 @@ const getMarketplaceEntries = () => {
 };
 
 const getDetailsVirtualDom = async (sanitizedReadmeHtml, displaySize, extensionId, extensionVersion, width) => {
-  const firstHeading = 'Installation';
+  const firstHeading = installation();
   const entries = getInstallationEntries(displaySize, extensionId, extensionVersion);
-  const secondHeading = 'Marketplace';
+  const secondHeading = marketplace();
   const secondEntries = getMarketplaceEntries();
-  const thirdHeading = 'Categories';
-  const categories = [{
-    id: 'themes',
-    label: 'Themes'
-  }];
-  const fourthHeading = 'Resources';
-  const resources = [{
-    label: 'Marketplace',
-    url: '#'
-  }, {
-    label: 'Issues',
-    url: '#'
-  }, {
-    label: 'Repository',
-    url: '#'
-  }, {
-    label: 'License',
-    url: '#'
-  }];
+  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 +2232,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 +2286,7 @@ const getCellCodeVirtualDom = value => {
     className: TableCell,
     childCount: 1
   }, {
-    type: VirtualDomElements.Div,
-    // TODO use code tag
+    type: VirtualDomElements.Code,
     childCount: 1
   }, text(value)];
 };
@@ -2420,11 +2450,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 +2705,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 +2765,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 +2788,7 @@ const getExtensionDetailVirtualDom = async (extensionDetail, sanitizedReadmeHtml
     name,
     iconSrc,
     description
-  } = extensionDetail;
+  } = newState;
   const badge = '';
   const {
     settingsButtonEnabled
@@ -2772,7 +2802,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 +2892,6 @@ const saveState = uid => {
   };
 };
 
-const terminate = () => {
-  globalThis.close();
-};
-
 const commandMap = {
   'ExtensionDetail.create': create$1,
   'ExtensionDetail.diff2': diff2,
@@ -2886,7 +2912,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.28.0",
   "description": "Extension Detail View Worker",
   "license": "MIT",
   "author": "Lvce Editor",