{"id":19241362,"url":"https://github.com/urql-graphql/urql-devtools-exchange","last_synced_at":"2025-07-04T00:05:26.128Z","repository":{"id":37852036,"uuid":"199297070","full_name":"urql-graphql/urql-devtools-exchange","owner":"urql-graphql","description":"The exchange for usage with Urql Devtools","archived":false,"fork":false,"pushed_at":"2023-09-06T18:44:59.000Z","size":2141,"stargazers_count":56,"open_issues_count":22,"forks_count":6,"subscribers_count":37,"default_branch":"master","last_synced_at":"2025-06-04T13:11:08.689Z","etag":null,"topics":["devtools","exchange","extension","graphql","urql","urql-devtools"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@urql/devtools","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/urql-graphql.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-07-28T14:24:50.000Z","updated_at":"2025-06-01T07:30:42.000Z","dependencies_parsed_at":"2024-01-23T20:17:47.280Z","dependency_job_id":"5e70a761-c095-4cba-afeb-f5c7aeb86b97","html_url":"https://github.com/urql-graphql/urql-devtools-exchange","commit_stats":null,"previous_names":["formidablelabs/urql-devtools-exchange"],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/urql-graphql%2Furql-devtools-exchange","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/urql-graphql%2Furql-devtools-exchange/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/urql-graphql%2Furql-devtools-exchange/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/urql-graphql%2Furql-devtools-exchange/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/urql-graphql","download_url":"https://codeload.github.com/urql-graphql/urql-devtools-exchange/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/urql-graphql%2Furql-devtools-exchange/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":258470445,"owners_count":22706397,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["devtools","exchange","extension","graphql","urql","urql-devtools"],"created_at":"2024-11-09T17:11:09.166Z","updated_at":"2025-07-04T00:05:25.919Z","avatar_url":"https://github.com/urql-graphql.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg alt=\"logo\" width=200 src=\"https://raw.githubusercontent.com/FormidableLabs/urql-devtools/master/src/assets/icon.svg?sanitize=true\" /\u003e\n  \u003ch1\u003eUrql Devtools Exchange\u003c/h1\u003e\n  \u003cp\u003eThe official devtools exchange for use with the \u003ca href=\"https://github.com/FormidableLabs/urql-devtools\"\u003eUrql Devtools\u003c/a\u003e browser extension\u003c/p\u003e\n  \u003ca href=\"https://circleci.com/gh/FormidableLabs/workflows/urql-devtools-exchange\"\u003e\n    \u003cimg alt=\"CircleCI Build Status\" src=\"https://badgen.net/circleci/github/FormidableLabs/urql-devtools-exchange/master?label=build\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@urql/devtools\"\u003e\n    \u003cimg alt=\"NPM Release\" src=\"https://badgen.net/npm/v/@urql/devtools\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://spectrum.chat/urql\"\u003e\n    \u003cimg alt=\"Spectrum badge\" src=\"https://badgen.net/badge/chat/spectrum/purple\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/FormidableLabs/urql-devtools-exchange/blob/master/LICENSE\"\u003e\n    \u003cimg alt=\"Licence MIT\" src=\"https://badgen.net/github/license/FormidableLabs/urql-devtools-exchange\" /\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n## About\n\nA first-party exchange for [urql](https://github.com/FormidableLabs/urql) which interfaces with the [Urql Devtools](https://github.com/FormidableLabs/urql-devtools) browser extension.\n\n## Usage\n\nInstall this package\n\n```sh\n# npm\nnpm i @urql/devtools\n\n# yarn\nyarn add @urql/devtools\n```\n\nAdd the exchange to your `urql` client\n\n```js\nimport { createClient, defaultExchanges } from 'urql';\nimport { devtoolsExchange } from '@urql/devtools';\n\nconst client = createClient({\n  url: 'http://localhost:3001/graphql',\n  exchanges: [devtoolsExchange, ...defaultExchanges],\n});\n```\n\n\u003e Note: we recommended putting this exchange before all other exchanges (as demonstrated above)\n\n## Contributing\n\nHave 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.\n\n\n## Maintenance Status\n\n**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.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Furql-graphql%2Furql-devtools-exchange","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Furql-graphql%2Furql-devtools-exchange","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Furql-graphql%2Furql-devtools-exchange/lists"}