Add files via upload

2026-09-19 04:00:59 -04:00 · 2025-03-23 22:04:07 +11:00
parent f133722899
commit 6c53d973f7
97 changed files with 15625 additions and 0 deletions
@@ -0,0 +1,131 @@
+///////////////
+// PARAMETRS //
+///////////////
+
+const queryString = window.location.search;
+const urlParams = new URLSearchParams(queryString);
+
+const code = urlParams.get("code") || "";
+
+const baseURL = "https://nuttylmao.github.io/spotify-widget-compact";
+const redirect_uri = `${baseURL}/configure`;
+let refresh_token = "";
+let access_token = "";
+let browserSourceURL = "";
+
+
+
+/////////////////////////
+// AUTHORIZATION STUFF //
+/////////////////////////
+
+function RequestAuthorization() {
+    const client_id = document.getElementById("client_id_box").value;
+    const client_secret = document.getElementById("client_secret_box").value;
+    localStorage.setItem("client_id", client_id);
+    localStorage.setItem("client_secret", client_secret);
+
+    let url = "https://accounts.spotify.com/authorize";
+    url += "?client_id=" + client_id;
+    url += "&response_type=code";
+    url += "&redirect_uri=" + encodeURI(redirect_uri);
+    url += "&show_dialog=true";
+    url += "&scope=user-read-private user-read-email user-modify-playback-state user-read-playback-position user-library-read streaming user-read-playback-state user-read-recently-played playlist-read-private";
+    window.location.href = url;
+}
+
+// If there is no code in the query string, direct the user to authorize their account
+if (code != "") {
+    FetchAccessToken(code);
+}
+else {
+    document.getElementById("connectBox").style.display = 'inline';
+}
+
+async function FetchAccessToken(code) {
+    const client_id = localStorage.getItem("client_id");
+    const client_secret = localStorage.getItem("client_secret");
+    console.debug(`Client ID: ${client_id}`);
+    console.debug(`Client Secret: ${client_secret}`);
+
+    let body = "grant_type=authorization_code";
+    body += "&code=" + code;
+    body += "&redirect_uri=" + encodeURI(redirect_uri);
+    body += "&client_id=" + client_id;
+    body += "&client_secret=" + client_secret;
+    console.log(body);
+
+    // Get the current player information from Spotify
+    const response = await fetch("https://accounts.spotify.com/api/token", {
+        method: "POST",
+        headers: {
+            'Authorization': `Basic ${btoa(client_id + ":" + client_secret)}`,
+            'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: body
+    });
+
+    // If we got a response, save the access token
+	if (response.ok)
+    {
+        const responseData = await response.json();
+        console.debug(responseData);
+        refresh_token = responseData.refresh_token;			// Unsure if we need to replace the refresh_token but do it just in case
+        access_token = responseData.access_token;			// Save access token for all future API calls
+
+        browserSourceURL = `${baseURL}?client_id=${client_id}&client_secret=${client_secret}&refresh_token=${refresh_token}`;
+        document.getElementById("authorizationBox").style.display = 'inline';
+    }
+    else
+    {
+        console.error(`${response.status}`);
+    }
+}
+
+
+
+///////////////////////////
+// BUTTON CLICK HANDLERS //
+///////////////////////////
+
+const clientIdBox = document.getElementById('client_id_box');
+const clientSecretBox = document.getElementById('client_secret_box');
+const authorizeButton = document.getElementById('authorizeButton');
+
+// Function to check if either input is empty
+function checkInputs() {
+    if (clientIdBox.value.trim() === '' || clientSecretBox.value.trim() === '') {
+        authorizeButton.disabled = true;    // Disable the button
+    } else {
+        authorizeButton.disabled = false;   // Enable the button
+    }
+}
+
+// Listen for changes in the input boxes
+clientIdBox.addEventListener('input', checkInputs);
+clientSecretBox.addEventListener('input', checkInputs);
+
+// Initial check when the page loads, just in case
+checkInputs();
+
+function CopyToURL() {
+    navigator.clipboard.writeText(browserSourceURL);
+
+    document.getElementById("copyURLButton").innerText = "Copied to clipboard";
+    document.getElementById("copyURLButton").style.backgroundColor = "#00dd63"
+    document.getElementById("copyURLButton").style.color = "#ffffff";
+
+    setTimeout(() => {
+        document.getElementById("copyURLButton").innerText = "Click to copy URL";
+        document.getElementById("copyURLButton").style.backgroundColor = "#ffffff";
+        document.getElementById("copyURLButton").style.color = "#181818";
+    }, 3000);
+}
+
+function OpenInstructions() {
+    window.open("https://nuttylmao.notion.site/Spotify-Widget-Compact-Edition-1ac19969b23780ae8c63c4472db0ee6b", '_blank').focus();
+}
+
+function OpenDonationPage() {
+    window.open("http://nutty.gg/pages/donate", '_blank').focus();
+}