Skip to main content

mini_static/
reload.rs

1use std::path::Path;
2use std::pin::Pin;
3use std::task::{Context, Poll};
4
5use bytes::Bytes;
6use http_body::{Body, Frame};
7use tokio::sync::mpsc::UnboundedReceiver;
8
9use crate::error::StaticError;
10use crate::watcher::ChangeEvent;
11
12/// The request path `Server` serves the live-reload SSE stream on when
13/// [`crate::Server::with_live_reload`] is enabled.
14pub const LIVE_RELOAD_PATH: &str = "/__mini_static_reload";
15
16/// The type of change detected in a watched file.
17///
18/// Used by live-reload to determine what the browser should do when a file changes:
19/// CSS stylesheets are hot-swapped, while scripts and HTML require a full page reload.
20#[derive(Clone, Debug, PartialEq, Eq)]
21pub enum ChangeType {
22	/// A CSS stylesheet changed.
23	Css,
24	/// A JavaScript module changed.
25	Script,
26	/// An HTML page changed.
27	Html,
28	/// Some other file changed.
29	Other,
30}
31
32impl ChangeType {
33	/// Determine the change type from a file path's extension.
34	pub fn from_path(path: &Path) -> Self {
35		match path.extension().and_then(|e| e.to_str()) {
36			Some("css") => ChangeType::Css,
37			Some("js" | "mjs") => ChangeType::Script,
38			Some("html" | "htm") => ChangeType::Html,
39			_ => ChangeType::Other,
40		}
41	}
42
43	/// The string representation used in SSE event names and JSON.
44	pub fn as_str(&self) -> &'static str {
45		match self {
46			ChangeType::Css => "css",
47			ChangeType::Script => "script",
48			ChangeType::Html => "html",
49			ChangeType::Other => "other",
50		}
51	}
52}
53
54/// Encode a reload event as an SSE (Server-Sent Events) frame.
55///
56/// The frame follows the SSE text/event-stream format:
57/// ```text
58/// event: <change_type>
59/// data: {"type": "<change_type>"}
60///
61/// ```
62///
63/// This is the single canonical place the SSE frame format is defined.
64/// Callers that forward reload events over HTTP (e.g., mini-unified) call this
65/// function rather than re-implementing the byte-for-byte format.
66///
67/// The JSON payload is written directly rather than through a serializer: it is one
68/// fixed-shape object whose only value is one of [`ChangeType::as_str`]'s four literals,
69/// none of which contain a character JSON would need to escape. Pulling in a JSON
70/// dependency to emit eleven constant bytes is not a trade worth making.
71pub fn reload_event_frame(change_type: &ChangeType) -> Bytes {
72	let name = change_type.as_str();
73	Bytes::from(format!("event: {name}\ndata: {{\"type\":\"{name}\"}}\n\n"))
74}
75
76/// An `http_body::Body` that streams live-reload SSE frames to a single connected
77/// client, one [`ChangeEvent`] at a time, for as long as the underlying broadcast
78/// channel stays open.
79pub struct SseBody {
80	rx: UnboundedReceiver<ChangeEvent>,
81}
82
83impl SseBody {
84	pub(crate) fn new(rx: UnboundedReceiver<ChangeEvent>) -> Self {
85		SseBody { rx }
86	}
87}
88
89impl Body for SseBody {
90	type Data = Bytes;
91	type Error = StaticError;
92
93	fn poll_frame(
94		mut self: Pin<&mut Self>,
95		cx: &mut Context<'_>,
96	) -> Poll<Option<Result<Frame<Self::Data>, Self::Error>>> {
97		match self.rx.poll_recv(cx) {
98			Poll::Ready(Some(event)) => {
99				Poll::Ready(Some(Ok(Frame::data(reload_event_frame(&event.change_type)))))
100			}
101			Poll::Ready(None) => Poll::Ready(None),
102			Poll::Pending => Poll::Pending,
103		}
104	}
105}
106
107/// The `<script>` tag `Server` injects into served HTML pages when live-reload is
108/// enabled (see [`inject_reload_script`]).
109///
110/// Opens an `EventSource` to [`LIVE_RELOAD_PATH`]. A `css` event hot-swaps every
111/// stylesheet `<link>` (cache-busted via a query param) without a full page reload;
112/// `script`, `html`, and `other` events reload the page, since there is no general way
113/// to hot-swap those in place.
114///
115/// # Panics
116///
117/// Never — the returned string is a fixed literal embedding [`LIVE_RELOAD_PATH`].
118fn reload_script_tag() -> String {
119	format!(
120		"<script>(function(){{\
121			var es=new EventSource(\"{LIVE_RELOAD_PATH}\");\
122			function reload(){{location.reload();}}\
123			es.addEventListener(\"css\",function(){{\
124				document.querySelectorAll('link[rel=\"stylesheet\"]').forEach(function(l){{\
125					var u=new URL(l.href);u.searchParams.set(\"_mr\",Date.now());l.href=u.toString();\
126				}});\
127			}});\
128			es.addEventListener(\"script\",reload);\
129			es.addEventListener(\"html\",reload);\
130			es.addEventListener(\"other\",reload);\
131		}})();</script>"
132	)
133}
134
135/// Insert the live-reload client script (see [`reload_script_tag`]) into an HTML
136/// document, immediately before the closing `</body>` tag if one is found (checking
137/// both `</body>` and `</BODY>`), otherwise appended at the end of the document.
138///
139/// Operates on raw bytes rather than parsing HTML — `mini-static` has no HTML parser
140/// and does not need one for a single fixed-string insertion.
141pub(crate) fn inject_reload_script(html: &mut Vec<u8>) {
142	let script = reload_script_tag();
143
144	let pos = find_subsequence(html, b"</body>").or_else(|| find_subsequence(html, b"</BODY>"));
145
146	match pos {
147		Some(pos) => {
148			html.splice(pos..pos, script.into_bytes());
149		}
150		None => html.extend_from_slice(script.as_bytes()),
151	}
152}
153
154fn find_subsequence(haystack: &[u8], needle: &[u8]) -> Option<usize> {
155	haystack.windows(needle.len()).position(|w| w == needle)
156}
157
158#[cfg(test)]
159mod tests {
160	use super::*;
161
162	#[test]
163	fn reload_event_frame_formats_css_correctly() {
164		let frame = reload_event_frame(&ChangeType::Css);
165		let s = String::from_utf8(frame.to_vec()).unwrap();
166		assert_eq!(s, "event: css\ndata: {\"type\":\"css\"}\n\n");
167	}
168
169	#[test]
170	fn reload_event_frame_formats_script_correctly() {
171		let frame = reload_event_frame(&ChangeType::Script);
172		let s = String::from_utf8(frame.to_vec()).unwrap();
173		assert_eq!(s, "event: script\ndata: {\"type\":\"script\"}\n\n");
174	}
175
176	#[test]
177	fn reload_event_frame_formats_html_correctly() {
178		let frame = reload_event_frame(&ChangeType::Html);
179		let s = String::from_utf8(frame.to_vec()).unwrap();
180		assert_eq!(s, "event: html\ndata: {\"type\":\"html\"}\n\n");
181	}
182
183	#[test]
184	fn reload_event_frame_formats_other_correctly() {
185		let frame = reload_event_frame(&ChangeType::Other);
186		let s = String::from_utf8(frame.to_vec()).unwrap();
187		assert_eq!(s, "event: other\ndata: {\"type\":\"other\"}\n\n");
188	}
189
190	#[test]
191	fn change_type_from_path_css() {
192		assert_eq!(ChangeType::from_path(Path::new("style.css")), ChangeType::Css);
193		assert_eq!(ChangeType::from_path(Path::new("dir/main.css")), ChangeType::Css);
194	}
195
196	#[test]
197	fn change_type_from_path_script() {
198		assert_eq!(ChangeType::from_path(Path::new("app.js")), ChangeType::Script);
199		assert_eq!(ChangeType::from_path(Path::new("mod.mjs")), ChangeType::Script);
200		assert_eq!(ChangeType::from_path(Path::new("dir/lib.js")), ChangeType::Script);
201	}
202
203	#[test]
204	fn change_type_from_path_html() {
205		assert_eq!(ChangeType::from_path(Path::new("index.html")), ChangeType::Html);
206		assert_eq!(ChangeType::from_path(Path::new("page.htm")), ChangeType::Html);
207		assert_eq!(ChangeType::from_path(Path::new("dir/file.html")), ChangeType::Html);
208	}
209
210	#[test]
211	fn change_type_from_path_other() {
212		assert_eq!(ChangeType::from_path(Path::new("image.png")), ChangeType::Other);
213		assert_eq!(ChangeType::from_path(Path::new("data.json")), ChangeType::Other);
214		assert_eq!(ChangeType::from_path(Path::new("README")), ChangeType::Other);
215	}
216
217	#[test]
218	fn reload_script_tag_embeds_the_live_reload_path() {
219		// Disproves hardcoding a divergent path literal in the script: if someone edits
220		// `LIVE_RELOAD_PATH` without updating `reload_script_tag()`, the injected client
221		// would open an `EventSource` to a path the server never serves.
222		assert!(reload_script_tag().contains(LIVE_RELOAD_PATH));
223	}
224
225	#[test]
226	fn inject_reload_script_inserts_before_closing_body_tag() {
227		let mut html = b"<html><body><h1>hi</h1></body></html>".to_vec();
228		inject_reload_script(&mut html);
229		let s = String::from_utf8(html).unwrap();
230
231		assert!(s.starts_with("<html><body><h1>hi</h1>"));
232		assert!(s.ends_with("</body></html>"));
233		assert!(s.contains(LIVE_RELOAD_PATH));
234		// The script must land strictly before the closing tag, not after it.
235		assert!(s.find("<script>").unwrap() < s.find("</body>").unwrap());
236	}
237
238	#[test]
239	fn inject_reload_script_handles_uppercase_closing_tag() {
240		let mut html = b"<HTML><BODY>hi</BODY></HTML>".to_vec();
241		inject_reload_script(&mut html);
242		let s = String::from_utf8(html).unwrap();
243
244		assert!(s.find("<script>").unwrap() < s.find("</BODY>").unwrap());
245	}
246
247	#[test]
248	fn inject_reload_script_appends_when_no_body_tag_present() {
249		let mut html = b"<h1>fragment, no body tag</h1>".to_vec();
250		inject_reload_script(&mut html);
251		let s = String::from_utf8(html).unwrap();
252
253		assert!(s.starts_with("<h1>fragment, no body tag</h1>"));
254		assert!(s.ends_with("</script>"));
255	}
256
257	#[tokio::test]
258	async fn sse_body_yields_a_frame_per_broadcast_event() {
259		use crate::watcher::Broadcaster;
260		use http_body_util::BodyExt;
261		use std::path::PathBuf;
262
263		let broadcaster = Broadcaster::new();
264		let rx = broadcaster.subscribe();
265		let mut body = SseBody::new(rx);
266
267		broadcaster.broadcast(ChangeEvent {
268			path: PathBuf::from("style.css"),
269			change_type: ChangeType::Css,
270		});
271
272		let frame = body.frame().await.expect("stream ended early").expect("frame error");
273		let data = frame.into_data().unwrap();
274		assert_eq!(&data[..], b"event: css\ndata: {\"type\":\"css\"}\n\n");
275	}
276}