tRPC Client Devtools

An unofficial tRPC devtools extension to inspect your queries, mutations and subscriptions

What is tRPC Client Devtools?

tRPC Client Devtools is an unofficial Chrome extension that allows you to inspect the queries, mutations, and subscriptions of your tRPC app. It provides a query inspector, a mutation inspector, and a subscription inspector to view input, results, and elapsed time. Install the extension, open the Devtools, and navigate to the tRPC panel to start inspecting your tRPC app. Code for this extension can be found on GitHub.

Download

Extension stats

By: Roy Henriquez

View on Chrome Web Store

Users: 689 ▲ 3

Version: 0.1.2 (Last updated: 2022-10-20)

Creation date: 2022-09-16

Risk impact: Moderate risk impact

Risk likelihood: Low risk likelihood

Manifest version: 3

Size: 103.42K

Email: rh*****@gmail.com

Ranking

# 36383 ▼ 98

Other rankings

#7435 in Developer Tools ▼ 24 #121 in subscriptions keyword 29 ▼ 3 #214 in subscription keyword 42 ▼ 6 #217 in query keyword 6 ▼ 2

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

This is an unofficial tRPC client devtools extension that you can use to inspect queries, mutations and subscriptions from your tRPC app!

In order to use it, you need to do the following steps:

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)
Download and install the tRPC Client Devtools Extension
Open the Devtools, navigate to the tRPC panel and inspect away!

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.

Code for this extension can be found at: https://github.com/rhenriquez28/trpc-client-devtools