Organización jerárquica
La biblioteca de JustZix es un árbol de cuatro niveles: carpeta, grupo, conjunto de reglas y acción. La misma estructura sirve para una corrección rápida y para cien reglas repartidas en una docena de proyectos de cliente.
Los cuatro niveles del árbol
La biblioteca de JustZix está organizada de forma jerárquica. En lo más alto se sitúa una carpeta — la unidad más amplia, que suele corresponder a un proyecto, un cliente o un sitio. Lleva su propio patrón de URL y una etiqueta de tres letras que aparece en el botón flotante siempre que la carpeta está activa en una página.
Dentro de una carpeta viven los grupos — compartimentos prácticos que reparten las reglas por tema, por ejemplo styles y acciones. Cada carpeta tiene al menos un grupo; una nueva empieza con un grupo «Predeterminado». Dentro de un grupo están los conjuntos de reglas: las verdaderas unidades de CSS y JavaScript que la extensión inyecta en una página. Abajo del todo están las acciones — botones clicables que ejecutan un script bajo demanda.
Por qué importa la jerarquía
Una sola corrección no necesita estructura. Veinte correcciones sin ella se convierten en una lista ilegible. El árbol carpeta → grupo → conjunto de reglas → acción le da un sitio a cada regla, así que la encuentras por proyecto y tema en lugar de desplazarte por todo a la vez.
La jerarquía también ordena la coincidencia de URL. Un patrón fijado en una carpeta cubre todas sus reglas; un conjunto de reglas puede acotarlo con su propio patrón. En lugar de repetir la misma dirección en cada regla, la fijas una sola vez en la carpeta.
Etiquetas, colores y rótulos
El árbol no es la única manera de recorrer la biblioteca. Puedes dar etiquetas a cada regla y filtrar toda la biblioteca por ellas — útil cuando reglas con un propósito común están en carpetas distintas. La caja de búsqueda recorre nombres y etiquetas y acota el árbol mientras escribes.
Cada carpeta tiene su propio color y un rótulo de tres letras. El color hace que una carpeta destaque en la lista, y el rótulo te indica en el botón flotante qué carpeta actúa en la página abierta — sin abrir el panel.
Activar y desactivar ramas enteras
Cada nodo del árbol tiene un interruptor, y los interruptores se propagan en cascada hacia abajo. Desactiva una carpeta y todos sus grupos, conjuntos de reglas y acciones callan con ella; vuélvela a activar y regresan. Lo mismo funciona a nivel de grupo.
Esto te permite mantener un conjunto completo de reglas para un proyecto en un solo sitio y activarlo solo mientras trabajas en él — sin borrar nada y sin pulsar cada regla una por una.
Entradas de blog relacionadas
Entradas que tratan este tema con más detalle.