JSON till TypeScript Converter

Att skriva TypeScript-gränssnitt för hand för ett JSON API-svar är långsamt och felbenäget: kapslade objekt behöver ett eget gränssnitt, arrayer behöver en elementtyp och ett fält som ibland saknas måste markeras som valfritt – missa något av det och kompilatorn förblir tyst medan din kod inte är synkroniserad med den verkliga dataformen.

Denna omvandlare gör det jobbet åt dig. Klistra in vilket JSON-objekt eller en array som helst, och det går strukturen rekursivt: ett kapslat objekt blir sitt eget namngivna gränssnitt, en array av objekt får ett elementgränssnitt med fält som jämförs över varje objekt i den arrayen - ett fält som finns i endast några av dem är markerat med en efterföljande ?, och ett fält som ibland är null och ibland ett värde kommer ut som en proper-sträng | nollunion istället för det ena eller det andra.

En formatväxling växlar bara hur samma härledda struktur skrivs ut: ett gränssnittsblock, ett typalias eller ett Zod-schema byggt från z.object(), z.array() och z.union()-anrop med .optional() och .nullable() där de gäller. Zod i sig är ett separat npm-paket (npm install zod) — det här verktyget skriver bara schemakällan, det installerar ingenting åt dig.

Allt körs lokalt i din webbläsare i samma ögonblick som du skriver eller klistrar in, utan någon skicka-knapp och ingen uppladdning – praktiskt för nyttolaster som innehåller riktig kunddata. För att arbeta med själva JSON-texten snarare än dess indikerade typer, se JSON-formateraren för att snygga ut eller förminska den och JSON-valideraren för att lokalisera ett syntaxfel innan du konverterar.