// ==UserScript== // @name X Feed Country Display + Filter // @namespace https://tweeks.io/ // @version 1.1.0 // @description Adds country flags to posts and lets you filter your X feed by country, either showing only selected countries or hiding specific ones. // @author Tweeks // @match *://x.com/* // @match *://twitter.com/* // @grant GM_registerMenuCommand // @grant unsafeWindow // @run-at document-start // ==/UserScript== (function () { 'use strict'; const CONFIG = { DEBUG: false, FALLBACK_QUERY_ID: 'XRqGa7EeokUU5kppkh13EA', QUERY_ID_CACHE_KEY: 'x_country_filter_queryid_v1', QUERY_ID_CACHE_TTL_MS: 24 * 60 * 60 * 1000, SETTINGS_KEY: 'x_country_filter_settings_v1', CACHE_KEY: 'x_country_filter_cache_v1', PANEL_OPEN_KEY: 'x_country_filter_panel_open_v1', PANEL_POSITION_KEY: 'x_country_filter_panel_position_v1', CACHE_TTL_MS: 7 * 24 * 60 * 60 * 1000, NEGATIVE_TTL_MS: 15 * 60 * 1000, CACHE_PRUNE_EVERY_MS: 10 * 60 * 1000, TWEET_SCAN_EVERY_MS: 4000, PANEL_ENSURE_EVERY_MS: 5000, STATS_UPDATE_EVERY_MS: 5000, API: { MIN_INTERVAL_MS: 1800, MAX_CONCURRENT: 2, RETRY_LIMIT: 2, RETRY_DELAY_MS: 4000, QUEUE_MAX: 120, CIRCUIT_BREAKER_429_THRESHOLD: 2, CIRCUIT_BREAKER_COOLDOWN_MS: 2 * 60 * 1000 }, SELECTORS: { TWEET: 'article[data-testid="tweet"]', USERNAME: '[data-testid="UserName"], [data-testid="User-Name"]', CELL: '[data-testid="cellInnerDiv"]' }, HIDDEN_CLASS: 'x-country-filter-hidden', BADGE_CLASS: 'x-country-filter-badge', PANEL_HOST_ID: 'x-country-filter-panel-host' }; const DEFAULT_SETTINGS = { enabled: true, mode: 'allow', countries: ['united states'], unknownPolicy: 'hide', pendingPolicy: 'show', failOpenOnError: true, showBadges: true }; const COUNTRY_ALIASES = { us: 'united states', usa: 'united states', 'united states of america': 'united states', america: 'united states', uk: 'united kingdom', 'great britain': 'united kingdom', britain: 'united kingdom', uae: 'united arab emirates', 'south korea': 'korea', 'north korea': 'korea', czechia: 'czech republic', 'russian federation': 'russia', turkiye: 'turkey', 'türkiye': 'turkey', europe: 'european union' }; const COUNTRY_FLAGS = { afghanistan: '🇦🇫', albania: '🇦🇱', algeria: '🇩🇿', andorra: '🇦🇩', angola: '🇦🇴', 'antigua and barbuda': '🇦🇬', argentina: '🇦🇷', armenia: '🇦🇲', australia: '🇦🇺', austria: '🇦🇹', azerbaijan: '🇦🇿', bahamas: '🇧🇸', bahrain: '🇧🇭', bangladesh: '🇧🇩', barbados: '🇧🇧', belarus: '🇧🇾', belgium: '🇧🇪', belize: '🇧🇿', benin: '🇧🇯', bhutan: '🇧🇹', bolivia: '🇧🇴', 'bosnia and herzegovina': '🇧🇦', bosnia: '🇧🇦', botswana: '🇧🇼', brazil: '🇧🇷', brunei: '🇧🇳', bulgaria: '🇧🇬', 'burkina faso': '🇧🇫', burundi: '🇧🇮', cambodia: '🇰🇭', cameroon: '🇨🇲', canada: '🇨🇦', 'cape verde': '🇨🇻', 'central african republic': '🇨🇫', chad: '🇹🇩', chile: '🇨🇱', china: '🇨🇳', colombia: '🇨🇴', comoros: '🇰🇲', congo: '🇨🇬', 'costa rica': '🇨🇷', croatia: '🇭🇷', cuba: '🇨🇺', cyprus: '🇨🇾', 'czech republic': '🇨🇿', czechia: '🇨🇿', 'democratic republic of the congo': '🇨🇩', denmark: '🇩🇰', djibouti: '🇩🇯', dominica: '🇩🇲', 'dominican republic': '🇩🇴', 'east timor': '🇹🇱', ecuador: '🇪🇨', egypt: '🇪🇬', 'el salvador': '🇸🇻', england: '🏴', 'equatorial guinea': '🇬🇶', eritrea: '🇪🇷', estonia: '🇪🇪', eswatini: '🇸🇿', ethiopia: '🇪🇹', europe: '🇪🇺', 'european union': '🇪🇺', fiji: '🇫🇯', finland: '🇫🇮', france: '🇫🇷', gabon: '🇬🇦', gambia: '🇬🇲', georgia: '🇬🇪', germany: '🇩🇪', ghana: '🇬🇭', greece: '🇬🇷', grenada: '🇬🇩', guatemala: '🇬🇹', guinea: '🇬🇳', 'guinea-bissau': '🇬🇼', guyana: '🇬🇾', haiti: '🇭🇹', honduras: '🇭🇳', 'hong kong': '🇭🇰', hungary: '🇭🇺', iceland: '🇮🇸', india: '🇮🇳', indonesia: '🇮🇩', iran: '🇮🇷', iraq: '🇮🇶', ireland: '🇮🇪', israel: '🇮🇱', italy: '🇮🇹', 'ivory coast': '🇨🇮', jamaica: '🇯🇲', japan: '🇯🇵', jordan: '🇯🇴', kazakhstan: '🇰🇿', kenya: '🇰🇪', kiribati: '🇰🇮', korea: '🇰🇷', kosovo: '🇽🇰', kuwait: '🇰🇼', kyrgyzstan: '🇰🇬', laos: '🇱🇦', latvia: '🇱🇻', lebanon: '🇱🇧', lesotho: '🇱🇸', liberia: '🇱🇷', libya: '🇱🇾', liechtenstein: '🇱🇮', lithuania: '🇱🇹', luxembourg: '🇱🇺', macao: '🇲🇴', macau: '🇲🇴', madagascar: '🇲🇬', malawi: '🇲🇼', malaysia: '🇲🇾', maldives: '🇲🇻', mali: '🇲🇱', malta: '🇲🇹', 'marshall islands': '🇲🇭', mauritania: '🇲🇷', mauritius: '🇲🇺', mexico: '🇲🇽', micronesia: '🇫🇲', moldova: '🇲🇩', monaco: '🇲🇨', mongolia: '🇲🇳', montenegro: '🇲🇪', morocco: '🇲🇦', mozambique: '🇲🇿', myanmar: '🇲🇲', burma: '🇲🇲', namibia: '🇳🇦', nauru: '🇳🇷', nepal: '🇳🇵', netherlands: '🇳🇱', 'new zealand': '🇳🇿', nicaragua: '🇳🇮', niger: '🇳🇪', nigeria: '🇳🇬', 'north korea': '🇰🇵', 'north macedonia': '🇲🇰', macedonia: '🇲🇰', norway: '🇳🇴', oman: '🇴🇲', pakistan: '🇵🇰', palau: '🇵🇼', palestine: '🇵🇸', panama: '🇵🇦', 'papua new guinea': '🇵🇬', paraguay: '🇵🇾', peru: '🇵🇪', philippines: '🇵🇭', poland: '🇵🇱', portugal: '🇵🇹', 'puerto rico': '🇵🇷', qatar: '🇶🇦', romania: '🇷🇴', russia: '🇷🇺', 'russian federation': '🇷🇺', rwanda: '🇷🇼', 'saint kitts and nevis': '🇰🇳', 'saint lucia': '🇱🇨', 'saint vincent and the grenadines': '🇻🇨', samoa: '🇼🇸', 'san marino': '🇸🇲', 'sao tome and principe': '🇸🇹', 'saudi arabia': '🇸🇦', scotland: '🏴', senegal: '🇸🇳', serbia: '🇷🇸', seychelles: '🇸🇨', 'sierra leone': '🇸🇱', singapore: '🇸🇬', slovakia: '🇸🇰', slovenia: '🇸🇮', 'solomon islands': '🇸🇧', somalia: '🇸🇴', 'south africa': '🇿🇦', 'south korea': '🇰🇷', 'south sudan': '🇸🇸', spain: '🇪🇸', 'sri lanka': '🇱🇰', sudan: '🇸🇩', suriname: '🇸🇷', sweden: '🇸🇪', switzerland: '🇨🇭', syria: '🇸🇾', taiwan: '🇹🇼', tajikistan: '🇹🇯', tanzania: '🇹🇿', thailand: '🇹🇭', 'timor-leste': '🇹🇱', togo: '🇹🇬', tonga: '🇹🇴', 'trinidad and tobago': '🇹🇹', tunisia: '🇹🇳', turkey: '🇹🇷', 'türkiye': '🇹🇷', turkmenistan: '🇹🇲', tuvalu: '🇹🇻', uganda: '🇺🇬', ukraine: '🇺🇦', 'united arab emirates': '🇦🇪', uae: '🇦🇪', 'united kingdom': '🇬🇧', uk: '🇬🇧', 'great britain': '🇬🇧', britain: '🇬🇧', 'united states': '🇺🇸', usa: '🇺🇸', us: '🇺🇸', uruguay: '🇺🇾', uzbekistan: '🇺🇿', vanuatu: '🇻🇺', 'vatican city': '🇻🇦', venezuela: '🇻🇪', vietnam: '🇻🇳', wales: '🏴', yemen: '🇾🇪', zambia: '🇿🇲', zimbabwe: '🇿🇼' }; const COUNTRY_PRESETS = [ { id: 'us-only', label: 'US only', countries: ['united states'] }, { id: 'north-america', label: 'North America', countries: ['united states', 'canada', 'mexico'] }, { id: 'anglosphere', label: 'Anglosphere', countries: ['united states', 'united kingdom', 'canada', 'australia', 'new zealand', 'ireland'] }, { id: 'eu', label: 'EU', countries: [ 'austria', 'belgium', 'bulgaria', 'croatia', 'cyprus', 'czech republic', 'denmark', 'estonia', 'finland', 'france', 'germany', 'greece', 'hungary', 'ireland', 'italy', 'latvia', 'lithuania', 'luxembourg', 'malta', 'netherlands', 'poland', 'portugal', 'romania', 'slovakia', 'slovenia', 'spain', 'sweden' ] } ]; function dlog(...args) { if (CONFIG.DEBUG) { console.debug('[XCountryFilter]', ...args); } } function wlog(...args) { console.warn('[XCountryFilter]', ...args); } function waitForBody(cb) { if (document.body) { cb(); return; } const observer = new MutationObserver(() => { if (document.body) { observer.disconnect(); cb(); } }); observer.observe(document.documentElement, { childList: true, subtree: true }); } function sleep(ms) { return new Promise((resolve) => setTimeout(resolve, ms)); } function parseJSON(raw, fallback) { try { return JSON.parse(raw); } catch (_) { return fallback; } } function normalizeCountryName(raw) { if (!raw || typeof raw !== 'string') { return null; } const normalized = raw .trim() .toLowerCase() .replace(/&/g, ' and ') .replace(/[_.]/g, ' ') .replace(/\s+/g, ' '); return COUNTRY_ALIASES[normalized] || normalized; } function parseCountriesInput(input) { const source = Array.isArray(input) ? input.join(',') : String(input || ''); const parts = source.split(/[\n,;]+/); const set = new Set(); for (const part of parts) { const normalized = normalizeCountryName(part); if (normalized) { set.add(normalized); } } return Array.from(set); } function buildCountryOptions() { const normalized = new Set(); for (const key of Object.keys(COUNTRY_FLAGS)) { const country = normalizeCountryName(key); if (country) { normalized.add(country); } } for (const preset of COUNTRY_PRESETS) { for (const country of preset.countries) { const normalizedCountry = normalizeCountryName(country); if (normalizedCountry) { normalized.add(normalizedCountry); } } } return Array.from(normalized).sort((left, right) => left.localeCompare(right)); } function formatCountryLabel(country) { return String(country || '') .split(' ') .filter(Boolean) .map((word) => (word.length <= 2 ? word.toUpperCase() : word[0].toUpperCase() + word.slice(1))) .join(' '); } const COUNTRY_OPTIONS = buildCountryOptions(); const COUNTRY_OPTION_SET = new Set(COUNTRY_OPTIONS); function getCountryFlagEmoji(country) { const normalized = normalizeCountryName(country); if (!normalized) { return null; } return COUNTRY_FLAGS[normalized] || '🌍'; } function getFlagNode(country) { const emoji = getCountryFlagEmoji(country); if (!emoji) { return null; } const isWindows = navigator.platform && navigator.platform.indexOf('Win') > -1; if (isWindows && emoji !== '🌍') { const codePoints = Array.from(emoji).map((char) => char.codePointAt(0).toString(16)).join('-'); const image = document.createElement('img'); image.src = `https://abs-0.twimg.com/emoji/v2/svg/${codePoints}.svg`; image.alt = emoji; image.loading = 'lazy'; return image; } const span = document.createElement('span'); span.textContent = emoji; return span; } function getMenuRegistrar() { if (typeof GM_registerMenuCommand === 'function') { return GM_registerMenuCommand; } if (typeof GM !== 'undefined' && GM && typeof GM.registerMenuCommand === 'function') { return GM.registerMenuCommand.bind(GM); } return null; } function getPageWindow() { if (typeof unsafeWindow !== 'undefined' && unsafeWindow) { return unsafeWindow; } return window; } function loadPanelOpenState() { const raw = localStorage.getItem(CONFIG.PANEL_OPEN_KEY); if (raw === '1') { return true; } if (raw === '0') { return false; } // If no userscript menu API is available, keep the panel visible by default. return !getMenuRegistrar(); } function savePanelOpenState() { localStorage.setItem(CONFIG.PANEL_OPEN_KEY, panelOpen ? '1' : '0'); } function loadPanelPosition() { const raw = localStorage.getItem(CONFIG.PANEL_POSITION_KEY); if (!raw) { return null; } const parsed = parseJSON(raw, null); if (!parsed || typeof parsed.left !== 'number' || typeof parsed.top !== 'number') { return null; } if (!Number.isFinite(parsed.left) || !Number.isFinite(parsed.top)) { return null; } return { left: parsed.left, top: parsed.top }; } function savePanelPosition() { if (!panelPosition) { return; } localStorage.setItem(CONFIG.PANEL_POSITION_KEY, JSON.stringify(panelPosition)); } function sanitizeSettings(raw) { const merged = Object.assign({}, DEFAULT_SETTINGS, raw || {}); merged.enabled = Boolean(merged.enabled); merged.mode = merged.mode === 'block' ? 'block' : 'allow'; merged.unknownPolicy = merged.unknownPolicy === 'show' ? 'show' : 'hide'; merged.pendingPolicy = merged.pendingPolicy === 'hide' ? 'hide' : 'show'; merged.failOpenOnError = Boolean(merged.failOpenOnError); merged.showBadges = Boolean(merged.showBadges); const parsedCountries = parseCountriesInput(merged.countries); merged.countries = parsedCountries.length > 0 ? parsedCountries : DEFAULT_SETTINGS.countries.slice(); return merged; } function loadSettings() { const raw = localStorage.getItem(CONFIG.SETTINGS_KEY); if (!raw) { return sanitizeSettings(DEFAULT_SETTINGS); } return sanitizeSettings(parseJSON(raw, DEFAULT_SETTINGS)); } function saveSettings() { localStorage.setItem(CONFIG.SETTINGS_KEY, JSON.stringify(settings)); } function refreshCountrySet() { activeCountrySet = new Set(settings.countries.map(normalizeCountryName).filter(Boolean)); } let settings = loadSettings(); let panelOpen = loadPanelOpenState(); let panelPosition = loadPanelPosition(); let activeCountrySet = new Set(); refreshCountrySet(); // ---------- Runtime state ---------- let capturedHeaders = null; let discoveredQueryId = null; let apiUnavailable = false; let activeRequests = 0; let lastRequestAt = 0; let rateLimitResetAt = 0; let adaptiveMinIntervalMs = CONFIG.API.MIN_INTERVAL_MS; let rateLimitRemaining = null; let circuitOpenUntil = 0; let consecutive429 = 0; let droppedTaskCount = 0; let rateLimitHitCount = 0; let tweetImpressionObserver = null; let tweetMutationObserver = null; let uiState = null; let pickerHideTimer = null; let dragState = null; let dragListenersBound = false; let resizeHandlerBound = false; let panelResizeObserver = null; const memCache = new Map(); const inFlight = new Map(); const requestQueue = []; // ---------- Query ID cache ---------- function loadCachedQueryId() { const raw = localStorage.getItem(CONFIG.QUERY_ID_CACHE_KEY); if (!raw) { return null; } const parsed = parseJSON(raw, null); if (!parsed || typeof parsed.queryId !== 'string' || typeof parsed.expiry !== 'number') { return null; } if (parsed.expiry <= Date.now()) { return null; } return parsed.queryId; } function saveCachedQueryId(queryId) { try { localStorage.setItem( CONFIG.QUERY_ID_CACHE_KEY, JSON.stringify({ queryId, expiry: Date.now() + CONFIG.QUERY_ID_CACHE_TTL_MS }) ); } catch (_) { // Ignore storage failures. } } // ---------- Styles ---------- function injectPageStyles() { if (document.getElementById('x-country-filter-style')) { return; } const style = document.createElement('style'); style.id = 'x-country-filter-style'; style.textContent = ` .${CONFIG.HIDDEN_CLASS} { display: none !important; } .${CONFIG.BADGE_CLASS} { margin-left: 6px; font-size: 14px; opacity: 0.85; vertical-align: middle; display: inline-block; line-height: 1; } .${CONFIG.BADGE_CLASS} img { height: 1.2em; vertical-align: -0.2em; } `; document.head.appendChild(style); } // ---------- UI ---------- function setPanelOpen(nextOpen) { panelOpen = Boolean(nextOpen); savePanelOpenState(); if (panelOpen) { ensurePanelMounted(); } if (uiState && uiState.host) { uiState.host.style.display = panelOpen ? '' : 'none'; } } function toggleShowFlags() { settings.showBadges = !settings.showBadges; saveSettings(); if (uiState && uiState.refs && uiState.refs.showBadges) { uiState.refs.showBadges.checked = settings.showBadges; } applyFilterToExistingTweets(true); } function registerMenuCommands() { const register = getMenuRegistrar(); if (!register) { return; } register('Toggle Country Filter Settings Panel', () => setPanelOpen(!panelOpen)); register('Toggle Country Flags', () => toggleShowFlags()); } function getPanelPalette() { const dark = { panelBg: 'rgba(22, 24, 28, 0.98)', panelBorder: 'rgba(83, 100, 113, 0.55)', text: 'rgb(231, 233, 234)', muted: 'rgb(113, 118, 123)', fieldBg: 'rgba(0, 0, 0, 0.35)', fieldBorder: 'rgba(83, 100, 113, 0.55)', buttonBg: 'rgba(239, 243, 244, 0.08)', buttonHover: 'rgba(239, 243, 244, 0.16)', statsBorder: 'rgba(83, 100, 113, 0.45)' }; const light = { panelBg: 'rgba(255, 255, 255, 0.98)', panelBorder: 'rgba(207, 217, 222, 0.95)', text: 'rgb(15, 20, 25)', muted: 'rgb(83, 100, 113)', fieldBg: 'rgb(247, 249, 249)', fieldBorder: 'rgba(207, 217, 222, 0.95)', buttonBg: 'rgba(15, 20, 25, 0.06)', buttonHover: 'rgba(15, 20, 25, 0.12)', statsBorder: 'rgba(207, 217, 222, 0.95)' }; if (!document.body) { return dark; } const bg = getComputedStyle(document.body).backgroundColor || ''; const values = bg.match(/\d+(?:\.\d+)?/g); if (!values || values.length < 3) { return dark; } const red = Number(values[0]) || 0; const green = Number(values[1]) || 0; const blue = Number(values[2]) || 0; const luminance = 0.2126 * red + 0.7152 * green + 0.0722 * blue; return luminance < 128 ? dark : light; } function computeDefaultPanelPosition() { return { left: Math.max(12, window.innerWidth - 328), top: Math.max(12, window.innerHeight - 420) }; } function clampPanelPosition(position, host) { const margin = 8; const panelWidth = host ? (host.offsetWidth || 300) : 300; const panelHeight = host ? (host.offsetHeight || 420) : 420; const maxLeft = Math.max(margin, window.innerWidth - panelWidth - margin); const maxTop = Math.max(margin, window.innerHeight - panelHeight - margin); return { left: Math.min(maxLeft, Math.max(margin, Math.round(position.left))), top: Math.min(maxTop, Math.max(margin, Math.round(position.top))) }; } function applyPanelPosition(host) { const basePosition = panelPosition || computeDefaultPanelPosition(); const nextPosition = clampPanelPosition(basePosition, host); panelPosition = nextPosition; host.style.left = `${nextPosition.left}px`; host.style.top = `${nextPosition.top}px`; host.style.right = 'auto'; host.style.bottom = 'auto'; savePanelPosition(); } function handleDragMove(event) { if (!dragState || !dragState.host || !dragState.host.isConnected) { return; } const deltaX = event.clientX - dragState.startX; const deltaY = event.clientY - dragState.startY; const next = clampPanelPosition({ left: dragState.startLeft + deltaX, top: dragState.startTop + deltaY }, dragState.host); panelPosition = next; dragState.host.style.left = `${next.left}px`; dragState.host.style.top = `${next.top}px`; dragState.host.style.right = 'auto'; dragState.host.style.bottom = 'auto'; } function handleDragEnd() { if (!dragState) { return; } savePanelPosition(); if (document.body) { document.body.style.userSelect = ''; } dragState = null; } function bindGlobalDragListeners() { if (dragListenersBound) { return; } dragListenersBound = true; window.addEventListener('mousemove', handleDragMove, true); window.addEventListener('mouseup', handleDragEnd, true); } function bindPanelResizeHandler() { if (resizeHandlerBound) { return; } resizeHandlerBound = true; window.addEventListener('resize', () => { if (!uiState || !uiState.host || !uiState.host.isConnected) { return; } applyPanelPosition(uiState.host); }); } function bindPanelResizeObserver(host) { if (typeof ResizeObserver !== 'function') { return; } if (panelResizeObserver) { panelResizeObserver.disconnect(); } panelResizeObserver = new ResizeObserver(() => { if (!panelOpen || dragState || !host.isConnected || host.style.display === 'none') { return; } applyPanelPosition(host); }); panelResizeObserver.observe(host); } function makePanelDraggable(host, handle) { bindGlobalDragListeners(); handle.addEventListener('mousedown', (event) => { if (event.button !== 0) { return; } const target = event.target; if (target && target.closest && target.closest('button, input, textarea, select, a, label, summary')) { return; } const rect = host.getBoundingClientRect(); dragState = { host, startX: event.clientX, startY: event.clientY, startLeft: rect.left, startTop: rect.top }; if (document.body) { document.body.style.userSelect = 'none'; } event.preventDefault(); }); } function ensureCountryPickerState() { if (!uiState) { return null; } if (!uiState.countryPicker) { uiState.countryPicker = { selected: settings.countries.slice(), suggestions: [], activeIndex: -1 }; } return uiState.countryPicker; } function hideCountrySuggestions() { if (!uiState || !uiState.refs || !uiState.refs.countryList) { return; } uiState.refs.countryList.hidden = true; const picker = ensureCountryPickerState(); if (picker) { picker.activeIndex = -1; } } function buildCountrySuggestions(query) { const picker = ensureCountryPickerState(); if (!picker) { return []; } const selected = new Set(picker.selected); const trimmed = String(query || '').trim(); const normalized = normalizeCountryName(trimmed); const textQuery = normalized || trimmed.toLowerCase(); if (!textQuery) { return []; } const out = []; for (const country of COUNTRY_OPTIONS) { if (selected.has(country)) { continue; } if (!textQuery || country.includes(textQuery) || formatCountryLabel(country).toLowerCase().includes(textQuery)) { out.push(country); } if (out.length >= 8) { break; } } return out; } function renderCountryChips() { if (!uiState || !uiState.refs || !uiState.refs.countryChips) { return; } const picker = ensureCountryPickerState(); const container = uiState.refs.countryChips; container.innerHTML = ''; const selected = picker ? picker.selected : []; for (const country of selected) { const chip = document.createElement('span'); chip.className = 'chip'; chip.setAttribute('data-country', country); const text = document.createElement('span'); text.textContent = formatCountryLabel(country); const remove = document.createElement('button'); remove.type = 'button'; remove.className = 'chip-remove'; remove.setAttribute('data-remove', country); remove.setAttribute('aria-label', `Remove ${formatCountryLabel(country)}`); remove.textContent = '×'; chip.appendChild(text); chip.appendChild(remove); container.appendChild(chip); } } function renderCountrySuggestions() { if (!uiState || !uiState.refs || !uiState.refs.countryInput || !uiState.refs.countryList) { return; } const picker = ensureCountryPickerState(); const input = uiState.refs.countryInput; const list = uiState.refs.countryList; picker.suggestions = buildCountrySuggestions(input.value); if (picker.suggestions.length === 0) { hideCountrySuggestions(); return; } if (picker.activeIndex < 0 || picker.activeIndex >= picker.suggestions.length) { picker.activeIndex = 0; } list.innerHTML = ''; picker.suggestions.forEach((country, index) => { const option = document.createElement('button'); option.type = 'button'; option.className = `country-option${index === picker.activeIndex ? ' is-active' : ''}`; option.setAttribute('data-country', country); option.textContent = formatCountryLabel(country); list.appendChild(option); }); list.hidden = false; } function syncCountryPickerFromSettings() { const picker = ensureCountryPickerState(); if (!picker) { return; } picker.selected = settings.countries.slice(); picker.suggestions = []; picker.activeIndex = -1; if (uiState && uiState.refs && uiState.refs.countryInput) { uiState.refs.countryInput.value = ''; } renderCountryChips(); hideCountrySuggestions(); } function applyCountryPreset(presetId) { const preset = COUNTRY_PRESETS.find((item) => item.id === presetId); if (!preset) { return; } const picker = ensureCountryPickerState(); if (!picker) { return; } picker.selected = parseCountriesInput(preset.countries); picker.suggestions = []; picker.activeIndex = -1; renderCountryChips(); applySettingsFromPanel(); } function addCountryFromPicker(rawCountry) { const picker = ensureCountryPickerState(); if (!picker) { return false; } const normalized = normalizeCountryName(rawCountry); if (!normalized) { return false; } if (picker.selected.includes(normalized)) { if (uiState && uiState.refs && uiState.refs.countryInput) { uiState.refs.countryInput.value = ''; } renderCountrySuggestions(); return false; } picker.selected.push(normalized); if (!COUNTRY_OPTION_SET.has(normalized)) { COUNTRY_OPTIONS.push(normalized); COUNTRY_OPTIONS.sort((left, right) => left.localeCompare(right)); COUNTRY_OPTION_SET.add(normalized); } if (uiState && uiState.refs && uiState.refs.countryInput) { uiState.refs.countryInput.value = ''; } picker.activeIndex = -1; renderCountryChips(); renderCountrySuggestions(); applySettingsFromPanel(); return true; } function removeCountryFromPicker(country) { const picker = ensureCountryPickerState(); if (!picker) { return; } picker.selected = picker.selected.filter((item) => item !== country); renderCountryChips(); renderCountrySuggestions(); applySettingsFromPanel(); } function createPanel() { const palette = getPanelPalette(); const host = document.createElement('div'); host.id = CONFIG.PANEL_HOST_ID; host.style.position = 'fixed'; host.style.left = '16px'; host.style.top = '16px'; host.style.right = 'auto'; host.style.bottom = 'auto'; host.style.zIndex = '2147483647'; const shadow = host.attachShadow({ mode: 'open' }); shadow.innerHTML = `

