urql-custom-scalars-exchange

urql exchange to allow mapping of custom scalar types

Example

``sh
yarn add urql-custom-scalars-exchange
`

or

`
npm install --save urql-custom-scalars-exchange
`

Define a custom scalar like Json in your schema via:

`gql
scalar Json
`

Download the introspection query from your endpoint. See the urql docs for a script to download the schema from your endpoint.

Configure the exchange like so

`js
import customScalarsExchange from 'urql-custom-scalars-exchange';
import schema from '../schema.json';

const scalarsExchange = customScalarsExchange({
schema: schema,
scalars: {
Json(value) {
return JSON.parse(value);
},
},
});
`

Finally add the exchange to your urql client like so

`js
const client = createClient({
url: 'http://localhost:1234/graphql',
exchanges: [dedupExchange, scalarsExchange, fetchExchange],
});
`

FAQ

$3

This exchange should be listed before any cache exchange. Cache exchanges
should represent the the data as returned by the endpoint.

Local Development

Below is a list of commands you will probably find useful.

$3

Runs the project in development/watch mode. Your project will be rebuilt upon
changes. TSDX has a special logger for you convenience. Error messages are
pretty printed and formatted for compatibility VS Code's Problems tab.

Your library will be rebuilt if you make edits.

$3

Bundles the package to the dist` folder. The package is optimized and bundled
with Rollup into multiple formats (CommonJS, UMD, and ES Module).

$3

Runs the test watcher (Jest) in an interactive mode. By default, runs tests
related to files changed since the last commit.

Acknowledgements

This project was bootstrapped with TSDX.