Fixed data fetch issue with artist names + jquery

Author: dev-sda1

client/page.js

@@ -3,15 +3,17 @@
 //  Use this on a website that is lucky enough to not use a javascript powered framework 
 //  for a personal-website frontend
 
+//  Make sure you import jquery before using this!
+
+//  Use this on a website that is lucky enough to not use a javascript powered framework 
+//  for a personal-website frontend
+
 $.ajax({
     url: 'https://yourweb.site/api/currentplaying',
     type: 'get',
     dataType: 'JSON',
     success: function(resp){
-        //console.log("DONE!");
-        //console.log(resp['trackname']);
-        //console.log(resp['author']);
-        //console.log(resp);
+
         if(resp['playing'] == true){
             //console.log(resp['url']);
             //console.log(resp['playing']);
@@ -20,16 +22,28 @@ $.ajax({
 
             a.className += " show";
             var songName = resp['trackname'];
-		var artists = resp['author'];
             var albumTitle = resp['albumtitle'];
             var albumArtURL = resp['albumart'];
+            var authors = "";
+
+            //Getting Author(s)
+            if (resp.urls.artists.length > 1) {
+                for (i = 0; i < resp.urls.artists.length; i++) {
+                    //authors[i] = {"name": data.body.item.artists[i].name, "url": data.body.item.artists[i].external_urls.spotify};
+                    authors += resp.urls.artists[i].name + ", ";
+                }
+            } else {
+                authors += resp.urls.artists[0].name
+            }
 
             $(songname).text(songName);
-            $(songartists).text("by "+artists);
+            $(songartists).text("by " + authors);
             $(album).text("on "+albumTitle)
-            $(spotifyURL).attr("href", resp['url']);
+            $(albumURL).attr("href", resp.urls.albumURL)
+            //$(albumURL).attr("href", "#") // Needs to be replaced with new api responses in future.
+            $(songURL).attr("href", resp.urls.trackURL);
             $(albumart).attr("src", albumArtURL)
 
         }
     }
-})
+})

server/app.js

@@ -4,6 +4,13 @@
 // GitHub Repo: https://github.com/dev-sda1/spotify-web-presence
 
 // Changelog
+// 1.0.1 [8/7/2021]
+// - Made data fetching for the artist dataset easier by adding names
+//   into their own seperate value.
+// 
+// - Fixed the client jQuery example not replicating the new output
+//   formats.
+//
 // 1.0 [6/7/2021]
 // - First Major Version!!11
 // - Added album URLs to JSON output
@@ -75,16 +82,16 @@ function getPlaying(req, res) {
             }
 
             var artists = "";
-            var authors = {};
+            var authors = [];
             var i;
 
             try {
                 if (data.body.item.artists.length > 1) {
                     for (i = 0; i < data.body.item.artists.length; i++) {
-                        authors[data.body.item.artists[i].name] = data.body.item.artists[i].external_urls.spotify;
+                        authors[i] = {"name": data.body.item.artists[i].name, "url": data.body.item.artists[i].external_urls.spotify};
                     }
                 } else {
-                    authors[data.body.item.artists[0]['name']] = data.body.item.artists[0].external_urls.spotify;
+                    authors[0] = {"name": data.body.item.artists[0].name, "url": data.body.item.artists[0].external_urls.spotify};
                 }
 
                 res.json({