# Usamos Node.js para compilar el proyecto
FROM node:18-alpine

# Creamos la carpeta de trabajo
WORKDIR /app

# Declaramos que recibiremos estos argumentos durante el build
ARG VITE_SUPABASE_URL
ARG VITE_SUPABASE_ANON_KEY
ARG VITE_API_URL

# Los convertimos en variables de entorno para que Vite los vea al compilar
ENV VITE_SUPABASE_URL=$VITE_SUPABASE_URL
ENV VITE_SUPABASE_ANON_KEY=$VITE_SUPABASE_ANON_KEY
ENV VITE_API_URL=$VITE_API_URL

# Copiamos los archivos de configuración e instalamos dependencias
COPY package*.json ./
RUN npm install

# Copiamos el código y construimos la web (ahora Vite sí verá las variables)
COPY . .
RUN npm run build

# Instalamos el servidor estático y lo ejecutamos
RUN npm install -g serve
CMD ["serve", "-s", "dist", "-l", "5173"]