TYPESCRIPT

Générateur de graphe d'appels TypeScript

Visualisez la structure d'appels de n'importe quel fichier TypeScript sans installer de language server. Vous collez, vous choisissez TypeScript, vous lisez le diagramme.

Ouvrir l'éditeur

Exemple

example.ts

type Order = { id: number; items: { price: number }[] };

function loadOrders(userId: number): Summary[] {
  return fetchOrders(userId).map(normalize);
}

function fetchOrders(userId: number): Order[] {
  return [{ id: userId, items: [{ price: 12 }] }];
}

type Summary = { id: number; total: number };

function normalize(order: Order): Summary {
  return { id: order.id, total: computeTotal(order) };
}

function computeTotal(order: Order): number {
  return order.items.reduce((sum, item) => sum + item.price, 0);
}

Ce que montre le diagramme

Weftmap analyse TypeScript avec sa grammaire dédiée plutôt qu'en retirant d'abord les types : génériques, interfaces et annotations ne cassent jamais l'analyse. Vous obtenez le même graphe qu'avec l'analyseur JavaScript, sur du code où un parseur JS classique échoue.

Comment lire le diagramme Tous les langages pris en charge

Essayez maintenant avec votre propre code

Collez un fichier, choisissez le langage, lancez l'analyse. Rien n'est conservé.

Ouvrir l'éditeur