SoundCloud: Toggle Reposts

Greasy Fork is available in English.
SoundCloud: Toggle Reposts

Toggle the visibility of reposts on the stream and artists page.
当前为 2022-09-14 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        SoundCloud: Toggle Reposts
// @description Toggle the visibility of reposts on the stream and artists page.
// @version     2022.9.12
// @author      garylaski
// @namespace   https://github.com/garylaski/userscripts
// @match       https://soundcloud.com/*
// @licence     GPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt
// @run-at      document-end
// ==/UserScript==
const app = document.getElementById("app");
const config = { childList: true, subtree: true };
var drewSwitch = false;
var showReposts;
var toggleButtonHandle;
function checkCookie() {
    if(document.cookie.split('; ').find((row) => row.startsWith('showReposts='))?.split('=')[1]) {
        showReposts = document.cookie.split('; ').find((row) => row.startsWith('showReposts='))?.split('=')[1];
    } else {
        document.cookie="showReposts="+showReposts;
    }
}
//Stream and UserStream
const callback = (mutationList, observer) => {
    for (const mutation of mutationList) {
        if (mutation.type === 'childList' && document.querySelector(".stream, .userStream") && !drewSwitch) {
            if (document.querySelector(".lazyLoadingList, .soundList")) {
                drewSwitch = true;
                document.querySelector(".profileTabs, .stream__header").innerHTML += `<div class ="g-flex-row-centered"><div class="toggleFormControl"><div class="toggleFormControl">
          <label id="toggleButtonHandle" class="toggle sc-toggle toggleFormControl__toggle sc-mx-1x sc-toggle-active sc-toggle-on">
            <span class="sc-toggle-handle"></span>
            <input id="toggleButton" class="sc-toggle-input sc-visuallyhidden" type="checkbox" checked="" aria-required="false">
          </label>
          </div>
          <div class="checkboxFormControl__validation g-input-validation g-input-validation-hidden"></div></div><span style="margin-left:10px"class="sc-ministats sc-ministats-small sc-ministats-reposts soundContext__repost"></span></div>`;
                document.getElementById("toggleButton").addEventListener("click", toggle);
                toggleButtonHandle = document.getElementById("toggleButtonHandle");
                observer.disconnect();
                checkCookie();
                if(showReposts === 'false') {
                    toggleButtonHandle.classList.remove("sc-toggle-on");
                    toggleButtonHandle.classList.remove("sc-toggle-active");
                    toggleButtonHandle.classList.add("sc-toggle-off");      
                }
                postObserver.observe(document.querySelector(".userMain, .stream"), config);
            }
        }
    }
};
const appObserver = new MutationObserver(callback);
const postObserver = new MutationObserver(evalReposts);
appObserver.observe(app, config);

function evalReposts() {
    for (const item of document.querySelectorAll(".soundList__item")) {
        if (item.querySelector(".soundContext__repost, .sc-ministats-reposts")) {
            if (showReposts === 'true') {
                item.style.display = "block";
            } else {
                item.style.display = "none";
            }
        }
    }  
}

function toggle() {
    if(showReposts === 'false') {
        toggleButtonHandle.classList.remove("sc-toggle-off");
        toggleButtonHandle.classList.add("sc-toggle-on");
        toggleButtonHandle.classList.add("sc-toggle-active");
        showReposts = 'true';
    } else {
        toggleButtonHandle.classList.remove("sc-toggle-on");
        toggleButtonHandle.classList.remove("sc-toggle-active");
        toggleButtonHandle.classList.add("sc-toggle-off");
        showReposts = 'false';
    }
    document.cookie="showReposts="+showReposts;
    evalReposts();
}

let lastUrl = location.href; 
new MutationObserver(() => {
    const url = location.href;
    if (url !== lastUrl) {
        lastUrl = url;
        onUrlChange();
    }
}).observe(document, {subtree: true, childList: true});

function onUrlChange() {
    drewSwitch = false;
    appObserver.observe(app, config);
}