fix: tracker script for astro

Signed-off-by: Henry Gressmann <[email protected]>

Author: explodingcamera

Cargo.lock

@@ -1,4 +1,6 @@
 #!/usr/bin/env bash
 cd "$(dirname "$0")" && cd ..
+cd web && bun run build
+cd ..
 cargo zigbuild --release --target x86_64-unknown-linux-musl
 rsync -avzP target/x86_64-unknown-linux-musl/release/liwan pegasus:~/.local/bin/liwan

data/licenses-cargo.json

@@ -17,8 +17,8 @@ async fn main() -> Result<()> {
     }
 
     let app = Liwan::try_new(config)?;
-    app.run_background_tasks();
 
+    app.run_background_tasks();
     tokio::select! {
         res = web::start_webserver(app.clone(), s) => res,
         res = tokio::task::spawn_blocking(move || app.clone().events.process(r)) => res?

scripts/deploy-demo.sh

@@ -2,6 +2,7 @@ declare module "script" {
     global {
         interface Window {
             __liwan_loaded?: boolean;
+            navigation?: any;
         }
     }
     export type EventOptions = {

src/main.rs

@@ -1,6 +1,8 @@
 declare global {
 	interface Window {
 		__liwan_loaded?: boolean;
+		// biome-ignore lint/suspicious/noExplicitAny:
+		navigation?: any;
 	}
 }
 
@@ -110,15 +112,30 @@ const trackPageviews = () => {
 		event("pageview");
 	};
 
-	if (window.history.pushState) {
+	if (window.navigation) {
+		// best case scenario, we can listen for navigation events
+		// sadly this is not available on firefox
+		window.navigation.addEventListener("navigate", () => page());
+	} else {
+		// duplicate navigation events don't matter
+		// as we check if the page has changed above
+
+		// try to intercept history.pushState, but it's not always possible
 		window.history.pushState = new Proxy(window.history.pushState, {
 			apply: (target, thisArg, argArray) => {
 				target.apply(thisArg, argArray);
 				page();
 			},
 		});
+
+		// popstate is pretty buggy
 		window.addEventListener("popstate", page);
+
+		// astro copies history.pushState, so we need to listen for astro:page-load
+		document.addEventListener("astro:page-load", () => page());
 	}
+
+	// initial pageview
 	page();
 };