feat: run prettier

src/plugins/picture-in-picture/index.ts

@@ -6,16 +6,16 @@ import { onMenu } from './menu';
 import { onPlayerApiReady, onRendererLoad } from './renderer';
 
 export type PictureInPicturePluginConfig = {
-  'enabled': boolean;
-  'alwaysOnTop': boolean;
-  'savePosition': boolean;
-  'saveSize': boolean;
-  'hotkey': 'P',
+  enabled: boolean;
+  alwaysOnTop: boolean;
+  savePosition: boolean;
+  saveSize: boolean;
+  hotkey: 'P';
   'pip-position': [number, number];
   'pip-size': [number, number];
-  'isInPiP': boolean;
-  'useNativePiP': boolean;
-}
+  isInPiP: boolean;
+  useNativePiP: boolean;
+};
 
 export default createPlugin({
   name: 'Picture In Picture',
@@ -42,5 +42,5 @@ export default createPlugin({
   renderer: {
     start: onRendererLoad,
     onPlayerApiReady,
-  }
+  },
 });

src/plugins/picture-in-picture/main.ts

@@ -6,14 +6,20 @@ import type { BackendContext } from '@/types/contexts';
 
 let config: PictureInPicturePluginConfig;
 
-export const onMainLoad = async ({ window, getConfig, setConfig, ipc: { send, handle, on } }: BackendContext<PictureInPicturePluginConfig>) => {
+export const onMainLoad = async ({
+  window,
+  getConfig,
+  setConfig,
+  ipc: { send, handle, on },
+}: BackendContext<PictureInPicturePluginConfig>) => {
   let isInPiP = false;
   let originalPosition: number[];
   let originalSize: number[];
   let originalFullScreen: boolean;
   let originalMaximized: boolean;
 
-  const pipPosition = () => (config.savePosition && config['pip-position']) || [10, 10];
+  const pipPosition = () =>
+    (config.savePosition && config['pip-position']) || [10, 10];
   const pipSize = () => (config.saveSize && config['pip-size']) || [450, 275];
 
   const togglePiP = () => {
@@ -50,7 +56,10 @@ export const onMainLoad = async ({ window, getConfig, setConfig, ipc: { send, ha
         window.setAlwaysOnTop(true, 'screen-saver', 1);
       }
     } else {
-      window.webContents.removeListener('before-input-event', blockShortcutsInPiP);
+      window.webContents.removeListener(
+        'before-input-event',
+        blockShortcutsInPiP,
+      );
       window.setMaximizable(true);
       window.setFullScreenable(true);
 
@@ -76,7 +85,10 @@ export const onMainLoad = async ({ window, getConfig, setConfig, ipc: { send, ha
     window.setWindowButtonVisibility?.(!isInPiP);
   };
 
-  const blockShortcutsInPiP = (event: Electron.Event, input: Electron.Input) => {
+  const blockShortcutsInPiP = (
+    event: Electron.Event,
+    input: Electron.Input,
+  ) => {
     const key = input.key.toLowerCase();
 
     if (key === 'f') {

src/plugins/picture-in-picture/menu.ts

@@ -7,8 +7,11 @@ import type { PictureInPicturePluginConfig } from './index';
 import type { MenuContext } from '@/types/contexts';
 import type { MenuTemplate } from '@/menu';
 
-
-export const onMenu = async ({ window, getConfig, setConfig }: MenuContext<PictureInPicturePluginConfig>): Promise<MenuTemplate> => {
+export const onMenu = async ({
+  window,
+  getConfig,
+  setConfig,
+}: MenuContext<PictureInPicturePluginConfig>): Promise<MenuTemplate> => {
   const config = await getConfig();
 
   return [
@@ -42,17 +45,22 @@ export const onMenu = async ({ window, getConfig, setConfig }: MenuContext<Pictu
       type: 'checkbox',
       checked: !!config.hotkey,
       async click(item) {
-        const output = await prompt({
-          title: 'Picture in Picture Hotkey',
-          label: 'Choose a hotkey for toggling Picture in Picture',
-          type: 'keybind',
-          keybindOptions: [{
-            value: 'hotkey',
-            label: 'Hotkey',
-            default: config.hotkey,
-          }],
-          ...promptOptions(),
-        }, window);
+        const output = await prompt(
+          {
+            title: 'Picture in Picture Hotkey',
+            label: 'Choose a hotkey for toggling Picture in Picture',
+            type: 'keybind',
+            keybindOptions: [
+              {
+                value: 'hotkey',
+                label: 'Hotkey',
+                default: config.hotkey,
+              },
+            ],
+            ...promptOptions(),
+          },
+          window,
+        );
 
         if (output) {
           const { value, accelerator } = output[0];

src/plugins/picture-in-picture/renderer.ts

@@ -51,14 +51,16 @@ const observer = new MutationObserver(() => {
 
   if (
     menu.contains(pipButton) ||
-    !(menu.parentElement as (HTMLElement & { eventSink_: Element }) | null)
-    ?.eventSink_
-    ?.matches('ytmusic-menu-renderer.ytmusic-player-bar')
+    !(
+      menu.parentElement as (HTMLElement & { eventSink_: Element }) | null
+    )?.eventSink_?.matches('ytmusic-menu-renderer.ytmusic-player-bar')
   ) {
     return;
   }
 
-  const menuUrl = $<HTMLAnchorElement>('tp-yt-paper-listbox [tabindex="0"] #navigation-endpoint')?.href;
+  const menuUrl = $<HTMLAnchorElement>(
+    'tp-yt-paper-listbox [tabindex="0"] #navigation-endpoint',
+  )?.href;
   if (!menuUrl?.includes('watch?')) {
     return;
   }
@@ -79,8 +81,7 @@ const togglePictureInPicture = async () => {
       await togglePiP();
       $<HTMLButtonElement>('#icon')?.click(); // Close the menu
       return true;
-    } catch {
-    }
+    } catch {}
   }
 
   window.ipcRenderer.send('picture-in-picture');
@@ -94,10 +95,16 @@ const listenForToggle = () => {
   const appLayout = $<HTMLElement>('ytmusic-app-layout');
   const expandMenu = $<HTMLElement>('#expanding-menu');
   const middleControls = $<HTMLButtonElement>('.middle-controls');
-  const playerPage = $<HTMLElement & { playerPageOpen_: boolean }>('ytmusic-player-page');
-  const togglePlayerPageButton = $<HTMLButtonElement>('.toggle-player-page-button');
+  const playerPage = $<HTMLElement & { playerPageOpen_: boolean }>(
+    'ytmusic-player-page',
+  );
+  const togglePlayerPageButton = $<HTMLButtonElement>(
+    '.toggle-player-page-button',
+  );
   const fullScreenButton = $<HTMLButtonElement>('.fullscreen-button');
-  const player = $<HTMLVideoElement & { onDoubleClick_: (() => void) | undefined }>('#player');
+  const player = $<
+    HTMLVideoElement & { onDoubleClick_: (() => void) | undefined }
+  >('#player');
   const onPlayerDblClick = player?.onDoubleClick_;
   const mouseLeaveEventListener = () => middleControls?.click();
 
@@ -106,9 +113,11 @@ const listenForToggle = () => {
   window.ipcRenderer.on('pip-toggle', (_, isPip: boolean) => {
     if (originalExitButton && player) {
       if (isPip) {
-        replaceButton('.exit-fullscreen-button', originalExitButton)?.addEventListener('click', () => togglePictureInPicture());
-        player.onDoubleClick_ = () => {
-        };
+        replaceButton(
+          '.exit-fullscreen-button',
+          originalExitButton,
+        )?.addEventListener('click', () => togglePictureInPicture());
+        player.onDoubleClick_ = () => {};
 
         expandMenu?.addEventListener('mouseleave', mouseLeaveEventListener);
         if (!playerPage?.playerPageOpen_) {
@@ -134,7 +143,9 @@ const listenForToggle = () => {
   });
 };
 
-export const onRendererLoad = async ({ getConfig }: RendererContext<PictureInPicturePluginConfig>) => {
+export const onRendererLoad = async ({
+  getConfig,
+}: RendererContext<PictureInPicturePluginConfig>) => {
   const config = await getConfig();
 
   useNativePiP = config.useNativePiP;
@@ -143,8 +154,8 @@ export const onRendererLoad = async ({ getConfig }: RendererContext<PictureInPic
     const hotkeyEvent = toKeyEvent(config.hotkey);
     window.addEventListener('keydown', (event) => {
       if (
-        keyEventAreEqual(event, hotkeyEvent)
-        && !$<HTMLElement & { opened: boolean }>('ytmusic-search-box')?.opened
+        keyEventAreEqual(event, hotkeyEvent) &&
+        !$<HTMLElement & { opened: boolean }>('ytmusic-search-box')?.opened
       ) {
         togglePictureInPicture();
       }
@@ -155,17 +166,21 @@ export const onRendererLoad = async ({ getConfig }: RendererContext<PictureInPic
 export const onPlayerApiReady = () => {
   listenForToggle();
 
-  cloneButton('.player-minimize-button')?.addEventListener('click', async () => {
-    await togglePictureInPicture();
-    setTimeout(() => $<HTMLButtonElement>('#player')?.click());
-  });
+  cloneButton('.player-minimize-button')?.addEventListener(
+    'click',
+    async () => {
+      await togglePictureInPicture();
+      setTimeout(() => $<HTMLButtonElement>('#player')?.click());
+    },
+  );
 
   // Allows easily closing the menu by programmatically clicking outside of it
   $('#expanding-menu')?.removeAttribute('no-cancel-on-outside-click');
   // TODO: think about wether an additional button in songMenu is needed
   const popupContainer = $('ytmusic-popup-container');
-  if (popupContainer) observer.observe(popupContainer, {
-    childList: true,
-    subtree: true,
-  });
+  if (popupContainer)
+    observer.observe(popupContainer, {
+      childList: true,
+      subtree: true,
+    });
 };

src/plugins/picture-in-picture/templates/picture-in-picture.html

@@ -24,21 +24,21 @@
         xmlns="http://www.w3.org/2000/svg"
         y="0px"
       >
-				<style type="text/css">
-					.st0 {
+        <style type="text/css">
+          .st0 {
             fill: #aaaaaa;
           }
-				</style>
+        </style>
         <g id="XMLID_6_">
-					<path
+          <path
             class="st0"
             d="M418.5,139.4H232.4v139.8h186.1V139.4z M464.8,46.7H46.3C20.5,46.7,0,68.1,0,93.1v325.9
 		c0,25.8,21.4,46.3,46.3,46.3h419.4c25.8,0,46.3-20.5,46.3-46.3V93.1C512,67.2,490.6,46.7,464.8,46.7z M464.8,418.9H46.3V92.2h419.4
 		v326.8H464.8z"
             id="XMLID_11_"
           />
-				</g>
-			</svg>
+        </g>
+      </svg>
     </div>
     <div
       class="text style-scope ytmusic-menu-navigation-item-renderer"