Playlist go to last item in watch history

materialious/electron/src/rt/electron-plugins.js

@@ -1,4 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
+const CapacitorNodejs = require('../../../node_modules/capacitor-nodejs/electron/dist/plugin.js');
 
 module.exports = {
+  CapacitorNodejs,
 }

materialious/src/lib/api/youtubejs/schema.ts

@@ -6,7 +6,6 @@ import { Helpers, YTNodes } from 'youtubei.js';
 export function invidiousItemSchema(item: Helpers.YTNode): Video | Channel | Playlist | undefined {
 	if (item.is(YTNodes.Video)) {
 		const views = extractNumber(item.view_count?.toString() || '');
-		console.log(item);
 		return {
 			type: 'video',
 			title: item.title.toString(),

materialious/src/lib/filtering/index.ts

@@ -51,7 +51,6 @@ const zFilterRootSchema = z.object({
 });
 
 export function isItemFiltered(item: FeedItem): boolean {
-	console.log(item);
 	const filteredContent = get(filterContentListStore);
 	if (!filteredContent) return false;
 

materialious/src/routes/(app)/playlist/[slug]/+page.svelte

@@ -7,29 +7,63 @@
 	import ItemsList from '$lib/components/layout/ItemsList.svelte';
 	import Share from '$lib/components/Share.svelte';
 	import { page } from '$app/state';
+	import { goto } from '$app/navigation';
+	import type { VideoWatchHistory } from '$lib/api/model.js';
+	import { getWatchHistory } from '$lib/api/index.js';
 
 	let { data } = $props();
+
+	async function loadLastWatched() {
+		const videoIds = data.playlist.videos.map((video) => video.videoId);
+
+		let lastHistory: VideoWatchHistory[] = [];
+
+		let page = 0;
+		while (true) {
+			const historyPage = await getWatchHistory({ page, videoIds });
+
+			if (historyPage.length === 0) break;
+
+			lastHistory = historyPage;
+
+			page++;
+		}
+
+		if (lastHistory.length > 0) {
+			goto(
+				resolve(
+					$isAndroidTvStore
+						? `/tv/[videoId]?playlist=${data.playlist.info.playlistId}`
+						: `/watch/[videoId]?playlist=${data.playlist.info.playlistId}`,
+					{
+						videoId: lastHistory[0].videoId
+					}
+				)
+			);
+		} else {
+			goto(
+				resolve(
+					$isAndroidTvStore
+						? `/tv/[videoId]?playlist=${data.playlist.info.playlistId}`
+						: `/watch/[videoId]?playlist=${data.playlist.info.playlistId}`,
+					{
+						videoId: data.playlist.videos[0].videoId
+					}
+				)
+			);
+		}
+	}
 </script>
 
 <article class="border padding">
 	{#if data.playlist.videos.length > 0}
 		<nav>
-			<a
+			<button onclick={loadLastWatched} class="button circle extra no-margin">
-				href={resolve(
-					$isAndroidTvStore
-						? `/tv/[playlistId]?playlist=${data.playlist.info.playlistId}`
-						: `/watch/[playlistId]?playlist=${data.playlist.info.playlistId}`,
-					{
-						playlistId: data.playlist.videos[0].videoId
-					}
-				)}
-				class="button circle extra no-margin"
-			>
 				<i>play_arrow</i>
 				<div class="tooltip bottom">
 					{$_('playlist.playVideos')}
 				</div>
-			</a>
+			</button>
 
 			<a
 				href={resolve(