Toggle non-media tweets on and off, for the power-viewer!
Versione datata
// ==UserScript==
// @name Twitter media-only filter toggle.
// @version 0.4
// @description Toggle non-media tweets on and off, for the power-viewer!
// @author Cro
// @match https://twitter.com/*
// @run-at document-idle
// @grant GM_setValue
// @grant GM_getValue
// @namespace https://greatest.deepsurf.us/users/10865
// ==/UserScript==
(function() {
'use strict';
// Die fast if we cannot hook into the button bar.
var buttonBar = document.getElementById("global-actions");
if (buttonBar === null) return;
var hideIfTarget = function(node)
{
if (node.tagName &&
node.tagName.toLowerCase() == "li" &&
node.classList.contains("stream-item") &&
null === node.querySelector("div.AdaptiveMediaOuterContainer"))
{
node.hidden = true;
}
};
var observer = new MutationObserver(mutations => mutations.forEach(mutation => mutation.addedNodes.forEach(hideIfTarget)));
var stream = document.getElementsByClassName("stream")[0];
// UI
var li = document.createElement("li");
var button = document.createElement("button");
var only = "Only Media Tweets";
var all = "All Tweets";
var storageKey = "cro-media-toggle";
button.onclick = function(event)
{
GM_setValue(storageKey, !GM_getValue(storageKey));
var items = document.querySelectorAll("li.stream-item");
if (GM_getValue(storageKey))
{
button.innerText = only;
items.forEach(hideIfTarget);
observer.observe(stream, { childList: true, subtree: true });
}
else
{
button.innerText = all;
items.forEach(node => node.hidden = false);
observer.disconnect();
}
};
buttonBar.appendChild(li);
li.appendChild(button);
button.click();
})();