@lvce-editor/extension-detail-view 7.14.0 → 7.14.2

package/dist/extensionDetailViewWorkerMain.js

@@ -4196,7 +4196,10 @@ const getExtension$1 = async (id, platform) => {
 const getExtensionNew = async id => {
   try {
     const rpc = get$2(ExtensionManagementWorker);
-    return await rpc.invoke('Extensions.getExtension', id);
+    const extension = await rpc.invoke('Extensions.getExtension', id);
+    if (extension) {
+      return extension;
+    }
   } catch {
     // ignore
   }
@@ -4398,6 +4401,26 @@ const handleClickUninstall = async state => {
   return state;
 };
 
+const handleColorThemeChanged = (state, colorThemeId) => {
+  if (state.currentColorThemeId === colorThemeId) {
+    return state;
+  }
+  const {
+    disabled,
+    extension,
+    hasColorTheme
+  } = state;
+  const extensionColorThemeId = getColorThemeId(extension) || '';
+  const extensionColorThemeLabel = getColorThemeLabel(extension) || '';
+  const isBuiltin = extension?.isBuiltin || extension?.builtin || false;
+  const buttons = getExtensionDetailButtons(hasColorTheme, isBuiltin, disabled, extensionColorThemeId, extensionColorThemeLabel, colorThemeId);
+  return {
+    ...state,
+    buttons,
+    currentColorThemeId: colorThemeId
+  };
+};
+
 const existsFile = async uri => {
   try {
     return await exists(uri);
@@ -4759,10 +4782,10 @@ const loadHeaderContent = (state, platform, extension) => {
   const extensionId = extension?.id || 'n/a';
   const extensionVersion = extension?.version || 'n/a';
   const hasColorTheme = hasColorThemes(extension);
-  const isBuiltin = extension?.builtin;
+  const isBuiltin = extension?.isBuiltin || extension?.builtin || false;
   const badge = getBadge(isBuiltin, builtinExtensionsBadgeEnabled);
-  const downloadCount = getDownloadCount(extension);
-  const rating = getRating(extension);
+  const downloadCount = isBuiltin ? 'n/a' : getDownloadCount(extension);
+  const rating = isBuiltin ? 'n/a' : getRating(extension);
   return {
     badge,
     description,
@@ -4921,21 +4944,17 @@ function prettyBytes(number, options) {
     number = -number;
   }
   const localeOptions = buildLocaleOptions(options);
-  let result;
-  if (number < 1) {
-    const numberString = toLocaleString(number, options.locale, localeOptions);
-    result = prefix + numberString + separator + UNITS[0];
-  } else {
-    const exponent = Math.min(Math.floor(options.binary ? log(number) / Math.log(1024) : log10(number) / 3), UNITS.length - 1);
-    number = divide(number, (options.binary ? 1024 : 1000) ** exponent);
-    if (!localeOptions) {
-      const minPrecision = Math.max(3, Math.floor(number).toString().length);
-      number = number.toPrecision(minPrecision);
-    }
-    const numberString = toLocaleString(Number(number), options.locale, localeOptions);
-    const unit = UNITS[exponent];
-    result = prefix + numberString + separator + unit;
+  let exponent = 0;
+  if (number >= 1) {
+    exponent = Math.min(Math.floor(options.binary ? log(number) / Math.log(1024) : log10(number) / 3), UNITS.length - 1);
+  }
+  number = divide(number, (options.binary ? 1024 : 1000) ** exponent);
+  if (!localeOptions) {
+    const minPrecision = Math.max(3, Math.floor(number).toString().length);
+    number = Number(number.toPrecision(minPrecision));
   }
+  const numberString = toLocaleString(number, options.locale, localeOptions);
+  const result = prefix + numberString + separator + UNITS[exponent];
   return applyFixedWidth(result, options.fixedWidth);
 }
 
@@ -6576,11 +6595,18 @@ const getStatisticVirtualDom = (label, value, className) => {
   }, text(value)];
 };
 const getExtensionDetailMetadataVirtualDom = (downloadCount$1, rating$1) => {
+  const hasDownloadCount = downloadCount$1 !== 'n/a';
+  const hasRating = rating$1 !== 'n/a';
+  if (!hasDownloadCount && !hasRating) {
+    return [];
+  }
+  const downloadCountDom = hasDownloadCount ? getStatisticVirtualDom(downloadCount(), downloadCount$1, ExtensionDetailDownloadCount) : [];
+  const ratingDom = hasRating ? getStatisticVirtualDom(rating(), rating$1, ExtensionDetailRating) : [];
   return [{
-    childCount: 2,
+    childCount: Number(hasDownloadCount) + Number(hasRating),
     className: ExtensionDetailMetadata,
     type: Div
-  }, ...getStatisticVirtualDom(downloadCount(), downloadCount$1, ExtensionDetailDownloadCount), ...getStatisticVirtualDom(rating(), rating$1, ExtensionDetailRating)];
+  }, ...downloadCountDom, ...ratingDom];
 };
 
 const getNameBadgeVirtualDom = badge => {
@@ -6619,16 +6645,17 @@ const getExtensionDetailNameVirtualDom = (name, badge) => {
 };
 
 const getExtensionDetailHeaderVirtualDom = (name, iconSrc, description, badge, buttonDefs, settingsButtonEnabled, downloadCount = 'n/a', rating = 'n/a') => {
+  const metadataDom = getExtensionDetailMetadataVirtualDom(downloadCount, rating);
   const dom = [{
     childCount: 2,
     className: ExtensionDetailHeader,
     type: Div
   }, getExtensionDetailIconVirtualDom(iconSrc), {
-    childCount: 4,
+    childCount: metadataDom.length > 0 ? 4 : 3,
     className: ExtensionDetailHeaderDetails,
     onContextMenu: HandleHeaderContextMenu,
     type: Div
-  }, ...getExtensionDetailNameVirtualDom(name, badge), ...getExtensionDetailDescriptionVirtualDom(description), ...getExtensionDetailMetadataVirtualDom(downloadCount, rating), ...getExtensionDetailHeaderActionsVirtualDom(buttonDefs, settingsButtonEnabled)];
+  }, ...getExtensionDetailNameVirtualDom(name, badge), ...getExtensionDetailDescriptionVirtualDom(description), ...metadataDom, ...getExtensionDetailHeaderActionsVirtualDom(buttonDefs, settingsButtonEnabled)];
   return dom;
 };
 
@@ -6974,6 +7001,7 @@ const commandMap = {
   'ExtensionDetail.handleClickSettings': wrapCommand(handleClickSettings),
   'ExtensionDetail.handleClickSize': wrapCommand(handleClickSize),
   'ExtensionDetail.handleClickUninstall': wrapCommand(handleClickUninstall),
+  'ExtensionDetail.handleColorThemeChanged': wrapCommand(handleColorThemeChanged),
   'ExtensionDetail.handleExtensionsChanged': wrapCommand(handleExtensionsChanged),
   'ExtensionDetail.handleExtensionsStatusUpdate': wrapCommand(handleExtensionsStatusUpdate),
   'ExtensionDetail.handleFeaturesClick': wrapCommand(handleClickFeatures),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "7.14.0",
+  "version": "7.14.2",
   "description": "Extension Detail View Worker",
   "repository": {
     "type": "git",