Jolie branche git graphiques

Mise à jour: Cette réponse a eu beaucoup plus d'attention qu'elle mérite.  Il a été posté parce que je pense que les graphiques ont l'air sympa et ils pourraient être élaborés dans Illustrator pour une publication et il n'y avait pas de meilleure solution.  Mais il existe maintenant beaucoup plus de réponses à ce Q, comme fracz's, Jubobs', ou Harry Lee's!  s'il vous Plaît aller upvote ceux!!

Mise à jour 2: j'ai posté une version améliorée de cette réponse à la La visualisation de la branche de la topologie dans git question, car il est plus approprié loin de là.  Cette version inclut lg3, qui montre à la fois l'auteur et à valider l'info, donc vous devriez vraiment vérifier.  abandon de cette réponse pour historique (& rep, je l'admets) raisons, mais je suis vraiment tenté de simplement de le supprimer.

2¢: j'ai deux alias j'ai l'habitude de jeter dans mon ~/.gitconfig fichier:

[alias]
lg1 = log --graph --abbrev-commit --decorate --format=format:'%C(bold blue)%h%C(reset) - %C(bold green)(%ar)%C(reset) %C(white)%s%C(reset) %C(dim white)- %an%C(reset)%C(bold yellow)%d%C(reset)' --all
lg2 = log --graph --abbrev-commit --decorate --format=format:'%C(bold blue)%h%C(reset) - %C(bold cyan)%aD%C(reset) %C(bold green)(%ar)%C(reset)%C(bold yellow)%d%C(reset)%n''          %C(white)%s%C(reset) %C(dim white)- %an%C(reset)' --all
lg = !"git lg1"

git lg/git lg1 ressemble à ceci:

et git lg2 ressemble à ceci:

Pour le texte de sortie, vous pouvez essayer:

git log --graph --abbrev-commit --decorate --date=relative --all

ou:

git log --graph --oneline --decorate --all

ou: voici
un graphviz alias pour le dessin de la DAG graphique.

Personnellement, j'utilise gitx, gitk --all et gitnub.

Construit sur le haut de TikZ & PGF, gitdags est un peu le paquet LaTeX qui vous permet sans effort à produire des vecteurs graphiques commettre des graphiques, et plus encore.

Génération automatique d'un référentiel existant commit graphique est pas le but de gitdags; les graphiques qu'il produit ne sont là que pour des fins éducatives.

J'ai souvent de l'utiliser pour produire des graphiques pour mes réponses à Git questions, comme une alternative à l'ASCII commettre des graphiques:

• Comment puis-je faire une correction sur le maître et l'intégrer dans mon moins de branche stable(es)?
• Comment git commit --amend travail, exactement?
• Pourquoi ne Git me dire "Pas actuellement sur n'importe quelle branche", après je lance "git checkout origine/<branch>"?
• Quelle est la différence entre la fusion maître de la direction générale et de la fusion de la branche en maître?
• Git rebase --preserve-fusionne échoue

Voici un exemple d'un tel graphique montrant les effets d'une simple rebase:

