TYPESCRIPT

Generatore di grafo delle chiamate TypeScript

Guarda la struttura delle chiamate di qualsiasi file TypeScript senza configurare un language server. Incolli, scegli TypeScript e leggi il diagramma.

Apri l'editor

Esempio

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

Cosa mostra il diagramma

Weftmap analizza TypeScript con la sua grammatica dedicata invece di rimuovere prima i tipi, così generici, interfacce e annotazioni non mandano mai in crisi il parsing. Ottieni lo stesso grafo dell'analizzatore JavaScript, su codice dove un parser JS puro si blocca.

Come leggere il diagramma Tutti i linguaggi supportati

Ora provalo con il tuo codice

Incolla un file, scegli il linguaggio e avvia l'analisi. Non viene salvato nulla.

Apri l'editor