Debugging tRPC Code

[mingzew]

Hi platform customer here.

How can I step through code in /packages/trpc/server/routers/viewer/eventTypes.ts ? It has a lot of business logic and I am trying to edit it. In the chrome, everything after /packagestrpc/server is not shown. I'm sure for good reasons. I've tried input "debugger" in the code, that stops at the frontend code that calls that.

I'm new to nextjs and tRPC. Any help would be appreciated!

[mingzew]

Ok figured it out actually -

1. go to VSCode and run the debugger. There should be one setting present
2. put "debugger" at where u want to debug
3. open chrome running locally and "inspect" the code
4. There's a green box next to the "inspect element" tool by the top left
5. A new window opens, go there. (here's the tricky part) In connection tab, there are 2 entries for port 9229, delete one of them and everything works