Introduce Debug Task

[FlorianRappl]

We should introduce some VS Code tasks for debugging Piral instances or pilets.

It is yet unclear if we can use the same for piral-cli-parcel and piral-cli-webpack. Maybe distinguish for now?

• A potential Parcel config
• A primer for Webpack
• Task provider in a VS Code extension

https://code.visualstudio.com/api/extension-guides/debugger-extension

[FlorianRappl]

I'd take this one.

[FlorianRappl]

launch.json:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "pwa-msedge",
      "request": "launch",
      "name": "webdebug",
      "url": "http://localhost:1234",
      "webRoot": "${workspaceFolder}",
      "runtimeExecutable": "stable",
      "runtimeArgs": ["--headless"]
    }
  ],
  "compounds": [
    {
      "name": "Launch Piral Instance",
      "configurations": ["webdebug"],
      "stopAll": true,
      "preLaunchTask": "npm start"
    }
  ]
}

and the tasks.json:

{
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "start",
      "label": "npm start",
      "isBackground": true,
      "problemMatcher": {
        "owner": "webpack",
        "severity": "error",
        "fileLocation": "absolute",
        "pattern": [
          {
            "regexp": "ERROR in (.*)",
            "file": 1
          },
          {
            "regexp": "\\((\\d+),(\\d+)\\):(.*)",
            "line": 1,
            "column": 2,
            "message": 3
          }
        ],
        "background": {
          "activeOnStart": true,
          "beginsPattern": "Running",
          "endsPattern": "compiled successfully"
        }
      },
      "options": {
        "cwd": "${workspaceFolder}"
      },
      "dependsOn": []
    }
  ]
}

[FlorianRappl]

Part of 0.3.