GithGraph.js demo

by Francois Lecomte

HTML

<script src="http://gitgraphjs.com/js/gitgraph.min.js"></script>
<canvas id="gitGraph"></canvas>

JavaScript

var gitgraph = new GitGraph({
  template: "metro", // or blackarrow
  orientation: "vertical",
  author: "John Doe",
  mode: "extended" // or compact if you don't want the messages
});

var master = gitgraph.branch("master");
var jhipsterUpgrade = gitgraph.branch("jhipster_upgrade"); // Orphan branch ( not well be displayed :( )

master.commit({message: "Initial commit", sha1: " "}); // 1 commit upon HEAD
master.commit({message: "Start development of my app", sha1: " "});

// first time 'yo jhipster:upgrade'
jhipsterUpgrade.commit({
  dotColor: "white",
  dotSize: 10,
  dotStrokeWidth: 10,
  tag: "yo jhipster:upgrade",
  sha1: " ",
  message: "Generated with JHipster v3.4.0",
  author: "JHipster Upgrader"
  } );
jhipsterUpgrade.merge(master,{
  dotColor: "black",
  dotSize: 0,
  dotStrokeWidth: 0,
  tag: "(no change on codebase)",
  sha1: " ",
  message: "Block-merge, recording history",
  author: "JHipster Upgrader"} );

master.commit({message: "Code some awesome feature", sha1: " "});
master.commit({message: "Code another great feature", sha1: " "});
  
jhipsterUpgrade.checkout()
jhipsterUpgrade.commit({
  dotColor: "white",
  dotSize: 10,
  dotStrokeWidth: 10,
  tag: "yo jhipster:upgrade",
  sha1: " ",
  message: "Generated with JHipster v3.5.0",
  author: "JHipster Upgrader"
  });
jhipsterUpgrade.merge(master,{
  dotColor: "green",
  dotSize: 0,
  dotStrokeWidth: 0,
  sha1: " ",
  message: "Merge the changes between v3.4.0 and v3.5.0",
  author: "JHipster Upgrader"
  }
);

master.commit({message: "Some other devs", sha1: " "});

jhipsterUpgrade.checkout()
jhipsterUpgrade.commit({
  dotColor: "white",
  dotSize: 10,
  dotStrokeWidth: 10,
  tag: "yo jhipster:upgrade",
  sha1: " ",
  message: "Generated with JHipster v3.6.0",
  author: "JHipster Upgrader"
  });
jhipsterUpgrade.merge(master,{
  dotColor: "green",
  dotSize: 0,
  dotStrokeWidth: 0,
  sha1: " ",
  message: "Merge the changes between v3.5.0 and v3.6.0",
  author: "JHipster Upgrader"
 ...