FROM node:18-slim

# Install dependencies for canvas and development tools
RUN apt-get update && apt-get install -y --no-install-recommends \
    python3 \
    python-is-python3 \
    make \
    g++ \
    build-essential \
    libcairo2-dev \
    libpango1.0-dev \
    libjpeg-dev \
    libgif-dev \
    librsvg2-dev \
    procps \
    && apt-get clean \
    && rm -rf /var/lib/apt/lists/*

WORKDIR /app

# Copy package files for dependency installation
COPY package*.json ./
COPY frontend/package*.json ./frontend/

# Install backend dependencies and global development tools
RUN npm install
RUN npm install -g ts-node-dev ts-node

# Install frontend dependencies
WORKDIR /app/frontend
RUN npm install

# Return to app directory
WORKDIR /app

# Copy necessary configuration files
COPY tsconfig*.json ./
COPY frontend/vite.config.js ./frontend/
COPY frontend/index.html ./frontend/
COPY scripts ./scripts
COPY frontend/src ./frontend/src
COPY src ./src

# Create logs directory
RUN mkdir -p /app/logs

# Create a script to start both servers
RUN echo '#!/bin/sh\n\
# Start mock server\n\
ts-node src/mock/run-server.ts > /tmp/pulse-mock-server.log 2>&1 & \n\
sleep 2\n\
# Start backend server\n\
ts-node-dev --respawn --transpile-only src/server.ts & \n\
# Start frontend server\n\
cd /app/frontend && npm run dev -- --port 3000 --host 0.0.0.0\n' > /app/start-dev.sh && \
chmod +x /app/start-dev.sh

# Expose ports for backend, frontend, and mock server
EXPOSE 7654 3000 7655

# Start development servers with hot-reloading
CMD ["/app/start-dev.sh"]