Formateador de GraphQL

Cómo usar

1. 1 Pega una query, mutation, subscription o SDL de GraphQL.
2. 2 Beautify reformatea el código con el impresor (printer) oficial <code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">graphql/language</code>.
3. 3 Minify elimina espacios en blanco y comentarios para una transferencia más ligera.
4. 4 Los errores de análisis se muestran con el número de línea y columna correspondiente.

Por qué usar esta herramienta

• Usa las funciones oficiales parse y print de <code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">graphql/language</code> — el resultado es un SDL canónico.
• Carga bajo demanda — el analizador solo se descarga cuando empiezas a escribir.
• Funciona en ambos sentidos — embellece para guardar en el repositorio, minifica para transferir.
• Procesamiento totalmente en el cliente — tu query nunca sale del navegador.

Preguntas frecuentes

¿Qué es Formateador de GraphQL?

El Formateador de GraphQL (GraphQL Formatter) es una herramienta que da formato de forma legible a queries, mutations y schema definition language (SDL) de GraphQL usando el analizador oficial graphql/language. La herramienta analiza la entrada y la reconstruye con indentación y espaciado consistentes, generando documentos GraphQL claros y bien estructurados directamente en el navegador.

Características

Ejemplo

{ user(id:1){name posts{title}} }

{
  user(id: 1) {
    name
    posts {
      title
    }
  }
}

Casos de uso comunes

1. 1

   Ordenar una query copiada

   Reformatea una query de GraphQL escrita en una sola línea o desordenada en una forma legible y con sangría.

2. 2

   Limpiar un SDL

   Normaliza el espaciado de un archivo de esquema antes de hacer commit o revisarlo.

3. 3

   Validar mientras se formatea

   Un error de análisis señala un fallo de sintaxis antes de enviar la query.

Referencias

• GraphQL Specification — GraphQL Foundation
• graphql-js — reference implementation — GitHub

Herramientas relacionadas