ARG NODE_BASE_IMAGE=node:20-alpine
FROM ${NODE_BASE_IMAGE} AS build

WORKDIR /app

ARG NPM_REGISTRY=https://registry.npmjs.org/

COPY package*.json ./
RUN npm config set registry "${NPM_REGISTRY}" \
    && npm ci

COPY . .

ARG VITE_API_BASE=/api
ARG VITE_WS_BASE=/ws/monitor
ENV VITE_API_BASE=${VITE_API_BASE}
ENV VITE_WS_BASE=${VITE_WS_BASE}

RUN npm run build

ARG NGINX_BASE_IMAGE=nginx:alpine
FROM ${NGINX_BASE_IMAGE}

COPY docker/nginx.conf /etc/nginx/conf.d/default.conf
COPY --from=build /app/dist /usr/share/nginx/html

EXPOSE 80

CMD ["nginx", "-g", "daemon off;"]