devcontainer.json

{
  "name": "FuTuRe Remittance Platform",
  "dockerComposeFile": "docker-compose.yml",
  "service": "devcontainer",
  "workspaceFolder": "/workspace",

  // Forward ports for backend, frontend, and Storybook
  "forwardPorts": [3000, 3001, 6006, 5432, 6379],
  "portsAttributes": {
    "3000": { "label": "Frontend (Vite)", "onAutoForward": "notify" },
    "3001": { "label": "Backend (Express)", "onAutoForward": "notify" },
    "6006": { "label": "Storybook", "onAutoForward": "notify" },
    "5432": { "label": "PostgreSQL", "onAutoForward": "silent" },
    "6379": { "label": "Redis", "onAutoForward": "silent" }
  },

  // Install dependencies and copy env files after the container is created
  "postCreateCommand": "bash .devcontainer/post-create.sh",

  // Run migrations after the container starts (db must be healthy)
  "postStartCommand": "cd /workspace/backend && npx prisma migrate deploy 2>/dev/null || true",

  "customizations": {
    "vscode": {
      "extensions": [
        // JavaScript / TypeScript
        "dbaeumer.vscode-eslint",
        "esbenp.prettier-vscode",
        "ms-vscode.vscode-typescript-next",

        // React / Tailwind
        "dsznajder.es7-react-js-snippets",

        // Git
        "eamodio.gitlens",
        "mhutchie.git-graph",

        // Testing
        "vitest.explorer",

        // Prisma
        "Prisma.prisma",

        // Docker
        "ms-azuretools.vscode-docker",

        // General DX
        "streetsidesoftware.code-spell-checker",
        "EditorConfig.EditorConfig",
        "usernamehw.errorlens"
      ],
      "settings": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.codeActionsOnSave": {
          "source.fixAll.eslint": "explicit"
        },
        "eslint.workingDirectories": ["backend", "frontend"],
        "typescript.tsdk": "frontend/node_modules/typescript/lib",
        "terminal.integrated.defaultProfile.linux": "bash",
        "files.eol": "\n",
        "files.insertFinalNewline": true
      }
    }
  },

  // Container user — matches the node image's default non-root user
  "remoteUser": "node"
}