From b2de748852a9f1d6acf01148c51ff256ed76892b Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Sun, 16 Feb 2025 17:15:57 +1300
Subject: [PATCH] Removed mini player

---
 README.md                                     |   4 -
 docs/SETTINGS.md                              |   9 --
 .../android/en-US/full_description.txt        |   2 +-
 .../electron/materialious.metainfo.xml        |   1 -
 .../src/lib/components/MiniPlayer.svelte      | 131 ------------------
 materialious/src/lib/components/Player.svelte |   3 -
 materialious/src/lib/store.ts                 |   4 -
 materialious/src/routes/(app)/+layout.svelte  |   2 -
 .../routes/(app)/watch/[slug]/+page.svelte    |  17 ---
 9 files changed, 1 insertion(+), 172 deletions(-)
 delete mode 100644 materialious/src/lib/components/MiniPlayer.svelte

diff --git a/README.md b/README.md
index 3f4fbcc8..208864a1 100644
--- a/README.md
+++ b/README.md
@@ -25,7 +25,6 @@
 - [Invidious API extended integration!](https://github.com/Materialious/api-extended)
   - Sync your watch progress between Invidious sessions.
 - Watch sync parties!
-- Mini player.
 - Silence skipper (Experimental.)
 - [YouTube.js](https://github.com/LuanRT/YouTube.js) fallback if Invidious fails loading videos for Desktop & Android.
 - Preview video on hover.
@@ -104,9 +103,6 @@ Deploy Materialious for your Invidious instance using Docker. Follow the steps o
 ## Settings
 ![Preview of settings](./previews/setting-preview.png)
 
-## Mini player
-![Preview of mini player](./previews/mini-player-desktop-preview.png)
-
 ## Channel
 ![Preview of channel](./previews/channel-preview.png)
 
diff --git a/docs/SETTINGS.md b/docs/SETTINGS.md
index adf14f93..9d07cbf9 100644
--- a/docs/SETTINGS.md
+++ b/docs/SETTINGS.md
@@ -20,7 +20,6 @@ Materialious allows you to customize various settings by overwriting the default
       + [Low bandwidth mode](#low-bandwidth-mode)
       + [Display thumbnail avatars](#)
    * [Player](#player)
-      + [Mini player](#mini-player)
       + [Autoplay video](#autoplay-video)
       + [Always loop video](#always-loop-video)
       + [Proxy videos](#proxy-videos)
@@ -145,14 +144,6 @@ Avoids loading images.
 
 ## Player
 
-### Mini player
-
-Enables or disables the mini player feature.
-
-```json
-"playerMiniPlayer": true
-```
-
 ### Autoplay video
 
 Controls whether videos autoplay.
diff --git a/fastlane/metadata/android/en-US/full_description.txt b/fastlane/metadata/android/en-US/full_description.txt
index 986bc379..05bd7247 100644
--- a/fastlane/metadata/android/en-US/full_description.txt
+++ b/fastlane/metadata/android/en-US/full_description.txt
@@ -1 +1 @@
-<p><i>Materialious</i> is a client for <a href='https://github.com/iv-org' target='_blank' rel='nofollow noopener'>Invidious</a> using material design. It lets you browse and watch videos, manage playlists and use channels.</p><p><br><b>Features:</b></p><ul><li><a href='https://github.com/Materialious/api-extended' target='_blank' rel='nofollow noopener'>Invidious API extended integration!</a></li><li>Sync your watch progress between Invidious sessions</li><li>Watch sync parties!</li><li>Mini player.</li><li>Preview video on hover.</li><li>Sponsorblock built-in.</li><li>Return YouTube dislikes built-in.</li><li>DeArrow built-in (With local processing fallback).</li><li>Video progress tracking & resuming.</li><li>No ads.</li><li>No tracking.</li><li>Light/Dark themes.</li><li>Custom colour themes.</li><li>Integrates with Invidious subscriptions, watch history & more.</li><li>Live stream support.</li><li>Dash support.</li><li>Chapters.</li><li>Audio only mode.</li><li>Playlists.</li><li>PWA support.</li><li>YT path redirects (So your redirect plugins should still work!)</li></ul>
\ No newline at end of file
+<p><i>Materialious</i> is a client for <a href='https://github.com/iv-org' target='_blank' rel='nofollow noopener'>Invidious</a> using material design. It lets you browse and watch videos, manage playlists and use channels.</p><p><br><b>Features:</b></p><ul><li><a href='https://github.com/Materialious/api-extended' target='_blank' rel='nofollow noopener'>Invidious API extended integration!</a></li><li>Sync your watch progress between Invidious sessions</li><li>Watch sync parties!</li><li>Preview video on hover.</li><li>Sponsorblock built-in.</li><li>Return YouTube dislikes built-in.</li><li>DeArrow built-in (With local processing fallback).</li><li>Video progress tracking & resuming.</li><li>No ads.</li><li>No tracking.</li><li>Light/Dark themes.</li><li>Custom colour themes.</li><li>Integrates with Invidious subscriptions, watch history & more.</li><li>Live stream support.</li><li>Dash support.</li><li>Chapters.</li><li>Audio only mode.</li><li>Playlists.</li><li>PWA support.</li><li>YT path redirects (So your redirect plugins should still work!)</li></ul>
\ No newline at end of file
diff --git a/materialious/electron/materialious.metainfo.xml b/materialious/electron/materialious.metainfo.xml
index d00cdaf8..543e298d 100644
--- a/materialious/electron/materialious.metainfo.xml
+++ b/materialious/electron/materialious.metainfo.xml
@@ -10,7 +10,6 @@
     <ul>
         <li>Invidious API extended integration!</li>
         <li>Sync your watch progress between Invidious sessions</li>
-        <li>Mini player.</li>
         <li>Preview video on hover.</li>
         <li>Sponsorblock built-in.</li>
         <li>Return YouTube dislikes built-in.</li>
diff --git a/materialious/src/lib/components/MiniPlayer.svelte b/materialious/src/lib/components/MiniPlayer.svelte
deleted file mode 100644
index 54900640..00000000
--- a/materialious/src/lib/components/MiniPlayer.svelte
+++ /dev/null
@@ -1,131 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { get } from 'svelte/store';
-	import { proxyVideoUrl } from '../misc';
-	import { miniPlayerSrcStore, playerProxyVideosStore } from '../store';
-
-	let currentTime: number = $state(0);
-
-	function setTime() {
-		const player = (document.getElementById('video') as HTMLVideoElement) || null;
-		if (player && $miniPlayerSrcStore) {
-			try {
-				const vidstackDetails = localStorage.getItem('video-player');
-				if (vidstackDetails) {
-					const vidstackDetailsParsed = JSON.parse(vidstackDetails);
-					if ('volume' in vidstackDetailsParsed) player.volume = vidstackDetailsParsed.volume;
-				}
-			} catch {}
-
-			player.currentTime = $miniPlayerSrcStore.time;
-		}
-
-		// Fixes volume being muted on mobile.
-		if (player.volume === 0) {
-			player.volume = 1;
-		}
-	}
-</script>
-
-{#if $miniPlayerSrcStore && $miniPlayerSrcStore.video.formatStreams.length > 0}
-	<nav class="bottom no-padding">
-		<article class="surface-bright">
-			<button onclick={() => miniPlayerSrcStore.set(null)} class="s circle transparent no-margin">
-				<i>close</i>
-			</button>
-			<div class="flex-container">
-				<div style="display: flex;">
-					<p class="bold truncate">
-						{$miniPlayerSrcStore.video.title}
-					</p>
-					<button
-						onclick={() => miniPlayerSrcStore.set(null)}
-						class="m l circle transparent no-margin"
-					>
-						<i>close</i>
-					</button>
-				</div>
-				<progress class="s" value={currentTime} max={$miniPlayerSrcStore.video.lengthSeconds}
-				></progress>
-			</div>
-			<video
-				onclick={() => {
-					goto(`/watch/${$miniPlayerSrcStore.video.videoId}?time=${currentTime}`);
-					miniPlayerSrcStore.set(null);
-				}}
-				id="video"
-				style="cursor: pointer;"
-				bind:currentTime
-				onloadedmetadata={setTime}
-				controls={false}
-				autoplay
-				src={get(playerProxyVideosStore)
-					? proxyVideoUrl($miniPlayerSrcStore.video.formatStreams[0].url)
-					: $miniPlayerSrcStore.video.formatStreams[0].url}
-			>
-			</video>
-		</article>
-	</nav>
-{/if}
-
-<style>
-	nav {
-		display: flex;
-		background-color: transparent;
-		justify-content: end;
-		align-items: flex-end;
-	}
-
-	article {
-		display: flex;
-		flex-direction: column;
-		align-items: flex-end;
-	}
-
-	nav video {
-		height: 180px;
-		width: auto;
-	}
-
-	.flex-container {
-		flex: 1;
-		overflow: hidden;
-	}
-
-	.truncate {
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		max-width: 270px;
-	}
-
-	@media screen and (max-width: 590px) {
-		nav.bottom {
-			bottom: 100px !important;
-		}
-
-		nav {
-			flex-direction: initial;
-			background-color: initial;
-			justify-content: initial;
-			align-items: initial;
-		}
-
-		article {
-			align-items: start;
-			width: 100%;
-			flex-direction: row;
-			padding: 0 !important;
-			justify-content: center;
-		}
-
-		nav video {
-			height: 100%;
-			margin-left: 10px;
-		}
-
-		.flex-container {
-			max-width: 100%;
-		}
-	}
-</style>
diff --git a/materialious/src/lib/components/Player.svelte b/materialious/src/lib/components/Player.svelte
index f242b495..05337a58 100644
--- a/materialious/src/lib/components/Player.svelte
+++ b/materialious/src/lib/components/Player.svelte
@@ -22,7 +22,6 @@
 	import {
 		authStore,
 		instanceStore,
-		miniPlayerSrcStore,
 		playerAlwaysLoopStore,
 		playerAndroidBgPlayer,
 		playerAndroidLockOrientation,
@@ -200,8 +199,6 @@
 	}
 
 	onMount(async () => {
-		miniPlayerSrcStore.set(null);
-
 		if (!data.video.hlsUrl) {
 			playerIsLive = false;
 			if (data.video.captions) {
diff --git a/materialious/src/lib/store.ts b/materialious/src/lib/store.ts
index 0057923f..4e83db47 100644
--- a/materialious/src/lib/store.ts
+++ b/materialious/src/lib/store.ts
@@ -1,4 +1,3 @@
-import type { VideoPlay } from '$lib/api/model';
 import { Capacitor } from '@capacitor/core';
 import type Peer from 'peerjs';
 import type { DataConnection } from 'peerjs';
@@ -105,9 +104,6 @@ export const syncPartyConnectionsStore: Writable<DataConnection[] | null> = writ
 export const playlistSettingsStore: Writable<Record<string, { shuffle: boolean; loop: boolean; }>> =
 	writable({});
 
-export const miniPlayerSrcStore: Writable<{ video: VideoPlay; time: number; } | null> =
-	writable(null);
-
 export const silenceSkipperStore: Writable<boolean> = persisted('silenceSkipper', false);
 
 export const poTokenCacheStore: Writable<PoTokens> = writable();
diff --git a/materialious/src/routes/(app)/+layout.svelte b/materialious/src/routes/(app)/+layout.svelte
index 3303e61a..6d7ec534 100644
--- a/materialious/src/routes/(app)/+layout.svelte
+++ b/materialious/src/routes/(app)/+layout.svelte
@@ -7,7 +7,6 @@
 	import { getFeed } from '$lib/api/index';
 	import type { Notification } from '$lib/api/model';
 	import Logo from '$lib/components/Logo.svelte';
-	import MiniPlayer from '$lib/components/MiniPlayer.svelte';
 	import PageLoading from '$lib/components/PageLoading.svelte';
 	import Search from '$lib/components/Search.svelte';
 	import Settings from '$lib/components/Settings/Settings.svelte';
@@ -334,7 +333,6 @@
 	{/if}
 
 	<SyncParty />
-	<MiniPlayer />
 </main>
 
 <style>
diff --git a/materialious/src/routes/(app)/watch/[slug]/+page.svelte b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
index 50c96aa6..fb70bfd7 100644
--- a/materialious/src/routes/(app)/watch/[slug]/+page.svelte
+++ b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
@@ -27,10 +27,8 @@
 		interfaceAutoExpandComments,
 		interfaceAutoExpandDesc,
 		interfaceLowBandwidthMode,
-		miniPlayerSrcStore,
 		playerAutoplayNextByDefaultStore,
 		playerListenByDefaultStore,
-		playerMiniPlayerStore,
 		playerTheatreModeByDefaultStore,
 		playlistSettingsStore,
 		syncPartyConnectionsStore,
@@ -311,21 +309,6 @@
 		if (pauseTimeout) {
 			clearTimeout(pauseTimeout);
 		}
-
-		if (
-			get(playerMiniPlayerStore) &&
-			!player.paused &&
-			!$syncPartyPeerStore &&
-			!data.video.hlsUrl &&
-			data.video.formatStreams &&
-			data.video.formatStreams.length > 0 &&
-			data.video.fallbackPatch === undefined
-		) {
-			miniPlayerSrcStore.set({
-				video: data.video,
-				time: player.currentTime
-			});
-		}
 	});
 
 	async function loadPlaylist(playlistId: string) {