chore(vscode-debugger): update debugger on main process

Author: grimmerk

README.md

@@ -57,43 +57,15 @@ Use this to quickly open and switch VS Code projects.
 8. [fixed] close the packaged app via cmd+q seems not close SwitchV-server-macos process? check by command: lsof -i:55688. Use ctrl+c to stop development (running via yarn start) is OK. (add close button on tray to help? I guess it is not helping). 
     1. Solved by electron sending kill server process in the before-quick event handler. Another person suggests to add one more step to handle SIGINT signal on server side, ref https://stackoverflow.com/questions/71523442/child-process-doesnt-exit.
 
-### debugger issue 
+### Use VS Code Debugger  
 
 **To debug main process**
 
-Below is a workaround way to debug main process: Its reference is 
-https://github.com/electron-userland/electron-forge/issues/1369#issuecomment-1172913835
-  
+In VS Code Run and Debug, choose `Electron: Main Process` to launch and debug.
 
-```json
-{
-  "type": "node",
-  "request": "launch",
-  "name": "Electron Main",
-  "runtimeExecutable": "npm",
-  "runtimeArgs": [
-      "run",
-      "start",
-  ],
-  "cwd": "${workspaceFolder}"
-}
-```
-
-electron-forge official site only mention how to debug main process but it has a bug 
-https://github.com/electron-userland/electron-forge/issues/1369
-
-```json
-{
-  "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron-forge-vscode-nix",
-}
-```
-
-Error: Cannot find module '/Users/liamdawson/w/@electron-forge/cli/dist/electron-forge-start'
-
-
-**To debug render process (workaround way)**
+**To debug render process (below set up becomes broken after the timing updating electron 29 and add 2nd window, please directly set up breakpoints in the opened dev tool instead) **
 
-[electron site](https://www.electronjs.org/docs/latest/tutorial/debugging-vscode) and [ms github site](https://github.com/Microsoft/vscode-recipes/tree/master/Electron) both mention below setting to debug main proces 
+~~[electron site](https://www.electronjs.org/docs/latest/tutorial/debugging-vscode) and [ms github site](https://github.com/Microsoft/vscode-recipes/tree/master/Electron) both mention below setting to debug main proces 
 
 
 ```json 
@@ -107,7 +79,7 @@ and ms github site has a extra setting for debugging render process. But the abo
 1. `yarn start` (to start webpack server part) 
 2. launch compound "Electron: All" launch setting (from ms github site) to debug main & **render processes**. 
 
-The drawback is you will see two copy of SwitchV. And attaching render process takes a little time (e.g. only stop at some breakpoints after a while/refresh).
+The drawback is you will see two copy of SwitchV. And attaching render process takes a little time (e.g. only stop at some breakpoints after a while/refresh).~~
 
 ## notes about packaging a macOS app
 

electron/.vscode/launch.json

@@ -1,6 +1,20 @@
 {
     "version": "0.2.0",
     "configurations": [
+        {
+            "name": "Electron: Main Process",
+            "type": "node",
+            "request": "launch",
+            "cwd": "${workspaceFolder}",
+            "runtimeExecutable": "yarn",
+            "windows": {
+                "runtimeExecutable": "yarn.cmd"
+            },
+            "runtimeArgs": [
+                "start"
+            ],
+            "outputCapture": "std",
+        },
         {
             "name": "Debug Current File",
             "type": "node",
@@ -11,68 +25,34 @@
             ]
         },
         {
-            "name": "Electron: Main Process",
             "type": "node",
             "request": "launch",
-            "cwd": "${workspaceFolder}",
-            "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron-forge-vscode-win",
-            "windows": {
-                "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron-forge-vscode-win.cmd"
-            },
-            "args" : [
+            "name": "Electron: ms-Main-blank-only-used-in-comound",
+            "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron",
+            "runtimeArgs": [
                 ".",
-                "--remote-debugging-port=9223"
+                "--remote-debugging-port=9223",
             ],
-            "outputCapture": "std",
-            "console": "integratedTerminal",
-            "sourceMaps": true,
-            "resolveSourceMapLocations": [
-                "${workspaceFolder}/**",
-                "!**/node_modules/**"
-            ],
-            "preLaunchTask": "npm: start",
-            "env": {
-                "NODE_ENV": "development"
-            }
-        },
-        {
-            "name": "Electron: Renderer Process",
-            "type": "chrome",
-            "request": "attach",
-            "port": 9223,
-            "webRoot": "${workspaceFolder}",
-            "timeout": 30000,
-            "urlFilter": "*main_window*",
-            "sourceMapPathOverrides": {
-                "webpack:///./~/*": "${workspaceFolder}/node_modules/*",
-                "webpack:///./*": "${workspaceFolder}/*",
-                "webpack:///*": "*"
+            "windows": {
+                "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron.cmd"
             }
         },
         {
-            "name": "Electron: Explainer Renderer Process",
+            "name": "Electron: ms-Renderer-only-used-in-comound",
             "type": "chrome",
             "request": "attach",
             "port": 9223,
             "webRoot": "${workspaceFolder}",
-            "timeout": 30000,
-            "urlFilter": "*explainer_window*",
-            "sourceMapPathOverrides": {
-                "webpack:///./~/*": "${workspaceFolder}/node_modules/*",
-                "webpack:///./*": "${workspaceFolder}/*",
-                "webpack:///*": "*"
-            }
+            "timeout": 30000
         }
     ],
     "compounds": [
         {
-            "name": "Electron: All Processes",
+            "name": "Electron: All(require manually run start first)",
             "configurations": [
-                "Electron: Main Process", 
-                "Electron: Renderer Process",
-                "Electron: Explainer Renderer Process"
-            ],
-            "stopAll": true
+                "Electron: ms-Main-blank-only-used-in-comound",
+                "Electron: ms-Renderer-only-used-in-comound"
+            ]
         }
     ]
 }

electron/.vscode/tasks.json

@@ -19,7 +19,9 @@
     "make-x86": "electron-forge make --arch=x64 --platform=darwin",
     "publish": "electron-forge publish",
     "lint": "eslint --ext .ts,.tsx .",
-    "db:migrate": "prisma migrate dev"
+    "db:migrate": "prisma migrate dev",
+    "watch": "webpack --watch"
+
   },
   "keywords": [],
   "author": {