Youtube Watch Later Quick Delete Button

yt-wl-quick-delete.js

// ==UserScript==
// @name        Youtube Watch Later Quick Delete
// @namespace   Violentmonkey Scripts
// @match       https://www.youtube.com/playlist?list=WL
// @icon        https://www.youtube.com/favicon.ico
// @grant       none
// @version     1.0
// @author      shiftgeist
// @description 29/08/2024, 14:41:36
// ==/UserScript==

// Utils

function isHidden(el) {
    var style = window.getComputedStyle(el);
    return ((style.display === 'none') || (style.visibility === 'hidden'));
}

function select(query) {
  return Array.from(document.querySelectorAll(query)).filter(menu => !isHidden(menu));
}

// el: string, setTo: refference, callback: function
function waitUntilVisible(query, callback, elements) {
  var elements = select(query);

  if (!elements.length) {
    setTimeout(() => {
      waitUntilVisible(query, callback, elements);
    }, 250);
  } else {
    callback(elements);
  }
}


// Logic

function clickDeleteInPopover() {
  setTimeout(() => {
    const listboxes = select('tp-yt-paper-listbox');
    const listbox = listboxes[listboxes.length - 1];
    const deleteButton = listbox.childNodes[3];
    deleteButton.click();
  }, 100);
}

waitUntilVisible('#contents.ytd-section-list-renderer', containers => {
  const container = containers[0];

  select('#meta h3').forEach(title => {
    const menu = title.parentElement.parentElement.parentElement.parentElement.querySelector('.ytd-playlist-video-renderer yt-icon.ytd-menu-renderer')

    const customButton = document.createElement('button');
    customButton.innerText = 'Delete from watched';
    customButton.style.padding = '0.8rem 2rem';

    customButton.addEventListener('click', (e) => {
      menu.click();
      clickDeleteInPopover();
    })

    title.before(customButton);
  });
});