Configure VS Code debug and tasks

.devcontainer/devcontainer.json

@@ -20,7 +20,6 @@
     "esbenp.prettier-vscode",
     "bierner.lit-html",
     "runem.lit-plugin",
-    "auchenberg.vscode-browser-preview",
     "davidanson.vscode-markdownlint",
     "redhat.vscode-yaml"
   ],

.vscode/extensions.json

@@ -6,7 +6,6 @@
     "esbenp.prettier-vscode",
     "bierner.lit-html",
     "runem.lit-plugin",
-    "auchenberg.vscode-browser-preview",
     "davidanson.vscode-markdownlint",
     "redhat.vscode-yaml"
   ]

.vscode/launch.json

@@ -1,15 +1,13 @@
 {
-  // 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": [
     {
-      "command": "yarn start",
-      "name": "Run yarn start",
+      "type": "pwa-chrome",
       "request": "launch",
-      "type": "node-terminal",
-      "internalConsoleOptions": "openOnFirstSessionStart"
+      "name": "Launch Chrome against Home Assistant",
+      "url": "http://localhost:8123",
+      "webRoot": "${workspaceFolder}/dist",
+      "preLaunchTask": "Rollup & Home Assistant"
     }
   ]
 }

.vscode/tasks.json

@@ -2,11 +2,51 @@
   "version": "2.0.0",
   "tasks": [
     {
+      "label": "Rollup",
       "type": "npm",
       "script": "start",
-			"problemMatcher": [],
-			"label": "npm: start",
-			"detail": "rollup -c --watch"
+      "problemMatcher": {
+        "pattern": [
+          {
+            "regexp": ".",
+            "file": 1,
+            "location": 2,
+            "message": 3
+          }
+        ],
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": "^bundles",
+          "endsPattern": "^created"
+        }
+      },
+      "isBackground": true
+    },
+    {
+      "label": "Home Assistant",
+      "type": "shell",
+      "command": "container start",
+      "problemMatcher": {
+        "pattern": [
+          {
+            "regexp": ".",
+            "file": 1,
+            "location": 2,
+            "message": 3
+          }
+        ],
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": ".",
+          "endsPattern": "."
+        }
+      },
+      "isBackground": true
+    },
+    {
+      "label": "Rollup & Home Assistant",
+      "dependsOn": ["Rollup", "Home Assistant"],
+      "problemMatcher": []
     }
   ]
 }

rollup.config.js

@@ -69,6 +69,9 @@ const config = {
   output: {
     file: 'dist/frigate-hass-card.js',
     format: 'es',
+    ...(dev && {
+      sourcemap: true,
+    }),
   },
   plugins: plugins,
   // These two files use this at the toplevel, which causes rollup warning

tsconfig.json

@@ -18,5 +18,6 @@
     "resolveJsonModule": true,
     "experimentalDecorators": true,
     "esModuleInterop": true,
+    "sourceMap": true
   }
 }