Введение в клиент Voyager

Gato GraphQL предоставляет клиент GraphQL Voyager для интерактивной визуализации схемы GraphQL. Откройте его, нажав «Interactive Schema» в меню плагина:

Voyager даёт обзорный вид всей схемы GraphQL с высоты птичьего полёта:

Он позволяет легко понять, как все элементы схемы связаны между собой, используя стрелки для отображения связей между типами:

Схема имеет отправную точку, то есть тип, от которого рассчитываются все связи. По умолчанию это корень queries (в данном случае обрабатываемый через тип QueryRoot), который отображается на плавающей панели внизу. Чтобы визуализировать схему в отношении мутаций, можно выбрать соответствующий корневой тип мутации (в данном случае MutationRoot):

Клик по типу в схеме выделит его связи и отобразит метаданные его полей (то же самое происходит при нажатии на название типа на левой боковой панели):

Поле поиска на левой боковой панели позволяет фильтровать элементы схемы:

Клик по связи выделит её как в схеме, так и на левой боковой панели:

Для навигации по графу можно использовать мышь (и, в некоторой мере, кнопки в правом нижнем углу экрана): приближать и отдалять, перемещаться в любом направлении и фокусироваться на элементах:

На плавающей панели внизу доступны несколько дополнительных опций:

• «Sort by alphabet» — сортирует все поля в каждом типе по алфавиту
• «Skip Relay» — удаляет классы-обёртки Relay
• «Skip deprecated» — скрывает все устаревшие поля
• «Show leaf fields» — отображает все поля, не являющиеся связями