@lvce-editor/source-control-worker 2.14.0 → 2.16.0

package/dist/sourceControlWorkerMain.js

@@ -1229,161 +1229,435 @@ const terminate = () => {
   globalThis.close();
 };
 
-const {
-  get: get$1,
-  set,
-  wrapCommand,
-  getCommandIds,
-  registerCommands,
-  wrapGetter
-} = create();
-
-const create2 = (id, uri, x, y, width, height, workspacePath) => {
-  const state = {
-    actionsCache: Object.create(null),
-    allGroups: [],
-    deltaY: 0,
-    enabledProviderIds: [],
-    fileIconCache: Object.create(null),
-    finalDeltaY: 0,
-    gitRoot: '',
-    handleOffset: 0,
-    headerHeight: 40,
-    // TODO
-    height,
-    id,
-    index: [],
-    inputValue: '',
-    expandedGroups: Object.create(null),
-    itemHeight: 20,
-    items: [],
-    maxLineY: 0,
-    merge: [],
-    minimumSliderSize: 20,
-    inputBoxHeight: 30,
-    minLineY: 0,
-    providerId: '',
-    root: '',
-    scrollBarActive: false,
-    scrollBarHeight: 0,
-    splitButtonEnabled: false,
-    untracked: [],
-    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
-  };
-  set(id, state, state);
+const getActualDecorationIcon = (iconDefinitions, icon) => {
+  if (typeof icon === 'number') {
+    const value = iconDefinitions[icon];
+    if (!value) {
+      return 'not-available';
+    }
+    return value;
+  }
+  return icon;
 };
 
-const isEqual$3 = (oldState, newState) => {
-  return oldState.inputBoxHeight === newState.inputBoxHeight;
+const getFileIcon = ({
+  name
+}) => {
+  return '';
 };
 
-const isEqual$2 = (oldState, newState) => {
-  return oldState.focus === newState.focus;
+// TODO this should be in FileSystem module
+const pathBaseName = path => {
+  return path.slice(path.lastIndexOf('/') + 1);
 };
 
-const isEqual$1 = (oldState, newState) => {
-  return oldState.allGroups === newState.allGroups && oldState.deltaY === newState.deltaY && oldState.items === newState.items && oldState.maxLineY === newState.maxLineY && oldState.minLineY === newState.minLineY && oldState.visibleItems === newState.visibleItems;
+const getDisplayItemsGroup = (group, expandedGroups, iconDefinitions) => {
+  const displayItems = [];
+  const {
+    id,
+    label,
+    items
+  } = group;
+  if (!items) {
+    throw new Error('Source control group is missing an items property');
+  }
+  const {
+    length
+  } = items;
+  const isExpanded = expandedGroups[id] || false;
+  const type = isExpanded ? DirectoryExpanded : Directory;
+  const icon = isExpanded ? 'ChevronDown' : 'ChevronRight';
+  if (length > 0) {
+    displayItems.push({
+      file: '',
+      label,
+      detail: '',
+      posInSet: 1,
+      setSize: 1,
+      icon,
+      decorationIcon: '',
+      decorationIconTitle: '',
+      decorationStrikeThrough: false,
+      type,
+      badgeCount: length,
+      groupId: id
+    });
+  }
+  if (isExpanded) {
+    for (let i = 0; i < length; i++) {
+      const item = items[i];
+      const {
+        file,
+        icon,
+        iconTitle,
+        strikeThrough
+      } = item;
+      const baseName = pathBaseName(file);
+      const folderName = file.slice(0, -baseName.length - 1);
+      const actualDecorationIcon = getActualDecorationIcon(iconDefinitions, icon);
+      displayItems.push({
+        file,
+        label: baseName,
+        detail: folderName,
+        posInSet: i + 1,
+        setSize: length,
+        icon: getFileIcon({
+          name: file
+        }),
+        decorationIcon: actualDecorationIcon,
+        decorationIconTitle: iconTitle,
+        decorationStrikeThrough: strikeThrough,
+        type: File,
+        badgeCount: 0,
+        groupId: id
+      });
+    }
+  }
+  return displayItems;
 };
 
-const RenderItems = 4;
-const RenderFocus = 6;
-const RenderFocusContext = 7;
-const RenderValue = 8;
-const RenderCss = 10;
-
-const isEqual = (oldState, newState) => {
-  return newState.inputSource === User || oldState.inputValue === newState.inputValue;
+const getDisplayItems = (allGroups, expandedGroups, iconDefinitions) => {
+  const displayItems = [];
+  for (const group of allGroups) {
+    const groupDisplayItems = getDisplayItemsGroup(group, expandedGroups, iconDefinitions);
+    displayItems.push(...groupDisplayItems);
+  }
+  return displayItems;
 };
 
-const modules = [isEqual$1, isEqual, isEqual$3, isEqual$2];
-const numbers = [RenderItems, RenderValue, RenderCss, RenderFocus];
+const getIconType = direntType => {
+  switch (direntType) {
+    case Directory:
+    case DirectoryExpanded:
+      return 2;
+    default:
+      return 1;
+  }
+};
 
-const diff = (oldState, newState) => {
-  const diffResult = [];
-  for (let i = 0; i < modules.length; i++) {
-    const fn = modules[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers[i]);
+const getMissingIconRequests = (dirents, fileIconCache) => {
+  const missingRequests = [];
+  for (const dirent of dirents) {
+    if (!(dirent.file in fileIconCache)) {
+      missingRequests.push({
+        type: getIconType(dirent.type),
+        name: dirent.label
+      });
     }
   }
-  return diffResult;
+  return missingRequests;
 };
 
-const diff2 = uid => {
-  const {
-    oldState,
-    newState
-  } = get$1(uid);
-  const result = diff(oldState, newState);
-  return result;
+const requestFileIcons = async requests => {
+  const results = await invoke('IconTheme.getIcons', requests);
+  return results;
 };
 
-const getInfo = uid => {
-  const {
-    newState
-  } = get$1(uid);
-  return newState.allGroups;
+const updateIconCache = (iconCache, missingRequests, newIcons) => {
+  if (missingRequests.length === 0) {
+    return iconCache;
+  }
+  const newFileIconCache = {
+    ...iconCache
+  };
+  for (let i = 0; i < missingRequests.length; i++) {
+    const request = missingRequests[i];
+    const icon = newIcons[i];
+    newFileIconCache[request.name] = icon;
+  }
+  return newFileIconCache;
 };
 
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
+const getFileIcons = async (dirents, fileIconCache) => {
+  const missingRequests = getMissingIconRequests(dirents, fileIconCache);
+  const newIcons = await requestFileIcons(missingRequests);
+  const newFileIconCache = updateIconCache(fileIconCache, missingRequests, newIcons);
+  return newFileIconCache;
 };
 
-const text = data => {
-  return {
-    type: Text,
-    text: data,
-    childCount: 0
-  };
+const getFinalDeltaY = (height, itemHeight, itemsLength) => {
+  const contentHeight = itemsLength * itemHeight;
+  const finalDeltaY = Math.max(contentHeight - height, 0);
+  return finalDeltaY;
 };
 
-const getKeyBindings = () => {
-  return [{
-    key: CtrlCmd | Enter,
-    command: 'Source Control.acceptInput',
-    when: FocusSourceControlInput
-  }];
+const activateByEvent = event => {
+  return activateByEvent$1(event);
 };
 
-const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
-const i18nString = (key, placeholders = emptyObject) => {
-  if (placeholders === emptyObject) {
-    return key;
-  }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
+const executeProvider = async ({
+  event,
+  method,
+  params
+}) => {
+  await activateByEvent(event);
+  // @ts-ignore
+  const result = await invoke$1(method, ...params);
+  return result;
 };
 
-const OpenChanges = 'Open Changes';
-const OpenFile = 'Open File';
+const CommandExecute = 'ExtensionHostCommand.executeCommand';
+const SourceControlAcceptInput = 'ExtensionHostSourceControl.acceptInput';
+const SourceControlGetFileDecorations = 'ExtensionHostSourceControl.getFileDecorations';
+const SourceControlGetEnabledProviderIds = 'ExtensionHostSourceControl.getEnabledProviderIds';
+const SourceControlGetFileBefore = 'ExtensionHostSourceControl.getFileBefore';
+const SourceControlGetGroups = 'ExtensionHostSourceControl.getGroups';
+
+const acceptInput$2 = async (providerId, text) => {
+  return executeProvider({
+    event: 'none',
+    method: SourceControlAcceptInput,
+    params: [providerId, text]
+    // noProviderFoundMessage: 'No source control provider found',
+  });
+};
+const getFileDecorations$1 = (providerId, uris) => {
+  return executeProvider({
+    event: 'none',
+    method: SourceControlGetFileDecorations,
+    params: [providerId, uris]
+  });
+};
+const getFileBefore$1 = (providerId, path) => {
+  return executeProvider({
+    event: 'none',
+    method: SourceControlGetFileBefore,
+    params: [providerId, path]
+    // noProviderFoundMessage: 'No source control provider found',
+  });
+};
+const getGroups$2 = (providerId, path) => {
+  return executeProvider({
+    event: 'none',
+    method: SourceControlGetGroups,
+    params: [providerId, path]
+    // noProviderFoundMessage: 'No source control provider found',
+  });
+};
+const getEnabledProviderIds$1 = (scheme, root) => {
+  return executeProvider({
+    event: `onSourceControl:${scheme}`,
+    method: SourceControlGetEnabledProviderIds,
+    params: [scheme, root]
+    // noProviderFoundMessage: 'No source control provider found',
+  });
+};
+const getIconDefinitions$1 = async providerId => {
+  // @ts-ignore
+  const result = await invoke$1('ExtensionHostSourceControl.getIconDefinitions', providerId);
+  return result;
+};
+
+const acceptInput$1 = (providerId, text) => {
+  string(providerId);
+  string(text);
+  return acceptInput$2(providerId, text);
+};
+const getFileDecorations = (providerId, uris) => {
+  return getFileDecorations$1(providerId, uris);
+};
+const getFileBefore = (providerId, file) => {
+  return getFileBefore$1(providerId, file);
+};
+const getEnabledProviderIds = (scheme, root) => {
+  string(scheme);
+  string(root);
+  return getEnabledProviderIds$1(scheme, root);
+};
+const getGroups$1 = (providerId, root) => {
+  return getGroups$2(providerId, root);
+};
+const getIconDefinitions = async providerIds => {
+  try {
+    if (providerIds.length === 0) {
+      return [];
+    }
+    return await getIconDefinitions$1(providerIds[0]);
+  } catch {
+    return [];
+  }
+};
+
+const getGroups = async enabledProviderIds => {
+  const allGroups = [];
+  for (const providerId of enabledProviderIds) {
+    // @ts-ignore
+    const groups = await getGroups$1(providerId);
+    allGroups.push(...groups);
+  }
+  return {
+    allGroups,
+    gitRoot: ''
+  };
+};
+
+const getTextHeight = async (input, width, fontFamily, fontSize, fontWeight, letterSpacing, lineHeight) => {
+  try {
+    if (!input) {
+      return lineHeight;
+    }
+    const actualInput = input;
+    // TODO line height could also be like 1.5
+    const lineHeightPx = `${lineHeight}px`;
+    // @ts-ignore
+    const height = await invoke(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
+    return height;
+  } catch {
+    // fallback
+    const lines = input.split('\n');
+    const lineCount = lines.length;
+    const inputHeight = lineCount * lineHeight;
+    return inputHeight;
+  }
+};
+
+const getInputHeight = async (input, width, fontFamily, fontWeight, fontSize, letterSpacing, lineHeight) => {
+  const height = await getTextHeight(input, width, fontFamily, fontSize, fontWeight, letterSpacing, lineHeight);
+  return height;
+};
+
+const getListHeight = (itemsLength, itemHeight, maxHeight) => {
+  number(itemsLength);
+  number(itemHeight);
+  number(maxHeight);
+  if (itemsLength === 0) {
+    return itemHeight;
+  }
+  const totalHeight = itemsLength * itemHeight;
+  return Math.min(totalHeight, maxHeight);
+};
+
+// TODO optimize this function to return the minimum number
+// of visible items needed, e.g. when not scrolled 5 items with
+// 20px fill 100px but when scrolled 6 items are needed
+const getNumberOfVisibleItems = (listHeight, itemHeight) => {
+  return Math.ceil(listHeight / itemHeight) + 1;
+};
+
+const Disk = 'file';
+
+const RE_PROTOCOL = /^([a-z-]+):\/\//;
+const getProtocol = uri => {
+  if (!uri) {
+    return Disk;
+  }
+  const protocolMatch = uri.match(RE_PROTOCOL);
+  if (protocolMatch) {
+    return protocolMatch[1];
+  }
+  return Disk;
+};
+
+const emptySourceControlButtons = [];
+
+const getContextId = (groupId, type) => {
+  if (type === File) {
+    return `${groupId}-item`;
+  }
+  return groupId;
+};
+
+const defaultIndent = 16; // 1rem = 16px
+
+const getTreeItemIndent = type => {
+  if (type === Directory || type === DirectoryExpanded) {
+    return 0;
+  }
+  return defaultIndent;
+};
+
+const getVisibleSourceControlItems = (items, minLineY, maxLineY, actionsCache, fileIconCache) => {
+  const visible = [];
+  for (let i = minLineY; i < maxLineY; i++) {
+    const item = items[i];
+    const contextId = getContextId(item.groupId, item.type);
+    const buttons = actionsCache[contextId] || emptySourceControlButtons;
+    const fileIcon = fileIconCache[item.label] || '';
+    const indent = getTreeItemIndent(item.type);
+    visible.push({
+      ...item,
+      buttons,
+      fileIcon,
+      indent
+    });
+  }
+  return visible;
+};
+
+const get$1 = key => {
+  return getPreference(key);
+};
+
+const getExtensions = async () => {
+  return invoke$1('Extensions.getExtensions');
+};
+
+const requestSourceActions = async () => {
+  const extensions = await getExtensions();
+  const newCache = Object.create(null);
+  for (const extension of extensions) {
+    if (extension && extension['source-control-actions']) {
+      for (const [key, value] of Object.entries(extension['source-control-actions'])) {
+        newCache[key] = value;
+      }
+    }
+  }
+  return newCache;
+};
+
+/* eslint-disable unicorn/no-array-reduce */
+const restoreExpandedGroups = groups => {
+  return groups.map(group => group.id).reduce((total, current) => {
+    return {
+      ...total,
+      [current]: true
+    };
+  }, Object.create(null));
+};
+
+const getRestoredInputValue = savedState => {
+  if (savedState && typeof savedState === 'object' && 'inputValue' in savedState && typeof savedState['inputValue'] === 'string') {
+    return savedState.inputValue;
+  }
+  return '';
+};
+const restoreState = savedState => {
+  const inputValue = getRestoredInputValue(savedState);
+  return {
+    inputValue
+  };
+};
+
+const getScrollBarSize = (size, contentSize, minimumSliderSize) => {
+  if (size >= contentSize) {
+    return 0;
+  }
+  return Math.max(Math.round(size ** 2 / contentSize), minimumSliderSize);
+};
+
+const emptyObject = {};
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  const replacer = (match, rest) => {
+    return placeholders[rest];
+  };
+  return key.replaceAll(RE_PLACEHOLDER, replacer);
+};
+
+const OpenChanges = 'Open Changes';
+const OpenFile = 'Open File';
 const OpenFileHead = 'Open File (HEAD)';
 const DiscardChanges = 'Discard Changes';
 const StageChanges = 'Stage Changes';
 const AddToGitignore = 'Add to gitignore';
 const RevealInExplorerView = 'Reveal in Explorer View';
 const OpenContainingFolder = 'Open Containing Folder';
+const ViewAsTree$1 = 'View As Tree';
+const CommitAndPush$1 = 'Commit and Push';
+const Refresh$2 = 'Refresh';
 const MessageEnterToCommitOnMaster = `Message (Enter) to commit on 'master'`;
 const SourceControlInput$1 = 'Source Control Input';
 
@@ -1411,6 +1685,15 @@ const revealInExplorerView = () => {
 const openContainingFolder = () => {
   return i18nString(OpenContainingFolder);
 };
+const viewAsTree$1 = () => {
+  return i18nString(ViewAsTree$1);
+};
+const commitAndPush = () => {
+  return i18nString(CommitAndPush$1);
+};
+const refresh$1 = () => {
+  return i18nString(Refresh$2);
+};
 const messageEnterToCommitOnMaster = () => {
   return i18nString(MessageEnterToCommitOnMaster);
 };
@@ -1418,478 +1701,313 @@ const sourceControlInput = () => {
   return i18nString(SourceControlInput$1);
 };
 
-const getMenuEntries = () => {
-  return [{
-    label: openChanges(),
-    flags: None,
-    command: /* TODO */'-1',
-    id: ''
-  }, {
-    label: openFile(),
-    flags: None,
-    command: /* TODO */'-1',
-    id: ''
-  }, {
-    label: openFileHead(),
-    flags: None,
-    command: /* TODO */'-1',
-    id: ''
-  }, {
-    label: discardChanges(),
-    flags: None,
-    command: /* TODO */'-1',
-    id: ''
-  }, {
-    label: stageChanges(),
-    flags: None,
-    command: /* TODO */'-1',
-    id: ''
-  }, {
-    label: addToGitignore(),
-    flags: None,
-    command: /* TODO */'-1',
-    id: ''
-  }, {
-    label: revealInExplorerView(),
-    flags: None,
-    command: /* TODO */'-1',
-    id: ''
-  }, {
-    label: openContainingFolder(),
-    flags: None,
-    command: /* TODO */'-1',
-    id: ''
-  }];
-};
-
-const getMenuEntries2 = state => {
-  return getMenuEntries();
-};
-
-const getMenuIds = () => {
-  return [SourceControl$1];
-};
-
-const activateByEvent = event => {
-  return activateByEvent$1(event);
-};
-
-const executeProvider = async ({
-  event,
-  method,
-  params
-}) => {
-  await activateByEvent(event);
-  // @ts-ignore
-  const result = await invoke$1(method, ...params);
-  return result;
-};
-
-const CommandExecute = 'ExtensionHostCommand.executeCommand';
-const SourceControlGetFileDecorations = 'ExtensionHostSourceControl.getFileDecorations';
-const SourceControlGetEnabledProviderIds = 'ExtensionHostSourceControl.getEnabledProviderIds';
-const SourceControlGetFileBefore = 'ExtensionHostSourceControl.getFileBefore';
-const SourceControlGetGroups = 'ExtensionHostSourceControl.getGroups';
-
-const executeCommand = (id, ...args) => {
-  return executeProvider({
-    event: `onCommand:${id}`,
-    method: CommandExecute,
-    params: [id, ...args]
-  });
-};
-
-const getActualDecorationIcon = (iconDefinitions, icon) => {
-  if (typeof icon === 'number') {
-    const value = iconDefinitions[icon];
-    if (!value) {
-      return 'not-available';
-    }
-    return value;
-  }
-  return icon;
-};
-
-const getFileIcon = ({
-  name
-}) => {
-  return '';
-};
-
-// TODO this should be in FileSystem module
-const pathBaseName = path => {
-  return path.slice(path.lastIndexOf('/') + 1);
-};
-
-const getDisplayItemsGroup = (group, expandedGroups, iconDefinitions) => {
-  const displayItems = [];
+const loadContent = async (state, savedState) => {
   const {
-    id,
-    label,
-    items
-  } = group;
-  if (!items) {
-    throw new Error('Source control group is missing an items property');
-  }
+    itemHeight,
+    height,
+    minimumSliderSize,
+    workspacePath,
+    fileIconCache,
+    width,
+    inputFontFamily,
+    inputFontSize,
+    inputFontWeight,
+    inputLetterSpacing,
+    inputLineHeight
+  } = state;
+  const root = workspacePath;
+  const scheme = getProtocol(root);
   const {
-    length
-  } = items;
-  const isExpanded = expandedGroups[id] || false;
-  const type = isExpanded ? DirectoryExpanded : Directory;
-  const icon = isExpanded ? 'ChevronDown' : 'ChevronRight';
-  if (length > 0) {
-    displayItems.push({
-      file: '',
-      label,
-      detail: '',
-      posInSet: 1,
-      setSize: 1,
-      icon,
-      decorationIcon: '',
-      decorationIconTitle: '',
-      decorationStrikeThrough: false,
-      type,
-      badgeCount: length,
-      groupId: id
-    });
-  }
-  if (isExpanded) {
-    for (let i = 0; i < length; i++) {
-      const item = items[i];
-      const {
-        file,
-        icon,
-        iconTitle,
-        strikeThrough
-      } = item;
-      const baseName = pathBaseName(file);
-      const folderName = file.slice(0, -baseName.length - 1);
-      const actualDecorationIcon = getActualDecorationIcon(iconDefinitions, icon);
-      displayItems.push({
-        file,
-        label: baseName,
-        detail: folderName,
-        posInSet: i + 1,
-        setSize: length,
-        icon: getFileIcon({
-          name: file
-        }),
-        decorationIcon: actualDecorationIcon,
-        decorationIconTitle: iconTitle,
-        decorationStrikeThrough: strikeThrough,
-        type: File,
-        badgeCount: 0,
-        groupId: id
-      });
-    }
-  }
-  return displayItems;
-};
-
-const getDisplayItems = (allGroups, expandedGroups, iconDefinitions) => {
-  const displayItems = [];
-  for (const group of allGroups) {
-    const groupDisplayItems = getDisplayItemsGroup(group, expandedGroups, iconDefinitions);
-    displayItems.push(...groupDisplayItems);
-  }
-  return displayItems;
-};
-
-const getIconType = direntType => {
-  switch (direntType) {
-    case Directory:
-    case DirectoryExpanded:
-      return 2;
-    default:
-      return 1;
-  }
-};
-
-const getMissingIconRequests = (dirents, fileIconCache) => {
-  const missingRequests = [];
-  for (const dirent of dirents) {
-    if (!(dirent.file in fileIconCache)) {
-      missingRequests.push({
-        type: getIconType(dirent.type),
-        name: dirent.label
-      });
-    }
-  }
-  return missingRequests;
-};
-
-const requestFileIcons = async requests => {
-  const results = await invoke('IconTheme.getIcons', requests);
-  return results;
-};
+    inputValue
+  } = restoreState(savedState);
+  const enabledProviderIds = await getEnabledProviderIds(scheme, root);
+  const iconDefinitions = await getIconDefinitions(enabledProviderIds);
+  const {
+    allGroups,
+    gitRoot
+  } = await getGroups(enabledProviderIds);
+  const expandedGroups = restoreExpandedGroups(allGroups);
+  const displayItems = getDisplayItems(allGroups, expandedGroups, iconDefinitions);
+  const actionsCache = await requestSourceActions();
 
-const updateIconCache = (iconCache, missingRequests, newIcons) => {
-  if (missingRequests.length === 0) {
-    return iconCache;
-  }
-  const newFileIconCache = {
-    ...iconCache
+  // TODO make preferences async and more functional
+  const splitButtonEnabled = await get$1('sourceControl.splitButtonEnabled');
+  const total = displayItems.length;
+  const contentHeight = total * itemHeight;
+  const listHeight = getListHeight(total, itemHeight, height);
+  const scrollBarHeight = getScrollBarSize(height, contentHeight, minimumSliderSize);
+  const numberOfVisible = getNumberOfVisibleItems(listHeight, itemHeight);
+  const minLineY = 0;
+  const maxLineY = Math.min(numberOfVisible, total);
+  const newFileIconCache = await getFileIcons(displayItems, fileIconCache);
+  const visibleItems = getVisibleSourceControlItems(displayItems, minLineY, maxLineY, actionsCache, newFileIconCache);
+  const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, total);
+  const inputPlaceholder = messageEnterToCommitOnMaster();
+  const inputBoxHeight = await getInputHeight(inputValue, width, inputFontFamily, inputFontSize, inputFontWeight, inputLetterSpacing, inputLineHeight);
+  return {
+    ...state,
+    actionsCache,
+    allGroups,
+    decorationIcons: iconDefinitions,
+    enabledProviderIds,
+    fileIconCache: newFileIconCache,
+    finalDeltaY,
+    gitRoot,
+    iconDefinitions,
+    inputBoxHeight,
+    inputPlaceholder,
+    inputValue,
+    items: displayItems,
+    maxLineY,
+    root,
+    scrollBarHeight,
+    splitButtonEnabled,
+    visibleItems
   };
-  for (let i = 0; i < missingRequests.length; i++) {
-    const request = missingRequests[i];
-    const icon = newIcons[i];
-    newFileIconCache[request.name] = icon;
-  }
-  return newFileIconCache;
 };
 
-const getFileIcons = async (dirents, fileIconCache) => {
-  const missingRequests = getMissingIconRequests(dirents, fileIconCache);
-  const newIcons = await requestFileIcons(missingRequests);
-  const newFileIconCache = updateIconCache(fileIconCache, missingRequests, newIcons);
-  return newFileIconCache;
-};
-
-const getFinalDeltaY = (height, itemHeight, itemsLength) => {
-  const contentHeight = itemsLength * itemHeight;
-  const finalDeltaY = Math.max(contentHeight - height, 0);
-  return finalDeltaY;
-};
-
-const getFileDecorations$1 = (providerId, uris) => {
-  return executeProvider({
-    event: 'none',
-    method: SourceControlGetFileDecorations,
-    params: [providerId, uris]
-  });
-};
-const getFileBefore$1 = (providerId, path) => {
-  return executeProvider({
-    event: 'none',
-    method: SourceControlGetFileBefore,
-    params: [providerId, path]
-    // noProviderFoundMessage: 'No source control provider found',
-  });
-};
-const getGroups$2 = (providerId, path) => {
-  return executeProvider({
-    event: 'none',
-    method: SourceControlGetGroups,
-    params: [providerId, path]
-    // noProviderFoundMessage: 'No source control provider found',
-  });
-};
-const getEnabledProviderIds$1 = (scheme, root) => {
-  return executeProvider({
-    event: `onSourceControl:${scheme}`,
-    method: SourceControlGetEnabledProviderIds,
-    params: [scheme, root]
-    // noProviderFoundMessage: 'No source control provider found',
-  });
-};
-const getIconDefinitions$1 = async providerId => {
+const info = (...args) => {
   // @ts-ignore
-  const result = await invoke$1('ExtensionHostSourceControl.getIconDefinitions', providerId);
-  return result;
+  // eslint-disable-next-line no-console
+  console.info(...args);
 };
-
-const getFileDecorations = (providerId, uris) => {
-  return getFileDecorations$1(providerId, uris);
-};
-const getFileBefore = (providerId, file) => {
-  return getFileBefore$1(providerId, file);
-};
-const getEnabledProviderIds = (scheme, root) => {
-  string(scheme);
-  string(root);
-  return getEnabledProviderIds$1(scheme, root);
-};
-const getGroups$1 = (providerId, root) => {
-  return getGroups$2(providerId, root);
-};
-const getIconDefinitions = async providerIds => {
-  try {
-    if (providerIds.length === 0) {
-      return [];
-    }
-    return await getIconDefinitions$1(providerIds[0]);
-  } catch {
-    return [];
-  }
+const warn = (...args) => {
+  // @ts-ignore
+  console.warn(...args);
 };
 
-const getGroups = async enabledProviderIds => {
-  const allGroups = [];
-  for (const providerId of enabledProviderIds) {
-    // @ts-ignore
-    const groups = await getGroups$1(providerId);
-    allGroups.push(...groups);
+const acceptInput = async state => {
+  const {
+    inputValue,
+    enabledProviderIds
+  } = state;
+  if (enabledProviderIds.length === 0) {
+    info('[ViewletSourceControl] no source control provider found');
+    return state;
   }
+  const providerId = enabledProviderIds[0];
+  await acceptInput$1(providerId, inputValue);
+  const newState = await loadContent(state, {});
   return {
-    allGroups,
-    gitRoot: ''
+    ...newState,
+    inputValue: ''
   };
 };
 
-const getTextHeight = async (input, width, fontFamily, fontSize, fontWeight, letterSpacing, lineHeight) => {
-  try {
-    if (!input) {
-      return lineHeight;
-    }
-    const actualInput = input;
-    // TODO line height could also be like 1.5
-    const lineHeightPx = `${lineHeight}px`;
-    // @ts-ignore
-    const height = await invoke(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
-    return height;
-  } catch {
-    // fallback
-    const lines = input.split('\n');
-    const lineCount = lines.length;
-    const inputHeight = lineCount * lineHeight;
-    return inputHeight;
-  }
-};
+const {
+  get,
+  set,
+  wrapCommand,
+  getCommandIds,
+  registerCommands,
+  wrapGetter
+} = create();
 
-const getInputHeight = async (input, width, fontFamily, fontWeight, fontSize, letterSpacing, lineHeight) => {
-  const height = await getTextHeight(input, width, fontFamily, fontSize, fontWeight, letterSpacing, lineHeight);
-  return height;
+const create2 = (id, uri, x, y, width, height, workspacePath) => {
+  const state = {
+    actionsCache: Object.create(null),
+    allGroups: [],
+    deltaY: 0,
+    enabledProviderIds: [],
+    fileIconCache: Object.create(null),
+    finalDeltaY: 0,
+    gitRoot: '',
+    handleOffset: 0,
+    headerHeight: 40,
+    // TODO
+    height,
+    id,
+    index: [],
+    inputValue: '',
+    expandedGroups: Object.create(null),
+    itemHeight: 20,
+    items: [],
+    maxLineY: 0,
+    merge: [],
+    minimumSliderSize: 20,
+    inputBoxHeight: 30,
+    minLineY: 0,
+    providerId: '',
+    root: '',
+    scrollBarActive: false,
+    scrollBarHeight: 0,
+    splitButtonEnabled: false,
+    untracked: [],
+    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
+  };
+  set(id, state, state);
 };
 
-const getListHeight = (itemsLength, itemHeight, maxHeight) => {
-  number(itemsLength);
-  number(itemHeight);
-  number(maxHeight);
-  if (itemsLength === 0) {
-    return itemHeight;
-  }
-  const totalHeight = itemsLength * itemHeight;
-  return Math.min(totalHeight, maxHeight);
+const isEqual$3 = (oldState, newState) => {
+  return oldState.inputBoxHeight === newState.inputBoxHeight;
 };
 
-// TODO optimize this function to return the minimum number
-// of visible items needed, e.g. when not scrolled 5 items with
-// 20px fill 100px but when scrolled 6 items are needed
-const getNumberOfVisibleItems = (listHeight, itemHeight) => {
-  return Math.ceil(listHeight / itemHeight) + 1;
+const isEqual$2 = (oldState, newState) => {
+  return oldState.focus === newState.focus;
 };
 
-const Disk = 'file';
-
-const RE_PROTOCOL = /^([a-z-]+):\/\//;
-const getProtocol = uri => {
-  if (!uri) {
-    return Disk;
-  }
-  const protocolMatch = uri.match(RE_PROTOCOL);
-  if (protocolMatch) {
-    return protocolMatch[1];
-  }
-  return Disk;
+const isEqual$1 = (oldState, newState) => {
+  return oldState.allGroups === newState.allGroups && oldState.deltaY === newState.deltaY && oldState.items === newState.items && oldState.maxLineY === newState.maxLineY && oldState.minLineY === newState.minLineY && oldState.visibleItems === newState.visibleItems;
 };
 
-const emptySourceControlButtons = [];
-
-const getContextId = (groupId, type) => {
-  if (type === File) {
-    return `${groupId}-item`;
-  }
-  return groupId;
-};
+const RenderItems = 4;
+const RenderFocusContext = 7;
+const RenderValue = 8;
+const RenderCss = 10;
 
-const getVisibleSourceControlItems = (items, minLineY, maxLineY, actionsCache, fileIconCache) => {
-  const visible = [];
-  for (let i = minLineY; i < maxLineY; i++) {
-    const item = items[i];
-    const contextId = getContextId(item.groupId, item.type);
-    const buttons = actionsCache[contextId] || emptySourceControlButtons;
-    const fileIcon = fileIconCache[item.label] || '';
-    visible.push({
-      ...item,
-      buttons,
-      fileIcon
-    });
-  }
-  return visible;
+const isEqual = (oldState, newState) => {
+  return newState.inputSource === User || oldState.inputValue === newState.inputValue;
 };
 
-const get = key => {
-  return getPreference(key);
+const modules = [isEqual$1, isEqual, isEqual$3, isEqual$2];
+const numbers = [RenderItems, RenderValue, RenderCss, RenderFocusContext];
+
+const diff = (oldState, newState) => {
+  const diffResult = [];
+  for (let i = 0; i < modules.length; i++) {
+    const fn = modules[i];
+    if (!fn(oldState, newState)) {
+      diffResult.push(numbers[i]);
+    }
+  }
+  return diffResult;
 };
 
-const getExtensions = async () => {
-  return invoke$1('Extensions.getExtensions');
+const diff2 = uid => {
+  const {
+    oldState,
+    newState
+  } = get(uid);
+  const result = diff(oldState, newState);
+  return result;
 };
 
-const requestSourceActions = async () => {
-  const extensions = await getExtensions();
-  const newCache = Object.create(null);
-  for (const extension of extensions) {
-    if (extension && extension['source-control-actions']) {
-      for (const [key, value] of Object.entries(extension['source-control-actions'])) {
-        newCache[key] = value;
-      }
-    }
-  }
-  return newCache;
+const getBadgeCount = state => {
+  return state.badgeCount;
 };
 
-/* eslint-disable unicorn/no-array-reduce */
-const restoreExpandedGroups = groups => {
-  return groups.map(group => group.id).reduce((total, current) => {
-    return {
-      ...total,
-      [current]: true
-    };
-  }, Object.create(null));
+const getInfo = uid => {
+  const {
+    newState
+  } = get(uid);
+  return newState.allGroups;
 };
 
-const getRestoredInputValue = savedState => {
-  if (savedState && typeof savedState === 'object' && 'inputValue' in savedState && typeof savedState['inputValue'] === 'string') {
-    return savedState.inputValue;
-  }
-  return '';
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
 };
-const restoreState = savedState => {
-  const inputValue = getRestoredInputValue(savedState);
+
+const text = data => {
   return {
-    inputValue
+    type: Text,
+    text: data,
+    childCount: 0
   };
 };
 
-const getScrollBarSize = (size, contentSize, minimumSliderSize) => {
-  if (size >= contentSize) {
-    return 0;
-  }
-  return Math.max(Math.round(size ** 2 / contentSize), minimumSliderSize);
+const getKeyBindings = () => {
+  return [{
+    key: CtrlCmd | Enter,
+    command: 'Source Control.acceptInput',
+    when: FocusSourceControlInput
+  }];
 };
 
-const loadContent = async (state, savedState) => {
+const getMenuEntries = () => {
+  return [{
+    label: openChanges(),
+    flags: None,
+    command: /* TODO */'-1',
+    id: ''
+  }, {
+    label: openFile(),
+    flags: None,
+    command: /* TODO */'-1',
+    id: ''
+  }, {
+    label: openFileHead(),
+    flags: None,
+    command: /* TODO */'-1',
+    id: ''
+  }, {
+    label: discardChanges(),
+    flags: None,
+    command: /* TODO */'-1',
+    id: ''
+  }, {
+    label: stageChanges(),
+    flags: None,
+    command: /* TODO */'-1',
+    id: ''
+  }, {
+    label: addToGitignore(),
+    flags: None,
+    command: /* TODO */'-1',
+    id: ''
+  }, {
+    label: revealInExplorerView(),
+    flags: None,
+    command: /* TODO */'-1',
+    id: ''
+  }, {
+    label: openContainingFolder(),
+    flags: None,
+    command: /* TODO */'-1',
+    id: ''
+  }];
+};
+
+const getMenuEntries2 = state => {
+  return getMenuEntries();
+};
+
+const getMenuIds = () => {
+  return [SourceControl$1];
+};
+
+const SourceControlInput = 'SourceControlInput';
+const ViewAsTree = 'ViewAsTree';
+const CommitAndPush = 'CommitAndPush';
+const Refresh$1 = 'Refresh';
+
+const refresh = async state => {
   const {
     itemHeight,
     height,
     minimumSliderSize,
-    workspacePath,
     fileIconCache,
-    width,
-    inputFontFamily,
-    inputFontSize,
-    inputFontWeight,
-    inputLetterSpacing,
-    inputLineHeight
+    enabledProviderIds,
+    splitButtonEnabled,
+    actionsCache,
+    iconDefinitions
   } = state;
-  const root = workspacePath;
-  const scheme = getProtocol(root);
-  const {
-    inputValue
-  } = restoreState(savedState);
-  const enabledProviderIds = await getEnabledProviderIds(scheme, root);
-  const iconDefinitions = await getIconDefinitions(enabledProviderIds);
   const {
     allGroups,
     gitRoot
   } = await getGroups(enabledProviderIds);
   const expandedGroups = restoreExpandedGroups(allGroups);
   const displayItems = getDisplayItems(allGroups, expandedGroups, iconDefinitions);
-  const actionsCache = await requestSourceActions();
-
-  // TODO make preferences async and more functional
-  const splitButtonEnabled = await get('sourceControl.splitButtonEnabled');
   const total = displayItems.length;
   const contentHeight = total * itemHeight;
   const listHeight = getListHeight(total, itemHeight, height);
@@ -1900,30 +2018,52 @@ const loadContent = async (state, savedState) => {
   const newFileIconCache = await getFileIcons(displayItems, fileIconCache);
   const visibleItems = getVisibleSourceControlItems(displayItems, minLineY, maxLineY, actionsCache, newFileIconCache);
   const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, total);
-  const inputPlaceholder = messageEnterToCommitOnMaster();
-  const inputBoxHeight = await getInputHeight(inputValue, width, inputFontFamily, inputFontSize, inputFontWeight, inputLetterSpacing, inputLineHeight);
   return {
     ...state,
     actionsCache,
     allGroups,
-    decorationIcons: iconDefinitions,
     enabledProviderIds,
     fileIconCache: newFileIconCache,
     finalDeltaY,
     gitRoot,
-    iconDefinitions,
-    inputBoxHeight,
-    inputPlaceholder,
-    inputValue,
     items: displayItems,
     maxLineY,
-    root,
     scrollBarHeight,
     splitButtonEnabled,
     visibleItems
   };
 };
 
+const viewAsTree = state => {
+  return {
+    ...state,
+    viewMode: Tree
+  };
+};
+
+const handleActionClick = async (state, actionName) => {
+  switch (actionName) {
+    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;
+  }
+};
+
+const executeCommand = (id, ...args) => {
+  return executeProvider({
+    event: `onCommand:${id}`,
+    method: CommandExecute,
+    params: [id, ...args]
+  });
+};
+
 const handleButtonClick = async (state, clickedIndex) => {
   const {
     visibleItems
@@ -1949,54 +2089,6 @@ const getIndex = (state, eventX, eventY) => {
   return index;
 };
 
-const warn = (...args) => {
-  // @ts-ignore
-  console.warn(...args);
-};
-
-const refresh = async state => {
-  const {
-    itemHeight,
-    height,
-    minimumSliderSize,
-    fileIconCache,
-    enabledProviderIds,
-    splitButtonEnabled,
-    actionsCache,
-    iconDefinitions
-  } = state;
-  const {
-    allGroups,
-    gitRoot
-  } = await getGroups(enabledProviderIds);
-  const expandedGroups = restoreExpandedGroups(allGroups);
-  const displayItems = getDisplayItems(allGroups, expandedGroups, iconDefinitions);
-  const total = displayItems.length;
-  const contentHeight = total * itemHeight;
-  const listHeight = getListHeight(total, itemHeight, height);
-  const scrollBarHeight = getScrollBarSize(height, contentHeight, minimumSliderSize);
-  const numberOfVisible = getNumberOfVisibleItems(listHeight, itemHeight);
-  const minLineY = 0;
-  const maxLineY = Math.min(numberOfVisible, total);
-  const newFileIconCache = await getFileIcons(displayItems, fileIconCache);
-  const visibleItems = getVisibleSourceControlItems(displayItems, minLineY, maxLineY, actionsCache, newFileIconCache);
-  const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, total);
-  return {
-    ...state,
-    actionsCache,
-    allGroups,
-    enabledProviderIds,
-    fileIconCache: newFileIconCache,
-    finalDeltaY,
-    gitRoot,
-    items: displayItems,
-    maxLineY,
-    scrollBarHeight,
-    splitButtonEnabled,
-    visibleItems
-  };
-};
-
 const handleClickSourceControlButtons = async (state, index, name) => {
   const {
     visibleItems
@@ -2288,12 +2380,35 @@ const initialize = async () => {
   set$1(textRpc);
 };
 
+const getUnique = items => {
+  const seens = [];
+  for (const item of items) {
+    if (!seens.includes(item)) {
+      seens.push(item);
+    }
+  }
+  return seens;
+};
+
+const getIndentRule = indent => {
+  return `.Indent-${indent} {
+  padding-left: ${indent}px;
+}`;
+};
 const renderCss = (oldState, newState) => {
   const {
     id,
-    inputBoxHeight
+    inputBoxHeight,
+    visibleItems
   } = newState;
-  const css = `:root {
+  const indents = visibleItems.map(item => item.indent);
+  const uniqueIndents = getUnique(indents);
+  const indentRules = uniqueIndents.map(getIndentRule).join('\n');
+  const css = indentRules ? `:root {
+  --SourceControlInputHeight: ${inputBoxHeight}px;
+}
+${indentRules}
+` : `:root {
   --SourceControlInputHeight: ${inputBoxHeight}px;
 }
 `;
@@ -2345,8 +2460,6 @@ const HandleMouseOver = 7;
 const HandleMouseOverAt = 8;
 const HandleWheel = 9;
 
-const SourceControlInput = 'SourceControlInput';
-
 const getSourceControlInputDom = inputPlaceholder => {
   return [{
     type: TextArea,
@@ -2425,7 +2538,12 @@ const getLabelClassName = decorationStrikeThrough => {
   return classNameDefault;
 };
 
-const PaddingLeft = '1rem';
+const getTreeItemClassName = indent => {
+  let className = TreeItem;
+  className = mergeClassNames(className, `Indent-${indent}`);
+  return className;
+};
+
 const PaddingRight = '12px';
 
 const createItemDirectory = item => {
@@ -2437,21 +2555,21 @@ const createItemDirectory = item => {
     badgeCount,
     decorationStrikeThrough,
     type,
-    buttons
+    buttons,
+    indent
   } = item;
   const labelClassName = getLabelClassName(decorationStrikeThrough);
   const buttonsDom = getButtonsVirtualDom(buttons);
   const hasButtons = buttons.length;
+  const treeItemClassName = getTreeItemClassName(indent);
   return [{
     type: Div,
-    className: TreeItem,
+    className: treeItemClassName,
     role: TreeItem$1,
     ariaExpanded: type === DirectoryExpanded,
     ariaPosInSet: posInSet,
     ariaSetSize: setSize,
     childCount: 3 + (hasButtons ? 1 : 0),
-    paddingLeft: PaddingLeft,
-    // TODO classname for indent / padding
     paddingRight: PaddingRight
   }, {
     type: Div,
@@ -2497,21 +2615,22 @@ const createItemOther = item => {
     decorationStrikeThrough,
     detail,
     buttons,
-    fileIcon
+    fileIcon,
+    indent
   } = item;
   const labelClassName = getLabelClassName(decorationStrikeThrough);
   const dom = [];
   const hasButtons = buttons.length;
   const buttonsDom = getButtonsVirtualDom(buttons);
+  const treeItemClassName = getTreeItemClassName(indent);
   dom.push({
     type: Div,
-    className: TreeItem,
+    className: treeItemClassName,
     role: TreeItem$1,
     ariaPosInSet: posInSet,
     ariaSetSize: setSize,
     title: file,
     childCount: 3 + (hasButtons ? 1 : 0),
-    paddingLeft: '1rem',
     paddingRight: '12px'
   }, ...getIconsDom(icon, fileIcon));
   const labelDom = {
@@ -2656,7 +2775,7 @@ const render2 = (uid, diffResult) => {
   const {
     oldState,
     newState
-  } = get$1(uid);
+  } = get(uid);
   set(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
@@ -2664,18 +2783,43 @@ const render2 = (uid, diffResult) => {
 
 const Button = 1;
 
+const Check = 'Check';
+const ListFlat = 'ListFlat';
+const Refresh = 'Refresh';
+
+const getActions = () => {
+  return [{
+    type: Button,
+    id: viewAsTree$1(),
+    name: ViewAsTree,
+    icon: ListFlat,
+    command: ''
+  }, {
+    type: Button,
+    id: commitAndPush(),
+    name: CommitAndPush,
+    icon: Check,
+    command: ''
+  }, {
+    type: Button,
+    id: refresh$1(),
+    name: Refresh$1,
+    icon: Refresh,
+    command: ''
+  }];
+};
+
 const getActionButtonVirtualDom = action => {
   const {
     id,
     icon,
-    command
+    label
   } = action;
   return [{
     type: Button$2,
     className: IconButton,
     title: id,
-    'data-command': command,
-    // TODO remove this
+    name: label,
     childCount: 1
   }, getIconVirtualDom(icon)];
 };
@@ -2683,7 +2827,14 @@ const getActionButtonVirtualDom = action => {
 const getActionVirtualDom = action => {
   switch (action.type) {
     case Button:
-      return getActionButtonVirtualDom(action);
+      {
+        const actionButton = {
+          id: action.id,
+          icon: action.icon,
+          label: action.name
+        };
+        return getActionButtonVirtualDom(actionButton);
+      }
     default:
       return [];
   }
@@ -2699,7 +2850,7 @@ const getActionsVirtualDom = actions => {
 };
 
 const renderActions = state => {
-  const actions = [];
+  const actions = getActions();
   const dom = getActionsVirtualDom(actions);
   return dom;
 };
@@ -2740,7 +2891,7 @@ const renderEventListeners = () => {
 
 const saveState = uid => {
   number(uid);
-  const value = get$1(uid);
+  const value = get(uid);
   const {
     newState
   } = value;
@@ -2782,17 +2933,12 @@ const viewAsList = state => {
   };
 };
 
-const viewAsTree = state => {
-  return {
-    ...state,
-    viewMode: Tree
-  };
-};
-
 const commandMap = {
   'Initialize.initialize': initialize,
+  'SourceControl.acceptInput': wrapCommand(acceptInput),
   'SourceControl.create2': create2,
   'SourceControl.diff2': diff2,
+  'SourceControl.getBadgeCount': wrapGetter(getBadgeCount),
   'SourceControl.getCommandIds': getCommandIds,
   'SourceControl.getEnabledProviderIds': getEnabledProviderIds,
   'SourceControl.getFileDecorations': getFileDecorations,
@@ -2800,12 +2946,14 @@ const commandMap = {
   'SourceControl.getKeyBindings': getKeyBindings,
   'SourceControl.getMenuEntries2': wrapGetter(getMenuEntries2),
   'SourceControl.getMenuIds': getMenuIds,
+  'SourceControl.handleActionClick': wrapCommand(handleActionClick),
   'SourceControl.handleButtonClick': wrapCommand(handleButtonClick),
   'SourceControl.handleClickAt': wrapCommand(handleClickAt),
   'SourceControl.handleClickSourceControlButtons': wrapCommand(handleClickSourceControlButtons),
   'SourceControl.handleContextMenu': wrapCommand(handleContextMenu),
   'SourceControl.handleFocus': wrapCommand(handleInputFocus),
   'SourceControl.handleInput': wrapCommand(handleInput),
+  'SourceControl.handleInputBlur': wrapCommand(handleInputBlur),
   'SourceControl.handleMessagePort': handleMessagePort,
   'SourceControl.handleMouseOut': wrapCommand(handleMouseOut),
   'SourceControl.handleMouseOutAt': wrapCommand(handleMouseOutAt),
@@ -2825,8 +2973,7 @@ const commandMap = {
   'SourceControl.terminate': terminate,
   'SourceControl.updateIcons': wrapCommand(updateIcons),
   'SourceControl.viewAsList': wrapCommand(viewAsList),
-  'SourceControl.viewAsTree': wrapCommand(viewAsTree),
-  'SourceControl.handleInputBlur': wrapCommand(handleInputBlur)
+  'SourceControl.viewAsTree': wrapCommand(viewAsTree)
 };
 
 const listen = async () => {