JSON TypeScript -muunnin
Muunna JSON TypeScript-käyttöliittymiksi, tyyppialiaksiksi tai Zod-skeemaksi reaaliajassa, todellisella taulukoiden valinnaisten kenttien tunnistuksella.
🔒 Käsitelty kokonaan selaimessasi – mitään tähän kirjoittamaasi ei koskaan ladata.
Tulos
TypeScript-käyttöliittymien kirjoittaminen käsin JSON API -vastaukselle on hidasta ja virhealtista: sisäkkäiset oliot tarvitsevat oman käyttöliittymänsä, taulukot tarvitsevat alkiotyypin, ja kenttä, joka joskus puuttuu, on merkittävä valinnaiseksi – jos yksikin näistä unohtuu, kääntäjä pysyy hiljaa, kun koodisi ajautuu eri tahtiin todellisen datan muodon kanssa.
Tämä muunnin tekee työn puolestasi. Liitä mikä tahansa JSON-olio tai -taulukko, niin se käy rakenteen läpi rekursiivisesti: sisäkkäisestä oliosta tulee oma nimetty käyttöliittymänsä, oliotaulukko saa alkiokäyttöliittymän, jonka kenttiä verrataan jokaisen taulukon alkion välillä – kenttä, joka on vain joissakin alkioista, merkitään loppuun lisättävällä ?-merkillä, ja kenttä, joka on joskus null ja joskus arvo, tulee ulos kunnollisena string | null -unionina yhden tai toisen sijaan.
Muotovalitsin vaihtaa vain sen, miten sama päätelty rakenne tulostetaan: käyttöliittymälohkona, tyyppialiaksena tai Zod-skeemana, joka rakentuu z.object()-, z.array()- ja z.union()-kutsuista sekä .optional()- ja .nullable()-lisäyksistä niissä kohdin, joissa niitä tarvitaan. Zod itse on erillinen npm-paketti (npm install zod) – tämä työkalu vain kirjoittaa skeeman lähdekoodin, se ei asenna mitään puolestasi.
Kaikki toimii paikallisesti selaimessasi heti, kun kirjoitat tai liität, ilman lähetyspainiketta ja ilman latausta palvelimelle – kätevää hyötykuormille, jotka sisältävät aitoa asiakasdataa. Itse JSON-tekstin käsittelyyn pikemminkin kuin sen pääteltyihin tyyppeihin, katso JSON-muotoilija sen pretty-printtaamiseen tai minifiointiin ja JSON-validaattori syntaksivirheen paikantamiseen ennen muuntamista.