JSON til TypeScript Converter

Å skrive TypeScript-grensesnitt for hånd for en JSON API-respons er sakte og utsatt for feil: nestede objekter trenger sitt eget grensesnitt, arrays trenger en elementtype, og et felt som noen ganger mangler må merkes som valgfritt – gå glipp av noe av det og kompilatoren forblir stille mens koden din går ut av synkronisering med den virkelige dataformen.

Denne omformeren gjør det arbeidet for deg. Lim inn et hvilket som helst JSON-objekt eller array, og det går strukturen rekursivt: et nestet objekt blir sitt eget navngitte grensesnitt, en array av objekter får et elementgrensesnitt med felt sammenlignet på tvers av hvert element i den arrayen - et felt som finnes i bare noen av dem er merket med en etterfølgende ?, og et felt som noen ganger er null og noen ganger en verdi, kommer ut som en proper-streng | nullunion i stedet for det ene eller det andre.

En formatveksler bytter bare hvordan den samme antatte strukturen skrives ut: en grensesnittblokk, et typealias eller et Zod-skjema bygget fra z.object(), z.array() og z.union()-kall med .optional() og .nullable() der de gjelder. Zod i seg selv er en egen npm-pakke (npm install zod) — dette verktøyet skriver bare skjemakilden, det installerer ikke noe for deg.

Alt kjører lokalt i nettleseren din i det øyeblikket du skriver eller limer inn, uten send-knapp og ingen opplasting – praktisk for nyttelaster som inneholder ekte kundedata. For å jobbe med selve JSON-teksten i stedet for dens utledede typer, se JSON-formateringsverktøyet for å skrive ut eller forminske den og JSON-validatoren for å finne en syntaksfeil før du konverterer.