SoundCloud Release Date

Replaces "... years ago" with exact upload date on SoundCloud

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name         SoundCloud Release Date
// @namespace    http://tampermonkey.net/
// @version      1.2
// @author       Agent102
// @description  Replaces "... years ago" with exact upload date on SoundCloud
// @match        https://soundcloud.com/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    function updateDates() {
        const timeElements = document.querySelectorAll(
            'time:not([data-date-fixed])'
        );

        timeElements.forEach(timeEl => {
            const visibleSpan = timeEl.querySelector('span[aria-hidden="true"]');

            if (!visibleSpan) return;

            const title = timeEl.getAttribute('title');
            if (!title) return;

            let realDate = null;

            // Вариант:
            // "Posted on 8 December 2021"
            const postedMatch = title.match(/Posted on (.+)/);

            if (postedMatch) {
                realDate = postedMatch[1];
            } else {
                // Вариант:
                // "4 February 2026"
                realDate = title;
            }

            if (!realDate) return;

            visibleSpan.textContent = realDate;

            // Помечаем как обработанный
            timeEl.setAttribute('data-date-fixed', '1');
        });
    }

    updateDates();

    let timeout;

    const observer = new MutationObserver(() => {
        clearTimeout(timeout);

        timeout = setTimeout(() => {
            updateDates();
        }, 300);
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
})();