4eaeaf998f
- Create React 18 + TypeScript + Vite application - Implement Zustand state management (auth, files) - Add Axios API client with JWT auth interceptors - Create drag-drop file upload with react-dropzone - Create metadata editor with validation - Add login page with SSO support - Configure Tailwind CSS for styling - Setup routing with React Router Components created: - LoginPage - Authentication UI - DashboardPage - Main application - FileUploadZone - Drag-drop upload - FileList - File list with batch operations - FileItem - File card with metadata editor Features: - JWT token auto-refresh on 401 - Character counters for metadata fields - Toast notifications for user feedback - Responsive design with Tailwind Co-Authored-By: Claude Sonnet 4.5 (1M context) <noreply@anthropic.com>
31 lines
654 B
TypeScript
31 lines
654 B
TypeScript
import { defineConfig } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
|
|
export default defineConfig({
|
|
plugins: [react()],
|
|
base: '/solventum-image-metadata/',
|
|
server: {
|
|
port: 3000,
|
|
proxy: {
|
|
'/api': {
|
|
target: 'http://localhost:8000',
|
|
changeOrigin: true,
|
|
rewrite: (path) => path.replace(/^\/api/, '')
|
|
}
|
|
}
|
|
},
|
|
build: {
|
|
outDir: 'dist',
|
|
assetsDir: 'assets',
|
|
sourcemap: false,
|
|
rollupOptions: {
|
|
output: {
|
|
manualChunks: {
|
|
vendor: ['react', 'react-dom', 'react-router-dom'],
|
|
store: ['zustand'],
|
|
api: ['axios']
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|