suryatmodulus / urql-devtools

A tool for monitoring and debugging urql during development

Urql Devtools

The official browser extension for Urql

Features

📬 Event timeline

See all debugging and network events in real time.

🗂 Cache explorer

Explore your cache and see when cached data is being used.

🚀 Request tool

Explore your backend schema and trigger queries directly via your running Urql client.

Usage

Add the urql exchange

Follow the instructions to install and setup the devtools exchange

🌐 Browser

Install the extension for your browser of choice

• Chrome extension
• Firefox addon

Open the devtools panel in your browser and click on the Urql tab

📱 React Native

Start the electron app from a dedicated shell

npx urql-devtools

Note: Android users may need to forward port 7700 from their device to their local machine:

adb reverse tcp:7700 tcp:7700

Integrations

Visit the debugging docs to find out how to integrate your self-made exchanges with our devtools.

Contributing

Have experience working with devtools extensions or want to get involved? Check out our contributing docs to get started, information on setting up the project can be found here.