How to use this developer tool
- Paste the graphql document or load the built-in sample.
- Adjust any available option for this analysis.
- Select Extract Variables or press Ctrl/Cmd + Enter.
- Review the summary and download the output if needed.
GraphQL Query Variable Extractor
Pull variable declarations from GraphQL operations without sending the document anywhere. The extractor reports each variable name, declared type, default value, and owning operation. It is useful when a query has grown large enough that its parameter contract is hard to scan, or when you need a compact JSON inventory for documentation and client code.
Developer Input
GraphQL documentAd space
What this developer tool does
GraphQL Query Variable Extractor produces a focused result from the supplied GraphQL material. The output panel is formatted for copying, while the counters provide a compact review of what was detected.
The browser removes GraphQL line comments, matches balanced selection blocks, and applies the rules specific to this page. No network request is required.
Results are syntax-oriented. When deployment safety matters, confirm the output with the GraphQL implementation and schema used by your server.
Example
Input
query Search($term: String!, $limit: Int = 10, $filters: FilterInput) {
search(term: $term, limit: $limit, filters: $filters) { id title }
}Result
Run the sample to see the exact generated output and counts.
Use cases
- Review generated client operations before committing them.
- Prepare a concise inventory for documentation or code review.
- Investigate a query or schema without connecting to an endpoint.
Tips for reliable output
- Use complete operation or type definitions where possible.
- Keep fragment definitions in the same document as their operations.
- Compare downloaded output before replacing source files.
- Use the server schema for final compatibility checks.
Processing details
Parsing is performed with balanced-delimiter scanning and task-specific GraphQL token patterns. Strings are skipped while matching braces so braces inside values do not close a selection set.
This browser utility does not execute resolvers, contact an endpoint, or perform full validation against a GraphQL schema.
Frequently asked questions
What input does this tool accept?
It accepts graphql document as plain text. Use the Sample button to see the expected shape.
Does it send my schema or query to a server?
No. Processing runs in your browser and the page does not submit the input to a GraphQL endpoint.
Does it fully validate GraphQL syntax?
No. It checks the structures needed for this task, but it is not a schema-aware GraphQL compiler.
Can I use the output in a build script?
Yes. Copy or download the output, then review it before adding it to an automated workflow.
How are comments and quoted values handled?
Line comments are ignored during structural analysis, while quoted values are kept when they are part of the generated output.
Related developer tools
Output fields
| Field | Meaning |
|---|---|
| Summary | What the analysis found |
| Output | Copy-ready result |
| Stats | Task-specific counts |