Aller au contenu
Aubui · Accueil
Design system AUBOTA

Un script.
Du HTML qui dit ce qu’il veut.
Tout AUBOTA en harmonie.

Aubui donne à chaque module les mêmes boutons, couleurs, dialogues, notifications et réflexes clavier. Tu décris l’intention, Aubui s’occupe de la forme — et de l’accessibilité.

Le minimum
<script src="https://ui.aubota.xyz/js/aubui.js" defer></script>

<button aub-btn primary data-aub-confirm="Publier maintenant ?">Publier</button>

Tout Aubui

Chaque page : à quoi ça sert, la balise exacte à poser, l’API, un exemple qui tourne pour de vrai, et l’accessibilité.

Démarrer

Fondations

Composants

Comportements

Modèles & états

Référence

Nouveautés

  • Kommand (Ctrl+K) — Kommand partout : chargé par aubui.js hors du Hub (connecté uniquement), API du Hub en CORS liste blanche.
  • Visite guidée (Waza) — Nouveau composant WazaTour (start / open / stop) + #waza-tour=<id> dans l’URL.
  • Installation — aubui.js installe une file d’attente AubuiDialog/AubuiToast dès son exécution (plus de popup native avant le chargement de dialog.js).
  • Thème & accent — Modèle unique thème/accent : cookie partagé aub-prefs (.aubota.xyz), AubuiPrefsSync, endpoint du Hub, événements aubui:theme / aubui:accent.
  • Notifications — Cloche fiable : poll sans cache, dédup entre onglets, toast si visible / notification système si caché, « marquer lu » au seul endpoint actif.
  • Dialogues & toasts — AubuiDialog + AubuiToast partout ; window.alert redirigé vers la lightbox ; data-aub-confirm déclaratif.
  • Invitation (démo) — Nouveau composant AubInvite (require / isDemo / guard).
  • Actions data-aub — data-aub-confirm (+ -title, -ok, data-aub-danger) sur liens, boutons et formulaires.
  • Recherche — Composant de recherche unique AubuiSearch (data-aubui-search).

Couverture de la doc

Chaque fichier js/*.js et css/aubui/components/*.css a sa page de doc. Ce contrôle est recalculé à chaque affichage.

La règle d’or

Toute nouveauté Aubui = une section de doc.
  • Nouveau fichier ou nouvelle API dans ui.aubota.xyz → une page (ou une section) dans pages/, déclarée dans docs/registry.php avec ses sources et une ligne news.
  • La section dit : à quoi ça sert, la balise exacte, l’API (lue dans le code, pas devinée), un exemple vivant, l’accessibilité.
  • Pas de classe ou d’attribut inventé dans un module : d’abord ici et dans l’API figée, ensuite l’usage.
Aubui · design system AUBOTA · version 2026-10-19-3 · API figée · README · Une nouveauté Aubui = une section ici.