// ==UserScript==// @name         1-click feed maintenance// @namespace    https://greasyfork.org/en/scripts/436097-1-click-feed-maintenance// @version      4.0.0// @description  Remove a video or channel from your homepage feed forever, even if you're not logged in to youtube.// @author       lwkjef// @match        https://www.youtube.com/// @match        https://www.youtube.com/?*// @match        https://www.youtube.com/watch?*// @icon         https://www.google.com/s2/favicons?domain=youtube.com// @grant        GM_setValue// @grant        GM_getValue// @grant        GM_listValues// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js// @license      MIT// ==/UserScript==/* eslint-env jquery */// script constantsconst scriptName = '1-Click Feed Maintenance Userscript';const mainPollPeriod_ms = 1000;(function(){'use strict'$(document).ready(async function(){if (isWatchPage()) {if (await GM_getValue(gmTrackWatched) === 'true') {const videoId = getWatchPageVideoId();if (!videoId) {return;}await debug(`watch page video id ${videoId}`);await rememberWatchedVideo(videoId);}} else {setInterval(mainPollCallback, mainPollPeriod_ms);}});}())const ytPopupContainerSelector = 'ytd-popup-container';const ytMastheadSelector = 'div#buttons.ytd-masthead';const ytContentsGridSelector = 'div#contents.ytd-rich-grid-renderer';async function mainPollCallback() {await addMenuToMasthead();await addButtonsToVideoNodes();await autohideVideoNodes();await automarkVideoNodes();}// =========================// Mutex (https://blog.jcoglan.com/2016/07/12/mutexes-and-javascript/)// =========================let Mutex = class {constructor() {this._busy = false;this._queue = [];}};Mutex.prototype.synchronize = function(task) {this._queue.push(task);if (!this._busy) this._dequeue();};Mutex.prototype._dequeue = function() {this._busy = true;var next = this._queue.shift();if (next) {this._execute(next);} else {this._busy = false;}};Mutex.prototype._execute = function(task) {var self = this;task().then(function() {self._dequeue();}, function() {self._dequeue();});};const actionMutex = new Mutex();// =================================// 1-Click Feed Maintenance Features// =================================// internal GM keysconst gmWatchedVideo = 'watched';const gmDontLikeVideo = 'dontlike';const gmDontRecommendChannel = 'dontrecommend';const gmAutomark = 'automark';const gmHidepopups = 'hidepopups';const gmHidelists = 'hidelists';const gmHidelivestreams = 'hidelivestreams';const gmHidefundraisers = 'hidefundraisers';const gmTrackWatched = 'trackwatched';async function addMenuToMasthead() {$(ytPopupContainerSelector).each(async function() {if (!$(this).find(`#${ocMenuId}`)[0]) {this.appendChild(await createOCMenu());}});$(ytMastheadSelector).each(async function() {if (!$(this).find(`#${ocMenuOpenButtonId}`)[0]) {this.appendChild(await createButton(ocMenuOpenButtonId, ocMenuButtonText, ocMenuOpen));}});}/** Search the children of the given node for rich items that lack 1-Click Feed Maintenance* controls, and add controls to them.*/async function addButtonsToVideoNodes() {// iterate over each rich item contained in the given node that don't already have buttons$(ytContentsGridSelector).find(videoNodeWithoutOCButtonsSelector).each(async function() {if (!isShown(this)) {await error(`selected video node that is not shown: ${getVideoId(this)}`);return;}if (!$(this).find(`#${ocAlreadyWatchedButtonId}`)[0]) {this.appendChild(await createButton(ocAlreadyWatchedButtonId, ocAlreadyWatchedButtonText, alreadyWatchedOnClick));}if (!$(this).find(`#${ocIDontLikeTheVideoButtonId}`)[0]) {this.appendChild(await createButton(ocIDontLikeTheVideoButtonId, ocIDontLikeTheVideoButtonText, iDontLikeTheVideoOnClick));}if (!$(this).find(`#${ocDontRecommendId}`)[0]) {this.appendChild(await createButton(ocDontRecommendId, ocDontRecommendText, dontRecommendOnClick));}if (await GM_getValue(gmDebug) === 'true') {if (!$(this).find(`#${ocDebugId}`)[0]) {this.appendChild(await createButton(ocDebugId, ocDebugText, debugOnClick));}}});}/** Double-check whether those videos have previously been marked as watched or blocked* by this script (and Youtube is ignoring that). If so, then re-mark them and hide them.*/async function autohideVideoNodes() {$(ytContentsGridSelector).find(videoNodeShownSelector).each(async function() {if (!isShown(this)) {await error(`selected video node that is not shown: ${getVideoId(this)}`);return;}if (await GM_getValue(gmHidelists) === 'true') {const listId = getListId(this);if (listId) {await debug(`hide list mode enabled; hiding list id ${listId}`);hide(this);return;}}if (await GM_getValue(gmHidelivestreams) === 'true') {const videoId = getLivestreamId(this);if (videoId) {await debug(`hide livestream mode enabled; hiding livestream id ${videoId}`);hide(this);return;}}if (await GM_getValue(gmHidefundraisers) === 'true') {const videoId = getFundraiserId(this);if (videoId) {await debug(`hide fundraiser mode enabled; hiding fundraiser id ${videoId}`);hide(this);return;}}});}async function automarkVideoNodes() {if (await GM_getValue(gmAutomark) === 'true') {$(ytContentsGridSelector).find(videoNodeShownSelector).each(async function() {await automarkByVideoIdState(this);await automarkByChannelIdState(this);});}}/** Look up whether this userscript has previously watched or blocked the given video node* (and Youtube is ignoring that). If so, then re-mark it and hide it again.*/async function automarkByVideoIdState(videoNode) {if (!isShown(videoNode)) {await error(`automarkByVideoIdState given video node that is not shown: ${videoNode}`);return;}const videoId = getVideoId(videoNode);if (!videoId) {return;}const videoIdValue = await GM_getValue(videoId);if (!videoIdValue) {return;}await debug(`automarkByVideoIdState found persisted state for video id ${videoId}: ${videoIdValue}, waiting for node to ready`);const videoDropdownButtonSelector = getVideoDropdownButtonSelector(videoId);await awaitNodeAdded(videoDropdownButtonSelector);if (videoIdValue === gmWatchedVideo) {await debug(`automarkByVideoIdState marking watched video id ${videoId}`);await markAlreadyWatched(videoNode);await debug(`automarkByVideoIdState hiding watched video id ${videoId}`);hide(videoNode);} else if (videoIdValue === gmDontLikeVideo) {await debug(`automarkByVideoIdState marking blocked video id ${videoId}`);await markDontLike(videoNode);await debug(`automarkByVideoIdState hiding video for blocked video id ${videoId}`);hide(videoNode);}}/** Look up whether this userscript has previously blocked the channel of the given video node* (and Youtube is ignoring that). If so, then re-mark it and hide it again.*/async function automarkByChannelIdState(videoNode) {if (!isShown(videoNode)) {await error(`automarkByChannelIdState given video node that is not shown: ${videoNode}`);return;}const videoId = getVideoId(videoNode);const channelId = getChannelId(videoNode);if (!videoId || !channelId) {return;}const channelIdValue = await GM_getValue(channelId);if (!channelIdValue) {return;}await debug(`automarkByChannelIdState found persisted state for channel id ${channelId} of video id ${videoId}: ${channelIdValue}, waiting for node to ready`);const videoDropdownButtonSelector = getVideoDropdownButtonSelector(videoId);await awaitNodeAdded(videoDropdownButtonSelector);if (channelIdValue === gmDontRecommendChannel) {await debug(`automarkByChannelIdState marking blocked channel id ${channelId}`);await markDontRecommend(videoNode);await debug(`automarkByChannelIdState hiding video ${videoId} for blocked channel id ${channelId}`);hide(videoNode);}}// =================================// 1-Click Feed Maintenance Controls// =================================// oc control element idsconst ocAlreadyWatchedButtonId = 'oc-already-watched';const ocIDontLikeTheVideoButtonId = 'oc-dont-like';const ocDontRecommendId = 'oc-dont-recommend';const ocDebugId = 'oc-debug';// oc control labelsconst ocAlreadyWatchedButtonText = 'Already Watched';const ocIDontLikeTheVideoButtonText = 'Block Video';const ocDontRecommendText = 'Block Channel';const ocDebugText = 'Debug';/** "already watched" oc button callback*/async function alreadyWatchedOnClick(e) {e.preventDefault();const videoNode = e.target.parentNode;const videoId = getVideoId(videoNode);await markAlreadyWatched(videoNode);await debug(`hiding watched video id ${videoId}`);hide(videoNode);await rememberWatchedVideo(videoId);}/** "I dont like the video" oc button callback*/async function iDontLikeTheVideoOnClick(e) {e.preventDefault();const videoNode = e.target.parentNode;const videoId = getVideoId(videoNode);await markDontLike(videoNode);await debug(`hiding blocked video id ${videoId}`);hide(videoNode);await rememberBlockedVideo(videoId);}/** "dont recommend" oc button callback*/async function dontRecommendOnClick(e) {e.preventDefault();const videoNode = e.target.parentNode;const videoId = getVideoId(videoNode);const channelId = getChannelId(videoNode);await markDontRecommend(videoNode);await debug(`hiding blocked channel video id ${videoId}`);hide(videoNode);await rememberBlockedChannel(channelId);}/** "debug" oc button callback*/async function debugOnClick(e) {e.preventDefault();const videoNode = e.target.parentNode;log(`video id: ${getVideoId(videoNode)}`);log(`list id: ${getListId(videoNode)}`);log(`livestream id: ${getLivestreamId(videoNode)}`);log(`fundraiser id: ${getFundraiserId(videoNode)}`);log(`channel id: ${getChannelId(videoNode)}`);}async function rememberWatchedVideo(videoId) {if (videoId) {await debug(`remembering watched video id ${videoId}`);await GM_setValue(videoId, gmWatchedVideo);}}async function rememberBlockedVideo(videoId) {if (videoId) {await debug(`remembering blocked video id ${videoId}`);await GM_setValue(videoId, gmDontLikeVideo);}}async function rememberBlockedChannel(channelId) {if (channelId) {await debug(`remembering blocked channel id ${channelId}`);await GM_setValue(channelId, gmDontRecommendChannel);}}// =============================// 1-Click Feed Maintenance Menu// =============================// oc menu element idsconst ocMenuId = 'oc-menu';const ocMenuOpenButtonId = 'oc-menu-open-button';const ocMenuCheckboxId = 'oc-menu-checkbox';const ocMenuLabelId = 'oc-menu-label';const ocMenuButtonContainerId = 'oc-menu-buttons';const ocMenuExportButtonId = 'oc-menu-export-button';const ocMenuSaveButtonId = 'oc-menu-save-button';const ocMenuCancelButtonId = 'oc-menu-cancel-button';// oc menu labelsconst ocMenuButtonText = '1-Click Config';const ocMenuExportButtonText = 'Export';const ocMenuSaveButtonText = 'Save';const ocMenuCancelButtonText = 'Cancel';// oc menu jQuery selectorsconst ocMenuSelector = '#oc-menu';/** Create the oc menu.*/async function createOCMenu() {const menu = document.createElement(divTag);menu.id = ocMenuId;menu.class = ytPopupContainerClass;menu.style.background = 'white';menu.style.position = 'fixed';menu.style.width = '200px';menu.style.height = '200px';menu.style.zIndex = 10000;menu.style.display = 'none';menu.appendChild(createCheckboxOCMenuItem(gmDebug));menu.appendChild(createCheckboxOCMenuItem(gmAutomark));menu.appendChild(createCheckboxOCMenuItem(gmHidepopups));menu.appendChild(createCheckboxOCMenuItem(gmHidelists));menu.appendChild(createCheckboxOCMenuItem(gmHidelivestreams));menu.appendChild(createCheckboxOCMenuItem(gmHidefundraisers));menu.appendChild(createCheckboxOCMenuItem(gmTrackWatched));const menuButtonContainer = createContainer(ocMenuButtonContainerId);menuButtonContainer.appendChild(createButton(ocMenuExportButtonId, ocMenuExportButtonText, ocMenuExport));menuButtonContainer.appendChild(createButton(ocMenuSaveButtonId, ocMenuSaveButtonText, ocMenuSave));menuButtonContainer.appendChild(createButton(ocMenuCancelButtonId, ocMenuCancelButtonText, ocMenuCancel));menu.appendChild(menuButtonContainer);return menu;}/** Onclick for oc menu open button in yt masthead; open the oc menu.*/async function ocMenuOpen() {$(ocMenuSelector).each(async function() {this.style.display = '';this.style.left = `${getClientWidth() / 2}px`;this.style.top = `${getClientHeight() / 2}px`;});await restoreOCMenuValues();}/** Onclick for export button in oc menu; export all GM values, then close the oc menu.*/async function ocMenuExport() {await exportGMValues();await ocMenuClose();}/** Onclick for save button in oc menu; save values currently in oc menu to GM, then close the menu.*/async function ocMenuSave() {await saveOCMenuValues();await ocMenuClose();}/** Onclick for cancel button in oc menu; restore the oc menu to existing GM values, then close the oc menu.*/async function ocMenuCancel() {await restoreOCMenuValues();await ocMenuClose();}/** Close the oc menu.*/async function ocMenuClose() {$(ocMenuSelector).each(async function() {this.style.display = 'none';});}/** Save values currently in oc menu to GM*/async function saveOCMenuValues() {await saveOCMenuItemCheckbox(gmDebug);await saveOCMenuItemCheckbox(gmAutomark);await saveOCMenuItemCheckbox(gmHidepopups);await saveOCMenuItemCheckbox(gmHidelists);await saveOCMenuItemCheckbox(gmHidelivestreams);await saveOCMenuItemCheckbox(gmHidefundraisers);await saveOCMenuItemCheckbox(gmTrackWatched);}/** restore the oc menu to existing GM values*/async function restoreOCMenuValues() {await restoreOCMenuItemCheckbox(gmDebug);await restoreOCMenuItemCheckbox(gmAutomark);await restoreOCMenuItemCheckbox(gmHidepopups);await restoreOCMenuItemCheckbox(gmHidelists);await restoreOCMenuItemCheckbox(gmHidelivestreams);await restoreOCMenuItemCheckbox(gmHidefundraisers);await restoreOCMenuItemCheckbox(gmTrackWatched);}/** Create and return a new checkbox for the oc menu.*/function createCheckboxOCMenuItem(config) {const ocMenuItemContainer = createContainer(getMenuItemContainerId(config));const checkbox = document.createElement(inputTag);checkbox.id = ocMenuCheckboxId;checkbox.type = checkboxType;ocMenuItemContainer.appendChild(checkbox);const label = document.createElement(labelTag);label.id = ocMenuLabelId;label.innerHTML = config;ocMenuItemContainer.appendChild(label);return ocMenuItemContainer;}async function restoreOCMenuItemCheckbox(gmKey) {$(getOCMenuItemCheckboxSelector(gmKey))[0].checked = await GM_getValue(gmKey) === 'true';}async function saveOCMenuItemCheckbox(gmKey) {await GM_setValue(gmKey, $(getOCMenuItemCheckboxSelector(gmKey))[0].checked.toString());}function getOCMenuItemCheckboxSelector(gmKey) {return `#${getMenuItemContainerId(gmKey)} #${ocMenuCheckboxId}`;}function getMenuItemContainerId(gmKey) {return `oc-menu-container-${gmKey}`}// =================// Youtube functions// =================// youtube constantsconst ytPopupContainerClass = 'ytd-popup-container';// youtube jQuery selectorsconst ytAppSelector = 'ytd-app';const videoNodeShownSelector = 'ytd-rich-item-renderer:shown';const videoNodeWithoutOCButtonsSelector = 'ytd-rich-item-renderer:not(:has(#oc-button)):shown';const ytPaperDialogSelector = 'ytd-popup-container tp-yt-paper-dialog';const ytPaperDialogIDontLikeTheVideoSelector = 'ytd-popup-container tp-yt-paper-dialog tp-yt-paper-checkbox:contains("I don\'t like the video")';const ytPaperDialogIveAlreadyWatchedSelector = 'ytd-popup-container tp-yt-paper-dialog tp-yt-paper-checkbox:contains("I\'ve already watched the video")';const ytPaperDialogSubmitSelector = 'ytd-popup-container tp-yt-paper-dialog yt-button-shape button:contains("Submit")';const ytPaperDialogCancelSelector = 'ytd-popup-container tp-yt-paper-dialog yt-button-shape button:contains("Cancel")';const ytIronDropdownSelector = 'ytd-popup-container tp-yt-iron-dropdown:not(:has(ytd-notification-renderer))';const ytIronDropdownNotInterestedSelector = 'ytd-popup-container tp-yt-iron-dropdown tp-yt-paper-item:contains("Not interested")';const ytIronDropdownDontRecommendSelector = 'ytd-popup-container tp-yt-iron-dropdown tp-yt-paper-item:contains("Don\'t recommend channel")';const attemptDuration = 100;const maxAttempts = 30;const resolveMutationTimeout_ms = 5000;/** Open the iron dropdown for the given video node, then click "not interested", "tell us why",* then "already watched"*/async function markAlreadyWatched(videoNode) {actionMutex.synchronize(async function() {try {const videoId = getVideoId(videoNode);await debug(`marking watched video id ${videoId}`);await openIronDropdown(videoNode);await clickNotInterested(videoNode);await clickTellUsWhy(videoNode);await clickAlreadyWatched(videoNode);} finally {// clean up any iron dropdown or paper dialog that were mistakenly left openawait closeIronDropdown(videoNode);await closePaperDialog();}});}/** Open the iron dropdown for the given video node, then click "not interested", "tell us why",* then "i don't like this video"*/async function markDontLike(videoNode) {actionMutex.synchronize(async function() {try {const videoId = getVideoId(videoNode);await debug(`marking blocked video id ${videoId}`);await openIronDropdown(videoNode);await clickNotInterested(videoNode);await clickTellUsWhy(videoNode);await clickIDontLikeTheVideo(videoNode);} finally {// clean up any iron dropdown or paper dialog that were mistakenly left openawait closeIronDropdown(videoNode);await closePaperDialog();}});}/** Open the iron dropdown for the given video node, then click "don't recommend"*/async function markDontRecommend(videoNode) {actionMutex.synchronize(async function() {try {const videoId = getVideoId(videoNode);await debug(`marking blocked channel video id ${videoId}`);await openIronDropdown(videoNode);await clickDontRecommend(videoNode);} finally {// clean up any iron dropdown or paper dialog that were mistakenly left openawait closeIronDropdown(videoNode);await closePaperDialog();}});}/** click menu button on the given video node, wait for iron dropdown to be added, and return iron* dropdown node.*/async function openIronDropdown(videoNode) {const videoId = getVideoId(videoNode);const videoDropdownButtonSelector = getVideoDropdownButtonSelector(videoId);// if iron dropdown button is completely missing, then nothing to doif (!$(videoDropdownButtonSelector).length) {warn(`iron dropdown button not found for selector ${videoDropdownButtonSelector}`);return;}// hide iron dropdown, so it doesn't flicker when clicking oc buttonsif (await GM_getValue(gmHidepopups) === 'true') {await hideIronDropdown();}await doAndAwaitNodeAdded(ytIronDropdownSelector, async function() {$(videoDropdownButtonSelector).trigger('click');});// try to hide again, in case iron dropdown didn't exist the first timeif (await GM_getValue(gmHidepopups) === 'true') {await hideIronDropdown();}}/** click not interested button on the given iron dropdown node, and wait for tell us why button to be added.*/async function clickNotInterested(videoNode) {const videoId = getVideoId(videoNode);const tellUsWhyButtonSelector = getTellUsWhyButtonSelector(videoId);try {if (!$(ytIronDropdownNotInterestedSelector).length) {warn(`not interested button not found for video id ${getVideoId(videoNode)}`);return;}await doAndAwaitNodeAdded(tellUsWhyButtonSelector, async function() {$(ytIronDropdownNotInterestedSelector).trigger('click');});} finally {await closeIronDropdown(videoNode);}}/** click dont recommend channel button on the given iron dropdown node, and wait for iron dropdown to be* removed.*/async function clickDontRecommend(videoNode) {try {if (!$(ytIronDropdownDontRecommendSelector).length) {warn(`dont recommend button not found for video id ${getVideoId(videoNode)}`);return;}await doAndAwaitNodeRemoved(ytIronDropdownSelector, async function() {$(ytIronDropdownDontRecommendSelector).trigger('click');});} finally {await closeIronDropdown(videoNode);}}/** click tell us why button on the given video node, wait for paper dialog to be added, and return paper* dialog node.*/async function clickTellUsWhy(videoNode) {const videoId = getVideoId(videoNode);const tellUsWhyButtonSelector = getTellUsWhyButtonSelector(videoId);// if paper dialog button is completely missing, then nothing to doif (!$(tellUsWhyButtonSelector).length) {warn(`tell us why button not found for video id ${getVideoId(videoNode)}`);return;}// hide paper dialog, so it doesn't flicker when clicking oc buttonsif (await GM_getValue(gmHidepopups) === 'true') {await hidePaperDialog();}await doAndAwaitNodeAdded(ytPaperDialogSelector, async function() {$(tellUsWhyButtonSelector).trigger('click');});// try to hide again, in case paper dialog didn't exist the first timeif (await GM_getValue(gmHidepopups) === 'true') {await hidePaperDialog();}}/** click I dont like the video button on the given paper dialog node, click submit button on paper dialog,* and wait for paper dialog to be removed.*/async function clickIDontLikeTheVideo(videoNode) {try {if (!$(ytPaperDialogIDontLikeTheVideoSelector).length) {warn(`i dont like the video button not found for video id ${getVideoId(videoNode)}`);return;}await doAndAwaitNodeRemoved(ytPaperDialogSelector, async function() {$(ytPaperDialogIDontLikeTheVideoSelector).trigger('click');await delay(500);$(ytPaperDialogSubmitSelector).trigger('click');});} finally {await closePaperDialog();}}/** click Ive already watched the video button on the given paper dialog node, click submit button on paper* dialog, and wait for paper dialog to be removed.*/async function clickAlreadyWatched(videoNode) {try {if (!$(ytPaperDialogIveAlreadyWatchedSelector).length) {warn(`ive already watched the video button not found for video id ${getVideoId(videoNode)}`);return;}await doAndAwaitNodeRemoved(ytPaperDialogSelector, async function() {$(ytPaperDialogIveAlreadyWatchedSelector).trigger('click');await delay(500);$(ytPaperDialogSubmitSelector).trigger('click');});} finally {await closePaperDialog();}}/** If given video node is a list, then get the list id. Otherwise, null.*/function getListId(videoNode) {const videoTitleLink = $(videoNode).find('a#video-title-link')[0];if (!videoTitleLink) {return null;}let match = videoTitleLink.href.match(/\/watch\?v=[^&]*&list=([^&]*)/);if (match) {return match[1];}return null;}/** If given video node is a livestream, then get the video id. Otherwise, null.*/function getLivestreamId(videoNode) {const liveNowBadge = $(videoNode).find('div.badge-style-type-live-now')[0];if (!liveNowBadge) {return null;}return getVideoId(videoNode);}/** If given video node is a fundraiser, then get the video id. Otherwise, null.*/function getFundraiserId(videoNode) {const fundraiserBadge = $(videoNode).find('div.badge-style-type-ypc')[0];if (!fundraiserBadge) {return null;}return getVideoId(videoNode);}function getVideoSelector(videoId) {return `ytd-rich-item-renderer:has(a#video-title-link[href*="${videoId}"])`;}function getVideoDropdownButtonSelector(videoId) {return `${getVideoSelector(videoId)} div#menu button`}function getTellUsWhyButtonSelector(videoId) {return `${getVideoSelector(videoId)} button:contains("Tell us why")`}function getVideoId(videoNode) {const videoTitleLink = $(videoNode).find('a#video-title-link')[0];if (!videoTitleLink) {return null;}let match = videoTitleLink.href.match(/\/watch\?v=([^&]*)/);if (match) {return match[1];}return null;}function getChannelId(videoNode) {const channelName = $(videoNode).find('ytd-channel-name a.yt-simple-endpoint')[0];if (!channelName) {return null;}let match = channelName.href.match(/\/c\/([^&]*)/);if (match) {return match[1];}match = channelName.href.match(/\/channel\/([^&]*)/);if (match) {return match[1];}match = channelName.href.match(/\/user\/([^&]*)/);if (match) {return match[1];}return null;}function isWatchPage() {const match = window.location.href.match(/\/watch/);if (!match) {return false;}return true;}/** If this script is running on a video watch page, then get the video id from the watch url.*/function getWatchPageVideoId() {return window.location.href.match(/\/watch\?v=([^&]*)/)[1];}async function hideIronDropdown() {$(ytIronDropdownSelector).each(async function() {hide(this);});}/** click iron dropdown button on the given video node, and wait for iron dropdown to be removed*/async function closeIronDropdown(videoNode) {await $(ytIronDropdownSelector).each(async function() {// reset visibility in case hidepopups is enabledunhide(this);// try to close it by clickinglet attempts = 0;while (isShown(this)) {clickEmptySpace();await delay(attemptDuration);attempts = attempts + 1;if (attempts > maxAttempts) {// if it's still open, then just hide it so we don't block forever on thisawait hideIronDropdown();break;}}// even if it's closed, click empty space on the page to try to avoid the scroll-breaking bugclickEmptySpace();});}async function hidePaperDialog() {$(ytPaperDialogSelector).each(async function() {hide(this);});}/** click cancel button on the paper dialog, and wait for paper dialog to be removed*/async function closePaperDialog() {await $(ytPaperDialogSelector).each(async function() {// reset visibility in case hidepopups is enabledunhide(this);// try to close it by clicking empty space on the pagelet attempts = 0;while (isShown(this)) {clickEmptySpace();await delay(attemptDuration);attempts = attempts + 1;if (attempts > maxAttempts) {// if it's still open, then just hide it so we don't block forever on thisawait hidePaperDialog();break;}}// even if it's closed, click empty space on the page to try to avoid the scroll-breaking bugclickEmptySpace();});}/** click empty space on the page to trigger youtube events that close dialogs and unblock scrolling*/function clickEmptySpace() {$(ytAppSelector).trigger('click');}// =========================// lwkjef's standard library// =========================// library constantsconst divTag = 'div';const buttonTag = 'button';const buttonType = 'button';const inputTag = 'input';const labelTag = 'label';const checkboxType = 'checkbox';// library GM keysconst gmDebug = 'debug';// library selectorsconst rootSelector = ':root';/** Log the given text if debug mode is enabled.*/async function debug(text) {if (await GM_getValue(gmDebug) === 'true') {log(text);}}/** Export all GM values as a CSV string, and open browser save file dialog to download it as a file.*/async function exportGMValues() {const csv = await getGMValuesCSV();exportTextFile(csv);}/** Export all GM values as a CSV string.** Example: 'key,value\nval1,val2'*/async function getGMValuesCSV() {let csv = 'key,value\and';for (const gmKey of await GM_listValues()) {csv += `${gmKey},${await GM_getValue(gmKey)}\and`;}return csv;}/** Wait until at least one node matching nodeSelector is added to ancestorNodeSelector.*/async function awaitNodeAdded(expectedSelector) {await debug(`awaitNodeAdded awaiting ${expectedSelector} added...`);const r###ltNode = await resolveMutation(async function(mutationsList, observer, resolve) {const expectedNode = $(expectedSelector)[0];if (expectedNode) {resolve(expectedNode);}}, _ => {});if (!r###ltNode) {await error(`awaitNodeAdded couldn't resolve addition of ${expectedSelector}`);}return r###ltNode;}/** Execute the given function, then wait until node is added. ancestorSelector MUST exist and should be as* close as possible to target node for efficiency.*/async function doAndAwaitNodeAdded(expectedSelector, triggerMutation) {const r###ltNode = await resolveMutation(async function(mutationsList, observer, resolve) {const expectedNode = $(expectedSelector)[0];if (expectedNode &&isShown(expectedNode)) {resolve(expectedNode);}}, triggerMutation);if (!r###ltNode) {await error(`doAndAwaitNodeAdded couldn't resolve addition of ${expectedSelector}`);}return r###ltNode;}/** Execute the given function, then wait until given node is removed. ancestorSelector MUST exist and* should be as close as possible to target node for efficiency.*/async function doAndAwaitNodeRemoved(expectedSelector, triggerMutation) {const r###ltNode = await resolveMutation(async function(mutationsList, observer, resolve) {const expectedNode = $(expectedSelector)[0];if (expectedNode &&!isShown(expectedNode)) {resolve(expectedNode);}}, triggerMutation);if (!r###ltNode) {await error(`doAndAwaitNodeRemoved couldn't resolve removal of ${expectedSelector}`);}return r###ltNode;}async function resolveMutation(onMutation, triggerMutation) {await debug(`entering resolveMutation`);let observer;try {const r###ltNode = await new Promise(resolve => {observer = new MutationObserver(async function(mutationsList, observer) {onMutation(mutationsList, observer, resolve);});$(rootSelector).each(async function() {observer.observe(this, {attributes: true, childList: true, subtree: true});});setTimeout(async function() {observer.disconnect();resolve(null);}, resolveMutationTimeout_ms);triggerMutation();});if (!r###ltNode) {await error(`resolveMutation couldn't resolve mutation`);}return r###ltNode;} finally {observer.disconnect();}}/** Get the current width of the browser, in pixels.*/function getClientWidth() {return (window.innerWidth ||document.documentElement.clientWidth ||document.body.clientWidth);}/** Get the current height of the browser, in pixels.*/function getClientHeight() {return (window.innerHeight ||document.documentElement.clientHeight ||document.body.clientHeight);}/** Create and return a new div container with the given id.*/function createContainer(id) {const container = document.createElement(divTag);container.id = id;return container;}/** Create and return a new button with the given id, text, onclick callback, and css style.*/function createButton(id, text, onclick, cssObj = {'background': 'grey', 'margin-left': '2px', 'margin-right': '2px', 'padding': '2px', 'font-size': '14px'}) {const button = document.createElement(buttonTag);button.id = id;button.type = buttonType;button.innerHTML = text;button.onclick = onclick;Object.keys(cssObj).forEach(key => {button.style[key] = cssObj[key]});return button;}/** Return true if node is displayed and visible, false otherwise.*/function isShown(node) {return node.style.display !== 'none' && node.style.visibility != 'hidden';}/** Hide the given node by setting the visibility style to hidden*/function hide(node) {node.style.visibility = 'hidden';}/** Unhide the given node by unsetting the visibility style (assuming it was set to hidden)*/function unhide(node) {node.style.visibility = '';}/** Prepend the script name to the given text*/function prependScriptName(text) {return `[${scriptName}] ${text}`;}/** Log the given text, prepended by the userscript name, to the browser console at standard log level*/function log(text) {console.log(prependScriptName(text));}/** Log the given text, prepended by the userscript name, to the browser console at warn log level*/function warn(text) {console.warn(prependScriptName(text));}/** Log the given text, prepended by the userscript name, to the browser console at error log level*/function error(text) {console.error(prependScriptName(text));}/** Return a Promise which waits for the given millisecond duration.*/async function delay(duration_ms) {await new Promise((resolve, reject) => {setTimeout(_ => resolve(), duration_ms)});}/** Return true if strings lowercased are equivalent, false otherwise.*/function equalsIgnoreCase(one, two) {return one.toLowerCase() === two.toLowerCase();}/** Export the given data as a text file and trigger browser to download it.** type may be 'text/csv', 'text/html', 'text/vcard', 'text/txt', 'application/csv', etc.** Example usage: exportFile('col1,col2\nval1,val2', 'text/csv');*/function exportTextFile(data, type='text/csv', charset='utf-8', filename='data.csv') {// IMPORTANT: we must manually revoke this object URL to avoid memory leaks!const objectURL = window.URL.createObjectURL(new Blob([data], {type: type}));// alternatively, we may create object URL manually//const objectURL = `data:${type};charset=${charset},${encodeURIComponent(data)}`try {triggerObjectURL(objectURL, filename);}finally {if (objectURL !== null) {window.URL.revokeObjectURL(objectURL);}}}/** Trigger the browser to download the given objectURL as a file.*/function triggerObjectURL(objectURL, filename='data.csv') {const a = document.createElement('a');a.href = objectURL;//supported by chrome 14+ and firefox 20+a.download = filename;const body = document.getElementsByTagName('body')[0];//needed for firefoxbody.appendChild(a);//supported by chrome 20+ and firefox 5+a.click();// clean upbody.removeChild(a);}/** jQuery extension to match elements that don't have display none nor css visibility hidden.* The built-in :visible selector stil matches elements with css visibility hidden because* they reserve space in the layout, but sometimes we want to actually match based on visibility* of the content rather than the layout space.** https://stackoverflow.com/a/33689304*/jQuery.extend(jQuery.expr[':'], {shown: function (el, index, selector) {return $(el).css('visibility') != 'hidden' && $(el).css('display') != 'none' && !$(el).is(':hidden')}});