feat(registry): open source batch — release-badge, ci-badge, discord-badge, download-sparkline#26
Merged
Merged
Conversation
… ci-badge Four new open-source components expanding the badge family: - release-badge: Live GitHub release badge with tag, date, pre-release indicator. Three layouts (inline/row/card). Async RSC + ISR. - discord-badge: Discord server member count badge via public widget API. Two layouts (inline/card). Includes discord blurple variant. - download-sparkline: npm download trend sparkline. Pure SVG, zero charting deps. Three chart types (line/area/bar), three time ranges. - ci-badge: GitHub Actions CI status badge. Colored status dots for passing/failing/pending/cancelled. Two layouts (inline/card). All follow the established async server component + ISR pattern. Includes registry entries, MDX docs, card previews, and nav entries.
The Open Source category had 13 items in a flat list. Split into: - GitHub: repo-specific components (activity-graph, ci-badge, commit-graph, contributor-grid, github-button-group, github-stars-button, release-badge, repo-card) - Ecosystem: platform/package badges (discord-badge, download-sparkline, license-badge, npm-badge, producthunt-button) Also adds 2026.04.1 release entry so the four new components get New badges automatically.
Uses the DiscordBadge component with server ID 1316199667142496307 to show live member count with online indicator in the footer. Ghost variant, sm size, next to the GitHub icon.
The Discord widget API only exposes online/presence count, not total members. Updated the inline layout to show the server name by default with an optional showOnline flag that properly labels the count as online. Made memberCount optional on DiscordServerData since it requires a bot token to fetch. Also adds trend indicator, date range label, and average baseline to download-sparkline for richer data context.
Synced descriptions across registry.json, MDX frontmatter, docs copy, release entry, and component file headers to reflect the actual current behavior (server name not member count, sparkline trend/ baseline/date range features).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Open Source Batch
Four new components expanding the GitHub and Ecosystem categories, plus sidebar reorganization and a live Discord badge in the footer.
New Components
Release Badge
Live GitHub release badge showing latest tag, publish date, and pre-release indicator. Three layouts: inline pill, segmented row, expanded card. Async RSC + ISR.
CI Badge
GitHub Actions CI status badge with colored status dots for passing, failing, pending, and cancelled states. Two layouts: inline pill and expanded card. 10-minute ISR cache.
Discord Badge
Discord server badge showing server name and online count via the public widget API. Two layouts: inline pill and expanded card. Includes a
discordblurple variant. No bot token required.Download Sparkline
npm download trend sparkline. Pure SVG, zero charting dependencies. Three chart types (line, area, bar), three time ranges (7d, 30d, 1y). Includes trend indicator (+/-% with colored arrow), average baseline reference line, and date range labels.
Other Changes
DiscordBadgecomponent (blurple variant, server name)2026.04.1added so all four components get "New" badgesshieldcn.dev)Checklist
registry/<name>/registry.jsonentries with accurate metadatapnpm previews:generaterun (36 components)lib/docs.tsmeta.jsonupdatedlib/releases.tspnpm registry:buildpasses (36 items)pnpm buildpasses (87 pages, zero errors)Screenshots