📊 Debug Graph

A Visual Studio Code extension that visualizes the function calls (code paths) leading up to your breakpoints. Gain insights into the execution flow in your code and troubleshoot efficiently!

✨ Features

Show the call path

🚀 Requirements

This extension is designed to work with all languages supported by Visual Studio Code. However, the following languages have been tested for compatibility:

Language	Debugger	Linux	Windows	Notes
Go	golang	✅	✅
Python	debugpy	✅	✅
JavaScript	Node	❔	✅	using node.js runtime
TypeScript	pwa-node	✅	✅	using Deno runtime
C++	GDB	✅	❔
C	GDB	✅	❔
Rust	lldb	✅	❔
C#	dotnet	✅	✅	dotnet 8 + 6
Zig	lldb	✅	❔	version 0.14

✅ tested | ❌ not working | ❔ not tested

All test projects can be found in the test_code directory.

More testing is planned for additional languages such as C#, C, and Java.

🛠️ How to Get Started

Set a breakpoint in your code.
Click on the Call Graph icon in the top bar of your editor (only visible while debugging).
Explore the variables and trace the origin of your execution.

📥 How to Install

Open Visual Studio Code.
Go to the Extensions view (square icon in the sidebar).
Search for Debug Graph and click Install.

You can also install it directly from the Visual Studio Marketplace.

💻 Issues and Contributions

For bug reports or feature requests, please visit our GitHub Repository.

📦 Store Information

Extension Name: debug-graph
Extension ID: k0in.debug-graph
View on Visual Studio Marketplace

Tech Stack

TypeScript
Vue.js (for the frontend)
Comlink (for communication between the frontend and backend)

debug-graph

k0in