@lvce-editor/source-control-worker 2.17.0 → 2.19.0

package/dist/sourceControlWorkerMain.js

@@ -1255,8 +1255,8 @@ const getDisplayItemsGroup = (group, expandedGroups, iconDefinitions) => {
   const displayItems = [];
   const {
     id,
-    label,
-    items
+    items,
+    label
   } = group;
   if (!items) {
     throw new Error('Source control group is missing an items property');
@@ -1269,18 +1269,18 @@ const getDisplayItemsGroup = (group, expandedGroups, iconDefinitions) => {
   const icon = isExpanded ? 'ChevronDown' : 'ChevronRight';
   if (length > 0) {
     displayItems.push({
+      badgeCount: length,
+      decorationIcon: '',
+      decorationIconTitle: '',
+      decorationStrikeThrough: false,
+      detail: '',
       file: '',
+      groupId: id,
+      icon,
       label,
-      detail: '',
       posInSet: 1,
       setSize: 1,
-      icon,
-      decorationIcon: '',
-      decorationIconTitle: '',
-      decorationStrikeThrough: false,
-      type,
-      badgeCount: length,
-      groupId: id
+      type
     });
   }
   if (isExpanded) {
@@ -1296,20 +1296,20 @@ const getDisplayItemsGroup = (group, expandedGroups, iconDefinitions) => {
       const folderName = file.slice(0, -baseName.length - 1);
       const actualDecorationIcon = getActualDecorationIcon(iconDefinitions, icon);
       displayItems.push({
-        file,
-        label: baseName,
+        badgeCount: 0,
+        decorationIcon: actualDecorationIcon,
+        decorationIconTitle: iconTitle,
+        decorationStrikeThrough: strikeThrough,
         detail: folderName,
-        posInSet: i + 1,
-        setSize: length,
+        file,
+        groupId: id,
         icon: getFileIcon({
           name: file
         }),
-        decorationIcon: actualDecorationIcon,
-        decorationIconTitle: iconTitle,
-        decorationStrikeThrough: strikeThrough,
-        type: File,
-        badgeCount: 0,
-        groupId: id
+        label: baseName,
+        posInSet: i + 1,
+        setSize: length,
+        type: File
       });
     }
   }
@@ -1340,8 +1340,8 @@ const getMissingIconRequests = (dirents, fileIconCache) => {
   for (const dirent of dirents) {
     if (!(dirent.file in fileIconCache)) {
       missingRequests.push({
-        type: getIconType(dirent.type),
-        name: dirent.label
+        name: dirent.label,
+        type: getIconType(dirent.type)
       });
     }
   }
@@ -1703,17 +1703,17 @@ const sourceControlInput = () => {
 
 const loadContent = async (state, savedState) => {
   const {
-    itemHeight,
-    height,
-    minimumSliderSize,
-    workspacePath,
     fileIconCache,
-    width,
+    height,
     inputFontFamily,
     inputFontSize,
     inputFontWeight,
     inputLetterSpacing,
-    inputLineHeight
+    inputLineHeight,
+    itemHeight,
+    minimumSliderSize,
+    width,
+    workspacePath
   } = state;
   const root = workspacePath;
   const scheme = getProtocol(root);
@@ -1732,6 +1732,7 @@ const loadContent = async (state, savedState) => {
 
   // TODO make preferences async and more functional
   const splitButtonEnabled = await get$1('sourceControl.splitButtonEnabled');
+  const badgeCount = allGroups.reduce((sum, group) => sum + group.items.length, 0);
   const total = displayItems.length;
   const contentHeight = total * itemHeight;
   const listHeight = getListHeight(total, itemHeight, height);
@@ -1748,6 +1749,7 @@ const loadContent = async (state, savedState) => {
     ...state,
     actionsCache,
     allGroups,
+    badgeCount,
     decorationIcons: iconDefinitions,
     enabledProviderIds,
     fileIconCache: newFileIconCache,
@@ -1778,8 +1780,8 @@ const warn = (...args) => {
 
 const acceptInput = async state => {
   const {
-    inputValue,
-    enabledProviderIds
+    enabledProviderIds,
+    inputValue
   } = state;
   if (enabledProviderIds.length === 0) {
     info('[ViewletSourceControl] no source control provider found');
@@ -1796,10 +1798,10 @@ const acceptInput = async state => {
 
 const {
   get,
-  set,
-  wrapCommand,
   getCommandIds,
   registerCommands,
+  set,
+  wrapCommand,
   wrapGetter
 } = create();
 
@@ -1807,25 +1809,40 @@ const create2 = (id, uri, x, y, width, height, workspacePath) => {
   const state = {
     actionsCache: Object.create(null),
     allGroups: [],
+    badgeCount: 0,
+    decorationIcons: [],
     deltaY: 0,
     enabledProviderIds: [],
+    expandedGroups: Object.create(null),
     fileIconCache: Object.create(null),
     finalDeltaY: 0,
+    focus: 0,
     gitRoot: '',
     handleOffset: 0,
     headerHeight: 40,
     // TODO
     height,
+    history: [],
+    iconDefinitions: [],
     id,
     index: [],
+    inputBoxHeight: 30,
+    inputBoxMaxHeight: 214,
+    inputFontFamily: 'system-ui, Ubuntu, "Droid Sans", sans-serif',
+    inputFontSize: 13,
+    inputFontWeight: 400,
+    inputLetterSpacing: 0,
+    inputLineHeight: 20,
+    inputPlaceholder: '',
+    inputSource: 0,
     inputValue: '',
-    expandedGroups: Object.create(null),
+    isVisible: true,
     itemHeight: 20,
     items: [],
+    maxInputLines: 5,
     maxLineY: 0,
     merge: [],
     minimumSliderSize: 20,
-    inputBoxHeight: 30,
     minLineY: 0,
     providerId: '',
     root: '',
@@ -1833,28 +1850,13 @@ const create2 = (id, uri, x, y, width, height, workspacePath) => {
     scrollBarHeight: 0,
     splitButtonEnabled: false,
     untracked: [],
+    viewMode: 1,
     visibleItems: [],
     width,
     workingTree: [],
     workspacePath,
     x,
-    y,
-    inputPlaceholder: '',
-    inputSource: 0,
-    maxInputLines: 5,
-    inputFontFamily: 'system-ui, Ubuntu, "Droid Sans", sans-serif',
-    inputFontSize: 13,
-    inputFontWeight: 400,
-    inputLetterSpacing: 0,
-    inputLineHeight: 20,
-    inputBoxMaxHeight: 214,
-    history: [],
-    viewMode: 1,
-    iconDefinitions: [],
-    decorationIcons: [],
-    focus: 0,
-    isVisible: true,
-    badgeCount: 0
+    y
   };
   set(id, state, state);
 };
@@ -1896,15 +1898,17 @@ const diff = (oldState, newState) => {
 
 const diff2 = uid => {
   const {
-    oldState,
-    newState
+    newState,
+    oldState
   } = get(uid);
   const result = diff(oldState, newState);
   return result;
 };
 
-const getBadgeCount = state => {
-  return state.badgeCount;
+const getBadgeCount = ({
+  badgeCount
+}) => {
+  return badgeCount;
 };
 
 const getInfo = uid => {
@@ -1928,53 +1932,53 @@ const text = data => {
 
 const getKeyBindings = () => {
   return [{
-    key: CtrlCmd | Enter,
     command: 'Source Control.acceptInput',
+    key: CtrlCmd | Enter,
     when: FocusSourceControlInput
   }];
 };
 
 const getMenuEntries = () => {
   return [{
-    label: openChanges(),
-    flags: None,
     command: /* TODO */'-1',
-    id: ''
-  }, {
-    label: openFile(),
     flags: None,
-    command: /* TODO */'-1',
-    id: ''
+    id: '',
+    label: openChanges()
   }, {
-    label: openFileHead(),
-    flags: None,
     command: /* TODO */'-1',
-    id: ''
-  }, {
-    label: discardChanges(),
     flags: None,
-    command: /* TODO */'-1',
-    id: ''
+    id: '',
+    label: openFile()
   }, {
-    label: stageChanges(),
-    flags: None,
     command: /* TODO */'-1',
-    id: ''
-  }, {
-    label: addToGitignore(),
     flags: None,
+    id: '',
+    label: openFileHead()
+  }, {
     command: /* TODO */'-1',
-    id: ''
+    flags: None,
+    id: '',
+    label: discardChanges()
   }, {
-    label: revealInExplorerView(),
+    command: /* TODO */'-1',
     flags: None,
+    id: '',
+    label: stageChanges()
+  }, {
     command: /* TODO */'-1',
-    id: ''
+    flags: None,
+    id: '',
+    label: addToGitignore()
   }, {
-    label: openContainingFolder(),
+    command: /* TODO */'-1',
     flags: None,
+    id: '',
+    label: revealInExplorerView()
+  }, {
     command: /* TODO */'-1',
-    id: ''
+    flags: None,
+    id: '',
+    label: openContainingFolder()
   }];
 };
 
@@ -1993,14 +1997,14 @@ const Refresh$1 = 'Refresh';
 
 const refresh = async state => {
   const {
-    itemHeight,
+    actionsCache,
+    enabledProviderIds,
+    fileIconCache,
     height,
+    iconDefinitions,
+    itemHeight,
     minimumSliderSize,
-    fileIconCache,
-    enabledProviderIds,
-    splitButtonEnabled,
-    actionsCache,
-    iconDefinitions
+    splitButtonEnabled
   } = state;
   const {
     allGroups,
@@ -2008,6 +2012,7 @@ const refresh = async state => {
   } = await getGroups(enabledProviderIds);
   const expandedGroups = restoreExpandedGroups(allGroups);
   const displayItems = getDisplayItems(allGroups, expandedGroups, iconDefinitions);
+  const badgeCount = allGroups.reduce((sum, group) => sum + group.items.length, 0);
   const total = displayItems.length;
   const contentHeight = total * itemHeight;
   const listHeight = getListHeight(total, itemHeight, height);
@@ -2022,6 +2027,7 @@ const refresh = async state => {
     ...state,
     actionsCache,
     allGroups,
+    badgeCount,
     enabledProviderIds,
     fileIconCache: newFileIconCache,
     finalDeltaY,
@@ -2043,13 +2049,13 @@ const viewAsTree = state => {
 
 const handleActionClick = async (state, actionName) => {
   switch (actionName) {
+    case CommitAndPush:
+      warn(`[source-control-worker] CommitAndPush action not yet implemented`);
+      return state;
     case Refresh$1:
       return refresh(state);
     case ViewAsTree:
       return viewAsTree(state);
-    case CommitAndPush:
-      warn(`[source-control-worker] CommitAndPush action not yet implemented`);
-      return state;
     default:
       warn(`[source-control-worker] Unknown action name: ${actionName}`);
       return state;
@@ -2081,8 +2087,8 @@ const handleButtonClick = async (state, clickedIndex) => {
 const getIndex = (state, eventX, eventY) => {
   const {
     headerHeight,
-    y,
-    itemHeight
+    itemHeight,
+    y
   } = state;
   const relativeY = eventY - y - headerHeight;
   const index = Math.floor(relativeY / itemHeight);
@@ -2115,14 +2121,15 @@ const handleClickSourceControlButtons = async (state, index, name) => {
 
 const updateVisibleItems = async (state, expandedGroups) => {
   const {
-    itemHeight,
-    height,
     actionsCache,
-    fileIconCache,
     allGroups,
-    iconDefinitions
+    fileIconCache,
+    height,
+    iconDefinitions,
+    itemHeight
   } = state;
   const displayItems = getDisplayItems(allGroups, expandedGroups, iconDefinitions);
+  const badgeCount = allGroups.reduce((sum, group) => sum + group.items.length, 0);
   const total = displayItems.length;
   const listHeight = getListHeight(total, itemHeight, height);
   const numberOfVisible = getNumberOfVisibleItems(listHeight, itemHeight);
@@ -2131,11 +2138,12 @@ const updateVisibleItems = async (state, expandedGroups) => {
   const visibleItems = getVisibleSourceControlItems(displayItems, minLineY, maxLineY, actionsCache, fileIconCache);
   return {
     ...state,
-    items: displayItems,
-    visibleItems,
+    badgeCount,
     expandedGroups,
+    items: displayItems,
+    maxLineY,
     minLineY,
-    maxLineY
+    visibleItems
   };
 };
 
@@ -2246,19 +2254,19 @@ const handleInputFocus = async state => {
 
 const handleInput = async (state, value, inputSource = User) => {
   const {
-    width,
     inputFontFamily,
     inputFontSize,
     inputFontWeight,
     inputLetterSpacing,
-    inputLineHeight
+    inputLineHeight,
+    width
   } = state;
   const inputBoxHeight = await getInputHeight(value, width, inputFontFamily, inputFontWeight, inputFontSize, inputLetterSpacing, inputLineHeight);
   return {
     ...state,
-    inputValue: value,
+    inputBoxHeight,
     inputSource,
-    inputBoxHeight
+    inputValue: value
   };
 };
 
@@ -2311,12 +2319,12 @@ const handleMouseOverAt = async (state, eventX, eventY) => {
 
 const setDeltaY = async (state, newDeltaY) => {
   const {
-    itemHeight,
-    items,
-    height,
-    headerHeight,
     actionsCache,
-    fileIconCache
+    fileIconCache,
+    headerHeight,
+    height,
+    itemHeight,
+    items
   } = state;
   const normalizedDeltaY = Math.max(newDeltaY, 0);
   const newMinLineY = Math.floor(normalizedDeltaY / itemHeight);
@@ -2328,9 +2336,9 @@ const setDeltaY = async (state, newDeltaY) => {
   return {
     ...state,
     deltaY: newDeltaY,
-    visibleItems: visible,
+    maxLineY,
     minLineY: newMinLineY,
-    maxLineY
+    visibleItems: visible
   };
 };
 
@@ -2417,8 +2425,8 @@ ${indentRules}
 
 const renderFocusContext = (oldState, newState) => {
   const {
-    id,
-    focus
+    focus,
+    id
   } = newState;
   return [SetFocusContext, id, focus];
 };
@@ -2463,33 +2471,33 @@ const HandleClickAction = 10;
 
 const getSourceControlInputDom = inputPlaceholder => {
   return [{
-    type: TextArea,
-    className: mergeClassNames(InputBox, 'MultilineInputBox'),
     ariaLabel: sourceControlInput(),
     autocapitalize: 'off',
     autocorrect: 'off',
     childCount: 0,
+    className: mergeClassNames(InputBox, 'MultilineInputBox'),
     name: SourceControlInput,
     onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder: inputPlaceholder,
-    spellcheck: false
+    spellcheck: false,
+    type: TextArea
   }];
 };
 
 const getSourceControlHeaderVirtualDom = inputPlaceholder => {
   return [{
-    type: Div,
+    childCount: 1,
     className: SourceControlHeader,
-    childCount: 1
+    type: Div
   }, ...getSourceControlInputDom(inputPlaceholder)];
 };
 
 const className$1 = mergeClassNames(Badge, SourceControlBadge);
 const parentNode = {
-  type: Div,
+  childCount: 1,
   className: className$1,
-  childCount: 1
+  type: Div
 };
 const getBadgeVirtualDom = count => {
   return [parentNode, text(`${count}`)];
@@ -2497,10 +2505,10 @@ const getBadgeVirtualDom = count => {
 
 const getIconVirtualDom = (icon, type = Div) => {
   return {
-    type,
+    childCount: 0,
     className: `MaskIcon MaskIcon${icon}`,
     role: None$1,
-    childCount: 0
+    type
   };
 };
 
@@ -2510,12 +2518,12 @@ const getButtonVirtualDom = button => {
     label
   } = button;
   return [{
-    type: Button$2,
-    className: SourceControlButton,
-    title: label,
     ariaLabel: label,
     childCount: 1,
-    name: label
+    className: SourceControlButton,
+    name: label,
+    title: label,
+    type: Button$2
   }, getIconVirtualDom(icon, Span)];
 };
 
@@ -2524,9 +2532,9 @@ const getButtonsVirtualDom = buttons => {
     return [];
   }
   return [{
-    type: Div,
+    childCount: buttons.length,
     className: SourceControlButtons,
-    childCount: buttons.length
+    type: Div
   }, ...buttons.flatMap(getButtonVirtualDom)];
 };
 
@@ -2549,54 +2557,54 @@ const PaddingRight = '12px';
 
 const createItemDirectory = item => {
   const {
-    posInSet,
-    setSize,
-    icon,
-    label,
     badgeCount,
-    decorationStrikeThrough,
-    type,
     buttons,
-    indent
+    decorationStrikeThrough,
+    icon,
+    indent,
+    label,
+    posInSet,
+    setSize,
+    type
   } = item;
   const labelClassName = getLabelClassName(decorationStrikeThrough);
   const buttonsDom = getButtonsVirtualDom(buttons);
   const hasButtons = buttons.length;
   const treeItemClassName = getTreeItemClassName(indent);
   return [{
-    type: Div,
-    className: treeItemClassName,
-    role: TreeItem$1,
     ariaExpanded: type === DirectoryExpanded,
     ariaPosInSet: posInSet,
     ariaSetSize: setSize,
     childCount: 3 + (hasButtons ? 1 : 0),
-    paddingRight: PaddingRight
+    className: treeItemClassName,
+    paddingRight: PaddingRight,
+    role: TreeItem$1,
+    type: Div
   }, {
-    type: Div,
+    childCount: 0,
     className: mergeClassNames(Chevron, `MaskIcon${icon}`),
-    childCount: 0
+    type: Div
   }, {
-    type: Div,
+    childCount: 1,
     className: labelClassName,
-    childCount: 1
+    type: Div
   }, text(label), ...buttonsDom, ...getBadgeVirtualDom(badgeCount)];
 };
 
 const getFileIconVirtualDom = icon => {
   return {
-    type: Img,
+    childCount: 0,
     className: FileIcon,
-    src: icon,
     role: None$1,
-    childCount: 0
+    src: icon,
+    type: Img
   };
 };
 
 const chevron = {
-  type: Div,
+  childCount: 1,
   className: Chevron,
-  childCount: 1
+  type: Div
 };
 const getIconsDom = (icon, fileIcon) => {
   if (icon === ChevronRight) {
@@ -2606,18 +2614,18 @@ const getIconsDom = (icon, fileIcon) => {
 };
 const createItemOther = item => {
   const {
-    posInSet,
-    setSize,
-    icon,
-    file,
-    label,
+    buttons,
     decorationIcon,
     decorationIconTitle,
     decorationStrikeThrough,
     detail,
-    buttons,
+    file,
     fileIcon,
-    indent
+    icon,
+    indent,
+    label,
+    posInSet,
+    setSize
   } = item;
   const labelClassName = getLabelClassName(decorationStrikeThrough);
   const dom = [];
@@ -2625,44 +2633,44 @@ const createItemOther = item => {
   const buttonsDom = getButtonsVirtualDom(buttons);
   const treeItemClassName = getTreeItemClassName(indent);
   dom.push({
-    type: Div,
-    className: treeItemClassName,
-    role: TreeItem$1,
     ariaPosInSet: posInSet,
     ariaSetSize: setSize,
-    title: file,
     childCount: 3 + (hasButtons ? 1 : 0),
-    paddingRight: '12px'
+    className: treeItemClassName,
+    paddingRight: '12px',
+    role: TreeItem$1,
+    title: file,
+    type: Div
   }, ...getIconsDom(icon, fileIcon));
   const labelDom = {
-    type: Div,
+    childCount: 1,
     className: labelClassName,
-    childCount: 1
+    type: Div
   };
   dom.push(labelDom, text(label));
   if (detail) {
     labelDom.childCount++;
     dom.push({
-      type: Span,
+      childCount: 1,
       className: LabelDetail,
-      childCount: 1
+      type: Span
     }, text(detail));
   }
   dom.push(...buttonsDom);
   dom.push({
-    type: Img,
+    childCount: 0,
     className: DecorationIcon,
-    title: decorationIconTitle,
     src: decorationIcon,
-    childCount: 0
+    title: decorationIconTitle,
+    type: Img
   });
   return dom;
 };
 
 const getSourceControlItemVirtualDom = item => {
   switch (item.type) {
-    case DirectoryExpanded:
     case Directory:
+    case DirectoryExpanded:
       return createItemDirectory(item);
     default:
       return createItemOther(item);
@@ -2671,13 +2679,13 @@ const getSourceControlItemVirtualDom = item => {
 
 const getSourceControlListVirtualDom = items => {
   return [{
-    type: Div,
-    className: SourceControlItems,
-    role: Tree$1,
     childCount: items.length,
+    className: SourceControlItems,
     onClick: HandleClickAt,
+    onPointerOut: HandleMouseOutAt,
     onPointerOver: HandleMouseOverAt,
-    onPointerOut: HandleMouseOutAt
+    role: Tree$1,
+    type: Div
   }, ...items.flatMap(getSourceControlItemVirtualDom)];
 };
 
@@ -2686,27 +2694,27 @@ const getSplitButtonVirtualDom = (hasItems, splitButtonEnabled, buttonText) => {
     return [];
   }
   return [{
-    type: Div,
+    childCount: 3,
     className: mergeClassNames(SplitButton, hasItems ? '' : SplitButtonDisabled),
-    childCount: 3
+    type: Div
   }, {
-    type: Div,
-    className: mergeClassNames(SplitButtonContent, hasItems ? '' : SplitButtonContentDisabled),
     childCount: 1,
-    tabIndex: 0
+    className: mergeClassNames(SplitButtonContent, hasItems ? '' : SplitButtonContentDisabled),
+    tabIndex: 0,
+    type: Div
   }, text(buttonText), {
-    type: Div,
+    childCount: 0,
     className: SplitButtonSeparator,
-    childCount: 0
+    type: Div
   }, {
-    type: Div,
-    className: mergeClassNames(SplitButtonDropDown, hasItems ? '' : SplitButtonDropDownDisabled),
     childCount: 1,
-    tabIndex: 0
+    className: mergeClassNames(SplitButtonDropDown, hasItems ? '' : SplitButtonDropDownDisabled),
+    tabIndex: 0,
+    type: Div
   }, {
-    type: Div,
+    childCount: 0,
     className: mergeClassNames(MaskIcon, MaskIconChevronDown),
-    childCount: 0
+    type: Div
   }];
 };
 
@@ -2714,24 +2722,24 @@ const className = mergeClassNames(Viewlet, SourceControl);
 const getSourceControlVirtualDom = (items, splitButtonEnabled, inputPlaceholder) => {
   const hasItems = items.length > 0;
   const dom = [{
-    type: Div,
+    childCount: splitButtonEnabled ? 3 : 2,
     className: className,
-    tabIndex: 0,
     onContextMenu: HandleContextMenu,
     onMouseOver: HandleMouseOver,
     // onMouseOut: DomEventListenerFunctions.HandleMouseOut,
     onWheel: HandleWheel,
-    childCount: splitButtonEnabled ? 3 : 2
+    tabIndex: 0,
+    type: Div
   }, ...getSourceControlHeaderVirtualDom(inputPlaceholder), ...getSplitButtonVirtualDom(hasItems, splitButtonEnabled, 'Commit'), ...getSourceControlListVirtualDom(items)];
   return dom;
 };
 
 const renderItems = (oldState, newState) => {
   const {
-    visibleItems,
-    splitButtonEnabled,
+    id,
     inputPlaceholder,
-    id
+    splitButtonEnabled,
+    visibleItems
   } = newState;
   const dom = getSourceControlVirtualDom(visibleItems, splitButtonEnabled, inputPlaceholder);
   return [SetDom2, id, dom];
@@ -2747,14 +2755,14 @@ const renderValue = (oldState, newState) => {
 
 const getRenderer = diffType => {
   switch (diffType) {
-    case RenderItems:
-      return renderItems;
-    case RenderValue:
-      return renderValue;
     case RenderCss:
       return renderCss;
     case RenderFocusContext:
       return renderFocusContext;
+    case RenderItems:
+      return renderItems;
+    case RenderValue:
+      return renderValue;
     default:
       throw new Error('unknown renderer');
   }
@@ -2774,8 +2782,8 @@ const applyRender = (oldState, newState, diffResult) => {
 
 const render2 = (uid, diffResult) => {
   const {
-    oldState,
-    newState
+    newState,
+    oldState
   } = get(uid);
   set(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
@@ -2790,38 +2798,38 @@ const Refresh = 'Refresh';
 
 const getActions = () => {
   return [{
-    type: Button,
+    command: '',
+    icon: ListFlat,
     id: viewAsTree$1(),
     name: ViewAsTree,
-    icon: ListFlat,
-    command: ''
+    type: Button
   }, {
-    type: Button,
+    command: '',
+    icon: Check,
     id: commitAndPush(),
     name: CommitAndPush,
-    icon: Check,
-    command: ''
+    type: Button
   }, {
-    type: Button,
+    command: '',
+    icon: Refresh,
     id: refresh$1(),
     name: Refresh$1,
-    icon: Refresh,
-    command: ''
+    type: Button
   }];
 };
 
 const getActionButtonVirtualDom = action => {
   const {
-    id,
     icon,
+    id,
     label
   } = action;
   return [{
-    type: Button$2,
+    childCount: 1,
     className: IconButton,
-    title: id,
     name: label,
-    childCount: 1
+    title: id,
+    type: Button$2
   }, getIconVirtualDom(icon)];
 };
 
@@ -2830,8 +2838,8 @@ const getActionVirtualDom = action => {
     case Button:
       {
         const actionButton = {
-          id: action.id,
           icon: action.icon,
+          id: action.id,
           label: action.name
         };
         return getActionButtonVirtualDom(actionButton);
@@ -2843,11 +2851,11 @@ const getActionVirtualDom = action => {
 
 const getActionsVirtualDom = actions => {
   return [{
-    type: Div,
+    childCount: actions.length,
     className: Actions,
+    onClick: HandleClickAction,
     role: ToolBar,
-    childCount: actions.length,
-    onClick: HandleClickAction
+    type: Div
   }, ...actions.flatMap(getActionVirtualDom)];
 };
 
@@ -2901,26 +2909,26 @@ const saveState = uid => {
     newState
   } = value;
   const {
-    root,
-    maxLineY,
     expandedGroups,
-    inputValue
+    inputValue,
+    maxLineY,
+    root
   } = newState;
   return {
-    root,
-    minLineY: 0,
-    maxLineY,
     deltaY: 0,
     expandedGroups,
-    inputValue
+    inputValue,
+    maxLineY,
+    minLineY: 0,
+    root
   };
 };
 
 const updateIcons = async state => {
   const {
     items,
-    minLineY,
-    maxLineY
+    maxLineY,
+    minLineY
   } = state;
   const visible = items.slice(minLineY, maxLineY);
   const newFileIconCache = await getFileIcons(visible, Object.create(null));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/source-control-worker",
-  "version": "2.17.0",
+  "version": "2.19.0",
   "description": "Source Control Worker",
   "keywords": [
     "Lvce Editor"