feat: add CSS live reload for dev setup

Two-part solution for automatic CSS updates during development:

1. `bb watch-theme` — polls src/ui/*.css and tokens.edn every 500ms,
   rebuilds dist/theme.css and copies to dev targets on change.

2. `dev/css-live-reload.js` — browser-side script that polls /theme.css
   and hot-swaps the stylesheet without a full page reload (no FOUC).

The watcher runs automatically in the hiccup tmux pane when using
`bb dev-all`. It can also be run standalone with `bb watch-theme`.

The live-reload script is included in all three dev targets (hiccup,
replicant, squint) and copied by `bb build-theme`.
This commit is contained in:
Florian Schroedl
2026-03-11 18:46:20 +01:00
parent e9e0b15e16
commit 9d5db65746
6 changed files with 104 additions and 2 deletions

View File

@@ -47,5 +47,6 @@
<div id="app"></div>
<script src="/js/main.js"></script>
<script src="/theme-adapter.js" defer></script>
<script src="/css-live-reload.js" defer></script>
</body>
</html>