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

package/dist/extensionDetailViewWorkerMain.js

@@ -439,9 +439,9 @@ const get$2 = id => {
 const remove = id => {
   delete callbacks[id];
 };
-let id = 0;
+let id$1 = 0;
 const create$3 = () => {
-  return ++id;
+  return ++id$1;
 };
 const registerPromise = () => {
   const id = create$3();
@@ -874,7 +874,7 @@ const create = (uid, uri, width, height, platform) => {
     name: '',
     sanitizedReadmeHtml: '',
     selectedTab: '',
-    size: 0,
+    sizeOnDisk: 0,
     width,
     uri,
     entries: [],
@@ -894,15 +894,18 @@ const AdditionalDetails = 'AdditionalDetails';
 const AdditionalDetailsEntry = 'AdditionalDetailsEntry';
 const AdditionalDetailsTitle = 'AdditionalDetailsTitle';
 const Aside$2 = 'Aside';
+const Button$1 = 'Button';
+const ButtonPrimary = 'ButtonPrimary';
 const Categories = 'Categories';
 const Category = 'Category';
 const Changelog$1 = 'Changelog';
-const FeatureProgrammingLanguages = 'FeatureProgrammingLanguages';
-const FeatureJsonValidation = 'FeatureJsonValidation';
+const DefinitionListItem = 'DefinitionListItem';
+const DefinitionListItemHeading = 'DefinitionListItemHeading';
+const DefinitionListItemValue = 'DefinitionListItemValue';
 const ExtensionDetail = 'ExtensionDetail';
-const FeatureCommands = 'FeatureCommands';
 const ExtensionDetailDescription = 'ExtensionDetailDescription';
 const ExtensionDetailHeader = 'ExtensionDetailHeader';
+const ExtensionDetailHeaderActions = 'ExtensionDetailHeaderActions';
 const ExtensionDetailHeaderDetails = 'ExtensionDetailHeaderDetails';
 const ExtensionDetailIcon = 'ExtensionDetailIcon';
 const ExtensionDetailName = 'ExtensionDetailName';
@@ -911,15 +914,20 @@ const ExtensionDetailTab = 'ExtensionDetailTab';
 const ExtensionDetailTabs = 'ExtensionDetailTabs';
 const ExtensionDetailTabSelected = 'ExtensionDetailTabSelected';
 const Feature = 'Feature';
+const FeatureContent = 'FeatureContent';
 const Features$1 = 'Features';
 const FeaturesList = 'FeaturesList';
+const FeatureWebView = 'FeatureWebView';
+const Large$1 = 'Large';
 const Markdown = 'Markdown';
 const MoreInfo = 'MoreInfo';
 const MoreInfoEntry = 'MoreInfoEntry';
 const MoreInfoEntryKey = 'MoreInfoEntryKey';
 const MoreInfoEntryValue = 'MoreInfoEntryValue';
+const Normal$1 = 'Normal';
 const Resource = 'Resource';
 const Resources = 'Resources';
+const Small$1 = 'Small';
 const Table$1 = 'Table';
 const Viewlet = 'Viewlet';
 
@@ -1057,11 +1065,6 @@ const TabList = 'tablist';
 const Tab = 'tab';
 const Panel = 'panel';
 
-const HandleClickSize = 'handleClickSize';
-const HandleFeaturesClick = 'handleFeaturesClick';
-const HandleReadmeContextMenu = 'handleReadmeContextMenu';
-const HandleTabsClick = 'handleTabsClick';
-
 const getAdditionalDetailsEntryVirtualDom = (heading, items, renderer) => {
   return [{
     type: Div$1,
@@ -1185,8 +1188,15 @@ const getResourcesVirtualDom = resources => {
   }, ...resources.flatMap(getResourceVirtualDom)];
 };
 
-const getAdditionalDetailsVirtualDom = (firstHeading, entries, secondHeading, secondEntries, thirdHeading, categories, fourthHeading, resources) => {
+const getAdditionalDetailsVirtualDom = (showAdditionalDetails, firstHeading, entries, secondHeading, secondEntries, thirdHeading, categories, fourthHeading, resources) => {
+  if (!showAdditionalDetails) {
+    return [];
+  }
   return [{
+    type: Div$1,
+    className: Aside$2,
+    childCount: 1
+  }, {
     type: Div$1,
     className: AdditionalDetails,
     tabIndex: 0,
@@ -1194,6 +1204,13 @@ const getAdditionalDetailsVirtualDom = (firstHeading, entries, secondHeading, se
   }, ...getAdditionalDetailsEntryVirtualDom(firstHeading, entries, getMoreInfoVirtualDom), ...getAdditionalDetailsEntryVirtualDom(secondHeading, secondEntries, getMoreInfoVirtualDom), ...getAdditionalDetailsEntryVirtualDom(thirdHeading, categories, getCategoriesDom), ...getAdditionalDetailsEntryVirtualDom(fourthHeading, resources, getResourcesVirtualDom)];
 };
 
+const HandleClickDisable = 'handleClickDisable';
+const HandleClickSize = 'handleClickSize';
+const HandleClickUninstall = 'handleClickUninstall';
+const HandleFeaturesClick = 'handleFeaturesClick';
+const HandleReadmeContextMenu = 'handleReadmeContextMenu';
+const HandleTabsClick = 'handleTabsClick';
+
 const getInstallationEntries = (displaySize, extensionId, extensionVersion) => {
   const entries = [{
     key: 'Identifier',
@@ -1218,6 +1235,19 @@ const getInstallationEntries = (displaySize, extensionId, extensionVersion) => {
 
 const allowedMarkdownAttributes = ['src', 'id', 'className', 'title', 'alt', 'href', 'target', 'rel'];
 
+const getVirtualDomChildCount = markdownDom => {
+  const max = markdownDom.length - 1;
+  let stack = [];
+  for (let i = max; i >= 0; i--) {
+    const element = markdownDom[i];
+    if (element.childCount > 0) {
+      stack = stack.slice(element.childCount);
+    }
+    stack.unshift(element);
+  }
+  return stack.length;
+};
+
 const Div = 'div';
 const H1 = 'h1';
 const H2 = 'h2';
@@ -1661,8 +1691,15 @@ const parseHtml = (html, allowedAttributes) => {
 
 const getMarkdownVirtualDom = html => {
   string(html);
-  const dom = parseHtml(html, allowedMarkdownAttributes);
-  return dom;
+  const childDom = parseHtml(html, allowedMarkdownAttributes);
+  const markdownChildCount = getVirtualDomChildCount(childDom);
+  return [{
+    type: Div$1,
+    className: Markdown,
+    role: Document,
+    onContextMenu: HandleReadmeContextMenu,
+    childCount: markdownChildCount
+  }, ...childDom];
 };
 
 const getMarketplaceEntries = () => {
@@ -1676,22 +1713,7 @@ const getMarketplaceEntries = () => {
   }];
 };
 
-const getVirtualDomChildCount = markdownDom => {
-  const max = markdownDom.length - 1;
-  let stack = [];
-  for (let i = max; i >= 0; i--) {
-    const element = markdownDom[i];
-    if (element.childCount > 0) {
-      stack = stack.slice(element.childCount);
-    }
-    stack.unshift(element);
-  }
-  return stack.length;
-};
-
-const getDetailsVirtualDom = (sanitizedReadmeHtml, displaySize, extensionId, extensionVersion) => {
-  const markdownDom = getMarkdownVirtualDom(sanitizedReadmeHtml);
-  const childCount = getVirtualDomChildCount(markdownDom);
+const getDetailsVirtualDom = (sanitizedReadmeHtml, displaySize, extensionId, extensionVersion, width) => {
   const firstHeading = 'Installation';
   const entries = getInstallationEntries(displaySize, extensionId, extensionVersion);
   const secondHeading = 'Marketplace';
@@ -1715,22 +1737,15 @@ const getDetailsVirtualDom = (sanitizedReadmeHtml, displaySize, extensionId, ext
     label: 'License',
     url: '#'
   }];
+  const showAdditionalDetailsBreakpoint = 600;
+  const showAdditionalDetails = width > showAdditionalDetailsBreakpoint;
+  const childCount = showAdditionalDetails ? 2 : 1;
   const dom = [{
     type: Div$1,
     className: ExtensionDetailPanel,
-    childCount: 2,
+    childCount: childCount,
     role: Panel
-  }, {
-    type: Div$1,
-    className: Markdown,
-    role: Document,
-    onContextMenu: HandleReadmeContextMenu,
-    childCount
-  }, ...markdownDom, {
-    type: Div$1,
-    className: Aside$2,
-    childCount: 1
-  }, ...getAdditionalDetailsVirtualDom(firstHeading, entries, secondHeading, secondEntries, thirdHeading, categories, fourthHeading, resources)];
+  }, ...getMarkdownVirtualDom(sanitizedReadmeHtml), ...getAdditionalDetailsVirtualDom(showAdditionalDetails, firstHeading, entries, secondHeading, secondEntries, thirdHeading, categories, fourthHeading, resources)];
   return dom;
 };
 
@@ -1746,17 +1761,22 @@ const i18nString = (key, placeholders = emptyObject) => {
   return key.replaceAll(RE_PLACEHOLDER, replacer);
 };
 
+const Commands$1 = 'Commands';
+const ContentSecurityPolicy = 'ContentSecurityPolicy';
 const Copy = 'Copy';
-const OpenInNewTab = 'Open in New Tab';
-const OpenImageInNewTab = 'Open Image in New Tab';
-const SaveImageAs = 'Save Image as';
+const Elements = 'Elements';
 const FileMatch = 'File Match';
-const Schema = 'Schema';
-const Theme$1 = 'Theme';
-const Commands$1 = 'Commands';
+const Id = 'ID';
 const JsonValidation$1 = 'Json Validation';
+const OpenImageInNewTab = 'Open Image in New Tab';
+const OpenInNewTab = 'Open in New Tab';
 const ProgrammingLanguages$1 = 'Programming Languages';
+const SaveImageAs = 'Save Image as';
+const Schema = 'Schema';
+const Selector = 'Selector';
 const Settings$1 = 'Settings';
+const Theme$1 = 'Theme';
+const WebViews$1 = 'WebViews';
 
 const copy = () => {
   return i18nString(Copy);
@@ -1782,6 +1802,9 @@ const theme = () => {
 const commands = () => {
   return i18nString(Commands$1);
 };
+const webViews = () => {
+  return i18nString(WebViews$1);
+};
 const jsonValidation = () => {
   return i18nString(JsonValidation$1);
 };
@@ -1791,6 +1814,18 @@ const programmingLanguages = () => {
 const settings = () => {
   return i18nString(Settings$1);
 };
+const id = () => {
+  return i18nString(Id);
+};
+const selector = () => {
+  return i18nString(Selector);
+};
+const contentSecurityPolicy = () => {
+  return i18nString(ContentSecurityPolicy);
+};
+const elements = () => {
+  return i18nString(Elements);
+};
 
 const Text = 1;
 const Code = 2;
@@ -1818,6 +1853,13 @@ const getCommandTableEntries = extension => {
   };
 };
 
+const getFeatureContentHeadingVirtualDom = heading => {
+  return [{
+    type: H1$1,
+    childCount: 1
+  }, text(heading)];
+};
+
 const getCellCodeVirtualDom = value => {
   return [{
     type: Td,
@@ -1898,12 +1940,9 @@ const getFeatureCommandsVirtualDom = extension => {
   const tableInfo = getCommandTableEntries(extension);
   return [{
     type: Div$1,
-    className: FeatureCommands,
+    className: FeatureContent,
     childCount: 2
-  }, {
-    type: H1$1,
-    childCount: 1
-  }, text(heading), ...getTableVirtualDom(tableInfo)];
+  }, ...getFeatureContentHeadingVirtualDom(heading), ...getTableVirtualDom(tableInfo)];
 };
 
 const getJsonValidationTableEntry = validation => {
@@ -1934,12 +1973,21 @@ const getFeatureJsonValidationVirtualDom = extension => {
   const tableInfo = getJsonValidationTableEntries(extension);
   return [{
     type: Div$1,
-    className: FeatureJsonValidation,
+    className: FeatureContent,
     childCount: 2
+  }, ...getFeatureContentHeadingVirtualDom(heading), ...getTableVirtualDom(tableInfo)];
+};
+
+const getFeatureNotImplementedVirtualDom = () => {
+  const heading = 'Not implemented';
+  return [{
+    type: Div$1,
+    className: FeatureContent,
+    childCount: 1
   }, {
     type: H1$1,
     childCount: 1
-  }, text(heading), ...getTableVirtualDom(tableInfo)];
+  }, text(heading)];
 };
 
 const getFeatureProgrammingLanguagesVirtualDom = () => {
@@ -1947,12 +1995,9 @@ const getFeatureProgrammingLanguagesVirtualDom = () => {
   // TODO
   return [{
     type: Div$1,
-    className: FeatureProgrammingLanguages,
+    className: FeatureContent,
     childCount: 1
-  }, {
-    type: H1$1,
-    childCount: 1
-  }, text(heading)];
+  }, ...getFeatureContentHeadingVirtualDom(heading)];
 };
 
 const getSettingsTableEntry = setting => {
@@ -1983,12 +2028,9 @@ const getFeatureSettingsVirtualDom = extension => {
   const tableInfo = getSettingsTableEntries(extension);
   return [{
     type: Div$1,
-    className: 'FeatureSettings',
+    className: FeatureContent,
     childCount: 2
-  }, {
-    type: H1$1,
-    childCount: 1
-  }, text(heading), ...getTableVirtualDom(tableInfo)];
+  }, ...getFeatureContentHeadingVirtualDom(heading), ...getTableVirtualDom(tableInfo)];
 };
 
 const getFeatureThemesVirtualDom = themesHtml => {
@@ -1997,18 +2039,61 @@ const getFeatureThemesVirtualDom = themesHtml => {
   const heading = theme();
   return [{
     type: Div$1,
-    className: 'FeatureTheme',
+    className: FeatureContent,
     childCount: 2
-  }, {
-    type: H1$1,
-    childCount: 1
-  }, text(heading), {
+  }, ...getFeatureContentHeadingVirtualDom(heading), {
     type: Div$1,
     className: 'DefaultMarkdown',
     childCount
   }, ...markdownDom];
 };
 
+const heading$1 = {
+  type: H2$1,
+  className: DefinitionListItemHeading,
+  childCount: 1
+};
+const pre = {
+  type: Pre$1,
+  className: DefinitionListItemValue,
+  childCount: 1
+};
+const item = {
+  type: Div$1,
+  className: DefinitionListItem,
+  childCount: 2
+};
+const getWebViewVirtualDom = webView => {
+  const {
+    id: id$1,
+    selector: selector$1,
+    contentSecurityPolicy: contentSecurityPolicy$1,
+    elements: elements$1
+  } = webView;
+  const textId = id();
+  const textSelector = selector();
+  const textContentSecurityPolicy = contentSecurityPolicy();
+  const textElements = elements();
+  return [{
+    type: Div$1,
+    className: FeatureWebView,
+    childCount: 5
+  }, item, heading$1, text(textId), pre, text(id$1), item, heading$1, text(textSelector), pre, text(JSON.stringify(selector$1)), item, heading$1, text(textContentSecurityPolicy), pre, text(JSON.stringify(contentSecurityPolicy$1)), item, heading$1, text(textElements), pre, text(JSON.stringify(elements$1, null, 2))];
+};
+
+const getFeatureWebViewsVirtualDom = extension => {
+  const webViews$1 = extension.webViews || [];
+  const heading = webViews();
+  return [{
+    type: Div$1,
+    className: FeatureContent,
+    childCount: 2
+  }, ...getFeatureContentHeadingVirtualDom(heading), {
+    type: Div$1,
+    childCount: webViews$1.length
+  }, ...webViews$1.flatMap(getWebViewVirtualDom)];
+};
+
 const Changelog = 'Changelog';
 const Commands = 'Commands';
 const Details = 'Details';
@@ -2016,6 +2101,7 @@ const Features = 'Features';
 const JsonValidation = 'JsonValidation';
 const ProgrammingLanguages = 'ProgrammingLanguages';
 const Settings = 'Settings';
+const WebViews = 'WebViews';
 const Theme = 'Theme';
 
 const getFeatureContentVirtualDom = (features, themesHtml, selectedFeature, extension) => {
@@ -2030,12 +2116,10 @@ const getFeatureContentVirtualDom = (features, themesHtml, selectedFeature, exte
       return getFeatureProgrammingLanguagesVirtualDom();
     case Settings:
       return getFeatureSettingsVirtualDom(extension);
+    case WebViews:
+      return getFeatureWebViewsVirtualDom(extension);
     default:
-      return [{
-        type: Div$1,
-        className: 'FeatureContent',
-        childCount: 1
-      }, text('Not Implemented')];
+      return getFeatureNotImplementedVirtualDom();
   }
 };
 
@@ -2084,10 +2168,10 @@ const getFeaturesVirtualDom = (features, themesHtml, selectedFeature, extension)
   }, ...getFeatureContentVirtualDom(features, themesHtml, selectedFeature, extension)];
 };
 
-const getExtensionDetailContentVirtualDom = (sanitizedReadmeHtml, themesHtml, selectedTab, features, displaySize, extensionId, extensionVersion, selectedFeature, extension) => {
+const getExtensionDetailContentVirtualDom = (sanitizedReadmeHtml, themesHtml, selectedTab, features, displaySize, extensionId, extensionVersion, selectedFeature, extension, width) => {
   switch (selectedTab) {
     case Details:
-      return getDetailsVirtualDom(sanitizedReadmeHtml, displaySize, extensionId, extensionVersion);
+      return getDetailsVirtualDom(sanitizedReadmeHtml, displaySize, extensionId, extensionVersion, width);
     case Features:
       return getFeaturesVirtualDom(features, themesHtml, selectedFeature, extension);
     case Changelog:
@@ -2097,6 +2181,24 @@ const getExtensionDetailContentVirtualDom = (sanitizedReadmeHtml, themesHtml, se
   }
 };
 
+const getButtonVirtualDom = (message, onClick) => {
+  return [{
+    type: Button,
+    className: Button$1 + ' ' + ButtonPrimary,
+    onClick,
+    childCount: 1
+  }, text(message)];
+};
+
+const getExtensionDetailHeaderActionsVirtualDom = () => {
+  const dom = [{
+    type: Div$1,
+    className: ExtensionDetailHeaderActions,
+    childCount: 2
+  }, ...getButtonVirtualDom('Disable', HandleClickDisable), ...getButtonVirtualDom('Uninstall', HandleClickUninstall)];
+  return dom;
+};
+
 const getExtensionDetailHeaderVirtualDom = extensionDetail => {
   const {
     name,
@@ -2117,7 +2219,7 @@ const getExtensionDetailHeaderVirtualDom = extensionDetail => {
   }, {
     type: Div$1,
     className: ExtensionDetailHeaderDetails,
-    childCount: 2
+    childCount: 3
   }, {
     type: Div$1,
     className: ExtensionDetailName,
@@ -2126,7 +2228,7 @@ const getExtensionDetailHeaderVirtualDom = extensionDetail => {
     type: Div$1,
     className: ExtensionDetailDescription,
     childCount: 1
-  }, text(description)];
+  }, text(description), ...getExtensionDetailHeaderActionsVirtualDom()];
   return dom;
 };
 
@@ -2145,6 +2247,9 @@ const hasProgrammingLanguages = extension => {
 const hasSettings = extension => {
   return extension && extension.settings;
 };
+const hasWebViews = extension => {
+  return extension && extension.webViews;
+};
 const ifElseFeature = (id, label, isEnabled, selectedFeature, extension) => {
   if (!isEnabled(extension)) {
     return [];
@@ -2159,7 +2264,7 @@ 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)];
+  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)];
   return features;
 };
 
@@ -2220,6 +2325,33 @@ const getTabsVirtualDom = tabs => {
   }, ...tabs.flatMap(getTabVirtualDom)];
 };
 
+const Small = 1;
+const Normal = 2;
+const Large = 3;
+
+const getViewletSize = width => {
+  if (width < 180) {
+    return Small;
+  }
+  if (width < 768) {
+    return Normal;
+  }
+  return Large;
+};
+
+const getClassNames = size => {
+  switch (size) {
+    case Small:
+      return Small$1;
+    case Normal:
+      return Normal$1;
+    case Large:
+      return Large$1;
+    default:
+      return '';
+  }
+};
+
 const getExtensionDetailVirtualDom = (extensionDetail, sanitizedReadmeHtml, selectedTab, newState) => {
   // TODO move this to view model so that rendering occurs like
   // 1. state
@@ -2234,15 +2366,25 @@ const getExtensionDetailVirtualDom = (extensionDetail, sanitizedReadmeHtml, sele
   const extensionId = newState?.extension?.id || 'n/a';
   const extensionVersion = newState?.extension?.version || 'n/a';
   const displaySize = getDisplaySize(size);
+  const width = newState?.width || 500;
   const tabs = getTabs(selectedTab);
+  const sizeValue = getViewletSize(newState?.width || 0);
+  const sizeClass = getClassNames(sizeValue);
   const dom = [{
     type: Div$1,
-    className: mergeClassNames(Viewlet, ExtensionDetail),
+    className: mergeClassNames(Viewlet, ExtensionDetail, sizeClass),
     childCount: 3
-  }, ...getExtensionDetailHeaderVirtualDom(extensionDetail), ...getTabsVirtualDom(tabs), ...getExtensionDetailContentVirtualDom(sanitizedReadmeHtml, themesHtml, selectedTab, features, displaySize, extensionId, extensionVersion, selectedFeature, extension)];
+  }, ...getExtensionDetailHeaderVirtualDom(extensionDetail), ...getTabsVirtualDom(tabs), ...getExtensionDetailContentVirtualDom(sanitizedReadmeHtml, themesHtml, selectedTab, features, displaySize, extensionId, extensionVersion, selectedFeature, extension, width)];
   return dom;
 };
 
+const getExtensionDetailVirtualDom2 = uid => {
+  const {
+    newState
+  } = get$1(uid);
+  return getExtensionDetailVirtualDom(newState, newState.sanitizedReadmeHtml, newState.selectedTab, newState);
+};
+
 const None = 0;
 
 const getCopyMenuEntry = () => ({
@@ -2286,7 +2428,14 @@ const getLinkMenuEntries = props => {
 
 const getMenuEntries = props => [...getLinkMenuEntries(props), ...getImageMenuEntries(props), getCopyMenuEntry()];
 
+const handleClickDisable = async state => {
+  return state;
+};
+
 const selectFeature = async (state, name) => {
+  if (!name) {
+    return state;
+  }
   const {
     features
   } = state;
@@ -2336,6 +2485,10 @@ const handleClickSize = async state => {
   return state;
 };
 
+const handleClickUninstall = async state => {
+  return state;
+};
+
 const assetDir = '';
 
 const ExtensionDefaultIcon = `${assetDir}/icons/extensionDefaultIcon.png`;
@@ -4906,6 +5059,7 @@ const selectTab$1 = async state => {
     iconThemes,
     productIconThemes
   } = extension;
+  // TODO do this depending on featured tab content
   const markdown = getThemeMarkdown(colorThemes || [], iconThemes || [], productIconThemes || []);
   const rendered = await renderMarkdown(markdown, {
     baseUrl
@@ -5055,20 +5209,6 @@ const getSavedSelectedTab = savedState => {
   return Details;
 };
 
-const Small = 1;
-const Normal = 2;
-const Large = 3;
-
-const getViewletSize = width => {
-  if (width < 180) {
-    return Small;
-  }
-  if (width < 768) {
-    return Normal;
-  }
-  return Large;
-};
-
 const readFile = async uri => {
   return invoke('FileSystem.readFile', uri);
 };
@@ -5160,7 +5300,7 @@ const loadContent = async (state, platform, savedState) => {
     iconSrc,
     name,
     description,
-    size,
+    sizeOnDisk: size,
     entries,
     secondEntries,
     categories,
@@ -5172,11 +5312,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
@@ -5187,19 +5337,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.handleClickSize': handleClickSize,
-  '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.9.0",
+  "version": "3.11.0",
   "description": "Extension Detail View Worker",
   "keywords": [],
   "license": "MIT",