Bump version

materialious/android/app/build.gradle

@@ -7,8 +7,8 @@ android {
         applicationId "us.materialio.app"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 107
-        versionName "1.8.3"
+        versionCode 108
+        versionName "1.8.4"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.

materialious/electron/materialious.metainfo.xml

@@ -68,7 +68,11 @@
 
     
     
-    <release version="1.8.3" date="2025-5-05">
+    
+    <release version="1.8.4" date="2025-5-29">
+      <url>https://github.com/Materialious/Materialious/releases/tag/1.8.4</url>
+    </release>
+<release version="1.8.3" date="2025-5-05">
       <url>https://github.com/Materialious/Materialious/releases/tag/1.8.3</url>
     </release>
 <release version="1.8.2" date="2025-5-04">

materialious/electron/package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "Materialious",
-	"version": "1.8.2",
+	"version": "1.8.3",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "Materialious",
-			"version": "1.8.2",
+			"version": "1.8.3",
 			"license": "MIT",
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.0",
@@ -2492,9 +2492,9 @@
 			}
 		},
 		"node_modules/electron": {
-			"version": "35.2.1",
-			"resolved": "https://registry.npmjs.org/electron/-/electron-35.2.1.tgz",
-			"integrity": "sha512-LO4xXLpzkPPUVLvAbdHMlW7N9Z+Qqz+7QsmSWXluTIQMeJk+v7o36nUTZghyA2I1s//tlMvuaCtle6Qo2W0Ktg==",
+			"version": "35.5.0",
+			"resolved": "https://registry.npmjs.org/electron/-/electron-35.5.0.tgz",
+			"integrity": "sha512-16ScwDuKgnuL7tSrEgBvQe1Hm4CSK0vbOusPFrDs4oIs3QOdEFtrP9i8+4yKQGXpszj4f4F0MQjKv1tu9E4Gvg==",
 			"dev": true,
 			"hasInstallScript": true,
 			"license": "MIT",

materialious/electron/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "Materialious",
-	"version": "1.8.3",
+	"version": "1.8.4",
 	"description": "Modern material design for Invidious.",
 	"author": {
 		"name": "Ward Pearce",

materialious/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.8.3",
+	"version": "1.8.4",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",

materialious/src/lib/components/ContentColumn.svelte

@@ -1,10 +1,7 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
-	interface Props {
-		children?: import('svelte').Snippet;
-	}
 
-	let { children }: Props = $props();
+	let { children } = $props();
 
 	let largeCol = $state('2');
 

materialious/src/lib/components/VideoList.svelte

@@ -17,7 +17,7 @@
 
 	let auth = get(authStore);
 
-	async function removePlaylistItem(indexId: string, videoId: string) {
+	async function removePlaylistItem(indexId: string) {
 		if (!playlistId) return;
 		await removePlaylistVideo(playlistId, indexId);
 	}
@@ -27,25 +27,22 @@
 	<div class="space"></div>
 	<div class="grid">
 		{#each videos as video}
-				<ContentColumn>
-					<article class="no-padding" style="height: 100%;">
-						<Thumbnail
-							{video}
-							{playlistId}
-						/>
-						{#if auth && decodeURIComponent(auth.username) === playlistAuthor && 'indexId' in video}
-							<div class="right-align" style="margin: 1em .5em;">
-								<button
-									onclick={async () => removePlaylistItem(video.indexId, video.videoId)}
-									class="tertiary circle small"
-								>
-									<i>delete</i>
-									<div class="tooltip">{$_('delete')}</div>
-								</button>
-							</div>
-						{/if}
-					</article>
-				</ContentColumn>
+			<ContentColumn>
+				<article class="no-padding" style="height: 100%;">
+					<Thumbnail {video} {playlistId} />
+					{#if auth && decodeURIComponent(auth.username) === playlistAuthor && 'indexId' in video}
+						<div class="right-align" style="margin: 1em .5em;">
+							<button
+								onclick={async () => removePlaylistItem(video.indexId)}
+								class="tertiary circle small"
+							>
+								<i>delete</i>
+								<div class="tooltip">{$_('delete')}</div>
+							</button>
+						</div>
+					{/if}
+				</article>
+			</ContentColumn>
 		{/each}
 	</div>
 </div>

materialious/src/lib/patches/youtubejs.ts

@@ -119,6 +119,10 @@ export async function patchYoutubeJs(videoId: string): Promise<VideoPlay> {
 
 	const recommendedVideos: VideoBase[] = [];
 	video.watch_next_feed?.forEach((recommended: Record<string, any>) => {
+		if (!recommended.title) {
+			return;
+		}
+
 		recommendedVideos.push({
 			videoThumbnails: (recommended?.thumbnails as Thumbnail[]) || [],
 			videoId: recommended?.id || '',

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

@@ -41,7 +41,7 @@
 
 	let { data = $bindable() } = $props();
 
-	let playerElement: HTMLMediaElement;
+	let playerElement: HTMLMediaElement | undefined = $state();
 
 	let comments: Comments | null = $state(null);
 	data.streamed.comments?.then((streamedComments) => {

update_versions.py

@@ -3,7 +3,7 @@ import os
 import re
 from datetime import datetime
 
-LATEST_VERSION = "1.8.3"
+LATEST_VERSION = "1.8.4"
 RELEASE_DATE = datetime.now().strftime("%Y-%-m-%d")  # Format: YYYY-M-D
 
 WORKING_DIR = os.path.join(