TYPESCRIPT

TypeScript call graph generator

See the call structure of any TypeScript file without setting up a language server. Paste it, pick TypeScript, and read the diagram.

Open the editor

Example

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

What the graph shows

Weftmap parses TypeScript with its own grammar rather than stripping types first, so generics, interfaces and type annotations never derail the parse. What you get is the same call graph as the JavaScript analyzer, on code that plain JS parsers choke on.

How to read the diagram All supported languages

Now try it with your own code

Paste a file, pick the language, hit Analyze. Nothing is stored.

Open the editor