Código y archivos / GraphQL

Formateador de GraphQL: da formato o minimiza consultas

Da formato a GraphQL en tu navegador: pega una consulta, mutación, suscripción, fragmento o esquema y obtén un campo por línea, con sangría uniforme, argumentos insertados, variables, listas y objetos de entrada, conservando los comentarios; también puedes minimizarlo al texto equivalente más corto.

Formateador de GraphQL: da formato o minimiza consultas: El documento se divide en tokens de GraphQL, nombres, cadenas, cadenas de bloque, números, signos de puntuación y comentarios; después se organiza: cada conjunto de selección abre un bloque nuevo con sangría, los campos aparecen uno por línea y los argumentos se mantienen en la misma línea con comas, como en user(id: $id) u orderBy: { field: NAME }. La minimización elimina los comentarios y todos los espacios que no sean necesarios entre dos nombres. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.

Categoría: Herramientas de desarrollo
Se ejecuta: En tu navegador
Coste: Gratis · sin registro
Disponibilidad: Lista para usar

Formateador de GraphQLProcesamiento local

Funciona por completo en tu navegador

ResultadoSangría

GraphQL

query GetRepo($owner: String!, $name: String!, $first: Int = 5) { repository(owner: $owner, name: $name) { name stargazerCount issues(first: $first, states: [OPEN], orderBy: {field: CREATED_AT, direction: DESC}) { nodes { number title author { login } } } } }

Formateado

query GetRepo($owner: String!, $name: String!, $first: Int = 5) {
  repository(owner: $owner, name: $name) {
    name
    stargazerCount
    issues(first: $first, states: [OPEN], orderBy: { field: CREATED_AT, direction: DESC }) {
      nodes {
        number
        title
        author {
          login
        }
      }
    }
  }
}

Funciona con consultas, mutaciones, suscripciones, fragmentos y definiciones de esquema. Los conjuntos de selección muestran un campo por línea, mientras que los argumentos, las variables, las listas y los objetos de entrada permanecen en una sola línea con comas. Los comentarios se conservan al aplicar formato y se eliminan al minificar. No se sube nada.

Variables

Prefiere variables, como $id, en lugar de valores escritos en la consulta; la consulta permanece igual y se puede almacenar en caché, y los valores se envían como JSON.

JSON

Para dar formato al JSON que devuelve una API de GraphQL, usa el formateador de JSON.

Cómo se usa

Pega tu GraphQL.
Elige una salida con formato o minimizada y la sangría.
Copia el resultado.

Privacidad y límites

Todo permanece en tu navegador.

Herramientas relacionadas

Preguntas frecuentes

¿Comprueba que mi consulta sea válida?

Comprueba la sintaxis necesaria para dar formato, como que las cadenas estén cerradas, pero no la valida frente a un esquema; de eso se encarga un servidor o un IDE.

¿Las comas son obligatorias en GraphQL?

No: las comas se ignoran igual que los espacios, por lo que el formateador solo las añade cuando facilitan la lectura de los argumentos.

¿Puede dar formato a un esquema?

Sí: las definiciones de type, input, enum, interface y union se formatean de la misma manera.

Herramienta gratuita · se ejecuta en tu navegador · sin cuenta