# Stage 1: build CSS bundle
FROM node:20-alpine AS css-build
WORKDIR /build

# Copy only the files needed to install deps (better cache layering)
COPY package.json package-lock.json* ./
RUN npm install --no-audit --no-fund

# Copy source CSS + tailwind config + every HTML file (tailwind scans HTML to determine which utilities to emit)
COPY tailwind.config.js postcss.config.js ./
COPY src/ ./src/
COPY public/ ./public/

# Build into public/dist/app.css
RUN npx postcss ./src/css/app.css -o ./public/dist/app.css --env production

# Stage 2: runtime
FROM nginx:alpine
COPY --from=css-build /build/public/ /usr/share/nginx/html/
COPY nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80
