☰

SoundCloud Direct Downloader

Integrate a download button for SoundCloud tracks and open original cover art.

  1. // ==UserScript==
  2. // @name         SoundCloud Direct Downloader
  3. // @description  Integrate a download button for SoundCloud tracks and open original cover art.
  4. // @icon         https://www.google.com/s2/favicons?sz=64&domain=soundcloud.com
  5. // @version      1.3
  6. // @author       afkarxyz
  7. // @namespace    https://github.com/afkarxyz/userscripts/
  8. // @supportURL   https://github.com/afkarxyz/userscripts/issues
  9. // @license      MIT
  10. // @match        https://soundcloud.com/*
  11. // @grant        GM.xmlHttpRequest
  12. // @grant        GM_xmlhttpRequest
  13. // @connect      c.blahaj.ca
  14. // @connect      dwnld.nichind.dev
  15. // @connect      soundcloud.com
  16. // @require      https://cdn.jsdelivr.net/npm/browser-id3-writer@4.4.0/dist/browser-id3-writer.min.js
  17. // ==/UserScript==
  18.  
  19. (function() {
  20.     'use strict';
  21.  
  22.     const PRIMARY_API_ENDPOINT = "https://c.blahaj.ca/";
  23.     const FALLBACK_API_ENDPOINT = "https://dwnld.nichind.dev/";
  24.  
  25.     function isDiscoverPage() {
  26.         return window.location.pathname === '/discover';
  27.     }
  28.  
  29.     function isSetUrl(url) {
  30.         return /\/[^\/]+\/sets\//.test(url);
  31.     }
  32.  
  33.     function isSetUrlForListenArtwork(url) {
  34.         return /\/sets\//.test(url) && !url.includes('?in=');
  35.     }
  36.  
  37.     function createSvgElement(color, size = 16) {
  38.         const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
  39.         svgElement.setAttribute("viewBox", "0 0 448 512");
  40.         svgElement.setAttribute("width", size.toString());
  41.         svgElement.setAttribute("height", size.toString());
  42.         svgElement.style.transition = "0.2s";
  43.         svgElement.style.fill = color;
  44.  
  45.         const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
  46.         path.setAttribute("d", "M378.1 198.6L249.5 341.4c-6.1 6.7-14.7 10.6-23.8 10.6l-3.5 0c-9.1 0-17.7-3.8-23.8-10.6L69.9 198.6c-3.8-4.2-5.9-9.8-5.9-15.5C64 170.4 74.4 160 87.1 160l72.9 0 0-128c0-17.7 14.3-32 32-32l64 0c17.7 0 32 14.3 32 32l0 128 72.9 0c12.8 0 23.1 10.4 23.1 23.1c0 5.7-2.1 11.2-5.9 15.5zM64 352l0 64c0 17.7 14.3 32 32 32l256 0c17.7 0 32-14.3 32-32l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 64c0 53-43 96-96 96L96 512c-53 0-96-43-96-96l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32z");
  47.         svgElement.appendChild(path);
  48.  
  49.         return svgElement;
  50.     }
  51.  
  52.     function addDownloadIcon() {
  53.         if (isDiscoverPage()) return;
  54.  
  55.         const volumeControl = document.querySelector('.playControls__volume');
  56.         if (!volumeControl || document.querySelector('.playControls__cobalt')) return;
  57.  
  58.         const iconWrapper = document.createElement('div');
  59.         iconWrapper.className = 'playControls__cobalt playControls__control';
  60.         iconWrapper.style.cssText = `
  61.             display: flex;
  62.             align-items: center;
  63.             justify-content: center;
  64.             width: 24px;
  65.             height: 24px;
  66.             cursor: pointer;
  67.         `;
  68.  
  69.         const svgElement = createSvgElement("#333", 16);
  70.         iconWrapper.appendChild(svgElement);
  71.         volumeControl.parentNode.insertBefore(iconWrapper, volumeControl.nextSibling);
  72.  
  73.         iconWrapper.addEventListener('click', (e) => {
  74.             e.preventDefault();
  75.             e.stopPropagation();
  76.             handleDownload(svgElement);
  77.         });
  78.  
  79.         iconWrapper.addEventListener('mouseenter', () => {
  80.             svgElement.style.fill = "#f50";
  81.         });
  82.  
  83.         iconWrapper.addEventListener('mouseleave', () => {
  84.             svgElement.style.fill = "#333";
  85.         });
  86.     }
  87.  
  88.     function addDownloadIconToTiles() {
  89.         if (isDiscoverPage()) return;
  90.  
  91.         const tiles = document.querySelectorAll('.playableTile__artwork');
  92.         tiles.forEach(tile => {
  93.             if (!tile.querySelector('.playableTile__cobalt')) {
  94.                 const artworkLink = tile.querySelector('.playableTile__artworkLink');
  95.                 if (artworkLink) {
  96.                     const href = artworkLink.getAttribute('href');
  97.                     if (isSetUrl(href)) return;
  98.  
  99.                     const iconWrapper = document.createElement('div');
  100.                     iconWrapper.className = 'playableTile__cobalt';
  101.                     iconWrapper.style.cssText = `
  102.                         position: absolute;
  103.                         top: 8px;
  104.                         right: 8px;
  105.                         z-index: 3;
  106.                         cursor: pointer;
  107.                         padding: 4px;
  108.                         background-color: rgba(0, 0, 0, 0.9);
  109.                         border-radius: 4px;
  110.                     `;
  111.  
  112.                     const svgElement = createSvgElement("#ffffff", 14);
  113.                     iconWrapper.appendChild(svgElement);
  114.                     tile.appendChild(iconWrapper);
  115.  
  116.                     iconWrapper.addEventListener('click', (e) => {
  117.                         e.preventDefault();
  118.                         e.stopPropagation();
  119.                         const artworkLink = tile.querySelector('.playableTile__artworkLink');
  120.                         if (artworkLink) {
  121.                             const href = artworkLink.getAttribute('href');
  122.                             const trackUrl = href.startsWith('http') ? href : `https://soundcloud.com${href}`;
  123.                             handleDownload(svgElement, trackUrl);
  124.                         }
  125.                     });
  126.  
  127.                     iconWrapper.addEventListener('mouseenter', () => {
  128.                         svgElement.style.fill = "#f50";
  129.                     });
  130.  
  131.                     iconWrapper.addEventListener('mouseleave', () => {
  132.                         svgElement.style.fill = "#ffffff";
  133.                     });
  134.                 }
  135.             }
  136.         });
  137.     }
  138.  
  139.     function addDownloadIconToSoundCoverArt() {
  140.         if (isDiscoverPage()) return;
  141.  
  142.         const coverArts = document.querySelectorAll('.sound__coverArt');
  143.         coverArts.forEach(coverArt => {
  144.             if (!coverArt.querySelector('.sound__coverArt__cobalt')) {
  145.                 const href = coverArt.getAttribute('href');
  146.                 if (isSetUrl(href)) return;
  147.  
  148.                 const iconWrapper = document.createElement('div');
  149.                 iconWrapper.className = 'sound__coverArt__cobalt';
  150.                 iconWrapper.style.cssText = `
  151.                     position: absolute;
  152.                     top: 8px;
  153.                     right: 8px;
  154.                     z-index: 3;
  155.                     cursor: pointer;
  156.                     padding: 4px;
  157.                     background-color: rgba(0, 0, 0, 0.9);
  158.                     border-radius: 4px;
  159.                 `;
  160.  
  161.                 const svgElement = createSvgElement("#ffffff", 14);
  162.                 iconWrapper.appendChild(svgElement);
  163.                 coverArt.appendChild(iconWrapper);
  164.  
  165.                 iconWrapper.addEventListener('click', (e) => {
  166.                     e.preventDefault();
  167.                     e.stopPropagation();
  168.                     const href = coverArt.getAttribute('href');
  169.                     const trackUrl = href.startsWith('http') ? href : `https://soundcloud.com${href}`;
  170.                     handleDownload(svgElement, trackUrl);
  171.                 });
  172.  
  173.                 iconWrapper.addEventListener('mouseenter', () => {
  174.                     svgElement.style.fill = "#f50";
  175.                 });
  176.  
  177.                 iconWrapper.addEventListener('mouseleave', () => {
  178.                     svgElement.style.fill = "#ffffff";
  179.                 });
  180.             }
  181.         });
  182.     }
  183.  
  184.     function addDownloadIconToListenArtwork() {
  185.         if (isDiscoverPage()) return;
  186.  
  187.         const artworkWrapper = document.querySelector('.listenArtworkWrapper__artwork');
  188.         if (!artworkWrapper) return;
  189.  
  190.         const isSetUrl = isSetUrlForListenArtwork(window.location.href);
  191.         const hasDownloadButton = !isSetUrl;
  192.  
  193.         addOriginalArtButton(artworkWrapper, hasDownloadButton);
  194.  
  195.         if (hasDownloadButton && !artworkWrapper.querySelector('.listenArtworkWrapper__cobalt')) {
  196.             const iconWrapper = document.createElement('div');
  197.             iconWrapper.className = 'listenArtworkWrapper__cobalt';
  198.             iconWrapper.style.cssText = `
  199.                 position: absolute;
  200.                 top: 12px;
  201.                 right: 12px;
  202.                 z-index: 3;
  203.                 cursor: pointer;
  204.                 padding: 6px;
  205.                 background-color: rgba(0, 0, 0, 0.9);
  206.                 border-radius: 4px;
  207.             `;
  208.  
  209.             const svgElement = createSvgElement("#ffffff", 18);
  210.             iconWrapper.appendChild(svgElement);
  211.             artworkWrapper.appendChild(iconWrapper);
  212.  
  213.             iconWrapper.addEventListener('click', (e) => {
  214.                 e.preventDefault();
  215.                 e.stopPropagation();
  216.                 handleDownloadURL(svgElement);
  217.             });
  218.  
  219.             iconWrapper.addEventListener('mouseenter', () => {
  220.                 svgElement.style.fill = "#f50";
  221.             });
  222.  
  223.             iconWrapper.addEventListener('mouseleave', () => {
  224.                 svgElement.style.fill = "#ffffff";
  225.             });
  226.         }
  227.     }
  228.  
  229.     function addOriginalArtButton(artworkWrapper, hasDownloadButton) {
  230.         if (artworkWrapper.querySelector('.listenArtworkWrapper__originalCoverArt')) return;
  231.  
  232.         const originalArtWrapper = document.createElement('div');
  233.         originalArtWrapper.className = 'listenArtworkWrapper__originalCoverArt';
  234.         originalArtWrapper.style.cssText = `
  235.             position: absolute;
  236.             top: 12px;
  237.             right: ${hasDownloadButton ? '54px' : '12px'};
  238.             z-index: 4;
  239.             cursor: pointer;
  240.             padding: 6px;
  241.             background-color: rgba(0, 0, 0, 0.9);
  242.             border-radius: 4px;
  243.         `;
  244.  
  245.         const originalArtSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
  246.         originalArtSvg.setAttribute("viewBox", "0 0 512 512");
  247.         originalArtSvg.setAttribute("width", "18");
  248.         originalArtSvg.setAttribute("height", "18");
  249.         originalArtSvg.style.fill = "#ffffff";
  250.  
  251.         const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
  252.         path.setAttribute("d", "M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l96 0 32 0 208 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z");
  253.         originalArtSvg.appendChild(path);
  254.  
  255.         originalArtWrapper.appendChild(originalArtSvg);
  256.         artworkWrapper.appendChild(originalArtWrapper);
  257.  
  258.         originalArtWrapper.addEventListener('click', (e) => {
  259.             e.preventDefault();
  260.             e.stopPropagation();
  261.             openOriginalCoverArt();
  262.         });
  263.  
  264.         originalArtWrapper.addEventListener('mouseenter', () => {
  265.             originalArtSvg.style.fill = "#f50";
  266.         });
  267.  
  268.         originalArtWrapper.addEventListener('mouseleave', () => {
  269.             originalArtSvg.style.fill = "#ffffff";
  270.         });
  271.     }
  272.  
  273.     async function getDownloadUrl(trackUrl) {
  274.         return new Promise(async (resolve, reject) => {
  275.             const jsonData = {
  276.                 filenameStyle: "basic",
  277.                 url: trackUrl,
  278.                 audioFormat: "mp3",
  279.                 downloadMode: "audio",
  280.                 audioBitrate: "320"
  281.             };
  282.     
  283.             try {
  284.                 const result = await makeAPIRequest(PRIMARY_API_ENDPOINT, jsonData);
  285.                 resolve(result);
  286.             } catch (primaryError) {
  287.                 console.log("Primary API failed, trying fallback...", primaryError);
  288.                 
  289.                 try {
  290.                     const fallbackResult = await makeAPIRequest(FALLBACK_API_ENDPOINT, jsonData);
  291.                     resolve(fallbackResult);
  292.                 } catch (fallbackError) {
  293.                     reject(fallbackError);
  294.                 }
  295.             }
  296.         });
  297.     }
  298.     
  299.     function makeAPIRequest(endpoint, jsonData) {
  300.         return new Promise((resolve, reject) => {
  301.             GM.xmlHttpRequest({
  302.                 method: "POST",
  303.                 url: endpoint,
  304.                 headers: {
  305.                     "Accept": "application/json",
  306.                     "Content-Type": "application/json"
  307.                 },
  308.                 data: JSON.stringify(jsonData),
  309.                 onload: function(response) {
  310.                     try {
  311.                         const responseData = JSON.parse(response.responseText);
  312.                         if (responseData.url) {
  313.                             resolve({ url: responseData.url });
  314.                         } else {
  315.                             reject(new Error("No download URL found in response"));
  316.                         }
  317.                     } catch (error) {
  318.                         reject(new Error("Failed to parse response from server"));
  319.                     }
  320.                 },
  321.                 onerror: function(error) {
  322.                     reject(new Error("Request failed: " + error.statusText));
  323.                 }
  324.             });
  325.         });
  326.     }
  327.  
  328.     async function scrapeSoundcloudMetadata(trackUrl) {
  329.         return new Promise((resolve, reject) => {
  330.             GM.xmlHttpRequest({
  331.                 method: "GET",
  332.                 url: trackUrl,
  333.                 headers: {
  334.                     'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36'
  335.                 },
  336.                 onload: function(response) {
  337.                     try {
  338.                         const parser = new DOMParser();
  339.                         const doc = parser.parseFromString(response.responseText, "text/html");
  340.                         
  341.                         const trackInfo = {
  342.                             cover: null,
  343.                             title: null,
  344.                             artist: null,
  345.                             pubdate: null
  346.                         };
  347.                         
  348.                         const coverImg = doc.querySelector('img[itemprop="image"]');
  349.                         if (coverImg) {
  350.                             trackInfo.cover = coverImg.getAttribute('src');
  351.                         }
  352.                         
  353.                         const nameTag = doc.querySelector('h1[itemprop="name"]');
  354.                         if (nameTag) {
  355.                             const trackLinks = nameTag.querySelectorAll('a');
  356.                             if (trackLinks.length) {
  357.                                 if (trackLinks.length > 1) {
  358.                                     trackInfo.title = trackLinks[0].textContent.trim();
  359.                                     trackInfo.artist = trackLinks[1].textContent.trim();
  360.                                 } else {
  361.                                     trackInfo.title = trackLinks[0].textContent.trim();
  362.                                 }
  363.                             }
  364.                         }
  365.                         
  366.                         const timeTag = doc.querySelector('time');
  367.                         if (timeTag) {
  368.                             trackInfo.pubdate = timeTag.textContent.trim();
  369.                         }
  370.                         
  371.                         resolve(trackInfo);
  372.                     } catch (error) {
  373.                         reject(new Error("Failed to parse SoundCloud page: " + error.message));
  374.                     }
  375.                 },
  376.                 onerror: function(error) {
  377.                     reject(new Error("Request failed: " + error.statusText));
  378.                 }
  379.             });
  380.         });
  381.     }
  382.  
  383.     function formatDateForID3(dateString) {
  384.         const date = new Date(dateString);
  385.         return {
  386.             year: date.getFullYear(),
  387.             date: `${String(date.getDate()).padStart(2, '0')}${String(date.getMonth() + 1).padStart(2, '0')}`
  388.         };
  389.     }
  390.  
  391.     async function handleDownload(svgElement, trackUrl) {
  392.         let fullUrl;
  393.  
  394.         if (trackUrl) {
  395.             fullUrl = trackUrl;
  396.         } else {
  397.             const trackLink = document.querySelector('a.playbackSoundBadge__titleLink');
  398.             if (!trackLink) {
  399.                 showError(svgElement);
  400.                 return;
  401.             }
  402.             const href = trackLink.getAttribute('href');
  403.             fullUrl = href.startsWith('http') ? href : `https://soundcloud.com${href}`;
  404.         }
  405.  
  406.         showLoading(svgElement);
  407.  
  408.         try {
  409.             const [audioData, metadata] = await Promise.all([
  410.                 getDownloadUrl(fullUrl),
  411.                 scrapeSoundcloudMetadata(fullUrl)
  412.             ]);
  413.  
  414.             if (!audioData.url) {
  415.                 throw new Error('Download URL not found in the response');
  416.             }
  417.  
  418.             const audioBlob = await fetch(audioData.url).then(r => r.blob());
  419.             const arrayBuffer = await new Response(audioBlob).arrayBuffer();
  420.             const writer = new ID3Writer(arrayBuffer);
  421.             writer.removeTag();
  422.  
  423.             if (metadata.pubdate) {
  424.                 const { year, date } = formatDateForID3(metadata.pubdate);
  425.                 writer
  426.                     .setFrame('TYER', year.toString())
  427.                     .setFrame('TDAT', date);
  428.             }
  429.  
  430.             writer
  431.                 .setFrame('TIT2', metadata.title)
  432.                 .setFrame('TPE1', [metadata.artist]);
  433.  
  434.             if (metadata.cover) {
  435.                 const coverResponse = await fetch(metadata.cover);
  436.                 const coverArrayBuffer = await coverResponse.arrayBuffer();
  437.                 writer.setFrame('APIC', {
  438.                     type: 3,
  439.                     data: coverArrayBuffer,
  440.                     description: 'Cover'
  441.                 });
  442.             }
  443.  
  444.             writer.addTag();
  445.             const taggedArrayBuffer = writer.arrayBuffer;
  446.             const finalBlob = new Blob([taggedArrayBuffer], { type: 'audio/mpeg' });
  447.  
  448.             showSuccess(svgElement);
  449.             setTimeout(() => {
  450.                 const downloadLink = document.createElement('a');
  451.                 downloadLink.href = URL.createObjectURL(finalBlob);
  452.                 let fileName = metadata.title && metadata.artist ?
  453.                     `${metadata.title} - ${metadata.artist}` :
  454.                     metadata.title || 'soundcloud_track';
  455.                 fileName = fileName.replace(/[<>:"/\\|?*]/g, '-');
  456.                 if (!fileName.toLowerCase().endsWith('.mp3')) {
  457.                     fileName += '.mp3';
  458.                 }
  459.                 downloadLink.download = fileName;
  460.                 document.body.appendChild(downloadLink);
  461.                 downloadLink.click();
  462.                 document.body.removeChild(downloadLink);
  463.                 URL.revokeObjectURL(downloadLink.href);
  464.             }, 1000);
  465.  
  466.         } catch (error) {
  467.             console.error("Download error:", error);
  468.             showError(svgElement);
  469.         }
  470.     }
  471.  
  472.     async function handleDownloadURL(svgElement) {
  473.         const currentURL = window.location.href;
  474.         showLoading(svgElement);
  475.  
  476.         try {
  477.             const [audioData, metadata] = await Promise.all([
  478.                 getDownloadUrl(currentURL),
  479.                 scrapeSoundcloudMetadata(currentURL)
  480.             ]);
  481.  
  482.             if (!audioData.url) {
  483.                 throw new Error('Download URL not found in the response');
  484.             }
  485.  
  486.             const audioBlob = await fetch(audioData.url).then(r => r.blob());
  487.             const arrayBuffer = await new Response(audioBlob).arrayBuffer();
  488.             const writer = new ID3Writer(arrayBuffer);
  489.             writer.removeTag();
  490.  
  491.             if (metadata.pubdate) {
  492.                 const { year, date } = formatDateForID3(metadata.pubdate);
  493.                 writer
  494.                     .setFrame('TYER', year.toString())
  495.                     .setFrame('TDAT', date);
  496.             }
  497.  
  498.             writer
  499.                 .setFrame('TIT2', metadata.title)
  500.                 .setFrame('TPE1', [metadata.artist]);
  501.  
  502.             if (metadata.cover) {
  503.                 const coverResponse = await fetch(metadata.cover);
  504.                 const coverArrayBuffer = await coverResponse.arrayBuffer();
  505.                 writer.setFrame('APIC', {
  506.                     type: 3,
  507.                     data: coverArrayBuffer,
  508.                     description: 'Cover'
  509.                 });
  510.             }
  511.  
  512.             writer.addTag();
  513.             const taggedArrayBuffer = writer.arrayBuffer;
  514.             const finalBlob = new Blob([taggedArrayBuffer], { type: 'audio/mpeg' });
  515.  
  516.             showSuccess(svgElement);
  517.             setTimeout(() => {
  518.                 const downloadLink = document.createElement('a');
  519.                 downloadLink.href = URL.createObjectURL(finalBlob);
  520.                 let fileName = metadata.title && metadata.artist ?
  521.                     `${metadata.title} - ${metadata.artist}` :
  522.                     metadata.title || 'soundcloud_track';
  523.                 fileName = fileName.replace(/[<>:"/\\|?*]/g, '-');
  524.                 if (!fileName.toLowerCase().endsWith('.mp3')) {
  525.                     fileName += '.mp3';
  526.                 }
  527.                 downloadLink.download = fileName;
  528.                 document.body.appendChild(downloadLink);
  529.                 downloadLink.click();
  530.                 document.body.removeChild(downloadLink);
  531.                 URL.revokeObjectURL(downloadLink.href);
  532.             }, 1000);
  533.  
  534.         } catch (error) {
  535.             console.error("Download error:", error);
  536.             showError(svgElement);
  537.         }
  538.     }
  539.  
  540.     function openOriginalCoverArt() {
  541.         const selectors = [
  542.             '.fullHero__artwork .image__full',
  543.             '.listenArtworkWrapper__artwork .image__full',
  544.             '.listenArtworkWrapper__artwork .sc-artwork'
  545.         ];
  546.  
  547.         let artworkElement = null;
  548.         for (const selector of selectors) {
  549.             artworkElement = document.querySelector(selector);
  550.             if (artworkElement) break;
  551.         }
  552.  
  553.         if (artworkElement) {
  554.             console.log('Artwork element found:', artworkElement);
  555.  
  556.             let backgroundImage = window.getComputedStyle(artworkElement).backgroundImage;
  557.  
  558.             if (!backgroundImage || backgroundImage === 'none') {
  559.                 backgroundImage = artworkElement.getAttribute('src');
  560.                 console.log('Using src attribute:', backgroundImage);
  561.             } else {
  562.                 console.log('Using background-image:', backgroundImage);
  563.             }
  564.  
  565.             let originalUrl = extractAndCleanUrl(backgroundImage);
  566.  
  567.             if (originalUrl) {
  568.                 console.log('Opening URL:', originalUrl);
  569.                 window.open(originalUrl, '_blank');
  570.             } else {
  571.                 console.error('Could not extract cover art URL from:', backgroundImage);
  572.             }
  573.         } else {
  574.             console.error('Could not find artwork element. Tried selectors:', selectors);
  575.         }
  576.     }
  577.  
  578.     function extractAndCleanUrl(input) {
  579.         const urlMatch = input.match(/https?:\/\/[^"']*?sndcdn\.com\/[^"')]+/);
  580.  
  581.         if (urlMatch) {
  582.             let url = urlMatch[0];
  583.  
  584.             url = url.split('?')[0];
  585.  
  586.             url = url.replace(/-t\d+x\d+/, '-original');
  587.  
  588.             if (!/\.(jpg|jpeg|png|gif)$/i.test(url)) {
  589.                 url += '.jpg';
  590.             }
  591.  
  592.             return url;
  593.         }
  594.  
  595.         return null;
  596.     }
  597.  
  598.     function showLoading(svgElement) {
  599.         while (svgElement.firstChild) {
  600.             svgElement.removeChild(svgElement.firstChild);
  601.         }
  602.         svgElement.setAttribute("viewBox", "0 0 512 512");
  603.         const originalColor = svgElement.style.fill;
  604.         svgElement.style.fill = originalColor === "#ffffff" ? "#ffffff" : "#f50";
  605.  
  606.         const secondaryPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
  607.         secondaryPath.setAttribute("d", "M0 256C0 114.9 114.1 .5 255.1 0C237.9 .5 224 14.6 224 32c0 17.7 14.3 32 32 32C150 64 64 150 64 256s86 192 192 192c69.7 0 130.7-37.1 164.5-92.6c-3 6.6-3.3 14.8-1 22.2c1.2 3.7 3 7.2 5.4 10.3c1.2 1.5 2.6 3 4.1 4.3c.8 .7 1.6 1.3 2.4 1.9c.4 .3 .8 .6 1.3 .9s.9 .6 1.3 .8c5 2.9 10.6 4.3 16 4.3c11 0 21.8-5.7 27.7-16c-44.3 76.5-127 128-221.7 128C114.6 512 0 397.4 0 256z");
  608.         secondaryPath.style.opacity = "0.4";
  609.         svgElement.appendChild(secondaryPath);
  610.  
  611.         const primaryPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
  612.         primaryPath.setAttribute("d", "M224 32c0-17.7 14.3-32 32-32C397.4 0 512 114.6 512 256c0 46.6-12.5 90.4-34.3 128c-8.8 15.3-28.4 20.5-43.7 11.7s-20.5-28.4-11.7-43.7c16.3-28.2 25.7-61 25.7-96c0-106-86-192-192-192c-17.7 0-32-14.3-32-32z");
  613.         svgElement.appendChild(primaryPath);
  614.  
  615.         svgElement.style.animation = 'spin 1s linear infinite';
  616.     }
  617.  
  618.     function showSuccess(svgElement) {
  619.         while (svgElement.firstChild) {
  620.             svgElement.removeChild(svgElement.firstChild);
  621.         }
  622.         svgElement.style.animation = '';
  623.         const originalColor = svgElement.style.fill;
  624.         svgElement.style.fill = originalColor === "#ffffff" ? "#ffffff" : "#f50";
  625.         svgElement.setAttribute("viewBox", "0 0 512 512");
  626.         const successPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
  627.         successPath.setAttribute("d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z");
  628.         svgElement.appendChild(successPath);
  629.         setTimeout(() => resetIcon(svgElement), 2000);
  630.     }
  631.  
  632.     function showError(svgElement) {
  633.         while (svgElement.firstChild) {
  634.             svgElement.removeChild(svgElement.firstChild);
  635.         }
  636.         svgElement.style.animation = '';
  637.         const originalColor = svgElement.style.fill;
  638.         svgElement.style.fill = originalColor === "#ffffff" ? "#ffffff" : "#333";
  639.         svgElement.setAttribute("viewBox", "0 0 512 512");
  640.         const errorPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
  641.         errorPath.setAttribute("d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z");
  642.         svgElement.appendChild(errorPath);
  643.         setTimeout(() => resetIcon(svgElement), 2000);
  644.     }
  645.  
  646.     function resetIcon(svgElement) {
  647.         while (svgElement.firstChild) {
  648.             svgElement.removeChild(svgElement.firstChild);
  649.         }
  650.         const originalColor = svgElement.getAttribute('data-original-color') || "#333";
  651.         svgElement.style.fill = originalColor;
  652.         svgElement.setAttribute("viewBox", "0 0 448 512");
  653.         svgElement.style.animation = '';
  654.         const originalPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
  655.         originalPath.setAttribute("d", "M378.1 198.6L249.5 341.4c-6.1 6.7-14.7 10.6-23.8 10.6l-3.5 0c-9.1 0-17.7-3.8-23.8-10.6L69.9 198.6c-3.8-4.2-5.9-9.8-5.9-15.5C64 170.4 74.4 160 87.1 160l72.9 0 0-128c0-17.7 14.3-32 32-32l64 0c17.7 0 32 14.3 32 32l0 128 72.9 0c12.8 0 23.1 10.4 23.1 23.1c0 5.7-2.1 11.2-5.9 15.5zM64 352l0 64c0 17.7 14.3 32 32 32l256 0c17.7 0 32-14.3 32-32l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 64c0 53-43 96-96 96L96 512c-53 0-96-43-96-96l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32z");
  656.         svgElement.appendChild(originalPath);
  657.     }
  658.  
  659.     const styleSheet = document.createElement('style');
  660.     styleSheet.textContent = `
  661.         @keyframes spin {
  662.             from { transform: rotate(0deg); }
  663.             to { transform: rotate(360deg); }
  664.         }
  665.         .sc-classic .playControls__control, .sc-classic  .playControls__control:not(:first-child) {
  666.             margin-right: 12px;
  667.         }
  668.         .playableTile__cobalt, .listenArtworkWrapper__cobalt, .listenArtworkWrapper__originalCoverArt {
  669.             display: flex;
  670.             align-items: center;
  671.             justify-content: center;
  672.         }
  673.         .playableTile__cobalt:hover, .listenArtworkWrapper__cobalt:hover, .listenArtworkWrapper__originalCoverArt:hover {
  674.             background-color: rgba(0, 0, 0, 0.9);
  675.         }
  676.         .playableTile__cobalt:hover svg, .listenArtworkWrapper__cobalt:hover svg, .listenArtworkWrapper__originalCoverArt:hover svg {
  677.             fill: #f50 !important;
  678.         }
  679.         .playableTile__cobalt svg, .listenArtworkWrapper__cobalt svg, .listenArtworkWrapper__originalCoverArt svg {
  680.             fill: #ffffff !important;
  681.         }
  682.         .playControls__cobalt svg {
  683.             width: 16px;
  684.             height: 16px;
  685.         }
  686.         .playableTile__cobalt svg {
  687.             width: 14px;
  688.             height: 14px;
  689.         }
  690.         .listenArtworkWrapper__cobalt svg, .listenArtworkWrapper__originalCoverArt svg {
  691.             width: 18px;
  692.             height: 18px;
  693.         }
  694.         .sound__coverArt__cobalt {
  695.             display: flex;
  696.             align-items: center;
  697.             justify-content: center;
  698.         }
  699.         .sound__coverArt__cobalt:hover {
  700.             background-color: rgba(0, 0, 0, 0.9);
  701.         }
  702.         .sound__coverArt__cobalt:hover svg {
  703.             fill: #f50 !important;
  704.         }
  705.         .sound__coverArt__cobalt svg {
  706.             fill: #ffffff !important;
  707.             width: 14px;
  708.             height: 14px;
  709.         }
  710.     `;
  711.     document.head.appendChild(styleSheet);
  712.  
  713.     if (!isDiscoverPage()) {
  714.         addDownloadIcon();
  715.         addDownloadIconToTiles();
  716.         addDownloadIconToSoundCoverArt();
  717.         addDownloadIconToListenArtwork();
  718.     }
  719.  
  720.     const observer = new MutationObserver((mutations) => {
  721.         if (!isDiscoverPage()) {
  722.             for (let mutation of mutations) {
  723.                 if (mutation.type === 'childList') {
  724.                     addDownloadIcon();
  725.                     addDownloadIconToTiles();
  726.                     addDownloadIconToSoundCoverArt();
  727.                     addDownloadIconToListenArtwork();
  728.                 }
  729.             }
  730.         }
  731.     });
  732.  
  733.     observer.observe(document.body, {
  734.         childList: true,
  735.         subtree: true
  736.     });
  737.  
  738.     let lastUrl = location.href;
  739.     new MutationObserver(() => {
  740.         const url = location.href;
  741.         if (url !== lastUrl) {
  742.             lastUrl = url;
  743.             if (isDiscoverPage()) {
  744.                 document.querySelectorAll('.playableTile__cobalt, .playControls__cobalt, .sound__coverArt__cobalt, .listenArtworkWrapper__cobalt').forEach(el => el.remove());
  745.             } else {
  746.                 addDownloadIcon();
  747.                 addDownloadIconToTiles();
  748.                 addDownloadIconToSoundCoverArt();
  749.                 addDownloadIconToListenArtwork();
  750.             }
  751.         }
  752.     }).observe(document, {subtree: true, childList: true});
  753. })();