@lvce-editor/extension-detail-view 3.56.0 → 3.58.0

package/dist/extensionDetailViewWorkerMain.js

@@ -11,7 +11,7 @@ const i18nString = (key, placeholders = emptyObject) => {
 };
 
 const ActivationEvents$1 = 'Activation Events';
-const RuntimeStatus$1 = 'Runtime Status';
+const ActivationTime = 'Activation Time: ';
 const Categories$1 = 'Categories';
 const Changelog$2 = 'Changelog';
 const Commands$1 = 'Commands';
@@ -22,43 +22,43 @@ const CopyImageUrl = 'Copy Image Url';
 const Details$1 = 'Details';
 const Disable$1 = 'Disable';
 const Elements = 'Elements';
+const EmptyCommandsArray = 'The extension contributes an empty commands array.';
+const Enable$1 = 'Enable';
 const Features$2 = 'Features';
 const FileMatch = 'File Match';
 const Id = 'ID';
+const Identifier = 'Identifier';
+const ImportTime = 'Import Time: ';
 const Installation = 'Installation';
+const Issues = 'Issues';
 const JsonValidation$1 = 'Json Validation';
 const Label = 'Label';
+const LastReleased = 'Last Released';
+const LastUpdated = 'Last Updated';
+const License = 'License';
 const Marketplace = 'Marketplace';
 const None$3 = 'None';
 const NoReadmeFound = 'No Readme Found.';
-const EmptyCommandsArray = 'The extension contributed an empty commands array.';
 const OpenImageInNewTab = 'Open Image in New Tab';
 const OpenInNewTab = 'Open in New Tab';
 const ProgrammingLanguages$1 = 'Programming Languages';
+const Published = 'Published';
+const Repository = 'Repository';
 const Resources$1 = 'Resources';
+const RuntimeStatus$1 = 'Runtime Status';
 const SaveImageAs = 'Save Image as';
 const Schema = 'Schema';
 const ScrollToTop$1 = 'Scroll to top';
+const SelectedFeatureUnknownOrUnsupported = 'Selected feature is unknown or unsupported';
 const Selector = 'Selector';
 const SetColorTheme$1 = 'Set Color Theme';
-const Enable$1 = 'Enable';
 const Settings$1 = 'Settings';
+const Size = 'Size';
 const Theme$1 = 'Theme';
 const Uninstall$1 = 'Uninstall';
-const WebViews$1 = 'WebViews';
-const ImportTime = 'Import Time: ';
-const ActivationTime = 'Activation Time: ';
 const UnsupportedFeature = 'Unsupported Feature';
-const SelectedFeatureUnknownOrUnsupported = 'Selected feature is unknown or unsupported';
-const Identifier = 'Identifier';
 const Version = 'Version';
