jatui

HunkDiffView

Side-by-side or unified diff viewer with line numbers and inline word highlights

Side-by-side diff

1 name: John Doe
2 email: john@example.com
3 role: viewer
4 active: true
 
1 + name: John Smith
2 email: john@example.com
3 + role: editor
4 + active: true
5 + updated_at: 2026-07-03

New file (no old content)

 
 
1 + created: true
2 + value: 42

Props

PropTypeDefaultDescription
oldTextstring | null-Before content (null = new file)
newTextstring | null-After content (null = deleted file)
unifiedbooleanfalseSingle-column unified view instead of side-by-side