tRPC Client Devtools - Chrome Web Store
Item media 1 screenshot

Overview

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

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: 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 Extension 3. 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 If you want to learn more about tRPC, check out: https://trpc.io/

0 out of 5No ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    0.1.2
  • Updated
    October 20, 2022
  • Offered by
    Roy Henriquez
  • Size
    101KiB
  • Languages
    English (United States)
  • Developer
    Email
    rhen.extensions@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

RSC Devtools

4.9(9)

React Server Components network visualizer

Apollo Client Devtools

2.6(267)

GraphQL debugging tools for Apollo Client.

React Context DevTool

4.6(20)

Devtool for React Context and useReducer

GraphQL Network Inspector

4.7(112)

Simple and clean network inspector for GraphQL

Refined GitHub

4.8(191)

Simplifies the GitHub interface and adds useful features

GraphQL developer tools

3.0(24)

Devtools panel for GraphQL development

Gimli Tailwind

4.6(25)

A DevTools extension enabling smart tools for Tailwind CSS.

LocatorJS

4.2(57)

LocatorJS Chrome Extension - option-click to code (ReactJS)

Vercel

4.5(12)

Use the Vercel Toolbar on production deployments

Web Vitals

4.1(41)

Measure metrics for a healthy site

daily.dev | The homepage developers deserve

4.9(2.2K)

Get one personalized feed for all the knowledge you need as a developer.

OctoLinker

4.9(110)

OctoLinker – Links together, what belongs together.

RSC Devtools

4.9(9)

React Server Components network visualizer

Apollo Client Devtools

2.6(267)

GraphQL debugging tools for Apollo Client.

React Context DevTool

4.6(20)

Devtool for React Context and useReducer

GraphQL Network Inspector

4.7(112)

Simple and clean network inspector for GraphQL

Refined GitHub

4.8(191)

Simplifies the GitHub interface and adds useful features

GraphQL developer tools

3.0(24)

Devtools panel for GraphQL development

Gimli Tailwind

4.6(25)

A DevTools extension enabling smart tools for Tailwind CSS.

LocatorJS

4.2(57)

LocatorJS Chrome Extension - option-click to code (ReactJS)

Google apps