@lvce-editor/static-server 0.69.0 → 0.69.1

package/static/{eb102f6 → a9c13cf}/packages/extension-search-view-worker/dist/extensionSearchViewWorkerMain.js

@@ -1269,17 +1269,17 @@ const Ellipsis = 'Ellipsis';
 const getInputActions = hasValue => {
   const clearEnabled = hasValue;
   const actions = [{
-    onClick: HandleClearSearchResults,
+    enabled: clearEnabled,
     icon: `MaskIcon${ClearAll}`,
+    onClick: HandleClearSearchResults,
     title: clearExtensionSearchResults(),
-    type: Button,
-    enabled: clearEnabled
+    type: Button
   }, {
+    enabled: true,
     icon: `MaskIcon${Filter}`,
-    title: filter(),
-    type: Button,
     onClick: HandleClickFilter,
-    enabled: true
+    title: filter(),
+    type: Button
   }];
   return actions;
 };
@@ -1383,16 +1383,16 @@ const parseValue = value => {
   });
   const isLocal = enabled || builtin || disabled || outdated || installed;
   return {
-    query: replaced,
-    enabled,
     builtin,
+    category,
     disabled,
-    outdated,
-    installed,
+    enabled,
     id,
-    sort,
+    installed,
     isLocal,
-    category
+    outdated,
+    query: replaced,
+    sort
   };
 };
 
@@ -1473,12 +1473,12 @@ const handleChange = async (state, update) => {
     const inputActions = getInputActions(hasValue);
     const {
       allExtensions,
+      assetDir,
+      headerHeight,
+      height,
       itemHeight,
       minimumSliderSize,
-      height,
-      platform,
-      assetDir,
-      headerHeight
+      platform
     } = state;
     // TODO cancel ongoing requests
     // TODO handle errors
@@ -1490,15 +1490,15 @@ const handleChange = async (state, update) => {
         deltaY: 0,
         finalDeltaY: 0,
         focus: Input,
+        inputActions,
+        inputSource,
         items,
         maxLineY: 0,
         message: noExtensionsFound(),
         minLineY: 0,
         placeholder: searchExtensionsInMarketPlace(),
         scrollBarHeight: 0,
-        searchValue: value,
-        inputSource,
-        inputActions
+        searchValue: value
       };
     }
     const total = items.length;
