devcontainer.json

{
  "name": "React Three.js Game Template Dev Container",
  "image": "mcr.microsoft.com/devcontainers/javascript-node:25-trixie",
  "features": {
    "ghcr.io/devcontainers/features/github-cli:1": {},
    "ghcr.io/devcontainers/features/node:1": {
      "nodeGypDependencies": true,
      "version": "25"
    }
  },
  // MCP Servers: See .github/mcp-config.json for Model Context Protocol configuration
  // These enhance GitHub Copilot with filesystem, git, github, and search capabilities
  // Update system dependencies
  "onCreateCommand": "sudo apt-get update && sudo apt-get install -y graphviz libgtk2.0-0 libgtk-3-0 libgbm-dev libnotify-dev libnss3 libxss1 libasound2 libxtst6 xauth xvfb dbus dbus-x11",
  // Improve service initialization
  "initializeCommand": {
    "dbus": "sudo service dbus start"
  },
  "customizations": {
    "vscode": {
      "extensions": [
        // Core Development
        "dbaeumer.vscode-eslint",

        // GitHub extensions - Copilot with MCP server support
        "GitHub.copilot",
        "GitHub.copilot-chat",
        "github.vscode-github-actions",

        // TypeScript/Node support
        "christian-kohler.npm-intellisense",
        "ritwickdey.LiveServer",

        // Keep minimal formatting support
        "esbenp.prettier-vscode"
      ],
      "settings": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.codeActionsOnSave": {
          "source.fixAll.eslint": "explicit"
        },
        // Updated ESLint options with absolute path to configuration file
        "eslint.workingDirectories": [
          { "mode": "auto" },
          { "directory": "./src", "changeProcessCWD": true },
          { "directory": "./cypress", "changeProcessCWD": true }
        ],
        "eslint.options": {
          "overrideConfigFile": "/workspaces/cia-compliance-manager/.eslintrc.cjs"
        },
        "typescript.updateImportsOnFileMove.enabled": "always",
        "javascript.updateImportsOnFileMove.enabled": "always",
        "typescript.suggest.completeFunctionCalls": true,

        // Better import organization
        "typescript.preferences.importModuleSpecifier": "shortest",
        "javascript.preferences.importModuleSpecifier": "shortest",

        // Ensure Copilot prefers TypeScript file extensions
        "github.copilot.fileTypes": {
          "javascript": "typescript",
          "javascriptreact": "typescriptreact"
        }
      },
      // Add VS Code tasks properly in the customizations section
      "tasks": {
        "version": "2.0.0",
        "tasks": [
          {
            "label": "build",
            "type": "npm",
            "script": "build",
            "problemMatcher": ["$tsc"],
            "group": {
              "kind": "build",
              "isDefault": true
            }
          }
        ]
      }
    }
  },
  // Update post-create commands to include ESLint installation and build
  "postCreateCommand": "chmod +x .devcontainer/init-xvfb.sh && sudo mkdir -p /var/run/dbus && sudo dbus-daemon --system --fork && npm install -g npm@latest eslint && npm install && npx cypress verify",
  // Add post-start command to ensure build is run when container starts
  "postStartCommand": "npm run build",
  "remoteUser": "node",
  // Expand environment variables
  "containerEnv": {
    "CYPRESS_VERIFY_TIMEOUT": "100000",
    "DBUS_SESSION_BUS_ADDRESS": "unix:path=/run/dbus/system_bus_socket",
    "NODE_OPTIONS": "--max-old-space-size=8192"
  },
  // Use privileged mode for X11 and Cypress
  "runArgs": ["--privileged"],
  // Fix: Use proper shutdown action instead of postStopCommand
  "shutdownAction": "none"
}