added analytics tracking

src/lib/components/Navbar.svelte

@@ -1,5 +1,21 @@
 <script>
 	import NavbarList from "./NavbarList.svelte";
+	import { onMount } from 'svelte';
+	import { afterNavigate } from '$app/navigation';
+	import { recordRequest } from './analytics';
+
+	// Function to handle navigation events
+	function handleNavigation() {
+		recordRequest();
+	}
+
+	// Call the analytics function on initial page load and after each navigation
+	onMount(() => {
+		handleNavigation();
+		afterNavigate(() => {
+		handleNavigation();
+		});
+	});
 
 	let searchterm = "";
 

src/lib/components/analytics.js

@@ -0,0 +1,34 @@
+// Function to record the request with analytics
+export async function recordRequest() {
+
+    const analyticsData = {
+      timestamp: Date.now(),
+      domain: window.location.hostname,
+      method: 'GET', // Assuming the request method is GET; adjust as necessary
+      path: window.location.pathname,
+    };
+
+    console.log('Recording request:', analyticsData);
+
+    const ANALYTICS_URL = 'https://analytics.jonasjones.dev/requests/record/ipunknown';
+    const ANALYTICS_API_KEY = import.meta.env.VITE_ANALYTICS_API_KEY;
+
+    try {
+      const response = await fetch(ANALYTICS_URL, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': ANALYTICS_API_KEY,
+        },
+        body: JSON.stringify(analyticsData),
+      });
+
+      if (response.ok) {
+        console.log('Request recorded successfully');
+      } else {
+        console.error('Failed to record request:', response.status, await response.text());
+      }
+    } catch (error) {
+      console.error('Error recording request:', error);
+    }
+  }