shadcn.io is not affiliated with official shadcn/ui
Code Owners Changelog Block for React
A path tester: type a file path and see which team owns it, the pattern that matched and the number of reviewers, with the owning row ringed in a framed table of teams, patterns, reviewers and wait times.
Installation
Overview
A code-owners changelog for React with Base UI, written for Stewardly, a fictional code-review product. A header whose sentence is counted from the rules sits over a band with one field, "Path to check", and beside it (under it on a phone) the answer: "Owned by @billing. Last match wins; 2 reviewers", with the pattern that matched. Below, a framed table lists the six owning teams in file order, each with its path patterns in mono, the reviewers' initials, the reviews waiting and the average first response. The row that owns the path in the field is ringed and marked "Owns this path", and it moves as you type. The matching is a small helper over the typed patterns: * stops at a slash, ** doesn't, and a pattern with no slash matches a name at any depth; the last matching rule wins. On a phone the response column drops and the team column stays put. Nothing is sent: it's a calculator over example rules. It's built from Guides, Field, Input, Avatar and Badge in a native table. For code-review tools and contributor guides. The teams and patterns are example data.
FAQ
How do I change the teams and the patterns?
Edit RULES at the top of the file, in the order of your file: each rule has a team, a name, its globs, the reviewers, the reviews pending and the average response. When two rules match a path the later one owns it, so put the general rule first.
Which patterns does it understand?
* matches anything except a slash, ** matches across slashes, ? matches one character, a pattern without a slash matches a file name at any depth (*.md) and one with a slash is anchored at the root (src/billing/**). A leading ./ or / on the path is ignored. It is a small teaching matcher, not a full CODEOWNERS parser: swap ownerOf for your own when you need negation or escapes.
Related
- Pro
Contributor Leaderboard Changelog
ContributorsA framed, sortable table of eight contributors with rank by impact, commits, reviews, an impact bar and a streak; the top three keep a ringed avatar and the headings are buttons that set aria-sort.
- Pro
Contributor Stats Changelog
ContributorsOne segmented share bar of a release's commits by contributor with a counted legend, over the three most recent changelog entries each credited with an avatar and name.
- Pro
Access Control Changes Changelog
Security and auditsA permission diff matrix in an inset frame: a row for each permission, a column for each role, each cell showing what a release granted or revoked, with a release Select at the header's end.
- Pro
Review Checklist Changelog
Deploys and rolloutsA pre-release checklist as a split: a progress summary and a Ship button that stays disabled until all 14 checks are ticked, beside four accordion categories of real checkboxes with owners and Blocker badges.
- Pro
Commit Log Changelog
Code and commitsA git log of seven commits: a short hash with a Copy button for the full one, the commit type as a word, the message, an initials avatar and the day, with a Branch Select that swaps the list.
- Pro
Steps Chain Release Approval Flow
Deploys and rolloutsA release sign-off split: a summary of the release at the start, and a vertical approval chain at the end with people, states and times, an Approve button that advances it in the demo, a progress bar and a Deploy button that gives a stated demo result.