Automatically displays replies hidden behind buttons
// ==UserScript==
// @name View More Twitter Replies
// @namespace jak0723
// @version 1.3.10
// @icon https://live.staticflickr.com/7136/7842096300_012ec6cbda_q.jpg
// @description Automatically displays replies hidden behind buttons
// @author JAK0723
// @include http*://*twitter.com/*
// @license MIT
// @grant none
// @run-at document-idle
// ==/UserScript==
(function () {
'use strict';
function findAndClick(selector, observer) {
const elem = document.querySelector(selector);
if (elem != null) {
elem.click();
observer.disconnect();
}
}
function isLink(element) {
return element.getAttribute("role") === "link";
}
function isParentLink(element, parentN) {
if (isLink(element)) {
return true;
}
for (let i = 0; i <= parentN; i++) {
element = element.parentElement;
if (isLink(element)) {
return true;
}
}
return false;
}
const config = {childList: true, subtree: true};
// Replies list
const repliesSelector = "[aria-labelledby^='accessible-list'][role='region'][class='css-1dbjc4n']";
// "View more replies" button on preview tweets
const viewMoreSelector = "[href*='i/status/']" +
"[role='link']" +
"[data-focusable='true']" +
"[class^='css-4rbku5 css-18t94o4 css-1dbjc4n r-1loqt21 r-1ny4l3l'][class$='r-o7ynqc r-6416eg'] " +
"div span";
// "Show additional replies, including those that may contain offensive content" button
const offensiveSelector = "[role='button']" +
"[data-focusable='true']" +
"[tabindex='0']" +
"[class^='css-18t94o4 css-1dbjc4n r-1niwhzg r-42olwf r-sdzlij r-1phboty r-rs99b7 r-1w2pmg'][class$='r-o7ynqc r-6416eg r-lrvibr'] " +
"div span span";
// "Show replies" and "Show more replies" buttons
const moreRepliesSelector = "div[dir='auto']" +
"[class^='css-901oao r-1n1174f r-1qd0xha r-a023e6 r-16dba41 r-rjixqe r-bcqeeo'][class$='r-qvutc0'] " +
"span[class^='css-901oao css-16my406'][class$='r-bcqeeo r-qvutc0']";
setTimeout(function () {
// For preview tweets, tweets that are opened from external sources may has a special format where only a few replies are shown and the rest are replaced
// by a "More Tweets" section that contains popular tweets from random accounts that may or may not be related to the previewed tweet
const previewSelector = "[data-testid='primaryColumn']" +
"[class='css-1dbjc4n r-yfoy6g r-18bvks7 r-1ljd8xs r-13l2t4g r-1phboty r-1jgb5lz r-11wrixw r-61z16t r-1ye8kvj r-13qz1uu r-184en5c']";
const preview = document.querySelector(previewSelector);
if (preview != null) {
const viewMore = document.querySelector(viewMoreSelector);
if (viewMore != null) {
viewMore.click();
}
}
}, 3000);
const rootCallback = function (mutationsList, observer) {
const repliesNode = document.querySelector(repliesSelector);
if (repliesNode != null) {
const offensiveObserver = new MutationObserver(offensiveCallback);
const moreRepliesObserver = new MutationObserver(moreRepliesCallback);
offensiveObserver.observe(repliesNode, config);
moreRepliesObserver.observe(repliesNode, config);
}
};
const offensiveCallback = function (mutationsList, observer) {
findAndClick(offensiveSelector, observer);
};
const moreRepliesCallback = function (mutationsList, observer) {
const moreRepliesNodes = document.querySelectorAll(moreRepliesSelector);
for (let elem of moreRepliesNodes) {
if (isParentLink(elem, 4)) {
continue;
}
elem.click();
}
};
const rootNode = document.querySelector("#react-root");
if (rootNode != null) {
const rootObserver = new MutationObserver(rootCallback);
rootObserver.observe(rootNode, config);
}
})();