Files
rehearshalhub/web/vite.config.ts
Mistral Vibe 44503cca30 Add hot-reload dev environment via docker-compose.dev.yml
- web/Dockerfile: add `development` stage that installs deps and runs
  `vite dev --host 0.0.0.0`; source is mounted at runtime so edits
  reflect immediately without rebuilding the image
- web/vite.config.ts: read proxy target from API_URL env var
  (falls back to localhost:8000 for outside-compose usage)
- docker-compose.dev.yml: lightweight compose for development
  - api uses existing `development` target (uvicorn --reload)
  - web uses new `development` target with ./web mounted as volume
    and an anonymous volume to preserve container node_modules
  - worker and nc-watcher omitted (not needed for UI work)
  - separate pg_data_dev volume keeps dev DB isolated from prod

Usage:
  podman-compose -f docker-compose.dev.yml up --build

Frontend hot-reloads at http://localhost:3000
API auto-reloads at http://localhost:8000

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-06 18:49:33 +02:00

22 lines
498 B
TypeScript

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
const apiBase = process.env.API_URL ?? "http://localhost:8000";
const wsBase = apiBase.replace(/^http/, "ws");
export default defineConfig({
plugins: [react()],
server: {
port: 3000,
proxy: {
"/api": { target: apiBase, changeOrigin: true },
"/ws": { target: wsBase, ws: true },
},
},
test: {
globals: true,
environment: "jsdom",
setupFiles: "./src/test/setup.ts",
},
});