@lvce-editor/extension-detail-view 4.7.0 → 4.9.0

package/dist/extensionDetailViewWorkerMain.js

@@ -27,6 +27,10 @@ const Enable$1 = 'Enable';
 const Features$2 = 'Features';
 const FileMatch = 'File Match';
 const Id = 'ID';
+const Name = 'Name';
+const FileExtensions = 'File Extensions';
+const Grammar = 'Grammar';
+const Snippets = 'Snippets';
 const Identifier = 'Identifier';
 const ImportTime = 'Import Time: ';
 const Installation = 'Installation';
@@ -57,6 +61,7 @@ const Selector = 'Selector';
 const SetColorTheme$1 = 'Set Color Theme';
 const Settings$1 = 'Settings';
 const Size = 'Size';
+const StringMustNotBeEmpty = 'String must not be empty';
 const Theme$1 = 'Theme';
 const Uninstall$1 = 'Uninstall';
 const UnsupportedFeature = 'Unsupported Feature';
@@ -150,6 +155,18 @@ const settings = () => {
 const id$1 = () => {
   return i18nString(Id);
 };
+const name = () => {
+  return i18nString(Name);
+};
+const fileExtensions = () => {
+  return i18nString(FileExtensions);
+};
+const grammar = () => {
+  return i18nString(Grammar);
+};
+const snippets = () => {
+  return i18nString(Snippets);
+};
 const selector = () => {
   return i18nString(Selector);
 };
@@ -213,6 +230,9 @@ const license = () => {
 const propertyMustBeOfTypeString = () => {
   return i18nString(PropertyMustBeOfTypeString);
 };
+const stringMustNotBeEmpty = () => {
+  return i18nString(StringMustNotBeEmpty);
+};
 const schemaNotFound = () => {
   return i18nString(SchemaNotFound);
 };
@@ -220,15 +240,49 @@ const invalidLink = () => {
   return i18nString(InvalidLink);
 };
 
+const getActivationEntry = value => {
+  if (typeof value !== 'string') {
+    return {
+      isValid: false,
+      stringValue: JSON.stringify(value),
+      errorMessage: propertyMustBeOfTypeString()
+    };
+  }
+  if (!value) {
+    return {
+      isValid: false,
+      stringValue: '',
+      errorMessage: stringMustNotBeEmpty()
+    };
+  }
+  return {
+    isValid: true,
+    stringValue: value,
+    errorMessage: ''
+  };
+};
+const getActivationEntries = activation => {
+  return activation.map(getActivationEntry);
+};
+
 const getActivationEventsDetails = async extension => {
   const activationEvents = extension.activation || [];
+  const activationEntries = getActivationEntries(activationEvents);
   return {
-    activationEvents
+    activationEvents,
+    activationEntries
   };
 };
 
+const hasProperty = (object, key) => {
+  if (!object || typeof object !== 'object' || !(key in object)) {
+    return false;
+  }
+  return true;
+};
+
 const featureActivationEventsEnabled = extension => {
-  if (!extension || typeof extension !== 'object' || !('activation' in extension)) {
+  if (!hasProperty(extension, 'activation')) {
     return false;
   }
   return Array.isArray(extension.activation);
@@ -348,7 +402,20 @@ const code = {
   childCount: 1
 };
 const getActivationEventVirtualDom = event => {
-  return [li, code, text(event)];
+  const {
+    stringValue,
+    errorMessage,
+    isValid
+  } = event;
+  if (!isValid) {
+    return [{
+      type: Li,
+      childCount: 1,
+      title: errorMessage,
+      className: 'ListItem ListItemInvalid'
+    }, code, text(stringValue)];
+  }
+  return [li, code, text(stringValue)];
 };
 
 const getFeatureContentHeadingVirtualDom = heading => {
@@ -371,7 +438,7 @@ const getFeatureActivationEventsVirtualDom = activationEvents$1 => {
 };
 
 const getActivationEventsVirtualDom = state => {
-  return getFeatureActivationEventsVirtualDom(state.activationEvents);
+  return getFeatureActivationEventsVirtualDom(state.activationEntries);
 };
 
 const Text = 1;
@@ -402,7 +469,7 @@ const getCommandsDetails = async extension => {
 };
 
 const featureCommandsEnabled = extension => {
-  if (!extension || typeof extension !== 'object' || !('commands' in extension)) {
+  if (!hasProperty(extension, 'commands')) {
     return false;
   }
   return Array.isArray(extension.commands);
@@ -738,7 +805,7 @@ const getJsonValidationDetails = async extension => {
 };
 
 const featureJsonValidationEnabled = extension => {
-  if (!extension || typeof extension !== 'object' || !('jsonValidation' in extension)) {
+  if (!hasProperty(extension, 'jsonValidation')) {
     return false;
   }
   return Array.isArray(extension.jsonValidation);
@@ -772,27 +839,42 @@ const getProgrammingLanguagesDetails = async extension => {
 };
 
 const featureProgrammingLanguagesEnabled = extension => {
-  if (!extension || typeof extension !== 'object' || !('programmingLanguages' in extension)) {
+  if (!hasProperty(extension, 'languages')) {
     return false;
   }
   const {
-    programmingLanguages
+    languages
   } = extension;
-  return Array.isArray(programmingLanguages);
+  return Array.isArray(languages);
 };
 
-const getFeatureProgrammingLanguagesVirtualDom = () => {
+const getProgrammingLanguagesTableEntries = rows => {
+  const id = id$1();
+  const name$1 = name();
+  const fileExtensions$1 = fileExtensions();
+  const grammar$1 = grammar();
+  const snippets$1 = snippets();
+  return {
+    headings: [id, name$1, fileExtensions$1, grammar$1, snippets$1],
+    rows
+  };
+};
+
+const getFeatureProgrammingLanguagesVirtualDom = programmingLanguages$1 => {
   const heading = programmingLanguages();
-  // TODO
+  const tableInfo = getProgrammingLanguagesTableEntries(programmingLanguages$1);
   return [{
     type: Div,
     className: FeatureContent,
-    childCount: 1
-  }, ...getFeatureContentHeadingVirtualDom(heading)];
+    childCount: 2
+  }, ...getFeatureContentHeadingVirtualDom(heading), ...getTableVirtualDom(tableInfo)];
 };
 
 const getProgrammingLanguagesVirtualDom = state => {
-  return getFeatureProgrammingLanguagesVirtualDom();
+  const {
+    programmingLanguages
+  } = state;
+  return getFeatureProgrammingLanguagesVirtualDom(programmingLanguages);
 };
 
 class FeatureNotFoundError extends Error {
@@ -2558,7 +2640,7 @@ const getSettingsDetails = async extension => {
 };
 
 const featureSettingsEnabled = extension => {
-  if (!extension || typeof extension !== 'object' || !('settings' in extension)) {
+  if (!hasProperty(extension, 'settings')) {
     return false;
   }
   return Array.isArray(extension.settings);
@@ -2802,21 +2884,21 @@ const getThemeDetails = async (extension, baseUrl, locationProtocol) => {
 };
 
 const featureColorThemeEnabled = extension => {
-  if (!extension || typeof extension !== 'object' || !('colorThemes' in extension)) {
+  if (!hasProperty(extension, 'colorThemes')) {
     return false;
   }
   return Array.isArray(extension.colorThemes);
 };
 
 const featureIconThemeEnabled = extension => {
-  if (!extension || typeof extension !== 'object' || !('iconThemes' in extension)) {
+  if (!hasProperty(extension, 'iconThemes')) {
     return false;
   }
   return Array.isArray(extension.iconThemes);
 };
 
 const featureProductIconThemeEnabled = extension => {
-  if (!extension || typeof extension !== 'object' || !('productIconThemes' in extension)) {
+  if (!hasProperty(extension, 'productIconThemes')) {
     return false;
   }
   return Array.isArray(extension.productIconThemes);
@@ -2885,7 +2967,7 @@ const getWebViewsDetails = async extension => {
 };
 
 const featureWebViewsEnabled = extension => {
-  if (!extension || typeof extension !== 'object' || !('webViews' in extension)) {
+  if (!hasProperty(extension, 'webViews')) {
     return false;
   }
   return Array.isArray(extension.webViews);
@@ -3220,7 +3302,8 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     paddingRight: 0,
     showSideBar: true,
     sideBarWidth: 0,
-    locationProtocol: ''
+    locationProtocol: '',
+    activationEntries: []
   };
   set(uid, state, state);
 };

package/package.json

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