SC: highlight hypeddits

highlight tracks with hypeddit or otherwise download/buy link

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name        SC: highlight hypeddits
// @namespace   Violentmonkey Scripts
// @match       https://soundcloud.com/*
// @grant       none
// @version     0.1.3
// @author      -
// @description highlight tracks with hypeddit or otherwise download/buy link
// @license     GPLv3
// ==/UserScript==

(function() {
  'use strict';

  function process(track) {
    const link = track.querySelector('a.soundActions__purchaseLink');
    if (!link) { return; }
    if (link.href.includes('hypeddit.com/')) {
      track.querySelector('a.sc-link-primary').style.background = '#f5d5eb';
    } else {
      track.querySelector('a.sc-link-primary').style.background = '#d5ebf5';
    }
  }

  const observer = new MutationObserver(() => {
      document.querySelectorAll('div.sound__content').forEach(elm => process(elm) );
    });
  observer.observe(document.querySelector('#app'), { childList: true, subtree: true });


})();