\documentclass{article}
\usepackage{subcaption}
\usepackage{gitdags}
\begin{document}
\begin{figure}
\begin{subfigure}[b]{\textwidth}
\centering
\begin{tikzpicture}
% Commit DAG
\gitDAG[grow right sep = 2em]{
A -- B -- { 
C,
D -- E,
}
};
% Tag reference
\gittag
[v0p1]       % node name
{v0.1}       % node text
{above=of A} % node placement
{A}          % target
% Remote branch
\gitremotebranch
[origmaster]    % node name
{origin/master} % node text
{above=of C}    % node placement
{C}             % target
% Branch
\gitbranch
{master}     % node name and text 
{above=of E} % node placement
{E}          % target
% HEAD reference
\gitHEAD
{above=of master} % node placement
{master}          % target
\end{tikzpicture}
\subcaption{Before\ldots}
\end{subfigure}
\begin{subfigure}[b]{\textwidth}
\centering
\begin{tikzpicture}
\gitDAG[grow right sep = 2em]{
A -- B -- { 
C -- D' -- E',
{[nodes=unreachable] D -- E },
}
};
% Tag reference
\gittag
[v0p1]       % node name
{v0.1}       % node text
{above=of A} % node placement
{A}          % target
% Remote branch
\gitremotebranch
[origmaster]    % node name
{origin/master} % node text
{above=of C}    % node placement
{C}             % target
% Branch
\gitbranch
{master}      % node name and text 
{above=of E'} % node placement
{E'}          % target
% HEAD reference
\gitHEAD
{above=of master} % node placement
{master}          % target
\end{tikzpicture}
\subcaption{\ldots{} and after \texttt{git rebase origin/master}}
\end{subfigure}
\caption{Demonstrating a typical \texttt{rebase}}
\end{figure}
\end{document}

SourceTree est vraiment bonne. Il n'a l'impression d'une bonne recherche et de taille moyenne de l'histoire et de la branche graphique: (ce qui suit est fait sur une expérimentation de projet Git juste pour voir certaines branches). Prend en charge Windows 7+ et Mac OS X 10.6+.

http://www.sourcetreeapp.com/

git-forêt est un excellent script perl que j'ai utilisé pendant plus d'un an et j'ai à peine utiliser le git log commande plus directement.

Ce sont certaines des choses que j'aime à propos de ce script:

• Il utilise des caractères unicode pour tracer les lignes sur le graphique donnant une plus continue de regarder vers le graphique de lignes.
• Vous pouvez combiner --reverse avec la sortie d'un graphe, ce qui n'est pas possible avec les git log commande.
• Il utilise git log en interne pour récupérer la liste des commits, de sorte que toutes les options que vous passez à git log peuvent également être transmises à ce script.

J'ai un alias en utilisant git-forest comme suit:

[alias]
tree = "forest --pretty=format:\"%C(red)%h %C(magenta)(%ar) %C(blue)%an %C(reset)%s\" --style=15 --reverse"

C'est l'aspect de la sortie comme sur un terminal:

J'ai écrit un outil web pour la conversion de logs git dans assez SVG graphiques:
Peu-Booster - Offline Commettre Graphique De L'Outil De Dessin

Télécharger la sortie de git log --pretty='%h|%p|%d' directement dans l'outil, puis cliquez sur "télécharger graphique.svg" lien.

L'outil est pure côté client, et afin qu'aucun de vos Git de données est partagée avec mon serveur. Vous pouvez également enregistrer le code HTML + JS localement et de les exécuter à l'aide "file:///" de l'URL. Vérifié sur google Chrome 48 et Firefox 43 sur Ubuntu 12.04.

Il génère du code HTML qui peuvent être affichés directement dans la page (y compris les blogs blogspot moteur!). Jetez un oeil à certains des messages de blog ici:

http://bit-booster.blogspot.ca/

Voici une capture d'écran d'un exemple de fichier HTML généré par l'outil:

http://bit-booster.com/graph.html (l'outil)

J'ai ajouté trois commandes personnalisées: git tree, git stree et git vtree. Je vais aller sur eux dans l'ordre.

[alias]
tree = log --all --graph --decorate=short --color --format=format:'%C(bold blue)%h%C(reset) %C(auto)%d%C(reset)\n         %C(black)[%cr]%C(reset)  %x09%C(black)%an: %s %C(reset)'

Avec git stree et git vtree j'ai utiliser bash pour aider à la mise en forme.

[alias]
logx = log --all --graph --decorate=short --color --format=format:'%C(bold blue)%h%C(reset)+%C(dim black)(%cr)%C(reset)+%C(auto)%d%C(reset)++\n+++       %C(bold black)%an%C(reset)%C(black): %s%C(reset)'
stree = !bash -c '"                                                                             \
while IFS=+ read -r hash time branch message; do                                            \
timelength=$(echo \"$time\" | sed -r \"s:[^ ][[]([0-9]{1,2}(;[0-9]{1,2})?)?m::g\");     \
timelength=$(echo \"16+${#time}-${#timelength}\" | bc);                                 \
printf \"%${timelength}s    %s %s %s\n\" \"$time\" \"$hash\" \"$branch\" \"\";          \
done < <(git logx && echo);"'

[alias]
logx = log --all --graph --decorate=short --color --format=format:'%C(bold blue)%h%C(reset)+%C(dim black)(%cr)%C(reset)+%C(auto)%d%C(reset)++\n+++       %C(bold black)%an%C(reset)%C(black): %s%C(reset)'
vtree = !bash -c '"                                                                             \
while IFS=+ read -r hash time branch message; do                                            \
timelength=$(echo \"$time\" | sed -r \"s:[^ ][[]([0-9]{1,2}(;[0-9]{1,2})?)?m::g\");     \
timelength=$(echo \"16+${#time}-${#timelength}\" | bc);                                 \
printf \"%${timelength}s    %s %s %s\n\" \"$time\" \"$hash\" \"$branch\" \"$message\";  \
done < <(git logx && echo);"'

EDIT: Cela fonctionne avec git version 1.9. La couleur de la valeur 'auto' est apparemment fait ses débuts dans cette version. C'est un petit plus parce que les noms de branche obtiendrez une couleur différente. Cela rend plus facile de distinguer entre les locaux et les bureaux distants, par exemple.

gitg: gtk-référentiel basé sur la visionneuse, c'est nouveau, mais intéressant et utile

http://git.gnome.org/browse/gitg

Je l'utilise actuellement

Bien que parfois, j'utilise gitg, toujours revenir à la ligne de commande:

[alias]
#quick look at all repo
loggsa = log --color --date-order --graph --oneline --decorate --simplify-by-decoration --all
#quick look at active branch (or refs pointed)
loggs  = log --color --date-order --graph --oneline --decorate --simplify-by-decoration
#extend look at all repo
logga  = log --color --date-order --graph --oneline --decorate --all
#extend look at active branch
logg   = log --color --date-order --graph --oneline --decorate
#Look with date
logda  = log --color --date-order --date=local --graph --format=\"%C(auto)%h%Creset %C(blue bold)%ad%Creset %C(auto)%d%Creset %s\" --all
logd   = log --color --date-order --date=local --graph --format=\"%C(auto)%h%Creset %C(blue bold)%ad%Creset %C(auto)%d%Creset %s\"        
#Look with relative date
logdra = log --color --date-order --graph --format=\"%C(auto)%h%Creset %C(blue bold)%ar%Creset %C(auto)%d%Creset %s\" --all
logdr = log --color --date-order --graph --format=\"%C(auto)%h%Creset %C(blue bold)%ar%Creset %C(auto)%d%Creset %s\"  
loga   = log --graph --color --decorate --all
# For repos without subject body commits (vim repo, git-svn clones)
logt  = log --graph --color --format=\"%C(auto)%h %d %<|(100,trunc) %s\"
logta  = log --graph --color --format=\"%C(auto)%h %d %<|(100,trunc) %s\" --all        
logtsa = log --graph --color --format=\"%C(auto)%h %d %<|(100,trunc) %s\" --all --simplify-by-decoration 

Comme vous pouvez le voir, c'est presque une touche d'économie d'alias, basée sur:

• --couleur: regard clair
• --graph: visualisez les parents
• - date de l'ordre: plus compréhensible regarder des pensions de
• --décorer: qui est qui
• --oneline: Plusieurs fois, tout ce que vous devez savoir à propos de validation
• - simplifier-par-la décoration: de base pour un premier coup d'oeil (juste des balises pertinentes de fusions, de branches)
• --tous: enregistrement des frappes au clavier avec tous les alias avec et sans cette option
• --date=relative (%ar): Comprendre l'activité dans les pensions de titres (parfois une branche est quelques engage à proximité de maître, mais il y a des mois de lui)

Voir dans les dernières version de git (1.8.5 et ci-dessus), vous pouvez bénéficier d' %C(auto) en décorer l'espace réservé %d

À partir d'ici, vous n'avez besoin que d'une bonne compréhension de gitrevisions de filtrer ce que vous avez besoin (quelque chose comme maître..développer, où-simplifier-fusionne pourrait aider à long terme, les branches)

Le pouvoir derrière la ligne de commande est la rapidement config en fonction de vos besoins (comprendre un repo n'est pas une clé unique de configuration du journal, donc, l'ajout de --numstat, ou --raw, ou --nom de l'état est parfois nécessaire. Ici git log et les alias sont rapides, puissants et (avec le temps) le plus joli graphique, vous pouvez atteindre. Même plus, avec la sortie affiché par défaut par le biais d'un pager (disons moins), vous pouvez toujours chercher rapidement à l'intérieur de résultats. Pas convaincu? Vous pouvez toujours analyser le résultat avec des projets comme gitgraph

J'ai cette git log alias dans ~/.gitconfig pour afficher le graphique de l'histoire:

[alias]
l = log --all --graph --pretty=format:'%C(auto)%h%C(auto)%d %s %C(dim white)(%aN, %ar)'

Dans ce lieu, git l va afficher quelque chose comme:

Dans Git 2.12+ vous pouvez même personnaliser les couleurs des courbes du graphique à l'aide de la journal.graphColors option de configuration.

Comme pour les journaux de format, il est similaire à --oneline, avec l'ajout de la le nom de l'auteur (dans le respect de .mailmap) et le relative auteur date. Notez que le %C(auto) de la syntaxe, ce qui indique à Git d'utiliser les couleurs par défaut pour la validation de hachage, etc. est pris en charge dans Git >= 1.8.3.

git -c core.pager='less -SRF' log --oneline --graph --decorate

C'est mon terminal variante, semblable à beaucoup de réponses ici. Je tiens à ajuster les indicateurs transmis à less pour empêcher le retour à la ligne.

Que j'ai mis ce à un alias pour un accès rapide depuis la commande est un peu lourd.

Je suggère tig https://github.com/jonas/tig
un beaucoup beaucoup mieux outil de ligne de commande pour git.

Vous pouvez utiliser homebrew installer tig sur macOS:

$ brew install tig
$ tig

Il y a un funky Git commit graphique comme l'un des démos de la Raphaël graphiques web de la bibliothèque.

La démo n'est pas statique, mais il devrait être assez facile de prendre le code et d'échanger leurs données statiques pour un set live de données -- je pense que c'est juste Git commit des données au format JSON.

La démo est ici: http://dmitrybaranovskiy.github.io/raphael/github/impact.html

Pour les utilisateurs de OSX, j'ai pris l' @gospes exemple et légèrement modifié pour gsed (gnu-sed installé via homebrew) et ajusté les couleurs (pour travailler avec un fond noir, vous ne savez pas comment le modèle original pourrait éventuellement rendre de la façon dont il le fait dans l'exemple, car il spécifie que le texte noir sur un terminal avec un fond noir).

[alias]
# tree, vtree, stree support
logx = log --all --graph --decorate=short --color --format=format:'%C(bold blue)%h%C(reset)+%C(bold black)(%cr)%C(reset)+%C(auto)%d%C(reset)++\n+++       %C(bold black)%an%C(reset)%C(bold black): %s%C(reset)'
tree = log --all --graph --decorate=short --color --format=format:'%C(bold blue)%h%C(reset) %C(auto)%d%C(reset)\n         %C(bold black)[%cr]%C(reset)  %x09%C(bold black)%an: %s %C(reset)'
stree = !bash -c '" \
while IFS=+ read -r hash time branch message; do \
timelength=$(echo \"$time\" | gsed -r \"s:[^ ][[]([0-9]{1,2}(;[0-9]{1,2})?)?m::g\"); \
timelength=$(echo \"16+${#time}-${#timelength}\" | bc); \
printf \"%${timelength}s    %s %s %s\n\" \"$time\" \"$hash\" \"$branch\" \"\"; \
done < <(git logx && echo);"' | less -r
vtree = !bash -c '" \
while IFS=+ read -r hash time branch message; do \
timelength=$(echo \"$time\" | gsed -r \"s:[^ ][[]([0-9]{1,2}(;[0-9]{1,2})?)?m::g\"); \
timelength=$(echo \"16+${#time}-${#timelength}\" | bc); \
printf \"%${timelength}s    %s %s %s\n\" \"$time\" \"$hash\" \"$branch\" \"$message\"; \
done < <(git logx && echo);"' | less -r

La clé pour OSX est d'abord installer gnu sed (qui a l'option-r). Plus facile à faire avec homebrew, qui n'écrase pas le système installé sed, mais au lieu d'installer gnu sed comme "gsed". Espérons que cela aide @SlippD.Thompson, qui commenté ci-dessus sur OSX ne fonctionne pas.

Si votre dépôt est assis sur Gitlab, vous pouvez utiliser sa représentation graphique, comme c'est rendu que le SVG dans votre navigateur.

• Aller à votre référentiel de vue graphique, par exemple https://gitlab.com/gitlab-org/gitter/webapp/network/develop

• Faire défiler le graphique vers le bas (il paresseux charges s'engage!)

• Utilisation de votre navigateur inspecteur pour copier l'élément SVG dans un nouveau fichier

• L'ouvrir dans un moteur de rendu de votre choix, par exemple Inkscape

En regardant cette conversation essayé d'utiliser mon préféré git-cola & git-dag. L'exécution de View->DAG... de git-cola et remplacer Journal: master -- avec --all montre assez graphique avec toutes les branches.