Hide Twitter Crap

Hide noise on Twitter ("Who to follow", etc)

Vous devrez installer une extension telle que Tampermonkey, Greasemonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Userscripts pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension de gestionnaire de script utilisateur pour installer ce script.

(J'ai déjà un gestionnaire de scripts utilisateur, laissez-moi l'installer !)

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

(J'ai déjà un gestionnaire de style utilisateur, laissez-moi l'installer!)

// ==UserScript==
// @name        Hide Twitter Crap
// @namespace   Violentmonkey Scripts
// @match       https://x.com/*
// @grant       none
// @version     1.0
// @author      turtlebasket
// @run-at      document-idle
// @license     MIT
// @description Hide noise on Twitter ("Who to follow", etc)
// ==/UserScript==


// https://stackoverflow.com/a/61511955
function waitForEl(selector) {
    return new Promise(resolve => {
        if (document.querySelector(selector)) {
            return resolve(document.querySelector(selector));
        }

        const observer = new MutationObserver(mutations => {
            if (document.querySelector(selector)) {
                observer.disconnect();
                resolve(document.querySelector(selector));
            }
        });

        // If you get "parameter 1 is not of type 'Node'" error, see https://stackoverflow.com/a/77855838/492336
        observer.observe(document.body, {
            childList: true,
            subtree: true
        });
    });
}


for (let label of [
  '[aria-label="Premium"]',
  '[aria-label="Trending"]',
]) {
  waitForEl(label).then((el) => {
    el.style.display = 'none';
  })
}

// draft:
// hide "what's happening", "who to follow", etc; this attempts to leave the searchbar intact

// waitForEl('[aria-label="Trending"]').then((trendingEl) => {
//   let trendingContainerEls = trendingEl.childNodes[0].childNodes;
//   console.log(trendingContainerEls)
//   for (let elIndex of [2, 3]) {
//     trendingContainerEls[elIndex].style.display = 'none';
//   }
// })