DocumentationCe que vous manipulez, en détail.
Les éditeurs et ce qu'ils écrivent, le DSL qui décrit les blocs et leur comportement, la charte graphique et les variables CSS qu'elle produit. Chaque page part du vrai format, avec des exemples et des captures tirés des démos construites avec Kubbler.
Mis à jour le
Éditeurs
Chaque éditeur de Kubbler modifie un fichier ou une collection précis. Cette page donne, pour chacun, son adresse, ce qu'il écrit et comment, puis suit un changement depuis le premier geste jusqu'à la mise en ligne.
- La carte des éditeurs
- L'Atelier : barre, rail et plateau
- Le plan Page
- Mise en page (zones)
- Mécanismes
- L'éditeur de Bloc, et ce que le canevas exécute
- Charte graphique
- Éditeur d'API et Données
- Le contrat d'écriture, et Code en lecture
- D'un geste à la mise en ligne
Le DSL des blocs
Un bloc interactif se décrit en données dans son fichier tree.json : sa forme, ses textes, son état local, ses calculs, ses validations et ses actions. Cette page décrit chaque clé que le moteur lit, les opérateurs, fonctions et verbes disponibles, le lien avec la mémoire du site et l'API du projet, un parcours de commande complet, puis les limites connues.
- Vue d'ensemble
- Les nœuds de l'arbre
- Les textes : slots et dictionnaires
- Les valeurs et les opérateurs
- La racine du bloc : état, calculs, validations
- Conditions, listes et événements
- Les actions
- La mémoire du site et l'API du projet
- Exemple complet : un parcours de commande
- Limites et pièges
Design System
La charte graphique d'un projet, les variables CSS qu'elle produit et les classes que les éditeurs écrivent : où vit chaque valeur, ce qu'elle devient dans la page, ce qui est permis et ce qui est refusé.
- Vue d'ensemble
- Le fichier de charte
- Le schéma, groupe par groupe
- Référence des variables CSS
- Ce que getBrand calcule
- Clair et sombre
- Le système de classes
- styleJson dans un tree.json
- Exemple complet
- Règles et pièges
