From fe45eb9885c25ec85b72ea3d939a5889945627c5 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 28 Dec 2023 17:50:24 -0800
Subject: feat: add umami events

---
 src/app.d.ts                                    |  4 ++++
 src/lib/List/Manga/CleanMangaList.svelte        | 15 +++++++++++++--
 src/lib/Tools/EpisodeDiscussionCollector.svelte | 16 +++++++++++++---
 src/lib/Tools/Wrapped.svelte                    |  2 +-
 4 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/src/app.d.ts b/src/app.d.ts
index 97586370..a0a37a46 100644
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -14,6 +14,10 @@ declare global {
 		// interface PageData {}
 		// interface Platform {}
 	}
+
+	const umami: {
+		track: (event_name: string, event_data?: Record<string, unknown>) => void;
+	};
 }
 
 export {};
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index 06ac5a9c..3ccdbf49 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -24,7 +24,12 @@
 
 {#if authorised}
 	<ListTitle count={media.length} time={endTime / 1000}>
-		<a href={'#'} title="Force a full refresh" on:click={cleanCache}>Refresh</a>
+		<a
+			href={'#'}
+			title="Force a full refresh"
+			on:click={cleanCache}
+			data-umami-event="Force Refresh Manga">Refresh</a
+		>
 	</ListTitle>
 {/if}
 
@@ -34,7 +39,13 @@
 
 {#if media.length === 0}
 	<ul>
-		<li>No manga to display. <a href={'#'} on:click={cleanCache}>Force refresh</a></li>
+		<li>
+			No manga to display. <a
+				href={'#'}
+				on:click={cleanCache}
+				data-umami-event="Force Refresh No Manga">Force refresh</a
+			>
+		</li>
 	</ul>
 {/if}
 
diff --git a/src/lib/Tools/EpisodeDiscussionCollector.svelte b/src/lib/Tools/EpisodeDiscussionCollector.svelte
index 64615cde..7b37113d 100644
--- a/src/lib/Tools/EpisodeDiscussionCollector.svelte
+++ b/src/lib/Tools/EpisodeDiscussionCollector.svelte
@@ -10,17 +10,27 @@
 </script>
 
 <p>
+	<!-- svelte-ignore missing-declaration -->
 	<input
 		type="text"
 		placeholder="Username"
 		bind:value={searchInput}
 		on:keypress={(e) => {
-			e.key === 'Enter' && (searchInputFinal = searchInput);
+			if (e.key === 'Enter') {
+				searchInputFinal = searchInput;
+
+				umami.track('Collect Episode Discussions');
+			}
 		}}
 	/>
-	<a href={`#`} on:click={() => (searchInputFinal = searchInput)} title="Or click your Enter key"
-		>Search</a
+	<a
+		href={`#`}
+		on:click={() => (searchInputFinal = searchInput)}
+		title="Or click your Enter key"
+		data-umami-event="Collect Episode Discussions"
 	>
+		Search
+	</a>
 </p>
 
 {#if searchInputFinal !== ''}
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte
index fac156b0..2abe66da 100644
--- a/src/lib/Tools/Wrapped.svelte
+++ b/src/lib/Tools/Wrapped.svelte
@@ -607,7 +607,7 @@
 			<p />
 
 			<p>
-				<a href={'#'} on:click={screenshot}>Generate image</a>
+				<a href={'#'} on:click={screenshot} data-umami-event="Generate Wrapped">Generate image</a>
 			</p>
 
 			<details>
-- 
cgit v1.2.3