JSON → TypeScript

Qué es

JSON → TypeScript lee un ejemplo de JSON —una respuesta de API, una configuración, datos de prueba— y escribe las declaraciones de TypeScript que lo describen. Los objetos anidados pasan a ser tipos con nombre propio, las formas de los elementos de un array se combinan y los campos que no siempre aparecen se marcan como opcionales, así que obtienes una base tipada en lugar de escribirla a mano.

Funciones principales

• Declaraciones como interface o type, con o sin export.
• Objetos anidados extraídos como tipos con nombre o dejados en línea.
• Los elementos de un array con formas distintas se combinan en un solo tipo; un campo que falta en algunos elementos pasa a ser opcional.
• Nombre propio para el tipo raíz.
• Campos readonly, todos los campos opcionales y ejemplos JSDoc tomados de los valores.

Cómo usarlo

1. Pega JSON en el editor, suelta un archivo sobre él o pulsa «Ejemplo».
2. Elige «Interface» o «Type» y escribe el nombre del tipo raíz.
3. Activa lo que necesites: extraer tipos anidados, campos readonly, campos opcionales, JSDoc.
4. Copia el TypeScript o envíalo a otra herramienta.

Cuándo es útil

• Tipar la respuesta de una API antes de usarla en el frontend.
• Describir un archivo de configuración que se carga en tiempo de ejecución.
• Sacar un borrador de tipos para un webhook de terceros a partir de un payload real.