# Stage 1: Build the application
FROM node:16 AS builder

WORKDIR /app

COPY package.json package-lock.json ./

RUN npm install

COPY . .

RUN npm run build

# Stage 2: Serve the application with Nginx
FROM nginx:alpine

# Start as root to perform initial setup tasks

# Copy the built app to Nginx's serve directory
COPY --from=builder /app/dist /usr/share/nginx/html

# Create directories and set permissions
RUN mkdir -p /var/cache/nginx /var/run /var/log/nginx /var/tmp/nginx && \
    chmod -R 777 /var/cache/nginx /var/run /var/log/nginx /var/tmp/nginx

# Provide a custom nginx.conf that sets pid and client_body_temp_path to directories with proper permissions
COPY nginx.conf /etc/nginx/nginx.conf

# Expose port 8080
EXPOSE 8080

# Start Nginx in the foreground
CMD ["nginx", "-g", "daemon off;"]