Added ability to run frontend in development mode with Vite dev server
for debugging React Error #306 and seeing unminified error messages.
Changes Made:
1. **New Dockerfile.kubernetes.dev**:
- Runs Vite dev server instead of production build
- Sets NODE_ENV=development for unminified React
- Uses npm run dev with --host 0.0.0.0 for K8s access
- Port 3000 for consistency with production
- Enables hot reload and debug logging
2. **Updated Tiltfile**:
- Changed dockerfile to Dockerfile.kubernetes.dev for dev mode
- Added live_update for hot reload:
- Syncs src/, public/, index.html, vite.config.ts
- Falls back on package.json changes
- Runs npm ci if dependencies change
- Added comments for switching between dev/prod
Benefits:
- See all console.log debug messages (🔍, ✅, 🔴)
- Get unminified React error messages with line numbers
- Hot reload on file changes
- Full error stack traces
- Easy to switch back to prod mode
To Use:
1. Run: tilt up
2. Frontend will rebuild with dev server
3. Check browser console for debug logs
4. See ErrorBoundary messages with full details
To Switch Back to Production:
- Change dockerfile line in Tiltfile to:
dockerfile='./frontend/Dockerfile.kubernetes'
