How can I debug the studio?

[ShuoShenDe]

Hello~Dear Foxglove group,

My name is Susan. I'm trying to debug the code of studio.
So I want to know, from which file the code start?
I think the desktop folder is working for desktop server and desktop app, right? And the web folder is for web server, right? But I'm not sure what the other folders for.
Besides, when I try to set the breakpoints, they are always unbound. Could you tell me how to enable breakpoints?

This is how I run it: I use the node.js server in VScode

[jtbandes]

I recommend setting breakpoints in the browser's dev tools.

[ShuoShenDe]

I recommend setting breakpoints in the browser's dev tools.

But when you debug the desktop app, how you debug it?

[jtbandes]

Usually with breakpoints in the browser part of the app. It’s rare to need to debug the main process, I’m not sure I have any advice for it, but I’m sure you can find lots of guides for debugging Electron apps.

[ShuoShenDe]

I recommend setting breakpoints in the browser's dev tools.

Hi~Dear jtbandes, but when I use the browser's dev tools, the code is very complex to read, and it is js, not ts. Just like the following. Am I missing something? Or is there any tutorial for browser dev tools? I want to debug on ts directly

[defunctzombie]

As of 2.0 (https://foxglove.dev/blog/foxglove-2-0-unifying-robotics-observability) we no longer provide the source code for studio which also means we no longer provide support for working with the source code or debugging it.