// ==UserScript== // @name X/Twitter - Remove Reposts & Add Reposts Tab // @namespace web.nextbyte.ai // @version 3.0 // @description Removes reposts from profile timeline and adds a new "Reposts" tab to view all reposts separately // @author NextByte // @match https://x.com/* // @match https://twitter.com/* // @grant none // @run-at document-start // ==/UserScript== (function() { 'use strict'; console.log('[X/Twitter Reposts Filter] Script loaded - v3.0'); // Store removed reposts for the Reposts tab const repostStorage = new Map(); let currentUsername = null; // Function to extract username from URL function getCurrentUsername() { const match = window.location.pathname.match(/^\/([^\/]+)/); if (match && match[1] && !['home', 'explore', 'notifications', 'messages', 'i', 'compose', 'settings'].includes(match[1])) { return match[1]; } return null; } // Function to check if we're on a profile page function isProfilePage() { const username = getCurrentUsername(); return username !== null && !window.location.pathname.includes('/status/'); } // Function to check if we're on the reposts tab function isRepostsTab() { return window.location.pathname.includes('/reposts'); } // Function to check if a tweet is a repost function isRepost(tweetElement) { // Check for socialContext with "reposted" text const socialContext = tweetElement.querySelector('[data-testid="socialContext"]'); if (socialContext) { const text = socialContext.textContent.toLowerCase(); if (text.includes('reposted') || text.includes('retweeted')) { return true; } } // Alternative check: look for repost indicator in the article structure const repostIndicator = tweetElement.querySelector('[data-testid="socialContext"] span'); if (repostIndicator && (repostIndicator.textContent.includes('reposted') || repostIndicator.textContent.includes('retweeted'))) { return true; } return false; } // Function to hide/show reposts based on current tab function filterTweets() { if (!isProfilePage()) return; const onRepostsTab = isRepostsTab(); console.log('[X/Twitter Reposts Filter] Filtering tweets - On Reposts Tab:', onRepostsTab); const tweets = document.querySelectorAll('article[data-testid="tweet"]'); tweets.forEach(tweet => { const cellInnerDiv = tweet.closest('[data-testid="cellInnerDiv"]'); if (!cellInnerDiv) return; const isRepostTweet = isRepost(tweet); if (onRepostsTab) { // On Reposts tab: show only reposts if (isRepostTweet) { cellInnerDiv.style.display = ''; cellInnerDiv.style.visibility = 'visible'; } else { cellInnerDiv.style.display = 'none'; cellInnerDiv.style.visibility = 'hidden'; } } else { // On other tabs: hide reposts if (isRepostTweet) { cellInnerDiv.style.display = 'none'; cellInnerDiv.style.visibility = 'hidden'; } else { cellInnerDiv.style.display = ''; cellInnerDiv.style.visibility = 'visible'; } } }); } // Function to add Reposts tab to profile navigation function addRepostsTab() { if (!isProfilePage()) return; const username = getCurrentUsername(); if (!username) return; // Check if tab already exists if (document.querySelector('a[href="/' + username + '/reposts"]')) { return; } // Find the tab list const tabList = document.querySelector('[role="tablist"]'); if (!tabList) return; // Find the Media tab to insert after it const mediaTab = tabList.querySelector('a[href="/' + username + '/media"]'); if (!mediaTab) return; const mediaTabContainer = mediaTab.closest('[role="presentation"]'); if (!mediaTabContainer) return; // Create Reposts tab const repostsTabContainer = document.createElement('div'); repostsTabContainer.setAttribute('role', 'presentation'); repostsTabContainer.className = mediaTabContainer.className; const isActive = isRepostsTab(); repostsTabContainer.innerHTML = `

\n Reposts

`; // Insert after Media tab mediaTabContainer.parentNode.insertBefore(repostsTabContainer, mediaTabContainer.nextSibling); console.log('[X/Twitter Reposts Filter] Reposts tab added for user: ' + username); } // Function to handle clicks on tabs function handleTabClick(e) { const username = getCurrentUsername(); if (!username) return; // Check if clicking on any profile tab const tabList = document.querySelector('[role="tablist"]'); if (!tabList || !tabList.contains(e.target)) return; const tab = e.target.closest('a[role="tab"]'); if (!tab) return; const href = tab.getAttribute('href'); if (!href || !href.startsWith('/' + username)) return; e.preventDefault(); // Update URL without page reload history.pushState({}, '', href); // Update tab states const allTabs = tabList.querySelectorAll('a[role="tab"]'); allTabs.forEach(t => { const isActive = t.getAttribute('href') === href; t.setAttribute('aria-selected', isActive ? 'true' : 'false'); if (isActive) { t.removeAttribute('tabindex'); } else { t.setAttribute('tabindex', '-1'); } // Update styling const textDiv = t.querySelector('div[dir="ltr"]'); if (textDiv) { if (isActive) { textDiv.style.color = 'rgb(231, 233, 234)'; textDiv.classList.remove('r-majxgm'); textDiv.classList.add('r-b88u0q'); } else { textDiv.style.color = 'rgb(113, 118, 123)'; textDiv.classList.remove('r-b88u0q'); textDiv.classList.add('r-majxgm'); } } // Update underline const underline = t.querySelector('div.r-xoduu5'); if (underline) { if (isActive) { underline.className = 'css-175oi2r r-xoduu5 r-1kihuf0 r-sdzlij r-1p0dtai r-hdaws3 r-s8bhmr r-u8s1d r-13qz1uu'; underline.style.backgroundColor = 'rgb(29, 155, 240)'; } else { underline.className = 'css-175oi2r r-xoduu5'; underline.style.backgroundColor = ''; } } }); // Filter tweets filterTweets(); } // Function to handle URL changes (for SPA navigation) function handleUrlChange() { currentUsername = getCurrentUsername(); // Add tab if on profile page setTimeout(() => { addRepostsTab(); filterTweets(); }, 300); // Additional filter after content loads setTimeout(() => { filterTweets(); }, 800); } // Observer to watch for new tweets being loaded const observer = new MutationObserver((mutations) => { let shouldFilter = false; for (const mutation of mutations) { if (mutation.addedNodes.length > 0) { for (const node of mutation.addedNodes) { if (node.nodeType === 1) { // Element node if (node.matches && (node.matches('article[data-testid="tweet"]') || node.querySelector('article[data-testid="tweet"]'))) { shouldFilter = true; break; } // Check if tab list was added if (node.matches && (node.matches('[role="tablist"]') || node.querySelector('[role="tablist"]'))) { addRepostsTab(); } } } } } if (shouldFilter) { filterTweets(); } }); // Start observing when DOM is ready function init() { // Initial setup handleUrlChange(); // Add click listener for profile tabs document.addEventListener('click', handleTabClick, true); // Start observing for dynamic content observer.observe(document.body, { childList: true, subtree: true }); // Listen for URL changes (SPA navigation) let lastUrl = location.href; new MutationObserver(() => { const url = location.href; if (url !== lastUrl) { lastUrl = url; handleUrlChange(); } }).observe(document.querySelector('title'), { subtree: true, characterData: true, childList: true }); // Listen for popstate (back/forward navigation) window.addEventListener('popstate', () => { handleUrlChange(); }); } // Wait for DOM to be ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } console.log('[X/Twitter Reposts Filter] Initialized - Ready to filter reposts'); })();