Add Umami analytics tracking for APK downloads

- Remove Plausible Analytics (canceled subscription)
- Create Analytics utility for type-safe Umami event tracking
- Update DownloadButton to track downloads with version metadata
- Track 'apk-download' events with version and file properties

Author: RetRo99

site/build.gradle.kts

@@ -36,20 +36,6 @@ kobweb {
                 script {
                     src = "/prism/prism.js"
                 }
-                script {
-                    async = true
-                    src = "https://plausible.io/js/pa-KV_Y-QH0U3Bxdqi_EJupK.js"
-                }
-                script {
-                    unsafe {
-                        raw(
-                            """
-                window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
-                plausible.init()
-            """.trimIndent(),
-                        )
-                    }
-                }
                 script {
                     defer = true
                     src = "https://cloud.umami.is/script.js"

site/src/jsMain/kotlin/io/github/retar/portfolio/components/widgets/Button.kt

@@ -7,6 +7,7 @@ import com.varabyte.kobweb.compose.ui.graphics.Colors
 import com.varabyte.kobweb.compose.ui.modifiers.border
 import com.varabyte.kobweb.compose.ui.modifiers.borderRadius
 import com.varabyte.kobweb.compose.ui.modifiers.color
+import com.varabyte.kobweb.compose.ui.modifiers.onClick
 import com.varabyte.kobweb.compose.ui.modifiers.scale
 import com.varabyte.kobweb.compose.ui.modifiers.setVariable
 import com.varabyte.kobweb.compose.ui.modifiers.textDecorationLine
@@ -19,6 +20,7 @@ import com.varabyte.kobweb.silk.style.CssStyle
 import com.varabyte.kobweb.silk.style.selectors.hover
 import com.varabyte.kobweb.silk.style.toModifier
 import io.github.retar.portfolio.styles.sitePalette
+import io.github.retar.portfolio.utils.trackEvent
 import org.jetbrains.compose.web.css.LineStyle
 import org.jetbrains.compose.web.css.px
 import org.jetbrains.compose.web.dom.Text
@@ -47,18 +49,24 @@ fun DownloadButton(
     label: String,
     modifier: Modifier = Modifier,
 ) {
-    Link(
-        path = url,
-        modifier = Modifier.textDecorationLine(TextDecorationLine.None),
+    Button(
+        onClick = {
+            // Track download event with Umami analytics
+            val fileName = url.substringAfterLast("/")
+            val version = fileName.removeSuffix(".apk")
+            val eventData = js("{}")
+            eventData["version"] = version
+            eventData["file"] = fileName
+            trackEvent("apk-download", eventData)
+
+            // Trigger download
+            js("window.open")(url, "_self")
+        },
+        modifier = OutlineButtonStyle.toModifier()
+            .then(modifier),
+        size = ButtonSize.MD,
     ) {
-        Button(
-            onClick = { },
-            modifier = OutlineButtonStyle.toModifier()
-                .then(modifier),
-            size = ButtonSize.MD,
-        ) {
-            Text(label)
-        }
+        Text(label)
     }
 }
 

site/src/jsMain/kotlin/io/github/retar/portfolio/utils/Analytics.kt

@@ -0,0 +1,42 @@
+package io.github.retar.portfolio.utils
+
+/**
+ * Umami analytics tracking utilities.
+ * 
+ * Umami script is loaded via build.gradle.kts and provides a global `window.umami` object.
+ */
+external interface Umami {
+    fun track(eventName: String)
+    fun track(eventName: String, eventData: dynamic)
+}
+
+/**
+ * Access to the Umami analytics object.
+ * Returns null if Umami is not loaded (e.g., ad blockers).
+ */
+val umami: Umami?
+    get() = js("window.umami") as? Umami
+
+/**
+ * Track a custom event with Umami analytics.
+ *
+ * @param eventName The name of the event (max 50 characters)
+ * @param eventData Optional data to attach to the event
+ */
+fun trackEvent(eventName: String, eventData: dynamic = null) {
+    try {
+        if (umami == null) {
+            console.warn("Umami analytics not loaded. Event not tracked: $eventName")
+            return
+        }
+
+        if (eventData != null) {
+            umami?.track(eventName, eventData)
+        } else {
+            umami?.track(eventName)
+        }
+    } catch (e: Throwable) {
+        console.error("Failed to track event: $eventName", e)
+    }
+}
+