RYM Spotify Link Rewriter

Replace Spotify web links with app links

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         RYM Spotify Link Rewriter
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Replace Spotify web links with app links
// @match        https://rateyourmusic.com/*
// @grant        none
// @license      GPL-3.0-or-later; https://www.gnu.org/licenses/gpl-3.0.txt
// @author       blackscalare

// ==/UserScript==

(function () {
    'use strict';

    function rewriteLinks(root = document) {
        const elements = root.getElementsByClassName('ui_media_link_btn_spotify');
        for (let i = 0; i < elements.length; i++) {
            const el = elements[i];

            const href = el.href;
            if (!href || href.startsWith('spotify:')) continue;

            const parts = href.split('/');
            if (parts.length > 2) {
                const newHref = 'spotify:' + parts[parts.length - 2] + ':' + parts[parts.length - 1];
                el.href = newHref;
            }
        }
    }

    // Do an initial run in case some links have already loaded
    rewriteLinks();

    const observer = new MutationObserver(mutations => {
        for (const mutation of mutations) {
            for (const node of mutation.addedNodes) {
                if (!(node instanceof HTMLElement)) continue;
                rewriteLinks(node);
            }
        }
    });

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