@@ -1514,6 +1514,8 @@ const handleChange = async (state, update) => {
       allExtensions,
       deltaY: 0,
       finalDeltaY,
+      inputActions,
+      inputSource,
       items,
       maxLineY,
       message: '',
@@ -1521,9 +1523,7 @@ const handleChange = async (state, update) => {
       placeholder: searchExtensionsInMarketPlace(),
       scrollBarHeight,
       scrollBarY,
-      searchValue: value,
-      inputSource,
-      inputActions
+      searchValue: value
     };
 
     // TODO handle out of order responses (a bit complicated)
@@ -1542,8 +1542,8 @@ const clearSearchResults = state => {
   return handleChange(state, {
     ...state,
     focus: Input,
-    searchValue: '',
-    inputSource: Script$1
+    inputSource: Script$1,
+    searchValue: ''
   });
 };
 
@@ -2003,8 +2003,8 @@ const RendererWorker = {
 
 const getFocusedItem = state => {
   const {
-    items,
-    focusedIndex
+    focusedIndex,
+    items
   } = state;
   if (focusedIndex === -1) {
     return undefined;
@@ -2034,10 +2034,10 @@ const stringifyRow = row => {
 };
 const getExtensionInfoText = extension => {
   const {
-    name: name$1,
+    description: description$1,
     id: id$1,
-    publisher: publisher$1,
-    description: description$1
+    name: name$1,
+    publisher: publisher$1
   } = extension;
   const version$1 = ''; // TODO
   const marketplaceLink$1 = ''; // TODO
@@ -2076,14 +2076,14 @@ const copyExtensionInfo = async state => {
 };
 
 const {
-  get,
-  set: set$2,
+  diff,
   dispose: dispose$1,
-  wrapCommand,
+  get,
   getCommandIds,
   registerCommands,
-  wrapGetter,
-  diff
+  set: set$2,
+  wrapCommand,
+  wrapGetter
 } = create$2();
 
 const create = (id, uri, x, y, width, height, platform, assetDir) => {
@@ -2331,15 +2331,15 @@ const focusPreviousPage = state => {
 
 const getActions = () => {
   return [{
-    type: Button,
-    id: refresh(),
+    command: '',
     icon: Refresh,
-    command: ''
+    id: refresh(),
+    type: Button
   }, {
-    type: Button,
-    id: viewsAndMoreActions(),
+    command: '',
     icon: Ellipsis,
-    command: ''
+    id: viewsAndMoreActions(),
+    type: Button
   }];
 };
 
@@ -2359,44 +2359,44 @@ const FocusExtensionsInput = 7000;
 
 const getKeyBindings = () => {
   return [{
-    key: Home,
     command: 'Extensions.focusFirst',
+    key: Home,
     when: FocusExtensions
   }, {
-    key: End,
     command: 'Extensions.focusLast',
+    key: End,
     when: FocusExtensions
   }, {
-    key: PageUp,
     command: 'Extensions.focusPreviousPage',
+    key: PageUp,
     when: FocusExtensions
   }, {
-    key: PageDown,
     command: 'Extensions.focusNextPage',
+    key: PageDown,
     when: FocusExtensions
   }, {
-    key: UpArrow,
     command: 'Extensions.focusPrevious',
+    key: UpArrow,
     when: FocusExtensions
   }, {
-    key: DownArrow,
     command: 'Extensions.focusNext',
+    key: DownArrow,
     when: FocusExtensions
   }, {
-    key: Space,
     command: 'Extensions.handleClickCurrentButKeepFocus',
+    key: Space,
     when: FocusExtensions
   }, {
-    key: Enter,
     command: 'Extensions.handleClickCurrent',
+    key: Enter,
     when: FocusExtensions
   }, {
-    key: CtrlCmd | Space,
     command: 'Extensions.toggleSuggest',
+    key: CtrlCmd | Space,
     when: FocusExtensions
   }, {
-    key: CtrlCmd | DownArrow,
     command: 'Extensions.scrollDown',
+    key: CtrlCmd | DownArrow,
     when: FocusExtensions
   }];
 };
@@ -2405,30 +2405,30 @@ const None$1 = 0;
 
 const getMenuEntries = () => {
   return [{
-    id: 'enable',
-    label: enable(),
+    command: 'SearchExtensions.enable',
     flags: None$1,
-    command: 'SearchExtensions.enable'
+    id: 'enable',
+    label: enable()
   }, {
-    id: 'disable',
-    label: disable(),
+    command: 'SearchExtensions.disable',
     flags: None$1,
-    command: 'SearchExtensions.disable'
+    id: 'disable',
+    label: disable()
   }, {
-    id: 'installAnotherVersion',
-    label: installAnotherVersion(),
+    command: 'SearchExtensions.installAnotherVersion',
     flags: None$1,
-    command: 'SearchExtensions.installAnotherVersion'
+    id: 'installAnotherVersion',
+    label: installAnotherVersion()
   }, {
-    id: 'copy',
-    label: copy(),
+    command: 'Extensions.copyExtensionInfo',
     flags: None$1,
-    command: 'Extensions.copyExtensionInfo'
+    id: 'copy',
+    label: copy()
   }, {
-    id: 'copyExtensionId',
-    label: copyExtensionId$1(),
+    command: 'Extensions.copyExtensionId',
     flags: None$1,
-    command: 'Extensions.copyExtensionId'
+    id: 'copyExtensionId',
+    label: copyExtensionId$1()
   }];
 };
 
@@ -2453,10 +2453,9 @@ const getExtensionDetailUri = extensionId => {
 
 const {
   invoke: invoke$1,
-  set: set$1,
   openUri: openUri$1,
-  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1
-} = RendererWorker;
+  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1,
+  set: set$1} = RendererWorker;
 
 const openUri = async uri => {
   return openUri$1(uri);
@@ -2468,6 +2467,9 @@ const handleClick = async (state, index) => {
     minLineY
   } = state;
   const actualIndex = index + minLineY;
+  if (actualIndex < 0 || actualIndex >= items.length) {
+    return state;
+  }
   const extension = items[actualIndex];
   const uri = getExtensionDetailUri(extension.id);
   await openUri(uri);
@@ -2503,11 +2505,11 @@ const handleClickAt = async (state, button, eventX, eventY) => {
     return state;
   }
   const {
-    x,
-    y,
-    itemHeight,
     deltaY,
-    headerHeight
+    headerHeight,
+    itemHeight,
+    x,
+    y
   } = state;
   const index = getListIndex(eventX, eventY, x, y, deltaY, itemHeight, headerHeight);
   return handleClick(state, index);
@@ -2566,8 +2568,8 @@ const handleHeaderContextMenu = async state => {
 
 const handleInput = async (state, value, inputSource = User) => {
   return handleChange(state, {
-    searchValue: value,
-    inputSource
+    inputSource,
+    searchValue: value
   });
 };
 
@@ -2589,21 +2591,21 @@ const getNewDeltaPercent = (height, scrollBarHeight, relativeY) => {
   if (relativeY <= halfScrollBarHeight) {
     // clicked at top
     return {
-      percent: 0,
-      handleOffset: relativeY
+      handleOffset: relativeY,
+      percent: 0
     };
   }
   if (relativeY <= height - halfScrollBarHeight) {
     // clicked in middle
     return {
-      percent: (relativeY - halfScrollBarHeight) / (height - scrollBarHeight),
-      handleOffset: halfScrollBarHeight
+      handleOffset: halfScrollBarHeight,
+      percent: (relativeY - halfScrollBarHeight) / (height - scrollBarHeight)
     };
   }
   // clicked at bottom
   return {
-    percent: 1,
-    handleOffset: scrollBarHeight - height + relativeY
+    handleOffset: scrollBarHeight - height + relativeY,
+    percent: 1
   };
 };
 
@@ -2618,11 +2620,11 @@ const setDeltaY = (state, value) => {
   object(state);
   number(value);
   const {
-    itemHeight,
-    finalDeltaY,
     deltaY,
-    height,
+    finalDeltaY,
     headerHeight,
+    height,
+    itemHeight,
     items,
     minimumSliderSize
   } = state;
@@ -2641,8 +2643,8 @@ const setDeltaY = (state, value) => {
   return {
     ...state,
     deltaY: newDeltaY,
-    minLineY,
     maxLineY,
+    minLineY,
     scrollBarY
   };
 };
@@ -2650,12 +2652,12 @@ const setDeltaY = (state, value) => {
 const handleScrollBarClick = (state, eventY) => {
   // TODO move this to list
   const {
-    y,
     deltaY,
-    headerHeight,
     finalDeltaY,
+    headerHeight,
+    height,
     scrollBarHeight,
-    height
+    y
   } = state;
   const contentHeight = height - headerHeight;
   const relativeY = eventY - y - headerHeight;
@@ -2669,8 +2671,8 @@ const handleScrollBarClick = (state, eventY) => {
     };
   }
   const {
-    percent,
-    handleOffset
+    handleOffset,
+    percent
   } = getNewDeltaPercent(contentHeight, scrollBarHeight, relativeY);
   const newDeltaY = percent * finalDeltaY;
   return {
@@ -2690,12 +2692,12 @@ const getNewPercent = (contentHeight, scrollBarHeight, relativeY) => {
 };
 const handleScrollBarMove = (state, eventY) => {
   const {
-    y,
-    headerHeight,
-    handleOffset,
     finalDeltaY,
+    handleOffset,
+    headerHeight,
     height,
-    scrollBarHeight
+    scrollBarHeight,
+    y
   } = state;
   const relativeY = eventY - y - headerHeight - handleOffset;
   const contentHeight = height - headerHeight;
@@ -2732,8 +2734,9 @@ const createExtensionHostWorkerRpc = async () => {
 };
 
 const {
-  set,
-  invoke} = ExtensionHost;
+  invoke,
+  set
+} = ExtensionHost;
 
 const initializeExtensionHostWorker = async () => {
   const rpc = await createExtensionHostWorkerRpc();
@@ -2875,13 +2878,13 @@ const getPublisher = extension => {
 
 const normalizeExtension$1 = (extension, platform, assetDir) => {
   return {
+    categories: getCategories(extension),
+    description: getDescription(extension),
+    icon: getIcon(extension, platform, assetDir),
     id: getId$1(extension),
     name: getName(extension),
-    description: getDescription(extension),
-    uri: '',
     publisher: getPublisher(extension),
-    icon: getIcon(extension, platform, assetDir),
-    categories: getCategories(extension)
+    uri: ''
   };
 };
 
@@ -2910,20 +2913,20 @@ const restoreState = savedState => {
   const searchValue = getSavedValue(savedState);
   const savedDeltaY = getSavedDeltaY(savedState);
   return {
-    searchValue,
-    deltaY: savedDeltaY
+    deltaY: savedDeltaY,
+    searchValue
   };
 };
 
 const loadContent = async (state, savedState) => {
   const {
-    width,
+    assetDir,
     platform,
-    assetDir
+    width
   } = state;
   const {
-    searchValue,
-    deltaY
+    deltaY,
+    searchValue
   } = restoreState(savedState);
   // TODO just get local extensions on demand (not when query string is already different)
   const allExtensions = await getAllExtensions(platform);
@@ -2932,9 +2935,9 @@ const loadContent = async (state, savedState) => {
   const updatedState = await handleInput({
     ...state,
     allExtensions: normalized,
-    size,
+    deltaY,
     inputSource: Script,
-    deltaY
+    size
   }, searchValue, Script);
   return updatedState;
 };
@@ -2957,8 +2960,8 @@ const getSelector = focus => {
 };
 const renderFocus = newState => {
   const {
-    uid,
-    focus
+    focus,
+    uid
   } = newState;
   if (!focus) {
     return [];
@@ -3006,6 +3009,7 @@ const SearchFieldButton = 'SearchFieldButton';
 const SearchFieldButtons = 'SearchFieldButtons';
 const SearchFieldContainer = 'SearchFieldContainer';
 const SearchFieldButtonDisabled = 'SearchFieldButtonDisabled';
+const NoExtensionsFoundMessage = 'NoExtensionsFoundMessage';
 const Viewlet = 'Viewlet';
 
 const List = 'list';
@@ -3022,56 +3026,56 @@ const getClassName$1 = enabled => {
 };
 const getSearchFieldButtonVirtualDom = button => {
   const {
-    icon,
-    title,
     enabled,
-    onClick
+    icon,
+    onClick,
+    title
   } = button;
   return [{
-    type: Button$2,
+    childCount: 1,
     className: getClassName$1(enabled),
-    title,
+    onClick,
     tabIndex: 0,
-    childCount: 1,
-    onClick
+    title,
+    type: Button$2
   }, {
-    type: Div,
+    childCount: 0,
     className: mergeClassNames(MaskIcon, icon),
-    childCount: 0
+    type: Div
   }];
 };
 
 const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, outsideButtons, onFocus = '') => {
   // TODO avoid mutation
   const dom = [{
-    type: Div,
+    childCount: 2,
     className: SearchField,
     role: None,
-    childCount: 2
+    type: Div
   }, {
-    type: Input$1,
-    inputType: 'search',
-    className: MultilineInputBox,
-    spellcheck: false,
     autocapitalize: 'off',
-    autocorrect: 'off',
     autocomplete: 'off',
-    placeholder,
+    autocorrect: 'off',
+    childCount: 0,
+    className: MultilineInputBox,
+    inputType: 'search',
     name,
-    onInput,
     onFocus,
-    childCount: 0
+    onInput,
+    placeholder,
+    spellcheck: false,
+    type: Input$1
   }, {
-    type: Div,
+    childCount: insideButtons.length,
     className: SearchFieldButtons,
-    childCount: insideButtons.length
+    type: Div
   }, ...insideButtons.flatMap(getSearchFieldButtonVirtualDom)];
   if (outsideButtons.length > 0) {
     dom.unshift({
-      type: Div,
+      childCount: 1 + outsideButtons.length,
       className: SearchFieldContainer,
       role: None,
-      childCount: 1 + outsideButtons.length
+      type: Div
     });
     dom.push(...outsideButtons.flatMap(getSearchFieldButtonVirtualDom));
   }
@@ -3079,10 +3083,10 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
 };
 
 const parentNode = {
-  type: Div,
-  className: ExtensionHeader,
   childCount: 1,
-  onContextMenu: HandleHeaderContextMenu
+  className: ExtensionHeader,
+  onContextMenu: HandleHeaderContextMenu,
+  type: Div
 };
 const getExtensionHeaderVirtualDom = (placeholder, actions) => {
   return [parentNode, ...getSearchFieldVirtualDom(Extensions$1, placeholder, HandleExtensionsInput, actions, [])];
@@ -3097,29 +3101,29 @@ const renderHeader = newState => {
 const Extension = 'Extension';
 
 const listItemDetail = {
-  type: Div,
+  childCount: 3,
   className: ExtensionListItemDetail,
-  childCount: 3
+  type: Div
 };
 const listItemName = {
-  type: Div,
+  childCount: 1,
   className: ExtensionListItemName,
-  childCount: 1
+  type: Div
 };
 const listItemDescription = {
-  type: Div,
+  childCount: 1,
   className: ExtensionListItemDescription,
-  childCount: 1
+  type: Div
 };
 const listItemFooter = {
-  type: Div,
+  childCount: 2,
   className: ExtensionListItemFooter,
-  childCount: 2
+  type: Div
 };
 const listItemAuthorName = {
-  type: Div,
+  childCount: 1,
   className: ExtensionListItemAuthorName,
-  childCount: 1
+  type: Div
 };
 const getClassName = focused => {
   if (focused) {
@@ -3135,46 +3139,44 @@ const getId = focused => {
 };
 const getExtensionListItemVirtualDom = extension => {
   const {
-    posInSet,
-    setSize,
-    top,
+    description,
+    focused,
     icon,
     name,
-    description,
+    posInSet,
     publisher,
-    focused
+    setSize,
+    top
   } = extension;
   const dom = [{
-    type: Div,
-    role: ListItem,
+    ariaPosInSet: posInSet,
     ariaRoleDescription: Extension,
+    ariaSetSize: setSize,
+    childCount: 2,
     className: getClassName(focused),
     id: getId(focused),
-    ariaPosInSet: posInSet,
-    ariaSetSize: setSize,
+    role: ListItem,
     top,
-    childCount: 2
+    type: Div
   }, {
-    type: Img,
-    src: icon,
+    childCount: 0,
     className: ExtensionListItemIcon,
     role: None,
-    childCount: 0
+    src: icon,
+    type: Img
   }, listItemDetail, listItemName, text(name), listItemDescription, text(description), listItemFooter, listItemAuthorName, text(publisher), {
-    type: Div,
+    childCount: 0,
     className: ExtensionActions,
-    childCount: 0
+    type: Div
   }];
   return dom;
 };
 
 const getExtensionsListVirtualDom = visibleExtensions => {
   const dom = [{
-    type: Div,
-    className: ListItems,
-    tabIndex: 0,
     ariaLabel: extensions(),
-    role: List,
+    childCount: visibleExtensions.length,
+    className: ListItems,
     onContextmenu: HandleContextMenu,
     onContextMenu: HandleContextMenu,
     onFocus: HandleFocus,
@@ -3183,7 +3185,9 @@ const getExtensionsListVirtualDom = visibleExtensions => {
     onTouchMove: HandleTouchMove,
     onTouchStart: HandleTouchStart,
     onWheel: HandleWheel,
-    childCount: visibleExtensions.length
+    role: List,
+    tabIndex: 0,
+    type: Div
   }, ...visibleExtensions.flatMap(getExtensionListItemVirtualDom)];
   return dom;
 };
@@ -3194,6 +3198,14 @@ const getExtensionsVirtualDom = visibleExtensions => {
   return dom;
 };
 
+const getNoExtensionsFoundVirtualDom = message => {
+  return [{
+    childCount: 1,
+    className: NoExtensionsFoundMessage,
+    type: Div
+  }, text(message)];
+};
+
 const px = value => {
   return `${value}px`;
 };
@@ -3210,50 +3222,50 @@ const getScrollBarVirtualDom = (scrollBarHeight, scrollBarTop) => {
   const heightString = px(scrollBarHeight);
   const translateString = position(0, scrollBarTop);
   return [{
-    type: Div,
+    childCount: 1,
     className: mergeClassNames(ScrollBar, ScrollBarSmall),
     onPointerDown: HandleScrollBarPointerDown,
     // TODO support pointercapture event
-    childCount: 1
+    type: Div
   }, {
-    type: Div,
-    className: ScrollBarThumb,
     childCount: 0,
+    className: ScrollBarThumb,
     height: heightString,
-    translate: translateString
+    translate: translateString,
+    type: Div
   }];
 };
 
 const getVisibleItem = (item, setSize, itemHeight, minLineY, relative, i, focusedIndex) => {
   // TODO use normal parameters
   const {
-    publisher,
     description,
     icon,
     id,
-    name
+    name,
+    publisher
   } = item;
   return {
-    setSize,
-    posInSet: i + 1,
-    top: (i - minLineY) * itemHeight - relative,
-    focused: i === focusedIndex,
-    publisher,
     description,
+    focused: i === focusedIndex,
     icon,
     id,
-    name
+    name,
+    posInSet: i + 1,
+    publisher,
+    setSize,
+    top: (i - minLineY) * itemHeight - relative
   };
 };
 
 const getVisible = state => {
   const {
-    minLineY,
-    maxLineY,
-    items,
-    itemHeight,
     deltaY,
-    focusedIndex
+    focusedIndex,
+    itemHeight,
+    items,
+    maxLineY,
+    minLineY
   } = state;
   const setSize = items.length;
   const visible = [];
@@ -3267,33 +3279,30 @@ const getVisible = state => {
 
 const getContentVirtualDom = (visibleExtensions, message, scrollBarHeight, scrollBarY) => {
   if (message) {
-    return [{
-      type: Div,
-      childCount: 1
-    }, text(message)];
+    return getNoExtensionsFoundVirtualDom(message);
   }
   return [{
-    type: Div,
+    childCount: 2,
     className: mergeClassNames(Viewlet, List$1),
-    childCount: 2
+    type: Div
   }, ...getExtensionsVirtualDom(visibleExtensions), ...getScrollBarVirtualDom(scrollBarHeight, scrollBarY)];
 };
 const getExtensionsViewVirtualDom = state => {
   const visibleExtensions = getVisible(state);
   const {
-    placeholder,
     inputActions,
     message,
+    placeholder,
     scrollBarHeight,
     scrollBarY
   } = state;
   return [{
-    type: Div,
-    className: mergeClassNames(Viewlet, Extensions),
-    childCount: 2,
-    ariaLive: 'polite',
     ariaBusy: false,
-    role: None$3
+    ariaLive: 'polite',
+    childCount: 2,
+    className: mergeClassNames(Viewlet, Extensions),
+    role: None$3,
+    type: Div
   }, ...getExtensionHeaderVirtualDom(placeholder, inputActions), ...getContentVirtualDom(visibleExtensions, message, scrollBarHeight, scrollBarY)];
 };
 
@@ -3331,6 +3340,12 @@ const renderSearchValue = newState => {
 
 const getRenderer = diffType => {
   switch (diffType) {
+    case RenderFocus:
+      return renderFocus;
+    case RenderFocusContext:
+      return renderFocusContext;
+    case RenderHeader:
+      return renderHeader;
     case RenderItems:
       return renderItems2;
     case RenderMessage:
@@ -3339,12 +3354,6 @@ const getRenderer = diffType => {
       return renderScrollBar;
     case RenderSearchValue:
       return renderSearchValue;
-    case RenderHeader:
-      return renderHeader;
-    case RenderFocus:
-      return renderFocus;
-    case RenderFocusContext:
-      return renderFocusContext;
     default:
       throw new Error('unknown renderer');
   }
@@ -3361,8 +3370,8 @@ const applyRender = (oldState, newState, diffResult) => {
 
 const render3 = (uid, diffResult) => {
   const {
-    oldState,
-    newState
+    newState,
+    oldState
   } = get(uid);
   set$2(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
@@ -3371,23 +3380,23 @@ const render3 = (uid, diffResult) => {
 
 const getIconVirtualDom = (icon, type = Div) => {
   return {
-    type,
+    childCount: 0,
     className: mergeClassNames(MaskIcon, `MaskIcon${icon}`),
     role: None,
-    childCount: 0
+    type
   };
 };
 
 const getActionButtonVirtualDom = action => {
   const {
-    id,
-    icon
+    icon,
+    id
   } = action;
   return [{
-    type: Button$2,
+    childCount: 1,
     className: IconButton,
     title: id,
-    childCount: 1
+    type: Button$2
   }, getIconVirtualDom(icon)];
 };
 
@@ -3402,17 +3411,17 @@ const getActionVirtualDom = action => {
 
 const getActionsVirtualDom = actions => {
   return [{
-    type: Div,
+    childCount: actions.length,
     className: Actions,
     role: ToolBar,
-    childCount: actions.length
+    type: Div
   }, ...actions.flatMap(getActionVirtualDom)];
 };
 
 const renderActions = uid => {
   const {
-    oldState,
-    newState
+    newState,
+    oldState
   } = get(uid);
   if (oldState === newState) {
     return [];
@@ -3467,16 +3476,16 @@ const renderEventListeners = () => {
 
 const resize = async (state, dimensions) => {
   const {
-    items,
-    itemHeight,
     headerHeight,
+    itemHeight,
+    items,
     minimumSliderSize
   } = state;
   const {
-    x,
-    y,
+    height,
     width,
-    height
+    x,
+    y
   } = dimensions;
   const total = items.length;
   const listHeight = getListHeight(total, itemHeight, height);
@@ -3501,19 +3510,19 @@ const resize = async (state, dimensions) => {
 
 const saveState = state => {
   const {
-    searchValue,
-    deltaY
+    deltaY,
+    searchValue
   } = state;
   return {
-    searchValue,
-    deltaY
+    deltaY,
+    searchValue
   };
 };
 
 const scrollDown = state => {
   const {
-    finalDeltaY,
-    deltaY
+    deltaY,
+    finalDeltaY
   } = state;
   const newDeltaY = Math.min(deltaY + 20, finalDeltaY);
   return setDeltaY(state, newDeltaY);
@@ -3541,9 +3550,7 @@ const commandMap = {
   'SearchExtensions.focusFirst': wrapCommand(focusFirst),
   'SearchExtensions.focusIndex': wrapCommand(focusIndex),
   'SearchExtensions.focusLast': wrapCommand(focusLast),
-  'SearchExtensions.getMenuEntries2': wrapGetter(getMenuEntries2),
   'SearchExtensions.focusNext': wrapCommand(focusNext),
-  'SearchExtensions.handleHeaderContextMenu': wrapCommand(handleHeaderContextMenu),
   'SearchExtensions.focusNextPage': wrapCommand(focusNextPage),
   'SearchExtensions.focusPrevious': wrapCommand(focusPrevious),
   'SearchExtensions.focusPreviousPage': wrapCommand(focusPreviousPage),
@@ -3551,6 +3558,8 @@ const commandMap = {
   'SearchExtensions.getCommandIds': getCommandIds,
   'SearchExtensions.getKeyBindings': getKeyBindings,
   'SearchExtensions.getMenuEntries': getMenuEntries,
+  'SearchExtensions.getMenuEntries2': wrapGetter(getMenuEntries2),
+  'SearchExtensions.getMenuIds': getMenuIds,
   'SearchExtensions.handleBlur': wrapCommand(handleBlur),
   'SearchExtensions.handleClick': wrapCommand(handleClick),
   'SearchExtensions.handleClickAt': wrapCommand(handleClickAt),
@@ -3560,6 +3569,7 @@ const commandMap = {
   'SearchExtensions.handleDisable': wrapCommand(handleDisable),
   'SearchExtensions.handleEnable': wrapCommand(handleEnable),
   'SearchExtensions.handleFocus': wrapCommand(handleFocus),
+  'SearchExtensions.handleHeaderContextMenu': wrapCommand(handleHeaderContextMenu),
   'SearchExtensions.handleInput': wrapCommand(handleInput),
   'SearchExtensions.handleInstall': wrapCommand(handleInstall),
   'SearchExtensions.handleScrollBarCaptureLost': wrapCommand(handleScrollBarCaptureLost),
@@ -3574,6 +3584,7 @@ const commandMap = {
   'SearchExtensions.render3': render3,
   'SearchExtensions.renderActions': renderActions,
   'SearchExtensions.renderEventListeners': renderEventListeners,
+  'SearchExtensions.resize': wrapCommand(resize),
   'SearchExtensions.restoreState': restoreState,
   'SearchExtensions.saveState': wrapGetter(saveState),
   'SearchExtensions.scrollDown': wrapCommand(scrollDown),
@@ -3581,9 +3592,7 @@ const commandMap = {
   'SearchExtensions.selectIndex': wrapCommand(selectIndex),
   'SearchExtensions.setDeltaY': wrapCommand(setDeltaY),
   'SearchExtensions.terminate': terminate,
-  'SearchExtensions.toggleSuggest': wrapCommand(toggleSuggest),
-  'SearchExtensions.resize': wrapCommand(resize),
-  'SearchExtensions.getMenuIds': getMenuIds
+  'SearchExtensions.toggleSuggest': wrapCommand(toggleSuggest)
 };
 
 const listen = async () => {