Update

Layout.razor

@@ -29,7 +29,12 @@
     {
         Settings.RefreshNavigation += RefreshNavigation;
     }
-
+
+    protected override async Task OnInitializedAsync()
+    {
+        await Runtime.InvokeVoidAsync("logTraffic");
+    }
+
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         await Settings.ApplySettings();

wwwroot/index.html

@@ -23,6 +23,7 @@
     <link rel="apple-touch-icon" sizes="192x192" href="images/icon_192.png" />
 
     <script src="https://cdn.rawgit.com/satazor/SparkMD5/master/spark-md5.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/platform/1.3.6/platform.min.js"></script>
 
     <script src="js/audio.js"></script>
     <script src="js/helpers.js"></script>

wwwroot/js/notifications.js

@@ -16,6 +16,72 @@ async function isServerOnline()
     }
 }
 
+async function logTraffic()
+{
+    if (await isServerOnline())
+    {
+        try
+        {
+            var trafficMessage;
+
+            if (typeof navigator.userAgentData === 'undefined')
+            {
+                var info = platform.parse(navigator.userAgent);
+
+                trafficMessage =
+                {
+                    name: info.name || "",
+                    version: info.version || "",
+                    product: info.product || "",
+                    manufacturer: info.manufacturer || "",
+                    layout: info.layout || "",
+                    system: `${info.os.architecture || ""} ${info.os.family || ""} ${info.os.version || ""}`,
+                    description: info.description || "",
+                    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone || "",
+                    language: navigator.language || "",
+                }
+
+            } else
+            {
+                trafficMessage =
+                {
+                    name: platform.name || "",
+                    version: platform.version || "",
+                    product: platform.product || "",
+                    manufacturer: platform.manufacturer || "",
+                    layout: platform.layout || "",
+                    system:  `${platform.os.architecture || ""} ${platform.os.family || ""} ${platform.os.version || ""}`,
+                    description: platform.description || "",
+                    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone || "",
+                    language: navigator.language || "",   
+                }
+            }
+
+            console.log(JSON.stringify(trafficMessage));
+
+            const response = await fetch("https://vetra.jordanmillett.net/api/traffic", { 
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(trafficMessage),
+            });
+
+            if (response.ok)
+            {
+                console.log('Traffic data sent successfully');
+            } else
+            {
+                console.error('Failed to send traffic data', response.statusText);
+            }
+        } catch (error)
+        {
+            console.error('Error collecting or sending traffic data:', error);
+        }
+
+    }
+}
+
 async function loadServiceWorker()
 {
     if ('serviceWorker' in navigator)