Μετατροπέας JSON σε TypeScript

Το να γράφετε χειροκίνητα TypeScript interfaces για μια απόκριση JSON API είναι αργό και επιρρεπές σε σφάλματα: τα ένθετα αντικείμενα χρειάζονται το δικό τους interface, οι πίνακες χρειάζονται έναν τύπο στοιχείου και ένα πεδίο που μερικές φορές λείπει πρέπει να επισημανθεί ως προαιρετικό — αν παραλείψετε κάτι από αυτά, ο compiler παραμένει σιωπηλός ενώ ο κώδικάς σας απομακρύνεται από το πραγματικό σχήμα δεδομένων.

Αυτός ο μετατροπέας κάνει αυτή τη δουλειά για εσάς. Επικολλήστε οποιοδήποτε JSON αντικείμενο ή πίνακα και θα διατρέξει τη δομή αναδρομικά: ένα ένθετο αντικείμενο γίνεται το δικό του επώνυμο interface, ένας πίνακας αντικειμένων αποκτά ένα interface στοιχείου με τα πεδία να συγκρίνονται σε κάθε στοιχείο αυτού του πίνακα — ένα πεδίο που υπάρχει μόνο σε ορισμένα από αυτά επισημαίνεται με ένα τελικό ?, και ένα πεδίο που άλλοτε είναι null και άλλοτε τιμή εμφανίζεται ως ένα σωστό string | null union αντί για το ένα ή το άλλο.

Ένας διακόπτης μορφής αλλάζει μόνο τον τρόπο με τον οποίο εκτυπώνεται η ίδια συναχθείσα δομή: ένα μπλοκ interface, ένα type alias ή ένα Zod schema δομημένο από κλήσεις z.object(), z.array() και z.union() με .optional() και .nullable() όπου εφαρμόζονται. Το ίδιο το Zod είναι ένα ξεχωριστό npm πακέτο (npm install zod) — αυτό το εργαλείο γράφει μόνο τον πηγαίο κώδικα του schema, δεν εγκαθιστά τίποτα για εσάς.

Όλα εκτελούνται τοπικά στον browser σας τη στιγμή που πληκτρολογείτε ή επικολλάτε, χωρίς κουμπί υποβολής και χωρίς μεταφόρτωση — βολικό για payloads που περιέχουν πραγματικά δεδομένα πελατών. Για να εργαστείτε με το ίδιο το κείμενο JSON αντί για τους συναχθέντες τύπους του, δείτε τον JSON formatter για όμορφη εκτύπωση ή ελαχιστοποίηση και τον JSON validator για να εντοπίσετε ένα συντακτικό σφάλμα πριν από τη μετατροπή.