Generar un fragment matcher de GraphQL — Numio

Cuándo usarla

• Configurar InMemoryCache({ possibleTypes }) para que los fragments sobre interfaces o unions coincidan correctamente en Apollo Client 3.
• Regenerar el mapa possibleTypes tras añadir un tipo nuevo a una union, sin ejecutar la CLI de codegen.

Cómo usarla

1. Pega en el editor GraphQL Schema un esquema que contenga definiciones interface o union.
2. Revisa el objeto possibleTypes generado; los tipos que no forman parte de ninguna interface o union no aparecen.
3. Guárdalo como archivo .ts y pasa el possibleTypes del export por defecto a 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

Detalles y limitaciones

Solo se usa el esquema; esta página no tiene editor Document.

La salida es TypeScript: una interfaz PossibleTypesResultData, una constante de resultado tipada y un export por defecto.

Un esquema sin interfaces ni unions produce un objeto possibleTypes vacío. La generación se ejecuta en un Web Worker de tu navegador.

FAQ

Herramientas relacionadas

Especificaciones y referencias

• Apollo Client: defining possibleTypes manually