FROM node:20-alpine AS base
RUN corepack enable && corepack prepare pnpm@latest --activate
WORKDIR /app

# Create all required directories
RUN mkdir -p public/images public/subtitles public/transcriptions

# Copy package files first
COPY package.json pnpm-lock.yaml ./

# Install dependencies
FROM base AS deps
RUN pnpm install --frozen-lockfile

# Build the app
FROM base AS builder
COPY --from=deps /app/node_modules ./node_modules
COPY . .
RUN pnpm build

# Production image
FROM nginx:alpine AS runner

# Create all required directories in nginx
RUN mkdir -p /usr/share/nginx/html/images \
    /usr/share/nginx/html/subtitles \
    /usr/share/nginx/html/transcriptions \
    /usr/share/nginx/html/videos

# Copy built app and static assets
COPY --from=builder /app/dist /usr/share/nginx/html
COPY --from=builder /app/public/images /usr/share/nginx/html/images
COPY --from=builder /app/public/subtitles /usr/share/nginx/html/subtitles
COPY --from=builder /app/public/transcriptions /usr/share/nginx/html/transcriptions
COPY nginx.conf /etc/nginx/conf.d/default.conf

EXPOSE 804

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