Генератор сопоставителя фрагментов GraphQL — Numio

Когда пригодится

• Настроить InMemoryCache({ possibleTypes }), чтобы фрагменты на interface или union корректно сопоставлялись в Apollo Client 3.
• Пересоздать карту possibleTypes после добавления нового типа в union, не запуская CLI codegen.

Как пользоваться

1. Вставьте схему с определениями interface или union в редактор GraphQL Schema.
2. Изучите сгенерированный объект possibleTypes; типы, не входящие ни в interface, ни в union, в нём не появляются.
3. Сохраните его как .ts-файл и передайте possibleTypes из экспорта по умолчанию в InMemoryCache.

interface Node {
  id: ID!
}
type User implements Node {
  id: ID!
  name: String!
}
type Post implements Node {
  id: ID!
  title: String!
}
union SearchResult = User | Post
type Query {
  search(term: String!): [SearchResult!]!
}

export interface PossibleTypesResultData {
  possibleTypes: {
    [key: string]: string[]
  }
}
const result: PossibleTypesResultData = {
  possibleTypes: {
    Node: ["User", "Post"],
    SearchResult: ["User", "Post"],
  },
}
export default result

Подробности и ограничения

Используется только схема; редактора Document на этой странице нет.

Вывод — TypeScript: интерфейс PossibleTypesResultData, типизированная константа result и экспорт по умолчанию.

Схема без interface и union даёт пустой объект possibleTypes. Генерация выполняется в Web Worker в браузере.

FAQ

Похожие инструменты

Спецификации и справка

• Apollo Client: defining possibleTypes manually