9 files changed, 100 insertions, 51 deletions
diff --git a/src/lib/CommandPalette/actions.ts b/src/lib/CommandPalette/actions.ts
index 48603504..9915fe66 100644
--- a/src/lib/CommandPalette/actions.ts
+++ b/src/lib/CommandPalette/actions.ts
@@ -1,7 +1,4 @@
-import { browser } from "$app/environment";
-import localforage from "localforage";
-import { addNotification } from "$lib/Notification/store";
-import { options } from "$lib/Notification/options";
+import { invalidateListCaches } from "$lib/Media/invalidate";
 
 export interface CommandPaletteAction {
 	name: string;
@@ -171,21 +168,19 @@ export const defaultActions: CommandPaletteAction[] = [
 		tags: ["user", "me", "settings"],
 	},
 	{
-		name: "Clear Anime & Manga List Caches",
+		name: "Refresh Anime & Manga List Caches",
 		url: "",
 		preventDefault: true,
-		tags: ["cache", "clear", "refresh", "debug", "anime", "manga", "list"],
-		onClick: async () => {
-			if (!browser) return;
-
-			await localforage.removeItem("anime");
-			await localforage.removeItem("manga");
-
-			addNotification(
-				options({
-					heading: "Anime and manga list caches successfully cleared",
-				}),
-			);
-		},
+		tags: [
+			"cache",
+			"clear",
+			"refresh",
+			"invalidate",
+			"debug",
+			"anime",
+			"manga",
+			"list",
+		],
+		onClick: invalidateListCaches,
 	},
 ];
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 808a8e5b..35a12314 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -193,7 +193,7 @@ onDestroy(() => clearAiringRefreshTimeout());
 
 const increment = (anime: Media, progress: number) => {
 	if (!dummy && pendingUpdate !== anime.id) {
-		$revalidateAnime = true;
+		$revalidateAnime = $revalidateAnime + 1;
 		lastUpdatedMedia = anime.id;
 		pendingUpdate = anime.id;
 
diff --git a/src/lib/List/Anime/DueAnimeList.svelte b/src/lib/List/Anime/DueAnimeList.svelte
index 2c707ffb..d2c47ebe 100644
--- a/src/lib/List/Anime/DueAnimeList.svelte
+++ b/src/lib/List/Anime/DueAnimeList.svelte
@@ -16,6 +16,7 @@ import {
 import { addNotification } from "$lib/Notification/store";
 import locale from "$stores/locale";
 import identity from "$stores/identity";
+import revalidateAnime from "$stores/revalidateAnime";
 
 export let user: AniListAuthorisation;
 let animeLists: Promise<Media[]>;
@@ -68,6 +69,27 @@ onMount(async () => {
 $: if (keyCacher && keyCacheMinutes !== $settings.cacheMinutes)
 	restartKeyCacher($settings.cacheMinutes);
 
+let lastAnimeRevalidation = 0;
+
+$: if ($revalidateAnime > lastAnimeRevalidation) {
+	lastAnimeRevalidation = $revalidateAnime;
+
+	startTime = performance.now();
+	endTime = -1;
+
+	animeLists = mediaListCollection(
+		user,
+		$identity,
+		Type.Anime,
+		$anime,
+		$lastPruneTimes.anime,
+		{
+			forcePrune: true,
+			addNotification,
+		},
+	);
+}
+
 onDestroy(() => {
 	if (keyCacher) clearInterval(keyCacher);
 });
diff --git a/src/lib/List/Anime/UpcomingAnimeList.svelte b/src/lib/List/Anime/UpcomingAnimeList.svelte
index d9b91122..ed47f22f 100644
--- a/src/lib/List/Anime/UpcomingAnimeList.svelte
+++ b/src/lib/List/Anime/UpcomingAnimeList.svelte
@@ -96,22 +96,26 @@ const cleanMedia = (
 	return upcomingAnime;
 };
 
-$: {
-	if ($revalidateAnime) {
-		$revalidateAnime = false;
-		$lastPruneTimes.anime = -1;
-		animeLists = mediaListCollection(
-			user,
-			$identity,
-			Type.Anime,
-			$anime,
-			$lastPruneTimes.anime,
-			{
-				addNotification,
-				notificationType: "Upcoming Episodes",
-			},
-		);
-	}
+let lastAnimeRevalidation = 0;
+
+$: if ($revalidateAnime > lastAnimeRevalidation) {
+	lastAnimeRevalidation = $revalidateAnime;
+
+	startTime = performance.now();
+	endTime = -1;
+
+	animeLists = mediaListCollection(
+		user,
+		$identity,
+		Type.Anime,
+		$anime,
+		$lastPruneTimes.anime,
+		{
+			forcePrune: true,
+			addNotification,
+			notificationType: "Upcoming Episodes",
+		},
+	);
 }
 </script>
 
diff --git a/src/lib/List/Manga/MangaListTemplate.svelte b/src/lib/List/Manga/MangaListTemplate.svelte
index 52649098..df894910 100644
--- a/src/lib/List/Manga/MangaListTemplate.svelte
+++ b/src/lib/List/Manga/MangaListTemplate.svelte
@@ -19,6 +19,7 @@ import identity from "$stores/identity";
 import lastPruneTimes from "$stores/lastPruneTimes";
 import locale from "$stores/locale";
 import manga from "$stores/manga";
+import revalidateManga from "$stores/revalidateManga";
 import settings from "$stores/settings";
 import ListTitle from "../ListTitle.svelte";
 import CleanMangaList from "./CleanMangaList.svelte";
@@ -141,6 +142,27 @@ $: if (
 )
 	restartKeyCacher(Math.max($settings.cacheMangaMinutes, 5));
 
+let lastMangaRevalidation = 0;
+
+$: if (!dummy && $revalidateManga > lastMangaRevalidation) {
+	lastMangaRevalidation = $revalidateManga;
+
+	startTime = performance.now();
+	endTime = -1;
+
+	mangaLists = mediaListCollection(
+		user,
+		$identity,
+		Type.Manga,
+		$manga,
+		$lastPruneTimes.manga,
+		{
+			forcePrune: true,
+			addNotification,
+		},
+	);
+}
+
 onDestroy(() => {
 	if (keyCacher) clearInterval(keyCacher);
 });
diff --git a/src/lib/Locale/english.ts b/src/lib/Locale/english.ts
index 09a5f057..9918d98f 100644
--- a/src/lib/Locale/english.ts
+++ b/src/lib/Locale/english.ts
@@ -271,7 +271,7 @@ const English: Locale = {
 		},
 	},
 	debug: {
-		clearCaches: "Clear anime and manga list caches",
+		clearCaches: "Invalidate anime and manga list caches",
 		showListTimings: "Show media list timings",
 		resetAllSettings: {
 			title: "Reset ALL settings",
diff --git a/src/lib/Locale/japanese.ts b/src/lib/Locale/japanese.ts
index 3030a65f..79e15e96 100644
--- a/src/lib/Locale/japanese.ts
+++ b/src/lib/Locale/japanese.ts
@@ -271,7 +271,7 @@ const Japanese: Locale = {
 		},
 	},
 	debug: {
-		clearCaches: "ブラウザのAniListアニメと漫画リストのキャッシュを消去する",
+		clearCaches: "ブラウザのAniListアニメと漫画リストのキャッシュを無効化する",
 		showListTimings: "メディアリストの処理時間を表示する",
 		resetAllSettings: {
 			title: "すべての設定をリセット",
diff --git a/src/lib/Media/invalidate.ts b/src/lib/Media/invalidate.ts
new file mode 100644
index 00000000..3a9ff067
--- /dev/null
+++ b/src/lib/Media/invalidate.ts
@@ -0,0 +1,18 @@
+import { browser } from "$app/environment";
+import { addNotification } from "$lib/Notification/store";
+import { options } from "$lib/Notification/options";
+import revalidateAnime from "$stores/revalidateAnime";
+import revalidateManga from "$stores/revalidateManga";
+
+export const invalidateListCaches = () => {
+	if (!browser) return;
+
+	revalidateAnime.update((n) => n + 1);
+	revalidateManga.update((n) => n + 1);
+
+	addNotification(
+		options({
+			heading: "Anime and manga list caches successfully invalidated",
+		}),
+	);
+};
diff --git a/src/lib/Settings/Categories/Debug.svelte b/src/lib/Settings/Categories/Debug.svelte
index c6b16086..ad388fee 100644
--- a/src/lib/Settings/Categories/Debug.svelte
+++ b/src/lib/Settings/Categories/Debug.svelte
@@ -7,19 +7,7 @@ import { options } from "$lib/Notification/options";
 import locale from "$stores/locale";
 import SettingCheckboxToggle from "../SettingCheckboxToggle.svelte";
 import localforage from "localforage";
-import { browser } from "$app/environment";
-
-const clearCaches = async () => {
-	if (!browser) return;
-
-	await localforage.removeItem("anime");
-	await localforage.removeItem("manga");
-	addNotification(
-		options({
-			heading: "Anime and manga list caches successfully cleared",
-		}),
-	);
-};
+import { invalidateListCaches } from "$lib/Media/invalidate";
 </script>
 
 <SettingCheckboxToggle setting="debugDummyLists" text={$locale().debug.dummyLists} />
@@ -29,7 +17,7 @@ const clearCaches = async () => {
 />
 <br />
 
-<button onclick={clearCaches}>{$locale().debug.clearCaches}</button>
+<button onclick={invalidateListCaches}>{$locale().debug.clearCaches}</button>
 
 <Spacer />