alex/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add auto refresh for spotify widget

Browse Source
This commit is contained in:
awex 3
2022-04-30 09:12:00 -04:00
parent dce6ae2082
commit 35c57dcc8d
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/spotifyWidget.js
+7 -2
View File
@@ -2,9 +2,14 @@ async function getState() {
const data = await fetch("https://api.thatalex.dev/v0/web/spotify/player/state", { const data = await fetch("https://api.thatalex.dev/v0/web/spotify/player/state", {
method: "GET" method: "GET"
}).then(response => response.json()) }).then(response => response.json())
.catch(function(response) { .catch(async function(response) {
console.log(`Uh oh, a little fucky wucky owo occurred\n\n${response}`) const d = await response.json();
if (response.status == 401 && d.message == "Access Token was invalid. Token was refreshed & next request should succeed.") {
location.reload();
} else if (response.status != 200 || response.status != 204) {
console.log(`Uh oh, a little fucky wucky owo occurred\n\n${d}`)
document.getElementById("songContent").innerHTML = `<p style="color:red;">Uh oh! There was an error fetching song content.<br>The API may be temporarily down.</p>` document.getElementById("songContent").innerHTML = `<p style="color:red;">Uh oh! There was an error fetching song content.<br>The API may be temporarily down.</p>`
}
}); });
if(data.playing) document.getElementById("songContent").innerHTML = `<p><strong>${data.data.songData.songName}</strong> by <strong>${data.data.songData.artists[0].name}</strong> at <strong>${data.data.device.volume}%</strong> volume.` if(data.playing) document.getElementById("songContent").innerHTML = `<p><strong>${data.data.songData.songName}</strong> by <strong>${data.data.songData.artists[0].name}</strong> at <strong>${data.data.device.volume}%</strong> volume.`