changed New Releases to My Liked Songs due to the first endpoint not existing anymore, updated wrapper calls to reflect latest Spotify API changes

Author: ntanis-dev

README.md

@@ -123,8 +123,8 @@ You are able to configure the behavior of some of them via their settings.
   - Push: Play
   - Touch: Play
   - Long Touch: Refresh  
-- **New Releases**\
-  Navigate and play through your personalized new releases.
+- **My Liked Songs**\
+  Navigate and play through your liked songs.
 
   - Rotate: Navigate  
   - Push: Play

com.ntanis.essentials-for-spotify.sdPlugin/manifest.json

@@ -502,10 +502,10 @@
 			}
 		},
 		{
-			"Name": "New Releases",
-			"UUID": "com.ntanis.essentials-for-spotify.new-releases-dial",
+			"Name": "My Liked Songs",
+			"UUID": "com.ntanis.essentials-for-spotify.my-liked-songs-dial",
 			"Icon": "images/actions/items",
-			"Tooltip": "Navigate and play through your personalized new releases.",
+			"Tooltip": "Navigate and play through your liked songs.",
 			"Controllers": [
 				"Encoder"
 			],

src/actions/new-releases-dial.ts src/actions/my-liked-songs-dial.tssrc/actions/new-releases-dial.ts renamed to src/actions/my-liked-songs-dial.ts

@@ -6,13 +6,13 @@ import ItemsDial from './items-dial.js'
 
 import wrapper from './../library/wrapper.js'
 
-@action({ UUID: 'com.ntanis.essentials-for-spotify.new-releases-dial' })
-export default class NewReleasesDial extends ItemsDial {
+@action({ UUID: 'com.ntanis.essentials-for-spotify.my-liked-songs-dial' })
+export default class MyLikedSongs extends ItemsDial {
 	constructor() {
 		super('layouts/items-layout.json', 'images/icons/items.png')
 	}
 
 	async fetchItems(page: number) {
-		return await wrapper.getNewReleases(page)
+		return await wrapper.getUserLikedSongs(page)
 	}
 }

src/library/actions.js

@@ -24,7 +24,7 @@ import UserInformationButton from './../actions/user-information-button'
 import VolumeControlDial from './../actions/volume-control-dial'
 import PlaybackControlDial from './../actions/playback-control-dial'
 import MyPlaylistsDial from './../actions/my-playlists-dial'
-import NewReleasesDial from '../actions/new-releases-dial'
+import MyLikedSongsDial from '../actions/my-liked-songs-dial'
 import AddToPlaylistButton from './../actions/add-to-playlist-button'
 
 export default {
@@ -54,7 +54,7 @@ export default {
 		StreamDeck.actions.registerAction(new VolumeControlDial())
 		StreamDeck.actions.registerAction(new PlaybackControlDial())
 		StreamDeck.actions.registerAction(new MyPlaylistsDial())
-		StreamDeck.actions.registerAction(new NewReleasesDial())
+		StreamDeck.actions.registerAction(new MyLikedSongsDial())
 		StreamDeck.actions.registerAction(new AddToPlaylistButton())
 	}
 }

src/library/wrapper.js

@@ -188,7 +188,7 @@ class Wrapper extends EventEmitter {
 
 			this.#setSong(response?.item ? {
 				item: response.item,
-				liked: response.item.id ? (await connector.callSpotifyApi(`me/tracks/contains?ids=${response.item.id}`))[0] : false,
+				liked: response.item.id ? (await connector.callSpotifyApi(`me/library/contains?uris=${encodeURIComponent(response.item.uri)}`))[0] : false,
 				progress: response.progress_ms
 			} : null)
 
@@ -799,7 +799,7 @@ class Wrapper extends EventEmitter {
 
 	async likeSong(song) {
 		return this.#wrapCall(async () => {
-			await connector.callSpotifyApi(`me/tracks?ids=${song.item.id}`, {
+			await connector.callSpotifyApi(`me/library?uris=${encodeURIComponent(song.item.uri)}`, {
 				method: 'PUT'
 			})
 
@@ -840,7 +840,7 @@ class Wrapper extends EventEmitter {
 
 	async unlikeSong(song) {
 		return this.#wrapCall(async () => {
-			await connector.callSpotifyApi(`me/tracks?ids=${song.item.id}`, {
+			await connector.callSpotifyApi(`me/library?uris=${encodeURIComponent(song.item.uri)}`, {
 				method: 'DELETE'
 			})
 
@@ -865,13 +865,11 @@ class Wrapper extends EventEmitter {
 
 	async addSongToPlaylist(playlistId, trackUri) {
 		return this.#wrapCall(async () => {
-			if (playlistId === 'tracks') {
-				const trackId = trackUri.split(':')[2]
-
-				await connector.callSpotifyApi(`me/tracks?ids=${trackId}`, {
+			if (playlistId === 'tracks')
+				await connector.callSpotifyApi(`me/library?uris=${encodeURIComponent(trackUri)}`, {
 					method: 'PUT'
 				})
-			} else {
+			else {
 				await connector.callSpotifyApi(`playlists/${playlistId}/tracks`, {
 					method: 'POST',
 
@@ -916,7 +914,7 @@ class Wrapper extends EventEmitter {
 
 	async getPlaylists(page = 1) {
 		return this.#wrapCall(async () => {
-			const tracks = await connector.callSpotifyApi(`me/tracks?limit=1&offset=0`)
+			const tracks = await connector.callSpotifyApi('me/tracks?limit=1&offset=0')
 			const playlists = await connector.callSpotifyApi(`me/playlists?limit=${constants.WRAPPER_ITEMS_PER_PAGE}&offset=${(page - 1) * constants.WRAPPER_ITEMS_PER_PAGE}`)
 
 			return {
@@ -939,14 +937,14 @@ class Wrapper extends EventEmitter {
 					images: playlist.images
 				}))),
 
-				total: playlists.total
+				total: playlists.total + (tracks.total > 0 ? 1 : 0)
 			}
 		}, true)
 	}
 
 	async getUserPlaylists(page = 1) {
 		return this.#wrapCall(async () => {
-			const tracks = await connector.callSpotifyApi(`me/tracks?limit=1&offset=0`)
+			const tracks = await connector.callSpotifyApi('me/tracks?limit=1&offset=0')
 			const playlists = await connector.callSpotifyApi(`me/playlists?limit=${constants.WRAPPER_ITEMS_PER_PAGE}&offset=${(page - 1) * constants.WRAPPER_ITEMS_PER_PAGE}`)
 
 			return {
@@ -971,37 +969,22 @@ class Wrapper extends EventEmitter {
 					collaborative: playlist.collaborative
 				}))),
 
-				total: playlists.total
-			}
-		}, true)
-	}
-
-	async getCurrentTrack() {
-		return this.#wrapCall(async () => {
-			const response = await connector.callSpotifyApi('me/player/currently-playing', undefined, [constants.API_EMPTY_RESPONSE])
-
-			if (response === constants.API_EMPTY_RESPONSE || !response?.item)
-				return null
-
-			return {
-				id: response.item.id,
-				uri: response.item.uri,
-				name: response.item.name
+				total: playlists.total + (tracks.total > 0 ? 1 : 0)
 			}
 		}, true)
 	}
 
-	async getNewReleases(page = 1) {
+	async getUserLikedSongs(page = 1) {
 		return this.#wrapCall(async () => {
-			const response = await connector.callSpotifyApi(`browse/new-releases?limit=${constants.WRAPPER_ITEMS_PER_PAGE}&offset=${(page - 1) * constants.WRAPPER_ITEMS_PER_PAGE}`)
+			const tracks = await connector.callSpotifyApi(`me/tracks?limit=${constants.WRAPPER_ITEMS_PER_PAGE}&offset=${(page - 1) * constants.WRAPPER_ITEMS_PER_PAGE}`)
 
 			return {
 				status: constants.WRAPPER_RESPONSE_SUCCESS,
 
-				items: response.albums.items.map(item => {
+				items: tracks.items.map(item => {
 					let extra = ''
 
-					switch (item.album_type) {
+					switch (item.track.album.album_type) {
 						case 'album':
 							extra = '💿'
 							break
@@ -1020,15 +1003,30 @@ class Wrapper extends EventEmitter {
 					}
 
 					return {
-						id: item.id,
-						type: 'album',
+						id: item.track.id,
+						type: 'track',
 						extra,
-						name: `${item.name} - ${item.artists.map(artist => artist.name).join(', ')}`,
-						images: item.images
+						name: `${item.track.name} - ${item.track.artists.map(artist => artist.name).join(', ')}`,
+						images: item.track.album.images
 					}
 				}),
 
-				total: response.albums.total
+				total: tracks.total
+			}
+		}, true)
+	}
+
+	async getCurrentTrack() {
+		return this.#wrapCall(async () => {
+			const response = await connector.callSpotifyApi('me/player/currently-playing', undefined, [constants.API_EMPTY_RESPONSE])
+
+			if (response === constants.API_EMPTY_RESPONSE || !response?.item)
+				return null
+
+			return {
+				id: response.item.id,
+				uri: response.item.uri,
+				name: response.item.name
 			}
 		}, true)
 	}