numa.

Interface

Planifiez vos automatisations de la semaine, heure par heure.

Année
2026
Outils
Cron, React
Exécution
Dans votre navigateur, sans appel à un modèle

Chargement de la démonstration…

En bref

Placez vos automatisations dans la semaine, heure par heure, en les glissant ou au clavier. L'expression cron et sa description en français se mettent à jour à chaque geste. La semaine peut ensuite se dérouler en accéléré pour voir quels créneaux sont occupés.

Ce qu'on y voit

Planifiez vos automatisations de la semaine, heure par heure.

L'idée

Numa Pompilius a fixé le calendrier de Rome. Ses héritiers fixent celui des agents.

La fabrication

Grille de la semaine navigable aux flèches, expression cron générée, ligne laiton qui balaie la semaine en accéléré.

Sous le capot

4 points d'implémentation

Pile

  • TypeScript strict
  • React
  • Grille de créneaux
  • Génération cron

Fichiers

  • content/demos/calendrier.ts
  • components/demos/Calendrier.tsx
  • components/demos/Calendrier.module.css

Implémentation

  • La grille fait 7 jours × 15 créneaux (6 h à 20 h) ; chaque automatisation occupe 1 ou 2 cases et une case ne reçoit qu'une automatisation.
  • L'expression cron convertit les jours internes (0 = lundi) en 1–6, dimanche en 0, compacte les plages consécutives (1-5) et traite à part le jour-heure et la semaine complète.
  • La description française est déduite des mêmes jours (plage consécutive, jour unique ou liste) ; les flèches déplacent le curseur, Entrée place l'automatisation, Suppr la retire.
  • L'horloge de démonstration avance d'une heure toutes les 160 ms (×1 ou ×2) et s'arrête au dimanche soir ; elle ne lit pas l'heure système.
Travail suivantCe site, commit par commit →L'historique git réel de ce site, à parcourir commit par commit.