@lvce-editor/extension-detail-view 3.8.0 → 3.9.0

package/dist/extensionDetailViewWorkerMain.js

@@ -767,12 +767,12 @@ const invokeAndTransfer = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
-const commands = Object.create(null);
+const commands$1 = Object.create(null);
 const register = commandMap => {
-  Object.assign(commands, commandMap);
+  Object.assign(commands$1, commandMap);
 };
 const getCommand = key => {
-  return commands[key];
+  return commands$1[key];
 };
 const execute = (command, ...args) => {
   const fn = getCommand(command);
@@ -897,7 +897,10 @@ const Aside$2 = 'Aside';
 const Categories = 'Categories';
 const Category = 'Category';
 const Changelog$1 = 'Changelog';
+const FeatureProgrammingLanguages = 'FeatureProgrammingLanguages';
+const FeatureJsonValidation = 'FeatureJsonValidation';
 const ExtensionDetail = 'ExtensionDetail';
+const FeatureCommands = 'FeatureCommands';
 const ExtensionDetailDescription = 'ExtensionDetailDescription';
 const ExtensionDetailHeader = 'ExtensionDetailHeader';
 const ExtensionDetailHeaderDetails = 'ExtensionDetailHeaderDetails';
@@ -917,6 +920,7 @@ const MoreInfoEntryKey = 'MoreInfoEntryKey';
 const MoreInfoEntryValue = 'MoreInfoEntryValue';
 const Resource = 'Resource';
 const Resources = 'Resources';
+const Table$1 = 'Table';
 const Viewlet = 'Viewlet';
 
 const BYTE_UNITS = ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
@@ -1730,6 +1734,64 @@ const getDetailsVirtualDom = (sanitizedReadmeHtml, displaySize, extensionId, ext
   return dom;
 };
 
+const emptyObject = {};
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  const replacer = (match, rest) => {
+    return placeholders[rest];
+  };
+  return key.replaceAll(RE_PLACEHOLDER, replacer);
+};
+
+const Copy = 'Copy';
+const OpenInNewTab = 'Open in New Tab';
+const OpenImageInNewTab = 'Open Image in New Tab';
+const SaveImageAs = 'Save Image as';
+const FileMatch = 'File Match';
+const Schema = 'Schema';
+const Theme$1 = 'Theme';
+const Commands$1 = 'Commands';
+const JsonValidation$1 = 'Json Validation';
+const ProgrammingLanguages$1 = 'Programming Languages';
+const Settings$1 = 'Settings';
+
+const copy = () => {
+  return i18nString(Copy);
+};
+const openInNewTab = () => {
+  return i18nString(OpenInNewTab);
+};
+const openImageInNewTab = () => {
+  return i18nString(OpenImageInNewTab);
+};
+const saveImageAs = () => {
+  return i18nString(SaveImageAs);
+};
+const fileMatch = () => {
+  return i18nString(FileMatch);
+};
+const schema = () => {
+  return i18nString(Schema);
+};
+const theme = () => {
+  return i18nString(Theme$1);
+};
+const commands = () => {
+  return i18nString(Commands$1);
+};
+const jsonValidation = () => {
+  return i18nString(JsonValidation$1);
+};
+const programmingLanguages = () => {
+  return i18nString(ProgrammingLanguages$1);
+};
+const settings = () => {
+  return i18nString(Settings$1);
+};
+
 const Text = 1;
 const Code = 2;
 
