TYPESCRIPT

Gerador de grafo de chamadas TypeScript

Veja a estrutura de chamadas de qualquer arquivo TypeScript sem montar um language server. Cole, escolha TypeScript e leia o diagrama.

Abrir o editor

Exemplo

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

O que o diagrama mostra

O Weftmap analisa TypeScript com a gramática própria da linguagem em vez de remover os tipos antes, então genéricos, interfaces e anotações nunca quebram a análise. O resultado é o mesmo grafo do analisador de JavaScript, sobre código em que um parser de JS puro engasga.

Como ler o diagrama Todas as linguagens suportadas

Agora teste com o seu próprio código

Cole um arquivo, escolha a linguagem e clique em Analisar. Nada é salvo.

Abrir o editor