react-commits-graph

    0.2.0 • Public • Published

    react-commits-graph

    a react component to render an svg graph of git commits

    adapted from tclh123/commits-graph

    react-commits-graph

    example

    code to generate the graph above

    var React = require('react');
    var CommitsGraph = require('react-commits-graph');
    var commits = require('./commits.json');
     
    var selected = null;
     
    function handleClick(sha) {
      selected = sha;
      render();
    }
     
    function render() {
      React.renderComponent(CommitsGraph({
        commits: commits,
        onClick: handleClick,
        selected: selected,
      }), document.querySelector('#graph'));
    }
     
    render();

    expected structure of commits prop:

    [
      {
        "parents": [
          "82aa2102c8291f56f8dfefce1dce40d8a0dd686b",
          "175dfbbdbf8734069efaafced5a531dbf77c3a57"
        ],
        "sha": "5a7e04df76e21f9ba4a48098b6b26f19b51b99b1"
      },
      {
        "parents": [
          "90113cac59463df2e182e48444b8395658ebf840"
        ],
        "sha": "175dfbbdbf8734069efaafced5a531dbf77c3a57"
      },
      ...
    ]

    Install

    npm i react-commits-graph

    DownloadsWeekly Downloads

    3

    Version

    0.2.0

    License

    none

    Last publish

    Collaborators

    • jsdf