Twitter: always Following tab

Greasy Fork is available in English.
Twitter: always Following tab

Select the "Following" tab on Twitter automatically, with chronological sorting.
换行
// ==UserScript==
// @name           Twitter: always Following tab
// @namespace      https://andrybak.dev
// @version        4.2
// @description    Select the "Following" tab on Twitter automatically, with chronological sorting.
// @author         Andrei Rybak
// @license        MIT
// @match          https://x.com/*
// @icon           https://abs.twimg.com/favicons/twitter.2.ico
// @grant          none
// @run-at         document-idle
// ==/UserScript==

/*
 * Copyright (c) 2025-2026 Andrei Rybak
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */

(function() {
	'use strict';

	const LOG_PREFIX = "[Twitter: always Following tab]";
	const DEBUG = false;
	function error(...toLog) {
		console.error(LOG_PREFIX, ...toLog);
	}
	function warn(...toLog) {
		console.warn(LOG_PREFIX, ...toLog);
	}
	function info(...toLog) {
		console.info(LOG_PREFIX, ...toLog);
	}
	function debug(...toLog) {
		if (DEBUG) {
			console.debug(LOG_PREFIX, ...toLog);
		}
	}

	let tryCount = 0;
	let myDelay = 100;
	const myTimeouts = [];

	function cancelMyTimeouts() {
		for (const id of myTimeouts) {
			clearTimeout(id);
		}
		myTimeouts.length = 0;
	}

	function mySetTimeout(fn, delay) {
		const id = setTimeout(fn, delay);
		myTimeouts.push(id);
	}

	function tryAgainLater(msg) {
		info(msg, `Sleeping for ${myDelay} millis...`);
		mySetTimeout(selectFollowing, myDelay);
		myDelay = Math.min(myDelay * 2, 5000);
	}

	function selectFollowing() {
		info('Selecting "Following"...');
		tryCount++;
		if (tryCount > 20) {
			warn('Aborting.');
			return;
		}
		const followingTabs = Array.from(document.querySelectorAll('nav[aria-live="polite"] [role="tab"]')).filter(tab => tab.innerText.includes('Following'));
		if (followingTabs.length === 0) {
			tryAgainLater('Cannot find the tab "Following".');
			return;
		}
		const tab = followingTabs[0];
		if (tab.ariaSelected == 'true') {
			info('Tab "Following" is already selected.');
		} else {
			tab.click();
			info('Clicked on the tab.');
		}
		mySetTimeout(() => {
			const svgIcon = tab.querySelector('svg');
			svgIcon.dispatchEvent(new MouseEvent('click', { bubbles:true }));
			info('Clicked on the dropdown icon.');
			mySetTimeout(() => {
				// "Dropdown" for the desktop view, "sheetDialog" for the mobile website
				const dropdownOptions = document.querySelectorAll('[data-testid="Dropdown"] > div, [data-testid="sheetDialog"] > div');
				const recentOptions = Array.from(dropdownOptions).filter(ddo => ddo.innerText.includes('Recent'));
				if (recentOptions.length === 0) {
					tryAgainLater('Cannot find option "Recent".');
					return;
				}
				const recentOption = recentOptions[0];
				info('Selecting sort by "Recent"...');
				recentOption.click();
				info('Done.');
			}, 2000);
		}, 1000);
	}

	function observeTitle(callback) {
		let title = document.title;
		const titleObserver = new MutationObserver(mutationsList => {
			const maybeNewTitle = document.title;
			if (maybeNewTitle != title) {
				info('Title changed:', maybeNewTitle);
				title = maybeNewTitle;
				callback(); // supplied from outside
			}
		});
		const titleElement = document.getElementsByTagName('title')[0];
		titleObserver.observe(titleElement, { subtree: true, characterData: true, childList: true });
	}

	function startSelectingFollowing() {
		info('Starting...');
		cancelMyTimeouts();
		if (document.location.pathname === '/home') {
			selectFollowing();
		}
	}

	startSelectingFollowing();
	observeTitle(startSelectingFollowing);
})();