@lvce-editor/static-server 0.64.5 → 0.66.6

package/static/{488a9bc → 26ac40c}/packages/explorer-worker/dist/explorerViewWorkerMain.js

@@ -1268,6 +1268,13 @@ const appendFile = async (uri, text) => {
   // @ts-ignore
   return invoke$4('FileSystem.appendFile', uri, text);
 };
+const registerMockRpc$1 = commandMap => {
+  const mockRpc = createMockRpc({
+    commandMap
+  });
+  set$5(mockRpc);
+  return mockRpc;
+};
 
 const FileSystemWorker = {
   __proto__: null,
@@ -1285,6 +1292,7 @@ const FileSystemWorker = {
   readDirWithFileTypes: readDirWithFileTypes$1,
   readFile: readFile$1,
   readFileAsBlob,
+  registerMockRpc: registerMockRpc$1,
   remove: remove$1,
   rename: rename$2,
   set: set$5,

package/static/{488a9bc → 26ac40c}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js

@@ -19,7 +19,6 @@ const ContentSecurityPolicy = 'ContentSecurityPolicy';
 const Copy = 'Copy';
 const CopyImage = 'Copy Image';
 const CopyImageUrl = 'Copy Image Url';
-const CopyLink = 'Copy Link';
 const Details$1 = 'Details';
 const Disable$1 = 'Disable';
 const Elements = 'Elements';
@@ -62,6 +61,7 @@ const SetColorTheme$1 = 'Set Color Theme';
 const Settings$1 = 'Settings';
 const Size = 'Size';
 const Snippets = 'Snippets';
+const Status = 'Status';
 const StringMustNotBeEmpty = 'String must not be empty';
 const Theme$1 = 'Theme';
 const Uninstall$1 = 'Uninstall';
@@ -78,9 +78,6 @@ const marketplace = () => {
 const categories = () => {
   return i18nString(Categories$1);
 };
-const copyLink = () => {
-  return i18nString(CopyLink);
-};
 const resources = () => {
   return i18nString(Resources$1);
 };
@@ -126,6 +123,9 @@ const fileMatch = () => {
 const schema = () => {
   return i18nString(Schema);
 };
+const status = () => {
+  return i18nString(Status);
+};
 const setColorTheme$3 = () => {
   return i18nString(SetColorTheme$1);
 };
@@ -327,9 +327,12 @@ const TargetHref = 'event.target.href';
 const TargetName = 'event.target.name';
 
 const ExtensionDetailReadme = 20;
+const ExtensionDetailIconContextMenu$3 = 4091;
 
 const None$2 = 0;
 
+const Web$1 = 1;
+
 const DebugWorker = 55;
 const ExtensionHostWorker = 44;
 const FileSystemWorker$1 = 209;
@@ -357,6 +360,8 @@ const ButtonPrimary = 'ButtonPrimary';
 const Categories = 'Categories';
 const Category = 'Category';
 const Changelog$1 = 'Changelog';
+const MaskIcon = 'MaskIcon';
+const ResourceIcon = 'ResourceIcon';
 const Code$1 = 'Code';
 const DefaultMarkdown = 'DefaultMarkdown';
 const DefinitionListItem = 'DefinitionListItem';
@@ -566,15 +571,21 @@ const getCellCodeVirtualDom = (value, props) => {
   }, text(value)];
 };
 
+const getTitleProps = title => {
+  if (title) {
+    return {
+      title
+    };
+  }
+  return {};
+};
 const getCellLinkVirtualDom = (value, props) => {
   const tdClassName = props?.className ? `${TableCell} ${props.className}` : TableCell;
   return [{
     type: Td,
     className: tdClassName,
     childCount: 1,
-    ...(props?.title ? {
-      title: props.title
-    } : {})
+    ...getTitleProps(props?.title)
   }, {
     type: A,
     className: Link$1,
@@ -2245,7 +2256,7 @@ const searchFileHtml = async uri => {
 const getFilePathElectron = async file => {
   return invoke$2('FileSystemHandle.getFilePathElectron', file);
 };
-const showContextMenu$1 = async (x, y, id, ...args) => {
+const showContextMenu = async (x, y, id, ...args) => {
   return invoke$2('ContextMenu.show', x, y, id, ...args);
 };
 const getElectronVersion = async () => {
@@ -2578,7 +2589,7 @@ const RendererWorker = {
   setFocus,
   setWebViewPort,
   setWorkspacePath,
-  showContextMenu: showContextMenu$1,
+  showContextMenu,
   showErrorDialog,
   showMessageBox,
   showSaveFilePicker,
@@ -2588,10 +2599,11 @@ const RendererWorker = {
   writeClipBoardText: writeClipBoardText$1
 };
 
+/* eslint-disable unicorn/prefer-export-from */
+
 const {
   set: set$5,
-  getRuntimeStatus: getRuntimeStatus$1
-} = ExtensionHost;
+  getRuntimeStatus: getRuntimeStatus$1} = ExtensionHost;
 
 const getRuntimeStatus = async extensionId => {
   // @ts-ignore
@@ -2683,11 +2695,10 @@ const value = {
   className: 'RuntimeStatusDefinitionListValue',
   childCount: 1
 };
-const getStatusVirtualDom = status => {
-  const statusString = getStatusMessage(status);
-  return [key, text(`Status: `),
-  // i18n
-  value, text(`${statusString}`)];
+const getStatusVirtualDom = status$1 => {
+  const statusKey = status();
+  const statusValue = getStatusMessage(status$1);
+  return [key, text(`${statusKey}: `), value, text(`${statusValue}`)];
 };
 
 const getChildCount$1 = (status, activationTime, importTime) => {
@@ -2786,6 +2797,7 @@ const HandleReadmeScroll = 13;
 const HandleTabsClick = 14;
 const HandleAdditionalDetailContextMenu = 15;
 const HandleReadmeClick = 16;
+const HandleSelectionChange = 17;
 
 const ActivationEvents = 'ActivationEvents';
 const Changelog = 'Changelog';
@@ -2837,7 +2849,8 @@ const getMarkdownVirtualDom = async (html, options) => {
       ...firstNode,
       onScroll: HandleReadmeScroll,
       childCount: firstNode.childCount + 1,
-      onClick: HandleReadmeClick
+      onClick: HandleReadmeClick,
+      onSelectionChange: HandleSelectionChange
     }, ...extraDom, ...rest];
   }
   return dom;
@@ -3294,7 +3307,6 @@ const {
   set: set$2,
   setColorTheme: setColorTheme$1,
   setExtensionsSearchValue,
-  showContextMenu,
   uninstallExtension,
   writeClipBoardImage,
   writeClipBoardText} = RendererWorker;
@@ -3363,13 +3375,9 @@ const {
 
 const create = (uid, uri, x, y, width, height, platform, assetDir) => {
   const state = {
-    wasActivatedByEvent: '',
-    activationTime: 0,
-    importTime: 0,
-    disabled: false,
-    status: 0,
-    uid,
+    activationEntries: [],
     activationEvents: [],
+    activationTime: 0,
     assetDir: assetDir || '',
     badge: '',
     baseUrl: '',
@@ -3378,52 +3386,57 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     categories: [],
     changelogScrollTop: 0,
     changelogVirtualDom: [],
-    extensionUri: '',
     commands: [],
-    hasReadme: false,
     description: '',
     detailsVirtualDom: [],
+    disabled: false,
     displaySize: '',
     downloadCount: 'n/a',
-    installationEntries: [],
     extension: {},
     extensionId: '',
+    extensionUri: '',
     extensionVersion: '',
     features: [],
     featuresVirtualDom: [],
     focus: 0,
     folderSize: 0,
     hasColorTheme: false,
+    hasReadme: false,
     iconSrc: '',
+    importTime: 0,
+    installationEntries: [],
     jsonValidation: [],
+    locationProtocol: '',
+    marketplaceEntries: [],
     name: '',
+    paddingLeft: 0,
+    paddingRight: 0,
     platform,
     programmingLanguages: [],
     rating: 'n/a',
     readmeScrollTop: 0,
+    readmeUrl: '',
     resources: [],
     scrollSource: 0,
     scrollToTopButtonEnabled: false,
-    marketplaceEntries: [],
     selectedFeature: '',
     selectedTab: '',
     settings: [],
     settingsButtonEnabled: false,
     showAdditionalDetailsBreakpoint: 700,
+    showSideBar: true,
+    sideBarWidth: 0,
     sizeOnDisk: 0,
     sizeValue: 0,
+    status: 0,
     tabs: [],
     themesMarkdownDom: [],
+    uid,
     uri,
+    wasActivatedByEvent: '',
     webViews: [],
     width,
-    readmeUrl: '',
-    paddingLeft: 0,
-    paddingRight: 0,
-    showSideBar: true,
-    sideBarWidth: 0,
-    locationProtocol: '',
-    activationEntries: []
+    showSizeLink: false
   };
   set(uid, state, state);
 };
@@ -3437,7 +3450,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.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;
+  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.installationEntries === newState.installationEntries && oldState.jsonValidation === newState.jsonValidation && oldState.resources === newState.resources && 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;
@@ -3474,34 +3487,42 @@ const dispose = uid => {
   dispose$1(uid);
 };
 
-const getMenuEntriesReadmeLink = props => {
+const executeCopy = async state => {
+  // TODO
+  // 1. get selection text
+  // 2. copy it
+  return state;
+};
+
+const getMenuEntriesImage = (state, props) => {
   return [{
-    id: 'copyLink',
-    label: copyLink(),
+    id: 'copyImage',
+    label: copyImage$1(),
+    flags: None$2,
+    command: 'ExtensionDetail.copyImage',
+    args: []
+  }, {
+    id: 'copyImage',
+    label: copyImageUrl$1(),
     flags: None$2,
-    command: 'ExtensionDetail.copyReadmeLink',
-    args: [props.href]
+    command: 'ExtensionDetail.copyImageUrl',
+    args: []
   }];
 };
-const getMenuEntriesReadme$1 = props => {
-  if (props.href) {
-    return getMenuEntriesReadmeLink(props);
+
+const getMenuEntries2 = (state, props) => {
+  if (props.menuId === ExtensionDetailIconContextMenu$3) {
+    return getMenuEntriesImage();
   }
   return [{
     id: 'copy',
     label: copy$1(),
     flags: None$2,
-    command: 'ExtensionDetail.copyReadmeText',
+    command: 'ExtensionDetail.executeCopy',
     args: []
   }];
 };
 
-// TODO maybe add props object as second property with properties like imagesrc, linksrc, nodeName
-
-const getMenuEntries2 = (state, props) => {
-  return getMenuEntriesReadme$1(props);
-};
-
 const None = 0;
 
 const getCopyMenuEntry = () => ({
@@ -3828,9 +3849,6 @@ const handleIconError = state => {
   };
 };
 
-const show = async (menuId, x, y) => {
-  await showContextMenu(x, y, menuId);
-};
 const show2 = async (uid, menuId, x, y, args) => {
   // @ts-ignore
   await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
@@ -3839,7 +3857,12 @@ const show2 = async (uid, menuId, x, y, args) => {
 const ExtensionDetailIconContextMenu = 4091;
 
 const handleImageContextMenu = async (state, eventX, eventY) => {
-  await show(ExtensionDetailIconContextMenu, eventX, eventY);
+  const {
+    uid
+  } = state;
+  await show2(uid, ExtensionDetailIconContextMenu, eventX, eventY, {
+    menuId: ExtensionDetailIconContextMenu
+  });
   return state;
 };
 
@@ -3880,6 +3903,11 @@ const handleScroll = (state, scrollTop, scrollSource = Script) => {
   };
 };
 
+const handleSelectionChange = async (state, selection) => {
+  // console.log('selection change')
+  return state;
+};
+
 const readFile = async uri => {
   return readFile$1(uri);
 };
@@ -4040,6 +4068,53 @@ const handleTabsClick = (state, name) => {
   return selectTab(state, name);
 };
 
+const getSizeEntries = (showSizeLink, displaySize, extensionUri) => {
+  if (!showSizeLink) {
+    return [];
+  }
+  return [{
+    key: size(),
+    value: displaySize,
+    onClick: HandleClickSize,
+    title: extensionUri
+  }];
+};
+
+const getInstallationEntries = (displaySize, extensionId, extensionVersion, extensionUri, showSizeLink) => {
+  const entries = [{
+    key: identifier(),
+    value: extensionId,
+    odd: true,
+    code: true
+  }, {
+    key: version(),
+    value: extensionVersion,
+    code: true
+  }, {
+    key: lastUpdated(),
+    value: 'n/a',
+    // TODO get this from somewhere
+    odd: true
+  }, ...getSizeEntries(showSizeLink, displaySize, extensionUri)];
+  return entries;
+};
+
+const hideSizeLink = state => {
+  const {
+    displaySize,
+    extensionId,
+    extensionVersion,
+    extensionUri
+  } = state;
+  const newShowSizeLink = false;
+  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri, newShowSizeLink);
+  return {
+    ...state,
+    installationEntries,
+    showSizeLink: newShowSizeLink
+  };
+};
+
 const sendMessagePortToExtensionHostWorker = async port => {
   await sendMessagePortToExtensionHostWorker$1(port, 0);
 };
@@ -4109,7 +4184,11 @@ const initialize = async () => {
 };
 
 const existsFile = async uri => {
-  return exists(uri);
+  try {
+    return await exists(uri);
+  } catch {
+    return false;
+  }
 };
 
 class ExtensionNotFoundError extends Error {
@@ -4324,12 +4403,25 @@ const loadHeaderContent = (state, platform, extension) => {
   };
 };
 
-const getCategories = () => {
-  // TODO
-  return [{
-    id: 'themes',
-    label: 'Themes'
-  }];
+const stringifyCategory = category => {
+  if (typeof category === 'string') {
+    return category;
+  }
+  return JSON.stringify(category);
+};
+const toCategory = categoryString => {
+  return {
+    id: categoryString.toLowerCase(),
+    label: categoryString
+  };
+};
+const getCategories = extension => {
+  if (!hasProperty(extension, 'categories') || !Array.isArray(extension.categories)) {
+    return [];
+  }
+  const categoryStrings = extension.categories.map(stringifyCategory);
+  const categories = categoryStrings.map(toCategory);
+  return categories;
 };
 
 const BYTE_UNITS = ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
@@ -4474,30 +4566,6 @@ const getFolderSize = async uri => {
   }
 };
 
-const getInstallationEntries = (displaySize, extensionId, extensionVersion, extensionUri) => {
-  const entries = [{
-    key: identifier(),
-    value: extensionId,
-    odd: true,
-    code: true
-  }, {
-    key: version(),
-    value: extensionVersion,
-    code: true
-  }, {
-    key: lastUpdated(),
-    value: 'n/a',
-    // TODO get this from somewhere
-    odd: true
-  }, {
-    key: size(),
-    value: displaySize,
-    onClick: HandleClickSize,
-    title: extensionUri
-  }];
-  return entries;
-};
-
 const getMarketplaceEntries = isBuiltin => {
   if (isBuiltin) {
     return [];
@@ -4512,40 +4580,73 @@ const getMarketplaceEntries = isBuiltin => {
   }];
 };
 
-const getResources = isBuiltin => {
+const getLicenseLink = extension => {
+  // TODO
+  return '#';
+};
+
+const getRepositoryLinkRaw = extension => {
+  if (extension && hasProperty(extension, 'repository') && typeof extension.repository === 'string') {
+    return extension.repository; // TODO watch out for javascript: or other invalid links or path traversal
+  }
+  return '';
+};
+const ensureValidLink = link => {
+  if (!link) {
+    return '';
+  }
+  const parsed = new URL(link);
+  if (parsed.protocol !== 'https:') {
+    return '';
+  }
+  return link;
+};
+const getRepositoryLink = extension => {
+  const raw = getRepositoryLinkRaw(extension);
+  const validLink = ensureValidLink(raw);
+  return validLink;
+};
+
+const getResources = (isBuiltin, extension) => {
   if (isBuiltin) {
     return [];
   }
+  const repositoryLink = getRepositoryLink(extension);
+  const licenseLink = getLicenseLink();
   // TODO
   return [{
     label: marketplace(),
-    url: '#'
+    url: '#',
+    icon: 'LinkExternal'
   }, {
     label: issues(),
-    url: '#'
+    url: '#',
+    icon: 'LinkExternal'
   }, {
     label: repository(),
-    url: '#'
+    url: repositoryLink,
+    icon: 'Repo'
   }, {
     label: license(),
-    url: '#'
+    url: licenseLink,
+    icon: 'LinkExternal'
   }];
 };
 
-const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, isBuiltin) => {
+const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink) => {
   const folderSize = await getFolderSize(extensionUri);
   const displaySize = getDisplaySize(folderSize);
-  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri);
+  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri, showSizeLink);
   const marketplaceEntries = getMarketplaceEntries(isBuiltin);
-  const categories = getCategories();
-  const resources = getResources(isBuiltin);
+  const categories = getCategories(extension);
+  const resources = getResources(isBuiltin, extension);
   return {
+    categories,
+    displaySize,
+    folderSize,
     installationEntries,
     marketplaceEntries,
-    displaySize,
-    categories,
-    resources,
-    folderSize
+    resources
   };
 };
 
@@ -4645,6 +4746,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
   const tabs = getTabs(selectedTab, hasReadme, hasFeatures, hasChangelog);
   const enabledTabs = tabs.filter(tab => tab.enabled);
   const sizeValue = getViewletSize(width || 0);
+  const showSizeLink = platform !== Web$1;
   const {
     installationEntries,
     marketplaceEntries,
@@ -4652,7 +4754,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     categories,
     resources,
     folderSize
-  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin);
+  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink);
   const padding = getPadding(width);
   const sideBarWidth = getSideBarWidth(width);
   const showSideBar = sideBarWidth > 0;
@@ -4678,6 +4780,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     hasReadme,
     iconSrc,
     installationEntries,
+    locationProtocol,
     marketplaceEntries,
     name,
     paddingLeft: padding,
@@ -4690,11 +4793,11 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     scrollToTopButtonEnabled: true,
     selectedTab,
     showSideBar,
+    showSizeLink,
     sideBarWidth,
     sizeOnDisk: size,
     sizeValue,
-    tabs: enabledTabs,
-    locationProtocol
+    tabs: enabledTabs
   };
 };
 
@@ -4870,6 +4973,38 @@ const getMoreInfoVirtualDom = items => {
   }, ...items.flatMap(getMoreInfoEntryVirtualDom)];
 };
 
+const getIconDom = icon => {
+  if (!icon) {
+    return [];
+  }
+  return [{
+    type: Div,
+    className: ResourceIcon,
+    childCount: 1
+  }, {
+    type: Div,
+    className: mergeClassNames(MaskIcon, `MaskIcon${icon}`),
+    childCount: 0
+  }];
+};
+const getResourceLinkVirtualDom = resource => {
+  const {
+    label,
+    url,
+    icon
+  } = resource;
+  const iconDom = getIconDom(icon);
+  const iconDomCount = iconDom.length > 0 ? 1 : 0;
+  return [{
+    type: A,
+    className: Resource,
+    childCount: 1 + iconDomCount,
+    target: '_blank',
+    rel: 'noopener noreferrer',
+    href: url
+  }, ...iconDom, text(label)];
+};
+
 const resourceNode = {
   // TODO use link with url
   type: Div,
@@ -4878,8 +5013,12 @@ const resourceNode = {
 };
 const getResourceVirtualDom = resource => {
   const {
-    label
+    label,
+    url
   } = resource;
+  if (url && url !== '#') {
+    return getResourceLinkVirtualDom(resource);
+  }
   return [resourceNode, text(label)];
 };
 
@@ -5303,6 +5442,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleClickSetColorTheme,
     params: ['handleClickSetColorTheme']
+  }, {
+    name: HandleSelectionChange,
+    params: ['handleSelectionChange']
   }];
 };
 
@@ -5342,14 +5484,14 @@ const commandMap = {
   'ExtensionDetail.create': create,
   'ExtensionDetail.diff2': diff2,
   'ExtensionDetail.dispose': dispose,
+  'ExtensionDetail.executeCopy': wrapCommand(executeCopy),
   'ExtensionDetail.getCommandIds': getCommandIds,
   'ExtensionDetail.getMenuEntries': getMenuEntries,
   'ExtensionDetail.getMenuEntries2': wrapGetter(getMenuEntries2),
-  'ExtensionDetail.getMenus': getMenus,
   'ExtensionDetail.getMenuIds': getMenuIds,
-  'ExtensionDetail.handleClickCategory': wrapCommand(handleClickCategory),
-  'ExtensionDetail.handleReadmeContextMenu': wrapCommand(handleReadmeContextMenu),
+  'ExtensionDetail.getMenus': getMenus,
   'ExtensionDetail.handleAdditionalDetailsContextMenu': wrapCommand(handleAdditionalDetailContextMenu),
+  'ExtensionDetail.handleClickCategory': wrapCommand(handleClickCategory),
   'ExtensionDetail.handleClickDisable': wrapCommand(handleClickDisable),
   'ExtensionDetail.handleClickEnable': wrapCommand(handleClickEnable),
   'ExtensionDetail.handleClickScrollToTop': wrapCommand(handleClickScrollToTop),
@@ -5361,11 +5503,14 @@ const commandMap = {
   'ExtensionDetail.handleFeaturesClick': wrapCommand(handleClickFeatures),
   'ExtensionDetail.handleIconError': wrapCommand(handleIconError),
   'ExtensionDetail.handleImageContextMenu': wrapCommand(handleImageContextMenu),
+  'ExtensionDetail.handleReadmeClick': wrapCommand(handleReadmeClick),
+  'ExtensionDetail.handleReadmeContextMenu': wrapCommand(handleReadmeContextMenu),
   'ExtensionDetail.handleScroll': wrapCommand(handleScroll),
+  'ExtensionDetail.handleSelectionChange': wrapCommand(handleSelectionChange),
   'ExtensionDetail.handleTabsClick': wrapCommand(handleTabsClick),
-  'ExtensionDetail.handleReadmeClick': wrapCommand(handleReadmeClick),
   'ExtensionDetail.handleWheel': wrapCommand(handleScroll),
   // deprecated
+  'ExtensionDetail.hideSizeLink': wrapCommand(hideSizeLink),
   'ExtensionDetail.initialize': initialize,
   'ExtensionDetail.loadContent2': wrapCommand(loadContent2),
   'ExtensionDetail.openImageInNewTab': wrapCommand(openImageInNewTab),