Chargement de l'outil…

Transformez une réponse JSON en types

Typer à la main la réponse d’une API est long et source d’erreurs. Collez un vrai exemple JSON : QodeCat écrit les déclarations TypeScript en direct, au fil de la frappe, prêtes à être copiées dans votre projet.

  • Types imbriqués nommés : chaque objet imbriqué devient sa propre interface, nommée d’après sa clé.
  • Champs optionnels : une clé absente de certains éléments d’un tableau est marquée avec ?.
  • Unions : les tableaux mixtes deviennent des types union, null devient T | null et les tableaux vides unknown[].
  • Options : nom du type racine, interface ou alias de type, propriétés readonly et mot-clé export.

Pourquoi utiliser cet outil ?

Il apprend de tous les éléments du tableau

Au lieu de regarder seulement le premier élément, le générateur fusionne tous les objets d’un tableau. Les clés qui n’apparaissent que parfois deviennent optionnelles, et un champ qui vaut une chaîne dans un élément et null dans un autre devient string | null.

Erreurs claires, données privées

Si le JSON est invalide, la ligne et la colonne du problème s’affichent. La conversion s’exécute entièrement dans votre navigateur : vos réponses d’API contenant des données clients ou des tokens ne sont jamais envoyées.

Questions fréquentes

Q. Que se passe-t-il avec les clés qui ne sont pas des identifiants valides ?

Les clés comme « first-name » ou « 2fa » sont écrites entre guillemets, ce qui est du TypeScript valide. Les noms d’interface sont formés à partir de la clé en PascalCase, par exemple WithSpace pour « with space ».

Q. Les objets de même structure sont-ils regroupés en un seul type ?

Oui. Si deux clés contiennent des objets de structure strictement identique, le générateur déclare une seule interface et l’utilise pour les deux : la sortie reste courte.

Q. Faut-il choisir interface ou type ?

Les deux décrivent la même forme. Les interfaces peuvent être étendues et fusionnées, les alias de type sont pratiques pour les unions. Suivez le style de votre projet : l’option change toutes les déclarations d’un coup.