// ==UserScript== // @name X.com - Default Following Tab // @namespace web.nextbyte.ai // @version 1.0 // @description Set Following as default tab. Optionally hide For You tab with configurable settings // @author NextByte // @match https://x.com/* // @match https://twitter.com/* // @grant GM_registerMenuCommand // @run-at document-start // ==/UserScript== (function () { "use strict"; // ---------- Configuration ---------- const CONFIG = { DEBUG: false, STORAGE_KEY: "x_default_tab_settings_v1", SELECTORS: { TAB_LIST: '[role="tablist"]', TAB: '[role="tab"]', FOR_YOU_TAB: '[role="tab"]:first-child', FOLLOWING_TAB: '[role="tab"]:last-child', }, TABS: { FOR_YOU: "For you", FOLLOWING: "Following", }, }; // ---------- Logging ---------- function dlog(...args) { if (CONFIG.DEBUG) console.log("[XDefaultTab]", ...args); } // ---------- Default Settings ---------- const DEFAULT_SETTINGS = { defaultTab: "following", // "for_you" | "following" hideForYouTab: false, alwaysSwitchOnNav: true, // true = always switch, false = only on fresh load }; // ---------- Settings Management ---------- let settings = { ...DEFAULT_SETTINGS }; function loadSettings() { try { const stored = localStorage.getItem(CONFIG.STORAGE_KEY); if (stored) { const parsed = JSON.parse(stored); settings = { ...DEFAULT_SETTINGS, ...parsed }; } } catch (e) { dlog("Failed to load settings:", e); } return settings; } function saveSettings() { try { localStorage.setItem(CONFIG.STORAGE_KEY, JSON.stringify(settings)); } catch (e) { dlog("Failed to save settings:", e); } } // ---------- Tab Detection and Switching ---------- let lastSwitchTime = 0; let hasProcessedInitialLoad = false; function getTabByName(name) { const tabs = document.querySelectorAll(CONFIG.SELECTORS.TAB); for (const tab of tabs) { const text = tab.textContent?.trim(); if (text === name) { return tab; } } return null; } function getCurrentTab() { const tabs = document.querySelectorAll(CONFIG.SELECTORS.TAB); for (const tab of tabs) { if (tab.getAttribute("aria-selected") === "true") { return tab.textContent?.trim(); } } return null; } function switchToDefaultTab() { const now = Date.now(); // Debounce: don't switch more than once per second if (now - lastSwitchTime < 1000) { return; } // Check if we should switch based on navigation setting if (!settings.alwaysSwitchOnNav && hasProcessedInitialLoad) { return; } const targetTabName = settings.defaultTab === "following" ? CONFIG.TABS.FOLLOWING : CONFIG.TABS.FOR_YOU; const currentTab = getCurrentTab(); // Already on the correct tab if (currentTab === targetTabName) { dlog("Already on target tab:", targetTabName); hasProcessedInitialLoad = true; return; } const targetTab = getTabByName(targetTabName); if (targetTab) { dlog("Switching to tab:", targetTabName); targetTab.click(); lastSwitchTime = now; hasProcessedInitialLoad = true; } } function isOnHomePage() { const path = window.location.pathname; return path === "/" || path === "/home"; } // ---------- Hide For You Tab ---------- let hideStyleElement = null; function updateHideForYouTab() { if (settings.hideForYouTab) { if (!hideStyleElement) { hideStyleElement = document.createElement("style"); hideStyleElement.id = "x-default-tab-hide-style"; document.head.appendChild(hideStyleElement); } // Hide the first tab (For You) in the tablist // Also handles the presentation wrapper hideStyleElement.textContent = ` [role="tablist"] > div:first-child { display: none !important; } `; } else { if (hideStyleElement) { hideStyleElement.remove(); hideStyleElement = null; } } } // ---------- Settings Modal ---------- let modalElement = null; function createSettingsModal() { if (modalElement) { modalElement.remove(); } const overlay = document.createElement("div"); overlay.id = "x-default-tab-settings-overlay"; overlay.innerHTML = ` `; document.body.appendChild(overlay); modalElement = overlay; // Set current values const defaultTabSelect = document.getElementById("x-setting-default-tab"); const hideForYouCheckbox = document.getElementById("x-setting-hide-for-you"); const alwaysSwitchCheckbox = document.getElementById("x-setting-always-switch"); defaultTabSelect.value = settings.defaultTab; hideForYouCheckbox.checked = settings.hideForYouTab; alwaysSwitchCheckbox.checked = settings.alwaysSwitchOnNav; // Event listeners defaultTabSelect.addEventListener("change", (e) => { settings.defaultTab = e.target.value; saveSettings(); dlog("Default tab changed to:", settings.defaultTab); }); hideForYouCheckbox.addEventListener("change", (e) => { settings.hideForYouTab = e.target.checked; saveSettings(); updateHideForYouTab(); dlog("Hide For You tab:", settings.hideForYouTab); }); alwaysSwitchCheckbox.addEventListener("change", (e) => { settings.alwaysSwitchOnNav = e.target.checked; saveSettings(); dlog("Always switch on nav:", settings.alwaysSwitchOnNav); }); // Close handlers const closeBtn = document.getElementById("x-settings-close"); closeBtn.addEventListener("click", closeSettingsModal); overlay.addEventListener("click", (e) => { if (e.target === overlay) { closeSettingsModal(); } }); // Escape key const escHandler = (e) => { if (e.key === "Escape") { closeSettingsModal(); document.removeEventListener("keydown", escHandler); } }; document.addEventListener("keydown", escHandler); } function closeSettingsModal() { if (modalElement) { modalElement.remove(); modalElement = null; } } // ---------- SPA Navigation Detection ---------- function setupNavigationListener() { // Track history changes for SPA navigation const originalPushState = history.pushState; const originalReplaceState = history.replaceState; history.pushState = function (...args) { originalPushState.apply(this, args); onNavigation(); }; history.replaceState = function (...args) { originalReplaceState.apply(this, args); onNavigation(); }; window.addEventListener("popstate", onNavigation); } function onNavigation() { dlog("Navigation detected:", window.location.pathname); if (isOnHomePage()) { // Reset the processed flag if alwaysSwitchOnNav is enabled if (settings.alwaysSwitchOnNav) { hasProcessedInitialLoad = false; } // Give the page a moment to render tabs setTimeout(trySwitch, 300); setTimeout(trySwitch, 600); setTimeout(trySwitch, 1000); } } function trySwitch() { if (isOnHomePage()) { switchToDefaultTab(); } } // ---------- Mutation Observer for Tab Detection ---------- let mutationObserver = null; function setupMutationObserver() { if (mutationObserver) return; mutationObserver = new MutationObserver((mutations) => { if (!isOnHomePage()) return; for (const mutation of mutations) { for (const node of mutation.addedNodes) { if (node.nodeType !== Node.ELEMENT_NODE) continue; // Check if tablist was added if ( node.matches?.(CONFIG.SELECTORS.TAB_LIST) || node.querySelector?.(CONFIG.SELECTORS.TAB_LIST) ) { dlog("Tab list detected"); setTimeout(switchToDefaultTab, 100); } } } }); mutationObserver.observe(document.body, { childList: true, subtree: true, }); dlog("Mutation observer started"); } // ---------- Register Menu Command ---------- function registerMenuCommand() { if (typeof GM_registerMenuCommand !== "undefined") { GM_registerMenuCommand("Default Tab Settings", createSettingsModal); dlog("Menu command registered"); } } // ---------- Initialization ---------- function init() { dlog("Initializing..."); loadSettings(); setupNavigationListener(); function onDOMReady() { dlog("DOM ready"); updateHideForYouTab(); registerMenuCommand(); setupMutationObserver(); // Initial check if (isOnHomePage()) { // Try multiple times as the page loads setTimeout(trySwitch, 500); setTimeout(trySwitch, 1000); setTimeout(trySwitch, 2000); } dlog("Initialization complete"); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", onDOMReady); } else { onDOMReady(); } } dlog("Script loaded"); init(); })();