Claude
c532386385
Replier le bloc mensuel ne vidait que l'en-tête. Les lignes déjà montées gardaient leurs douze cellules, seules celles virtualisées ensuite adoptaient le nouveau jeu — une grille à deux vitesses, en-tête d'un côté, corps de l'autre. TanStack met ses objets `Row` en cache sur la seule identité des DONNÉES : changer les colonnes ne leur donne aucune référence neuve, et `React.memo` concluait qu'il n'y avait rien à repeindre. Le contournement existait déjà pour `columnVisibility` et `columnSizing`, passés en props sans jamais être lus ; le drapeau du bloc mensuel, lui, n'y figurait pas. `columnVisibility` cède la place à `columnsKey`, la signature des colonnes réellement visibles : elle change pour TOUT changement de colonnes, case décochée dans le menu comme bloc replié, là où l'ancien objet ne voyait que le menu. Calculée une fois par rendu de grille, pas une fois par ligne. Vérifié en rendant la Grille sur données de démonstration : 29 cellules par ligne et 29 en-têtes, 17 et 17 une fois le bloc replié, 29 et 29 au retour. Avec le signal figé, l'en-tête tombe à 17 quand les lignes restent à 29 — le défaut signalé. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EYGgoQCG1VCe42HzbzhAXR
CollectFlow
CollectFlow est une application de révision d'assortiment et d'analyse de performances des produits en point de vente, conçue pour consolider les données issues de plusieurs fournisseurs et magasins.
Prérequis
- Node.js 18+ (pour le développement local)
- Docker et Docker Compose (pour le déploiement conteneurisé)
- PostgreSQL 16+
Lancer avec Docker
Le projet est configuré pour tourner dans un conteneur Docker optimisé (mode standalone de Next.js). Note : Vous devez disposer d'une base de données PostgreSQL séparée (le conteneur ne lance que l'application web).
1. Démarrer l'application
À la racine du projet, lancez :
npm run docker:build
# ou directement
docker-compose up -d --build
L'application sera accessible sur http://localhost:5643.
L'application sera attachée au réseau Docker externe nginx_default afin d'être exposée derrière votre reverse proxy Nginx. Assurez-vous que ce réseau existe (docker network create nginx_default).
2. Arrêter l'application
npm run docker:down
# ou directement
docker-compose down
Développement Local (Sans Docker)
Si vous préférez développer en local, vous devrez configurer votre propre base de données PostgreSQL.
- Installer les dépendances :
npm install
-
Configurer la connexion DB : Allez sur la page des Paramètres (
/settings) dans l'application pour configurer l'accès à votre PostgreSQL local. -
Lancer le serveur de développement :
npm run dev
Structure du Projet (BMAD)
Ce projet respecte l'architecture BMAD (Business, Model, Application/API, Data) :
src/features/*: Logique métier (Business) isolée par feature (ex:grid,snapshots)src/types/*: Interfaces TypeScript (Model)src/app/*: Routeurs Next.js UI et endpoints d'API (Application/API)src/db/*: Schémas Drizzle ORM et connexions (Data)