JSON naar TypeScript

Dit is een JSON-naar-TypeScript-generator die een set interfaces afleidt uit een voorbeeld-JSON-object of -array, zodat je een API-response kunt plakken en kant-en-klare types krijgt in plaats van ze met de hand te schrijven.

Het bespaart veel tijd wanneer je een API of een configuratiebestand gebruikt: plak een response, geef de root-interface eventueel een naam, en kopieer schone TypeScript direct in je code.

Genereren gebeurt volledig in je browser, dus je data verlaat je apparaat nooit, wat belangrijk is wanneer het voorbeeld echte waarden bevat.

Het verwerkt structuren uit de praktijk: geneste objecten worden hun eigen benoemde interfaces waarnaar de parent verwijst, arrays van objecten worden samengevoegd tot één interface, en union-types worden geproduceerd waar waarden variëren.

Wanneer de objecten in een array niet allemaal dezelfde keys hebben, worden de keys die in sommige elementen ontbreken als optioneel gemarkeerd met een vraagteken, wat overeenkomt met hoe de data zich werkelijk gedraagt en de types eerlijk houdt.

Een belangrijk punt: het leidt een structuur af uit het enkele voorbeeld dat je geeft, in plaats van een schema af te dwingen. Als een veld in echte data soms null of afwezig is maar niet in jouw voorbeeld, weet het gegenereerde type dat niet, dus gebruik een representatief voorbeeld.