@lvce-editor/extension-detail-view 4.12.0 → 4.14.0

package/dist/extensionDetailViewWorkerMain.js

@@ -321,7 +321,8 @@ const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
 const TargetHref = 'event.target.href';
 const TargetName = 'event.target.name';
-const TargetSrc = 'event.target.src';
+
+const ExtensionDetailReadme = 20;
 
 const DebugWorker = 55;
 const ExtensionHostWorker = 44;
@@ -446,6 +447,8 @@ const getActivationEventsVirtualDom = state => {
 const Text = 1;
 const Code = 2;
 const Link = 7;
+const CodeList = 8;
+const CheckMark = 9;
 
 const getCommandTableEntry = command => {
   // TODO watch out for command being null/undefined/number/string/array
@@ -507,6 +510,41 @@ const getTableHeadingVirtualDom = heading => {
   }, text(heading)];
 };
 
+const getCheckedText = checked => {
+  if (checked) {
+    return 'yes';
+  }
+  return 'no';
+};
+const getCellCheckMarkVirtualDom = (value, props) => {
+  const {
+    checked
+  } = props;
+  const checkedText = getCheckedText(checked);
+  return [{
+    type: Td,
+    className: TableCell,
+    childCount: 1
+  }, text(checkedText)];
+};
+
+const getListItemDom = item => {
+  return [{
+    type: Code$2,
+    childCount: 1
+  }, text(item)];
+};
+const getCellCodeListVirtualDom = (value, props) => {
+  const {
+    listItems
+  } = props;
+  return [{
+    type: Td,
+    className: TableCell,
+    childCount: listItems.length
+  }, ...listItems.flatMap(getListItemDom)];
+};
+
 const getCellCodeVirtualDom = (value, props) => {
   const tdClassName = props?.className ? `${TableCell} ${props.className}` : TableCell;
   return [{
@@ -559,6 +597,10 @@ const getCellRenderer = type => {
       return getCellTextVirtualDom;
     case Link:
       return getCellLinkVirtualDom;
+    case CodeList:
+      return getCellCodeListVirtualDom;
+    case CheckMark:
+      return getCellCheckMarkVirtualDom;
     default:
       throw new Error(`unexpected cell type ${type}`);
   }
@@ -836,7 +878,32 @@ const getJsonValidationVirtualDom = state => {
 };
 
 const getProgrammingLanguageTableEntry = programmingLanguage => {
-  return [];
+  const {
+    id,
+    configuration,
+    extensions
+  } = programmingLanguage;
+  const name = ''; // TODO
+  const snippets = ''; // TODO
+  return [{
+    type: Text,
+    value: id
+  }, {
+    type: Text,
+    value: name
+  }, {
+    type: CodeList,
+    value: '',
+    listItems: extensions
+  }, {
+    type: CheckMark,
+    value: '',
+    checked: Boolean(configuration)
+  }, {
+    type: CheckMark,
+    value: '',
+    checked: Boolean(snippets)
+  }];
 };
 
 const getFeatureDetailsProgrammingLanguages = async extension => {
@@ -3022,7 +3089,7 @@ const getWebViewVirtualDom = webView => {
   return [{
     type: Div,
     className: FeatureWebView,
-    childCount: 5
+    childCount: 4
   }, item, heading, text(textId), pre, text(id), item, heading, text(textSelector), pre, text(selectorString), item, heading, text(textContentSecurityPolicy), pre, text(contentSecurityPolicyString), item, heading, text(textElements), pre, text(elementsString)];
 };
 
@@ -3337,7 +3404,7 @@ const isEqual$2 = (oldState, newState) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.activationEvents === newState.activationEvents && oldState.badge === newState.badge && oldState.buttons === newState.buttons && oldState.categories === newState.categories && oldState.changelogVirtualDom === newState.changelogVirtualDom && oldState.commands === newState.commands && oldState.description === newState.description && oldState.detailsVirtualDom === newState.detailsVirtualDom && oldState.disabled === newState.disabled && oldState.displaySize === newState.displaySize && oldState.extensionId === newState.extensionId && oldState.extensionVersion === newState.extensionVersion && oldState.jsonValidation === newState.jsonValidation && oldState.selectedFeature === newState.selectedFeature && oldState.selectedTab === newState.selectedTab && oldState.settings === newState.settings && oldState.showSideBar === newState.showSideBar && oldState.sizeValue === newState.sizeValue && oldState.themesMarkdownDom === newState.themesMarkdownDom && oldState.webViews === newState.webViews;
+  return oldState.activationEvents === newState.activationEvents && oldState.badge === newState.badge && oldState.buttons === newState.buttons && oldState.categories === newState.categories && oldState.changelogVirtualDom === newState.changelogVirtualDom && oldState.commands === newState.commands && oldState.description === newState.description && oldState.detailsVirtualDom === newState.detailsVirtualDom && oldState.disabled === newState.disabled && oldState.displaySize === newState.displaySize && oldState.extensionId === newState.extensionId && oldState.extensionVersion === newState.extensionVersion && oldState.features === newState.features && oldState.jsonValidation === newState.jsonValidation && oldState.selectedFeature === newState.selectedFeature && oldState.selectedTab === newState.selectedTab && oldState.settings === newState.settings && oldState.showSideBar === newState.showSideBar && oldState.sizeValue === newState.sizeValue && oldState.themesMarkdownDom === newState.themesMarkdownDom && oldState.webViews === newState.webViews;
 };
 
 const User = 1;
@@ -3708,6 +3775,12 @@ const handleReadmeClick = async (state, nodeName, href) => {
   return state;
 };
 
+const handleReadmeContextMenu = async (state, x, y, nodeName, href) => {
+  await show(ExtensionDetailReadme, x, y);
+  // TODO
+  return state;
+};
+
 const handleScroll = (state, scrollTop, scrollSource = Script) => {
   const newScrollTop = Math.max(0, scrollTop);
   return {
@@ -5102,7 +5175,7 @@ const renderEventListeners = () => {
     params: ['handleIconError']
   }, {
     name: HandleReadmeContextMenu,
-    params: ['handleReadmeContextMenu', ClientX, ClientY, TargetHref, TargetSrc]
+    params: ['handleReadmeContextMenu', ClientX, ClientY, 'event.target.nodeName', TargetHref]
   }, {
     name: HandleImageContextMenu,
     params: ['handleImageContextMenu', ClientX, ClientY],
@@ -5182,6 +5255,7 @@ const commandMap = {
   'ExtensionDetail.getMenuEntries': getMenuEntries,
   'ExtensionDetail.getMenus': getMenus,
   'ExtensionDetail.handleClickCategory': wrapCommand(handleClickCategory),
+  'ExtensionDetail.handleReadmeContextMenu': wrapCommand(handleReadmeContextMenu),
   'ExtensionDetail.handleAdditionalDetailsContextMenu': wrapCommand(handleAdditionalDetailContextMenu),
   'ExtensionDetail.handleClickDisable': wrapCommand(handleClickDisable),
   'ExtensionDetail.handleClickEnable': wrapCommand(handleClickEnable),

package/package.json

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