Release · v2.5.0
Add theme-aware progress bar and image skeletons…
Add theme-aware progress bar and image skeletons for DB loads
Details
Introduce a slim, reference-counted progress bar pinned to the top of the viewport that tracks every Supabase request (config, news, sections, links, documents and image blobs). It is wired in by wrapping the two network primitives in db_assets (fetchWithTimeout and fetchAsObjectUrl), so all DB-backed content is covered automatically. DB images now show a shimmer skeleton in place of the browser's broken image icon until their blob resolves. Colors are driven by the existing CSS custom properties, so the bar and skeletons match both the v2 (accent orange) and v1 (accent blue) themes in light and dark mode, and they respect prefers-reduced-motion.
Files changed (8)
| frontend/client/ts/db_assets.ts | +18 | −9 |
| frontend/client/ts/progress-bar.ts | +140 | −0 |
| frontend/jekyll/_layouts/default.html | +1 | −0 |
| frontend/jekyll/_layouts/v2.html | +1 | −0 |
| frontend/jekyll/_layouts/view.html | +1 | −0 |
| frontend/jekyll/_sass/v2.scss | +87 | −0 |
| frontend/jekyll/assets/css/style.scss | +75 | −0 |
| frontend/jekyll/assets/css/view.css | +52 | −0 |