2d3766cc3d
Backend - Service dashboard.ts : computeTimeseries + computeClientTimeseries (helper fetchPaidByMonth DRY entre les deux). Buckets pré-créés sur N mois pour pas afficher de "trous" quand un mois n'a aucun paiement. - GET /dashboard/timeseries?range=3|6|12 (paidByMonth + pipelineByStatus) - GET /clients/:id/timeseries?range=3|6|12 (paidByMonth filtré) Frontend — Recharts (43 deps, ~50KB gzip) - components/charts/theme.ts : palette stricte (rubis + neutres chauds, pas de bleu/vert), couleurs statuts cohérentes avec les badges côté liste, format fr-FR pour les axes/tooltips - ChartTooltip themed : carte cream + bordure rubis-glow, font Inter, tabular-nums, série label override - EncaisseChart (area, dégradé rubis-glow → transparent) - DsoTrendChart (line ink + référence pointillée à 30j = norme LME) - PipelineChart (donut avec total au centre + PipelineLegend séparée) - ClientPaidChart (bar chart compact pour fiche client) Wiring - Dashboard / : encaissé + DSO côte à côte, pipeline + top retards en dessous - Fiche client /clients/:id : mini bar chart "encaissés sur 6 mois" entre les stats et la liste factures - Page /insights : version pleine largeur des 3 charts + range selector 3m/6m/12m + 3 cards récap (encaissé total, factures payées, DSO moyen). Lien "Insights" ajouté au sidebar desktop (icône TrendingUp). Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
73 lines
2.1 KiB
JSON
73 lines
2.1 KiB
JSON
{
|
|
"name": "@rubis/web",
|
|
"private": true,
|
|
"version": "0.1.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"routes:generate": "tsr generate",
|
|
"prebuild": "tsr generate",
|
|
"build": "tsc -b && vite build",
|
|
"lint": "eslint .",
|
|
"preview": "vite preview",
|
|
"pretypecheck": "tsr generate",
|
|
"typecheck": "tsc -b --noEmit",
|
|
"test": "vitest run",
|
|
"test:watch": "vitest",
|
|
"msw:init": "msw init public --save"
|
|
},
|
|
"dependencies": {
|
|
"@fontsource-variable/bricolage-grotesque": "^5.2.5",
|
|
"@fontsource-variable/inter": "^5.2.5",
|
|
"@radix-ui/react-dialog": "^1.1.6",
|
|
"@radix-ui/react-label": "^2.1.2",
|
|
"@radix-ui/react-popover": "^1.1.6",
|
|
"@radix-ui/react-select": "^2.1.6",
|
|
"@radix-ui/react-slot": "^1.1.2",
|
|
"@radix-ui/react-tooltip": "^1.1.8",
|
|
"@rubis/shared": "workspace:*",
|
|
"@tanstack/react-form": "^1.0.0",
|
|
"@tanstack/react-query": "^5.66.0",
|
|
"@tanstack/react-query-devtools": "^5.66.0",
|
|
"@tanstack/react-router": "^1.114.3",
|
|
"@tanstack/react-router-devtools": "^1.114.3",
|
|
"@tuyau/client": "^0.2.10",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"date-fns": "^4.1.0",
|
|
"lucide-react": "^0.475.0",
|
|
"react": "^19.2.5",
|
|
"react-dom": "^19.2.5",
|
|
"recharts": "^3.8.1",
|
|
"sonner": "^1.7.4",
|
|
"tailwind-merge": "^3.0.1",
|
|
"zod": "^3.24.1"
|
|
},
|
|
"devDependencies": {
|
|
"@eslint/js": "^10.0.1",
|
|
"@tailwindcss/vite": "^4.1.0",
|
|
"@tanstack/router-cli": "^1.114.3",
|
|
"@tanstack/router-plugin": "^1.114.3",
|
|
"@testing-library/jest-dom": "^6.6.3",
|
|
"@testing-library/react": "^16.2.0",
|
|
"@types/node": "^24.12.2",
|
|
"@types/react": "^19.2.14",
|
|
"@types/react-dom": "^19.2.3",
|
|
"@vitejs/plugin-react": "^6.0.1",
|
|
"eslint": "^10.2.1",
|
|
"eslint-plugin-react-hooks": "^7.1.1",
|
|
"eslint-plugin-react-refresh": "^0.5.2",
|
|
"globals": "^17.5.0",
|
|
"jsdom": "^26.0.0",
|
|
"msw": "^2.7.3",
|
|
"tailwindcss": "^4.1.0",
|
|
"typescript": "~6.0.2",
|
|
"typescript-eslint": "^8.58.2",
|
|
"vite": "^8.0.10",
|
|
"vitest": "^3.0.5"
|
|
},
|
|
"msw": {
|
|
"workerDirectory": "public"
|
|
}
|
|
}
|