- playing around with the spotify API

Author: TobiasMue91

tools/spotify_test.html

@@ -144,20 +144,68 @@
         return hashParams;
     }
 
-    async function getPlaylistTracks(playlistUrl) {
-        const playlistId = playlistUrl.split('/playlist/')[1].split('?')[0];
-        const response = await fetch(`https://api.spotify.com/v1/playlists/${playlistId}/tracks`, {
-            headers: {
-                'Authorization': `Bearer ${localStorage.getItem('spotify_access_token')}`
+    async function getPlaylistTracks(input) {
+        // Check if input is a playlist URL
+        if (input.includes('spotify.com/playlist/')) {
+            const playlistId = input.split('/playlist/')[1]?.split('?')[0];
+            if (!playlistId) {
+                throw new Error('Invalid playlist URL format');
             }
-        });
-        const data = await response.json();
-        return data.items.map(item => ({
-            id: item.track.id,
-            name: item.track.name,
-            artist: item.track.artists[0].name,
-            year: item.track.album.release_date.split('-')[0]
-        }));
+
+            const response = await fetch(`https://api.spotify.com/v1/playlists/${playlistId}/tracks`, {
+                headers: {
+                    'Authorization': `Bearer ${localStorage.getItem('spotify_access_token')}`
+                }
+            });
+
+            if (!response.ok) {
+                throw new Error('Failed to fetch playlist data');
+            }
+
+            const data = await response.json();
+            return data.items.map(item => ({
+                id: item.track.id,
+                name: item.track.name,
+                artist: item.track.artists[0].name,
+                year: item.track.album.release_date.split('-')[0]
+            }));
+        }
+        // Handle direct track URLs input
+        else {
+            const trackUrls = input.split('\n').filter(url => url.trim());
+            const tracks = [];
+
+            for (const url of trackUrls) {
+                if (!url.includes('spotify.com/track/')) {
+                    continue;
+                }
+
+                const trackId = url.split('/track/')[1]?.split('?')[0];
+                if (!trackId) {
+                    continue;
+                }
+
+                const response = await fetch(`https://api.spotify.com/v1/tracks/${trackId}`, {
+                    headers: {
+                        'Authorization': `Bearer ${localStorage.getItem('spotify_access_token')}`
+                    }
+                });
+
+                if (!response.ok) {
+                    continue;
+                }
+
+                const track = await response.json();
+                tracks.push({
+                    id: track.id,
+                    name: track.name,
+                    artist: track.artists[0].name,
+                    year: track.album.release_date.split('-')[0]
+                });
+            }
+
+            return tracks;
+        }
     }
 
     function createQRCard(track) {
@@ -186,11 +234,21 @@ <h3 class="text-xl font-bold">${track.name}</h3>
     }
 
     async function createQRCodesFromPlaylist() {
-        const playlistUrl = prompt("Enter Spotify playlist URL:");
-        if (!playlistUrl) return;
+        const input = prompt(
+            "Enter either:\n" +
+            "1. Spotify playlist URL (e.g., https://open.spotify.com/playlist/...)\n" +
+            "2. List of Spotify track URLs (one per line)"
+        );
+
+        if (!input) return;
 
         try {
-            const tracks = await getPlaylistTracks(playlistUrl);
+            const tracks = await getPlaylistTracks(input);
+
+            if (tracks.length === 0) {
+                throw new Error('No valid tracks found');
+            }
+
             const printArea = document.getElementById('printArea');
             printArea.innerHTML = '';
 
@@ -200,7 +258,7 @@ <h3 class="text-xl font-bold">${track.name}</h3>
 
             window.print();
         } catch (error) {
-            alert('Error processing playlist: ' + error.message);
+            alert('Error processing tracks: ' + error.message);
         }
     }