Mirror: The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.

chore: Update links, docs, and other references (#2807)

* Update links and references

* Update main readme

* Update codeowners file to appropriate team

* Update issue templates

* Update CODE_OF_CONDUCT.md

Changed files
+152 -170
.github
docs
exchanges
auth
context
execute
multipart-fetch
persisted-fetch
populate
refocus
request-policy
retry
packages
core
introspection
next-urql
preact-urql
react-urql
site
storage-rn
storybook-addon
svelte-urql
vue-urql
+6 -6
.github/CODEOWNERS
···
-
/.github/ @ryan-roemer @boygirl
-
/.changeset/config.json @ryan-roemer @boygirl
-
/scripts/actions/* @ryan-roemer @boygirl
-
/scripts/prepare/* @ryan-roemer @boygirl
-
/scripts/rollup/* @ryan-roemer @boygirl
-
/scripts/changesets/* @ryan-roemer @boygirl
···
+
/.github/ @urql-graphql/core
+
/.changeset/config.json @urql-graphql/core
+
/scripts/actions/* @urql-graphql/core
+
/scripts/prepare/* @urql-graphql/core
+
/scripts/rollup/* @urql-graphql/core
+
/scripts/changesets/* @urql-graphql/core
+2 -2
.github/ISSUE_TEMPLATE/bug_report.yaml
···
label: Validations
description: Before submitting the issue, please make sure you do the following
options:
-
- label: I can confirm that this is a bug report, and not a feature request, RFC, question, or discussion, for which [GitHub Discussions](https://github.com/FormidableLabs/urql/discussions) should be used
required: true
- label: Read the [docs](https://formidable.com/open-source/urql/docs/).
required: true
-
- label: Follow our [Code of Conduct](https://github.com/FormidableLabs/urql/blob/main/CODE_OF_CONDUCT.md)
required: true
···
label: Validations
description: Before submitting the issue, please make sure you do the following
options:
+
- label: I can confirm that this is a bug report, and not a feature request, RFC, question, or discussion, for which [GitHub Discussions](https://github.com/urql-graphql/urql/discussions) should be used
required: true
- label: Read the [docs](https://formidable.com/open-source/urql/docs/).
required: true
+
- label: Follow our [Code of Conduct](https://github.com/urql-graphql/urql/blob/main/CODE_OF_CONDUCT.md)
required: true
+1 -1
.github/ISSUE_TEMPLATE/config.yml
···
blank_issues_enabled: true
contact_links:
- name: Ask a question
-
url: https://github.com/FormidableLabs/urql/discussions
about: Ask questions and discuss with other community members
···
blank_issues_enabled: true
contact_links:
- name: Ask a question
+
url: https://github.com/urql-graphql/urql/discussions
about: Ask questions and discuss with other community members
+3 -3
CODE_OF_CONDUCT.md
···
Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported by contacting the project team:
-
- lauren.eastridge@formidable.com
-
- phil.pluckthun@formidable.com
-
- Twitter DMs: @_philpl
All complaints will be reviewed and investigated and will result in a response that
is deemed necessary and appropriate to the circumstances. The project team is
···
Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported by contacting the project team:
+
- phil@0no.co
+
- grant.sander@formidable.com
+
- jovi@preact.dev
All complaints will be reviewed and investigated and will result in a response that
is deemed necessary and appropriate to the circumstances. The project team is
+6 -7
CONTRIBUTING.md
···
first. We're also happy to discuss and help you open a PR and get your changes
in!
-
- If you have a question, try [creating a GitHub Discussions thread.](https://github.com/FormidableLabs/urql/discussions/new)
-
- If you think you've found a bug, [open a new issue.](https://github.com/FormidableLabs/urql/issues/new/choose)
-
- or, if you found a bug you'd like to fix, [open a PR.](https://github.com/FormidableLabs/urql/compare)
-
- If you'd like to propose a change [open an RFC issue.](https://github.com/FormidableLabs/urql/issues/new?labels=future+%F0%9F%94%AE&template=RFC.md&title=RFC%3A+Your+Proposal) You can read more about the RFC process [below](#how-do-i-propose-changes).
### What are the issue conventions?
···
We follow an **RFC proposal process**. This allows anyone to propose a new feature or a change, and
allows us to communicate our current planned features or changes, so any technical discussion,
progress, or upcoming changes are always **documented transparently.** You can [find the RFC
-
template](https://github.com/FormidableLabs/urql/issues/new/choose) in our issue creator.
-
All RFCs are added to the [RFC Lifecycle board.](https://github.com/FormidableLabs/urql/projects/3)
This board tracks where an RFC stands and who's working on it until it's completed. Bugs and PRs may
end up on there too if no corresponding RFC exists or was necessary. RFCs are typically first added
to "In Discussion" until we believe they're ready to be worked on. This step may either be short,
···
```sh
npm access grant read-write urql:developers [package]
-
npm access grant read-write formidable:formidable [package]
```
···
first. We're also happy to discuss and help you open a PR and get your changes
in!
+
- If you have a question, try [creating a GitHub Discussions thread.](https://github.com/urql-graphql/urql/discussions/new)
+
- If you think you've found a bug, [open a new issue.](https://github.com/urql-graphql/urql/issues/new/choose)
+
- or, if you found a bug you'd like to fix, [open a PR.](https://github.com/urql-graphql/urql/compare)
+
- If you'd like to propose a change [open an RFC issue.](https://github.com/urql-graphql/urql/issues/new?labels=future+%F0%9F%94%AE&template=RFC.md&title=RFC%3A+Your+Proposal) You can read more about the RFC process [below](#how-do-i-propose-changes).
### What are the issue conventions?
···
We follow an **RFC proposal process**. This allows anyone to propose a new feature or a change, and
allows us to communicate our current planned features or changes, so any technical discussion,
progress, or upcoming changes are always **documented transparently.** You can [find the RFC
+
template](https://github.com/urql-graphql/urql/issues/new/choose) in our issue creator.
+
All RFCs are added to the [RFC Lifecycle board.](https://github.com/urql-graphql/urql/projects/3)
This board tracks where an RFC stands and who's working on it until it's completed. Bugs and PRs may
end up on there too if no corresponding RFC exists or was necessary. RFCs are typically first added
to "In Discussion" until we believe they're ready to be worked on. This step may either be short,
···
```sh
npm access grant read-write urql:developers [package]
```
+2 -1
LICENSE
···
MIT License
-
Copyright (c) 2018–2020 Formidable
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
···
MIT License
+
Copyright (c) 2018–2020 Formidable,
+
Copyright (c) urql GraphQL Team and other contributors
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
+13 -12
README.md
···
<br />
<br />
-
<a href="https://circleci.com/gh/FormidableLabs/urql">
-
<img alt="CI Status" src="https://github.com/FormidableLabs/urql/actions/workflows/ci.yml/badge.svg?branch=main" />
-
</a>
-
<a href="https://github.com/FormidableLabs/urql#maintenance-status">
-
<img alt="Maintenance Status" src="https://badgen.net/badge/maintenance/active/green" />
</a>
<a href="https://www.npmjs.com/package/urql">
<img alt="Weekly downloads" src="https://badgen.net/npm/dw/urql?color=blue" />
···
<a href="https://formidable.com/open-source/urql/docs/">
<img alt="Visit docs" src="https://badgen.net/badge/docs/visit site/orange" />
</a>
-
<a href="https://github.com/FormidableLabs/urql/discussions">
<img alt="GitHub Discussions: Chat With Us" src="https://badgen.net/badge/discussions/chat%20with%20us/purple" />
</a>
<br />
···
- 🌱 Normalized caching via [`@urql/exchange-graphcache`](https://formidable.com/open-source/urql/docs/graphcache)
- 🔬 Easy debugging with the [`urql` devtools browser extensions](https://formidable.com/open-source/urql/docs/advanced/debugging/)
-
`urql` is a GraphQL client that exposes a set of helpers for several frameworks. It's built to be highly customisable and versatile so you can take it from getting started with your first GraphQL project all the way to building complex apps and experimenting with GraphQL clients.
-
While GraphQL is an elegant protocol and schema language, client libraries today typically come with large API footprints. We aim to create something more lightweight instead.
## Installation
···
npm install --save urql graphql
```
## 📃 [Documentation](https://formidable.com/open-source/urql/docs/)
The documentation contains everything you need to know about `urql`, and contains several sections in order of importance
···
- **[API](https://formidable.com/open-source/urql/docs/api/)** — the API documentation for each individual package.
_You can find the raw markdown files inside this repository's `docs` folder._
-
-
## Maintenance Status
-
-
**Active:** Formidable is actively working on this project, and we expect to continue work on this project for the foreseeable future. Bug reports, feature requests and pull requests are welcome.
<img width="100%" src="docs/assets/urql-spoiler.png" />
···
<br />
<br />
+
<a href="https://github.com/urql-graphql/urql/actions/workflows/ci.yml">
+
<img alt="CI Status" src="https://github.com/urql-graphql/urql/actions/workflows/ci.yml/badge.svg?branch=main" />
</a>
<a href="https://www.npmjs.com/package/urql">
<img alt="Weekly downloads" src="https://badgen.net/npm/dw/urql?color=blue" />
···
<a href="https://formidable.com/open-source/urql/docs/">
<img alt="Visit docs" src="https://badgen.net/badge/docs/visit site/orange" />
</a>
+
<a href="https://github.com/urql-graphql/urql/discussions">
<img alt="GitHub Discussions: Chat With Us" src="https://badgen.net/badge/discussions/chat%20with%20us/purple" />
</a>
<br />
···
- 🌱 Normalized caching via [`@urql/exchange-graphcache`](https://formidable.com/open-source/urql/docs/graphcache)
- 🔬 Easy debugging with the [`urql` devtools browser extensions](https://formidable.com/open-source/urql/docs/advanced/debugging/)
+
`urql` is a GraphQL client that exposes a set of helpers for several frameworks. It's built to be highly customisable and versatile so
+
you can take it from getting started with your first GraphQL project all the way to building complex apps and experimenting with GraphQL clients.
+
**📃 For more information, [check out the docs](https://formidable.com/open-source/urql/docs/).**
## Installation
···
npm install --save urql graphql
```
+
## 🙌 Contributing
+
+
**The urql project was founded by [Formidable](https://formidable.com/) and is actively developed
+
by the urql GraphQL team.**
+
+
If you'd like to get involved, [check out our Contributor's guide.](https://github.com/urql-graphql/urql/blob/main/CONTRIBUTING.md)
+
## 📃 [Documentation](https://formidable.com/open-source/urql/docs/)
The documentation contains everything you need to know about `urql`, and contains several sections in order of importance
···
- **[API](https://formidable.com/open-source/urql/docs/api/)** — the API documentation for each individual package.
_You can find the raw markdown files inside this repository's `docs` folder._
<img width="100%" src="docs/assets/urql-spoiler.png" />
+1 -1
docs/advanced/README.md
···
Persisted Queries and File Uploads using the two respective packages.
- [**Server-side Rendering**](./server-side-rendering.md) guides us through how to set up server-side rendering and rehydration.
- [**Debugging**](./debugging.md) shows us the [`urql`
-
devtools](https://github.com/FormidableLabs/urql-devtools/) and how to add our own debug events
for its event view.
- [**Retrying operations**](./retry-operations.md) shows the `retryExchange` which allows you to retry operations when they've failed.
- [**Authentication**](./authentication.md) describes how to implement authentication using the `authExchange`
···
Persisted Queries and File Uploads using the two respective packages.
- [**Server-side Rendering**](./server-side-rendering.md) guides us through how to set up server-side rendering and rehydration.
- [**Debugging**](./debugging.md) shows us the [`urql`
+
devtools](https://github.com/urql-graphql/urql-devtools/) and how to add our own debug events
for its event view.
- [**Retrying operations**](./retry-operations.md) shows the `retryExchange` which allows you to retry operations when they've failed.
- [**Authentication**](./authentication.md) describes how to implement authentication using the `authExchange`
+2 -2
docs/advanced/debugging.md
···
## Devtools
-
It's easiest to debug `urql` with the [`urql` devtools.](https://github.com/FormidableLabs/urql-devtools/)
It offers tools to inspect internal ["Debug Events"](#debug-events) as they happen, to explore data
as your app is seeing it, and to quickly trigger GraphQL queries.
[For instructions on how to set up the devtools, check out `@urql/devtools`'s readme in its
-
repository.](https://github.com/FormidableLabs/urql-devtools)
![Urql Devtools Timeline](../assets/devtools-timeline.png)
···
## Devtools
+
It's easiest to debug `urql` with the [`urql` devtools.](https://github.com/urql-graphql/urql-devtools/)
It offers tools to inspect internal ["Debug Events"](#debug-events) as they happen, to explore data
as your app is seeing it, and to quickly trigger GraphQL queries.
[For instructions on how to set up the devtools, check out `@urql/devtools`'s readme in its
+
repository.](https://github.com/urql-graphql/urql-devtools)
![Urql Devtools Timeline](../assets/devtools-timeline.png)
+1 -1
docs/api/auth-exchange.md
···
}
```
-
[Read more examples in the documentation given here.](https://github.com/FormidableLabs/urql/tree/main/exchanges/auth#quick-start-guide)
···
}
```
+
[Read more examples in the documentation given here.](https://github.com/urql-graphql/urql/tree/main/exchanges/auth#quick-start-guide)
+1 -1
docs/architecture.md
···
- [`requestPolicyExchange`](./api/request-policy-exchange.md): Automatically upgrades `cache-only` and `cache-first` operations to `cache-and-network` after a given amount of time.
- [`refocusExchange`](./api/refocus-exchange.md): Tracks open queries and refetches them
when the window regains focus.
-
- `devtoolsExchange`: Provides the ability to use the [urql-devtools](https://github.com/FormidableLabs/urql-devtools)
We can even swap out our [document cache](./basics/document-caching.md), which is implemented by
`@urql/core`'s `cacheExchange`, with `urql`'s [normalized cache,
···
- [`requestPolicyExchange`](./api/request-policy-exchange.md): Automatically upgrades `cache-only` and `cache-first` operations to `cache-and-network` after a given amount of time.
- [`refocusExchange`](./api/refocus-exchange.md): Tracks open queries and refetches them
when the window regains focus.
+
- `devtoolsExchange`: Provides the ability to use the [urql-devtools](https://github.com/urql-graphql/urql-devtools)
We can even swap out our [document cache](./basics/document-caching.md), which is implemented by
`@urql/core`'s `cacheExchange`, with `urql`'s [normalized cache,
+5 -5
docs/basics/ui-patterns.md
···
# UI Patterns
-
> This page is incomplete. You can help us expanding it by suggesting more patterns or asking us about common problems you're facing on [GitHub Discussions](https://github.com/FormidableLabs/urql/discussions).
Generally, `urql`'s API surface is small and compact. Some common problems that we're facing when building apps may look like they're not a built-in feature, however, there are several patterns that even a lean UI can support.
This page is a collection of common UI patterns and problems we may face with GraphQL and how we can tackle them in
···
Here we keep an array of all `variables` we've encountered and use them to render their
respective `result` page. This only rerenders the additional page rather than having a long
-
list that constantly changes. [You can find a full code example of this pattern in our example folder on the topic of Graphcache pagination.](https://github.com/FormidableLabs/urql/tree/main/examples/with-graphcache-pagination)
-
We also do not need to use our normalized cache to achieve this. As long as we're able to split individual lists up into chunks across components, we can also solve this problem entirely in UI code. [Read our example code on how to achieve this.](https://github.com/FormidableLabs/urql/tree/main/examples/with-pagination)
## Prefetching data
···
In urql we leverage our extensibility pattern named "Exchanges" to manipulate the way
data comes in and goes out of our client.
-
- [Stale time](https://github.com/FormidableLabs/urql/tree/main/exchanges/request-policy)
-
- [Focus](https://github.com/FormidableLabs/urql/tree/main/exchanges/refocus)
When we want to introduce one of these patterns we add the package and add it to the `exchanges`
property of our `Client`. In the case of these two we'll have to add it before the cache
···
# UI Patterns
+
> This page is incomplete. You can help us expanding it by suggesting more patterns or asking us about common problems you're facing on [GitHub Discussions](https://github.com/urql-graphql/urql/discussions).
Generally, `urql`'s API surface is small and compact. Some common problems that we're facing when building apps may look like they're not a built-in feature, however, there are several patterns that even a lean UI can support.
This page is a collection of common UI patterns and problems we may face with GraphQL and how we can tackle them in
···
Here we keep an array of all `variables` we've encountered and use them to render their
respective `result` page. This only rerenders the additional page rather than having a long
+
list that constantly changes. [You can find a full code example of this pattern in our example folder on the topic of Graphcache pagination.](https://github.com/urql-graphql/urql/tree/main/examples/with-graphcache-pagination)
+
We also do not need to use our normalized cache to achieve this. As long as we're able to split individual lists up into chunks across components, we can also solve this problem entirely in UI code. [Read our example code on how to achieve this.](https://github.com/urql-graphql/urql/tree/main/examples/with-pagination)
## Prefetching data
···
In urql we leverage our extensibility pattern named "Exchanges" to manipulate the way
data comes in and goes out of our client.
+
- [Stale time](https://github.com/urql-graphql/urql/tree/main/exchanges/request-policy)
+
- [Focus](https://github.com/urql-graphql/urql/tree/main/exchanges/refocus)
When we want to introduce one of these patterns we add the package and add it to the `exchanges`
property of our `Client`. In the case of these two we'll have to add it before the cache
+23 -34
docs/comparison.md
···
### Core Features
-
| | urql | Apollo | Relay |
-
| ------------------------------------------ | ----------------------------------- | --------------------------------------------- | ------------------------------ |
-
| Extensible on a network level | ✅ Exchanges | ✅ Links | ✅ Network Layers |
-
| Extensible on a cache / control flow level | ✅ Exchanges | 🛑 | 🛑 |
-
| Base Bundle Size | **5.9kB** (7.1kB with bindings) | 32.9kB | 27.7kB (34.1kB with bindings) |
-
| Devtools | ✅ | ✅ | ✅ |
-
| Subscriptions | ✅ | ✅ | ✅ |
-
| Client-side Rehydration | ✅ | ✅ | ✅ |
-
| Polled Queries | 🔶 | ✅ | ✅ |
-
| Lazy Queries | ✅ | ✅ | ✅ |
-
| Stale while Revalidate / Cache and Network | ✅ | ✅ | ✅ |
-
| Focus Refetching | ✅ `@urql/exchange-refocus` | 🛑 | 🛑 |
-
| Stale Time Configuration | ✅ `@urql/exchange-request-policy` | ✅ | 🛑 |
-
| Persisted Queries | ✅ `@urql/exchange-persisted-fetch` | ✅ `apollo-link-persisted-queries` | ✅ |
-
| Batched Queries | 🛑 | ✅ `apollo-link-batch-http` | 🟡 `react-relay-network-layer` |
-
| Live Queries | 🛑 | 🛑 | ✅ |
-
| Defer & Stream Directives | ✅ | ✅ / 🛑 (`@defer` is supported in >=3.7.0, `@stream` is not yet supported) | 🟡 (unreleased) |
-
| Switching to `GET` method | ✅ | ✅ | 🟡 `react-relay-network-layer` |
-
| File Uploads | ✅ `@urql/exchange-multipart-fetch` | 🟡 `apollo-upload-client` | 🛑 |
-
| Retrying Failed Queries | ✅ `@urql/exchange-retry` | ✅ `apollo-link-retry` | ✅ `DefaultNetworkLayer` |
-
| Easy Authentication Flows | ✅ `@urql/exchange-auth` | 🛑 (no docs for refresh-based authentication) | 🟡 `react-relay-network-layer` |
-
| Automatic Refetch after Mutation | ✅ (with document cache) | 🛑 | ✅ |
Typically these are all additional addon features that you may expect from a GraphQL client, no
matter which framework you use it with. It's worth mentioning that all three clients support some
···
One thing of note is our lack of support for batched queries in `urql`. We explicitly decided not to
support this in our [first-party
-
packages](https://github.com/FormidableLabs/urql/issues/800#issuecomment-626342821) as the benefits
are not present anymore in most cases with HTTP/2 and established patterns by Relay that recommend
hoisting all necessary data requirements to a page-wide query.
···
| Vue Bindings | ✅ | 🟡 `vue-apollo` | 🟡 `vue-relay` |
| Angular Bindings | 🛑 | 🟡 `apollo-angular` | 🟡 `relay-angular` |
| Initial Data on mount | ✅ | ✅ | ✅ |
-
-
Interestingly all three libraries heavily support React as they were all started from the React
-
community outwards, but Apollo and Vue benefit from community bindings for different frameworks a
-
lot. `urql`'s community is still growing and while that means it won't see large projects as
-
Apollo's `vue-apollo` in the short term, we're aiming for first-party support for these bindings.
-
-
This is a common criticism that we hear about `urql`, and it's true that our community isn't as
-
extensive, but we attempt to lean on good and well funded maintenance at Formidable, active
-
investment, and good documentation. So you may have to evaluate whether you can get any questions
-
answered quickly enough on [GitHub Discussions](https://github.com/FormidableLabs/urql/discussions)
-
for instance.
### Caching and State
···
### Core Features
+
| | urql | Apollo | Relay |
+
| ------------------------------------------ | ----------------------------------- | -------------------------------------------------------------------------- | ------------------------------ |
+
| Extensible on a network level | ✅ Exchanges | ✅ Links | ✅ Network Layers |
+
| Extensible on a cache / control flow level | ✅ Exchanges | 🛑 | 🛑 |
+
| Base Bundle Size | **5.9kB** (7.1kB with bindings) | 32.9kB | 27.7kB (34.1kB with bindings) |
+
| Devtools | ✅ | ✅ | ✅ |
+
| Subscriptions | ✅ | ✅ | ✅ |
+
| Client-side Rehydration | ✅ | ✅ | ✅ |
+
| Polled Queries | 🔶 | ✅ | ✅ |
+
| Lazy Queries | ✅ | ✅ | ✅ |
+
| Stale while Revalidate / Cache and Network | ✅ | ✅ | ✅ |
+
| Focus Refetching | ✅ `@urql/exchange-refocus` | 🛑 | 🛑 |
+
| Stale Time Configuration | ✅ `@urql/exchange-request-policy` | ✅ | 🛑 |
+
| Persisted Queries | ✅ `@urql/exchange-persisted-fetch` | ✅ `apollo-link-persisted-queries` | ✅ |
+
| Batched Queries | 🛑 | ✅ `apollo-link-batch-http` | 🟡 `react-relay-network-layer` |
+
| Live Queries | 🛑 | 🛑 | ✅ |
+
| Defer & Stream Directives | ✅ | ✅ / 🛑 (`@defer` is supported in >=3.7.0, `@stream` is not yet supported) | 🟡 (unreleased) |
+
| Switching to `GET` method | ✅ | ✅ | 🟡 `react-relay-network-layer` |
+
| File Uploads | ✅ `@urql/exchange-multipart-fetch` | 🟡 `apollo-upload-client` | 🛑 |
+
| Retrying Failed Queries | ✅ `@urql/exchange-retry` | ✅ `apollo-link-retry` | ✅ `DefaultNetworkLayer` |
+
| Easy Authentication Flows | ✅ `@urql/exchange-auth` | 🛑 (no docs for refresh-based authentication) | 🟡 `react-relay-network-layer` |
+
| Automatic Refetch after Mutation | ✅ (with document cache) | 🛑 | ✅ |
Typically these are all additional addon features that you may expect from a GraphQL client, no
matter which framework you use it with. It's worth mentioning that all three clients support some
···
One thing of note is our lack of support for batched queries in `urql`. We explicitly decided not to
support this in our [first-party
+
packages](https://github.com/urql-graphql/urql/issues/800#issuecomment-626342821) as the benefits
are not present anymore in most cases with HTTP/2 and established patterns by Relay that recommend
hoisting all necessary data requirements to a page-wide query.
···
| Vue Bindings | ✅ | 🟡 `vue-apollo` | 🟡 `vue-relay` |
| Angular Bindings | 🛑 | 🟡 `apollo-angular` | 🟡 `relay-angular` |
| Initial Data on mount | ✅ | ✅ | ✅ |
### Caching and State
+1 -1
docs/graphcache/errors.md
···
warning. This may happen because you've used the default reserved names `Mutation` or `Subscription`
for entities rather than as special Operation Root Types, and haven't specified this in the schema.
Hence this issue can often be fixed by either enabling
-
[Schema Awareness](https://formidable.com/open-source/urql/docs/graphcache/schema-awareness/) or by
adding a `schema` definition to your GraphQL Schema like so:
```graphql
···
warning. This may happen because you've used the default reserved names `Mutation` or `Subscription`
for entities rather than as special Operation Root Types, and haven't specified this in the schema.
Hence this issue can often be fixed by either enabling
+
[Schema Awareness](./schema-awareness.md) or by
adding a `schema` definition to your GraphQL Schema like so:
```graphql
+3 -3
docs/graphcache/offline.md
···
For React Native, we can use the async storage package `@urql/storage-rn`.
-
Before installing the [library](https://github.com/FormidableLabs/urql/tree/main/packages/storage-rn), ensure you have installed the necessary peer dependencies:
- NetInfo ([RN](https://github.com/react-native-netinfo/react-native-netinfo) | [Expo](https://docs.expo.dev/versions/latest/sdk/netinfo/)) and
- AsyncStorage ([RN](https://react-native-async-storage.github.io/async-storage/docs/install) | [Expo](https://docs.expo.dev/versions/v42.0.0/sdk/async-storage/)).
···
You can then create the custom storage and use it in the offline exchange:
-
```js
import { makeAsyncStorage } from '@urql/storage-rn';
const storage = makeAsyncStorage({
dataKey: 'graphcache-data', // The AsyncStorage key used for the data (defaults to graphcache-data)
metadataKey: 'graphcache-metadata', // The AsyncStorage key used for the metadata (defaults to graphcache-metadata)
-
maxAge: 7 // How long to persist the data in storage (defaults to 7 days)
});
```
···
For React Native, we can use the async storage package `@urql/storage-rn`.
+
Before installing the [library](https://github.com/urql-graphql/urql/tree/main/packages/storage-rn), ensure you have installed the necessary peer dependencies:
+
- NetInfo ([RN](https://github.com/react-native-netinfo/react-native-netinfo) | [Expo](https://docs.expo.dev/versions/latest/sdk/netinfo/)) and
- AsyncStorage ([RN](https://react-native-async-storage.github.io/async-storage/docs/install) | [Expo](https://docs.expo.dev/versions/v42.0.0/sdk/async-storage/)).
···
You can then create the custom storage and use it in the offline exchange:
```js
import { makeAsyncStorage } from '@urql/storage-rn';
const storage = makeAsyncStorage({
dataKey: 'graphcache-data', // The AsyncStorage key used for the data (defaults to graphcache-data)
metadataKey: 'graphcache-metadata', // The AsyncStorage key used for the metadata (defaults to graphcache-metadata)
+
maxAge: 7, // How long to persist the data in storage (defaults to 7 days)
});
```
+12 -21
exchanges/auth/README.md
···
<p align="center"><strong>An exchange for managing authentication in <code>urql</code></strong></p>
-
`@urql/exchange-auth` is an exchange for the [`urql`](https://github.com/FormidableLabs/urql) GraphQL client which helps handle auth headers and token refresh
## Quick Start Guide
···
dedupExchange,
cacheExchange,
authExchange({
-
addAuthToOperation: ({
-
authState,
-
operation,
-
}) => {
// the token isn't in the auth state, return the operation without changes
if (!authState || !authState.token) {
return operation;
···
? operation.context.fetchOptions()
: operation.context.fetchOptions || {};
-
return makeOperation(
-
operation.kind,
-
operation,
-
{
-
...operation.context,
-
fetchOptions: {
-
...fetchOptions,
-
headers: {
-
...fetchOptions.headers,
-
"Authorization": authState.token,
-
},
},
},
-
);
},
willAuthError: ({ authState }) => {
if (!authState) return true;
···
},
didAuthError: ({ error }) => {
// check if the error was an auth error (this can be implemented in various ways, e.g. 401 or a special error code)
-
return error.graphQLErrors.some(
-
e => e.extensions?.code === 'FORBIDDEN',
-
);
},
getAuth: async ({ authState, mutate }) => {
// for initial launch, fetch the auth state from storage (local storage, async storage etc)
···
return null;
},
}),
-
fetchExchange
],
});
```
···
<p align="center"><strong>An exchange for managing authentication in <code>urql</code></strong></p>
+
`@urql/exchange-auth` is an exchange for the [`urql`](https://github.com/urql-graphql/urql) GraphQL client which helps handle auth headers and token refresh
## Quick Start Guide
···
dedupExchange,
cacheExchange,
authExchange({
+
addAuthToOperation: ({ authState, operation }) => {
// the token isn't in the auth state, return the operation without changes
if (!authState || !authState.token) {
return operation;
···
? operation.context.fetchOptions()
: operation.context.fetchOptions || {};
+
return makeOperation(operation.kind, operation, {
+
...operation.context,
+
fetchOptions: {
+
...fetchOptions,
+
headers: {
+
...fetchOptions.headers,
+
Authorization: authState.token,
},
},
+
});
},
willAuthError: ({ authState }) => {
if (!authState) return true;
···
},
didAuthError: ({ error }) => {
// check if the error was an auth error (this can be implemented in various ways, e.g. 401 or a special error code)
+
return error.graphQLErrors.some(e => e.extensions?.code === 'FORBIDDEN');
},
getAuth: async ({ authState, mutate }) => {
// for initial launch, fetch the auth state from storage (local storage, async storage etc)
···
return null;
},
}),
+
fetchExchange,
],
});
```
+3 -3
exchanges/auth/package.json
···
"description": "An exchange for managing authentication and token refresh in urql",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "exchanges/auth"
},
"keywords": [
···
"exchange",
"auth",
"authentication",
-
"formidablelabs",
"exchanges"
],
"main": "dist/urql-exchange-auth",
···
"description": "An exchange for managing authentication and token refresh in urql",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "exchanges/auth"
},
"keywords": [
···
"exchange",
"auth",
"authentication",
+
"graphql",
"exchanges"
],
"main": "dist/urql-exchange-auth",
+3 -3
exchanges/context/README.md
···
<p align="center"><strong>An exchange for setting operation context in <code>urql</code></strong></p>
-
`@urql/exchange-context` is an exchange for the [`urql`](https://github.com/FormidableLabs/urql) GraphQL client which can set the operation context both synchronously as well as asynchronously
## Quick Start Guide
···
dedupExchange,
cacheExchange,
contextExchange({
-
getContext: async (operation) => {
const token = await getToken();
-
return { ...operation.context, headers: { authorization: token } }
},
}),
fetchExchange,
···
<p align="center"><strong>An exchange for setting operation context in <code>urql</code></strong></p>
+
`@urql/exchange-context` is an exchange for the [`urql`](https://github.com/urql-graphql/urql) GraphQL client which can set the operation context both synchronously as well as asynchronously
## Quick Start Guide
···
dedupExchange,
cacheExchange,
contextExchange({
+
getContext: async operation => {
const token = await getToken();
+
return { ...operation.context, headers: { authorization: token } };
},
}),
fetchExchange,
+3 -3
exchanges/context/package.json
···
"description": "An exchange for setting (a)synchronous operation-context in urql",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "exchanges/context"
},
"keywords": [
"urql",
"exchange",
"context",
-
"formidablelabs",
"exchanges"
],
"main": "dist/urql-exchange-context",
···
"description": "An exchange for setting (a)synchronous operation-context in urql",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "exchanges/context"
},
"keywords": [
"urql",
"exchange",
"context",
+
"graphql",
"exchanges"
],
"main": "dist/urql-exchange-context",
+1 -1
exchanges/execute/README.md
···
<p align="center"><strong>An exchange for executing queries against a local schema in <code>urql</code></strong></p>
-
`@urql/exchange-execute` is an exchange for the [`urql`](https://github.com/FormidableLabs/urql) GraphQL client which executes queries against a local schema.
This is a replacement for the default _fetchExchange_ which sends queries over HTTP/S to be executed remotely.
## Quick Start Guide
···
<p align="center"><strong>An exchange for executing queries against a local schema in <code>urql</code></strong></p>
+
`@urql/exchange-execute` is an exchange for the [`urql`](https://github.com/urql-graphql/urql) GraphQL client which executes queries against a local schema.
This is a replacement for the default _fetchExchange_ which sends queries over HTTP/S to be executed remotely.
## Quick Start Guide
+3 -3
exchanges/execute/package.json
···
"description": "An exchange for executing queries against a local schema in urql",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "exchanges/execute"
},
"keywords": [
···
"exchange",
"execute",
"executable schema",
-
"formidablelabs",
"exchanges"
],
"main": "dist/urql-exchange-execute",
···
"description": "An exchange for executing queries against a local schema in urql",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "exchanges/execute"
},
"keywords": [
···
"exchange",
"execute",
"executable schema",
+
"graphql",
"exchanges"
],
"main": "dist/urql-exchange-execute",
+3 -3
exchanges/multipart-fetch/package.json
···
"description": "An exchange that allows regular fetch and will transition to multipart when files are included",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "exchanges/multipart-fetch"
},
"keywords": [
"urql",
-
"formidablelabs",
"exchanges"
],
"main": "dist/urql-exchange-multipart-fetch",
···
"description": "An exchange that allows regular fetch and will transition to multipart when files are included",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "exchanges/multipart-fetch"
},
"keywords": [
"urql",
+
"graphql",
"exchanges"
],
"main": "dist/urql-exchange-multipart-fetch",
+3 -3
exchanges/persisted-fetch/package.json
···
"description": "An exchange that allows for persisted queries support when fetching queries",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "exchanges/persisted-fetch"
},
"keywords": [
"urql",
-
"formidablelabs",
"persisted queries",
"exchanges"
],
···
"description": "An exchange that allows for persisted queries support when fetching queries",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "exchanges/persisted-fetch"
},
"keywords": [
"urql",
+
"graphql",
"persisted queries",
"exchanges"
],
+3 -3
exchanges/populate/package.json
···
"description": "An exchange that automaticcally populates the mutation selection body",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/advanced/auto-populate-mutations",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "exchanges/populate"
},
"keywords": [
"urql",
-
"formidablelabs",
"exchanges"
],
"main": "dist/urql-exchange-populate",
···
"description": "An exchange that automaticcally populates the mutation selection body",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/advanced/auto-populate-mutations",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "exchanges/populate"
},
"keywords": [
"urql",
+
"graphql",
"exchanges"
],
"main": "dist/urql-exchange-populate",
+3 -3
exchanges/refocus/package.json
···
"description": "An exchange that dispatches active operations when the window regains focus",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "exchanges/refocus"
},
"keywords": [
"urql",
"graphql client",
-
"formidablelabs",
"exchanges",
"react",
"focus"
···
"description": "An exchange that dispatches active operations when the window regains focus",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "exchanges/refocus"
},
"keywords": [
"urql",
"graphql client",
+
"graphql",
"exchanges",
"react",
"focus"
+3 -3
exchanges/request-policy/package.json
···
"description": "An exchange for operation request-policy upgrading in urql",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "exchanges/request-policy"
},
"keywords": [
"urql",
"graphql client",
-
"formidablelabs",
"exchanges",
"request-policy"
],
···
"description": "An exchange for operation request-policy upgrading in urql",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "exchanges/request-policy"
},
"keywords": [
"urql",
"graphql client",
+
"graphql",
"exchanges",
"request-policy"
],
+3 -3
exchanges/retry/package.json
···
"description": "An exchange for operation retry support in urql",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "exchanges/retry"
},
"keywords": [
"urql",
"graphql client",
-
"formidablelabs",
"exchanges",
"retry"
],
···
"description": "An exchange for operation retry support in urql",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "exchanges/retry"
},
"keywords": [
"urql",
"graphql client",
+
"graphql",
"exchanges",
"retry"
],
+3 -3
packages/core/package.json
···
"description": "The shared core for the highly customizable and versatile GraphQL client",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "packages/core"
},
"keywords": [
"graphql client",
"state management",
"cache",
-
"formidablelabs",
"exchanges"
],
"main": "dist/urql-core",
···
"description": "The shared core for the highly customizable and versatile GraphQL client",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "packages/core"
},
"keywords": [
+
"graphql",
"graphql client",
"state management",
"cache",
"exchanges"
],
"main": "dist/urql-core",
+4 -4
packages/introspection/package.json
···
"description": "Utilities for dealing with Introspection Queries and Client Schemas",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "packages/introspection"
},
"keywords": [
"graphql client",
"graphql schema",
-
"schema",
-
"formidablelabs"
],
"main": "dist/urql-introspection",
"module": "dist/urql-introspection.mjs",
···
"description": "Utilities for dealing with Introspection Queries and Client Schemas",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "packages/introspection"
},
"keywords": [
+
"graphql",
"graphql client",
"graphql schema",
+
"schema"
],
"main": "dist/urql-introspection",
"module": "dist/urql-introspection.mjs",
+9 -9
packages/next-urql/README.md
···
<a href="https://npmjs.com/package/next-urql">
<img alt="NPM Version" src="https://img.shields.io/npm/v/next-urql.svg" />
</a>
-
<a href="https://travis-ci.com/FormidableLabs/next-urql">
-
<img alt="Test Status" src="https://api.travis-ci.com/FormidableLabs/next-urql.svg?branch=master" />
-
</a>
</div>
## `next-urql`
···
npm install --save next-urql react-is urql
```
-
`react-is` helps to support server-side `Suspense` with `react-ssr-prepass`. This assumes you have followed the basic installation steps for `urql` [here](https://github.com/FormidableLabs/urql#installation).
Note that if you are using Next before v9.4 you'll need to polyfill fetch, this can be
done through [`isomorphic-unfetch`](https://www.npmjs.com/package/isomorphic-unfetch).
···
```javascript
import { initUrqlClient } from 'next-urql';
-
export const getServerSideProps = async (ctx) => {
-
const client = initUrqlClient({
-
url: '/graphql',
-
}, false /* set to false to disable suspense */);
const result = await client.query(QUERY, {}).toPromise();
return {
-
props: { data: result.data }
};
};
```
···
<a href="https://npmjs.com/package/next-urql">
<img alt="NPM Version" src="https://img.shields.io/npm/v/next-urql.svg" />
</a>
</div>
## `next-urql`
···
npm install --save next-urql react-is urql
```
+
`react-is` helps to support server-side `Suspense` with `react-ssr-prepass`. This assumes you have followed the basic installation steps for `urql` [here](https://github.com/urql-graphql/urql#installation).
Note that if you are using Next before v9.4 you'll need to polyfill fetch, this can be
done through [`isomorphic-unfetch`](https://www.npmjs.com/package/isomorphic-unfetch).
···
```javascript
import { initUrqlClient } from 'next-urql';
+
export const getServerSideProps = async ctx => {
+
const client = initUrqlClient(
+
{
+
url: '/graphql',
+
},
+
false /* set to false to disable suspense */
+
);
const result = await client.query(QUERY, {}).toPromise();
return {
+
props: { data: result.data },
};
};
```
+2 -2
packages/next-urql/package.json
···
"description": "Convenience wrappers for using urql with NextJS.",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "packages/next-urql"
},
"main": "dist/next-urql.js",
···
"description": "Convenience wrappers for using urql with NextJS.",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "packages/next-urql"
},
"main": "dist/next-urql.js",
+3 -3
packages/preact-urql/package.json
···
"description": "A highly customizable and versatile GraphQL client for Preact",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "packages/preact-urql"
},
"keywords": [
"graphql client",
"state management",
"cache",
-
"formidablelabs",
"exchanges",
"preact"
],
···
"description": "A highly customizable and versatile GraphQL client for Preact",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "packages/preact-urql"
},
"keywords": [
"graphql client",
"state management",
"cache",
+
"graphql",
"exchanges",
"preact"
],
+3 -3
packages/react-urql/package.json
···
"description": "A highly customizable and versatile GraphQL client for React",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "packages/react-urql"
},
"keywords": [
"graphql client",
"state management",
"cache",
-
"formidablelabs",
"exchanges",
"react"
],
···
"description": "A highly customizable and versatile GraphQL client for React",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "packages/react-urql"
},
"keywords": [
"graphql client",
"state management",
"cache",
+
"graphql",
"exchanges",
"react"
],
+2 -1
packages/site/CHANGELOG.md
···
# urql-docs
## 1.0.0
### Major Changes
-
- **Goodbye IE11!** 👋 This major release removes support for IE11. All code that is shipped will be transpiled much less and will _not_ be ES5-compatible anymore, by [@kitten](https://github.com/kitten) (See [#2504](https://github.com/FormidableLabs/urql/pull/2504))
···
# urql-docs
## 1.0.0
+
### Major Changes
+
- **Goodbye IE11!** 👋 This major release removes support for IE11. All code that is shipped will be transpiled much less and will _not_ be ES5-compatible anymore, by [@kitten](https://github.com/kitten) (See [#2504](https://github.com/urql-graphql/urql/pull/2504))
+3 -3
packages/storage-rn/package.json
···
"sideEffects": false,
"description": "Graphcache offline storage for React Native",
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "packages/storage-rn"
},
"keywords": [
"urql",
"graphql client",
-
"formidablelabs",
"exchanges",
"react native",
"offline",
···
"sideEffects": false,
"description": "Graphcache offline storage for React Native",
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "packages/storage-rn"
},
"keywords": [
"urql",
"graphql client",
+
"graphql",
"exchanges",
"react native",
"offline",
+4 -4
packages/storybook-addon/package.json
···
"version": "2.0.1",
"description": "Make stories in Storybook with urql",
"sideEffects": false,
-
"homepage": "https://github.com/FormidableLabs/urql/tree/main/packages/storybook-addon",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "packages/storybook-addon"
},
"keywords": [
"addon",
"storybook",
"urql",
-
"formidablelabs",
"preact",
"react",
"storybook-addon",
···
"version": "2.0.1",
"description": "Make stories in Storybook with urql",
"sideEffects": false,
+
"homepage": "https://github.com/urql-graphql/urql/tree/main/packages/storybook-addon",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "packages/storybook-addon"
},
"keywords": [
"addon",
"storybook",
"urql",
+
"graphql",
"preact",
"react",
"storybook-addon",
+3 -3
packages/svelte-urql/package.json
···
"description": "A highly customizable and versatile GraphQL client for Svelte",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "packages/svelte-urql"
},
"keywords": [
"graphql client",
"state management",
"cache",
-
"formidablelabs",
"exchanges",
"svelte"
],
···
"description": "A highly customizable and versatile GraphQL client for Svelte",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "packages/svelte-urql"
},
"keywords": [
"graphql client",
"state management",
"cache",
+
"graphql",
"exchanges",
"svelte"
],
+3 -3
packages/vue-urql/package.json
···
"description": "A highly customizable and versatile GraphQL client for vue",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
-
"bugs": "https://github.com/FormidableLabs/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
-
"url": "https://github.com/FormidableLabs/urql.git",
"directory": "packages/vue-urql"
},
"keywords": [
"graphql client",
"state management",
"cache",
-
"formidablelabs",
"exchanges",
"vue"
],
···
"description": "A highly customizable and versatile GraphQL client for vue",
"sideEffects": false,
"homepage": "https://formidable.com/open-source/urql/docs/",
+
"bugs": "https://github.com/urql-graphql/urql/issues",
"license": "MIT",
"repository": {
"type": "git",
+
"url": "https://github.com/urql-graphql/urql.git",
"directory": "packages/vue-urql"
},
"keywords": [
"graphql client",
"state management",
"cache",
+
"graphql",
"exchanges",
"vue"
],