-const LastUpdated = 'Last Updated';
-const Size = 'Size';
-const Published = 'Published';
-const LastReleased = 'Last Released';
-const Issues = 'Issues';
-const Repository = 'Repository';
-const License = 'License';
+const WebViews$1 = 'WebViews';
 
 const installation = () => {
   return i18nString(Installation);
@@ -248,6 +248,7 @@ const THead = 14;
 const Tr = 15;
 const Img = 17;
 const H2 = 22;
+const Aside$1 = 28;
 const Dd = 43;
 const Dl = 44;
 const Li = 48;
@@ -260,6 +261,7 @@ const Dt = 67;
 const VirtualDomElements = {
   __proto__: null,
   A,
+  Aside: Aside$1,
   Button: Button$1,
   Code: Code$2,
   Dd,
@@ -524,10 +526,11 @@ const getCommandsVirtualDom = state => {
 };
 
 const getJsonValidationTableEntry = validation => {
+  // TODO handle case when validation is invalid like null
   const {
-    fileMatch,
-    schema
+    fileMatch
   } = validation;
+  const schema = validation.schema ?? validation.url;
   return [{
     type: Code,
     value: fileMatch
@@ -688,9 +691,9 @@ const create$7 = rpcId => {
   };
 };
 const ExtensionHostWorker = 44;
-const RendererWorker$1 = 1;
 const FileSystemWorker$1 = 209;
 const MarkdownWorker$1 = 300;
+const RendererWorker$1 = 1;
 const {
   invoke: invoke$9,
   set: set$9} = create$7(ExtensionHostWorker);
@@ -902,17 +905,21 @@ const getStatusMessage = statusType => {
   }
 };
 
+const key = {
+  type: VirtualDomElements.Dt,
+  childCount: 1,
+  className: 'RuntimeStatusDefinitionListKey'
+};
+const value = {
+  type: VirtualDomElements.Dd,
+  className: 'RuntimeStatusDefinitionListValue',
+  childCount: 1
+};
 const getStatusVirtualDom = status => {
   const statusString = getStatusMessage(status);
-  return [{
-    type: VirtualDomElements.Dt,
-    childCount: 1
-  }, text(`Status: `),
+  return [key, text(`Status: `),
   // i18n
-  {
-    type: VirtualDomElements.Dd,
-    childCount: 1
-  }, text(`${statusString}`)];
+  value, text(`${statusString}`)];
 };
 
 const getChildCount$1 = (status, activationTime, importTime) => {
@@ -937,6 +944,7 @@ const getRuntimeStatusVirtualDom = state => {
     childCount: 2
   }, ...getFeatureContentHeadingVirtualDom(heading), {
     type: VirtualDomElements.Dl,
+    className: 'RuntimeStatusDefinitionList',
     childCount
   }, ...getStatusVirtualDom(status), ...getActivationTimeVirtualDom(activationTime, importTime)];
 };
@@ -1929,7 +1937,8 @@ const splitLines = lines => {
   return lines.split(NewLine);
 };
 const getCurrentStack = () => {
-  const currentStack = joinLines(splitLines(new Error().stack || '').slice(2));
+  const stackLinesToSkip = 3;
+  const currentStack = joinLines(splitLines(new Error().stack || '').slice(stackLinesToSkip));
   return currentStack;
 };
 const getNewLineIndex = (string, startIndex = undefined) => {
@@ -2200,6 +2209,12 @@ const invokeAndTransfer = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
+class CommandNotFoundError extends Error {
+  constructor(command) {
+    super(`Command not found ${command}`);
+    this.name = 'CommandNotFoundError';
+  }
+}
 const commands = Object.create(null);
 const register = commandMap => {
   Object.assign(commands, commandMap);
@@ -2210,7 +2225,7 @@ const getCommand = key => {
 const execute = (command, ...args) => {
   const fn = getCommand(command);
   if (!fn) {
-    throw new Error(`command not found ${command}`);
+    throw new CommandNotFoundError(command);
   }
   return fn(...args);
 };
@@ -2498,6 +2513,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     description: '',
     detailsVirtualDom: [],
     displaySize: '',
+    downloadCount: 'n/a',
     installationEntries: [],
     extension: {},
     extensionId: '',
@@ -2512,6 +2528,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     name: '',
     platform,
     programmingLanguages: [],
+    rating: 'n/a',
     readmeScrollTop: 0,
     resources: [],
     scrollSource: 0,
@@ -2529,11 +2546,17 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     uri,
     webViews: [],
     width,
-    readmeUrl: ''
+    readmeUrl: '',
+    paddingLeft: 0,
+    paddingRight: 0
   };
   set(uid, state, state);
 };
 
+const isEqual$3 = (oldState, newState) => {
+  return oldState.paddingLeft === newState.paddingLeft && oldState.paddingRight === newState.paddingRight;
+};
+
 const isEqual$2 = (oldState, newState) => {
   return oldState.focus === newState.focus;
 };
@@ -2552,9 +2575,10 @@ const isEqual = (oldState, newState) => {
 const RenderFocus = 2;
 const RenderItems = 3;
 const RenderScrollTop = 4;
+const RenderCss = 5;
 
-const modules = [isEqual$1, isEqual$2, isEqual];
-const numbers = [RenderItems, RenderFocus, RenderScrollTop];
+const modules = [isEqual$1, isEqual$2, isEqual, isEqual$3];
+const numbers = [RenderItems, RenderFocus, RenderScrollTop, RenderCss];
 
 const diff2 = uid => {
   const {
@@ -3326,7 +3350,8 @@ function prettyBytes(number, options) {
   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) {
-    number = number.toPrecision(3);
+    const minPrecision = Math.max(3, Number.parseInt(number, 10).toString().length);
+    number = number.toPrecision(minPrecision);
   }
   const numberString = toLocaleString(Number(number), options.locale, localeOptions);
   const unit = UNITS[exponent];
@@ -3534,6 +3559,8 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     resources,
     folderSize
   } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin);
+  const paddingLeft = 30;
+  const paddingRight = 30;
   return {
     ...state,
     badge,
@@ -3565,7 +3592,9 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     selectedTab,
     sizeOnDisk: size,
     sizeValue,
-    tabs: enabledTabs
+    tabs: enabledTabs,
+    paddingLeft,
+    paddingRight
   };
 };
 
@@ -3586,6 +3615,27 @@ const openImageInNewTab = async state => {
   return state;
 };
 
+/* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
+
+const createCss = object => {
+  const inner = Object.entries(object).map(([key, value]) => `  --${key}: ${value}px;`).join('\n');
+  const full = `:root {\n${inner}\n}`;
+  return full;
+};
+
+const renderCss = (oldState, newState) => {
+  const {
+    uid,
+    paddingLeft,
+    paddingRight
+  } = newState;
+  const css = createCss({
+    ExtensionDetailPaddingLeft: paddingLeft,
+    ExtensionDetailPaddingRight: paddingRight
+  });
+  return ['Viewlet.setCss', uid, css];
+};
+
 const getChangelogVirtualDom = changelogDom => {
   // const notImplemented = ExtensionDetailStrings.notImplemented()
   // TODO set tabpanel role
@@ -3642,12 +3692,14 @@ const getMoreInfoEntryKeyVirtualDom = item => {
   return [parentNode, text(key)];
 };
 
+const classLink = mergeClassNames(MoreInfoEntryValue, Link);
+const classCode = mergeClassNames(MoreInfoEntryValue, Code$1);
 const getMoreInfoEntryValueClassName = (onClick, code) => {
   if (onClick) {
-    return mergeClassNames(MoreInfoEntryValue, Link);
+    return classLink;
   }
   if (code) {
-    return mergeClassNames(MoreInfoEntryValue, Code$1);
+    return classCode;
   }
   return MoreInfoEntryValue;
 };
@@ -3672,7 +3724,7 @@ const getMoreInfoEntryValueVirtualDom = item => {
   const type = getMoreInfoEntryValueTag(onClick, code);
   const className = getMoreInfoEntryValueClassName(onClick, code);
   return [{
-    type: type,
+    type,
     className,
     childCount: 1,
     onClick,
@@ -3681,12 +3733,12 @@ const getMoreInfoEntryValueVirtualDom = item => {
 };
 
 const parentNodeEven = {
-  type: VirtualDomElements.Dt,
+  type: VirtualDomElements.Div,
   className: MoreInfoEntry,
   childCount: 2
 };
 const parentNodeOdd = {
-  type: VirtualDomElements.Dt,
+  type: VirtualDomElements.Div,
   className: mergeClassNames(MoreInfoEntry, MoreInfoEntryOdd),
   childCount: 2
 };
@@ -3732,7 +3784,7 @@ const getAdditionalDetailsVirtualDom = (showAdditionalDetails, firstHeading, ent
     return [];
   }
   return [{
-    type: VirtualDomElements.Div,
+    type: VirtualDomElements.Aside,
     className: Aside,
     childCount: 1
   }, {
@@ -3797,6 +3849,15 @@ const getFeatureListVirtualDom = features => {
   }, ...features.flatMap(getFeatureListItemVirtualDom)];
 };
 
+const getFeaturesEmptyVirtualDom = () => {
+  const none$1 = none();
+  return [{
+    type: VirtualDomElements.Div,
+    className: Features$1,
+    childCount: 1
+  }, text(none$1)];
+};
+
 const sash = {
   type: VirtualDomElements.Div,
   className: mergeClassNames(Sash, SashVertical),
@@ -3804,12 +3865,7 @@ const sash = {
 };
 const getFeaturesVirtualDom = (features, selectedFeature, state) => {
   if (features.length === 0) {
-    const none$1 = none();
-    return [{
-      type: VirtualDomElements.Div,
-      className: Features$1,
-      childCount: 1
-    }, text(none$1)];
+    return getFeaturesEmptyVirtualDom();
   }
   const fn = getFeatureVirtualDomHandler(selectedFeature);
   const featureVirtualDom = fn(state);
@@ -4049,6 +4105,8 @@ const getRenderer = diffType => {
       return renderFocus;
     case RenderScrollTop:
       return renderScrollTop;
+    case RenderCss:
+      return renderCss;
     default:
       throw new Error('unknown renderer');
   }

package/package.json

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