Cet outil GraphQL modifie-t-il le comportement ?

Il ne modifie que la mise en page ou les espaces supprimables. Vérifiez la sortie si le code utilise une syntaxe inhabituelle.

Mon code est-il transféré ?

Le traitement est local et votre code n'est jamais transféré.

Formateur GraphQL

Formatez et indentez le code GraphQL dans une structure claire et lisible dans votre navigateur.

Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers ne sont jamais envoyés à un serveur.

query User($id:ID!) {
  user(id:$id) {
    id name email
  }
}

Fonction de ce formateur

Ajoute des sauts autour des accolades de type GraphQL et après les virgules, avec deux espaces par niveau imbriqué. Le texte ordinaire entre guillemets est conservé et la sortie peut être copiée.

Utilisation

Collez une requête, mutation, fragment ou texte de schéma puis vérifiez le résultat. Reset vide l'éditeur au lieu de restaurer l'exemple.

Limites importantes

C'est un formateur générique d'accolades, pas un parseur, validateur, contrôleur de schéma ou imprimeur canonique GraphQL. Il ne vérifie ni champs, variables, directives, types, ni équilibre syntaxique. Les commentaires GraphQL avec # ne sont pas reconnus ; la réduction des retours peut donc modifier leur portée. N'utilisez un document contenant # qu'après une vérification manuelle attentive. Contrôlez aussi les chaînes de bloc et échappements inhabituels.

Fonctionnement de l'analyse des accolades

L'analyseur ne réagit qu'aux caractères `{`, `}` et `,` — il ignore que GraphQL utilise `#` pour les commentaires, donc un saut de ligne inséré après une virgule peut déplacer le texte suivant un commentaire `#` vers une autre ligne logique que prévu.

Exemple

En collant `query{user(id:1){name,email}}`, on obtient `query {` sur sa propre ligne, un `user(id:1) {` indenté, puis `name,` et `email` avec une indentation supplémentaire, chaque niveau ayant son accolade fermante correspondante.

Procédure de vérification sûre

Faites passer la requête formatée par votre client GraphQL ou votre validateur de schéma avant de vous y fier, et revérifiez manuellement tout document contenant des commentaires `#`, dont la portée peut changer après reformatage.

Confidentialité

Le formatage est local ; requêtes, schémas et sortie ne sont pas transférés.

Questions Fréquentes

Que fait Formateur GraphQL ?: Formatez et indentez le code GraphQL dans une structure claire et lisible dans votre navigateur.
Cet outil GraphQL modifie-t-il le comportement ?: Il ne modifie que la mise en page ou les espaces supprimables. Vérifiez la sortie si le code utilise une syntaxe inhabituelle.
Mon code est-il transféré ?: Le traitement est local et votre code n'est jamais transféré.

Formateur Markdown

Formatez et indentez le code Markdown dans une structure claire et lisible dans votre navigateur.

Formateur SCSS

Formatez et indentez le code SCSS dans une structure claire et lisible dans votre navigateur.

Formateur YAML

Formatez et nettoyez vos documents YAML instantanément dans votre navigateur.

Formateur CSS

Formatez et indentez le code CSS dans une structure claire et lisible dans votre navigateur.

Formateur HTML

Formatez et indentez le code HTML dans une structure claire et lisible dans votre navigateur.

Formateur JavaScript

Formatez et indentez le code JavaScript dans une structure claire et lisible dans votre navigateur.