fix: pass query parameter to fetch scrobble if SSR timed out

frontend/esbuild.js

···
         method: req.method,
         headers: req.headers,
       };
+      const url = new URL(`http://localhost${req.url}`);
       const route =
-        req.url === "/" || req.url === "/scrobbles"
+        url.pathname === "/" || url.pathname === "/scrobbles"
           ? { hostname: "127.0.0.1", port: 8080 }
           : { hostname: host, port };
       const routedOptions = { ...options, ...route };

server/src/main.rs

···
 use askama::Template;
 use async_stream::stream;
 use axum::{
+    extract::Query,
     http::{HeaderName, HeaderValue, StatusCode},
     response::{sse, Html, IntoResponse, Sse},
     routing::{get, get_service},
     Extension, Router,
 };
+use serde::Deserialize;
 use tokio::time::{self, MissedTickBehavior};
 use tokio_stream::Stream;
 use tower::ServiceBuilder;
···
     })
 }
 
+#[derive(Deserialize)]
+struct ScrobbleQuery {
+    #[serde(default)]
+    immediate: bool,
+}
+
 async fn get_scrobble(
     Extension(mut monitor): Extension<ScrobbleMonitor>,
+    Query(ScrobbleQuery { immediate }): Query<ScrobbleQuery>,
 ) -> Sse<impl Stream<Item = Result<sse::Event, Infallible>>> {
     let stream = stream! {
         let mut interval = time::interval(Duration::from_secs(30));
         interval.set_missed_tick_behavior(MissedTickBehavior::Skip);
-        interval.tick().await;
+        if !immediate {
+            interval.tick().await;
+        }
         loop {
             interval.tick().await;
             let template = match monitor.get_scrobble().await {

server/templates/index.html

···
     <div
       class="scrobble-bar"
       hx-ext="sse"
-      sse-connect="/scrobbles"
+      sse-connect="/scrobbles{% if scrobble.is_none() %}?immediate=true{% endif %}"
       sse-swap="scrobble"
       >
       {%- match scrobble %} {%- when Some with (ScrobblesTemplate {intro, now_playing, image, srcset}) %}