@@ -1759,6 +1821,7 @@ const getCommandTableEntries = extension => {
 const getCellCodeVirtualDom = value => {
   return [{
     type: Td,
+    className: 'TableCell',
     childCount: 1
   }, {
     type: Div$1,
@@ -1770,26 +1833,35 @@ const getCellCodeVirtualDom = value => {
 const getCellTextVirtualDom = value => {
   return [{
     type: Td,
+    className: 'TableCell',
     childCount: 1
   }, text(value)];
 };
 
+const getCellRenderer = type => {
+  switch (type) {
+    case Code:
+      return getCellCodeVirtualDom;
+    case Text:
+      return getCellTextVirtualDom;
+    default:
+      throw new Error(`unexpected cell type ${type}`);
+  }
+};
+
 const getCellVirtualDom = entry => {
   const {
     value,
     type
   } = entry;
-  switch (type) {
-    case Code:
-      return getCellCodeVirtualDom(value);
-    default:
-      return getCellTextVirtualDom(value);
-  }
+  const fn = getCellRenderer(type);
+  return fn(value);
 };
 
 const getTableHeadingVirtualDom = heading => {
   return [{
     type: Th,
+    className: 'TableHeading',
     childCount: 1
   }, text(heading)];
 };
@@ -1807,7 +1879,7 @@ const getTableVirtualDom = tableInfo => {
   } = tableInfo;
   return [{
     type: Table,
-    className: 'Table',
+    className: Table$1,
     childCount: 2
   }, {
     type: THead,
@@ -1822,12 +1894,11 @@ const getTableVirtualDom = tableInfo => {
 };
 
 const getFeatureCommandsVirtualDom = extension => {
-  // TODO use i18n strings
-  const heading = 'Commands';
+  const heading = commands();
   const tableInfo = getCommandTableEntries(extension);
   return [{
     type: Div$1,
-    className: 'FeatureCommands',
+    className: FeatureCommands,
     childCount: 2
   }, {
     type: H1$1,
@@ -1835,44 +1906,6 @@ const getFeatureCommandsVirtualDom = extension => {
   }, text(heading), ...getTableVirtualDom(tableInfo)];
 };
 
-const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
-const i18nString = (key, placeholders = emptyObject) => {
-  if (placeholders === emptyObject) {
-    return key;
-  }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
-};
-
-const Copy = 'Copy';
-const OpenInNewTab = 'Open in New Tab';
-const OpenImageInNewTab = 'Open Image in New Tab';
-const SaveImageAs = 'Save Image as';
-const FileMatch = 'File Match';
-const Schema = 'Schema';
-
-const copy = () => {
-  return i18nString(Copy);
-};
-const openInNewTab = () => {
-  return i18nString(OpenInNewTab);
-};
-const openImageInNewTab = () => {
-  return i18nString(OpenImageInNewTab);
-};
-const saveImageAs = () => {
-  return i18nString(SaveImageAs);
-};
-const fileMatch = () => {
-  return i18nString(FileMatch);
-};
-const schema = () => {
-  return i18nString(Schema);
-};
-
 const getJsonValidationTableEntry = validation => {
   const {
     fileMatch,
@@ -1886,6 +1919,7 @@ const getJsonValidationTableEntry = validation => {
     value: schema
   }];
 };
+
 const getJsonValidationTableEntries = extension => {
   const validations = extension.jsonValidation || [];
   const rows = validations.map(getJsonValidationTableEntry);
@@ -1896,12 +1930,11 @@ const getJsonValidationTableEntries = extension => {
 };
 
 const getFeatureJsonValidationVirtualDom = extension => {
-  // TODO use i18n
-  const heading = 'Json Validation';
+  const heading = jsonValidation();
   const tableInfo = getJsonValidationTableEntries(extension);
   return [{
     type: Div$1,
-    className: 'FeatureJsonValidation',
+    className: FeatureJsonValidation,
     childCount: 2
   }, {
     type: H1$1,
@@ -1910,12 +1943,11 @@ const getFeatureJsonValidationVirtualDom = extension => {
 };
 
 const getFeatureProgrammingLanguagesVirtualDom = () => {
-  // TODO use i18n string
-  const heading = 'Programming Languages';
+  const heading = programmingLanguages();
   // TODO
   return [{
     type: Div$1,
-    className: 'FeatureProgrammingLanguages',
+    className: FeatureProgrammingLanguages,
     childCount: 1
   }, {
     type: H1$1,
@@ -1947,7 +1979,7 @@ const getSettingsTableEntries = extension => {
 };
 
 const getFeatureSettingsVirtualDom = extension => {
-  const heading = 'Settings';
+  const heading = settings();
   const tableInfo = getSettingsTableEntries(extension);
   return [{
     type: Div$1,
@@ -1962,7 +1994,7 @@ const getFeatureSettingsVirtualDom = extension => {
 const getFeatureThemesVirtualDom = themesHtml => {
   const markdownDom = getMarkdownVirtualDom(themesHtml);
   const childCount = getVirtualDomChildCount(markdownDom);
-  const heading = 'Themes';
+  const heading = theme();
   return [{
     type: Div$1,
     className: 'FeatureTheme',
@@ -2034,6 +2066,13 @@ const getFeatureListVirtualDom = features => {
 };
 
 const getFeaturesVirtualDom = (features, themesHtml, selectedFeature, extension) => {
+  if (features.length === 0) {
+    return [{
+      type: Div$1,
+      className: Features$1,
+      childCount: 3
+    }, text('None')];
+  }
   return [{
     type: Div$1,
     className: Features$1,
@@ -2091,31 +2130,36 @@ const getExtensionDetailHeaderVirtualDom = extensionDetail => {
   return dom;
 };
 
-const getFeatures = selectedFeature => {
+const hasThemes = extension => {
+  return extension && (extension.colorThemes || extension.iconThemes || extension.productIconThemes);
+};
+const hasCommands = extension => {
+  return extension && extension.commands;
+};
+const hasJsonValidation = extension => {
+  return extension && extension.jsonValidation;
+};
+const hasProgrammingLanguages = extension => {
+  return extension && extension.programmingLanguages;
+};
+const hasSettings = extension => {
+  return extension && extension.settings;
+};
+const ifElseFeature = (id, label, isEnabled, selectedFeature, extension) => {
+  if (!isEnabled(extension)) {
+    return [];
+  }
+  return [{
+    id,
+    label,
+    selected: selectedFeature === id
+  }];
+};
+const getFeatures = (selectedFeature, extension) => {
   if (!selectedFeature) {
     selectedFeature = Theme;
   }
-  const features = [{
-    id: Theme,
-    label: 'Theme',
-    selected: selectedFeature === Theme
-  }, {
-    id: Commands,
-    label: 'Commands',
-    selected: selectedFeature === Commands
-  }, {
-    id: JsonValidation,
-    label: 'Json Validation',
-    selected: selectedFeature === JsonValidation
-  }, {
-    id: ProgrammingLanguages,
-    label: 'Programming Languages',
-    selected: selectedFeature === ProgrammingLanguages
-  }, {
-    id: Settings,
-    label: 'Settings',
-    selected: selectedFeature === Settings
-  }];
+  const features = [...ifElseFeature(Theme, 'Theme', hasThemes, selectedFeature, extension), ...ifElseFeature(Commands, 'Commands', hasCommands, selectedFeature, extension), ...ifElseFeature(JsonValidation, 'Json Validation', hasJsonValidation, selectedFeature, extension), ...ifElseFeature(ProgrammingLanguages, 'Programming Languages', hasProgrammingLanguages, selectedFeature, extension), ...ifElseFeature(Settings, 'Settings', hasSettings, selectedFeature, extension)];
   return features;
 };
 
@@ -2184,11 +2228,11 @@ const getExtensionDetailVirtualDom = (extensionDetail, sanitizedReadmeHtml, sele
   // 4. dom
   const themesHtml = newState?.selectedFeatureMarkdownDom || '';
   const selectedFeature = newState?.selectedFeature || '';
-  const features = newState?.features || getFeatures(selectedFeature);
+  const extension = newState?.extension || {};
+  const features = getFeatures(selectedFeature, extension);
   const size = newState.folderSize || 0;
   const extensionId = newState?.extension?.id || 'n/a';
   const extensionVersion = newState?.extension?.version || 'n/a';
-  const extension = newState?.extension || {};
   const displaySize = getDisplaySize(size);
   const tabs = getTabs(selectedTab);
   const dom = [{
@@ -5073,7 +5117,7 @@ const loadContent = async (state, platform, savedState) => {
   const size = getViewletSize(width);
   const selectedTab = getSavedSelectedTab(savedState);
   const selectedFeature = getSavedSelectedFeature(savedState);
-  const features = getFeatures(selectedFeature);
+  const features = getFeatures(selectedFeature, extension);
   const folderSize = await getFolderSize(extension.uri);
   const entries = [{
     key: 'Identifier',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "3.8.0",
+  "version": "3.9.0",
   "description": "Extension Detail View Worker",
   "keywords": [],
   "license": "MIT",