Pull Request Showcase
A two column pull request case study pairing the change narrative, review notes, and merge stats beside a static diff panel of the reworked hunk.
A two column pull request case study pairing the change narrative, review notes, and merge stats beside a static diff panel of the reworked hunk.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Pull Request Showcase is a two-column case study split. The left column carries the story: a repo and PR label with a merged badge, the change title, two paragraphs framing the problem and the fix, a short set of review notes tagged by topic, and a four-up row of merge stats. The right column is a static diff panel with a filename tab bar, a hunk header, old and new line numbers, and add and delete markers down the gutter.
diffLines, reviewNotes, and mergeStats are typed arrays, so the diff, the notes, and the stat row all grow from data rather than markup. A lineClasses helper maps each line kind to theme tokens, which keeps the panel rendering cleanly inside the preview frame with no portal and no animation. Context, added, and removed rows read at a glance without a legend.
Reach for this block when a developer portfolio needs to show one real change end to end rather than a list of repos. It suits engineers whose best evidence is a diff and the reasoning around it, where the review conversation says as much as the code. The installer replaces the diff lines, the review notes, and the merge stats with their own pull request.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the session auth rework off the database hot path. Other diff-led layouts:
Tip: keep the diff to a single focused hunk; a wall of changed lines buries the one edit that carries the story.