Need way to debug the packages when running examples

[pgangwani]

Issue and Steps to Reproduce

I was trying to debug logout function by running examples/react-oidc-demo where I noticed that because we are using pnpm workspace, code is coming from node_modules upon install/build.

How can I get actual source with same files(sourcemap) to debug it much better ?

Versions

all

Screenshots

Expected

Need to know how to debug in packages while running the example

Actual

Not finding right doc

Additional Details

• Installed packages:

[pgangwani]

I tried this tsconfig change. it didnt work.

[guillaume-chervet]

Hi @pgangwani ,

I have the same problem since we have build multi packages.
I would be happy to find a solution 😀

[pgangwani]

Hi @pgangwani ,

I have the same problem since we have build multi packages. I would be happy to find a solution 😀

Let me try few simple things.

[pgangwani]

I see one option to add nx tooling to it. Thoughts?

[astrinxit66]

In pnpm a package in node_modules that refers to a workspace is just a symlink to that workspace.

So it's more of a vite concern than a pnpm one. Try the following:

1. go to packages/react-oidc/package.json and in scripts replace the value of build with vite build --sourcemap inline
2. go back to the root of the project and run pnpm run build
3. then go to examples/react-oidc-demo and run pnpm start

You should be able to see the source code in your browser devtool.
Note that you will need to run steps 2 and step 3 every time you make a change in packages/react-oidc in order to regenerate the sourcemap

[pgangwani]

In pnpm a package in node_modules that refers to a workspace is just a symlink to that workspace.

So it's more of a vite concern than a pnpm one. Try the following:

1. go to packages/react-oidc/package.json and in scripts replace the value of build with vite build --sourcemap inline
2. go back to the root of the project and run pnpm run build
3. then go to examples/react-oidc-demo and run pnpm start

You should be able to see the source code in your browser devtool. Note that you will need to run steps 2 and step 3 every time you make a change in packages/react-oidc in order to regenerate the sourcemap

Amazing leme try