RadiantWaveTech/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(vscode): fix dev-server task matcher and add debuggable-Chrome task

Browse Source 
Disable Vite's ANSI output (NO_COLOR/FORCE_COLOR) so the background-task
problem matcher's endsPattern reliably matches, fixing the
'Error exists after running preLaunchTask' failure. Add a
'Launch Debuggable Chrome' task (:9222, persistent ~/.chrome-rw-debug
profile) and an attach compound so you can debug the frontend in a Chrome
you control and stay logged in. Update DEBUGGING.md.
This commit is contained in:
NeilClack
2026-09-29 13:41:18 -05:00
parent e9f94b72ee
commit cc4aa8717e
3 changed files with 55 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.vscode/tasks.json
Vendored
+18 -6
View File
@@ -5,7 +5,7 @@
"label": "Start Dev Server",
"detail": "Vite dev server, no inspector (use with the Frontend launch configs).",
"type": "shell",
"command": "NODE_EXTRA_CA_CERTS=./digital-ocean.crt ./node_modules/.bin/vite dev --port 5173 --strictPort",
"command": "NO_COLOR=1 FORCE_COLOR=0 NODE_EXTRA_CA_CERTS=./digital-ocean.crt ./node_modules/.bin/vite dev --port 5173 --strictPort",
"isBackground": true,
"presentation": {
"reveal": "always",
@@ -18,8 +18,8 @@
"pattern": [{ "regexp": "^.*$", "file": 0, "location": 0, "message": 0 }],
"background": {
"activeOnStart": true,
"beginsPattern": "^.*VITE.*v",
"endsPattern": "^.*Local:.*$"
"beginsPattern": "^\\s*VITE .*ready",
"endsPattern": "^\\s*.*Local:.*http"
}
}
]
@@ -28,7 +28,7 @@
"label": "Start Dev Server (Node Inspector)",
"detail": "Vite dev server with the Node inspector on :9229. Run Vite directly (not via npm) so the inspector owns the process that actually executes the SSR code.",
"type": "shell",
"command": "NODE_OPTIONS='--inspect=9229 --enable-source-maps' NODE_EXTRA_CA_CERTS=./digital-ocean.crt ./node_modules/.bin/vite dev --port 5173 --strictPort",
"command": "NO_COLOR=1 FORCE_COLOR=0 NODE_OPTIONS='--inspect=9229 --enable-source-maps' NODE_EXTRA_CA_CERTS=./digital-ocean.crt ./node_modules/.bin/vite dev --port 5173 --strictPort",
"isBackground": true,
"presentation": {
"reveal": "always",
@@ -41,11 +41,23 @@
"pattern": [{ "regexp": "^.*$", "file": 0, "location": 0, "message": 0 }],
"background": {
"activeOnStart": true,
"beginsPattern": "^.*VITE.*v",
"endsPattern": "^.*Local:.*$"
"beginsPattern": "^\\s*VITE .*ready",
"endsPattern": "^\\s*.*Local:.*http"
}
}
]
},
{
"label": "Launch Debuggable Chrome",
"detail": "Opens Google Chrome with the remote-debugging port on :9222, using a separate profile so it can run alongside your normal Chrome. Log in once; then use the 'Frontend: Chrome (attach)' launch profile. Leaves Chrome open (not a background task).",
"type": "shell",
"command": "\"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome\" --remote-debugging-port=9222 --user-data-dir=\"${userHome}/.chrome-rw-debug\" http://localhost:5173",
"isBackground": false,
"presentation": {
"reveal": "always",
"panel": "dedicated"
},
"problemMatcher": []
}
]
}