Umbral Live Reload

The edit-save-alt-tab-refresh loop is a tax you pay hundreds of times a day. Umbral Live Reload deletes it: save a template, some CSS, or an asset and the browser refreshes itself — and CSS hot-swaps in place without even a full reload. A file watcher pushes events over SSE and the client script injects itself into HTML responses. It's completely inert in production, so there's nothing to strip before you ship.

Install

cargo add umbral-livereload

Wire it up

Point it at the directories you edit.

use umbral::prelude::*;
use umbral_livereload::LiveReloadPlugin;

let app = App::builder()
    .database("default", pool)
    .plugin(LiveReloadPlugin::new().watch("plugins"))  // watch plugin templates too
    .build()?;

Target: a monorepo with per-plugin templates

.watch(dir) adds a directory to the watch set, so a framework built out of plugins reloads on edits anywhere in the tree, not just the top-level templates.

What you get

• Auto browser refresh on template / asset save
• CSS hot-swap in place — no full reload for a style tweak
• SSE-driven; the client script auto-injects into HTML
• Add extra watch roots with .watch(dir)
• Fully inert outside dev mode — nothing to remove for prod