feat: migrate to new plugin api

Co-authored-by: Su-Yong <simssy2205@gmail.com>

src/plugins/taskbar-mediacontrol/index.ts

@@ -0,0 +1,17 @@
+import { createPluginBuilder } from '../utils/builder';
+
+const builder = createPluginBuilder('taskbar-mediacontrol', {
+  name: 'Taskbar Media Control',
+  restartNeeded: true,
+  config: {
+    enabled: false,
+  },
+});
+
+export default builder;
+
+declare global {
+  interface PluginBuilderList {
+    [builder.id]: typeof builder;
+  }
+}

src/plugins/taskbar-mediacontrol/main.ts

@@ -1,5 +1,7 @@
 import { BrowserWindow, nativeImage } from 'electron';
 
+import builder from './index';
+
 import getSongControls from '../../providers/song-controls';
 import registerCallback, { SongInfo } from '../../providers/song-info';
 import { mediaIcons } from '../../types/media-icons';
@@ -9,67 +11,71 @@ import pauseIcon from '../../../assets/media-icons-black/pause.png?asset&asarUnp
 import nextIcon from '../../../assets/media-icons-black/next.png?asset&asarUnpack';
 import previousIcon from '../../../assets/media-icons-black/previous.png?asset&asarUnpack';
 
-export default (win: BrowserWindow) => {
-  let currentSongInfo: SongInfo;
+export default builder.createMain(() => {
+  return {
+    onLoad(win) {
+      let currentSongInfo: SongInfo;
 
-  const { playPause, next, previous } = getSongControls(win);
+      const { playPause, next, previous } = getSongControls(win);
 
-  const setThumbar = (win: BrowserWindow, songInfo: SongInfo) => {
-    // Wait for song to start before setting thumbar
-    if (!songInfo?.title) {
-      return;
-    }
+      const setThumbar = (win: BrowserWindow, songInfo: SongInfo) => {
+        // Wait for song to start before setting thumbar
+        if (!songInfo?.title) {
+          return;
+        }
 
-    // Win32 require full rewrite of components
-    win.setThumbarButtons([
-      {
-        tooltip: 'Previous',
-        icon: nativeImage.createFromPath(get('previous')),
-        click() {
-          previous();
-        },
-      }, {
-        tooltip: 'Play/Pause',
-        // Update icon based on play state
-        icon: nativeImage.createFromPath(songInfo.isPaused ? get('play') : get('pause')),
-        click() {
-          playPause();
-        },
-      }, {
-        tooltip: 'Next',
-        icon: nativeImage.createFromPath(get('next')),
-        click() {
-          next();
-        },
-      },
-    ]);
-  };
+        // Win32 require full rewrite of components
+        win.setThumbarButtons([
+          {
+            tooltip: 'Previous',
+            icon: nativeImage.createFromPath(get('previous')),
+            click() {
+              previous();
+            },
+          }, {
+            tooltip: 'Play/Pause',
+            // Update icon based on play state
+            icon: nativeImage.createFromPath(songInfo.isPaused ? get('play') : get('pause')),
+            click() {
+              playPause();
+            },
+          }, {
+            tooltip: 'Next',
+            icon: nativeImage.createFromPath(get('next')),
+            click() {
+              next();
+            },
+          },
+        ]);
+      };
 
-  // Util
-  const get = (kind: keyof typeof mediaIcons): string => {
-    switch (kind) {
-      case 'play':
-        return playIcon;
-      case 'pause':
-        return pauseIcon;
-      case 'next':
-        return nextIcon;
-      case 'previous':
-        return previousIcon;
-      default:
-        return '';
+      // Util
+      const get = (kind: keyof typeof mediaIcons): string => {
+        switch (kind) {
+          case 'play':
+            return playIcon;
+          case 'pause':
+            return pauseIcon;
+          case 'next':
+            return nextIcon;
+          case 'previous':
+            return previousIcon;
+          default:
+            return '';
+        }
+      };
+
+      registerCallback((songInfo) => {
+        // Update currentsonginfo for win.on('show')
+        currentSongInfo = songInfo;
+        // Update thumbar
+        setThumbar(win, songInfo);
+      });
+
+      // Need to set thumbar again after win.show
+      win.on('show', () => {
+        setThumbar(win, currentSongInfo);
+      });
     }
   };
-
-  registerCallback((songInfo) => {
-    // Update currentsonginfo for win.on('show')
-    currentSongInfo = songInfo;
-    // Update thumbar
-    setThumbar(win, songInfo);
-  });
-
-  // Need to set thumbar again after win.show
-  win.on('show', () => {
-    setThumbar(win, currentSongInfo);
-  });
-};
+});