Add a better tutorial.

[hediet]

Add a better tutorial.

[hediet]

I fixed it in 1.1.0. Should work with js-debug-nightly.

[hediet]

It's like the watch window that VS Code already provides in the debug pane. Except that it does not display the result as text, but interprets the result as data for specific visualizers.

Is it usable with Promises?
As thus, you cannot visualize Promises directly, as there is no visualization for them.

At what point can I use it and how?
You can use it whenever you can use VS Codes watch window.

Can it only output expressions or even a call stack?
Now I am confused. It does not output expression, but visualizes the result of them, evaluated everytime the debugger pauses.

There is no visualizer for the current call stack yet, but VS Code already displays the call stack.

Did that clarify things?

[st-schneider]

For Promises and call stack yes. But how do I visualize something like .map or an iteration or even a simple object?

[st-schneider]

And how is the debug adapter chosen? When I run a node app it reports pwa-chrome instead of node?

[hediet]

How does it report pwa-chrome? This extension is not involved in chosing the debug adapter.
How would you like .map to be visualized? It's a function call. This extension visualizes data structures.
I'll try to record a video that will demonstrate how to use this extension for javascript.

[st-schneider]

It reports pwa-chrome in the output of the visualizer window.
Okay so I can't visualize iteration with map only with for loops? Is it a bit like in d3 enter update exit with a tick function?

[kwafok]

I have got a similar error after these steps:

1. Run VsCode command "Debug: Create JavaScript Debug Terminal"
2. Run "node" in terminal
3. Run "debugger" in node repl.
4. Run VsCode command "Debug Visualizer: New View"
5. Input:

{
    "kind": { "graph": true },
    "nodes": [
        { "id": "1", "label": "1" },
        { "id": "2", "label": "2", "color": "orange" },
        { "id": "3", "label": "3" }
    ],
    "edges": [
        { "from": "1", "to": "2", "color": "red" },
        { "from": "1", "to": "3" }
    ]
}

What are Extractor, and Visualizer? They are (none) now. How can I setup Extractor, Visualizer?

[hediet]

Ah, now I understand the problem. Never really encountered the pwa-chrome debug adapter.
Why is VS Code using this debug adapter, and not the node debug adapter?
Which extension provides the command Debug: Create JavaScript Debug Terminal?

[kwafok]

I have installed extension "js-debug-nightly", and it provide the command Debug: Create JavaScript Debug Terminal

https://github.com/microsoft/vscode-js-debug/blob/master/README.md#debug-nodejs-processes-in-the-terminal

[hediet]

I'm closing this issue. Please reopen if the update does not fix it.