Il convertitore da JSON a TypeScript legge un valore JSON di esempio - una risposta API, un file di configurazione, un record di database - e scrive le interfacce TypeScript che lo descrivono. Gli oggetti nidificati diventano le proprie interfacce denominate, gli array di oggetti vengono uniti in un'interfaccia a singolo elemento anziché in un'unione tentacolare e le chiavi nulle o mancanti da alcuni record sono contrassegnate come facoltative. Incolla i dati che hai già; ottieni tipi che altrimenti scriveresti a mano.
Digitando a mano una risposta API è noioso e soggetto a errori in un modo specifico: si digita ciò che *pensi* restituisce l'endpoint, non quello che effettivamente restituito. I campi che non hai mai notato vengono omessi, un numero intero che a volte viene digitato come `numero` e l'errore emerge in fase di esecuzione in fase di produzione anziché nel tuo editor. La generazione di tipi direttamente da un carico utile reale chiude quel divario, perché la forma su cui si compila è la forma effettivamente inviata dal server.
Tutto funziona nel tuo browser. Il motore di inferenza è un tipo senza dipendenze, non un wrapper attorno a un servizio remoto, quindi i payload, che trasportano regolarmente token di accesso, record dei clienti e ID interni, non lasciano mai la pagina. Scegli le interfacce o digita alias, attiva la parola chiave `export` e i modificatori di `solo in lettura`, scegli la larghezza del rientro, quindi copia l'output o scarica un file .ts.
Elimina una risposta API, un file di fixture o qualsiasi valore JSON. Carica prima l'esempio se vuoi vedere come vengono gestiti gli oggetti nidificati, gli array e i campi nulli.
Imposta il nome del tipo di root, di solito la risorsa, ad esempio utente o fattura. Le interfacce nidificate vengono denominate automaticamente dalla loro chiave, con i nomi degli elementi dell'array singolarizzati (le rilasci diventano di rilascio).
Scegli Interfaccia o Digita alias, decidi se esportare ogni dichiarazione, aggiungi modificatori di sola lettura se la tua base di codice preferisce forme immutabili e imposta il rientro su 2 o 4 spazi.
premere genera. Esamina gli optional e le unioni dedotti, quindi copia il codice negli appunti o scaricalo come file .ts pronto per essere inserito nella cartella dei tipi.
Ogni oggetto nidificato diventa la propria interfaccia denominata e riutilizzabile invece di una forma anonima inline, quindi puoi importare e fare riferimento ai tipi interni in modo indipendente.
Una matrice di oggetti viene unita in un'interfaccia di un elemento. Le chiavi presenti in alcuni record ma non in altri diventano facoltative, che è esattamente il comportamento reale dei dati API impaginati.
Scegli se un valore null significa che la chiave è facoltativa o se null appartiene all'unione. Entrambe le convenzioni sono comuni; lo strumento non ne impone una sulla base di codice.
emetti `interface user {}` o `type user = {}` per abbinare le tue regole di lint esistenti, con i modificatori opzionali `export` e `readonly` applicati in modo coerente su ogni dichiarazione.
Format, validate, and minify JSON data
Convert JSON to clean, valid YAML instantly — configurable indentation and safe string quoting
Convert JSON to well-formed XML instantly. Map object keys to elements, @-prefixed keys to attributes and #text to content, expand arrays into repeated tags, and export minified or pretty-printed XML. 100% client-side.
0 comments
No comments yet. Be the first to share your thoughts!