Formateador GraphQL
Formatea queries, mutations, fragments y esquemas SDL de GraphQL con Prettier, conservando los comentarios. Los errores muestran línea y columna. Gratis y en tu navegador.
Se ejecuta completamente en tu navegador. Tus datos nunca se suben.
Herramientas Relacionadas
Ver Todas¿Qué es Formateador GraphQL?
El Formateador GraphQL embellece operaciones GraphQL (queries, mutations, subscriptions, fragments) y el lenguaje de definición de esquemas (SDL) con una sangría coherente. Los comentarios se conservan.
Cómo usar Formateador GraphQL
- Pega una query o un esquema GraphQL.
- Elige la Sangría.
- Haz clic en Formatear (la salida también se actualiza mientras escribes).
- Copia o descarga el GraphQL formateado.
Ejemplo
query { user(id: 1) { name } } query {
user(id: 1) {
name
}
} Cuándo usar Formateador GraphQL
Úsalo para leer queries minificadas capturadas de peticiones de red, formatear operaciones para documentación o comprobar la sintaxis de una query. No valida los campos contra tu esquema.
Cómo funciona Formateador GraphQL
El documento se formatea con el plugin GraphQL de Prettier, que lo analiza con el parser de referencia graphql-js e imprime cada conjunto de selección en sus propias líneas con sangría, los argumentos y variables con espaciado normalizado y las listas de argumentos largas divididas en varias líneas. Como Prettier conserva los comentarios (a diferencia de graphql.print), los # comentarios se mantienen. Los errores de análisis se reportan con línea y columna.
Casos de Uso Comunes
- Leer una query de una sola línea copiada de las herramientas de desarrollo del navegador
- Formatear archivos de esquema antes de una revisión
- Preparar ejemplos de GraphQL para documentación
- Comprobar rápidamente la sintaxis de una query
Nota de Seguridad
Todo se ejecuta localmente en tu navegador; el código que pegas no se sube a ningún servidor.
Preguntas Frecuentes
¿Valida contra mi esquema?
No, solo la sintaxis de GraphQL.
¿Se conservan los comentarios?
Sí.
¿Puede formatear definiciones de tipos SDL?
Sí, se admiten esquemas con definiciones type, input, enum y directive.