Improve devcontainer

.devcontainer/configuration.yaml

@@ -1,4 +1,7 @@
 default_config:
 lovelace:
   mode: yaml
-demo:
+  resources:
+    - url: http://127.0.0.1:5000/frigate-hass-card.js
+      type: module
+demo:

.devcontainer/devcontainer.json

@@ -1,14 +1,18 @@
 // See https://aka.ms/vscode-remote/devcontainer.json for format details.
 {
-  "name": "Boilerplate Card Development",
-  "image": "ludeeus/container:monster",
-  "context": "..",
-  "appPort": ["5000:5000", "9123:8123"],
-  "postCreateCommand": "npm install",
-  "runArgs": [
-    "-v",
-    "${env:HOME}${env:USERPROFILE}/.ssh:/tmp/.ssh" // This is added so you can push from inside the container
-  ],
+  "image": "ghcr.io/ludeeus/devcontainer/generic:latest",
+  "forwardPorts": [5000, 8123],
+  "portsAttributes": {
+    "5000": {
+      "label": "Rollup",
+      "onAutoForward": "silent"
+    },
+    "8123": {
+      "label": "Home Assistant",
+      "onAutoForward": "notify"
+    }
+  },
+  "postCreateCommand": "yarn install",
   "extensions": [
     "github.vscode-pull-request-github",
     "eamodio.gitlens",
@@ -22,11 +26,16 @@
   ],
   "settings": {
     "files.eol": "\n",
-    "editor.tabSize": 4,
-    "terminal.integrated.shell.linux": "/bin/bash",
+    "editor.tabSize": 2,
     "editor.formatOnPaste": false,
     "editor.formatOnSave": true,
     "editor.formatOnType": true,
-    "files.trimTrailingWhitespace": true
+    "files.trimTrailingWhitespace": true,
+    "[json]": {
+      "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[jsonc]": {
+      "editor.defaultFormatter": "esbenp.prettier-vscode"
+    }
   }
 }

.devcontainer/ui-lovelace.yaml

@@ -1,7 +1,6 @@
-resources:
-  - url: http://127.0.0.1:5000/frigate-card.js
-    type: module
 views:
   - cards:
       - type: custom:frigate-card
         name: Frigate Card Development
+        cameras:
+          - camera_entity: camera.demo_camera