refactor!: use plugin-based system for sources

web/src/ts/player/plugins/musickit/index.ts

@@ -0,0 +1,71 @@
+import 'musickitjs-v3-types';
+import type {
+    PlayerSourcePlugin,
+    PlayerSourcePluginInitializer
+} from '../interface';
+import {
+    musicKitPlayback
+} from './playback';
+
+export const useMusicKit: PlayerSourcePluginInitializer = ( storefront: string = 'ch' ): Promise<PlayerSourcePlugin> => {
+    return new Promise( ( resolve, reject ) => {
+        const init = async ( storefront: string ): Promise<PlayerSourcePlugin> => {
+            const res = await fetch( import.meta.env.VITE_BACKEND_URL + '/', {
+                'credentials': 'include'
+            } );
+
+            if ( res.status === 200 ) {
+                const token = await res.text();
+                const instance = await window.MusicKit.configure( {
+                    'developerToken': token,
+                    'app': {
+                        'name': 'MusicPlayer',
+                        'build': '4',
+                        'icon': 'https://music.janishutz.com/logo.jpg'
+                    },
+                    'storefrontId': storefront.toUpperCase()
+                } );
+                const controls = musicKitPlayback( instance );
+
+                const login = async (): Promise<boolean> => {
+                    try {
+                        await instance.authorize();
+
+                        return true;
+                    } catch {
+                        return false;
+                    }
+                };
+
+                return {
+                    'play': controls.play,
+                    'pause': controls.pause,
+                    'stop': controls.stop,
+                    'playSong': controls.playSong,
+                    'getDuration': controls.getDuration,
+                    'getPlaybackPos': controls.getPlaybackPos,
+                    'id': 'applemusic',
+                    'name': 'Apple Music',
+                    'seekTo': controls.seekTo,
+                    'login': login,
+                    // TODO: Implement
+                    'addSongsFromThisSource': async () => []
+                };
+            } else {
+                throw new Error( 'ERR_AUTH' );
+            }
+        };
+
+        if ( !window.MusicKit ) {
+            document.addEventListener( 'musickitloaded', () => {
+                init( storefront )
+                    .then( resolve )
+                    .catch( reject );
+            } );
+        } else {
+            init( storefront )
+                .then( resolve )
+                .catch( reject );
+        }
+    } );
+};

web/src/ts/player/plugins/musickit/playback.ts

@@ -0,0 +1,46 @@
+import type {
+    MusicKitInstance
+} from 'musickitjs-v3-types/MusicKitInstance';
+
+export const musicKitPlayback = ( musickitInstance: MusicKitInstance ) => {
+    const play = () => {
+        musickitInstance.play();
+    };
+
+    const pause = () => {
+        musickitInstance.pause();
+    };
+
+    const seekTo = ( pos: number ) => {
+        musickitInstance.seekToTime( pos * musickitInstance.currentPlaybackDuration );
+    };
+
+    const playSong = async ( id: string ) => {
+        await musickitInstance.setQueue( {
+            'song': id
+        } );
+        musickitInstance.play();
+    };
+
+    const stop = () => {
+        musickitInstance.stop();
+    };
+
+    const getPlaybackPos = (): number => {
+        return musickitInstance.currentPlaybackProgress;
+    };
+
+    const getDuration = (): number => {
+        return musickitInstance.currentPlaybackDuration;
+    };
+
+    return {
+        play,
+        pause,
+        seekTo,
+        playSong,
+        stop,
+        getPlaybackPos,
+        getDuration
+    };
+};