feat(disable-autoplay): add apply once, resolve #9

config/defaults.ts

@@ -113,6 +113,9 @@ const defaultConfig = {
     'lyric-genius': {
       romanizedLyrics: false,
     },
+    'disable-autoplay': {
+      applyOnce: false,
+    },
     'discord': {
       enabled: false,
       autoReconnect: true, // If enabled, will try to reconnect to discord every 5 seconds after disconnecting or failing to connect

plugins/disable-autoplay/front.ts

@@ -1,18 +1,23 @@
-export default () => {
+import type { ConfigType } from '../../config/dynamic';
+
+export default (options: ConfigType<'disable-autoplay'>) => {
   const timeUpdateListener = (e: Event) => {
     if (e.target instanceof HTMLVideoElement) {
       e.target.pause();
     }
   };
 
   document.addEventListener('apiLoaded', (apiEvent) => {
-    apiEvent.detail.addEventListener('videodatachange', (name: string) => {
+    const eventListener = (name: string) => {
+      if (options.applyOnce) {
+        apiEvent.detail.removeEventListener('videodatachange', eventListener);
+      }
+
       if (name === 'dataloaded') {
         apiEvent.detail.pauseVideo();
-        document.querySelector<HTMLVideoElement>('video')?.addEventListener('timeupdate', timeUpdateListener);
-      } else {
-        document.querySelector<HTMLVideoElement>('video')?.removeEventListener('timeupdate', timeUpdateListener);
+        document.querySelector<HTMLVideoElement>('video')?.addEventListener('timeupdate', timeUpdateListener, { once: true });
       }
-    });
+    };
+    apiEvent.detail.addEventListener('videodatachange', eventListener);
   }, { once: true, passive: true });
 };

plugins/disable-autoplay/menu.ts

@@ -0,0 +1,20 @@
+import { BrowserWindow } from 'electron';
+
+import { setMenuOptions } from '../../config/plugins';
+
+import { MenuTemplate } from '../../menu';
+
+import type { ConfigType } from '../../config/dynamic';
+
+export default (_: BrowserWindow, options: ConfigType<'disable-autoplay'>): MenuTemplate => [
+  {
+    label: 'Applies only on startup',
+    type: 'checkbox',
+    checked: options.applyOnce,
+    click() {
+      setMenuOptions('disable-autoplay', {
+        applyOnce: !options.applyOnce,
+      });
+    }
+  }
+];