How to install TypeScript Call Graph globally?

Run 'npm install -g typescript-call-graph' from the terminal, then use the 'tcg' command with TypeScript files or glob patterns to generate graphs, as outlined in the README.

Can TypeScript Call Graph handle dynamic imports?

No, it performs static AST analysis and may not visualize dynamic imports or runtime function calls, limiting its accuracy in codebases with dynamic behavior.

TypeScript Call Graph vs TS-Call-Graph: which is better?

TypeScript Call Graph focuses on interactive visualizations with multiple graph types, while TS-Call-Graph might offer different features. This tool is better for visual exploration, but both are niche and depend on specific use cases.

How to customize the graph output in TypeScript Call Graph?

The README mentions customizable output but lacks details. You can modify visualization styles by editing the open-source code, such as index.ts, though there's no built-in configuration system.

Is TypeScript Call Graph suitable for large projects?

It supports batch analysis with glob patterns, but performance and accuracy might degrade with very large codebases due to static analysis limitations and scalability issues from the AST processing.

How to contribute to TypeScript Call Graph development?

Clone the repository, edit files like index.ts and extract.ts, and use npm scripts to build and test. The README welcomes suggestions and PRs, especially for improving visualizations.

Open-Awesome

TypeScript Call Graph

MITJavaScriptv0.0.3

CLI tool that generates interactive call graphs from TypeScript source files to visualize function dependencies.

GitHub

285 stars23 forks0 contributors

What is TypeScript Call Graph?

TypeScript Call Graph is a CLI tool that generates interactive visualizations of function calls and dependencies from TypeScript source files. It analyzes TypeScript code to create graphs that help developers understand code structure, track function relationships, and navigate complex codebases visually.

Target Audience

TypeScript developers working on medium to large codebases who need to visualize function dependencies, understand code flow, or document architecture.

Value Proposition

It provides immediate, interactive visualizations without complex setup, supports multiple graph types for different analysis needs, and works directly with TypeScript's AST for accurate results.

Overview

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

Use Cases

Best For

Visualizing function dependencies in legacy TypeScript codebases
Documenting architecture and call flows for team onboarding
Identifying tightly coupled functions during refactoring
Understanding third-party TypeScript library structures
Teaching TypeScript patterns through visual call graphs
Debugging complex function call chains in large applications

Not Ideal For

Teams needing integrated IDE tools for real-time code analysis during development
Projects with extensive use of dynamic imports or runtime code execution
Developers seeking automated refactoring or code modification capabilities

Pros & Cons

Pros

Interactive Visualizations

Generates clickable, zoomable graphs that help navigate complex codebases interactively, as shown in the project screenshot and described in the key features.

Multiple Graph Types

Supports tangled tree, arc diagram, GraphViz, and Mermaid.js visualizations, offering flexibility for different analysis needs based on user preference.

Simple CLI Usage

Easy to install globally and run with file globs for batch analysis, providing immediate insights without complex configuration, per the README examples.

AST-Based Accuracy

Uses TypeScript's Abstract Syntax Tree for precise call extraction, ensuring reliable visualization of static code structure as highlighted in the features.

Cons

Incomplete Feature Set

The project is labeled as a work in progress with limited visualizations and potential bugs, as admitted in the README, reducing reliability for production use.

Static Analysis Limitations

Relies solely on AST analysis, missing dynamic function calls and runtime dependencies, which can lead to incomplete graphs in modern TypeScript applications.

Minimal Documentation

The README provides basic usage but lacks detailed tutorials, API docs, or troubleshooting guides, making it harder for users to extend or debug the tool.

Frequently Asked Questions

Related Projects

PHP Parser

A PHP parser written in PHP

Stars17,439

Forks1,121

Last commit3 months ago

TypeScript ESLint

:sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript

Static Type Checker for Python

Stars15,462

Forks1,785

Last commit2 days ago

Reviewdog

🐶 Automated code review tool integrated with any code analysis tools regardless of programming language

Stars9,329

Forks489