Source maps aren't being picked up by vscode for debugging in TypeScript project

[MehediH]

Hi!

I am working in a monorepo where I have a bunch of small packages within the monorepo. When debugging with VSCode and compiling one of the packages with SWC, the source maps aren't working correctly. As such, I have unbounded breakpoints and when the breakpoints are hit, they hit the transpiled code rather than the sourced code.

Here are my configs:

# launch.json (vscode launch config)
{
      "type": "node",
      "request": "launch",
      "name": "watch the throne",
      "runtimeExecutable": "npm",
      "runtimeArgs": ["run", "dev:server"],
      "cwd": "${workspaceFolder}",
      "outFiles": ["${workspaceFolder}/modules/**/dist/**/**.js"],
      "sourceMaps": true,
      "smartStep": true,
      "trace": true
}

# .swcrc
{
  "jsc": {
    "parser": {
      "syntax": "typescript",
      "tsx": false,
      "decorators": false,
      "dynamicImport": false
    },
    "baseUrl": "."
  },
  "module": {
    "type": "commonjs"
  }
}

# package.json
"transpile": "swc src --extensions '.ts,.js' -C exclude='\\.test\\.(j|t)s$' --copy-files --source-maps",

here's the structure of my project:

.
└── cool-project/
    ├── packages/
    │   └── small-package/
    │       ├── src/
    │       │   └── handler.ts
    │       ├── dist/
    │       │   └── node/
    │       │       ├── handler.js
    │       │       └── handler.js.map
    │       ├── package.json
    │       └── .swcrc
    └── package.json

I have checked and the source maps are generated as expect, but for some VSCode keeps hitting the transpiled code when debugging.

When we use Babel, the breakpoints hit the source code as expected.

Am I doing anything wrong here? Would appreciate any pointers!