254f65b5d7
Stack : `i18next` + `react-i18next` (≈ 42 kB → 13 kB gzip). Init avant
le 1er render dans `main.tsx` pour que les chaînes soient résolues dès
le bootstrap.
Détection de la locale au 1er load :
1. `localStorage["rubis:locale"]` (préférence explicite de l'user)
2. `navigator.language` (langue du navigateur)
3. fallback `fr`
→ un user EN voit l'app en EN dès la 1re visite sans intervention.
La fonction `setLocale()` persiste le choix + synchronise `<html lang>`.
Architecture :
- `src/i18n/{types,fr,en,index}.ts` — même pattern que landing :
FR fait foi, EN typé par `Dict = typeof fr`.
- `components/settings/LanguageSwitcher.tsx` — radio FR/EN dans
`/parametres` (section ajoutée en tête).
Surfaces traduites en V1 :
- shell : AppSidebar (nav + compteur rubis), MobileTabBar, UserMenu,
FallbackError.
- auth : login, signup, onboarding/compte.
- main : dashboard `_app/index`, `_app/parametres` (sections compte,
entreprise, signature, abonnement, facturation, marque, banque,
danger zone).
Routes restantes (`factures`, `clients`, `plans`, `insights`,
`admin.blog`, sous-routes parametres) restent en FR inline ; le dico
EN les anticipe déjà via `factures.*`, `clients.*`, `plans.*`,
`insights.*` — il suffira de hooker `useTranslation()` au moment de
traduire ces écrans.
Emails côté API restent FR — à brancher sur une `locale` org plus tard.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
83 lines
2.4 KiB
JSON
83 lines
2.4 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",
|
|
"icons": "node scripts/generate-icons.mjs"
|
|
},
|
|
"dependencies": {
|
|
"@fontsource-variable/bricolage-grotesque": "^5.2.5",
|
|
"@fontsource-variable/inter": "^5.2.5",
|
|
"@posthog/react": "^1.9.0",
|
|
"@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:*",
|
|
"@rubis/ui": "workspace:*",
|
|
"@sentry/react": "^10.52.0",
|
|
"@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",
|
|
"@uiw/react-md-editor": "^4.0.5",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"date-fns": "^4.1.0",
|
|
"i18next": "^26.2.0",
|
|
"lucide-react": "^0.475.0",
|
|
"posthog-js": "^1.250.0",
|
|
"react": "^19.2.5",
|
|
"react-dom": "^19.2.5",
|
|
"react-i18next": "^17.0.8",
|
|
"recharts": "^3.8.1",
|
|
"sonner": "^1.7.4",
|
|
"tailwind-merge": "^3.0.1",
|
|
"zod": "^3.24.1"
|
|
},
|
|
"devDependencies": {
|
|
"@eslint/js": "^10.0.1",
|
|
"@resvg/resvg-js": "^2.6.2",
|
|
"@sentry/vite-plugin": "^5.2.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"
|
|
}
|
|
}
|