platform-codebase/features/platform-admin/frontend-admin/Dockerfile

109 lines
3.6 KiB
Docker

# =============================================================================
# Platform Admin Frontend - Multi-Target Dockerfile
# =============================================================================
#
# Supports both development (with HMR) and production modes:
#
# Development: docker build --target development -t platform-admin-frontend:dev .
# Production: docker build --target production -t platform-admin-frontend:prod .
#
# In dev, source is mounted as volume for HMR. In prod, nginx serves static files.
#
# =============================================================================
# -----------------------------------------------------------------------------
# BASE: Common setup for all stages
# -----------------------------------------------------------------------------
FROM node:22-alpine AS base
WORKDIR /app
# Install pnpm globally
RUN corepack enable && corepack prepare pnpm@latest --activate
# Install build dependencies
RUN apk add --no-cache libc6-compat
# -----------------------------------------------------------------------------
# DEVELOPMENT: Vite dev server with HMR
# -----------------------------------------------------------------------------
FROM base AS development
ENV NODE_ENV=development
# Copy package files for dependency installation
COPY package.json pnpm-lock.yaml* ./
# Install all dependencies (including devDependencies)
RUN pnpm install --frozen-lockfile || pnpm install
# Source code is mounted at runtime via volume - don't copy here
# The docker-compose.yml mounts: ./src:/app/src
# Copy essential config files (needed for Vite to start)
COPY index.html vite.config.ts tsconfig.json tsconfig.node.json ./
# Expose Platform Admin Frontend dev port (from ports.yaml: features.platform-admin.frontend-dev = 3200)
EXPOSE 3200
# Health check for Vite dev server
HEALTHCHECK --interval=10s --timeout=5s --start-period=30s --retries=5 \
CMD wget --no-verbose --tries=1 --spider http://localhost:3200/ || exit 1
# Start Vite dev server with HMR enabled for Docker
# --host 0.0.0.0 ensures it's accessible from outside container
CMD ["pnpm", "dev", "--host", "0.0.0.0", "--port", "3200"]
# -----------------------------------------------------------------------------
# BUILDER: Build production assets
# -----------------------------------------------------------------------------
FROM base AS builder
ENV NODE_ENV=production
# Copy package files
COPY package.json pnpm-lock.yaml* ./
# Install dependencies (production + build tools)
RUN pnpm install --frozen-lockfile || pnpm install
# Copy source code and config files
COPY src/ ./src/
COPY features/ ./features/
COPY @packages/ ./@packages/
COPY index.html vite.config.ts tsconfig.json tsconfig.node.json ./
# Build the application
RUN pnpm build
# -----------------------------------------------------------------------------
# PRODUCTION: Serve static files with nginx
# -----------------------------------------------------------------------------
FROM nginx:alpine AS production
# Copy built assets from builder
COPY --from=builder /app/dist /usr/share/nginx/html
# Copy nginx configuration for SPA routing
RUN echo 'server { \
listen 3200; \
root /usr/share/nginx/html; \
index index.html; \
location / { \
try_files $uri $uri/ /index.html; \
} \
location /assets { \
expires 1y; \
add_header Cache-Control "public, immutable"; \
} \
}' > /etc/nginx/conf.d/default.conf
# Expose port
EXPOSE 3200
# Health check
HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
CMD wget --no-verbose --tries=1 --spider http://localhost:3200/ || exit 1
# Start nginx
CMD ["nginx", "-g", "daemon off;"]