whyboris/TypeScript-Call-Graph

CLI to generate an interactive graph of functions and calls from your TypeScript files

TypeScript Call Graph

This CLI will create an interactive graph of all the functions and their calls in the TypeScript files you provide.

⚠️ This is a work in progress 🚧 More visualization contributions are welcome.

How to use

Install globally:

npm install -g typescript-call-graph

Inside any directory, run:

tcg

It will remind you how to use the CLI: you need to provide specific files, or globs (wildcard paths):

tcg myFile.ts folder/* anotherFolder/**/*

Developing

Clone repository. Edit index.ts and/or extract.ts and run npm start to build changes, npm test to run CLI against files in this repository.

Suggestions or PRs for how to improve this CLI are very welcome 🙇

You may also edit this repository as you'd like and install your custom version of tcg command with npm run global

Thank you

• Matteo Abrate for the tangled tree visualization
• Mike Bostock for the arc diagram
• GraphViz, node-graphviz, and d3-graphviz for the simple graph
• Mermaid-JS for a way to create a graph
• Tutorial and code for processing TypeScript (AST)
• Tutorial for creating a CLI
• TS-Call-Graph for inspiration