Merge pull request #193 from WardPearce/update/bookmarket-stores

Added syncious & mini player to bookmarklet

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>

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'
 	}
 ];
 

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

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(