From 76338eff7199baff0e2f3698584dffa1fac57dd5 Mon Sep 17 00:00:00 2001
From: Marios Antonoudiou <mariosant@sent.com>
Date: Thu, 22 May 2025 16:01:34 +0300
Subject: [PATCH] Introduce analytics

---
 components/rewrite-card.vue |  5 +++++
 nuxt.config.ts              |  3 +++
 pages/index.vue             | 15 +++++++++++++--
 plugins/aptabase.client.ts  | 19 +++++++++++++++++++
 4 files changed, 40 insertions(+), 2 deletions(-)
 create mode 100644 plugins/aptabase.client.ts

diff --git a/components/rewrite-card.vue b/components/rewrite-card.vue
index e85de11..04a2a32 100644
--- a/components/rewrite-card.vue
+++ b/components/rewrite-card.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { trackEvent } from "@aptabase/web";
 import type { FormSubmitEvent } from "@nuxt/ui";
 
 const { user } = useUserSession();
@@ -34,6 +35,10 @@ const validate = ({
 };
 
 const submit = async (event: FormSubmitEvent<typeof formData>) => {
+  trackEvent("rewrite_activity", {
+    activityUrl: event.data.activityUrl,
+  });
+
   await $fetch("/api/rewrite", {
     method: "POST",
     query: {
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 7a14b64..8d5915e 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -13,6 +13,9 @@ export default defineNuxtConfig({
     stravaVerifyToken: "",
     openaiApiKey: "",
     databaseUrl: "",
+    public: {
+      aptabaseAppKey: "",
+    },
   },
   future: { compatibilityVersion: 4 },
   compatibilityDate: "2025-03-01",
diff --git a/pages/index.vue b/pages/index.vue
index d53890f..388aa2a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { omit } from "radash";
+import { diff, omit } from "radash";
+import { trackEvent } from "@aptabase/web";
 
 useHead({ title: "Ghostwriter" });
 
@@ -43,7 +44,17 @@ const saveOp = watchPausable(
       body: toValue(preferences),
     });
   },
-  { initialState: "paused", deep: true },
+  {
+    initialState: "paused",
+    deep: true,
+    onTrigger: (event) => {
+      trackEvent("update_preferences", {
+        key: event.key,
+        value: event.newValue,
+        oldValue: event.oldValue,
+      });
+    },
+  },
 );
 </script>
 
diff --git a/plugins/aptabase.client.ts b/plugins/aptabase.client.ts
new file mode 100644
index 0000000..f4f9bf7
--- /dev/null
+++ b/plugins/aptabase.client.ts
@@ -0,0 +1,19 @@
+import { init, trackEvent } from "@aptabase/web";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const config = useRuntimeConfig();
+
+  nuxtApp.hook("app:mounted", () => {
+    init(config.public.aptabaseAppKey, { isDebug: import.meta.dev });
+  });
+
+  nuxtApp.hook("page:finish", (ctx) => {
+    const route = useRoute();
+
+    trackEvent("page_view", {
+      path: route.path,
+      name: String(route.name),
+      redirectedFrom: String(route.redirectedFrom),
+    });
+  });
+});