@git-temporal/git-temporal-react/src/app/actions/commits.ts

<!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

import { debug } from 'app/utilities/logger';

import { ICommit } from 'app/interfaces/index';
import { setDates } from 'app/actions/setDates';
import { ActionTypes } from 'app/actions/ActionTypes';
import { isVscode, vscode } from 'app/actions/vscode';
import { fetchDiff } from 'app/actions/diff';

const PAGE_SIZE = 1000;

//
//  These actions fetch commits in pages until all commits are received
//
//  To do this, it
//  - fetches commitRange to get the bounds for paging
//  - fetches each page serially until all have been received
//
//  The actions below are chained and in order of calls
//
//  Note that vscode does not have synchronous comm between webview
//  and extension process, so the next step in the chain after a
//  call to _fetch() is fired when we asynchronously receive the
//  data. see src/app/actions/vscode.ts

export const fetchCommitsIfNeeded = path => (dispatch, getState) => {
  if (shouldFetchCommits(getState(), path)) {
    dispatch(requestCommits(path));
    dispatch(fetchCommits(path));
  }
};

const shouldFetchCommits = (state, path) => {
  return (
    !state.commits || state.commits.length <= 0 || state.selectedPath !== path
  );
};

export const requestCommits = path => ({
  selectedPath: path,
  type: ActionTypes.REQUEST_COMMITS,
});

const fetchCommits = path => async dispatch => {
  dispatch(fetchDiff(path, null, null));

  const response = await _fetch('commitRange', { path });
  if (response) {
    const commitRange = await response.json();
    dispatch(receiveCommitRange(path, commitRange));
  }
};

export const receiveCommitRange = (path, commitRange) => async dispatch => {
  // fetch the first page
  dispatch(_receiveCommitRange(path, commitRange));
  dispatch(fetchPageOfCommits(path, 0, PAGE_SIZE));
};

const _receiveCommitRange = (path, commitRange) => {
  return {
    path,
    commitRange,
    type: ActionTypes.RECEIVE_COMMIT_RANGE,
  };
};

export const fetchPageOfCommits = (path, skip, maxCount) => async dispatch => {
  const response = await _fetch('history', { path, skip, maxCount });
  if (response) {
    const commits = await response.json();
    // will serially dispatch this method until all are received
    dispatch(receiveCommits(path, commits));
  }
};

export const receiveCommits = (path, response) => (dispatch, getState) => {
  const state = getState();
  if (!state.isFetching || path !== state.selectedPath) {
    // the user probably navigated to a new file or dir while paging
    return;
  }

  dispatch(_receiveCommits(path, response));
  debug('actions/commits receiveCommits', response.skip);

  if (state.isDiffDeferred) {
    const { commits } = getState();
    dispatch(fetchDiff(path, commits[1], commits[0]));
  }

  const nextSkip = response.skip + PAGE_SIZE;
  const { totalCommits } = getState();
  if (nextSkip < totalCommits) {
    // if you ask `git log -skip 500 -max-count 500` and there are say 510
    // commits, git will return the last 500 commits instead of the last 10
    const pageSize =
      nextSkip + PAGE_SIZE > totalCommits ? totalCommits - nextSkip : PAGE_SIZE;
    dispatch(fetchPageOfCommits(path, nextSkip, pageSize));
  } else {
    dispatch(receivedAllCommits(path));
  }
};

export const _receiveCommits = (path, response) => ({
  selectedPath: path,
  commits: response.commits,
  isFileSelected: response.isFile,
  type: ActionTypes.RECEIVE_COMMITS,
});

export const receivedAllCommits = path => ({
  selectedPath: path,
  type: ActionTypes.RECEIVED_All_COMMITS,
});

const _fetch = (command, params) => {
  if (isVscode) {
    debug('sending request to vscode', command, params);
    // see actions/vscode.ts for response handling that comes as a window event
    vscode.postMessage({ ...params, command });
    return null;
  }
  // TODO : replace this with serviceBaseUrl when it is in
  const url = new URL(`http://localhost:11966/git-temporal/${command}`);
  url.search = new URLSearchParams(params).toString();
  return fetch(url.toString());
};

export const selectSingleCommit = commit => (dispatch: any, _getState: any) => {
  dispatch(
    setDates((commit.authorDate - 1) * 1000, (commit.authorDate + 1) * 1000)
  );
};