How to use this developer tool
- Paste the graphql document or load the built-in sample.
- Adjust any available option for this analysis.
- Select Expand Fragments or press Ctrl/Cmd + Enter.
- Review the summary and download the output if needed.
GraphQL Fragment Expander
Replace named fragment spreads with their selection sets to produce a self-contained GraphQL operation. The expander keeps inline fragments, annotates the inserted selections, and detects circular fragment references. This is handy when debugging generated queries or sharing a request with someone who should not have to chase fragment definitions across a file.
Developer Input
GraphQL documentAd space
What this developer tool does
GraphQL Fragment Expander 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 Card { product { ...ProductCard } }
fragment ProductCard on Product { id name price { amount currency } }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 |