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

package/dist/extensionDetailViewWorkerMain.js

@@ -964,7 +964,8 @@ const create$1 = (uid, uri, x, y, width, height, platform, assetDir) => {
     folderSize: 0,
     assetDir: assetDir || '',
     platform,
-    settingsButtonEnabled: false
+    settingsButtonEnabled: false,
+    builtinExtensionsBadgeEnabled: true
   };
   set$1(uid, state, state);
 };
@@ -1869,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';
@@ -1897,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'];
@@ -2101,7 +2110,8 @@ const getMoreInfoEntryValueVirtualDom = item => {
   const {
     value,
     onClick,
-    code
+    code,
+    title
   } = item;
   const type = getTag(onClick, code);
   const className = getClassName(onClick, code);
@@ -2109,7 +2119,8 @@ const getMoreInfoEntryValueVirtualDom = item => {
     type: type,
     className,
     childCount: 1,
-    onClick
+    onClick,
+    title
   }, text(value)];
 };
 
@@ -2176,7 +2187,7 @@ const getAdditionalDetailsVirtualDom = (showAdditionalDetails, firstHeading, ent
   }, ...getAdditionalDetailsEntryVirtualDom(firstHeading, entries, getMoreInfoVirtualDom), ...getAdditionalDetailsEntryVirtualDom(secondHeading, secondEntries, getMoreInfoVirtualDom), ...getAdditionalDetailsEntryVirtualDom(thirdHeading, categories, getCategoriesDom), ...getAdditionalDetailsEntryVirtualDom(fourthHeading, resources, getResourcesVirtualDom)];
 };
 
-const getInstallationEntries = (displaySize, extensionId, extensionVersion) => {
+const getInstallationEntries = (displaySize, extensionId, extensionVersion, extensionUri) => {
   const entries = [{
     key: 'Identifier',
     value: extensionId,
@@ -2193,7 +2204,8 @@ const getInstallationEntries = (displaySize, extensionId, extensionVersion) => {
   }, {
     key: 'Size',
     value: displaySize,
-    onClick: HandleClickSize
+    onClick: HandleClickSize,
+    title: extensionUri
   }];
   return entries;
 };
@@ -2215,9 +2227,9 @@ const getMarketplaceEntries = () => {
   }];
 };
 
-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();
@@ -2612,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:
@@ -2670,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) => {
@@ -2680,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) => {
@@ -2789,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.28.0",
+  "version": "3.29.0",
   "description": "Extension Detail View Worker",
   "license": "MIT",
   "author": "Lvce Editor",