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

feat(synced-lyrics): multiple lyric sources (#2383)

Browse Source 
Co-authored-by: JellyBrick <shlee1503@naver.com>
This commit is contained in:
Angelos Bouklis
2024-12-25 00:44:29 +02:00
committed by GitHub
parent 5c9ded8779
commit 533b96d1f6
28 changed files with 1527 additions and 447 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/plugins/synced-lyrics/renderer/index.ts
View File

@ -1,15 +1,15 @@
import { createRenderer } from '@/utils';
import { waitForElement } from '@/utils/wait-for-element';
import { makeLyricsRequest } from './lyrics';
import { selectors, tabStates } from './utils';
import { setConfig } from './renderer';
import { setCurrentTime } from './components/LyricsContainer';
import { fetchLyrics } from '../providers';
import type { RendererContext } from '@/types/contexts';
import type { YoutubePlayer } from '@/types/youtube-player';
import type { SongInfo } from '@/providers/song-info';
import type { SyncedLyricsPluginConfig } from '../types';
export let _ytAPI: YoutubePlayer | null = null;
@ -36,9 +36,7 @@ export const renderer = createRenderer<
header.removeAttribute('disabled');
break;
case 'aria-selected':
tabStates[header.ariaSelected as 'true' | 'false']?.(
_ytAPI?.getVideoData(),
);
tabStates[header.ariaSelected ?? 'false']();
break;
}
}
@ -51,7 +49,6 @@ export const renderer = createRenderer<
await this.videoDataChange();
},
async videoDataChange() {
if (!this.updateTimestampInterval) {
this.updateTimestampInterval = setInterval(
@ -60,12 +57,17 @@ export const renderer = createRenderer<
);
}
// prettier-ignore
this.observer ??= new MutationObserver(this.observerCallback);
// Force the lyrics tab to be enabled at all times.
this.observer.disconnect();
// Force the lyrics tab to be enabled at all times.
const header = await waitForElement<HTMLElement>(selectors.head);
{
header.removeAttribute('disabled');
tabStates[header.ariaSelected ?? 'false']();
}
this.observer.observe(header, { attributes: true });
header.removeAttribute('disabled');
},
@ -73,8 +75,8 @@ export const renderer = createRenderer<
async start(ctx: RendererContext<SyncedLyricsPluginConfig>) {
setConfig(await ctx.getConfig());
ctx.ipc.on('ytmd:update-song-info', async (info: SongInfo) => {
await makeLyricsRequest(info);
ctx.ipc.on('ytmd:update-song-info', (info: SongInfo) => {
fetchLyrics(info);
});
},
});