services:
  web:
    image: nginx:alpine
    ports:
      - "8082:80"
    volumes:
      - ./nginx.dev.conf:/etc/nginx/conf.d/default.conf:ro
      - ./dist:/usr/share/nginx/html:ro
    restart: unless-stopped
    depends_on:
      - vite
    networks:
      - ditto-network

  vite:
    image: node:22-alpine
    working_dir: /app
    # Use host node_modules (no anonymous volume) so new deps added after merge
    # are picked up after a plain "npm install" on the host and container restart.
    command: sh -c "npm install && npm run dev"
    volumes:
      - .:/app
    environment:
      - NODE_ENV=development
    networks:
      - ditto-network
    restart: unless-stopped

networks:
  ditto-network:
    driver: bridge