Verändert dieses GraphQL-Tool das Programmverhalten?

Es ändert nur Layout oder entfernbare Leerzeichen. Bei ungewöhnlicher Syntax die Ausgabe vor dem Produktionseinsatz prüfen.

Wird mein Code hochgeladen?

Die Verarbeitung erfolgt lokal; dein Code wird nicht hochgeladen.

GraphQL-Formatierer

GraphQL-Code direkt im Browser sauber und lesbar formatieren und einrücken.

Dieses Tool läuft vollständig in deinem Browser. Deine Dateien werden niemals auf einen Server hochgeladen.

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

Was dieser Formatierer macht

Fügt bei GraphQL-ähnlichem Text Zeilenumbrüche um geschweifte Klammern und nach Kommas ein und nutzt zwei Leerzeichen je Verschachtelung. Gewöhnlicher Text in Anführungszeichen bleibt erhalten; die Ausgabe kann kopiert werden.

Anwendung

Füge Abfrage, Mutation, Fragment oder schemaähnlichen Text ein und prüfe das Ergebnis. Reset leert den Editor, statt das Beispiel wiederherzustellen.

Wichtige Grenzen

Dies ist ein allgemeiner Klammerformatierer, kein GraphQL-Parser, Validator, Schemaprüfer oder kanonischer Printer. Felder, Variablen, Direktiven, Typen und ausgeglichene Syntax werden nicht geprüft. GraphQL-Kommentare mit # werden nicht erkannt; zusammengefasste Zeilen können deshalb ihren Geltungsbereich verändern. Dokumente mit # nur nach sorgfältiger manueller Prüfung verwenden. Auch Blockstrings und ungewöhnliche Escapes prüfen.

So funktioniert die Klammer-Analyse

Der Scanner reagiert nur auf `{`, `}` und `,` — er weiß nicht, dass GraphQL `#` für Kommentare nutzt, sodass ein nach einem Komma eingefügter Zeilenumbruch Text nach einem `#`-Kommentar auf eine andere logische Zeile verschieben kann.

Beispiel

Beim Einfügen von `query{user(id:1){name,email}}` entsteht `query {` in einer eigenen Zeile, ein eingerücktes `user(id:1) {` und, eine Ebene tiefer eingerückt, `name,` und `email`, mit passenden schließenden Klammern auf jeder Ebene.

Sicherer Prüfablauf

Lasse die formatierte Abfrage vor dem Einsatz durch deinen GraphQL-Client oder Schemavalidator laufen, und prüfe Dokumente mit `#`-Kommentaren manuell erneut, da sich deren Geltungsbereich nach der Neuformatierung verschieben kann.

Datenschutz

Die Formatierung läuft lokal; Abfragen, Schemas und Ausgabe werden nicht hochgeladen.

Häufig gestellte Fragen

Was macht der GraphQL-Formatierer?: GraphQL-Code direkt im Browser sauber und lesbar formatieren und einrücken.
Verändert dieses GraphQL-Tool das Programmverhalten?: Es ändert nur Layout oder entfernbare Leerzeichen. Bei ungewöhnlicher Syntax die Ausgabe vor dem Produktionseinsatz prüfen.
Wird mein Code hochgeladen?: Die Verarbeitung erfolgt lokal; dein Code wird nicht hochgeladen.

Markdown-Formatierer

Markdown-Code direkt im Browser sauber und lesbar formatieren und einrücken.

SCSS-Formatierer

SCSS-Code direkt im Browser sauber und lesbar formatieren und einrücken.

YAML-Formatierer

Formatieren Sie YAML-Dokumente sofort in Ihrem Browser.

CSS-Formatierer

CSS-Code direkt im Browser sauber und lesbar formatieren und einrücken.

HTML-Formatierer

HTML-Code direkt im Browser sauber und lesbar formatieren und einrücken.

JavaScript-Formatierer

JavaScript-Code direkt im Browser sauber und lesbar formatieren und einrücken.