Formattatore online GraphQL: abbellisci, rientra, migliora la leggibilità, tutto in un clic!

Formattatore online GraphQL: abbellisci le query GraphQL e le definizioni di schema (query/mutazione/frammento/SDL) con un clic. Non richiede installazione. Basato sul framework open source Prettier, dà priorità all'esecuzione locale del browser per la privacy, rendendolo adatto a scenari di sviluppo, documentazione e revisione del codice.

Ispirazione

Per risolvere query lunghe e difficili da leggere e migliorare la leggibilità del codice e l'efficienza della revisione, utilizza lo standard della community Prettier per trasformare GraphQL scritto in modo informale in un formato unificato e di facile lettura.

Come usare

1. Incolla il codice GraphQL nell'area di input qui sopra.

2. Fai clic su "Formato" per visualizzare i risultati.

3. Dopo la formattazione, puoi copiare e incollare direttamente nell'IDE o nel documento.

Scenari applicativi

• Sviluppo locale: individua e leggi rapidamente query complesse.

• Revisione del codice: unifica gli stili di team e migliora le pull request (PR).

• Documentazione API: genera codice di esempio per una lettura più semplice.

Principio di implementazione

Utilizzare il parser GraphQL di Prettier per convertire il codice sorgente in un AST, quindi riordinarlo e inserirlo in base alle regole.

Domande frequenti

1. Quale sintassi GraphQL è supportata?

   Supporta query, mutazioni, frammenti, definizioni di variabili e SDL (definizioni di schema).

2. Devo installare o registrarmi?

   No, utilizzalo con un clic sulla pagina web.

3. Il codice verrà caricato e salvato? Come viene tutelata la privacy?

   Per impostazione predefinita, il codice viene formattato localmente nel browser (non caricato). Se l'elaborazione back-end è abilitata, verrà crittografato e il contenuto non verrà conservato (consultare l'informativa sulla privacy).

4. Cosa devo fare se ci sono errori grammaticali nel mio input?

   Verrà prima eseguito un controllo della sintassi e verrà visualizzata la posizione dell'errore. Dopo aver corretto l'errore, il codice verrà formattato nuovamente.