Roadmap P0
- Ship /logo.svg fallback and rewire asset references (superseded later by
the project-manager PNG in a separate commit).
Roadmap P1
- Response envelope alignment ({items,total,page,size}) across services
and query hooks.
- Approval/ticket UX updates tied to the new backend rollback semantics.
Roadmap P2
- React.lazy + Vite manualChunks to split vendor-radix/charts/icons/forms
from the main bundle and cut initial JS.
- Fix the 181 tsc errors (PaginationParams class + per-service generics).
- Auto-refresh flow for JWT refresh tokens wired into api-client.ts.
Roadmap P3
- i18n: i18next + language detector, en/ar locales, RTL auto-switch,
LanguageToggle component in RoleLayout and AdminLmsLayout.
- GDPR: PrivacyCenter page for data export and right-to-erasure, backed
by gdpr.service.ts; logout via AuthContext after erasure.
- Human-in-the-loop exam review UI: admin ExamReviewQueue + ExamReviewDetail
pages, useExamReview hooks, exam-review.service.ts.
- AI quality loop: AIPromptEditor (versioning + render preview),
AIFeedbackButtons for students, AIFeedbackTriage admin page, dedicated
services, hooks, and types.
- Dark mode: ThemeProvider + ThemeToggle + chart color tokens.
- Accessibility: DialogDescription on every DialogContent; alert-dialog
and sheet updates.
- Retire dead pages: ExamPage marketing, Index, ProfilePage import.
- Playwright e2e scaffolding: playwright.config.ts + e2e/login.spec.ts
smoke tests, npm scripts test:e2e / test:e2e:install.
Made-with: Cursor
70 lines
2.4 KiB
TypeScript
70 lines
2.4 KiB
TypeScript
import { defineConfig } from "vite";
|
||
import react from "@vitejs/plugin-react-swc";
|
||
import path from "path";
|
||
import { componentTagger } from "lovable-tagger";
|
||
|
||
// https://vitejs.dev/config/
|
||
export default defineConfig(({ mode }) => ({
|
||
server: {
|
||
host: "::",
|
||
port: 8080,
|
||
// Browser blocks :8080 → :8069 (CORS). Proxy /api to Odoo so fetch stays same-origin.
|
||
proxy: {
|
||
"/api": {
|
||
target: "http://127.0.0.1:8069",
|
||
changeOrigin: true,
|
||
},
|
||
},
|
||
hmr: {
|
||
overlay: false,
|
||
},
|
||
},
|
||
plugins: [react(), mode === "development" && componentTagger()].filter(Boolean),
|
||
resolve: {
|
||
alias: {
|
||
"@": path.resolve(__dirname, "./src"),
|
||
},
|
||
},
|
||
build: {
|
||
// Raise warning threshold slightly — route chunks and the charts vendor
|
||
// bundle legitimately trend 300–500KB each and we already code-split.
|
||
chunkSizeWarningLimit: 900,
|
||
rollupOptions: {
|
||
output: {
|
||
manualChunks: {
|
||
// Pin the React core to its own chunk — it's in the critical path on
|
||
// every route and never changes between deploys, so users cache it.
|
||
"vendor-react": ["react", "react-dom", "react-router-dom"],
|
||
// React Query + auth context sit behind every authenticated page.
|
||
"vendor-query": ["@tanstack/react-query"],
|
||
// Recharts is large and only used on dashboard/report pages; keeping
|
||
// it separate lets the login/landing chunks stay small.
|
||
"vendor-charts": ["recharts"],
|
||
// Radix/shadcn primitives are shared across most pages.
|
||
"vendor-radix": [
|
||
"@radix-ui/react-dialog",
|
||
"@radix-ui/react-dropdown-menu",
|
||
"@radix-ui/react-popover",
|
||
"@radix-ui/react-select",
|
||
"@radix-ui/react-tabs",
|
||
"@radix-ui/react-toast",
|
||
"@radix-ui/react-tooltip",
|
||
"@radix-ui/react-accordion",
|
||
"@radix-ui/react-checkbox",
|
||
"@radix-ui/react-label",
|
||
"@radix-ui/react-progress",
|
||
"@radix-ui/react-radio-group",
|
||
"@radix-ui/react-scroll-area",
|
||
"@radix-ui/react-separator",
|
||
"@radix-ui/react-slider",
|
||
"@radix-ui/react-switch",
|
||
"@radix-ui/react-avatar",
|
||
],
|
||
"vendor-forms": ["react-hook-form", "@hookform/resolvers", "zod"],
|
||
"vendor-icons": ["lucide-react"],
|
||
},
|
||
},
|
||
},
|
||
},
|
||
}));
|