Organisation hiérarchique
La bibliothèque JustZix est une arborescence à quatre niveaux : dossier, groupe, jeu de règles et action. La même structure convient à une correction rapide comme à cent règles réparties sur une douzaine de projets clients.
Les quatre niveaux de l'arborescence
La bibliothèque JustZix est organisée de façon hiérarchique. Tout en haut se trouve un dossier — l'unité la plus large, correspondant en général à un projet, un client ou un site. Il porte son propre motif d'URL et un label de trois lettres qui apparaît sur le bouton flottant dès que le dossier est actif sur une page.
Dans un dossier vivent des groupes — des compartiments pratiques qui répartissent les règles par thème, par exemple styles et actions. Chaque dossier a au moins un groupe ; un nouveau dossier démarre avec un groupe « Par défaut ». Dans un groupe se trouvent des jeux de règles : les véritables unités de CSS et JavaScript que l'extension injecte dans une page. Tout en bas se trouvent les actions — des boutons cliquables qui exécutent un script à la demande.
Pourquoi la hiérarchie compte
Une seule correction n'a pas besoin de structure. Vingt corrections sans structure deviennent une liste illisible. L'arborescence dossier → groupe → jeu de règles → action donne une place à chaque règle, vous la retrouvez donc par projet et par thème au lieu de tout faire défiler en bloc.
La hiérarchie organise aussi la correspondance d'URL. Un motif défini sur un dossier couvre toutes ses règles ; un jeu de règles peut le restreindre avec son propre motif. Au lieu de répéter la même adresse sur chaque règle, vous la définissez une seule fois sur le dossier.
Étiquettes, couleurs et labels
L'arborescence n'est pas la seule façon de parcourir la bibliothèque. Vous pouvez donner des étiquettes à chaque règle et filtrer toute la bibliothèque selon elles — utile quand des règles ayant un objectif commun se trouvent dans des dossiers différents. La zone de recherche parcourt les noms et les étiquettes et resserre l'arborescence au fil de la saisie.
Chaque dossier a sa propre couleur et un label de trois lettres. La couleur fait ressortir un dossier dans la liste, et le label vous indique sur le bouton flottant quel dossier agit sur la page ouverte — sans ouvrir le panneau.
Activer et désactiver des branches entières
Chaque nœud de l'arborescence a un interrupteur, et les interrupteurs se propagent vers le bas. Désactivez un dossier et tous ses groupes, jeux de règles et actions se taisent avec lui ; réactivez-le et ils reviennent. Cela fonctionne de la même façon au niveau du groupe.
Vous pouvez ainsi garder un jeu complet de règles pour un projet au même endroit et ne l'activer que lorsque vous y travaillez — sans rien supprimer et sans cliquer sur chaque règle une par une.
Articles de blog liés
Des articles qui approfondissent ce sujet.