fix: make debugging work all nice and stuff

Author: connor4312

.vscode/launch.json

@@ -6,14 +6,22 @@
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "Flame Graph",
+      "name": "Extension",
       "type": "pwa-extensionHost",
       "request": "launch",
       "runtimeExecutable": "${execPath}",
       "debugWebviews": true,
-      "cwd": "${workspaceFolder}/packages/vscode-js-profile-flame",
       "rendererDebugOptions": {
-        "webRoot": "${workspaceFolder}/packages/vscode-js-profile-flame"
+        "sourceMapPathOverrides": {
+          "webpack://?:*/../*": "${workspaceFolder}/packages/*",
+          "webpack://vscode-js-profile-table/./*": "${workspaceFolder}/packages/vscode-js-profile-table/*",
+          "webpack://vscode-js-profile-flame/./*": "${workspaceFolder}/packages/vscode-js-profile-flame/*"
+        }
+      },
+      "sourceMapPathOverrides": {
+        "webpack://?:*/../*": "${workspaceFolder}/packages/*",
+        "webpack://vscode-js-profile-table/./*": "${workspaceFolder}/packages/vscode-js-profile-table/*",
+        "webpack://vscode-js-profile-flame/./*": "${workspaceFolder}/packages/vscode-js-profile-flame/*"
       },
       "args": [
         "--extensionDevelopmentPath=${workspaceFolder}/packages/vscode-js-profile-table",

package-lock.json

@@ -58,6 +58,7 @@
     "prettier": "^2.0.4",
     "raw-loader": "^4.0.0",
     "rimraf": "^3.0.2",
+    "source-map-loader": "^3.0.1",
     "source-map-support": "^0.5.16",
     "style-loader": "^1.1.3",
     "svg-inline-loader": "^0.8.2",

package.json

@@ -4,7 +4,7 @@ const node = process.argv.includes('node');
 
 module.exports = (dirname, file = 'client') => ({
   mode: production ? 'production' : 'development',
-  devtool: production ? false : 'source-map',
+  devtool: production ? false : 'inline-source-map',
   entry: `./src/client/client.tsx`,
   output: {
     path: path.join(dirname, 'out'),
@@ -13,16 +13,22 @@ module.exports = (dirname, file = 'client') => ({
   },
   resolve: {
     extensions: ['.ts', '.tsx', '.js', '.json', '.svg', '.vert', '.frag'],
-    ...(
-      node ? {} : {
-        fallback: {
-          path: require.resolve('path-browserify'),
-          os: require.resolve('os-browserify/browser'),
-        }
-      }),
+    ...(node
+      ? {}
+      : {
+          fallback: {
+            path: require.resolve('path-browserify'),
+            os: require.resolve('os-browserify/browser'),
+          },
+        }),
   },
   module: {
     rules: [
+      {
+        test: /\.js$/,
+        enforce: 'pre',
+        use: ['source-map-loader'],
+      },
       {
         test: /\.tsx?$/,
         loader: 'ts-loader',

scripts/webpack.client.js

@@ -30,6 +30,11 @@ module.exports = dirname => ({
   },
   module: {
     rules: [
+      {
+        test: /\.js$/,
+        enforce: 'pre',
+        use: ['source-map-loader'],
+      },
       {
         test: /\.ts$/,
         loader: 'ts-loader',