@lvce-editor/extension-detail-view 3.11.0 → 3.13.0

package/dist/extensionDetailViewWorkerMain.js

@@ -923,12 +923,15 @@ const Markdown = 'Markdown';
 const MoreInfo = 'MoreInfo';
 const MoreInfoEntry = 'MoreInfoEntry';
 const MoreInfoEntryKey = 'MoreInfoEntryKey';
+const MoreInfoEntryOdd = 'MoreInfoEntryOdd';
 const MoreInfoEntryValue = 'MoreInfoEntryValue';
 const Normal$1 = 'Normal';
 const Resource = 'Resource';
 const Resources = 'Resources';
 const Small$1 = 'Small';
 const Table$1 = 'Table';
+const TableCell = 'TableCell';
+const TableHeading = 'TableHeading';
 const Viewlet = 'Viewlet';
 
 const BYTE_UNITS = ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
@@ -1149,7 +1152,7 @@ const parentNodeEven = {
 };
 const parentNodeOdd = {
   type: Div$1,
-  className: MoreInfoEntry + ' ' + 'MoreInfoEntryOdd',
+  className: MoreInfoEntry + ' ' + MoreInfoEntryOdd,
   childCount: 2
 };
 const getMoreInfoEntryVirtualDom = item => {
@@ -1168,16 +1171,17 @@ const getMoreInfoVirtualDom = items => {
   }, ...items.flatMap(getMoreInfoEntryVirtualDom)];
 };
 
+const resourceNode = {
+  // TODO use link with url
+  type: Div$1,
+  className: Resource,
+  childCount: 1
+};
 const getResourceVirtualDom = resource => {
   const {
     label
   } = resource;
-  return [{
-    // TODO use link with url
-    type: Div$1,
-    className: Resource,
-    childCount: 1
-  }, text(label)];
+  return [resourceNode, text(label)];
 };
 
 const getResourcesVirtualDom = resources => {
@@ -1208,6 +1212,7 @@ const HandleClickDisable = 'handleClickDisable';
 const HandleClickSize = 'handleClickSize';
 const HandleClickUninstall = 'handleClickUninstall';
 const HandleFeaturesClick = 'handleFeaturesClick';
+const HandleIconError = 'handleIconError';
 const HandleReadmeContextMenu = 'handleReadmeContextMenu';
 const HandleTabsClick = 'handleTabsClick';
 
@@ -1768,6 +1773,7 @@ const Elements = 'Elements';
 const FileMatch = 'File Match';
 const Id = 'ID';
 const JsonValidation$1 = 'Json Validation';
+const Label = 'Label';
 const OpenImageInNewTab = 'Open Image in New Tab';
 const OpenInNewTab = 'Open in New Tab';
 const ProgrammingLanguages$1 = 'Programming Languages';
@@ -1784,6 +1790,9 @@ const copy = () => {
 const openInNewTab = () => {
   return i18nString(OpenInNewTab);
 };
+const label = () => {
+  return i18nString(Label);
+};
 const openImageInNewTab = () => {
   return i18nString(OpenImageInNewTab);
 };
@@ -1844,6 +1853,7 @@ const getCommandTableEntry = command => {
     value: label
   }];
 };
+
 const getCommandTableEntries = extension => {
   const commands = extension.commands || [];
   const rows = commands.map(getCommandTableEntry);
@@ -1860,10 +1870,18 @@ const getFeatureContentHeadingVirtualDom = heading => {
   }, text(heading)];
 };
 
