# Stage 1: Build Angular application
FROM node:18-alpine AS builder

WORKDIR /app

# Copy package files
COPY package*.json ./

# Install dependencies with legacy peer deps
RUN npm ci --legacy-peer-deps

# Copy all source files
COPY . .

# Build the application (development mode for faster builds)
RUN npm run build

# Stage 2: Serve with Nginx
FROM nginx:alpine AS production

# Copy built files - check your actual output directory name
# It might be 'fuse-angular' or 'fuse-starter-v20.0.0'
COPY --from=builder /app/dist/fuse-angular /usr/share/nginx/html

# Custom nginx configuration for Angular routing
RUN echo 'server { \
    listen 80; \
    location / { \
        root /usr/share/nginx/html; \
        index index.html; \
        try_files $uri $uri/ /index.html; \
    } \
}' > /etc/nginx/conf.d/default.conf

EXPOSE 80

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