trpc-client-devtools

KO | EN

gitlite — search

#python #ai #llm #android #deep-learning #docker #macos #java #nodejs #awesome #vue #awesome-list #pytorch #security

trpc-client-devtools

(★ 125)

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

trpc-client-devtools Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# tRPC Client Devtools

# Installation

1. Install the [trpc-client-devtools-link](https://www.npmjs.com/package/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](https://chrome.google.com/webstore/detail/trpc-client-devtools/ocolkjnalnkdaclepjmkigefcgngkadb?hl=en&authuser=1) or [Firefox](https://addons.mozilla.org/en-US/firefox/addon/trpc-client-devtools/)
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](https://raw.githubusercontent.com/rhenriquez28/trpc-client-devtools/main/assets/trpc-client-devtools.png)

trpc-client-devtools

trpc-client-devtools Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

trpc-client-devtools

trpc-client-devtools Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README