Formatador de GraphQL

Formate queries, mutations, fragments e schemas SDL do GraphQL com o Prettier, mantendo os comentários. Erros mostram linha e coluna. Grátis, no navegador.

Saída

Executa totalmente no seu navegador. Seus dados nunca são enviados.

Ferramentas Relacionadas

Ver Todas

O que é Formatador de GraphQL?

O Formatador de GraphQL formata operações GraphQL (queries, mutations, subscriptions, fragments) e a linguagem de definição de schema (SDL) com indentação consistente. Os comentários são mantidos.

Como usar Formatador de GraphQL

  1. Cole uma query ou um schema GraphQL.
  2. Escolha a Indentação.
  3. Clique em Formatar (a saída também é atualizada enquanto você digita).
  4. Copie ou baixe o GraphQL formatado.

Exemplo

Entrada
query { user(id: 1) { name } }
Saída
query {
  user(id: 1) {
    name
  }
}

Quando usar Formatador de GraphQL

Use-o para ler queries minificadas capturadas de requisições de rede, formatar operações para documentação ou checar a sintaxe de queries. Ele não valida campos contra o seu schema.

Como funciona Formatador de GraphQL

O documento é formatado com o plugin de GraphQL do Prettier, que o lê com o parser de referência graphql-js e imprime cada conjunto de seleção em linhas indentadas próprias, argumentos e variáveis com espaçamento normalizado e listas longas de argumentos quebradas. Como o Prettier mantém os comentários (ao contrário de graphql.print), os # comentários sobrevivem. Erros de análise são informados com linha e coluna.

Casos de Uso Comuns

  • Ler uma query de uma linha copiada das ferramentas de desenvolvedor do navegador
  • Formatar arquivos de schema antes da revisão
  • Preparar exemplos de GraphQL para documentação
  • Checar rapidamente a sintaxe de uma query

Nota de Segurança

Tudo roda localmente no seu navegador; o código que você cola não é enviado a nenhum servidor.

Perguntas Frequentes

Ele valida contra o meu schema?

Não, apenas a sintaxe GraphQL.

Os comentários são preservados?

Sim.

Ele formata definições de tipos em SDL?

Sim, há suporte a schemas com definições de type, input, enum e directive.

Explore mais categorias