Package Exports

trpc-client-devtools-link
trpc-client-devtools-link/dist/trpc-client-devtools-link.cjs.js
trpc-client-devtools-link/dist/trpc-client-devtools-link.esm.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (trpc-client-devtools-link) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

tRPC Client Devtools Link

A neat link to use the tRPC Client Devtools extension with your tRPC app

This link lets your app communicate with the tRPC Client Devtools extension. You can download it for Chrome or Firefox.

Installation

npm install trpc-client-devtools-link

Example

import { devtoolsLink } from "trpc-client-devtools-link"
...
links: [
  devtoolsLink({
    // `enabled` is true by default
    // If you want to use the devtools extension just for development, do the following
    enabled: process.env.NODE_ENV === 'development'
  }),
  httpLink({
    url,
  })
],
...

Requirements

Peer dependencies:

tRPC Client v10 (@trpc/client@^10.0.0-proxy-beta.10) must be installed.
tRPC Server v10 (@trpc/server@^10.0.0-proxy-beta.10) must be installed.

Credits

This link is a modified version of the original loggerLink implemented in tRPC. You can check it out here.
This library took heavily from the concepts to communicate between a library and a Chrome extension found in this article from Patrick Desjardins.