Skip to content

An unofficial browser extension for inspecting queries, mutations and subscriptions in your tRPC app

Notifications You must be signed in to change notification settings

rhenriquez28/trpc-client-devtools

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 

Repository files navigation

tRPC Client Devtools

Installation

  1. Install the trpc-client-devtools-link npm package and add it to your tRPC client config (if you're using tRPC v10, install the @next version)
  2. Download and install the tRPC Client Devtools Browser Extension for Chrome or Firefox
  3. Open the Devtools, navigate to the tRPC panel and inspect away!

Features

The tRPC Client Devtools appear as a "tRPC" tab in your web browser inspector when tRPC is detected, alongside other tabs like "Elements" and "Console". The devtools currently have 3 main features:

  • Query inspector: View the input, result and elapsed time of the fired queries.
  • Mutation inspector: View the input, result and elapsed time of the fired mutations.
  • Subscription inspector: View the input, multiple results and their elapsed time of the subscriptions.

tRPC Client Devtools Browser Extension

About

An unofficial browser extension for inspecting queries, mutations and subscriptions in your tRPC app

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published