numa.

Recherche

L'historique git réel de ce site, à parcourir commit par commit.

Année
2026
Outils
git, Claude Code, Sous-agents
Exécution
Dans votre navigateur, sans appel à un modèle

Chargement de la démonstration…

En bref

Parcourez l'historique git réel de ce site : chaque commit montre ses fichiers et ses lignes ajoutées ou supprimées. Filtrez par dossier et déplacez le curseur pour voir le cumul. Ce qui n'est pas mesuré, comme le coût en jetons, reste marqué « à compléter ».

Ce qu'on y voit

L'historique git réel de ce site, à parcourir commit par commit.

L'idée

Ce site a un historique git réel. Le parcourir commit par commit montre comment il a été construit.

La fabrication

Script qui lit git log au build, frise à parcourir, filtres par dossier, lignes cumulées ; ce qui n'est pas mesuré reste marqué à compléter.

Sous le capot

4 points d'implémentation

Pile

  • TypeScript strict
  • React
  • git log --numstat
  • Script Node

Fichiers

  • components/demos/Chantier.tsx
  • content/demos/chantier.json
  • scripts/chantier.mjs
  • components/demos/Chantier.module.css

Implémentation

  • scripts/chantier.mjs lit git log --numstat --date=iso-strict et fige le résultat dans content/demos/chantier.json : hash, date, auteur, message, fichiers, ajouts et suppressions.
  • La frise est un curseur sur une liste fusionnée de commits et d'événements horodatés, triée par date ; les événements sans heure restent hors frise.
  • Le filtre par dossier recalcule les métriques de chaque commit, et le cumul ne compte que les commits situés avant le curseur.
  • Les barres d'activité sont normalisées sur le plus gros commit de la vue ; ce qui n'est pas mesuré (coût en jetons, heure de certains événements) reste marqué « à compléter ».
Travail suivantLe tableau des départs →Une flotte d'agents en temps réel : filtrez, approuvez, changez le parallélisme et regardez le débit bouger.