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.
Executa totalmente no seu navegador. Seus dados nunca são enviados.
Ferramentas Relacionadas
Ver TodasO 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
- Cole uma query ou um schema GraphQL.
- Escolha a Indentação.
- Clique em Formatar (a saída também é atualizada enquanto você digita).
- Copie ou baixe o GraphQL formatado.
Exemplo
query { user(id: 1) { name } } 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.