From 48bb7347e6d2387e672c060ff55baf641a8a1c46 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Fri, 7 Nov 2025 17:01:48 +1300
Subject: [PATCH] Added default setting for mini player

---
 .../src/lib/components/settings/Player.svelte | 20 ++++++++++++++++++-
 materialious/src/lib/store.ts                 |  1 +
 .../routes/(app)/watch/[slug]/+page.svelte    |  4 +++-
 3 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/materialious/src/lib/components/settings/Player.svelte b/materialious/src/lib/components/settings/Player.svelte
index 8492a3b0..467c1707 100644
--- a/materialious/src/lib/components/settings/Player.svelte
+++ b/materialious/src/lib/components/settings/Player.svelte
@@ -13,6 +13,7 @@
 		playerDefaultLanguage,
 		playerDefaultPlaybackSpeed,
 		playerDefaultQualityStore,
+		playerMiniplayerEnabled,
 		playerProxyVideosStore,
 		playerSavePlaybackPositionStore,
 		playerStatisticsByDefault,
@@ -71,7 +72,7 @@
 		bind:value={defaultLanguage}
 		onchange={() => playerDefaultLanguage.set(defaultLanguage)}
 	>
-		<option selected={$playerDefaultLanguage === "original"} value="original">Original</option>
+		<option selected={$playerDefaultLanguage === 'original'} value="original">Original</option>
 		{#each languageNames as language}
 			<option selected={$playerDefaultLanguage === language} value={language}
 				>{titleCase(language)}</option
@@ -154,6 +155,23 @@
 	</nav>
 </div>
 
+<div class="field no-margin">
+	<nav class="no-padding">
+		<div class="max">
+			<div>{$_('layout.player.miniPlayer')}</div>
+		</div>
+		<label class="switch" tabindex="0">
+			<input
+				type="checkbox"
+				bind:checked={$playerMiniplayerEnabled}
+				onclick={() => playerMiniplayerEnabled.set(!$playerMiniplayerEnabled)}
+				role="switch"
+			/>
+			<span></span>
+		</label>
+	</nav>
+</div>
+
 <div class="field no-margin">
 	<nav class="no-padding">
 		<div class="max">
diff --git a/materialious/src/lib/store.ts b/materialious/src/lib/store.ts
index a53f3607..f4e6556f 100644
--- a/materialious/src/lib/store.ts
+++ b/materialious/src/lib/store.ts
@@ -59,6 +59,7 @@ export const playerDefaultLanguage = persisted('defaultLanguage', 'original');
 export const playerCCByDefault = persisted('CCByDefault', false);
 export const playerDefaultPlaybackSpeed: Writable<number> = persisted('defaultPlaybackSpeed', 1);
 export const playerStatisticsByDefault = persisted('playerStatistics', false);
+export const playerMiniplayerEnabled = persisted('miniplayerEnabled', true);
 export const playerPlaylistHistory: Writable<string[]> = writable([]);
 
 export const playerState: Writable<
diff --git a/materialious/src/routes/(app)/watch/[slug]/+page.svelte b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
index 0381da70..82a04ac8 100644
--- a/materialious/src/routes/(app)/watch/[slug]/+page.svelte
+++ b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
@@ -17,6 +17,7 @@
 		authStore,
 		interfaceAutoExpandChapters,
 		interfaceAutoExpandComments,
+		playerMiniplayerEnabled,
 		playerPlaylistHistory,
 		playerState,
 		playerTheatreModeByDefaultStore,
@@ -287,7 +288,8 @@
 			playerElement?.paused ||
 			playerElement?.ended ||
 			playerElement?.currentTime === 0 ||
-			playerElement?.readyState === 2
+			playerElement?.readyState === 2 ||
+			!$playerMiniplayerEnabled
 		) {
 			playerState.set(undefined);
 		}