chore: add a dev container definition

.devcontainer/devcontainer.json

@@ -0,0 +1,21 @@
+{
+  "name": "UI devcontainer",
+  "dockerComposeFile": "docker-compose.yml",
+  "service": "repo",
+  "containerUser": "root",
+  "workspaceFolder": "/workspace",
+  "shutdownAction": "stopCompose",
+  "features": {
+    "ghcr.io/devcontainers-extra/features/apt-packages:1": {
+      "packages": "libgtk2.0-0,libgtk-3-0,libgbm-dev,libnotify-dev,libnss3,libxss1,libasound2,libxtst6,xauth,xvfb"
+    }
+  },
+  "postCreateCommand": "npm update --global npm && npm install && npm --prefix ./client install && npm --prefix ./server install && npm --prefix ./tests install && npx --prefix ./tests cypress install",
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "esbenp.prettier-vscode"
+      ]
+    }
+  }
+}

.devcontainer/docker-compose.yml

@@ -0,0 +1,9 @@
+services:
+  repo:
+    image: "mcr.microsoft.com/devcontainers/typescript-node:1-22-bookworm"
+    volumes:
+      - ../:/workspace:cached
+      - .npm:/home/node/.npm:delegated
+    entrypoint: sleep infinity
+    environment:
+      VITE_HOST: "0.0.0.0"

.github/dependabot.yml

@@ -4,3 +4,7 @@ updates:
     directory: "/"
     schedule:
       interval: "weekly"
+  - package-ecosystem: "devcontainers"
+    directory: "/"
+    schedule:
+      interval: weekly

client/vite.config.ts

@@ -1,5 +1,6 @@
 import eslintPlugin from "@nabla/vite-plugin-eslint";
 import react from "@vitejs/plugin-react";
+import { env } from "node:process";
 import { resolve } from "path";
 import { defineConfig } from "vite";
 
@@ -11,6 +12,7 @@ export default defineConfig({
   },
   server: {
     allowedHosts: [".dev.renku.ch"],
+    ...(env.VITE_HOST ? { host: env.VITE_HOST } : {}),
   },
   plugins: [react({ include: "/index.html" }), eslintPlugin()],
   resolve: {