From 0745f0e505cf12f93b3873977fda5be079aae5a3 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Mon, 20 Apr 2026 16:43:09 +0200
Subject: [PATCH] refactor: replace IIFEs with modern JavaScript

---
 web/components/anime/pending.templ |  4 +---
 web/components/anime_list.templ    | 29 +++++++++++------------------
 web/templates/studio.templ         | 29 +++++++++++------------------
 3 files changed, 23 insertions(+), 39 deletions(-)

diff --git a/web/components/anime/pending.templ b/web/components/anime/pending.templ
index 2d8d470..8b4de59 100644
--- a/web/components/anime/pending.templ
+++ b/web/components/anime/pending.templ
@@ -17,9 +17,7 @@ templ Pending(id int) {
 			</div>
 		</div>
 		<script>
-			setTimeout(function() {
-				window.location.reload()
-			}, 10000)
+			setTimeout(() => window.location.reload(), 10000)
 		</script>
 	}
 }
diff --git a/web/components/anime_list.templ b/web/components/anime_list.templ
index 8d86bd2..26c2051 100644
--- a/web/components/anime_list.templ
+++ b/web/components/anime_list.templ
@@ -15,24 +15,17 @@ templ InfiniteAnimeList(animes []jikan.Anime, hasNext bool, nextURL string, cont
 		<div class="col-span-full h-px w-full" hx-get={ nextURL } hx-trigger="revealed" hx-swap="outerHTML"></div>
 	}
 	<script data-container={ containerID }>
-		(function() {
-			const scripts = document.querySelectorAll('script[data-container]');
-			const currentScript = scripts[scripts.length - 1];
-			const actualID = currentScript.getAttribute('data-container');
-			const container = document.getElementById(actualID) || document;
-			const items = container.querySelectorAll('[data-id]');
-			const seen = new Set();
-			items.forEach(item => {
-				const id = item.getAttribute('data-id');
-				if (id) {
-					if (seen.has(id)) {
-						item.remove();
-					} else {
-						seen.add(id);
-					}
-				}
-			});
-		})();
+		const containerId = document.currentScript.getAttribute('data-container');
+		const container = document.getElementById(containerId) || document;
+		const seen = new Set();
+		container.querySelectorAll('[data-id]').forEach(item => {
+			const id = item.getAttribute('data-id');
+			if (id && seen.has(id)) {
+				item.remove();
+			} else if (id) {
+				seen.add(id);
+			}
+		});
 	</script>
 }
 
diff --git a/web/templates/studio.templ b/web/templates/studio.templ
index ac64fdd..6c28e42 100644
--- a/web/templates/studio.templ
+++ b/web/templates/studio.templ
@@ -82,23 +82,16 @@ templ StudioAnimeItems(animes []jikan.Anime, hasNext bool, studioID int, nextPag
 		@StudioLoadMore(studioID, nextPage)
 	}
 	<script data-container="studio-anime-content">
-		(function() {
-			const scripts = document.querySelectorAll('script[data-container]');
-			const currentScript = scripts[scripts.length - 1];
-			const actualID = currentScript.getAttribute('data-container');
-			const container = document.getElementById(actualID) || document;
-			const items = container.querySelectorAll('[data-id]');
-			const seen = new Set();
-			items.forEach(item => {
-				const id = item.getAttribute('data-id');
-				if (id) {
-					if (seen.has(id)) {
-						item.remove();
-					} else {
-						seen.add(id);
-					}
-				}
-			});
-		})();
+		const containerId = document.currentScript.getAttribute('data-container');
+		const container = document.getElementById(containerId) || document;
+		const seen = new Set();
+		container.querySelectorAll('[data-id]').forEach(item => {
+			const id = item.getAttribute('data-id');
+			if (id && seen.has(id)) {
+				item.remove();
+			} else if (id) {
+				seen.add(id);
+			}
+		});
 	</script>
 }