services:
  frontend:
    build:
      target: build-stage
    command: npm run dev -- --host 0.0.0.0 --port 80
    ports:
      - "${FRONTEND_PORT}:80"
    environment:
      - CHOKIDAR_USEPOLLING=true
      - WATCHPACK_POLLING=true
    volumes:
      - ./${FRONTEND_DIR}:/app
      - /app/node_modules
    # dev에서는 리버스 프록시 미사용 — base의 networks 목록을 덮어씀
    networks: !override
      - app-network

  backend:
    build:
      target: builder
    command: npm run start:dev
    ports:
      - "${BACKEND_PORT}:${BACKEND_PORT}"
      - "${WEBSOCKET_PORT}:${WEBSOCKET_PORT}"
    environment:
      - CHOKIDAR_USEPOLLING=true
      - WATCHPACK_POLLING=true
    volumes:
      - ./${BACKEND_DIR}:/app
      - /app/node_modules
    # dev에서는 리버스 프록시 미사용 — base의 networks 목록을 덮어씀
    networks: !override
      - app-network

  db:
    ports:
      - "${DB_PORT}:5432"

  redis:
    ports:
      - "${REDIS_PORT}:6379"

# base의 proxy 외부 네트워크 의존을 dev에서 제거
networks:
  proxy: !reset null