Beautifier GraphQL - sformatuj GraphQL w przeglądarce
GraphQL - schemy (`type User { ... }`), queries (`query GetUser { ... }`), mutations, fragments. Beautifier używa Prettiera z parserem graphql (oficjalny, oparty na referencyjnym parserze GraphQL).
W trybie Grzecznym ujednolica wcięcia, ułożenie pól, formatowanie argumentów. Krótkie queries zostają w jednej linii (`{ user(id: 1) { name } }`), długie łamie linia po linii. Argumenty łamią się po przekroczeniu `printWidth` (100 znaków).
Akceptuje `.graphql`, `.gql`. Obsługuje GraphQL SDL (schema definition language) i GraphQL operations (queries/mutations/subscriptions).
Jak to działa
- Wybierz tryb (Grzeczny / Agresywny / Tylko wcięcia) lub zostaw domyślny.
- Wklej kod w lewy panel albo użyj "Wczytaj plik".
- Dostosuj ustawienia (koło zębate): wcięcie, szerokość, cudzysłowy, średniki.
- Kliknij Sformatuj - pierwszy raz potrwa chwilę (libki ładują się leniwie).
- Po prawej dostajesz wynik z syntax highlightingiem - kopiuj, pobierz albo otwórz w nowej karcie.
Kiedy się przydaje
Pięć sytuacji dla GraphQL:
- Schema definition. Twój `schema.graphql` rośnie do 500 linii - beautify dla spójności.
- Generated SDL. `@nestjs/graphql` generuje SDL z dekoratorów - brzydki, beautify.
- Queries z Apollo client. Eksportujesz query z `apollo extract` - wklej, beautify.
- Fragment library. Pliki ze wspólnymi fragmentami - ujednolicasz.
- Schema diff. Przed porównaniem dwóch wersji schema - beautify obie, łatwiejszy diff.
Pytania i odpowiedzi
Tak - Prettier formatuje directives standardowo: `field: String @auth(role: "ADMIN")` z spacjami. Argumenty łamie, jeśli przekraczają printWidth.