Filter enabled

Mode

Quick presets

Countries

Search and add countries as chips. Use backspace on empty input to remove the last chip.

Show country flags

Advanced

If country is unknown

Before country resolves

Fail open if API unavailable

Queue: 0 | Dropped: 0 | 429s: 0

Tweets: 0 | Hidden: 0 | Resolved: 0

`; const refs = { enabled: shadow.getElementById('xcf-enabled'), mode: shadow.getElementById('xcf-mode'), countryInput: shadow.getElementById('xcf-country-input'), countryChips: shadow.getElementById('xcf-country-chips'), countryList: shadow.getElementById('xcf-country-list'), presets: Array.from(shadow.querySelectorAll('[data-preset]')), unknown: shadow.getElementById('xcf-unknown'), pending: shadow.getElementById('xcf-pending'), failOpen: shadow.getElementById('xcf-fail-open'), showBadges: shadow.getElementById('xcf-show-badges'), advanced: shadow.getElementById('xcf-advanced'), close: shadow.getElementById('xcf-close'), stateDot: shadow.getElementById('xcf-state-dot'), stateLabel: shadow.getElementById('xcf-state-label'), statsFeed: shadow.getElementById('xcf-stats-feed'), statsApi: shadow.getElementById('xcf-stats-api') }; uiState = { host, shadow, refs, countryPicker: { selected: settings.countries.slice(), suggestions: [], activeIndex: -1 } }; populatePanelFromSettings(); bindPanelEvents(); makePanelDraggable(host, shadow.querySelector('.header')); bindPanelResizeHandler(); bindPanelResizeObserver(host); document.body.appendChild(host); applyPanelPosition(host); host.style.display = panelOpen ? '' : 'none'; updatePanelStats(); } function ensurePanelMounted() { if (!panelOpen) { if (uiState && uiState.host) { uiState.host.style.display = 'none'; } return; } if (!document.body) { return; } if (uiState && uiState.host && uiState.host.isConnected) { uiState.host.style.display = ''; applyPanelPosition(uiState.host); return; } createPanel(); } function populatePanelFromSettings() { if (!uiState) { return; } const { refs } = uiState; refs.enabled.checked = settings.enabled; refs.mode.value = settings.mode; refs.unknown.value = settings.unknownPolicy; refs.pending.value = settings.pendingPolicy; refs.failOpen.checked = settings.failOpenOnError; refs.showBadges.checked = settings.showBadges; refs.stateLabel.textContent = settings.enabled ? 'Enabled' : 'Disabled'; refs.stateDot.style.background = settings.enabled ? '#1d9bf0' : '#71767b'; syncCountryPickerFromSettings(); } function applySettingsFromPanel() { if (!uiState) { return; } const { refs, countryPicker } = uiState; const nextSettings = sanitizeSettings({ enabled: refs.enabled.checked, mode: refs.mode.value, countries: countryPicker ? countryPicker.selected.slice() : settings.countries.slice(), unknownPolicy: refs.unknown.value, pendingPolicy: refs.pending.value, failOpenOnError: refs.failOpen.checked, showBadges: refs.showBadges.checked }); settings = nextSettings; refreshCountrySet(); saveSettings(); refs.stateLabel.textContent = settings.enabled ? 'Enabled' : 'Disabled'; refs.stateDot.style.background = settings.enabled ? '#1d9bf0' : '#71767b'; syncCountryPickerFromSettings(); applyFilterToExistingTweets(true); } function bindPanelEvents() { if (!uiState) { return; } const { refs } = uiState; const updateEvents = ['change']; for (const eventName of updateEvents) { refs.enabled.addEventListener(eventName, applySettingsFromPanel); refs.mode.addEventListener(eventName, applySettingsFromPanel); refs.unknown.addEventListener(eventName, applySettingsFromPanel); refs.pending.addEventListener(eventName, applySettingsFromPanel); refs.failOpen.addEventListener(eventName, applySettingsFromPanel); refs.showBadges.addEventListener(eventName, applySettingsFromPanel); } refs.presets.forEach((button) => { button.addEventListener('click', () => applyCountryPreset(button.getAttribute('data-preset'))); }); refs.countryInput.addEventListener('focus', () => { clearTimeout(pickerHideTimer); renderCountrySuggestions(); }); refs.countryInput.addEventListener('input', () => { const picker = ensureCountryPickerState(); if (picker) { picker.activeIndex = -1; } renderCountrySuggestions(); }); refs.countryInput.addEventListener('blur', () => { clearTimeout(pickerHideTimer); pickerHideTimer = setTimeout(() => hideCountrySuggestions(), 120); }); refs.countryInput.addEventListener('keydown', (event) => { const picker = ensureCountryPickerState(); if (!picker) { return; } if (event.key === 'ArrowDown' || event.key === 'ArrowUp') { if (picker.suggestions.length === 0) { renderCountrySuggestions(); } if (picker.suggestions.length > 0) { if (picker.activeIndex < 0) { picker.activeIndex = 0; } else if (event.key === 'ArrowDown') { picker.activeIndex = (picker.activeIndex + 1) % picker.suggestions.length; } else { picker.activeIndex = (picker.activeIndex - 1 + picker.suggestions.length) % picker.suggestions.length; } renderCountrySuggestions(); event.preventDefault(); } return; } if (event.key === 'Escape') { hideCountrySuggestions(); return; } if (event.key === 'Backspace' && !refs.countryInput.value.trim() && picker.selected.length > 0) { removeCountryFromPicker(picker.selected[picker.selected.length - 1]); event.preventDefault(); return; } if (event.key !== 'Enter' && event.key !== ',' && event.key !== 'Tab') { return; } let candidate = null; if (picker.activeIndex >= 0 && picker.activeIndex < picker.suggestions.length) { candidate = picker.suggestions[picker.activeIndex]; } else { candidate = refs.countryInput.value.trim().replace(/,+$/, ''); } if (!candidate) { return; } const added = addCountryFromPicker(candidate); if (added || event.key !== 'Tab') { event.preventDefault(); } }); refs.countryList.addEventListener('mousedown', (event) => { event.preventDefault(); }); refs.countryList.addEventListener('click', (event) => { const button = event.target.closest('button[data-country]'); if (!button) { return; } const country = button.getAttribute('data-country'); if (country) { addCountryFromPicker(country); } refs.countryInput.focus(); }); refs.countryChips.addEventListener('click', (event) => { const button = event.target.closest('button[data-remove]'); if (!button) { return; } const country = button.getAttribute('data-remove'); if (country) { removeCountryFromPicker(country); } }); refs.advanced.addEventListener('toggle', () => { setTimeout(() => { if (uiState && uiState.host && uiState.host.isConnected && uiState.host.style.display !== 'none') { applyPanelPosition(uiState.host); } }, 0); }); refs.close.addEventListener('click', () => setPanelOpen(false)); } function updatePanelStats() { if (!uiState || !uiState.refs || !uiState.refs.statsFeed || !uiState.refs.statsApi) { return; } if (!uiState.host || !uiState.host.isConnected || uiState.host.style.display === 'none') { return; } const tweets = document.querySelectorAll(CONFIG.SELECTORS.TWEET); let hidden = 0; let resolved = 0; for (const tweet of tweets) { const cell = tweet.closest(CONFIG.SELECTORS.CELL); if (tweet.classList.contains(CONFIG.HIDDEN_CLASS) || (cell && cell.classList.contains(CONFIG.HIDDEN_CLASS))) { hidden++; } if (tweet.dataset.xcfCountryResolved === '1') { resolved++; } } uiState.refs.statsFeed.textContent = `Tweets: ${tweets.length} | Hidden: ${hidden} | Resolved: ${resolved}`; uiState.refs.statsApi.textContent = `Queue: ${requestQueue.length} | Dropped: ${droppedTaskCount} | 429s: ${rateLimitHitCount}`; } // ---------- Header capture and query ID discovery ---------- function headersToObject(headers) { if (!headers) { return null; } if (typeof headers.entries === 'function') { return Object.fromEntries(headers.entries()); } if (Array.isArray(headers)) { const out = {}; for (const pair of headers) { if (Array.isArray(pair) && pair.length >= 2) { out[String(pair[0])] = String(pair[1]); } } return out; } if (typeof headers === 'object') { return headers; } return null; } function parseGraphqlUrl(urlLike) { if (!urlLike) { return null; } let resolved; try { resolved = new URL(urlLike, location.origin); } catch (_) { return null; } const match = resolved.pathname.match(/\/i\/api\/graphql\/([^/]+)\/([^/?#]+)/); if (!match) { return null; } return { queryId: match[1], operationName: match[2], url: resolved.toString() }; } function maybeCaptureHeaders(candidate) { if (capturedHeaders) { return; } const auth = candidate && (candidate.authorization || candidate.Authorization); if (!auth) { return; } capturedHeaders = candidate; dlog('Captured auth headers from page request.'); } function maybeCaptureQueryId(parsed) { if (!parsed || parsed.operationName !== 'AboutAccountQuery') { return; } discoveredQueryId = parsed.queryId; saveCachedQueryId(parsed.queryId); } function setupInterceptors() { const targetWindow = getPageWindow(); if (typeof targetWindow.fetch === 'function') { const originalFetch = targetWindow.fetch; targetWindow.fetch = function (input, init) { try { const urlLike = typeof input === 'string' ? input : input && input.url; const parsed = parseGraphqlUrl(urlLike); if (parsed) { maybeCaptureQueryId(parsed); const requestHeaders = headersToObject(input && input.headers); const initHeaders = headersToObject(init && init.headers); const mergedHeaders = Object.assign({}, requestHeaders || {}, initHeaders || {}); maybeCaptureHeaders(mergedHeaders); } } catch (_) { // Ignore interceptor failures. } return originalFetch.apply(this, arguments); }; } const xhrProto = targetWindow.XMLHttpRequest && targetWindow.XMLHttpRequest.prototype; if (!xhrProto) { return; } const origOpen = xhrProto.open; const origSetHeader = xhrProto.setRequestHeader; const origSend = xhrProto.send; xhrProto.open = function (method, url) { this._xcf_url = url; this._xcf_headers = {}; return origOpen.apply(this, arguments); }; xhrProto.setRequestHeader = function (key, value) { try { this._xcf_headers[key] = value; } catch (_) { // Ignore assignment failures. } return origSetHeader.apply(this, arguments); }; xhrProto.send = function () { try { const parsed = parseGraphqlUrl(this._xcf_url); if (parsed) { maybeCaptureQueryId(parsed); maybeCaptureHeaders(this._xcf_headers || null); } } catch (_) { // Ignore interceptor failures. } return origSend.apply(this, arguments); }; } function getFallbackHeaders() { const cookieMap = document.cookie.split('; ').reduce((acc, cookiePair) => { const idx = cookiePair.indexOf('='); if (idx > -1) { acc[cookiePair.slice(0, idx)] = cookiePair.slice(idx + 1); } return acc; }, {}); if (!cookieMap.ct0) { return null; } return { authorization: 'Bearer AAAAAAAAAAAAAAAAAAAAANRILgAAAAAAnNwIzUejRCOuH5E6I8xnZz4puTs%3D1Zv7ttfk8LF81IUq16cHjhLTvJu4FA33AGWWjCpTnA', 'x-csrf-token': cookieMap.ct0, 'x-twitter-active-user': 'yes', 'x-twitter-auth-type': 'OAuthSession', 'content-type': 'application/json' }; } // ---------- Cache ---------- function normalizeScreenName(screenName) { return String(screenName || '').replace(/^@/, '').trim().toLowerCase(); } function readDiskCache(screenName) { try { const raw = localStorage.getItem(CONFIG.CACHE_KEY); if (!raw) { return undefined; } const obj = parseJSON(raw, null); if (!obj || typeof obj !== 'object') { return undefined; } const entry = obj[screenName]; if (!entry) { return undefined; } if (typeof entry.expiry !== 'number' || entry.expiry <= Date.now()) { delete obj[screenName]; localStorage.setItem(CONFIG.CACHE_KEY, JSON.stringify(obj)); return undefined; } return { value: entry.value ?? null, expiry: entry.expiry }; } catch (_) { return undefined; } } function writeDiskCache(screenName, value, ttlMs) { try { const raw = localStorage.getItem(CONFIG.CACHE_KEY); const obj = raw ? parseJSON(raw, {}) : {}; obj[screenName] = { value: value ?? null, expiry: Date.now() + ttlMs }; localStorage.setItem(CONFIG.CACHE_KEY, JSON.stringify(obj)); } catch (_) { // Ignore storage failures. } } function loadDiskCacheIntoMemory() { try { const raw = localStorage.getItem(CONFIG.CACHE_KEY); if (!raw) { return; } const obj = parseJSON(raw, {}); const now = Date.now(); let kept = 0; for (const [key, value] of Object.entries(obj)) { if (!value || typeof value.expiry !== 'number' || value.expiry <= now) { continue; } memCache.set(key, { value: value.value ?? null, expiry: value.expiry }); kept++; } dlog(`Loaded ${kept} cached country entries.`); } catch (_) { // Ignore malformed cache. } } function pruneDiskCache() { try { const raw = localStorage.getItem(CONFIG.CACHE_KEY); if (!raw) { return; } const obj = parseJSON(raw, {}); const now = Date.now(); let changed = false; for (const [key, value] of Object.entries(obj)) { if (!value || typeof value.expiry !== 'number' || value.expiry <= now) { delete obj[key]; changed = true; } } if (changed) { localStorage.setItem(CONFIG.CACHE_KEY, JSON.stringify(obj)); } } catch (_) { // Ignore pruning failures. } } // ---------- API queue ---------- function parseHeaderInt(headers, name) { if (!headers || typeof headers.get !== 'function') { return null; } const raw = headers.get(name); if (!raw) { return null; } const parsed = parseInt(raw, 10); return Number.isFinite(parsed) ? parsed : null; } function recomputeAdaptiveInterval() { if (typeof rateLimitRemaining !== 'number' || rateLimitRemaining < 0) { adaptiveMinIntervalMs = CONFIG.API.MIN_INTERVAL_MS; return; } if (rateLimitRemaining <= 2) { adaptiveMinIntervalMs = 6500; } else if (rateLimitRemaining <= 5) { adaptiveMinIntervalMs = 4500; } else if (rateLimitRemaining <= 10) { adaptiveMinIntervalMs = 3000; } else { adaptiveMinIntervalMs = CONFIG.API.MIN_INTERVAL_MS; } } function updateRateLimitStateFromHeaders(headers, options) { const remaining = parseHeaderInt(headers, 'x-rate-limit-remaining'); const resetEpochSec = parseHeaderInt(headers, 'x-rate-limit-reset'); if (typeof remaining === 'number') { rateLimitRemaining = remaining; recomputeAdaptiveInterval(); } const forceResetAt = options && options.forceResetAt; if (typeof resetEpochSec === 'number' && (forceResetAt || remaining === 0)) { rateLimitResetAt = resetEpochSec * 1000; } } function record429(headers) { updateRateLimitStateFromHeaders(headers, { forceResetAt: true }); if (!(rateLimitResetAt > Date.now())) { rateLimitResetAt = Date.now() + 60_000; } rateLimitHitCount++; consecutive429++; if (consecutive429 >= CONFIG.API.CIRCUIT_BREAKER_429_THRESHOLD) { circuitOpenUntil = Math.max(rateLimitResetAt, Date.now() + CONFIG.API.CIRCUIT_BREAKER_COOLDOWN_MS); } } async function rateLimitWait() { const now = Date.now(); if (circuitOpenUntil > now) { await sleep(Math.min(circuitOpenUntil - now, 60_000)); return; } if (rateLimitResetAt > now) { const wait = Math.min(rateLimitResetAt - now, 60_000); await sleep(wait); return; } const delta = now - lastRequestAt; if (delta < adaptiveMinIntervalMs) { await sleep(adaptiveMinIntervalMs - delta); } const jitter = Math.floor(Math.random() * 200); if (jitter > 0) { await sleep(jitter); } lastRequestAt = Date.now(); } async function executeApiCall(screenName) { let headers = capturedHeaders; if (!headers) { await sleep(300); headers = capturedHeaders || getFallbackHeaders(); } if (!headers) { const error = new Error('No auth headers available.'); error.name = 'AuthHeadersMissing'; throw error; } await rateLimitWait(); const queryId = discoveredQueryId || CONFIG.FALLBACK_QUERY_ID; const variables = encodeURIComponent(JSON.stringify({ screenName })); const url = `https://x.com/i/api/graphql/${queryId}/AboutAccountQuery?variables=${variables}`; const reqHeaders = Object.assign({}, headers, { 'accept-language': 'en-US,en;q=0.9' }); const res = await fetch(url, { method: 'GET', headers: reqHeaders, mode: 'cors', credentials: 'include' }); if (!res.ok) { if (res.status === 429) { record429(res.headers); const error = new Error('Rate limited.'); error.name = 'RateLimited'; throw error; } if (res.status === 401 || res.status === 403) { const error = new Error(`Auth error ${res.status}.`); error.name = 'AuthHeadersMissing'; throw error; } throw new Error(`API error ${res.status}.`); } updateRateLimitStateFromHeaders(res.headers); consecutive429 = 0; circuitOpenUntil = 0; if (typeof rateLimitRemaining === 'number' && rateLimitRemaining > 0) { rateLimitResetAt = 0; } const data = await res.json(); const profile = data && data.data && data.data.user_result_by_screen_name && data.data.user_result_by_screen_name.result ? data.data.user_result_by_screen_name.result.about_profile : null; return normalizeCountryName(profile && profile.account_based_in); } function priorityValueFromOptions(options) { return options && options.priority === 'high' ? 0 : 1; } function enqueueRequestTask(task) { if (requestQueue.length >= CONFIG.API.QUEUE_MAX) { if (task.priority > 0) { droppedTaskCount++; task.resolve(null); return false; } const lowPriorityIndex = requestQueue.findIndex((queued) => queued.priority > task.priority); if (lowPriorityIndex === -1) { droppedTaskCount++; task.resolve(null); return false; } const [evicted] = requestQueue.splice(lowPriorityIndex, 1); droppedTaskCount++; evicted.resolve(null); } requestQueue.push(task); requestQueue.sort((left, right) => { if (left.priority !== right.priority) { return left.priority - right.priority; } return left.enqueuedAt - right.enqueuedAt; }); return true; } function queueFetchCountry(screenName, options) { const normalizedScreenName = normalizeScreenName(screenName); if (!normalizedScreenName) { return Promise.resolve(null); } const mem = memCache.get(normalizedScreenName); if (mem && mem.expiry > Date.now()) { return Promise.resolve(mem.value); } const disk = readDiskCache(normalizedScreenName); if (disk) { memCache.set(normalizedScreenName, disk); return Promise.resolve(disk.value); } if (inFlight.has(normalizedScreenName)) { return inFlight.get(normalizedScreenName); } const priority = priorityValueFromOptions(options); const promise = new Promise((resolve) => { const enqueued = enqueueRequestTask({ screenName: normalizedScreenName, resolve, attempts: 0, priority, enqueuedAt: Date.now() }); if (enqueued) { processQueue(); } }).finally(() => { inFlight.delete(normalizedScreenName); }); inFlight.set(normalizedScreenName, promise); return promise; } async function processQueue() { if (activeRequests >= CONFIG.API.MAX_CONCURRENT) { return; } if (requestQueue.length === 0) { return; } const now = Date.now(); if (circuitOpenUntil > now) { setTimeout(processQueue, Math.min(circuitOpenUntil - now, 60_000)); return; } if (rateLimitResetAt > now) { setTimeout(processQueue, Math.min(rateLimitResetAt - now, 60_000)); return; } const task = requestQueue.shift(); activeRequests++; try { const country = await executeApiCall(task.screenName); apiUnavailable = false; const ttl = country ? CONFIG.CACHE_TTL_MS : CONFIG.NEGATIVE_TTL_MS; const entry = { value: country, expiry: Date.now() + ttl }; memCache.set(task.screenName, entry); writeDiskCache(task.screenName, country, ttl); task.resolve(country); } catch (error) { if (error && error.name === 'RateLimited') { task.enqueuedAt = Date.now(); requestQueue.push(task); requestQueue.sort((left, right) => { if (left.priority !== right.priority) { return left.priority - right.priority; } return left.enqueuedAt - right.enqueuedAt; }); const waitTarget = Math.max(rateLimitResetAt, circuitOpenUntil); const wait = Math.max(1000, Math.min(waitTarget - Date.now(), 60_000)); setTimeout(processQueue, wait); } else { if (error && error.name === 'AuthHeadersMissing') { apiUnavailable = true; } task.attempts++; if (task.attempts <= CONFIG.API.RETRY_LIMIT) { requestQueue.push(task); setTimeout(processQueue, CONFIG.API.RETRY_DELAY_MS); } else { const ttl = CONFIG.NEGATIVE_TTL_MS; memCache.set(task.screenName, { value: null, expiry: Date.now() + ttl }); writeDiskCache(task.screenName, null, ttl); task.resolve(null); } } } finally { activeRequests--; setTimeout(processQueue, 0); } } // ---------- Filter behavior ---------- function shouldShowPending() { if (!settings.enabled) { return true; } return settings.pendingPolicy !== 'hide'; } function shouldShowForCountry(country) { if (!settings.enabled) { return true; } if (apiUnavailable && settings.failOpenOnError) { return true; } const normalized = normalizeCountryName(country); if (!normalized) { return settings.unknownPolicy === 'show'; } const matched = activeCountrySet.has(normalized); return settings.mode === 'allow' ? matched : !matched; } function applyVisibility(tweetEl, shouldShow) { if (!tweetEl) { return; } const cell = tweetEl.closest(CONFIG.SELECTORS.CELL); if (shouldShow) { tweetEl.classList.remove(CONFIG.HIDDEN_CLASS); if (cell) { cell.classList.remove(CONFIG.HIDDEN_CLASS); } } else { tweetEl.classList.add(CONFIG.HIDDEN_CLASS); if (cell) { cell.classList.add(CONFIG.HIDDEN_CLASS); } } } function getTweetIdentity(tweetEl, screenName) { const links = tweetEl.querySelectorAll('a[href]'); for (const link of links) { const href = link.getAttribute('href'); if (!href || href.includes('/analytics')) { continue; } let pathname; try { pathname = new URL(href, location.origin).pathname; } catch (_) { pathname = href; } const statusMatch = pathname.match(/^\/([^/]+)\/status\/(\d+)/); if (statusMatch) { return `${statusMatch[1].toLowerCase()}:${statusMatch[2]}`; } } return `author:${normalizeScreenName(screenName)}`; } function extractUsername(element) { const invalid = new Set([ 'home', 'explore', 'notifications', 'messages', 'search', 'settings', 'compose', 'i', 'jobs', 'lists', 'bookmarks' ]); const links = element.querySelectorAll('a[href]'); for (const link of links) { const href = link.getAttribute('href'); if (!href) { continue; } let path; try { path = new URL(href, location.origin).pathname; } catch (_) { path = href; } const match = path.match(/^\/([^/?#]+)$/); if (!match) { continue; } const candidate = match[1]; if (/^[A-Za-z0-9_]{1,15}$/.test(candidate) && !invalid.has(candidate.toLowerCase())) { return candidate; } } const text = element.textContent || ''; const mention = text.match(/@([A-Za-z0-9_]{1,15})/); return mention ? mention[1] : null; } function getAuthorUserNameContainer(tweetEl) { const candidates = tweetEl.querySelectorAll(CONFIG.SELECTORS.USERNAME); for (const element of candidates) { const screenName = extractUsername(element); if (screenName) { return { element, screenName }; } } return null; } function findInsertionPoint(container, screenName) { const links = Array.from(container.querySelectorAll('a[href]')); const expected = `@${screenName.toLowerCase()}`; const handleLink = links.find((link) => { const text = (link.textContent || '').trim().toLowerCase(); return text === expected; }); if (handleLink && handleLink.parentNode && handleLink.parentNode.parentNode) { return { target: handleLink.parentNode.parentNode, ref: handleLink.parentNode.nextSibling }; } for (const link of links) { const href = link.getAttribute('href'); if (!href) { continue; } let path; try { path = new URL(href, location.origin).pathname; } catch (_) { path = href; } if (path.toLowerCase() === `/${screenName.toLowerCase()}`) { return { target: link.parentNode, ref: link.nextSibling }; } } return null; } function upsertCountryBadge(container, screenName, country) { const existing = container.querySelector(`.${CONFIG.BADGE_CLASS}`); if (!settings.showBadges || !country) { if (existing) { existing.remove(); } return; } const flagNode = getFlagNode(country); if (!flagNode) { if (existing) { existing.remove(); } return; } if (existing) { existing.textContent = ''; existing.appendChild(flagNode); existing.title = country; return; } const badge = document.createElement('span'); badge.className = CONFIG.BADGE_CLASS; badge.appendChild(flagNode); badge.title = country; const point = findInsertionPoint(container, screenName); if (point && point.target) { point.target.insertBefore(badge, point.ref || null); return; } (container.querySelector('div[dir="ltr"]') || container).appendChild(badge); } function isLikelyInViewport(element) { if (!element || typeof element.getBoundingClientRect !== 'function') { return false; } const rect = element.getBoundingClientRect(); const viewportHeight = window.innerHeight || 0; return rect.bottom > -120 && rect.top < viewportHeight + 240; } async function handleTweetImpression(tweetEl, options) { if (!tweetEl || tweetEl.nodeType !== 1) { return; } const author = getAuthorUserNameContainer(tweetEl); if (!author) { return; } const { element: userNameEl, screenName } = author; const identity = getTweetIdentity(tweetEl, screenName); if (tweetEl.dataset.xcfIdentity !== identity) { tweetEl.dataset.xcfIdentity = identity; tweetEl.dataset.xcfCountry = ''; tweetEl.dataset.xcfCountryResolved = '0'; const staleBadge = userNameEl.querySelector(`.${CONFIG.BADGE_CLASS}`); if (staleBadge) { staleBadge.remove(); } } if (userNameEl.dataset.xcfProcessing === '1') { return; } userNameEl.dataset.xcfProcessing = '1'; try { if (!settings.enabled && !settings.showBadges) { upsertCountryBadge(userNameEl, screenName, null); applyVisibility(tweetEl, true); return; } applyVisibility(tweetEl, shouldShowPending()); const country = await queueFetchCountry(screenName, options || {}); tweetEl.dataset.xcfCountry = country || ''; tweetEl.dataset.xcfCountryResolved = '1'; upsertCountryBadge(userNameEl, screenName, country); applyVisibility(tweetEl, shouldShowForCountry(country)); } catch (error) { dlog('Tweet handling failed:', error && error.message ? error.message : error); if (settings.failOpenOnError) { applyVisibility(tweetEl, true); } } finally { userNameEl.dataset.xcfProcessing = '0'; } } function observeTweet(tweetEl) { if (!tweetImpressionObserver || !tweetEl || tweetEl.nodeType !== 1) { return; } if (tweetEl.dataset.xcfObserved === '1') { return; } tweetEl.dataset.xcfObserved = '1'; tweetImpressionObserver.observe(tweetEl); } function scanTweets() { document.querySelectorAll(CONFIG.SELECTORS.TWEET).forEach(observeTweet); } function applyFilterToExistingTweets(reprocess) { const tweets = document.querySelectorAll(CONFIG.SELECTORS.TWEET); for (const tweet of tweets) { if (!settings.enabled) { if (!settings.showBadges) { const author = getAuthorUserNameContainer(tweet); if (author) { upsertCountryBadge(author.element, author.screenName, null); } } applyVisibility(tweet, true); continue; } if (reprocess) { const priority = isLikelyInViewport(tweet) ? 'high' : 'normal'; handleTweetImpression(tweet, { priority }); continue; } const country = tweet.dataset.xcfCountry || null; const resolved = tweet.dataset.xcfCountryResolved === '1'; if (!resolved) { applyVisibility(tweet, shouldShowPending()); } else { applyVisibility(tweet, shouldShowForCountry(country)); } } updatePanelStats(); } function setupTweetImpressionObserver() { if (tweetImpressionObserver) { return; } tweetImpressionObserver = new IntersectionObserver((entries) => { for (const entry of entries) { if (!entry.isIntersecting) { continue; } const tweetEl = entry.target; tweetImpressionObserver.unobserve(tweetEl); handleTweetImpression(tweetEl, { priority: 'high' }); } }, { root: null, threshold: 0.15 }); } function setupTweetMutationObserver() { if (tweetMutationObserver) { return; } tweetMutationObserver = new MutationObserver((mutations) => { for (const mutation of mutations) { for (const node of mutation.addedNodes) { if (!node || node.nodeType !== 1) { continue; } if (node.matches && node.matches(CONFIG.SELECTORS.TWEET)) { observeTweet(node); } else if (node.querySelectorAll) { node.querySelectorAll(CONFIG.SELECTORS.TWEET).forEach(observeTweet); } } } }); tweetMutationObserver.observe(document.body, { childList: true, subtree: true }); } // ---------- SPA navigation hooks ---------- function setupSpaNavigationHooks() { if (window.__xcfNavigationPatched) { return; } window.__xcfNavigationPatched = true; const notify = () => { setTimeout(() => { ensurePanelMounted(); scanTweets(); applyFilterToExistingTweets(false); }, 250); }; const originalPushState = history.pushState; history.pushState = function () { const result = originalPushState.apply(this, arguments); notify(); return result; }; const originalReplaceState = history.replaceState; history.replaceState = function () { const result = originalReplaceState.apply(this, arguments); notify(); return result; }; window.addEventListener('popstate', notify); } // ---------- Init ---------- function init() { discoveredQueryId = loadCachedQueryId() || CONFIG.FALLBACK_QUERY_ID; setupInterceptors(); registerMenuCommands(); const onReady = () => { injectPageStyles(); loadDiskCacheIntoMemory(); pruneDiskCache(); if (panelOpen) { ensurePanelMounted(); } setupTweetImpressionObserver(); setupTweetMutationObserver(); setupSpaNavigationHooks(); scanTweets(); applyFilterToExistingTweets(false); setInterval(scanTweets, CONFIG.TWEET_SCAN_EVERY_MS); setInterval(pruneDiskCache, CONFIG.CACHE_PRUNE_EVERY_MS); setInterval(ensurePanelMounted, CONFIG.PANEL_ENSURE_EVERY_MS); setInterval(updatePanelStats, CONFIG.STATS_UPDATE_EVERY_MS); dlog('Initialized country feed filter.'); }; if (document.readyState === 'loading') { waitForBody(onReady); } else { onReady(); } } init(); })();