blade/materialious
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #1367 from Materialious/update/1.13.12

Browse Source 
Update/1.13.12
This commit is contained in:
Ward
2026-02-06 03:32:27 +00:00
committed by GitHub
parent cc79e52b7e 428f54a81b
commit b566d25637
9 changed files with 77 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
materialious/android/app/build.gradle
+2 -2
View File
@@ -7,8 +7,8 @@ android {
applicationId "us.materialio.app"
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
versionCode 195
versionName "1.13.11"
versionCode 196
versionName "1.13.12"
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
+5 -1
View File
@@ -94,7 +94,11 @@
<release version="1.13.11" date="2026-2-06">
<release version="1.13.12" date="2026-2-06">
<url>https://github.com/Materialious/Materialious/releases/tag/1.13.12</url>
</release>
<release version="1.13.11" date="2026-2-06">
<url>https://github.com/Materialious/Materialious/releases/tag/1.13.11</url>
</release>
<release version="1.13.10" date="2026-1-27">
materialious/electron/package-lock.json
Generated
+2 -2
View File
@@ -1,12 +1,12 @@
{
"name": "Materialious",
"version": "1.13.11",
"version": "1.13.12",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "Materialious",
"version": "1.13.11",
"version": "1.13.12",
"license": "MIT",
"dependencies": {
"@capacitor-community/electron": "^5.0.0",
materialious/electron/package.json
+3 -2
View File
@@ -1,6 +1,6 @@
{
"name": "Materialious",
"version": "1.13.11",
"version": "1.13.12",
"description": "Modern material design for Invidious.",
"author": {
"name": "Ward Pearce",
@@ -24,6 +24,7 @@
"dependencies": {
"@capacitor-community/electron": "^5.0.0",
"bgutils-js": "^3.2.0",
"capacitor-nodejs": "https://github.com/hampoelz/capacitor-nodejs/releases/download/v1.0.0-beta.9/capacitor-nodejs.tgz",
"chokidar": "~5.0.0",
"electron-is-dev": "~2.0.0",
"electron-serve": "~3.0.0",
@@ -44,4 +45,4 @@
"capacitor",
"electron"
]
}
}
materialious/electron/src/rt/electron-plugins.js
+2
View File
@@ -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/package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "materialious",
"version": "1.13.11",
"version": "1.13.12",
"private": true,
"scripts": {
"dev": "npm run patch:github && vite dev",
@@ -79,4 +79,4 @@
"youtubei.js": "^16.0.1",
"zod": "^4.3.6"
}
}
}
materialious/src/lib/components/Player.svelte
+59 -32
View File
@@ -129,6 +129,8 @@
userManualSeeking = true;
currentTime = timeToSet;
setPlayerTimelineChapters(currentTime);
if (playerSliderDebounce) clearTimeout(playerSliderDebounce);
playerSliderDebounce = setTimeout(() => {
@@ -165,8 +167,20 @@
updateVideoPlayerHeight();
});
function getMarkerWidth(startTime: number, endTime: number): string {
return `${((endTime - startTime) / playerMaxKnownTime) * 100}%`;
const markerGapSize = 0.5;
const minVisiblePercent = 0.05;
function timelineMarker(startTime: number, endTime?: number): string {
const ratio = (endTime ? endTime - startTime : startTime) / playerMaxKnownTime;
if (ratio <= 0) return `0%`;
let percent = ratio * 100;
if (percent - markerGapSize >= minVisiblePercent) {
percent = percent - markerGapSize;
} else {
percent = minVisiblePercent;
}
return `${percent}%`;
}
function restoreDefaultLanguage() {
@@ -1032,6 +1046,26 @@
}
}
function setPlayerTimelineChapters(currentTime: number) {
if (data.content.timestamps.length > 0) {
playerCloestTimestamp = data.content.timestamps.find((chapter, chapterIndex) => {
let endTime: number;
if (chapterIndex === data.content.timestamps.length - 1) {
endTime = data.video.lengthSeconds;
} else {
endTime = data.content.timestamps[chapterIndex + 1].time;
}
return currentTime >= chapter.time && currentTime < endTime;
});
}
if (segments.length > 0) {
playerCloestSponsor = segments.find((segment) => {
return currentTime >= segment.startTime && currentTime < segment.endTime;
});
}
}
let requestAnimationTooltip: number | undefined;
function timelineMouseMove(event: MouseEvent) {
if (requestAnimationTooltip) return;
@@ -1049,24 +1083,7 @@
document.documentElement.style.setProperty('--timeline-tooltip-left', `${percent * 100}%`);
playerCloestTimestamp = data.content.timestamps.find((chapter, chapterIndex) => {
let endTime: number;
if (chapterIndex === data.content.timestamps.length - 1) {
endTime = data.video.lengthSeconds;
} else {
endTime = data.content.timestamps[chapterIndex + 1].time;
}
return playerTimelineTimeHover >= chapter.time && playerTimelineTimeHover < endTime;
});
if (segments.length > 0) {
playerCloestSponsor = segments.find((segment) => {
return (
playerTimelineTimeHover >= segment.startTime &&
playerTimelineTimeHover < segment.endTime
);
});
}
setPlayerTimelineChapters(playerTimelineTimeHover);
requestAnimationTooltip = undefined;
});
@@ -1277,6 +1294,14 @@
<div class="range"></div>
<div {...playerTimelineSlider.thumb}>
<div class="tooltip thumb-tooltip">
{#if playerCloestSponsor}
{sponsorSegments[playerCloestSponsor.category]}
<br />
{:else if playerCloestTimestamp}
{playerCloestTimestamp.title}
<br />
{/if}
{videoLength(currentTime)}
</div>
</div>
@@ -1285,8 +1310,8 @@
{#each data.content.timestamps as chapter, index (chapter)}
<div
class="chapter-marker"
style:left="{(chapter.time / playerMaxKnownTime) * 100}%"
style:width={getMarkerWidth(
style:left={timelineMarker(chapter.time)}
style:width={timelineMarker(
chapter.time,
data.content.timestamps[index + 1]?.time || playerMaxKnownTime // Next chapter time or end of video
)}
@@ -1296,8 +1321,8 @@
{#each segments as segment (segment)}
<div
class="chapter-marker segment-marker"
style:left="{(segment.startTime / playerMaxKnownTime) * 100}%"
style:width={getMarkerWidth(segment.startTime, segment.endTime)}
style:left={timelineMarker(segment.startTime)}
style:width={timelineMarker(segment.startTime, segment.endTime)}
></div>
{/each}
{/if}
@@ -1617,6 +1642,7 @@
inset: 0;
right: var(--percentage-inv);
border-radius: 0.25rem;
opacity: 0.5;
}
.player-slider [data-melt-slider-thumb] {
@@ -1650,13 +1676,13 @@
}
.seek-double-click.buffer-right {
border-top-left-radius: 2rem;
border-bottom-left-radius: 2rem;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.seek-double-click.buffer-left {
border-top-right-radius: 2rem;
border-bottom-right-radius: 2rem;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.buffered-bar {
@@ -1668,8 +1694,9 @@
transform: translateY(-50%);
z-index: 1;
pointer-events: none;
border-top-right-radius: 2rem;
border-bottom-right-radius: 2rem;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
opacity: 0.5;
}
.chapter-marker {
@@ -1679,10 +1706,10 @@
left: 0;
height: 1rem;
background-color: var(--secondary);
opacity: 0.5;
border-radius: 2rem;
border-radius: 0.25rem;
z-index: 2;
pointer-events: none;
opacity: 0.5;
}
.segment-marker {
materialious/static/localApi/ghContributors.json
+1 -1
View File
File diff suppressed because one or more lines are too long
update_versions.py
+1 -1
View File
@@ -3,7 +3,7 @@ import os
import re
from datetime import datetime
LATEST_VERSION = "1.13.11"
LATEST_VERSION = "1.13.12"
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")