SoundCloud Release Date

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

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==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
    });
})();