Code et fichiers / GraphQL

Formateur GraphQL : mettre en forme ou minifier les requêtes

Mettez en forme GraphQL dans votre navigateur : collez une requête, une mutation, une subscription, un fragment ou un schéma pour obtenir un champ par ligne, avec une indentation cohérente, des arguments inline, des variables, des listes et des objets d’entrée, tout en conservant les commentaires. Vous pouvez aussi le minifier pour obtenir le texte équivalent le plus court.

Formateur GraphQL : mettre en forme ou minifier les requêtes: Le document est découpé en tokens GraphQL, noms, chaînes, chaînes multilignes, nombres, signes de ponctuation et commentaires, puis mis en page : chaque ensemble de sélection ouvre un nouveau bloc indenté, les champs sont placés un par ligne et les arguments restent inline, avec des virgules, comme dans user(id: $id) ou orderBy: { field: NAME }. La minification supprime les commentaires et tous les espaces qui ne sont pas nécessaires entre deux noms. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.

Catégorie: Outils développeur
Exécutions: Dans votre navigateur
Coût: Gratuit · sans inscription
Disponibilité: Prêt à l'emploi

Formateur GraphQLTraitement local

Fonctionne entièrement dans votre navigateur

RésultatIndentation

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 } } } } }

Mis en forme

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
        }
      }
    }
  }
}

Fonctionne avec les requêtes, mutations, souscriptions, fragments et définitions de schéma. Les ensembles de sélection comportent un champ par ligne, tandis que les arguments, variables, listes et objets d’entrée restent sur une seule ligne, séparés par des virgules. Les commentaires sont conservés lors de la mise en forme et supprimés lors de la minification. Rien n’est téléversé.

Variables

Privilégiez les variables, comme $id, aux valeurs écrites directement dans la requête : celle-ci reste identique et peut être mise en cache, tandis que les valeurs sont transmises au format JSON.

JSON

Pour formater le JSON renvoyé par une API GraphQL, utilisez le formateur JSON.

Comment l'utiliser

Collez votre code GraphQL.
Choisissez une sortie mise en forme ou minifiée, ainsi que l'indentation.
Copiez le résultat.

Confidentialité et limitations

Tout reste dans votre navigateur.

Outils associés

Questions fréquentes

Vérifie-t-il que ma requête est valide ?

Il vérifie la syntaxe nécessaire à la mise en forme, par exemple que les chaînes sont bien fermées, mais ne la compare pas à un schéma ; c'est le rôle d'un serveur ou d'un IDE.

Les virgules sont-elles obligatoires dans GraphQL ?

Non : les virgules sont ignorées comme les espaces. Le formateur en ajoute donc uniquement lorsqu'elles rendent les arguments plus faciles à lire.

Peut-il mettre en forme un schéma ?

Oui : les définitions de type, input, enum, interface et union sont mises en forme de la même manière.

Outil gratuit · dans votre navigateur exécutions · aucun compte requis