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

feat: add prettier and eslint with pre-commit hook

Browse Source
This commit is contained in:
mkelvers
2026-05-10 19:23:53 +02:00
parent be9fbe0f64
commit 3703bbfcfe
33 changed files with 1643 additions and 1245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
static/player/mode.ts
View File

@@ -1,66 +1,79 @@
import { state } from './state'
import { displayTimeFromAbsolute, absoluteTimeFromDisplay } from './timeline'
import { showControls } from './controls'
import { updateSubtitleOptions } from './subtitles'
import { updateQualityOptions } from './quality'
import { ModeSource } from './types'
import { state } from './state';
import { displayTimeFromAbsolute, absoluteTimeFromDisplay } from './timeline';
import { showControls } from './controls';
import { updateSubtitleOptions } from './subtitles';
import { updateQualityOptions } from './quality';
import { ModeSource } from './types';
const streamUrlForMode = (mode: string, quality?: string): string => {
const src = state.modeSources[mode]
if (!src?.token) return ''
let url = `${state.streamURL}?mode=${encodeURIComponent(mode)}&token=${encodeURIComponent(src.token)}`
if (quality && quality !== 'best') url += `&quality=${encodeURIComponent(quality)}`
return url
}
const src = state.modeSources[mode];
if (!src?.token) return '';
let url = `${state.streamURL}?mode=${encodeURIComponent(mode)}&token=${encodeURIComponent(src.token)}`;
if (quality && quality !== 'best') url += `&quality=${encodeURIComponent(quality)}`;
return url;
};
const loadVideo = (url: string): void => {
if (!url) return
const wasPlaying = !state.video.paused
const prevTime = displayTimeFromAbsolute(state.video.currentTime)
state.video.src = url
state.video.load()
state.pendingSeekTime = prevTime
if (wasPlaying) state.video.play().catch(() => {})
}
if (!url) return;
const wasPlaying = !state.video.paused;
const prevTime = displayTimeFromAbsolute(state.video.currentTime);
state.video.src = url;
state.video.load();
state.pendingSeekTime = prevTime;
if (wasPlaying) state.video.play().catch(() => {});
};
export const switchMode = (mode: string): void => {
if (!state.availableModes.includes(mode) || mode === state.currentMode) return
state.currentMode = mode
localStorage.setItem('player-audio-mode', mode)
loadVideo(streamUrlForMode(mode, state.container.querySelector('[data-quality-select]')?.value))
updateSubtitleOptions()
updateQualityOptions()
updateModeButtons()
}
if (!state.availableModes.includes(mode) || mode === state.currentMode) return;
state.currentMode = mode;
localStorage.setItem('player-audio-mode', mode);
loadVideo(streamUrlForMode(mode, state.container.querySelector('[data-quality-select]')?.value));
updateSubtitleOptions();
updateQualityOptions();
updateModeButtons();
};
export const updateModeButtons = (): void => {
const dub = state.container.querySelector('[data-mode-dub]') as HTMLButtonElement | null
const sub = state.container.querySelector('[data-mode-sub]') as HTMLButtonElement | null
const m = state.currentMode
const dub = state.container.querySelector('[data-mode-dub]') as HTMLButtonElement | null;
const sub = state.container.querySelector('[data-mode-sub]') as HTMLButtonElement | null;
const m = state.currentMode;
dub?.classList.toggle('text-accent', m === 'dub')
dub?.classList.toggle('text-white', m !== 'dub')
dub?.classList.toggle('opacity-50', !state.availableModes.includes('dub'))
dub?.classList.toggle('cursor-not-allowed', !state.availableModes.includes('dub'))
dub && (dub.disabled = !state.availableModes.includes('dub'))
dub?.classList.toggle('text-accent', m === 'dub');
dub?.classList.toggle('text-white', m !== 'dub');
dub?.classList.toggle('opacity-50', !state.availableModes.includes('dub'));
dub?.classList.toggle('cursor-not-allowed', !state.availableModes.includes('dub'));
dub && (dub.disabled = !state.availableModes.includes('dub'));
sub?.classList.toggle('text-accent', m === 'sub')
sub?.classList.toggle('text-white', m !== 'sub')
sub?.classList.toggle('opacity-50', !state.availableModes.includes('sub'))
sub?.classList.toggle('cursor-not-allowed', !state.availableModes.includes('sub'))
sub && (sub.disabled = !state.availableModes.includes('sub'))
}
sub?.classList.toggle('text-accent', m === 'sub');
sub?.classList.toggle('text-white', m !== 'sub');
sub?.classList.toggle('opacity-50', !state.availableModes.includes('sub'));
sub?.classList.toggle('cursor-not-allowed', !state.availableModes.includes('sub'));
sub && (sub.disabled = !state.availableModes.includes('sub'));
};
export const setupMode = (): void => {
const dub = state.container.querySelector('[data-mode-dub]') as HTMLButtonElement | null
const sub = state.container.querySelector('[data-mode-sub]') as HTMLButtonElement | null
const dub = state.container.querySelector('[data-mode-dub]') as HTMLButtonElement | null;
const sub = state.container.querySelector('[data-mode-sub]') as HTMLButtonElement | null;
dub?.addEventListener('click', () => { if (state.availableModes.includes('dub')) { switchMode('dub'); showControls() } })
sub?.addEventListener('click', () => { if (state.availableModes.includes('sub')) { switchMode('sub'); showControls() } })
dub?.addEventListener('click', () => {
if (state.availableModes.includes('dub')) {
switchMode('dub');
showControls();
}
});
sub?.addEventListener('click', () => {
if (state.availableModes.includes('sub')) {
switchMode('sub');
showControls();
}
});
const autoplayBtn = document.querySelector('[data-autoplay]') as HTMLInputElement | null
autoplayBtn?.addEventListener('change', (e) => {
localStorage.setItem('mal:autoplay-enabled', (e.target as HTMLInputElement).checked ? 'true' : 'false')
showControls()
})
}
const autoplayBtn = document.querySelector('[data-autoplay]') as HTMLInputElement | null;
autoplayBtn?.addEventListener('change', e => {
localStorage.setItem(
'mal:autoplay-enabled',
(e.target as HTMLInputElement).checked ? 'true' : 'false'
);
showControls();
});
};