Pengenalan Klien Voyager

Gato GraphQL menyediakan klien GraphQL Voyager untuk memvisualisasikan skema GraphQL secara interaktif. Akses dengan mengklik "Interactive Schema" pada menu plugin:

Voyager memberikan tampilan menyeluruh dari skema GraphQL:

Ini memudahkan untuk memahami bagaimana semua elemen dalam skema saling berhubungan, menggunakan panah untuk menunjukkan koneksi antar tipe:

Skema memiliki titik awal, yaitu tipe dari mana semua hubungan dihitung. Secara default, ini adalah query root (dalam hal ini, ditangani melalui tipe QueryRoot), yang ditunjukkan pada panel mengambang di bagian bawah. Untuk memvisualisasikan skema terkait mutasi, kita dapat memilih tipe mutation root yang sesuai (dalam hal ini, MutationRoot):

Mengklik sebuah tipe pada skema akan menyorot koneksinya, dan menampilkan metadata untuk field-nya (hal yang sama terjadi saat mengklik nama tipe pada panel sisi kiri):

Input pencarian pada panel sisi kiri memungkinkan untuk memfilter elemen-elemen skema:

Mengklik sebuah koneksi akan menyorotnya, baik pada skema maupun pada panel sisi kiri:

Kita dapat menggunakan mouse (dan, sampai batas tertentu, tombol-tombol di sudut kanan bawah layar) untuk menavigasi graf, memperbesar dan memperkecil, bergerak ke segala arah, dan memfokuskan pada elemen-elemen:

Pada panel mengambang di bagian bawah, kita memiliki beberapa opsi tambahan:

• "Sort by alphabet" mengurutkan semua field di setiap tipe secara alfabetis
• "Skip Relay" menghapus kelas-kelas wrapper Relay
• "Skip deprecated" menyembunyikan semua field yang sudah usang
• "Show leaf fields" menampilkan semua field yang bukan merupakan koneksi