https://github.com/urql-graphql/urql-devtools-exchange

The exchange for usage with Urql Devtools
https://github.com/urql-graphql/urql-devtools-exchange

devtools exchange extension graphql urql urql-devtools

Last synced: 4 days ago
JSON representation

The exchange for usage with Urql Devtools

• Host: GitHub
• URL: https://github.com/urql-graphql/urql-devtools-exchange
• Owner: urql-graphql
• License: mit
• Created: 2019-07-28T14:24:50.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-09-06T18:44:59.000Z (about 1 year ago)
• Last Synced: 2024-10-29T14:22:14.797Z (15 days ago)
• Topics: devtools, exchange, extension, graphql, urql, urql-devtools
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/@urql/devtools
• Size: 2.04 MB
• Stars: 54
• Watchers: 38
• Forks: 6
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  

  
Urql Devtools Exchange

  
The official devtools exchange for use with the Urql Devtools browser extension

  

    

  

  

    

  

  

    

  

  

    

  



## About

A first-party exchange for [urql](https://github.com/FormidableLabs/urql) which interfaces with the [Urql Devtools](https://github.com/FormidableLabs/urql-devtools) browser extension.

## Usage

Install this package

```sh

# npm

npm i @urql/devtools

# yarn

yarn add @urql/devtools

```

Add the exchange to your `urql` client

```js

import { createClient, defaultExchanges } from 'urql';

import { devtoolsExchange } from '@urql/devtools';

const client = createClient({

  url: 'http://localhost:3001/graphql',

  exchanges: [devtoolsExchange, ...defaultExchanges],

});

```

> Note: we recommended putting this exchange before all other exchanges (as demonstrated above)

## Contributing

Have experience working with devtools extensions or want to get involved? Check out our [contributing](https://github.com/FormidableLabs/urql-devtools/blob/master/CONTRIBUTING.md) docs to get started.

## Maintenance Status

**Active:** Formidable is actively working on this project, and we expect to continue for work for the foreseeable future. Bug reports, feature requests and pull requests are welcome.