TypeScript-Typen aus GraphQL generieren

Fügen Sie ein GraphQL-Schema im SDL-Format ein (Blöcke type, input, enum), um automatisch die passenden TypeScript-Interfaces und -Typen zu erzeugen, mit Umwandlung der Skalare und Behandlung optionaler Felder.

Beispiel:

So funktioniert es

Das Tool erkennt mithilfe regulärer Ausdrücke jeden type-, input- oder enum-Block des Schemas und wandelt jedes Feld in eine TypeScript-Eigenschaft um: Die standardmäßigen GraphQL-Skalare (ID, String, Int, Float, Boolean) werden ihrem TypeScript-Pendant zugeordnet, und benutzerdefinierte Typen bleiben unverändert als Verweise auf andere erzeugte Interfaces erhalten.

Wie wird die Nullbarkeit von GraphQL übersetzt?

In GraphQL ist ein Feld standardmäßig nullable; erst das Suffix ! macht es zur Pflicht. Das Tool überträgt diese Regel nach TypeScript: Ein Feld ohne ! wird zu einer optionalen Eigenschaft (feld?: typ), ein Feld mit ! bleibt Pflicht.

Werden GraphQL-Listen korrekt umgewandelt?

Ja: [String!]! wird zu string[] (ein Pflicht-Array aus Pflicht-Zeichenketten), während [String] zu einem optionalen Array string[] wird, das auch fehlen kann – entsprechend der Position der Ausrufezeichen im Quelltyp.

Datenschutz: Ihr GraphQL-Schema wird lokal mit regulären Ausdrücken analysiert und verlässt Ihren Browser nie.