+const getTableHeadingVirtualDom = heading => {
+  return [{
+    type: Th,
+    className: TableHeading,
+    childCount: 1
+  }, text(heading)];
+};
+
 const getCellCodeVirtualDom = value => {
   return [{
     type: Td,
-    className: 'TableCell',
+    className: TableCell,
     childCount: 1
   }, {
     type: Div$1,
@@ -1875,7 +1893,7 @@ const getCellCodeVirtualDom = value => {
 const getCellTextVirtualDom = value => {
   return [{
     type: Td,
-    className: 'TableCell',
+    className: TableCell,
     childCount: 1
   }, text(value)];
 };
@@ -1900,20 +1918,13 @@ const getCellVirtualDom = entry => {
   return fn(value);
 };
 
-const getTableHeadingVirtualDom = heading => {
-  return [{
-    type: Th,
-    className: 'TableHeading',
-    childCount: 1
-  }, text(heading)];
-};
-
 const getTableRowVirtualDom = entries => {
   return [{
     type: Tr,
     childCount: entries.length
   }, ...entries.flatMap(getCellVirtualDom)];
 };
+
 const getTableVirtualDom = tableInfo => {
   const {
     headings,
@@ -1935,6 +1946,7 @@ const getTableVirtualDom = tableInfo => {
   }, ...rows.flatMap(getTableRowVirtualDom)];
 };
 
+// TODO have typed view-model
 const getFeatureCommandsVirtualDom = extension => {
   const heading = commands();
   const tableInfo = getCommandTableEntries(extension);
@@ -2014,11 +2026,14 @@ const getSettingsTableEntry = setting => {
     value: label
   }];
 };
+
 const getSettingsTableEntries = extension => {
   const settings = extension.settings || [];
   const rows = settings.map(getSettingsTableEntry);
+  const textId = id();
+  const textLabel = label();
   return {
-    headings: ['ID', 'Label'],
+    headings: [textId, textLabel],
     rows
   };
 };
@@ -2063,6 +2078,8 @@ const item = {
   className: DefinitionListItem,
   childCount: 2
 };
+
+// TODO move json stringify to view model
 const getWebViewVirtualDom = webView => {
   const {
     id: id$1,
@@ -2264,7 +2281,13 @@ const getFeatures = (selectedFeature, extension) => {
   if (!selectedFeature) {
     selectedFeature = Theme;
   }
-  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), ...ifElseFeature(WebViews, 'WebViews', hasWebViews, selectedFeature, extension)];
+  const textTheme = theme();
+  const textCommands = commands();
+  const textJsonValidation = jsonValidation();
+  const programmingLanguages$1 = programmingLanguages();
+  const settings$1 = settings();
+  const webViews$1 = webViews();
+  const features = [...ifElseFeature(Theme, textTheme, hasThemes, selectedFeature, extension), ...ifElseFeature(Commands, textCommands, hasCommands, selectedFeature, extension), ...ifElseFeature(JsonValidation, textJsonValidation, hasJsonValidation, selectedFeature, extension), ...ifElseFeature(ProgrammingLanguages, programmingLanguages$1, hasProgrammingLanguages, selectedFeature, extension), ...ifElseFeature(Settings, settings$1, hasSettings, selectedFeature, extension), ...ifElseFeature(WebViews, webViews$1, hasWebViews, selectedFeature, extension)];
   return features;
 };
 
@@ -5312,6 +5335,31 @@ const loadContent = async (state, platform, savedState) => {
   };
 };
 
+const renderEventListeners = () => {
+  return [{
+    name: HandleIconError,
+    params: ['handleIconError']
+  }, {
+    name: HandleReadmeContextMenu,
+    params: ['handleReadmeContextMenu', 'event.clientX', 'event.clientY', 'event.target.href', 'event.target.src']
+  }, {
+    name: HandleTabsClick,
+    params: ['handleTabsClick', 'event.target.name']
+  }, {
+    name: HandleFeaturesClick,
+    params: ['handleFeaturesClick', 'event.target.name']
+  }, {
+    name: HandleClickSize,
+    params: ['handleClickSize', 'event.target.name']
+  }, {
+    name: HandleClickDisable,
+    params: ['handleClickDisable']
+  }, {
+    name: HandleClickUninstall,
+    params: ['handleClickUninstall']
+  }];
+};
+
 const resize = (state, dimensions) => {
   return {
     ...state,
@@ -5365,6 +5413,7 @@ const commandMap = {
   'ExtensionDetail.handleIconError': wrapCommand(handleIconError),
   'ExtensionDetail.handleTabsClick': wrapCommand(handleTabsClick),
   'ExtensionDetail.loadContent': wrapCommand(loadContent),
+  'ExtensionDetail.renderEventListeners': renderEventListeners,
   'ExtensionDetail.resize': resize,
   'ExtensionDetail.saveState': saveState,
   'ExtensionDetail.selectTab': wrapCommand(selectTab),

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "3.11.0",
+  "version": "3.13.0",
   "description": "Extension Detail View Worker",
-  "keywords": [],
   "license": "MIT",
   "author": "Lvce Editor",
   "type": "module",