Youtube: expand description and long comments; show all the replies

Video description, long comments and list of subscriptions are expanded automatically; all the replies are shown after pressing "Show more replies" button

// ==UserScript==
// @name          Youtube: expand description and long comments; show all the replies
// @description   Video description, long comments and list of subscriptions are expanded automatically; all the replies are shown after pressing "Show more replies" button
// @author        MK
// @namespace     max44
// @homepage      https://greasyfork.org/en/users/309172-max44
// @match         *://*.youtube.com/*
// @match         *://*.youtu.be/*
// @icon          https://cdn.icon-icons.com/icons2/1488/PNG/512/5295-youtube-i_102568.png
// @version       1.2.15
// @license       MIT
// @require       https://openuserjs.org/src/libs/sizzle/GM_config.js
// @grant         GM_getValue
// @grant         GM_setValue
// @grant         GM_registerMenuCommand
// @run-at        document-end
// ==/UserScript==

(function () {
  'use strict';

  //WORKAROUND: This document requires 'TrustedHTML' assignment
  if (window.trustedTypes && trustedTypes.createPolicy) {
    if (!trustedTypes.defaultPolicy) {
      const passThroughFn = (x) => x;
      trustedTypes.createPolicy('default', {
        createHTML: passThroughFn,
        createScriptURL: passThroughFn,
        createScript: passThroughFn,
      });
    }
  }

  var gm_css = `
  #yt_expand_desc_comments_replies * {
    font-family: Roboto, Arial, sans-serif !important;
  }
  #yt_expand_desc_comments_replies .config_header {
    font-size: 20px !important;
    font-weight: bold !important;
  }
  #yt_expand_desc_comments_replies .field_label {
    font-size: 13px !important;
    font-weight: 400 !important;
  }
  #yt_expand_desc_comments_replies input[type="text"] {
    width: 50px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    border-radius: 3px !important;
  }
  #yt_expand_desc_comments_replies button {
    font-size: 12px !important;
  }`;

  var gm_frameStyle = `border: 2px solid rgb(0, 0, 0); border-radius: 6px; height: 50%; width: 30%; margin: 0px; max-height: 350px; max-width: 95%; min-height: 350px; min-width: 500px; opacity: 1; overflow: auto; padding: 0px; position: fixed; z-index: 9999; display: block;`;

  GM_config.init({
    id: 'yt_expand_desc_comments_replies',
    title: 'Settings for "' + GM_info.script.name + '" script',
    css: gm_css,
    frameStyle: gm_frameStyle,
    fields: {
      'fldExpandDesc': {
        'label': 'Expand video description',
        'labelPos': 'above',
        'type': 'checkbox',
        'default': true
      },
      'fldExpandLongComments': {
        'label': 'Expand long comments',
        'labelPos': 'above',
        'type': 'checkbox',
        'default': true
      },
      'fldExpandLongReplies': {
        'label': 'Expand long replies to comments',
        'labelPos': 'above',
        'type': 'checkbox',
        'default': true
      },
      'fldShowAllReplies': {
        'label': 'Show all the replies to a comment',
        'labelPos': 'above',
        'type': 'checkbox',
        'default': true
      },
      'fldExpandSubs': {
        'label': 'Expand list of subscriptions',
        'labelPos': 'above',
        'type': 'checkbox',
        'default': true
      }
    }
  });

  GM_registerMenuCommand('Settings', () => {
    GM_config.open();
  });

  var videoIdAtLastCheck = "";
  var btnClick = null;
  var waitVideo;
  var i;

  var observerBody = null;
  var observerSubs = null;
  var flgSubsDone = false;
  var observerDesc = null;
  var observerComments = null;
  //var observerCommentsTabview = null;
  var observerCommentsNotif = null;
  var observerComPost = null;

  const delay = ms => new Promise(res => setTimeout(res, ms));
  const waitAndScroll = async () => {
    await delay(500);
    window.scrollTo(0, 0);
  };


  //---
  //--- Listen to global page changes
  //---
  const callbackBody = function (mutationsList, observer) {

    var pathArray = window.location.pathname.split('/');
    var firstPath = pathArray[1];
    var lastPath = pathArray[pathArray.length - 1];

    //Check whether video is new to expand description
    if (firstPath === "watch" || firstPath === "live") {
      //var player = $( "div#content ytd-watch-flexy" );
      var player = document.querySelectorAll("div#content ytd-watch-flexy");
      if (player != null && player.length > 0) {
        clearInterval(waitVideo); //Stop waiting for video
        var videoId = player[0].getAttribute("video-id");
        player = null;

        if (videoIdAtLastCheck != videoId) {
          videoIdAtLastCheck = videoId;
          expandDesc();
          waitAndScroll();
        }
      }
    }

/*    //---
    //--- Listen to description and expand it
    //---
    if (observerDesc == null) {
      const callbackDesc = function (mutationsList, observer) {
        //Check whether video is new to expand description
        if (firstPath === "watch") {
          var player = $( "div#content ytd-watch-flexy" );
          if (player != null && player.length > 0) {
            clearInterval(waitVideo); //Stop waiting for video
            var videoId = player[0].getAttribute("video-id");
            player = null;

            if (videoIdAtLastCheck != videoId) {
              videoIdAtLastCheck = videoId;
              console.log("new video");
              expandDesc();
            }
          }
        }
      }
      let nodeDesc = document.querySelector("#player");//document.querySelector(".watch-active-metadata");
      if (nodeDesc != null) {
        observerDesc = new MutationObserver(callbackDesc);
        observerDesc.observe(nodeDesc, {childList: true, subtree: true, attributes: true, characterData: false});
        console.log("desc observer added");
      }
    }*/

    //Remove subscriptions observer after subscriptions have been expanded
    if (flgSubsDone && observerSubs != null) {
      observerSubs.disconnect(); //Expand subscriptions only once
      observerSubs = null;
    }

    //---
    //--- Listen to community posts and expand them
    //---
    if (observerComPost == null && lastPath === "community") {
      const callbackComPost = function (mutationsList, observer) {
        expandComPosts();
        expandComments();
      }
      let nodeComPost = document.querySelector("#primary #contents #contents");
      if (nodeComPost != null) {
        observerComPost = new MutationObserver(callbackComPost);
        observerComPost.observe(nodeComPost, {childList: true, subtree: true, attributes: true, characterData: false});
      }
    }
    //Remove community post observer on non-community pages
    if (observerComPost != null && lastPath != "community") {
      observerComPost.disconnect();
      observerComPost = null;
    }

    //---
    //--- Listen to comments and expand them
    //---
    if (observerComments == null && (firstPath === "watch" || firstPath === "live" || firstPath === "post" || firstPath === "shorts" || lastPath === "community")) {
      const callbackComments = function (mutationsList, observer) {
        expandComments();
      }
      let nodeComments = null;
      let nodeCommentsTabview = null;
      if (firstPath === "shorts") {
        nodeComments = document.querySelector("ytd-shorts ytd-comments:not([hidden='']");
        if (nodeComments != null) {
          observerComments = new MutationObserver(callbackComments);
          observerComments.observe(nodeComments, {childList: true, subtree: true, attributes: true, characterData: false});
        }
      } else {
        nodeComments = document.querySelector("#primary ytd-comments:not([hidden='']");
        if (nodeComments != null) {
          observerComments = new MutationObserver(callbackComments);
          observerComments.observe(nodeComments, {childList: true, subtree: true, attributes: true, characterData: false});
        }
        nodeCommentsTabview = document.querySelector("#right-tabs ytd-comments:not([hidden='']");
        if (nodeCommentsTabview != null) {
          observerComments = new MutationObserver(callbackComments);
          observerComments.observe(nodeCommentsTabview, {childList: true, subtree: true, attributes: true, characterData: false});
        }
      }
    }
    //Remove comments observer
    if (observerComments != null && firstPath != "watch" && firstPath != "live" && firstPath != "shorts" && firstPath != "post" && lastPath != "community") {
      observerComments.disconnect();
      observerComments = null;
    }

    //---
    //--- Listen to comments in notification submenu and expand them
    //---
    if (observerCommentsNotif == null) {
      const callbackCommentsNotif = function (mutationsList, observer) {
        expandCommentsNotif();
      }
      let nodeCommentsNotif = null;
      nodeCommentsNotif = document.querySelector("ytd-popup-container #contentWrapper");
      if (nodeCommentsNotif != null) {
        observerCommentsNotif = new MutationObserver(callbackCommentsNotif);
        observerCommentsNotif.observe(nodeCommentsNotif, {childList: true, subtree: true, attributes: true, characterData: false});
      }
    }
  }

  let nodeBody = document.querySelector("body");
  if (nodeBody != null) {
    const observerBody = new MutationObserver(callbackBody);
    observerBody.observe(nodeBody, {childList: true, subtree: true, attributes: true, characterData: false});
  }

  //---
  //--- Listen to subscriptions and expand them
  //---
  const callbackSubs = function (mutationsList, observer) {
    expandSubs();
  }
  let nodeSubs = document.querySelector("div#guide-wrapper");
  if (nodeSubs != null) {
    observerSubs = new MutationObserver(callbackSubs);
    observerSubs.observe(nodeSubs, {childList: true, subtree: true, attributes: true, characterData: false});
  }


  //---------------------------------------
  // Expand description
  //---------------------------------------
  function expandDesc() {
    if (GM_config.fields['fldExpandDesc'].value) {
      //Expand description
      /*btnClick = $( "div#description ytd-text-inline-expander tp-yt-paper-button#expand[role='button']:not([hidden=''])" );
    if (btnClick != null && btnClick.length > 0) {// && isVisible(btnClick)) {
      btnClick[0].click();
    }*/

      //Expand description - suggested by gcobc12632
      //btnClick = $( "yt-interaction#description-interaction" );
      btnClick = document.querySelector("yt-interaction#description-interaction");
      if (btnClick != null) {// && isVisible(btnClick)) {
        btnClick.click();
        return;
      }

      //Expand description after 7ktTube | 2016 REDUX script
      //btnClick = $( "div#meta-contents ytd-video-secondary-info-renderer div ytd-expander tp-yt-paper-button#more:not([hidden=''])" );
      btnClick = document.querySelectorAll("div#meta-contents ytd-video-secondary-info-renderer div ytd-expander tp-yt-paper-button#more:not([hidden=''])");
      if (btnClick != null && btnClick.length > 0) {// && isVisible(btnClick)) {
        btnClick[0].click();
      }
    }
  }

  //---------------------------------------
  // Expand post and comments in community section
  //---------------------------------------
  function expandComPosts() {
    if (GM_config.fields['fldExpandLongComments'].value) {
      //Expand long post in community section
      btnClick = document.querySelectorAll("#post tp-yt-paper-button#more:not([hidden='']) > span.more-button");
      if (btnClick != null && btnClick.length > 0) {
        for (i = 0; i < btnClick.length; i++) {
          btnClick[i].click();
          btnClick[i].parentNode.previousElementSibling.setAttribute("style", "display:none;"); //Hide "Show less" button
        }
      }
    }
  }

  //---------------------------------------
  // Expand comments
  //---------------------------------------
  function expandComments() {
    if (GM_config.fields['fldExpandLongComments'].value) {
      //Expand long comments and hide "show less" button in comments section
      btnClick = document.querySelectorAll("ytd-comments ytd-comment-thread-renderer > ytd-comment-view-model#comment tp-yt-paper-button#more:not([hidden='']) > span.more-button");
      if (btnClick != null) {
        for (i = 0; i < btnClick.length; i++) {
          btnClick[i].click();
          btnClick[i].setAttribute("clicked-by-script", "true"); //Do not click it again
          btnClick[i].parentNode.previousElementSibling.setAttribute("style", "display:none;"); //Hide "Show less" button
        }
      }
    }

    if (GM_config.fields['fldExpandLongReplies'].value) {
      //Expand long replies and hide "show less" button in comments section
      btnClick = document.querySelectorAll("ytd-comments #replies tp-yt-paper-button#more:not([hidden='']) > span.more-button");
      if (btnClick != null) {
        for (i = 0; i < btnClick.length; i++) {
          btnClick[i].click();
          btnClick[i].setAttribute("clicked-by-script", "true"); //Do not click it again
          btnClick[i].parentNode.previousElementSibling.setAttribute("style", "display:none;"); //Hide "Show less" button
        }
      }
    }

    if (GM_config.fields['fldShowAllReplies'].value) {
      //Show all replies upon pressing "Show more replies" button (not in notification submenu)
      btnClick = document.querySelectorAll("#primary div#replies div#expander div#expander-contents div#button.ytd-continuation-item-renderer:not([hidden]) ytd-button-renderer.ytd-continuation-item-renderer button.yt-spec-button-shape-next:not([clicked-by-script='true'])");
      if (btnClick != null) {
        for (i = 0; i < btnClick.length; i++) {
          btnClick[i].click();
          btnClick[i].setAttribute("clicked-by-script", "true"); //Do not click it again
        }
      }
      //Rearm "Show more replies" button
      btnClick = document.querySelectorAll("#primary div#replies div#expander div#expander-contents div#button.ytd-continuation-item-renderer[hidden=''] ytd-button-renderer.ytd-continuation-item-renderer button.yt-spec-button-shape-next[clicked-by-script='true']");
      if (btnClick != null) {
        for (i = 0; i < btnClick.length; i++) {
          btnClick[i].removeAttribute("clicked-by-script", "true"); //Click it again when it becomes not hidden
        }
      }

      //Show all replies upon pressing "View more comments" button (7ktTube | 2016 REDUX script)
      btnClick = document.querySelectorAll("#primary div#replies div#expander div#expander-contents div#button.ytd-continuation-item-renderer:not([hidden]) ytd-button-renderer tp-yt-paper-button#button[role='button']:not([clicked-by-script='true'])");
      if (btnClick != null) {
        for (i = 0; i < btnClick.length; i++) {
          btnClick[i].click();
          btnClick[i].setAttribute("clicked-by-script", "true"); //Do not click it again
        }
      }
      //Rearm "View more comments" button (7ktTube | 2016 REDUX script)
      btnClick = document.querySelectorAll("#primary div#replies div#expander div#expander-contents div#button.ytd-continuation-item-renderer[hidden=''] ytd-button-renderer tp-yt-paper-button#button[role='button'][clicked-by-script='true']");
      if (btnClick != null) {
        for (i = 0; i < btnClick.length; i++) {
          btnClick[i].click();
          btnClick[i].removeAttribute("clicked-by-script", "true"); //Click it again when it becomes not hidden
        }
      }
    }
  }

  //---------------------------------------
  // Expand comments in notification submenu
  //---------------------------------------
  function expandCommentsNotif() {
    if (GM_config.fields['fldExpandLongComments'].value) {
      //Expand long comments and hide "show less" button in notification submenu
      btnClick = document.querySelectorAll("#submenu ytd-comment-thread-renderer > #comment tp-yt-paper-button#more:not([hidden='']) > span.more-button[slot='more-button']:not([clicked-by-script='true'])");
      if (btnClick != null) {
        for (i = 0; i < btnClick.length; i++) {
          btnClick[i].click();
          btnClick[i].setAttribute("clicked-by-script", "true"); //Do not click it again
          btnClick[i].parentNode.previousElementSibling.setAttribute("style", "display:none;"); //Hide "Show less" button
        }
      }
    }

    if (GM_config.fields['fldExpandLongReplies'].value) {
      //Expand long replies and hide "show less" button in notification submenu
      btnClick = document.querySelectorAll("#submenu ytd-comment-thread-renderer > #replies tp-yt-paper-button#more:not([hidden='']) > span.more-button[slot='more-button']:not([clicked-by-script='true'])");
      if (btnClick != null) {
        for (i = 0; i < btnClick.length; i++) {
          btnClick[i].click();
          btnClick[i].setAttribute("clicked-by-script", "true"); //Do not click it again
          btnClick[i].parentNode.previousElementSibling.setAttribute("style", "display:none;"); //Hide "Show less" button
        }
      }
    }
  }

  //---------------------------------------
  // Show all subscriptions
  //---------------------------------------
  function expandSubs() {
    if (GM_config.fields['fldExpandSubs'].value) {
      //btnClick = $( "#guide div#sections div#items ytd-guide-collapsible-entry-renderer.ytd-guide-section-renderer[can-show-more=''] #expander-item" );
      btnClick = document.querySelectorAll("#guide div#sections div#items ytd-guide-collapsible-entry-renderer.ytd-guide-section-renderer:not([expanded='']) #expander-item");
      if (btnClick != null) {
        for (i = 0; i < btnClick.length; i++) {
          if (isVisible(btnClick[i])) {
            btnClick[i].click();
            flgSubsDone = true;
          }
        }
      }
    }
  }

  //---------------------------------------
  // Check all the parents of element to find whether it is visible or not
  //---------------------------------------
  function isVisible(pObj) {
    if (pObj != null) {
      var checkNext = true;
      var vObj = pObj;

      while (checkNext) {
        checkNext = false;
        //console.log("checking element " + vObj.tagName + "#" + vObj.id + ": '" + document.defaultView.getComputedStyle(vObj,null)['display'] + "'");
        if (document.defaultView.getComputedStyle(vObj,null)['display'] != "none") {
          if (vObj.parentElement != null) {
            vObj = vObj.parentElement;
            checkNext = true;
          }
        } else {
          return false;
        }
      }
      return true;
    }
    return false;
  }


})();

    /*//Detect spinner at main comments
    var spinnerMain = $( "#primary div#replies div#expander tp-yt-paper-spinner#spinner[active]" );
    if (spinnerMain != null && spinnerMain.length > 0) {
      console.log("main active spinner detected");
      spinnerActive = true;

      //Listen to spinner changes
      const spinnerCallback = function (mutationsList, observer) {
        expandComments();

        //spinnerMain = $( "#primary div#replies div#expander tp-yt-paper-spinner#spinner[active]" );
        if (spinnerMain[0].getAttribute("active") == null || spinnerMain[0].getAttribute("active") == "") {
          console.log("main spinner deactivated");
          spinnerObserver.disconnet();
        }
      }

      var spinnerNode = document.querySelector("#primary div#replies div#expander tp-yt-paper-spinner#spinner[active]");
      if (spinnerNode != null) {
        const spinnerObserver = new MutationObserver(spinnerCallback);
        spinnerObserver.observe(spinnerNode, {childList: true, subtree: true, attributes: true, characterData: true});
      }

    } else if (spinnerActive) {
      console.log("spinner stopped");
      spinnerActive = false;
      expandComments();
    }*/