Merge pull request #1337 from Materialious/update/1.13.8

Update/1.13.8

materialious/android/app/build.gradle

@@ -7,8 +7,8 @@ android {
         applicationId "us.materialio.app"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 191
-        versionName "1.13.7"
+        versionCode 192
+        versionName "1.13.8"
         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

@@ -90,7 +90,11 @@
 
 
     
-    <release version="1.13.7" date="2026-1-21">
+    
+    <release version="1.13.8" date="2026-1-22">
+      <url>https://github.com/Materialious/Materialious/releases/tag/1.13.8</url>
+    </release>
+<release version="1.13.7" date="2026-1-21">
       <url>https://github.com/Materialious/Materialious/releases/tag/1.13.7</url>
     </release>
 <release version="1.13.6" date="2026-1-20">

materialious/electron/package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "Materialious",
-	"version": "1.13.7",
+	"version": "1.13.8",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "Materialious",
-			"version": "1.13.7",
+			"version": "1.13.8",
 			"license": "MIT",
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.0",

materialious/electron/package.json

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

materialious/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.13.7",
+	"version": "1.13.8",
 	"private": true,
 	"scripts": {
 		"dev": "npm run patch:github && vite dev",

materialious/src/lib/components/Player.svelte

@@ -58,6 +58,7 @@
 	import { Network, type ConnectionStatus } from '@capacitor/network';
 	import { fade } from 'svelte/transition';
 	import { addToast } from './Toast.svelte';
+	import { isMobile } from '$lib/misc';
 
 	interface Props {
 		data: { video: VideoPlay; content: PhasedDescription; playlistId: string | null };
@@ -140,7 +141,7 @@
 		max: () => playerMaxKnownTime
 	});
 
-	const playerVolumeSlier = new Slider({
+	const playerVolumeSlider = new Slider({
 		onValueChange: (volumeToSet) => {
 			if (!playerElement) return;
 			playerElement.volume = volumeToSet;
@@ -148,7 +149,7 @@
 		value: () => playerVolume,
 		max: 1,
 		min: 0,
-		step: 0.1
+		step: 0.01
 	});
 
 	let playerAndroidUITimeout: ReturnType<typeof setTimeout>;
@@ -1075,7 +1076,7 @@
 	) {
 		seekDirection = undefined;
 
-		if (Capacitor.getPlatform() === 'android') {
+		if (isMobile()) {
 			const initalControlsState = showControls.valueOf();
 
 			if (playerAndroidUITimeout) {
@@ -1180,6 +1181,7 @@
 	class:contain-video={!$isAndroidTvStore}
 	class:tv-contain-video={$isAndroidTvStore}
 	class:hide={showVideoRetry}
+	class:hide-cursor={!showControls}
 	role="presentation"
 	onclick={onVideoClick}
 	onmouseenter={showPlayerUI}
@@ -1310,15 +1312,15 @@
 								{/if}
 							</i>
 						</button>
-						{#if Capacitor.getPlatform() !== 'android'}
+						{#if !isMobile()}
 							<div
 								bind:this={playerVolumeElement}
 								class="player-slider volume m l"
-								{...playerVolumeSlier.root}
+								{...playerVolumeSlider.root}
 							>
 								<div class="track">
 									<div class="range"></div>
-									<div {...playerVolumeSlier.thumb}></div>
+									<div {...playerVolumeSlider.thumb}></div>
 								</div>
 							</div>
 						{/if}
@@ -1738,4 +1740,8 @@
 		color: var(--primary);
 		border: none;
 	}
+
+	.hide-cursor {
+		cursor: none;
+	}
 </style>

materialious/src/lib/misc.ts

@@ -22,6 +22,19 @@ import { Capacitor } from '@capacitor/core';
 import { Share } from '@capacitor/share';
 import { Clipboard } from '@capacitor/clipboard';
 
+export function isMobile(): boolean {
+	const userAgent = navigator.userAgent;
+
+	const hasTouchSupport = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+	const isSmallScreen = window.innerWidth < 768;
+	const isUserAgentMobile =
+		/Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
+
+	return (
+		(hasTouchSupport && isSmallScreen && isUserAgentMobile) || Capacitor.getPlatform() === 'android'
+	);
+}
+
 export function isVideoID(videoId: string): boolean {
 	const regExp = /^[a-zA-Z0-9_-]{11}$/;
 	return regExp.test(videoId);

update_versions.py

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