feat(debug): add media list timing toggle

6 files changed, 12 insertions, 1 deletions

diff --git a/src/lib/List/ListTitle.svelte b/src/lib/List/ListTitle.svelte
index d000e91f..0821b97c 100644
--- a/src/lib/List/ListTitle.svelte
+++ b/src/lib/List/ListTitle.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 import tooltip from "$lib/Tooltip/tooltip";
+import settings from "$stores/settings";
 import type { Title } from "./mediaTitle";
 
 export let time: number | undefined = undefined;
@@ -20,7 +21,7 @@ export let hideCount = false;
 				end={count}
 				duration={Math.min(2500, Math.max(500, Math.abs(count - 0) * 10))}
 			/>{/if}]{/if} -->
-  {#if !hideTime}
+  {#if !hideTime && $settings.debugShowListTimings}
     <small class="opaque">{time ? time.toFixed(3) : '...'}s</small>
   {/if}
   <slot />
diff --git a/src/lib/Locale/english.ts b/src/lib/Locale/english.ts
index 03cb54e5..97d00a4b 100644
--- a/src/lib/Locale/english.ts
+++ b/src/lib/Locale/english.ts
@@ -270,6 +270,7 @@ const English: Locale = {
 	},
 	debug: {
 		clearCaches: "Clear anime and manga list caches",
+		showListTimings: "Show media list timings",
 		resetAllSettings: {
 			title: "Reset ALL settings",
 			hint: "Resets all settings present on this page to their default values",
diff --git a/src/lib/Locale/japanese.ts b/src/lib/Locale/japanese.ts
index 0cf96c2e..b220a986 100644
--- a/src/lib/Locale/japanese.ts
+++ b/src/lib/Locale/japanese.ts
@@ -270,6 +270,7 @@ const Japanese: Locale = {
 	},
 	debug: {
 		clearCaches: "ブラウザのAniListアニメと漫画リストのキャッシュを消去する",
+		showListTimings: "メディアリストの処理時間を表示する",
 		resetAllSettings: {
 			title: "すべての設定をリセット",
 			hint: "このページにあるすべての設定をデフォルト値にリセットします",
diff --git a/src/lib/Locale/layout.ts b/src/lib/Locale/layout.ts
index 38999507..08ddc22a 100644
--- a/src/lib/Locale/layout.ts
+++ b/src/lib/Locale/layout.ts
@@ -270,6 +270,7 @@ export interface Locale {
 	};
 	debug: {
 		clearCaches: LocaleValue;
+		showListTimings: LocaleValue;
 		resetAllSettings: {
 			title: LocaleValue;
 			hint: LocaleValue;
diff --git a/src/lib/Settings/Categories/Debug.svelte b/src/lib/Settings/Categories/Debug.svelte
index 48441ca1..c6b16086 100644
--- a/src/lib/Settings/Categories/Debug.svelte
+++ b/src/lib/Settings/Categories/Debug.svelte
@@ -23,6 +23,11 @@ const clearCaches = async () => {
 </script>
 
 <SettingCheckboxToggle setting="debugDummyLists" text={$locale().debug.dummyLists} />
+<SettingCheckboxToggle
+  setting="debugShowListTimings"
+  text={$locale().debug.showListTimings}
+/>
+<br />
 
 <button onclick={clearCaches}>{$locale().debug.clearCaches}</button>
 
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index 263b7d43..cd0f306d 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -70,6 +70,7 @@ export interface Settings {
 	displayFiltersIncludeCompleted: boolean;
 	displayDataSaver: boolean;
 	debugDummyLists: boolean;
+	debugShowListTimings: boolean;
 	displayScheduleFilterList: boolean;
 	displayReverseSort: boolean;
 	displayAnimeSort: "difference" | "start_date" | "end_date" | "time_remaining";
@@ -126,6 +127,7 @@ const defaultSettings: Settings = {
 
 	// Debug
 	debugDummyLists: false,
+	debugShowListTimings: false,
 
 	// Calculation
 	calculateChaptersRoundedDown: true,