From b633dc5277d11f0972bad95726a5d3b8a7a4921f Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Wed, 1 May 2024 11:16:49 +1200
Subject: [PATCH] Added syncious & mini player to bookmarklet

---
 materialious/src/lib/Settings.svelte           |  6 +++---
 materialious/src/lib/bookmarklet.ts            | 18 ++++++++++++++++++
 .../src/routes/watch/[slug]/+page.svelte       |  4 ++--
 materialious/src/store.ts                      |  2 +-
 4 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/materialious/src/lib/Settings.svelte b/materialious/src/lib/Settings.svelte
index 49949739..8ef40cf9 100644
--- a/materialious/src/lib/Settings.svelte
+++ b/materialious/src/lib/Settings.svelte
@@ -16,7 +16,7 @@
 		playerAutoplayNextByDefaultStore,
 		playerDashStore,
 		playerListenByDefaultStore,
-		playerMiniPlayer,
+		playerMiniPlayerStore,
 		playerProxyVideosStore,
 		playerSavePlaybackPositionStore,
 		playerTheatreModeByDefaultStore,
@@ -164,8 +164,8 @@
 				<label class="switch">
 					<input
 						type="checkbox"
-						bind:checked={$playerMiniPlayer}
-						on:click={() => playerMiniPlayer.set(!$playerMiniPlayer)}
+						bind:checked={$playerMiniPlayerStore}
+						on:click={() => playerMiniPlayerStore.set(!$playerMiniPlayerStore)}
 					/>
 					<span></span>
 				</label>
diff --git a/materialious/src/lib/bookmarklet.ts b/materialious/src/lib/bookmarklet.ts
index 2667ef27..e114b3b6 100644
--- a/materialious/src/lib/bookmarklet.ts
+++ b/materialious/src/lib/bookmarklet.ts
@@ -12,6 +12,7 @@ import {
 	playerAutoplayNextByDefaultStore,
 	playerDashStore,
 	playerListenByDefaultStore,
+	playerMiniPlayerStore,
 	playerProxyVideosStore,
 	playerSavePlaybackPositionStore,
 	playerTheatreModeByDefaultStore,
@@ -19,6 +20,8 @@ import {
 	sponsorBlockCategoriesStore,
 	sponsorBlockStore,
 	sponsorBlockUrlStore,
+	synciousInstanceStore,
+	synciousStore,
 	themeColorStore
 } from '../store';
 
@@ -122,6 +125,21 @@ const persistedStores = [
 		name: 'deArrowThumbnailInstance',
 		store: deArrowThumbnailInstanceStore,
 		type: 'string'
+	},
+	{
+		name: 'playerMiniPlayer',
+		store: playerMiniPlayerStore,
+		type: 'boolean'
+	},
+	{
+		name: 'syncious',
+		store: synciousStore,
+		type: 'boolean'
+	},
+	{
+		name: 'synciousInstance',
+		store: synciousInstanceStore,
+		type: 'string'
 	}
 ];
 
diff --git a/materialious/src/routes/watch/[slug]/+page.svelte b/materialious/src/routes/watch/[slug]/+page.svelte
index 28fc60de..5df9ceb4 100644
--- a/materialious/src/routes/watch/[slug]/+page.svelte
+++ b/materialious/src/routes/watch/[slug]/+page.svelte
@@ -26,7 +26,7 @@
 		miniPlayerSrcStore,
 		playerAutoplayNextByDefaultStore,
 		playerListenByDefaultStore,
-		playerMiniPlayer,
+		playerMiniPlayerStore,
 		playerTheatreModeByDefaultStore,
 		playlistSettingsStore,
 		syncPartyConnectionsStore,
@@ -278,7 +278,7 @@
 		// Reset title when page left.
 		document.title = 'Materialious';
 
-		if (get(playerMiniPlayer) && !player.paused) {
+		if (get(playerMiniPlayerStore) && !player.paused) {
 			miniPlayerSrcStore.set({
 				video: data.video,
 				time: player.currentTime
diff --git a/materialious/src/store.ts b/materialious/src/store.ts
index 5888c18e..d802f686 100644
--- a/materialious/src/store.ts
+++ b/materialious/src/store.ts
@@ -23,7 +23,7 @@ export const playerSavePlaybackPositionStore = persisted('savePlaybackPosition',
 export const playerDashStore = persisted('dashEnabled', false);
 export const playerTheatreModeByDefaultStore = persisted('theatreModeByDefault', false);
 export const playerAutoplayNextByDefaultStore = persisted('autoplayNextByDefault', false);
-export const playerMiniPlayer = persisted('miniPlayer', true);
+export const playerMiniPlayerStore = persisted('miniPlayer', true);
 
 export const returnYtDislikesStore = persisted('returnYtDislikes', false);
 export const returnYTDislikesInstanceStore: Writable<string | null | undefined> = persisted(