The missing GraphQL IDE

_{^{Free, open-source and cross-platform}}

pnpm add @pathfinder-ide/react # or yarn add @pathfinder-ide/react or npm install @pathfinder-ide/react

The sole export from @pathfinder-ide/react is a React component called Pathfinder. For our initial release, a limited set of props is allowed. You can see examples of props usage in the pathfinder.stories.tsx file.

git clone https://github.com/grafbase/pathfinder.git

cd pathfinder
pnpm i

The primary development environment for Pathfinder is ladle and the Pathfinder stories are set up to use environment variables. Make a copy of the example file:

cd apps/ladle
cp .env.development.local.example .env.development.local

Once copied, you can open .env.development.local and add an endpoint, at a minimum, and auth header key/value if necessary.

Building the necessary workers ahead of time absolves consuming code from having to fuss with build tool plugins. This is good.

pnpm react:build:workers

pnpm ladle:serve

Ladle is at http://localhost:61000/.