JSON naar TypeScript-converter

Het met de hand schrijven van TypeScript-interfaces voor een JSON API-reactie is traag en foutgevoelig: geneste objecten hebben hun eigen interface nodig, arrays hebben een elementtype nodig en een veld dat soms ontbreekt, moet als optioneel worden gemarkeerd. Als u dat allemaal mist, blijft de compiler stil terwijl uw code niet meer synchroon loopt met de echte gegevensvorm.

Deze converter doet dat werk voor u. Plak een willekeurig JSON-object of array, en het loopt recursief door de structuur: een genest object wordt zijn eigen benoemde interface, een array van objecten krijgt een elementinterface met velden die voor elk item in die array worden vergeleken - een veld dat slechts in enkele ervan aanwezig is, wordt gemarkeerd met een volgteken ?, en een veld dat soms nul is en soms een waarde als een echte string | nul-vereniging in plaats van het een of het ander.

Een formaatschakelaar schakelt alleen hoe dezelfde afgeleide structuur wordt afgedrukt: een interfaceblok, een typealias of een Zod-schema opgebouwd uit z.object(), z.array() en z.union()-aanroepen met .optioneel() en .nullable() waar ze van toepassing zijn. Zod zelf is een apart npm-pakket (npm install zod) - deze tool schrijft alleen de schemabron, hij installeert niets voor je.

Alles wordt lokaal in uw browser uitgevoerd op het moment dat u typt of plakt, zonder verzendknop en zonder upload - handig voor payloads met echte klantgegevens. Voor het werken met de JSON-tekst zelf in plaats van de afgeleide typen, raadpleegt u de JSON-formatter om deze mooi af te drukken of te verkleinen en de JSON-validator om een ​​syntaxisfout op te sporen voordat u converteert.