@ajayche/trpc-panel

中文文档
2.1.0发布于 2026/05/10ISCTypeScriptESM + CJS近 30 天下载 1855

UI for testing tRPC backends

原始使用文档

tRPC.ui()

Project Preview

Probably the easiest and cheapest way to build a testing UI and documentation for your tRPC v11.0 endpoints. tRPC ui automatically generates a UI for manually testing your tRPC backend with 0 overhead:

trpc panel moves as fast as your trpc backend with minimal effort.

Fork Notice

This is a fork of the original tRPC panel project, which is now unmaintained. The original author deserves credit for the vast majority of the work done on this project.

Features

  • 🚀 Automatically inspect your tRPC router and recursively generate a typesafe UI
  • 🕒 Zero overhead
    • No output schemas (procedure return types can be inferred as nature intended)
    • New procedures will be added to your UI as you create them in your backend
    • No compilation required, works with any backend
  • 🐦 Supports nested routers, and nested input objects. The structure of the UI maps one-to-one to your API's routers and procedures.
  • ✨ Transform data with built in superjson support.
  • 🎨 UI/UX changes and improvements
  • ⚡ Optimized with Zod version 4
  • 🚀 Optimized for tRPC version 11.8.0 and higher

版本与发布记录

@ajayche/trpc-panel 共发布 6 个版本,首次发布于 2026/01/01;过去 12 个月发布了 6 个版本。

版本发布日期距今
2.1.0latest2026/05/105 个月前
2.0.42026/02/069 个月前
2.0.32026/01/0110 个月前
2.0.22026/01/0110 个月前
2.0.12026/01/0110 个月前
2.0.02026/01/0110 个月前

关于 @ajayche/trpc-panel 的常见问题

@ajayche/trpc-panel 是什么?

UI for testing tRPC backends

如何安装 @ajayche/trpc-panel?

在项目目录运行 npm install @ajayche/trpc-panel,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:@trpc/server(^11.8.1)、zod(^4.0.0)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@ajayche/trpc-panel 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@ajayche/trpc-panel 支持 ESM 还是 CommonJS?

同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。

@ajayche/trpc-panel 可以商用吗?

@ajayche/trpc-panel 使用 ISC 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@ajayche/trpc-panel 的下载量有多少?

根据 npm 官方下载统计,@ajayche/trpc-panel 在 2026/10/05 – 2026/11/03 这 30 天内被下载 1,855 次,日均约 62 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@ajayche/trpc-panel 还在维护吗?

最新版本 2.1.0 发布于 2026/05/10(5 个月前);至今共发布 6 个版本,其中过去 12 个月发布了 6 个;首次发布于 2026/01/01。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。