Иерархическая организация
Библиотека JustZix — это дерево из четырёх уровней: папка, группа, набор правил и действие. Одна и та же структура годится и для быстрой правки, и для сотни правил, разбросанных по десятку клиентских проектов.
Четыре уровня дерева
Библиотека JustZix устроена иерархически. На самом верху стоит папка — самая широкая единица, обычно соответствующая одному проекту, клиенту или сайту. У неё свой шаблон URL и трёхбуквенная метка, которая появляется на плавающей кнопке, когда папка активна на странице.
Внутри папки живут группы — удобные отсеки, разделяющие правила по теме, например styles и действия. У каждой папки есть хотя бы одна группа; новая начинается с группы «По умолчанию». В группе находятся наборы правил: собственно единицы CSS и JavaScript, которые расширение внедряет на страницу. В самом низу — действия, кликабельные кнопки, запускающие скрипт по запросу.
Почему иерархия важна
Одной правке структура не нужна. Двадцать правок без неё превращаются в нечитаемый список. Дерево папка → группа → набор правил → действие даёт каждому правилу своё место, и вы находите его по проекту и теме, а не прокручиваете всё сразу.
Иерархия упорядочивает и сопоставление URL. Шаблон, заданный на папке, охватывает все её правила; набор правил может сузить его собственным шаблоном. Вместо того чтобы повторять один и тот же адрес у каждого правила, вы задаёте его один раз на папке.
Теги, цвета и метки
Дерево — не единственный способ перемещаться по библиотеке. Каждому правилу можно присвоить теги и фильтровать по ним всю библиотеку — это удобно, когда правила с общим назначением лежат в разных папках. Поле поиска просматривает имена и теги и сужает дерево по мере ввода.
У каждой папки свой цвет и трёхбуквенная метка. Цвет выделяет папку в списке, а метка подсказывает на плавающей кнопке, какая папка действует на открытой странице — без открытия панели.
Включение и отключение целых ветвей
У каждого узла дерева есть переключатель, и переключатели каскадно действуют вниз. Отключите папку — и вместе с ней замолкают все её группы, наборы правил и действия; включите обратно — и они возвращаются. То же работает на уровне группы.
Это позволяет держать полный набор правил для проекта в одном месте и включать его только во время работы над ним — ничего не удаляя и не кликая по каждому правилу по отдельности.
Похожие статьи блога
Статьи, которые раскрывают эту тему подробнее.