GitHub - clemg/pierre-github: Pierre's diffs.com and trees.software for Github

1 min read Original article ↗

A Chrome + Firefox MV3 extension that replaces GitHub's diff and file-tree UI with Pierre's components (@pierre/diffs, @pierre/trees) to get the diffshub.com feel onto github.com.

How it works. A document-start content script detects the surface (PR / commit / compare / code browser), hides GitHub's diff and tree, and hands the data to a main-world renderer that mounts Pierre in their place. The .diff is fetched through a background worker so private repos work via the session cookie. A toggle bar at the top flips between Pierre and GitHub.

Features. Tree-of-diffs PR view, code-browser file tree, expand-unchanged context, unified/split toggle, Pierre/Github view, per-file "Viewed" to collapse, inline comments, line selection, GitHub light/dark theme, large PR support

Build. Requires Bun: bun install && bun run builddist/chrome-mv3. Firefox: bun run build:firefox.

Screenshots

Video demo

export-1779509198856.mp4