TYPESCRIPT

Generador de call graph de TypeScript

Mira la estructura de llamadas de cualquier archivo TypeScript sin montar un language server. Lo pegas, eliges TypeScript y lees el diagrama.

Abrir el editor

Ejemplo

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);
}

Qué muestra el diagrama

Weftmap parsea TypeScript con su propia gramática en lugar de quitar los tipos primero, así que genéricos, interfaces y anotaciones nunca rompen el parseo. Obtienes el mismo call graph que con el analizador de JavaScript, sobre código donde un parser de JS puro se atraganta.

Cómo leer el diagrama Todos los lenguajes soportados

Ahora pruébalo con tu propio código

Pega un archivo, elige el lenguaje y dale a Analizar. No se guarda nada.

Abrir el editor