Formateur GraphQL
Formatez requêtes, mutations, fragments et schémas SDL GraphQL avec Prettier en conservant les commentaires. Erreurs avec ligne et colonne, en local.
S'exécute entièrement dans votre navigateur. Vos données ne sont jamais envoyées.
Outils Connexes
Voir ToutQu'est-ce que Formateur GraphQL ?
Le formateur GraphQL met en forme les opérations GraphQL (requêtes, mutations, subscriptions, fragments) et le langage de définition de schéma (SDL) avec une indentation cohérente. Les commentaires sont conservés.
Comment utiliser Formateur GraphQL
- Collez une requête ou un schéma GraphQL.
- Choisissez l'Indentation.
- Cliquez sur Formater (le résultat se met aussi à jour pendant la saisie).
- Copiez ou téléchargez le GraphQL formaté.
Exemple
query { user(id: 1) { name } } query {
user(id: 1) {
name
}
} Quand utiliser Formateur GraphQL
Utilisez-le pour lire des requêtes minifiées capturées dans le réseau, formater des opérations pour de la documentation ou vérifier la syntaxe d'une requête. Il ne valide pas les champs par rapport à votre schéma.
Comment fonctionne Formateur GraphQL
Le document est formaté avec le plugin GraphQL de Prettier, qui l'analyse avec l'analyseur de référence graphql-js et écrit chaque ensemble de sélection sur ses propres lignes indentées, les arguments et variables avec un espacement normalisé, et les longues listes d'arguments sur plusieurs lignes. Comme Prettier conserve les commentaires (contrairement à graphql.print), les # commentaires survivent. Les erreurs d'analyse sont signalées avec ligne et colonne.
Cas d'utilisation courants
- Lire une requête sur une seule ligne copiée depuis les outils de développement du navigateur
- Formater des fichiers de schéma avant une revue
- Préparer des exemples GraphQL pour la documentation
- Vérifier rapidement la syntaxe d'une requête
Note de Sécurité
Tout s'exécute localement dans votre navigateur : le code que vous collez n'est pas envoyé.
Questions Fréquentes
Valide-t-il par rapport à mon schéma ?
Non, uniquement la syntaxe GraphQL.
Les commentaires sont-ils conservés ?
Oui.
Peut-il formater des définitions de types SDL ?
Oui, les schémas avec définitions de type, input, enum et directive sont pris en charge.