アーキテクチャ

このプラグインは 2 つの部分からなる。 ビルド時には、git の履歴を読み出して静的なファイルに書き出し、描画するページの要素にソースの行番号を付ける。 ブラウザでは、そのファイルを読み、ページ上の差分、最近の変更のページ、ページごとの変更履歴を表示する。

各図には操作できる版へのリンクがあり、コンポーネントの検索や、ソースの参照をたどれる。 図の文言は英語である。

システム構成

System overview

操作できる図を開く

ページ上の差分の処理

読み手が ?diff= 付きのページを開いてから、印が付くまでの流れである。

Showing a change on the page

操作できる図を開く

ビルド時のデータの流れ

git の履歴が git-diff-data/ 配下のファイルになるまでの流れである。

Build-time data flow

操作できる図を開く