# ==============================================================================
# Void-Genesis - Lobby Frontend (Dev Environment)
# ==============================================================================

# Auch für das Frontend nutzen wir die kleine Alpine-Version von Node.js
FROM node:22-alpine

# Arbeitsverzeichnis für das Frontend
WORKDIR /app

# Auch hier: Erst die package-Dateien kopieren für optimales Docker-Caching
COPY package*.json ./

# Installiere die Frontend-Abhängigkeiten (Vite, PixiJS, etc.)
RUN npm install

# Vite nutzt im Hintergrund 'Chokidar', um Dateiänderungen zu überwachen (Hot Reload).
# In Docker-Umgebungen klappt das manchmal nicht sofort. Durch USEPOLLING zwingen
# wir Chokidar, aktiv nach Änderungen zu suchen. Das macht das Hot-Reloading robuster.
ENV CHOKIDAR_USEPOLLING=true

# Wir dokumentieren den Standard-Port von Vite
EXPOSE 5173

# Starte den Vite Dev-Server.
# WICHTIG: Das '--host' Flag ist entscheidend! Standardmäßig lauscht Vite nur auf 
# localhost (127.0.0.1) im Container. Mit '--host' lauscht Vite auf 0.0.0.0 und 
# erlaubt so, dass Anfragen von außerhalb des Containers (z.B. vom Browser) durchkommen.
CMD ["npm", "run", "dev", "--", "--host"]