react-git-info

Get git commit information in your React Application as a JavaScript object. No configuration necessary if you use create-react-app.

Usage

You need to install this repository as an NPM devDependency:

1npm install --save-dev react-git-info

After that you can import the information to your static React files.

1import GitInfo from 'react-git-info/macro';
2
3const gitInfo = GitInfo();
4console.log(gitInfo.branch);
5console.log(gitInfo.tags);
6console.log(gitInfo.commit.date);
7console.log(gitInfo.commit.hash);
8console.log(gitInfo.commit.message);
9console.log(gitInfo.commit.shortHash);
10
11// or from JSX
12<p>{gitInfo.commit.message}</p>

TypeScript Support

There is built-in TypeScript support, you won't have to install external types.

How it works

This package uses a babel-plugin-macros macro that is preconfigured when you're using a recent version of create-react-app.