melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: format player skip index and segments

Browse Source
This commit is contained in:
mkelvers
2026-05-28 11:29:33 +02:00
parent 606df97eae
commit a0c5005937
2 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
static/player/skip/index.ts
View File

@@ -1,34 +1,34 @@
import { state } from '../state';
import { displayTimeFromAbsolute, absoluteTimeFromDisplay } from '../timeline';
import { showControls } from '../controls';
import { saveProgress } from '../progress';
import { safeLocalStorage } from '../storage';
import { state } from "../state";
import { displayTimeFromAbsolute, absoluteTimeFromDisplay } from "../timeline";
import { showControls } from "../controls";
import { saveProgress } from "../progress";
import { safeLocalStorage } from "../storage";
// button label based on segment type
const skipLabel = (type: string): string => (type === 'ed' ? 'Skip outro' : 'Skip intro');
const skipLabel = (type: string): string => (type === "ed" ? "Skip outro" : "Skip intro");
/**
* Updates skip button visibility and auto-skip logic.
* Called on timeupdate. Shows button when in active segment.
*/
export const updateSkipButton = (currentTime: number): void => {
const btn = state.container.querySelector('[data-skip]') as HTMLButtonElement | null;
const btn = state.container.querySelector("[data-skip]") as HTMLButtonElement | null;
const displayTime = displayTimeFromAbsolute(currentTime);
// find segment that contains current time (with delay buffer)
const segment = state.activeSegments.find(s => {
const segment = state.activeSegments.find((s) => {
const delay = Math.min(1, Math.max(0.25, (s.end - s.start) * 0.02));
return displayTime >= s.start + delay && displayTime < s.end;
});
if (!segment) {
state.activeSkipSegment = null;
btn?.classList.add('hidden');
btn?.classList.add("hidden");
return;
}
// auto-skip: jump to end if enabled
const autoSkip = safeLocalStorage.getItem('mal:autoskip-enabled') === 'true';
const autoSkip = safeLocalStorage.getItem("mal:autoskip-enabled") === "true";
if (autoSkip && displayTime >= segment.start && displayTime < segment.end) {
state.video.currentTime = absoluteTimeFromDisplay(segment.end + 0.01);
void saveProgress();
@@ -40,7 +40,7 @@ export const updateSkipButton = (currentTime: number): void => {
if (btn) {
btn.textContent = skipLabel(segment.type);
btn.title = skipLabel(segment.type);
btn.classList.remove('hidden');
btn.classList.remove("hidden");
}
};
@@ -48,21 +48,21 @@ export const updateSkipButton = (currentTime: number): void => {
* Syncs autoskip checkbox with localStorage.
*/
export const updateAutoSkipButton = (): void => {
const btn = document.querySelector('[data-autoskip]') as HTMLInputElement | null;
const btn = document.querySelector("[data-autoskip]") as HTMLInputElement | null;
if (!btn) return;
btn.checked = safeLocalStorage.getItem('mal:autoskip-enabled') === 'true';
btn.checked = safeLocalStorage.getItem("mal:autoskip-enabled") === "true";
};
/**
* Binds autoskip toggle change handler.
*/
export const setupSkip = (): void => {
document.addEventListener('change', e => {
document.addEventListener("change", (e) => {
const target = e.target as HTMLElement;
if (target.hasAttribute('data-autoskip')) {
if (target.hasAttribute("data-autoskip")) {
safeLocalStorage.setItem(
'mal:autoskip-enabled',
(target as HTMLInputElement).checked ? 'true' : 'false'
"mal:autoskip-enabled",
(target as HTMLInputElement).checked ? "true" : "false",
);
showControls();
}