GraphQL Query Inspector
A GraphQL document inspector: paste a query/mutation to get a collapsible selection-set tree with args/directives (variable references highlighted), a variables table cross-checked against a pasted Variables JSON for missing required or unused variables.
npx shadcn@latest add https://rocket.gozturk.dev/r/graphql-query-inspector.jsonQuery
Variables (JSON)
queryGetUserOrders11 fields4 levels deep
user(id: $userId)
id
name
email
orders(status: $status, first: $limit)@include(if: $withOrders)
id
total
createdAt
items
sku
quantity
Variables
$userId: ID!
$status: OrderStatus
$limit: Int= 10
$withOrders: Boolean= true