GitGraph

Historia commitów z liniami gałęzi rysowanymi w SVG, refami jako plakietkami, autorami, datami i krótkimi skrótami. Wybierz go do widoku historii, w którym ludzie wybierają commit do sprawdzenia.

GitGraph
RefBadge

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

Dzień, podgląd: GitGraph

mainorigin/mainMerge branch feature/quick-openAda Lovelace12 min ago9f2c1e7

feature/quick-openRank exact file names above fuzzy hitsGrace Hopper1 h ago7c3a9e1

Fix the focus ring of the sidebar in forced coloursAlan Turing2 h ago4b81d0c

Add fuzzy matching to quick openGrace Hopper3 h agoe1d4f0a

v0.4.0Release 0.4.0Ada Lovelaceyesterday2a90b7f

Start the project with a subject long enough to show how the row cuts it on a narrow screenAda Lovelacelast weekc55e8a1

Selected 9f2c1e7: Merge branch feature/quick-open

Noc, podgląd: GitGraph

mainorigin/mainMerge branch feature/quick-openAda Lovelace12 min ago9f2c1e7

feature/quick-openRank exact file names above fuzzy hitsGrace Hopper1 h ago7c3a9e1

Fix the focus ring of the sidebar in forced coloursAlan Turing2 h ago4b81d0c

Add fuzzy matching to quick openGrace Hopper3 h agoe1d4f0a

v0.4.0Release 0.4.0Ada Lovelaceyesterday2a90b7f

Start the project with a subject long enough to show how the row cuts it on a narrow screenAda Lovelacelast weekc55e8a1

Selected 9f2c1e7: Merge branch feature/quick-open

Wysoki kontrast, podgląd: GitGraph

mainorigin/mainMerge branch feature/quick-openAda Lovelace12 min ago9f2c1e7

feature/quick-openRank exact file names above fuzzy hitsGrace Hopper1 h ago7c3a9e1

Fix the focus ring of the sidebar in forced coloursAlan Turing2 h ago4b81d0c

Add fuzzy matching to quick openGrace Hopper3 h agoe1d4f0a

v0.4.0Release 0.4.0Ada Lovelaceyesterday2a90b7f

Start the project with a subject long enough to show how the row cuts it on a narrow screenAda Lovelacelast weekc55e8a1

Selected 9f2c1e7: Merge branch feature/quick-open

UżycieLink do sekcji Użycie

tsx

import { GitGraph, RefBadge } from '@skribly/ui/code'

tsx

<GitGraph label={t('history.title')} commits={log} selectedHash={selected?.hash}
  onSelect={setSelected} mergeLabel={t('history.merge')} refKindLabels={{ tag: t('git.tag') }} />

<RefBadge kind="tag" kindLabel={t('git.tag')}>v0.4.0</RefBadge>

Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.

DostępnośćLink do sekcji Dostępność

Siatka z pojedynczym wyborem: klawisze strzałek przesuwają, Enter lub Spacja zaznacza, wpisywanie przeskakuje do tematu.
Linie są dekoracją i są ukryte; scalenia są odczytywane jako słowo i rysowane jako puste kółko.
Rodzaje refów różnią się znakiem, a nie tylko kolorem, a ich rodzaj można odczytać przed nazwą.
Linie rozciągają się razem z wierszem, więc pozostają połączone przy rozmiarze tekstu 200%, a w trybie wymuszonych kolorów przyjmują kolor tekstu.

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.