feat: design for queue, add songs, search and more

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

@@ -43,6 +43,7 @@ export const useMusicKit: PlayerSourcePluginInitializer = ( storefront: string =
                 };
 
                 return {
+                    'available': controls.getLoggedIn,
                     'play': controls.play,
                     'pause': controls.pause,
                     'stop': controls.stop,

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

@@ -34,6 +34,10 @@ export const musicKitPlayback = ( musickitInstance: MusicKitInstance ) => {
         return musickitInstance.currentPlaybackDuration;
     };
 
+    const getLoggedIn = (): boolean => {
+        return musickitInstance.isAuthorized;
+    };
+
     return {
         play,
         pause,
@@ -41,6 +45,7 @@ export const musicKitPlayback = ( musickitInstance: MusicKitInstance ) => {
         playSong,
         stop,
         getPlaybackPos,
-        getDuration
+        getDuration,
+        getLoggedIn
     };
 };

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

@@ -7,12 +7,16 @@ import type {
 import {
     openImportTypePicker
 } from '@/composables/importTypePicker';
+import {
+    searchPlaylists
+} from './playlists';
 import {
     searchSongs
 } from './songs';
 
 export const addFromAppleMusic = async ( instance: MusicKitInstance, cb: ( songs: Song[] ) => void ): Promise<void> => {
     const songs = await searchSongs( instance, cb );
+    const playlists = await searchPlaylists( instance, cb );
 
     openImportTypePicker( [
         {
@@ -24,8 +28,8 @@ export const addFromAppleMusic = async ( instance: MusicKitInstance, cb: ( songs
         {
             'name': 'Playlists',
             'type': 'cloud',
-            'addSelected': songs.addSelected,
-            'search': songs.search
+            'addSelected': playlists.addSelected,
+            'search': playlists.search
         }
     ] );
 };

web/src/ts/player/plugins/musickit/search/playlists.ts

@@ -1,17 +1,24 @@
-import type {
-    Song
-} from '@/ts/dtype/playlist';
 import type {
     MusicKitInstance
 } from 'musickitjs-v3-types/MusicKitInstance';
+import type {
+    Song
+} from '@/ts/dtype/playlist';
 
-export const searchPlaylists = async ( instance: MusicKitInstance ) => {
+export const searchPlaylists = async ( instance: MusicKitInstance, cb: ( songs: Song[] ) => void ) => {
     // TODO: Get all playlists
 
-    const search = async () => {};
-
-    const addSelected = async ( idx: number ): Promise<Song[]> => {
-        // TODO: Load the playlist content and return songs
+    const search = async ( term: string ): Promise<Song[]> => {
         return [];
     };
+
+    const addSelected = async ( idx: number ) => {
+        // TODO: Implement
+        cb( [] );
+    };
+
+    return {
+        search,
+        addSelected
+    };
 };