GraphQL-Fragment-Matcher generieren — Numio

Wann sie hilft

• InMemoryCache({ possibleTypes }) so konfigurieren, dass Fragments auf Interfaces oder Unions in Apollo Client 3 korrekt matchen.
• Die possibleTypes-Map nach dem Hinzufügen eines neuen Typs zu einer Union neu erzeugen, ohne die Codegen-CLI auszuführen.

Anwendung

1. Füge ein Schema mit interface- oder union-Definitionen in den Editor GraphQL Schema ein.
2. Prüfe das erzeugte possibleTypes-Objekt; Typen, die zu keinem Interface und keiner Union gehören, erscheinen nicht.
3. Speichere es als .ts-Datei und übergib possibleTypes aus dem Default-Export an 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

Details und Einschränkungen

Es wird nur das Schema verwendet; diese Seite hat keinen Editor Document.

Die Ausgabe ist TypeScript: ein Interface PossibleTypesResultData, eine typisierte Konstante result und ein Default-Export.

Ein Schema ohne Interfaces oder Unions ergibt ein leeres possibleTypes-Objekt. Die Erzeugung läuft in einem Web Worker im Browser.

FAQ

Ähnliche Tools

Spezifikationen und Referenzen

• Apollo Client: defining possibleTypes manually