yt-addiction-control/youtube-addiction-control-extension-firefox.js
2022-09-14 18:39:56 +02:00

96 lines
2.8 KiB
JavaScript

// inject CSS
const STYLE_CLASS = "youtube-ac-styling";
Array.from(document.getElementsByClassName(STYLE_CLASS)).forEach((e) => {
e.remove();
});
window.ytacCSS = {
"sidebar": "#related",
"comments": "#comments, #comment-teaser",
"endscreen": ".videowall-endscreen",
"invideo": ".ytp-ce-video",
"notification": "ytd-notification-topbar-button-renderer",
"other": "#newness-dot, .ytp-spinner, .ytp-next-button"
};
const INVISIBLE = " { display: none !important; }";
function addCSS(key) {
if (document.getElementById("ytac" + key) !== null) {
return;
}
let head = document.getElementsByTagName('head')[0];
let e = document.createElement('style');
e.setAttribute('type', 'text/css');
e.setAttribute("class", STYLE_CLASS);
e.setAttribute("id", "ytac" + key);
if ('textContent' in e) {
e.textContent = window.ytacCSS[key] + INVISIBLE;
} else {
e.styleSheet.cssText = window.ytacCSS[key] + INVISIBLE;
}
head.appendChild(e);
}
function addClickListeners(key) {
for (el of document.querySelectorAll(window.ytacCSS[key])) {
el.addEventListener("click", (e) => addCSS(key));
}
}
for (key of Object.keys(window.ytacCSS)) {
addCSS(key);
}
// browser action listener
// Listen for messages from the background script.
if (window.ytacListener != null) {
browser.runtime.onMessage.removeListener(window.ytacListener);
}
window.ytacListener = (message) => {
console.log("[YTAC] received browser action " + message.command);
if (message.command == "comments") {
console.log("[YTAC] showing comments");
document.getElementById("ytaccomments").remove();
} else if (message.command == "sidebar") {
console.log("[YTAC] showing video sidebar");
document.getElementById("ytacsidebar").remove();
addClickListeners("sidebar");
} else if (message.command == "invideo") {
console.log("[YTAC] showing in-video suggestions");
document.getElementById("ytacinvideo").remove();
addClickListeners("invideo");
} else if (message.command == "endscreen") {
console.log("[YTAC] showing endscreen");
document.getElementById("ytacendscreen").remove();
addClickListeners("endscreen");
} else if (message.command == "notification") {
console.log("[YTAC] showing notification bell");
document.getElementById("ytacnotification").remove();
addClickListeners("notification");
}
};
browser.runtime.onMessage.addListener(window.ytacListener);
console.log("[YTAC] added action listener");
// expand description by default
let showMoreButton = document.querySelector("#description-inline-expander > #expand");
if (showMoreButton) {
showMoreButton.click();
}
// attempt to hide the notification count in the title
function hideNotificationCount() {
let a = document.getElementsByTagName("title")[0];
if (a.innerText.match("^\\(\\d+\\).*")) {
a.innerText = a.innerText.substring(a.innerText.indexOf(")") + 2);
}
}
setInterval(hideNotificationCount, 1000);