From 2823c6f026e5089814cdacf25c4768b589784068 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Thu, 28 May 2026 11:27:12 +0200
Subject: [PATCH] chore: format anime and dedupe

---
 static/anime.ts  | 36 ++++++++++++++++++------------------
 static/dedupe.ts | 12 ++++++------
 2 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/static/anime.ts b/static/anime.ts
index 31fda8c..41e25f0 100644
--- a/static/anime.ts
+++ b/static/anime.ts
@@ -1,23 +1,23 @@
-import { parseClassList } from './utils';
+import { parseClassList } from "./utils";
 
 const initSynopsisToggle = (): void => {
-  document.addEventListener('click', e => {
+  document.addEventListener("click", (e) => {
     const target = e.target;
     if (!(target instanceof Element)) return;
 
-    const btn = target.closest<HTMLButtonElement>('[data-synopsis-toggle]');
+    const btn = target.closest<HTMLButtonElement>("[data-synopsis-toggle]");
     if (!btn) return;
-    const container = document.getElementById('synopsis-container');
+    const container = document.getElementById("synopsis-container");
     if (!container) return;
 
-    const isClamped = container.classList.contains('line-clamp-6');
+    const isClamped = container.classList.contains("line-clamp-6");
     if (isClamped) {
-      container.classList.remove('line-clamp-6');
-      btn.textContent = 'Show less';
+      container.classList.remove("line-clamp-6");
+      btn.textContent = "Show less";
       return;
     }
-    container.classList.add('line-clamp-6');
-    btn.textContent = 'Read more';
+    container.classList.add("line-clamp-6");
+    btn.textContent = "Read more";
   });
 };
 
@@ -25,8 +25,8 @@ initSynopsisToggle();
 
 const setDropdownMenuState = (menu: HTMLElement, isOpen: boolean): void => {
   // data attributes store the class lists to add/remove
-  const openClasses = parseClassList(menu.getAttribute('data-dropdown-open-classes'));
-  const closedClasses = parseClassList(menu.getAttribute('data-dropdown-closed-classes'));
+  const openClasses = parseClassList(menu.getAttribute("data-dropdown-open-classes"));
+  const closedClasses = parseClassList(menu.getAttribute("data-dropdown-closed-classes"));
 
   if (isOpen) {
     menu.classList.remove(...closedClasses);
@@ -39,29 +39,29 @@ const setDropdownMenuState = (menu: HTMLElement, isOpen: boolean): void => {
 };
 
 const setWatchlistDropdownState = (isOpen: boolean): void => {
-  const dropdown = document.getElementById('watchlist-dropdown');
+  const dropdown = document.getElementById("watchlist-dropdown");
   if (!dropdown) {
     return;
   }
 
-  dropdown.classList.toggle('open', isOpen);
-  const menu = dropdown.querySelector('[data-dropdown-menu]');
+  dropdown.classList.toggle("open", isOpen);
+  const menu = dropdown.querySelector("[data-dropdown-menu]");
   if (menu instanceof HTMLElement) {
     setDropdownMenuState(menu, isOpen);
   }
 };
 
 const toggleWatchlistDropdown = (): void => {
-  const dropdown = document.getElementById('watchlist-dropdown');
+  const dropdown = document.getElementById("watchlist-dropdown");
   if (!dropdown) {
     return;
   }
 
-  setWatchlistDropdownState(!dropdown.classList.contains('open'));
+  setWatchlistDropdownState(!dropdown.classList.contains("open"));
 };
 
 const closeDropdownOnOutsideClick = (event: MouseEvent): void => {
-  const dropdown = document.getElementById('watchlist-dropdown');
+  const dropdown = document.getElementById("watchlist-dropdown");
   if (!dropdown) {
     return;
   }
@@ -78,7 +78,7 @@ const closeDropdownOnOutsideClick = (event: MouseEvent): void => {
 
 const initWatchlistDropdown = (): void => {
   (window as Window & { toggleDropdown?: () => void }).toggleDropdown = toggleWatchlistDropdown;
-  document.addEventListener('click', closeDropdownOnOutsideClick);
+  document.addEventListener("click", closeDropdownOnOutsideClick);
 };
 
 initWatchlistDropdown();
diff --git a/static/dedupe.ts b/static/dedupe.ts
index aa7b2ac..942dad9 100644
--- a/static/dedupe.ts
+++ b/static/dedupe.ts
@@ -1,9 +1,9 @@
 const dedupe = (): void => {
   const seen = new Set<string>();
-  const elements = document.querySelectorAll('[data-id]');
+  const elements = document.querySelectorAll("[data-id]");
 
-  elements.forEach(item => {
-    const id = item.getAttribute('data-id');
+  elements.forEach((item) => {
+    const id = item.getAttribute("data-id");
     if (!id) {
       return;
     }
@@ -16,11 +16,11 @@ const dedupe = (): void => {
 };
 
 // run on DOM ready or immediately if already loaded
-if (document.readyState === 'loading') {
-  document.addEventListener('DOMContentLoaded', dedupe);
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", dedupe);
 } else {
   dedupe();
 }
 
 // also run on load as a fallback (e.g. htmx swaps)
-window.addEventListener('load', dedupe);
+window.addEventListener("load", dedupe);