8

So, in short, I'm basically looking for some info on:

  1. a way to convert Git's diff format (that it gives you with the github api) into some kind of html format, like on the actual github website. If there's nothing like that,
  2. I would like to have some information on the format of git's diff file, so I can write my own.
Improve this question
3
  • Is thre just no one who has any ideas? Commented Jan 24, 2015 at 23:23
  • As Jaybeecave mentions below (ans I have edited the answer), you could consider diff2html.xyz Commented May 22, 2017 at 6:23
  • I don't understand why some people like to use the flag to shut down issues, rules are rigid, but people are flexible. Good matters should be encouraged more than shutting down. Commented Jul 23, 2021 at 16:58

1 Answer 1

Reset to default
4

Update 2017 (2 years later)

Jaybeecave mentions in the comments the tool diff2html.xyz, a diff parser and pretty html generator.

The git diff format is inspired by the diff -p unix command.
(with -p being for --show-c-function: Show which C function each change is in.)

As I explain in "Where does the excerpt in the git diff hunk header come from?", that feature ("Show which C function") has evolved to take into account other language.

This is similar to what you see in the patch field of the JSON answer when you compare two commits with the GitHub API.
That feature was introduced in December 2012

Simply use the same resource URL and send either application/vnd.github.diff or application/vnd.github.patch in the Accept header:

curl -H "Accept: application/vnd.github.diff" https://api.github.com/repos/pengwynn/dotfiles/commits/aee60a4cd56fb4c6a50e60f17096fc40c0d4d72c

Result: 

diff --git a/tmux/tmux.conf.symlink b/tmux/tmux.conf.symlink index 1f599cb..abaf625 100755 --- a/tmux/tmux.conf.symlink +++ b/tmux/tmux.conf.symlink @@ -111,6 +111,7 @@ set-option -g base-index 1 ## enable mouse set-option -g mouse-select-pane on set-option -g mouse-select-window on +set-option -g mouse-resize-pane on set-window-option -g mode-keys vi set-window-option -g mode-mouse on # set-window-option -g monitor-activity off

The format follows the classic diff unified format (also detailed here).
You can see an example in cubicdaiya/node-dtl (an dtl(diff template library) binding for node.js)

Improve this answer
Sign up to request clarification or add additional context in comments.

4 Comments

Yes, but what is the format, and is there a way to convert it to HTML in client side JS?
@ChristopherDumas not sure about the html part, but I have added the format in the (now edited) answer.
diff2html.xyz is what you want
@Jaybeecave Nice! I have included your comment in the answer for more visibility.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.