chore: improved world map rendering for bounce rate metric

Signed-off-by: Henry <mail@henrygressmann.de>

Author: explodingcamera

CHANGELOG.md

@@ -21,6 +21,8 @@ Since this is not a library, this changelog focuses on the changes that are rele
 - Updated to the latest version of DuckDB (1.5.1)
 - Fixed error when both `listen` and `port` configuration options are set
 - Added retry logic when loading the DuckDB database to handle potential locking issues on startup (e.g. when the database is being updated by another process or when using a shared network drive)
+- Improved filtering out invalid referrers
+- Improved world map rendering for bounce rate metric
 
 ## [v1.4.0] - 2026-03-14
 

src/utils/referrer.rs

@@ -1,4 +1,3 @@
-use std::str::FromStr;
 use std::sync::LazyLock;
 
 use ahash::{HashMap, HashSet};
@@ -46,28 +45,35 @@ pub fn is_spammer(fqdn: &str) -> bool {
 pub enum Referrer {
     Fqdn(String),
     Unknown(Option<String>),
+    Local,
     Spammer,
 }
 
 pub fn process_referer(referer: Option<&str>) -> Referrer {
-    match referer.map(http::Uri::from_str) {
+    if referer.is_some_and(|referer| {
+        referer.parse::<std::net::IpAddr>().is_ok() || referer == "localhost" || referer.ends_with(".localhost")
+    }) {
+        return Referrer::Local;
+    }
+
+    match referer.map(url::Url::parse) {
         // valid referer are stripped to the FQDN
         Some(Ok(referer_uri)) => {
             // ignore localhost / IP addresses
-            if referer_uri.host().is_some_and(|host| {
+            if referer_uri.host_str().is_some_and(|host| {
                 host == "localhost" || host.ends_with(".localhost") || host.parse::<std::net::IpAddr>().is_ok()
             }) {
-                return Referrer::Unknown(None);
+                return Referrer::Local;
             }
 
-            let referer_fqn = referer_uri.host().unwrap_or_default();
+            let referer_fqn = referer_uri.host_str().unwrap_or_default();
             if is_spammer(referer_fqn) {
                 return Referrer::Spammer;
             }
             Referrer::Fqdn(referer_fqn.to_string())
         }
         // invalid referer are kept as is (e.g. when using custom referer values outside of the browser)
-        Some(Err(_)) => Referrer::Unknown(referer.map(std::string::ToString::to_string)),
+        Some(Err(_)) => Referrer::Unknown(referer.map(ToString::to_string)),
         None => Referrer::Unknown(None),
     }
 }

src/web/routes/event.rs

@@ -12,12 +12,13 @@ use axum::Json;
 use axum::extract::State;
 use axum_extra::TypedHeader;
 use chrono::Utc;
-use http::{StatusCode, Uri};
+use http::StatusCode;
 use schemars::JsonSchema;
 use std::net::IpAddr;
 use std::str::FromStr;
 use std::sync::mpsc::Sender;
 use std::sync::{Arc, LazyLock};
+use url::Url;
 
 pub fn router() -> ApiRouter<RouterState> {
     ApiRouter::new().route("/event", post(event_handler))
@@ -50,7 +51,7 @@ async fn event_handler(
     TypedHeader(user_agent): TypedHeader<headers::UserAgent>,
     Json(event): Json<EventRequest>,
 ) -> ApiResult<impl IntoApiResponse> {
-    let url = Uri::from_str(&event.url).context("invalid url").http_err("invalid url", StatusCode::BAD_REQUEST)?;
+    let url = Url::from_str(&event.url).context("invalid url").http_err("invalid url", StatusCode::BAD_REQUEST)?;
     let app = state.app.clone();
     let events = state.events.clone();
 
@@ -68,14 +69,15 @@ fn process_event(
     app: Arc<Liwan>,
     events: Sender<Event>,
     event: EventRequest,
-    url: Uri,
+    url: Url,
     ip: Option<IpAddr>,
     user_agent: headers::UserAgent,
 ) -> Result<()> {
     let referrer = match process_referer(event.referrer.as_deref()) {
         Referrer::Fqdn(fqdn) => Some(fqdn),
         Referrer::Unknown(r) => r,
         Referrer::Spammer => return Ok(()),
+        Referrer::Local => return Ok(()),
     };
     let referrer = referrer.map(|r| r.trim_start_matches("www.").to_string()); // remove www. prefix
     let referrer = referrer.filter(|r| r.trim().len() > 3); // ignore empty or short referrers
@@ -109,7 +111,7 @@ fn process_event(
 
     let path = url.path().to_string();
     let path = if path.len() > 1 && path.ends_with('/') { path.trim_end_matches('/').to_string() } else { path };
-    let fqdn = url.host().unwrap_or_default().to_string();
+    let fqdn = url.host_str().unwrap_or_default().to_string();
 
     let event = Event {
         visitor_id,

web/src/components/dialog.tsx

@@ -39,7 +39,7 @@ export const Dialog = ({
 				<Dia.Viewport>
 					{showClose && (
 						<Dia.Close className={styles.close}>
-							<XIcon size="24" />
+							<XIcon color="black" size="24" />
 						</Dia.Close>
 					)}
 					<Dia.Popup>

web/src/components/worldmap/index.tsx

@@ -75,9 +75,10 @@ export const Worldmap = ({ metric, data }: { metric: Metric; data?: DimensionTab
 					countries={countries}
 					biggest={biggest}
 					onSetLocation={setCurrentLocation}
+					metric={metric}
 				/>
 			)),
-		[countries, biggest],
+		[countries, biggest, metric],
 	);
 
 	const resetZoom = () => {
@@ -127,11 +128,13 @@ const Landmass = ({
 	countries,
 	biggest,
 	onSetLocation,
+	metric,
 }: {
 	feature: (typeof features)[number];
 	countries: Map<string, number>;
 	biggest?: DimensionTableRow;
 	onSetLocation: (location: Location | null) => void;
+	metric: Metric;
 }) => {
 	const percent = useMemo(
 		() => (countries.get(feature.iso) ?? 0) / (biggest?.value ?? 100),
@@ -142,6 +145,8 @@ const Landmass = ({
 		<path
 			d={feature.path || ""}
 			className={styles.geo}
+			data-inverted={metric === "bounce_rate"}
+			data-ignored={metric === "bounce_rate" && (percent === 0 || percent === 100)}
 			style={{ "--percent": percent } as React.CSSProperties}
 			onMouseEnter={() => onSetLocation({ name: feature.name, iso: feature.iso })}
 			onMouseLeave={() => onSetLocation(null)}

web/src/components/worldmap/map.module.css

@@ -45,6 +45,15 @@ button.reset {
   &:hover {
     opacity: 0.8;
   }
+
+  &[data-inverted="true"] {
+    /* same fill, but closer to 100 means worse instead of better */
+    fill: hsl(94, calc(0% + 80% * (1 - var(--percent)) * (1 - var(--percent))), calc(40% + 4% * (1 - var(--percent))));
+  }
+
+  &[data-ignored="true"] {
+    fill: hsl(94, 0%, 28%);
+  }
 }
 
 div.tooltip {