finds.dev← search

// the find

iway1/trpc-panel

★ 730 · TypeScript · MIT · updated Jan 2024

trpc-panel auto-generates a testing UI from your tRPC router — mount one endpoint and you get a Swagger-style panel for every procedure, no schema duplication required. It's aimed at tRPC v10 shops that want something between `console.log` and a full API client for local development and internal documentation.

The zero-output-schema approach is the real win: it introspects your router at runtime rather than requiring you to annotate return types, so the panel stays in sync automatically as you add procedures. Zod's `.describe()` integration for parameter docs is genuinely useful — you write the schema once and get both validation and documentation. The monorepo structure with separate parse and react-app packages is clean; the parser is well-tested with per-type unit tests covering nearly every Zod variant. Supports custom HTTP headers via the HeadersPopup, which means it works with auth-protected endpoints without code changes.

Abandoned since January 2024 — last commit is 18 months old, and missing Zod types (Union, Tuple, Record, Date, Map, Set) are still listed as TODO with no PRs in flight. Only works with Zod; if you're using Valibot, Yup, or raw TypeScript types as inputs, you're out. No subscription support, which is a real gap since tRPC subscriptions are common and you'd need another tool to test them. The rendered panel is a self-contained HTML string injected server-side, which means no SSR-safe mount, and the bundle size ships React + Tailwind into your backend route with no way to lazy-load it.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →