Modification to use devcontainer for Grafana Scene app development

.config/Dockerfile

@@ -10,7 +10,8 @@ ENV GF_AUTH_ANONYMOUS_ENABLED "true"
 ENV GF_AUTH_BASIC_ENABLED "false"
 # Set development mode so plugins can be loaded without the need to sign
 ENV GF_DEFAULT_APP_MODE "development"
+ARG livereload_host=http:\\/\\/localhost:35729
 
 # Inject livereload script into grafana index.html
 USER root
-RUN sed -i 's/<\/body><\/html>/<script src=\"http:\/\/localhost:35729\/livereload.js\"><\/script><\/body><\/html>/g' /usr/share/grafana/public/views/index.html
+RUN sed -i "s/<\/body><\/html>/<script src='${livereload_host}\/livereload.js'><\/script><\/body><\/html>/g" /usr/share/grafana/public/views/index.html

.devcontainer/devcontainer.json

@@ -1,5 +1,21 @@
 {
   "image": "mcr.microsoft.com/devcontainers/universal:2",
-  "features": {
-  }
-}
+  "waitFor": "onCreateCommand",
+  "updateContentCommand": "npm install",
+  "postCreateCommand": "",
+  "postAttachCommand": {
+    "server": "npm run dev",
+    "grafana": "npm run server"
+  },
+  "portsAttributes": {
+    "35729": {
+      "label": "Application",
+      "onAutoForward": "silent"
+    },
+    "3000": {
+      "label": "Grafana",
+      "onAutoForward": "openPreview"
+    }
+  },
+  "forwardPorts": [35729, 3000]
+}

docker-compose.yaml

@@ -1,4 +1,4 @@
-npversion: '3.0'
+version: '3.0'
 
 services:
   grafana:
@@ -7,8 +7,9 @@ services:
     build:
       context: ./.config
       args:
-        grafana_image: ${GRAFANA_IMAGE:-grafana-enterprise}
-        grafana_version: ${GRAFANA_VERSION:-10.0.3}
+        grafana_image: ${GRAFANA_IMAGE:-grafana}
+        grafana_version: ${GRAFANA_VERSION:-10.2.0}
+        livereload_host: "https:\\/\\/${CODESPACE_NAME}-35729.app.github.dev"
     ports:
       - 3000:3000/tcp
     volumes: