diff --git a/static/player/quality.ts b/static/player/quality.ts index 9714520..bf6389b 100644 --- a/static/player/quality.ts +++ b/static/player/quality.ts @@ -1,41 +1,42 @@ -import { state } from "./state"; import { streamUrlForMode } from "./source"; +import { state } from "./state"; import { safeLocalStorage } from "./storage"; import { loadVideoSource } from "./video"; -/** - * Switches video quality (resolution). - * Persists preference to localStorage. - */ +/** Switches video quality (resolution). Persists preference to localStorage. */ const switchQuality = (quality: string): void => { const url = streamUrlForMode(state.playback.currentMode, quality); - if (!url) return; + if (!url) { + return; + } safeLocalStorage.setItem("mal:preferred-quality", quality); loadVideoSource(url, state.playback.modeSources[state.playback.currentMode]?.type); }; /** - * Rebuilds quality dropdown options from current mode's available qualities. - * Shows/hides dropdown based on availability. + * Rebuilds quality dropdown options from current mode's available qualities. Shows/hides dropdown + * based on availability. */ export const updateQualityOptions = (): void => { const select = state.elements.container.querySelector( "[data-quality-select]", ) as HTMLSelectElement | null; - if (!select) return; + if (!select) { + return; + } const qualities = state.playback.modeSources[state.playback.currentMode]?.qualities ?? []; select.replaceChildren(); const best = document.createElement("option"); best.value = "best"; best.textContent = "Auto / Best"; - select.appendChild(best); + select.append(best); qualities.forEach((q) => { const opt = document.createElement("option"); opt.value = q; opt.textContent = q; - select.appendChild(opt); + select.append(opt); }); // restore saved preference @@ -47,9 +48,7 @@ export const updateQualityOptions = (): void => { wrapper?.classList.toggle("hidden", qualities.length === 0); }; -/** - * Binds quality select change handler. - */ +/** Binds quality select change handler. */ export const setupQuality = (): void => { const select = state.elements.container.querySelector( "[data-quality-select]",