DiffView

MMO.git · 1 symbol · generated 27 Oct 2026

class

DiffView

One file of a diff, drawn: side by side (the old version on the left, the new one on the right) or unified, each side with its line numbers, the removals on red and the insertions on green, the words that changed inside a line darker, the code in its colours. The unchanged lines the hunks leave out are folded, and unfold on a click when the file's texts are there. Over several commits, each changed line has the colour of the commit that made the change in its gutter (commit of DiffController's lines), its subject on hover.

class MMO.git.DiffView

Namespace: MMO.git

It draws a table of the classes `<mmo-diff>` styles: `.diff`, `tr.fold`, `td.ln`, `td.cm`, `td.code`, `.add`, `.del`, `.none`, `mark`, and Prism's `.token`.

const view = new MMO.git.DiffView({file, oldText, newText, commits}); container.appendChild(await view.render()); view.layout = 'unified'; view.redraw();

Index

	constructor(options)
	render() async	Colour the texts, then draw.
	redraw()	Draw again, in the current `layout`.
	focus(hash)	Fade the changes of the other commits.
	table()	[internal] @return {HTMLElement} the file's table, or what it has instead of lines
	splitRows(lines)	[internal] removals paired with the additions after them, side by side
	pair(left, right, kind)	[internal] one row of the split layout: a line on each side, or none
	unifiedRows(lines)	[internal] the lines one after the other, two numbers in the gutter
	single(line, ranges)	[internal] one row of the unified layout
	tag(row, lines)	[internal] the commits of a row's lines, for `focus`
	mark(line, cls, sep)	[internal] the gutter's mark of the commit that made a change
	number(n, cls, sep)	[internal] a line number
	code(line, side, cls, ranges)	[internal] a line's code, coloured, its changed words marked
	fold(oldFrom, oldTo, newFrom, context, end)	[internal] the unchanged lines between two hunks, folded: they unfold on a click when the texts are there
	unfolded(oldFrom, oldTo, newFrom)	[internal] the rows of unchanged lines a fold held
	submodule()	[internal] a submodule: the commits it pointed to
	message(text)	[internal] what a file without lines shows

Methods17

constructor(options)

DiffView.js:31

constructor(options = {})

options = {} Object - file {Object} a DiffController file: {status, path, oldPath, newPath, binary, submodule, hunks, ...} - oldText {?string} the whole old file, to colour it and unfold what the hunks leave out - newText {?string} the whole new file - commits {Array<Object>} the commits of the range, in the order of their colours: {hash, short, subject} - layout {string} split or unified - language {?string} Prism's; none: from the file's name