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 build → dist/chrome-mv3. Firefox: bun run build:firefox.
Screenshots
|
Tree-of-diffs PR view It replaces Github's flat file list, with per-file "Viewed" and collapsible context |
|
|
Unified / split toggle Flip between layouts without leaving the page, including default Github. Inline comments and line selection work the same as native GitHub. It also includes the file search and navigation |
|
|
Comments and reactions Same as Github defaults |
|
| Tree in code browser Also replaces the default Github tree and has instant navigation! |
|
Video demo