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

fix: renderer plugin load timing

Browse Source 
MAGIC OF JAVASCRIPT
This commit is contained in:
JellyBrick
2023-12-18 18:41:36 +09:00
parent ee98344064
commit da3bc5aeb7
3 changed files with 70 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/renderer.ts
View File

@ -21,37 +21,6 @@ let isPluginLoaded = false;
let isApiLoaded = false;
let firstDataLoaded = false;
const observer = new MutationObserver(() => {
const playerApi = document.querySelector<Element & YoutubePlayer>(
'#movie_player',
);
if (playerApi) {
observer.disconnect();
// Inject song-info provider
setupSongInfo(playerApi);
const dataLoadedListener = (name: string) => {
if (!firstDataLoaded && name === 'dataloaded') {
firstDataLoaded = true;
playerApi.removeEventListener('videodatachange', dataLoadedListener);
}
};
playerApi.addEventListener('videodatachange', dataLoadedListener);
if (isPluginLoaded && !isApiLoaded) {
api = playerApi;
isApiLoaded = true;
onApiLoaded();
}
}
});
observer.observe(document.documentElement, {
childList: true,
subtree: true,
});
async function listenForApiLoad() {
if (!isApiLoaded) {
api = document.querySelector('#movie_player');
@ -176,14 +145,16 @@ const defineYTMDTransElements = () => {
);
};
(async () => {
const preload = async () => {
await loadI18n();
await setLanguage(window.mainConfig.get('options.language') ?? 'en');
window.i18n = {
t: i18t.bind(i18next),
};
defineYTMDTransElements();
};
const main = async () => {
await loadAllRendererPlugins();
isPluginLoaded = true;
@ -226,4 +197,50 @@ const defineYTMDTransElements = () => {
console.log(JSON.parse(log));
});
}
})();
};
const initObserver = async () => {
// check document.documentElement is ready
await new Promise<void>((resolve) => {
document.addEventListener(
'DOMContentLoaded',
() => {
resolve();
},
{ once: true },
);
});
const observer = new MutationObserver(() => {
const playerApi = document.querySelector<Element & YoutubePlayer>(
'#movie_player',
);
if (playerApi) {
observer.disconnect();
// Inject song-info provider
setupSongInfo(playerApi);
const dataLoadedListener = (name: string) => {
if (!firstDataLoaded && name === 'dataloaded') {
firstDataLoaded = true;
playerApi.removeEventListener('videodatachange', dataLoadedListener);
}
};
playerApi.addEventListener('videodatachange', dataLoadedListener);
if (isPluginLoaded && !isApiLoaded) {
api = playerApi;
isApiLoaded = true;
onApiLoaded();
}
}
});
observer.observe(document.documentElement, {
childList: true,
subtree: true,
});
};
initObserver().then(preload).then(main);