search

hediet / vscode-debug-visualizer

An extension for VS Code that visualizes data during debugging.
https://marketplace.visualstudio.com/items?itemName=hediet.debug-visualizer
GNU General Public License v3.0
7.95k stars 414 forks source link

What am I doing wrong here? (Copying JS demo) #101

Open jasonwilliams opened 3 years ago

jasonwilliams commented 3 years ago

I followed the demo from the front page (the gif)

I can see in that gif the function doesn't need to be wrapped in JSON.stringify(), but when I do it it doesn't understand the function call. I've taken https://github.com/hediet/vscode-debug-visualizer/blob/master/demos/js/src/demo_sorting.ts and ran it with ts-node, it seems to work but not straight away.

Also when I wrap it in JSON.stringify() I don't get the arrows like the demo shows on the frontpage

Screenshot image

hediet commented 3 years ago

Oh, this is due to the "node-terminal" debug adapter. It is not supported yet (but it's very easy to support it, I will do that soon). If you launch the debugger by other means (e.g. through a launch.config), it should work.

The general problem is that for some reason there are like ~10 different ids for Javascript debuggers. I have to specifically list all supported adapters, otherwise this extension will try to inject Javascript into non-javascript debug adapters. I listed some, but missed node-terminal, I guess.

jasonwilliams commented 3 years ago

Ah, thanks, I will try that then.

This may tie in with https://github.com/hediet/vscode-debug-visualizer/issues/41 but I find it hard to get started with this extension, it looks great but I was a bit lost in how to properly use it.

For example, Is there a tutorial on how to use hedietDbgVis.markedGrid? Or what other functions are in there, i don't know what those arguments are that are passed in.

Although the demo is nice, It would be useful to see some Step by step guide on getting up and running with this. I thought i needed to output JSON but it looks like there's helper functions I can use instead?

Appreciate the fast reply!

hediet commented 3 years ago

These helper functions are just producing some json or otherwise supported values. You're entirely right, I need to improve my docs here. I guess a video might be useful.

DhruvDh commented 3 years ago

If you do end up making a video on how to use the extension, towards the end talking a bit about how the code is structured for the extension on how it makes everything work would be great for future contributors!

starfrogsplash commented 3 years ago

yes i am stuck on this issue aswell