Hierarchiczna organizacja
Biblioteka JustZix to drzewo o czterech poziomach: katalog, grupa, zestaw reguł i akcja. Ta sama struktura sprawdza się przy jednej szybkiej poprawce i przy setce reguł rozsianych po kilkunastu projektach klienta.
Cztery poziomy drzewa
Biblioteka JustZix jest uporządkowana hierarchicznie. Na samej górze stoi katalog — najszersza jednostka, zwykle odpowiadająca jednemu projektowi, klientowi lub witrynie. Ma własny wzorzec URL i trzyliterową etykietę, która pojawia się na pływającym przycisku, gdy katalog jest aktywny na danej stronie.
Wewnątrz katalogu mieszczą się grupy — wygodne przegródki rozdzielające reguły według tematu, na przykład style i akcje. Każdy katalog ma co najmniej jedną grupę; nowy zaczyna z grupą „Domyślna". W grupie żyją zestawy reguł: to właściwe jednostki CSS i JavaScript, które wtyczka wstrzykuje na stronę. Najniżej stoją akcje — klikalne przyciski uruchamiające skrypt na żądanie.
Dlaczego hierarchia ma znaczenie
Pojedyncza poprawka nie potrzebuje struktury. Dwadzieścia poprawek bez niej zamienia się w nieczytelną listę. Drzewo katalog → grupa → zestaw → akcja sprawia, że każda reguła ma swoje miejsce, a Ty znajdujesz ją po projekcie i temacie, zamiast przewijać wszystko naraz.
Hierarchia porządkuje też dopasowanie URL. Wzorzec ustawiony na katalogu obejmuje wszystkie jego reguły; zestaw może go zawęzić własnym wzorcem. Zamiast powtarzać ten sam adres przy każdej regule, ustawiasz go raz na katalogu.
Tagi, kolory i etykiety
Drzewo to nie jedyny sposób poruszania się po bibliotece. Każdej regule możesz nadać tagi i odfiltrować po nich całą bibliotekę — przydaje się, gdy reguły o wspólnym przeznaczeniu leżą w różnych katalogach. Wyszukiwarka przegląda nazwy i tagi i zawęża drzewo na bieżąco.
Każdy katalog ma własny kolor i trzyliterową etykietę. Kolor wyróżnia katalog na liście, a etykieta podpowiada na pływającym przycisku, który katalog działa na otwartej stronie — bez otwierania panelu.
Włączanie i wyłączanie całych gałęzi
Przy każdym węźle drzewa stoi przełącznik, a przełączniki kaskadują w dół. Wyłącz katalog, a wraz z nim zamilkną wszystkie jego grupy, zestawy i akcje; włącz go z powrotem, a wracają. To samo działa na poziomie grupy.
Dzięki temu możesz trzymać komplet reguł dla projektu w jednym miejscu i włączać go tylko wtedy, gdy nad nim pracujesz — bez kasowania czegokolwiek i bez ręcznego klikania przy każdej regule z osobna.
Powiązane wpisy z bloga
Wpisy, które omawiają to zagadnienie dokładniej.