[nannndev]

Summary

• Badge endpoint. /b/<userId> (a rewrite to /api/og/<id>?kind=badge, so no new function) returns an SVG badge that keeps itself up to date.
  • It shows best code WPM, division, run count and streak, plus the player's own Kap in their Wardrobe look.
  • Styles: card (the default, 440×120, with Kap) and flat (a 20 px shields-style pill). Themes: dark and light.
  • Only shapes and system fonts, with Kap nested inline, because GitHub's camo proxy blocks outside resources. All text is XML-escaped.
  • Cached for 30 minutes with stale-while-revalidate, so the badge catches up as you practice.
• Share profile dialog. For your own profile it now has a "Badge for your GitHub README" section:
  • live previews;
  • Card/Flat and Auto/Dark/Light pickers;
  • a Copy button. Auto copies <picture> HTML that follows the reader's GitHub theme; a fixed theme copies Markdown.

Test plan

• vitest: 215 tests pass. New ones check escaping, no outside URLs, flat and new-player variants, and the snippet and URL builders.
• tsc -b, the API typecheck and the build pass.
• Rendered every variant on GitHub-like light and dark backgrounds.
• Browser check of the dialog with the badge images mocked.

🤖 Generated with Claude Code

https://claude.ai/code/session_018xNjY7412Rp5bFuw5h69yu

---

Generated by Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
codetype	Ready	Preview	Oct 1, 2026 9:01am UTC