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.

Salida

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

  1. Pega una query o un esquema GraphQL.
  2. Elige la Sangría.
  3. Haz clic en Formatear (la salida también se actualiza mientras escribes).
  4. Copia o descarga el GraphQL formateado.

Ejemplo

Entrada
query { user(id: 1) { name } }
Salida
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.

Explora más categorías