# Stage 1: Build the React application
FROM node:22-alpine AS builder

WORKDIR /app

# Copy package.json and lockfile
COPY package*.json ./

# Install dependencies
RUN npm install

# Copy the rest of your application code
COPY . .

# Build the Vite application (this creates the /app/dist folder inside the container)
RUN npm run build

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

# Set the default Hasura admin secret (can be overridden at runtime)
ENV HASURA_ADMIN_SECRET="nearle-admin-secret"

# Move to Nginx's public folder
WORKDIR /usr/share/nginx/html

# CRUCIAL: Remove Nginx's default "Welcome" page files completely
RUN rm -rf ./*

# Copy the compiled static assets FROM THE BUILDER STAGE
COPY --from=builder /app/dist/ .

# Copy your custom Nginx configuration into the conf.d directory so it gets included properly
COPY nginx.conf /etc/nginx/conf.d/default.conf

EXPOSE 80

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