GraphQL prettifier

GraphQL queries copied from network logs, browser developer tools or generated code often arrive as one long line. Schemas can also get messy as teams edit them. This tool formats GraphQL documents with consistent indentation and line breaks, or minifies them to a single compact line for transport.

How to use it

1. Paste a query, mutation, subscription, fragment or schema definition.
2. Choose prettify or minify.
3. Copy the result.

Example

Input:

query GetUser($id: ID!){user(id:$id){id name posts(first:5){edges{node{title}}}}}

Prettified:

query GetUser($id: ID!) {
  user(id: $id) {
    id
    name
    posts(first: 5) {
      edges {
        node {
          title
        }
      }
    }
  }
}

Why format GraphQL?

• Nested selections are much easier to review when indented.
• Consistent formatting keeps diffs small in code review.
• Formatting reveals syntax errors such as a missing closing brace.

Why minify?

Minified queries are smaller when sent as GET request parameters or stored in persisted query maps. Whitespace and commas are insignificant in GraphQL, so removing them does not change the meaning.

Tips

• Use named operations (query GetUser) rather than anonymous ones; they appear in server logs and tracing.
• Pass values through variables instead of string interpolation to avoid injection and enable caching.
• For projects, run Prettier with GraphQL support so files stay formatted automatically.