GraphQL online formatting tool - beautification, indentation, and readability improvement, one-click to get it done!

GraphQL Online Formatter: Beautify GraphQL queries and schema definitions (query/mutation/fragment/SDL) with one click. No installation required. Based on the open-source Prettier framework, it prioritizes local browser execution for privacy, making it suitable for development, documentation, and code review scenarios.

Inspiration

To solve long, difficult-to-read queries and improve code readability and review efficiency, use the Prettier community standard to transform casually written GraphQL into a unified, easy-to-read format.

How to Use

1. Paste the GraphQL code into the input area above.

2. Click "Format" to view the results.

3. After formatting, you can copy and paste directly back into your IDE or document.

Application Scenarios

• Local Development: Quickly locate and read complex queries.

• Code Review: Unify team styles and improve pull requests (PRs).

• API Documentation: Generate sample code for easier reading.

Implementation Principle

Use Prettier's GraphQL parser to convert the source code into an AST, then reorder and wrap it according to the rules.

FQA

1. What GraphQL syntax is supported?

   Supports queries, mutations, fragments, variable definitions, and SDL (schema definitions).

2. Do I need to install or register?

   No, use it with one click on the web page.

3. Will the code be uploaded and saved? How is privacy protected?

   By default, the code is formatted locally in the browser (not uploaded). If back-end processing is enabled, it will be encrypted and the content will not be retained (please refer to the privacy statement).

4. What should I do if there are grammatical errors in my input?

   A syntax check will be performed first and the error location will be displayed. After the error is corrected, the code will be formatted again.