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

package/dist/extensionDetailViewWorkerMain.js

@@ -935,8 +935,6 @@ const terminate = () => {
   globalThis.close();
 };
 
-const assetDir = '';
-
 const {
   get: get$1,
   set: set$1,
@@ -944,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: '',
@@ -964,9 +962,10 @@ 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
+    settingsButtonEnabled: false,
+    builtinExtensionsBadgeEnabled: true
   };
   set$1(uid, state, state);
 };
@@ -1485,6 +1484,7 @@ const handleTabsClick = (state, name) => {
 
 const initialize = async () => {
   // TODO create connection to file system worker
+  // TODO create direct connection to markdown worker
 };
 
 const isLanguageBasicsExtension = extension => {
@@ -1582,6 +1582,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;
@@ -1640,6 +1660,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;
@@ -1733,40 +1779,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,
@@ -1854,6 +1870,7 @@ const ExtensionDetailHeaderActions = 'ExtensionDetailHeaderActions';
 const ExtensionDetailHeaderDetails = 'ExtensionDetailHeaderDetails';
 const ExtensionDetailIcon = 'ExtensionDetailIcon';
 const ExtensionDetailName = 'ExtensionDetailName';
+const ExtensionDetailNameBadge = 'ExtensionDetailNameBadge';
 const ExtensionDetailPanel = 'ExtensionDetailPanel';
 const SettingsButton = 'SettingsButton';
 const SettingsIcon = 'SettingsIcon';
@@ -1882,6 +1899,13 @@ const TableCell = 'TableCell';
 const TableHeading = 'TableHeading';
 const Viewlet = 'Viewlet';
 
+const getBadge = (extension, state) => {
+  if (extension?.builtin && state.builtinExtensionsBadgeEnabled) {
+    return 'builtin';
+  }
+  return '';
+};
+
 const BYTE_UNITS = ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
 const BIBYTE_UNITS = ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
 const BIT_UNITS = ['b', 'kbit', 'Mbit', 'Gbit', 'Tbit', 'Pbit', 'Ebit', 'Zbit', 'Ybit'];
@@ -2086,7 +2110,8 @@ const getMoreInfoEntryValueVirtualDom = item => {
   const {
     value,
     onClick,
-    code
+    code,
+    title
   } = item;
   const type = getTag(onClick, code);
   const className = getClassName(onClick, code);
@@ -2094,7 +2119,8 @@ const getMoreInfoEntryValueVirtualDom = item => {
     type: type,
     className,
     childCount: 1,
-    onClick
+    onClick,
+    title
   }, text(value)];
 };
 
@@ -2161,14 +2187,7 @@ 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 getInstallationEntries = (displaySize, extensionId, extensionVersion, extensionUri) => {
   const entries = [{
     key: 'Identifier',
     value: extensionId,
@@ -2185,7 +2204,8 @@ const getInstallationEntries = (displaySize, extensionId, extensionVersion) => {
   }, {
     key: 'Size',
     value: displaySize,
-    onClick: HandleClickSize
+    onClick: HandleClickSize,
+    title: extensionUri
   }];
   return entries;
 };
@@ -2207,25 +2227,9 @@ const getMarketplaceEntries = () => {
   }];
 };
 
-const getResources = () => {
-  return [{
-    label: 'Marketplace',
-    url: '#'
-  }, {
-    label: 'Issues',
-    url: '#'
-  }, {
-    label: 'Repository',
-    url: '#'
-  }, {
-    label: 'License',
-    url: '#'
-  }];
-};
-
-const getDetailsVirtualDom = async (sanitizedReadmeHtml, displaySize, extensionId, extensionVersion, width) => {
+const getDetailsVirtualDom = async (sanitizedReadmeHtml, displaySize, extensionId, extensionVersion, width, extensionUri) => {
   const firstHeading = installation();
-  const entries = getInstallationEntries(displaySize, extensionId, extensionVersion);
+  const entries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri);
   const secondHeading = marketplace();
   const secondEntries = getMarketplaceEntries();
   const thirdHeading = categories();
@@ -2620,7 +2624,7 @@ const getFeaturesVirtualDom = async (features, themesHtml, selectedFeature, exte
 const getExtensionDetailContentVirtualDom = async (sanitizedReadmeHtml, themesHtml, selectedTab, features, displaySize, extensionId, extensionVersion, selectedFeature, extension, width) => {
   switch (selectedTab) {
     case Details:
-      return await getDetailsVirtualDom(sanitizedReadmeHtml, displaySize, extensionId, extensionVersion, width);
+      return await getDetailsVirtualDom(sanitizedReadmeHtml, displaySize, extensionId, extensionVersion, width, extension.uri || extension.path || '');
     case Features$1:
       return await getFeaturesVirtualDom(features, themesHtml, selectedFeature, extension);
     case Changelog$1:
@@ -2678,9 +2682,14 @@ const getExtensionDetailHeaderActionsVirtualDom = (buttonDefs, settingsButtonEna
 };
 
 const getNameBadgeVirtualDom = badge => {
-  {
+  if (!badge) {
     return [];
   }
+  return [{
+    type: VirtualDomElements.Span,
+    className: ExtensionDetailNameBadge,
+    childCount: 1
+  }, text(badge)];
 };
 
 const getExtensionDetailNameVirtualDom = (name, badge) => {
@@ -2688,7 +2697,7 @@ const getExtensionDetailNameVirtualDom = (name, badge) => {
     type: VirtualDomElements.Div,
     className: ExtensionDetailName,
     childCount: badge ? 2 : 1
-  }, text(name), ...getNameBadgeVirtualDom()];
+  }, text(name), ...getNameBadgeVirtualDom(badge)];
 };
 
 const getExtensionDetailHeaderVirtualDom = (name, iconSrc, description, badge, buttonDefs, settingsButtonEnabled) => {
@@ -2797,7 +2806,7 @@ const getExtensionDetailVirtualDom = async (newState, sanitizedReadmeHtml, selec
     iconSrc,
     description
   } = newState;
-  const badge = '';
+  const badge = getBadge(extension, newState);
   const {
     settingsButtonEnabled
   } = newState;

package/package.json

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