Решил я для своего проекта сделать демку, в которой пользователь сможет баловаться так, что бы ему было прям совершенно понятно, как работает моя библиотека

У меня есть молодой, но развиваемый проектик по статичной библиотеке утилитарных css-классов. Родилась она на стыке потребностей централизации стилей приложения, которое основано на федеративных модулях (микрофронты), и пристасьившейся любви к утилитарным классам в стилизаци

Т.к. библиотека статичная, в отличии от Tailwind, который компилит стили буквально под конкретную версию приложения, она поделена на модули, которые могут подгружаться независим Ну не используете вы border? Ну вот и нечего грузить этот комплект стилей

Так вот. Захотел я, что бы пользователь мог прям в руководстве не просто посмотреть как выглядит конфигурация либы, не просто поиграться с классами, но и буквально увидеть, как его рендер его html меняется в зависимости от подключаемых модуле

И вот тут-то я попал. В общем создал я ещё один экземпляр приложения внутри существующего В нём рендерю инициализацию либы с ограничением классов А оно не работает Ну потому, что у меня родительское приложение стили грузит и они просачиваются в дочернее приложение, т.к. стили подключаются через никого scope тут нет (и не должно быть).. Я и с shadowDOM баловался и как только не крутил (фреймы не крутил и не хочу крутить - я как-то у ним плохо отношусь)

В общем планирую попробовать провернуть задуманное через Astr Хотя подозреваю, что его острова тоже не осилят задачу..

Саму библиотеку можно глянуть тут: https://github.com/yudinmaxim/ustatic-css