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

refactor(in-app-menu): refactor in-app-menu plugin (#1710)

Browse Source 
Co-authored-by: JellyBrick <shlee1503@naver.com>
This commit is contained in:
Su-Yong
2024-02-05 22:26:25 +09:00
committed by GitHub
parent cd8701d0e5
commit b3c05c8647
23 changed files with 1318 additions and 492 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/plugins/in-app-menu/renderer.tsx Normal file
View File

@ -0,0 +1,57 @@
import { createSignal } from 'solid-js';
import { render } from 'solid-js/web';
import { TitleBar } from './renderer/TitleBar';
import { defaultInAppMenuConfig, InAppMenuConfig } from './constants';
import type { RendererContext } from '@/types/contexts';
const scrollStyle = `
html::-webkit-scrollbar {
background-color: red;
}
`;
const isMacOS = navigator.userAgent.includes('Macintosh');
const isNotWindowsOrMacOS =
!navigator.userAgent.includes('Windows') && !isMacOS;
const [config, setConfig] = createSignal<InAppMenuConfig>(defaultInAppMenuConfig);
export const onRendererLoad = async ({
getConfig,
ipc,
}: RendererContext<InAppMenuConfig>) => {
setConfig(await getConfig());
document.title = 'YouTube Music';
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync(scrollStyle);
document.adoptedStyleSheets = [...document.adoptedStyleSheets, stylesheet];
render(() => (
<TitleBar
ipc={ipc}
isMacOS={isMacOS}
enableController={isNotWindowsOrMacOS && !config().hideDOMWindowControls}
initialCollapsed={window.mainConfig.get('options.hideMenu')}
/>
), document.body);
};
export const onPlayerApiReady = () => {
// NOT WORKING AFTER YTM UPDATE (last checked 2024-02-04)
//
// const htmlHeadStyle = document.querySelector('head > div > style');
// if (htmlHeadStyle) {
// // HACK: This is a hack to remove the scrollbar width
// htmlHeadStyle.innerHTML = htmlHeadStyle.innerHTML.replace(
// 'html::-webkit-scrollbar {width: var(--ytmusic-scrollbar-width);',
// 'html::-webkit-scrollbar { width: 0;',
// );
// }
};
export const onConfigChange = (newConfig: InAppMenuConfig) => {
setConfig(newConfig);
};