2 Commits

Author	SHA1	Message	Date
ordinarthur	e5530930b3	feat: refactor frontend en stack React unifiée (Astro + packages/ui) ... Trois surfaces partagent désormais le même design system, Tailwind v4 et React 19 — au lieu d'avoir landing en HTML vanilla, app en React, et blog en Adonis SSR : * packages/ui — design system partagé (tokens Tailwind v4 + composants TSX) extrait depuis apps/web : Brand, Gem, Button, Card, Chip, Eyebrow, EmptyState. apps/web migre 41 imports vers @rubis/ui. * apps/landing — nouvelle app Astro 6 SSR (rubis.pro), remplace l'ancienne landing nginx vanilla. Embarque : - Landing complète portée en sections React (Hero, Stats, Promise, HowItWorks, Gamification, Legal, Pricing, FAQ, FinalCTA, Footnotes) - Pages légales (mentions, confidentialité, CGV) via LegalLayout.astro - Blog SSR (/blog, /blog/:slug) qui consomme /api/v1/posts - sitemap.xml, blog/rss.xml, robots.txt en endpoints Astro - SEO complet (canonical, hreflang, OG, Twitter Card, JSON-LD Article/BreadcrumbList/Blog/SoftwareApplication) * apps/api — BlogController réduit à 2 endpoints JSON (GET /api/v1/posts + GET /api/v1/posts/:slug). Suppression des templates SSR Adonis (apps/api/app/blog/), de l'alias #blog/*, des deps react-dom et @types/react-dom. PostTransformer + PostSummaryTransformer ajoutés. Le service blog_renderer + le seeder + les 3 articles fondateurs restent intacts (réutilisés par futurs admin + cron IA). * Infra : - Dockerfile.landing (multi-stage Node 22 + tini, Astro standalone) - k3s/app/landing.yml (Deployment + Service rubis-landing:4321 + ConfigMap avec API_URL=http://rubis-api.rubis.svc.cluster.local:3333) - .gitea/workflows/deploy.yml mis à jour pour build rubis-landing - .gitea/workflows/deploy-web.yml + Dockerfile.web : prennent en compte packages/ui/ comme dépendance - Suppression du Dockerfile nginx legacy + k3s/{deployment,service}.yml - Suppression de landing/ (assets favicons migrés vers apps/landing/public/) * Docs : architecture.md (vue d'ensemble + §4bis apps/landing complet, §3 endpoints JSON blog, layout monorepo), CLAUDE.md (stack technique, documents associés, déploiement). Note infra : l'ancien Deployment "rubis" (nginx) et son Service ne sont PAS supprimés par la CI — à nettoyer manuellement après validation que Traefik a été repointé sur rubis-landing:4321 dans le repo proxmox. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-05-09 15:09:13 +02:00
ordinarthur	14d0e982e9	feat(web): _app shell + dashboard + factures liste & détail ... Layout shell pour l'app authentifiée : - routes/_app.tsx : pathless layout avec auth-guard + onboarding-guard (signature null → redirect onboarding/compte) - AppLayout : grid sidebar + topbar + main + tab bar mobile - AppSidebar (lg+) : nav verticale + mini compteur rubis en bas - MobileTabBar : 4 onglets fixed bottom (Accueil, Factures, Plans, Réglages) - AppTopbar : sticky bg-cream/85 + backdrop-blur, greeting + date sur desktop, brand sur mobile - UserMenu : Radix Popover, avatar initiales rubis, logout mutation Dashboard / (cf. wireframe 4.1) : - RubisHero : ◆ 56px + drop-shadow rubis-tinted, "X rubis gagnés" en italic rubis sur "gagnés", verbalisation conversion en heures, progression mensuelle - 4 KpiCard scannables : À relancer, En cours, Encaissé, DSO (delta en rubis-deep si intent positif, jamais de vert succès) - ActivityFeed : journal du jour avec icônes Lucide tonalisées - TopLatePayers : "Retards récurrents" (pas "mauvais payeurs", cf. marque) - Quick actions mobile (+ Photo de facture / + Saisir) Factures liste /factures (wireframe 2.4 + 2.1) : - 3 états : 0 facture → dropzone full-page · filtre vide → mini-empty · populated → filter chips + table desktop / cards mobile - FilterChips : sync URL (validateSearch zod), counts entre parenthèses - InvoiceTable : ligne entière cliquable (onClick + role=link + onKeyDown), chevron Link séparé pour right-click "ouvrir nouvel onglet" - InvoiceCardList : version mobile aérée - StatusBadge : 6 statuts mappés palette marque (rubis solide pour "À valider", ink pour "En relance", crème+✓ pour "Encaissée") - Skeleton pulsé pendant le fetch Détail facture /factures/$id (wireframe 4.2) : - Header : eyebrow client + numéro + montant + échéance + délai (J−4 rouge) + StatusBadge inline - Actions : Marquer encaissée (mutation + bonus rubis + invalidate) - Layout 2-col : Timeline (1.4fr) + sidepanel client/notes (1fr) - Timeline primitive : pastilles passé/présent/futur (rubis-glow ✓ / rubis solide + Clock + ring glow / cercle vide) Bug fix routing : - factures.$id.tsx était nesté sous factures.tsx (flat naming TanStack Router) → la liste s'affichait à la place de la détail. Renommé factures_.$id.tsx pour escape le layout parent. URL inchangée (/factures/$id). Placeholders soignés : /plans, /clients, /parametres avec EmptyState draft (bordure pointillée + message qui assume "ça arrive"). MSW étendu : - mocks/seed.ts : 5 clients, 4 plans avec étapes complètes (Standard B2B, Rapide, Patient, Ferme), 10 invoices avec statuses variés calibrés sur le wireframe - handlers/dashboard.ts : GET /dashboard/{kpis,activity,top-late} - handlers/invoices.ts : GET /invoices (filtres + tri par priorité statut), GET /invoices/counts, GET /invoices/:id (timeline calculée depuis le plan), POST /invoices/:id/mark-paid (passe en paid + bonus rubis) Lib étendue : - format : formatDueDelta (J+10, J−4 avec − typographique), isOverdue - routes/index.tsx supprimé (remplacé par _app/index.tsx) Bundle prod : 117 KB gzip core, chaque route en chunk dédié (dashboard inline dans _app, factures 3.69 KB gzip, factures._id 2.22 KB gzip). Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-05-06 10:49:06 +02:00