Add urql integration package

[jeffkreeftmeijer]

Based on the example implementation in https://github.com/appsignal/test-setups/tree/reproduce-graphql-error-react, this patch adds a new @appsignal/urql package that provides automatic GraphQL error reporting for applications using the urql GraphQL client.

The package exports a createAppsignalExchange function that creates a custom urql exchange to intercept all query and mutation results and automatically report errors to AppSignal without requiring changes to individual useQuery calls.

This provides a seamless integration for urql users to get complete visibility into GraphQL errors in their applications.

Usage

import { createClient, fetchExchange } from 'urql';
import Appsignal from '@appsignal/javascript';
import { createAppsignalExchange } from '@appsignal/urql';

const appsignal = new Appsignal({
  key: 'YOUR FRONTEND API KEY'
});

const client = createClient({
  url: 'https://api.example.com/graphql',
  exchanges: [createAppsignalExchange(appsignal), fetchExchange]
});

Testing

Use the https://github.com/appsignal/test-setups/tree/reproduce-graphql-error-react branch, and hook that up to a local checkout of the repository. I haven't been able to get the test-setup to fetch from GitHub directly.

[backlog-helper]

Hi @jeffkreeftmeijer,

We've found some issues with your Pull Request.

• This Pull Request does not include a changeset. Add a changeset if the change impacts users and should be included in the changelog upon release. Read more about changesets.
  Ignore this rule by adding [skip changeset] to your Pull Request body. - (More info)

---

New issue guide | Backlog management | Rules | Feedback

[tombruijn]

I think we should add tests for this as well.

[backlog-helper]

• This Pull Request needs more reviews. @lipskis - (More info)

---

This is a message from the daily scheduled checks.

New issue guide | Backlog management | Rules | Feedback