smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-12 11:01:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: run prettier

Browse Source
This commit is contained in:
JellyBrick
2023-11-30 11:59:27 +09:00
parent 44c42310f1
commit a3104fda4b
116 changed files with 2928 additions and 1254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/plugins/playback-speed/index.ts
View File

@ -3,7 +3,8 @@ import { onPlayerApiReady, onUnload } from './renderer';
export default createPlugin({
name: 'Playback Speed',
description: 'Listen fast, listen slow! Adds a slider that controls song speed',
description:
'Listen fast, listen slow! Adds a slider that controls song speed',
restartNeeded: false,
config: {
enabled: false,
@ -11,5 +12,5 @@ export default createPlugin({
renderer: {
stop: onUnload,
onPlayerApiReady,
}
},
});

35
src/plugins/playback-speed/renderer.ts
View File

@ -29,7 +29,8 @@ const updatePlayBackSpeed = () => {
let menu: Element | null = null;
const immediateValueChangedListener = (e: Event) => {
playbackSpeed = (e as CustomEvent<{ value: number; }>).detail.value || MIN_PLAYBACK_SPEED;
playbackSpeed =
(e as CustomEvent<{ value: number }>).detail.value || MIN_PLAYBACK_SPEED;
if (isNaN(playbackSpeed)) {
playbackSpeed = 1;
}
@ -38,7 +39,12 @@ const immediateValueChangedListener = (e: Event) => {
};
const setupSliderListener = singleton(() => {
document.querySelector('#playback-speed-slider')?.addEventListener('immediate-value-changed', immediateValueChangedListener);
document
.querySelector('#playback-speed-slider')
?.addEventListener(
'immediate-value-changed',
immediateValueChangedListener,
);
});
const observePopupContainer = () => {
@ -49,9 +55,10 @@ const observePopupContainer = () => {
if (
menu &&
(menu.parentElement as HTMLElement & { eventSink_: Element | null })
?.eventSink_
?.matches('ytmusic-menu-renderer.ytmusic-player-bar')&& !menu.contains(slider)
(
menu.parentElement as HTMLElement & { eventSink_: Element | null }
)?.eventSink_?.matches('ytmusic-menu-renderer.ytmusic-player-bar') &&
!menu.contains(slider)
) {
menu.prepend(slider);
setupSliderListener();
@ -82,14 +89,17 @@ const wheelEventListener = (e: WheelEvent) => {
}
// E.deltaY < 0 means wheel-up
playbackSpeed = roundToTwo(e.deltaY < 0
? Math.min(playbackSpeed + 0.01, MAX_PLAYBACK_SPEED)
: Math.max(playbackSpeed - 0.01, MIN_PLAYBACK_SPEED),
playbackSpeed = roundToTwo(
e.deltaY < 0
? Math.min(playbackSpeed + 0.01, MAX_PLAYBACK_SPEED)
: Math.max(playbackSpeed - 0.01, MIN_PLAYBACK_SPEED),
);
updatePlayBackSpeed();
// Update slider position
const playbackSpeedSilder = document.querySelector<HTMLElement & { value: number }>('#playback-speed-slider');
const playbackSpeedSilder = document.querySelector<
HTMLElement & { value: number }
>('#playback-speed-slider');
if (playbackSpeedSilder) {
playbackSpeedSilder.value = playbackSpeed;
}
@ -122,5 +132,10 @@ export const onUnload = () => {
}
slider.removeEventListener('wheel', wheelEventListener);
getSongMenu()?.removeChild(slider);
document.querySelector('#playback-speed-slider')?.removeEventListener('immediate-value-changed', immediateValueChangedListener);
document
.querySelector('#playback-speed-slider')
?.removeEventListener(
'immediate-value-changed',
immediateValueChangedListener,
);
};

16
src/plugins/playback-speed/templates/slider.html
View File

@ -27,7 +27,7 @@
tabindex="0"
title="Playback speed"
value="1"
><!--css-build:shady-->
><!--css-build:shady-->
<div class="style-scope tp-yt-paper-slider" id="sliderContainer">
<div class="bar-container style-scope tp-yt-paper-slider">
<tp-yt-paper-progress
@ -41,7 +41,7 @@
role="progressbar"
style="touch-action: none"
value="1"
><!--css-build:shady-->
><!--css-build:shady-->
<div
class="style-scope tp-yt-paper-progress"
@ -61,10 +61,8 @@
</div>
</tp-yt-paper-progress>
</div>
<dom-if class="style-scope tp-yt-paper-slider"
>
<template is="dom-if"></template
>
<dom-if class="style-scope tp-yt-paper-slider">
<template is="dom-if"></template>
</dom-if>
<div
class="slider-knob style-scope tp-yt-paper-slider"
@ -77,11 +75,9 @@
></div>
</div>
</div>
<dom-if class="style-scope tp-yt-paper-slider"
>
<dom-if class="style-scope tp-yt-paper-slider">
<template is="dom-if"></template>
</dom-if
>
</dom-if>
</tp-yt-paper-slider>
<div
class="text style-scope ytmusic-menu-navigation-item-renderer"