Add debug-configurations

.devcontainer/devcontainer.json

@@ -4,6 +4,9 @@
     "service": "silverstripe",
     "workspaceFolder": "/vscode/src/mantra",
     "extensions": [
-        "ms-vscode.vscode-typescript-tslint-plugin"
+        "felixfbecker.php-pack",
+        "ms-vscode.vscode-typescript-tslint-plugin",
+        "msjsdiag.debugger-for-chrome",
+        "neilbrayfield.php-docblocker"
     ]
 }

.devcontainer/docker-compose.yml

@@ -8,6 +8,7 @@ services:
       - 8080:80
       - 3000:3000
       - 3001:3001
+      - 9000:9000
     volumes:
       - ..:/vscode/src/mantra
       - ../test/website:/var/www/html

.vscode/extensions.json

@@ -5,8 +5,11 @@
 	// List of extensions which should be recommended for users of this workspace.
 	"recommendations": [
 		"adrianhumphreys.silverstripe",
+		"felixfbecker.php-pack",
 		"ms-vscode.vscode-typescript-tslint-plugin",
-		"ms-vscode-remote.remote-containers"
+		"ms-vscode-remote.remote-containers",
+		"msjsdiag.debugger-for-chrome",
+		"neilbrayfield.php-docblocker"
 	],
 	// List of extensions recommended by VS Code that should not be recommended for users of this workspace.
 	"unwantedRecommendations": [

.vscode/launch.json

@@ -0,0 +1,38 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome",
+            "url": "http://localhost:3000",
+            "webRoot": "${workspaceFolder}/test/website/public",
+            "pathMapping": {
+                "/_resources/themes/mantra": "${workspaceFolder}"
+            },
+            "preLaunchTask": "Watch Debug",
+            "postDebugTask": "Stop Debug"
+        },
+        {
+            "name": "Listen for XDebug",
+            "type": "php",
+            "request": "launch",
+            "port": 9000,
+            "pathMappings": {
+                "/var/www/html": "${workspaceFolder}/test/website"
+            }
+        }
+    ],
+    "compounds": [
+        {
+            "name": "Debug Theme",
+            "configurations": [
+                "Launch Chrome",
+                "Listen for XDebug"
+            ]
+        }
+    ]
+}