@lvce-editor/extension-detail-view 3.10.0 → 3.12.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 => {
@@ -1768,6 +1772,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 +1789,9 @@ const copy = () => {
 const openInNewTab = () => {
   return i18nString(OpenInNewTab);
 };
+const label = () => {
+  return i18nString(Label);
+};
 const openImageInNewTab = () => {
   return i18nString(OpenImageInNewTab);
 };
@@ -1844,6 +1852,7 @@ const getCommandTableEntry = command => {
     value: label
   }];
 };
+
 const getCommandTableEntries = extension => {
   const commands = extension.commands || [];
   const rows = commands.map(getCommandTableEntry);
@@ -1860,10 +1869,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 +1892,7 @@ const getCellCodeVirtualDom = value => {
 const getCellTextVirtualDom = value => {
   return [{
     type: Td,
-    className: 'TableCell',
+    className: TableCell,
     childCount: 1
   }, text(value)];
 };
@@ -1900,20 +1917,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 +1945,7 @@ const getTableVirtualDom = tableInfo => {
   }, ...rows.flatMap(getTableRowVirtualDom)];
 };
 
+// TODO have typed view-model
 const getFeatureCommandsVirtualDom = extension => {
   const heading = commands();
   const tableInfo = getCommandTableEntries(extension);
@@ -2014,11 +2025,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 +2077,8 @@ const item = {
   className: DefinitionListItem,
   childCount: 2
 };
+
+// TODO move json stringify to view model
 const getWebViewVirtualDom = webView => {
   const {
     id: id$1,
@@ -2264,7 +2280,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;
 };
 
@@ -2378,6 +2400,13 @@ const getExtensionDetailVirtualDom = (extensionDetail, sanitizedReadmeHtml, sele
   return dom;
 };
 
+const getExtensionDetailVirtualDom2 = uid => {
+  const {
+    newState
+  } = get$1(uid);
+  return getExtensionDetailVirtualDom(newState, newState.sanitizedReadmeHtml, newState.selectedTab, newState);
+};
+
 const None = 0;
 
 const getCopyMenuEntry = () => ({
@@ -5305,11 +5334,21 @@ const loadContent = async (state, platform, savedState) => {
   };
 };
 
-const saveState = state => {
+const resize = (state, dimensions) => {
+  return {
+    ...state,
+    ...dimensions
+  };
+};
+
+const saveState = uid => {
+  const {
+    newState
+  } = get$1(uid);
   const {
     selectedTab,
     selectedFeature
-  } = state;
+  } = newState;
   return {
     selectedTab,
     selectedFeature
@@ -5320,21 +5359,40 @@ const terminate = () => {
   globalThis.close();
 };
 
+const wrapCommand = fn => {
+  const wrapped = async (uid, ...args) => {
+    if (typeof uid === 'number') {
+      const {
+        newState
+      } = get$1(uid);
+      const newerState = await fn(newState, ...args);
+      set$1(uid, newState, newerState);
+    } else {
+      // deprecated
+      const newerState = await fn(uid, ...args);
+      return newerState;
+    }
+  };
+  return wrapped;
+};
+
 const commandMap = {
   'ExtensionDetail.create': create,
   'ExtensionDetail.getMenuEntries': getMenuEntries,
-  'ExtensionDetail.getVirtualDom': getExtensionDetailVirtualDom,
-  'ExtensionDetail.handleClickDisable': handleClickDisable,
-  'ExtensionDetail.handleClickSize': handleClickSize,
-  'ExtensionDetail.handleClickUninstall': handleClickUninstall,
-  'ExtensionDetail.handleFeaturesClick': handleClickFeatures,
-  'ExtensionDetail.handleIconError': handleIconError,
-  'ExtensionDetail.handleTabsClick': handleTabsClick,
-  'ExtensionDetail.loadContent': loadContent,
+  'ExtensionDetail.getVirtualDom2': getExtensionDetailVirtualDom2,
+  'ExtensionDetail.handleClickDisable': wrapCommand(handleClickDisable),
+  'ExtensionDetail.handleClickSize': wrapCommand(handleClickSize),
+  'ExtensionDetail.handleClickUninstall': wrapCommand(handleClickUninstall),
+  'ExtensionDetail.handleFeaturesClick': wrapCommand(handleClickFeatures),
+  'ExtensionDetail.handleIconError': wrapCommand(handleIconError),
+  'ExtensionDetail.handleTabsClick': wrapCommand(handleTabsClick),
+  'ExtensionDetail.loadContent': wrapCommand(loadContent),
+  'ExtensionDetail.resize': resize,
   'ExtensionDetail.saveState': saveState,
-  'ExtensionDetail.selectTab': selectTab,
+  'ExtensionDetail.selectTab': wrapCommand(selectTab),
   'ExtensionDetail.terminate': terminate,
   // deprecated
+  'ExtensionDetail.getVirtualDom': wrapCommand(getExtensionDetailVirtualDom),
   'HandleIconError.handleIconError': handleIconError,
   'RenderMarkdown.renderMarkdown': renderMarkdown
 };

package/package.json

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