// ==UserScript== // @name Eporner Search Advanced // @description Improves Eporner search to easily track new VR uploads. Works in VR Porn category, Search, and Recommendations. // • Hides non-VR videos // • Video Quality Filter // • Marks Watched Videos // • Hides Watched Videos // • Compact stream layout. // • Toggle to Only Show Videos With No Uploader Names // • Uploader Blacklist & Whitelist // @namespace tweeks.io // @author Tweeks // @version 15.0.0 // @match https://www.eporner.com/cat/vr-porn/* // @match https://www.eporner.com/video* // @match https://www.eporner.com/tag/* // @match https://www.eporner.com/recommendations/* // @grant GM_registerMenuCommand // @grant GM_unregisterMenuCommand // @run-at document-idle // ==/UserScript== (function () { 'use strict'; const SCRIPT_VERSION = '15.0.0'; const VIDEO_PAGE_RE = /^\/video(?:$|[-/?.])/i; const WATCHED_TITLE_RE = /watched/i; const VR_TEXT_RE = /(\bvr\b|virtual\s+reality)/i; const WATCHED_HISTORY_LIMIT = 5000; const PREVIEW_DELAY = 140; const PREVIEW_PATCH_RETRIES = 50; const REFRESH_DELAYS = [120, 400, 1000, 2200]; const PANEL_STORAGE_KEYS = [ 'tm_eporner_filters_browse_panelOpen', 'tm_eporner_filters_video_panelOpen' ]; const SETTING_HELP_TEXT = { hideNonVr: 'Hide videos that do not look like VR content based on VR badges, titles, links, or quality markers.', hide720Below: 'Hide videos whose detected quality is 720p or lower. Videos without a detectable quality label stay visible.', hide1080p: 'Hide videos labeled 1080p. Higher and lower resolutions are left alone.', markWatched: 'Add a grayscale thumbnail effect to videos marked as watched, including videos you already opened before.', hideWatched: 'Completely hide watched videos instead of only dimming them.', hideOfficial: 'Hide videos from official uploaders, usually shown with yellow uploader names and a TV icon.', onlyNoUploader: 'Only keep videos that do not show any uploader name.' }; const SCOPE = VIDEO_PAGE_RE.test(location.pathname) ? 'video' : 'browse'; const SHARED_BLACKLIST_KEY = 'tm_eporner_filters_blacklist'; const SHARED_WHITELIST_KEY = 'tm_eporner_filters_whitelist'; const OTHER_SCOPE_BLACKLIST_KEY = `tm_eporner_filters_${SCOPE === 'video' ? 'browse' : 'video'}_blacklist`; const OTHER_SCOPE_WHITELIST_KEY = `tm_eporner_filters_${SCOPE === 'video' ? 'browse' : 'video'}_whitelist`; const STORAGE_KEYS = { hideNonVr: `tm_eporner_filters_${SCOPE}_hideNonVr`, markWatched: `tm_eporner_filters_${SCOPE}_markWatched`, hideWatched: `tm_eporner_filters_${SCOPE}_hideWatched`, hide720Below: `tm_eporner_filters_${SCOPE}_hide720Below`, hide1080p: `tm_eporner_filters_${SCOPE}_hide1080p`, hideOfficial: `tm_eporner_filters_${SCOPE}_hideOfficial`, onlyNoUploader: `tm_eporner_filters_${SCOPE}_onlyNoUploader`, blacklistEnabled: `tm_eporner_filters_${SCOPE}_blacklistEnabled`, blacklist: `tm_eporner_filters_${SCOPE}_blacklist`, whitelistEnabled: `tm_eporner_filters_${SCOPE}_whitelistEnabled`, whitelist: `tm_eporner_filters_${SCOPE}_whitelist`, watchedIds: 'tm_eporner_filters_watchedIds', lastVersion: 'tm_eporner_filters_script_version' }; const LEGACY_KEYS = { hideNonVr: [`tm_eporner_${SCOPE}_vr_only`, 'tm_eporner_profile_vr_only'], markWatched: [`tm_eporner_${SCOPE}_gray_watched_overlay`, 'tm_eporner_gray_watched_overlay'], hideWatched: [`tm_eporner_${SCOPE}_hide_watched_videos`, 'tm_eporner_hide_watched_videos'], hide720Below: [`tm_eporner_${SCOPE}_hide_720p`], hide1080p: [], hideOfficial: [], onlyNoUploader: [], blacklistEnabled: [], blacklist: [SHARED_BLACKLIST_KEY], whitelistEnabled: [], whitelist: [SHARED_WHITELIST_KEY] }; const DEFAULTS = { hideNonVr: true, markWatched: true, hideWatched: false, hide720Below: false, hide1080p: false, hideOfficial: false, onlyNoUploader: false, blacklistEnabled: false, whitelistEnabled: false, blacklist: [], whitelist: [], watchedIds: {} }; const SELECTORS = { roots: ['#vidresults', '#relateddiv', '#content', 'main'], card: '.mb[data-id]', thumbContent: '.mbcontent', thumbImage: '.mbcontent img', thumbLink: '.mbcontent > a[href*="/video"], .mbtit a[href*="/video"]', uploaderLink: '.mb-uploader a[href]', officialUploader: '.mb-uploader.ischannel a[href], .mb-uploader a[href*="/channel/"]', watchedIcons: '.mvhdico i[title], .mvhdico i[data-original-title], .mvhdico i[aria-label]' }; const state = { hideNonVr: readBoolWithFallback(STORAGE_KEYS.hideNonVr, LEGACY_KEYS.hideNonVr, DEFAULTS.hideNonVr), markWatched: readBoolWithFallback(STORAGE_KEYS.markWatched, LEGACY_KEYS.markWatched, DEFAULTS.markWatched), hideWatched: readBoolWithFallback(STORAGE_KEYS.hideWatched, LEGACY_KEYS.hideWatched, DEFAULTS.hideWatched), hide720Below: readBoolWithFallback(STORAGE_KEYS.hide720Below, LEGACY_KEYS.hide720Below, DEFAULTS.hide720Below), hide1080p: readBoolWithFallback(STORAGE_KEYS.hide1080p, LEGACY_KEYS.hide1080p, DEFAULTS.hide1080p), hideOfficial: readBoolWithFallback(STORAGE_KEYS.hideOfficial, LEGACY_KEYS.hideOfficial, DEFAULTS.hideOfficial), onlyNoUploader: readBoolWithFallback(STORAGE_KEYS.onlyNoUploader, LEGACY_KEYS.onlyNoUploader, DEFAULTS.onlyNoUploader), blacklistEnabled: readBoolWithFallback(STORAGE_KEYS.blacklistEnabled, LEGACY_KEYS.blacklistEnabled, DEFAULTS.blacklistEnabled), whitelistEnabled: readBoolWithFallback(STORAGE_KEYS.whitelistEnabled, LEGACY_KEYS.whitelistEnabled, DEFAULTS.whitelistEnabled), blacklist: loadStoredNameList(STORAGE_KEYS.blacklist, SHARED_BLACKLIST_KEY, OTHER_SCOPE_BLACKLIST_KEY, LEGACY_KEYS.blacklist), whitelist: loadStoredNameList(STORAGE_KEYS.whitelist, SHARED_WHITELIST_KEY, OTHER_SCOPE_WHITELIST_KEY, LEGACY_KEYS.whitelist), watchedIds: readJsonWithFallback(STORAGE_KEYS.watchedIds, [], DEFAULTS.watchedIds), panelOpen: false }; const popupState = { root: null, mediaHost: null, hoverTimer: null, activeCard: null, bound: false }; let observer = null; let previewPatchAttempts = 0; let menuCommandIds = []; const CAN_PLAY_MP4 = canPlayType('video/mp4'); const CAN_PLAY_WEBM_VP9 = canPlayType('video/webm; codecs="vp9"'); migrateState(); function canPlayType(type) { try { return !!document.createElement('video').canPlayType(type); } catch (_) { return false; } } function readBoolWithFallback(primaryKey, legacyKeys, fallback) { const keys = [primaryKey, ...(legacyKeys || [])]; for (const key of keys) { const raw = localStorage.getItem(key); if (raw === null) continue; return raw === '1'; } return fallback; } function readJsonWithFallback(primaryKey, legacyKeys, fallback) { const keys = [primaryKey, ...(legacyKeys || [])]; for (const key of keys) { const raw = localStorage.getItem(key); if (raw === null) continue; try { const parsed = JSON.parse(raw); return parsed && typeof parsed === 'object' ? parsed : fallback; } catch (_) {} } return fallback; } function writeBool(key, value) { localStorage.setItem(key, value ? '1' : '0'); } function writeJson(key, value) { localStorage.setItem(key, JSON.stringify(value)); } function normalizeName(value) { return String(value || '') .replace(/\s+/g, ' ') .trim() .toLowerCase(); } function parseNameList(value) { return Array.from(new Set( String(value || '') .split(/[\n,;]+/) .map(normalizeName) .filter(Boolean) )).sort(); } function readStoredNameValue(key) { if (!key) return []; const raw = localStorage.getItem(key); if (raw === null) return []; try { const parsed = JSON.parse(raw); if (Array.isArray(parsed)) return parsed.map(normalizeName).filter(Boolean); if (typeof parsed === 'string') return parseNameList(parsed); } catch (_) { return parseNameList(raw); } return []; } function loadStoredNameList(primaryKey, sharedKey, otherScopeKey, legacyKeys) { return Array.from(new Set([ ...readStoredNameValue(primaryKey), ...readStoredNameValue(sharedKey), ...readStoredNameValue(otherScopeKey), ...(legacyKeys || []).flatMap(readStoredNameValue) ])).sort(); } function persistBlacklist(list) { const normalized = parseNameList(Array.isArray(list) ? list.join('\n') : list); state.blacklist = normalized; writeJson(STORAGE_KEYS.blacklist, normalized); writeJson(SHARED_BLACKLIST_KEY, normalized); writeJson(OTHER_SCOPE_BLACKLIST_KEY, normalized); return normalized; } function persistWhitelist(list) { const normalized = parseNameList(Array.isArray(list) ? list.join('\n') : list); state.whitelist = normalized; writeJson(STORAGE_KEYS.whitelist, normalized); writeJson(SHARED_WHITELIST_KEY, normalized); writeJson(OTHER_SCOPE_WHITELIST_KEY, normalized); return normalized; } function migrateState() { for (const [key, defaultValue] of Object.entries(DEFAULTS)) { const storageKey = STORAGE_KEYS[key]; if (!storageKey || key === 'blacklist' || key === 'whitelist') continue; if (localStorage.getItem(storageKey) !== null) continue; if (typeof defaultValue === 'boolean') writeBool(storageKey, !!state[key]); else writeJson(storageKey, state[key]); } state.panelOpen = false; PANEL_STORAGE_KEYS.forEach(key => localStorage.removeItem(key)); persistBlacklist(state.blacklist); persistWhitelist(state.whitelist); localStorage.setItem(STORAGE_KEYS.lastVersion, SCRIPT_VERSION); } function injectStyles() { if (document.getElementById('tm-eporner-repair-style')) return; const style = document.createElement('style'); style.id = 'tm-eporner-repair-style'; style.textContent = ` ${SELECTORS.card}.tm-eporner-hidden-card { display: none !important; } ${SELECTORS.card}.tm-eporner-watched-video.tm-eporner-mark-watched ${SELECTORS.thumbImage}, ${SELECTORS.card}.tm-eporner-watched-video.tm-eporner-mark-watched .mbimg img, ${SELECTORS.card}.tm-eporner-watched-video.tm-eporner-mark-watched .mbimg video { filter: grayscale(1) brightness(0.82) !important; transition: filter 0.18s ease !important; } #previddiv, .previdthumb { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } #tm-eporner-preview-popup { position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%, calc(-50% + 8px)) !important; width: min(48vw, 720px) !important; max-width: calc(100vw - 24px) !important; max-height: calc(100vh - 24px) !important; z-index: 2147483646 !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.16s ease, transform 0.16s ease !important; } #tm-eporner-preview-popup.tm-show { opacity: 1 !important; transform: translate(-50%, -50%) !important; } #tm-eporner-preview-popup .tm-eporner-preview-panel { overflow: hidden !important; border-radius: 10px !important; border: 1px solid rgba(255,255,255,0.14) !important; background: rgba(8,8,10,0.97) !important; box-shadow: 0 16px 44px rgba(0,0,0,0.52) !important; } #tm-eporner-preview-popup .tm-eporner-preview-media { position: relative !important; aspect-ratio: 16 / 9 !important; background: #000 !important; } #tm-eporner-preview-popup .tm-eporner-preview-media video, #tm-eporner-preview-popup .tm-eporner-preview-media img { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; background: #000 !important; } #tm-eporner-preview-popup .tm-eporner-preview-loader { padding: 8px 12px !important; color: #ddd !important; font: 12px/1.4 Arial, sans-serif !important; text-align: center !important; } #tm-eporner-preview-popup.tm-ready .tm-eporner-preview-loader { display: none !important; } #tm-eporner-sidebar { --tm-eporner-sidebar-panel-width: min(360px, calc(100vw - 40px)); position: fixed !important; right: 0 !important; top: 120px !important; z-index: 2147483645 !important; width: 0 !important; height: 0 !important; overflow: visible !important; pointer-events: none !important; font: 13px/1.4 Arial, sans-serif !important; } #tm-eporner-sidebar-handle { appearance: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border: 1px solid rgba(255,255,255,0.14) !important; border-right: 0 !important; border-radius: 10px 0 0 10px !important; background: rgba(14,14,18,0.96) !important; color: #fff !important; padding: 10px 12px !important; cursor: pointer !important; font: inherit !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; min-height: 110px !important; pointer-events: auto !important; user-select: none !important; touch-action: manipulation !important; position: absolute !important; top: 0 !important; right: 0 !important; transform: translateX(0) !important; transition: transform 0.18s ease !important; z-index: 2 !important; } #tm-eporner-sidebar.tm-open #tm-eporner-sidebar-handle { transform: translateX(calc(-1 * var(--tm-eporner-sidebar-panel-width))) !important; } #tm-eporner-sidebar-handle .tm-eporner-sidebar-handle-arrow { display: block !important; font-size: 16px !important; line-height: 1 !important; writing-mode: horizontal-tb !important; } #tm-eporner-sidebar-handle .tm-eporner-sidebar-handle-arrow::before { content: '◀'; } #tm-eporner-sidebar.tm-open #tm-eporner-sidebar-handle .tm-eporner-sidebar-handle-arrow::before { content: '▶'; } #tm-eporner-sidebar-handle .tm-eporner-sidebar-handle-label { writing-mode: vertical-rl !important; text-orientation: mixed !important; } #tm-eporner-sidebar-panel { position: absolute !important; top: 0 !important; right: 0 !important; width: var(--tm-eporner-sidebar-panel-width) !important; max-height: calc(100vh - 140px) !important; overflow: auto !important; box-sizing: border-box !important; background: rgba(14,14,18,0.97) !important; color: #f1f1f1 !important; border: 1px solid rgba(255,255,255,0.14) !important; border-right: 0 !important; border-radius: 0 0 0 12px !important; padding: 12px !important; transform: translateX(100%) !important; opacity: 0 !important; pointer-events: none !important; transition: transform 0.18s ease, opacity 0.18s ease !important; } #tm-eporner-sidebar.tm-open #tm-eporner-sidebar-panel { transform: translateX(0) !important; opacity: 1 !important; pointer-events: auto !important; } #tm-eporner-sidebar .tm-eporner-sidebar-title { margin: 0 0 10px !important; color: #fff !important; font: 700 16px/1.2 Arial, sans-serif !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } #tm-eporner-sidebar .tm-eporner-sidebar-group { margin: 0 0 10px !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 8px !important; overflow: visible !important; background: rgba(255,255,255,0.03) !important; } #tm-eporner-sidebar .tm-eporner-sidebar-group > summary { list-style: none !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; cursor: pointer !important; padding: 10px 12px !important; font-weight: 700 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; background: rgba(255,255,255,0.05) !important; } #tm-eporner-sidebar .tm-eporner-sidebar-group > summary::after { content: '▸'; display: block !important; flex: 0 0 auto !important; font-size: 15px !important; line-height: 1 !important; } #tm-eporner-sidebar .tm-eporner-sidebar-group[open] > summary::after { content: '▾'; } #tm-eporner-sidebar .tm-eporner-sidebar-group > summary::-webkit-details-marker { display: none !important; } #tm-eporner-sidebar .tm-eporner-sidebar-body { padding: 10px 12px !important; } #tm-eporner-sidebar .tm-eporner-setting { position: relative !important; display: flex !important; align-items: flex-start !important; gap: 8px !important; margin: 0 0 10px !important; cursor: pointer !important; } #tm-eporner-sidebar .tm-eporner-setting input { margin-top: 2px !important; } #tm-eporner-sidebar .tm-eporner-setting[data-help] { user-select: none !important; } #tm-eporner-sidebar .tm-eporner-setting[data-help]::after { content: attr(data-help); position: absolute !important; left: 10px !important; right: 10px !important; top: calc(100% - 2px) !important; z-index: 8 !important; padding: 8px 10px !important; border-radius: 8px !important; border: 1px solid rgba(255,255,255,0.16) !important; background: rgba(12,12,16,0.98) !important; color: #f3f3f3 !important; box-shadow: 0 10px 24px rgba(0,0,0,0.4) !important; font-size: 12px !important; line-height: 1.4 !important; letter-spacing: normal !important; text-transform: none !important; white-space: normal !important; pointer-events: none !important; opacity: 0 !important; transform: translateY(4px) !important; transition: opacity 0.14s ease, transform 0.14s ease !important; } #tm-eporner-sidebar .tm-eporner-setting[data-help]::before { content: ''; position: absolute !important; left: 18px !important; top: calc(100% - 7px) !important; z-index: 8 !important; width: 10px !important; height: 10px !important; background: rgba(12,12,16,0.98) !important; border-left: 1px solid rgba(255,255,255,0.16) !important; border-top: 1px solid rgba(255,255,255,0.16) !important; transform: rotate(45deg) translateY(4px) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.14s ease, transform 0.14s ease !important; } #tm-eporner-sidebar .tm-eporner-setting[data-help]:hover::after, #tm-eporner-sidebar .tm-eporner-setting[data-help]:hover::before, #tm-eporner-sidebar .tm-eporner-setting[data-help]:focus-within::after, #tm-eporner-sidebar .tm-eporner-setting[data-help]:focus-within::before { opacity: 1 !important; } #tm-eporner-sidebar .tm-eporner-setting[data-help]:hover::after, #tm-eporner-sidebar .tm-eporner-setting[data-help]:focus-within::after { transform: translateY(0) !important; } #tm-eporner-sidebar .tm-eporner-setting[data-help]:hover::before, #tm-eporner-sidebar .tm-eporner-setting[data-help]:focus-within::before { transform: rotate(45deg) translateY(0) !important; } #tm-eporner-blacklist-input, #tm-eporner-whitelist-input { display: block !important; width: 100% !important; min-height: 104px !important; resize: vertical !important; box-sizing: border-box !important; border: 1px solid rgba(255,255,255,0.14) !important; border-radius: 8px !important; background: rgba(0,0,0,0.34) !important; color: #fff !important; padding: 8px 10px !important; margin: 0 0 10px !important; font: 12px/1.4 Consolas, Monaco, monospace !important; } #tm-eporner-sidebar .tm-eporner-action-row { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin: 0 0 8px !important; } #tm-eporner-sidebar .tm-eporner-action-button { appearance: none !important; border: 1px solid rgba(255,255,255,0.14) !important; border-radius: 8px !important; background: rgba(255,255,255,0.07) !important; color: #fff !important; padding: 7px 10px !important; cursor: pointer !important; font: inherit !important; } #tm-eporner-sidebar .tm-eporner-help { margin: 0 !important; color: #c7c7c7 !important; font-size: 12px !important; } @media (max-width: 900px) { #tm-eporner-preview-popup { width: min(78vw, 640px) !important; } } @media (max-width: 700px) { #tm-eporner-sidebar { top: 70px !important; } #tm-eporner-preview-popup { width: calc(100vw - 16px) !important; max-height: calc(100vh - 16px) !important; } } `; document.head.appendChild(style); } function getCards(root = document) { const cards = new Set(); if (root instanceof Element && root.matches(SELECTORS.card)) cards.add(root); if (root && typeof root.querySelectorAll === 'function') { root.querySelectorAll(SELECTORS.card).forEach(card => cards.add(card)); } return [...cards].filter(card => !!getVideoLink(card)); } function isVideoCard(card) { return card instanceof Element && card.matches(SELECTORS.card) && !!getVideoLink(card); } function getVideoLink(card) { return card?.querySelector(SELECTORS.thumbLink) || null; } function getCardId(card) { return String(card?.getAttribute('data-id') || '').trim(); } function getThumbImage(card) { return card?.querySelector(SELECTORS.thumbImage) || null; } function getUploaderLink(card) { return card?.querySelector(SELECTORS.uploaderLink) || null; } function getUploaderName(card) { return (getUploaderLink(card)?.textContent || '').replace(/\s+/g, ' ').trim(); } function hasUploaderName(card) { return !!getUploaderLink(card); } function isOfficialUploaderCard(card) { return !!card?.querySelector(SELECTORS.officialUploader); } function findWatchedIcon(card) { const icons = card?.querySelectorAll(SELECTORS.watchedIcons) || []; for (const icon of icons) { const label = icon.getAttribute('title') || icon.getAttribute('data-original-title') || icon.getAttribute('aria-label') || ''; if (WATCHED_TITLE_RE.test(label)) return icon; } return null; } function hasVrMarkers(card) { if (!isVideoCard(card)) return false; if (card.querySelector('.vrico')) return true; const link = getVideoLink(card); const href = link?.getAttribute('href') || ''; const text = link?.textContent || ''; const quality = card.querySelector('.mvhdico')?.textContent || ''; return VR_TEXT_RE.test(href) || VR_TEXT_RE.test(text) || VR_TEXT_RE.test(quality); } function getQualityText(card) { return (card.querySelector('.mvhdico')?.textContent || '').replace(/\s+/g, ' ').trim().toUpperCase(); } function getQualityRank(card) { const text = getQualityText(card); if (/2160P|\b4K\b/.test(text)) return 2160; if (/1440P|\b2K\b/.test(text)) return 1440; if (/1080P/.test(text)) return 1080; if (/720P/.test(text)) return 720; if (/480P/.test(text)) return 480; if (/360P/.test(text)) return 360; if (/240P/.test(text)) return 240; return 0; } function isWatched(card) { const id = getCardId(card); return !!findWatchedIcon(card) || !!(id && state.watchedIds[id]); } function evaluateCard(card) { if (!isVideoCard(card)) return; const watched = isWatched(card); const uploaderName = normalizeName(getUploaderName(card)); const hasUploader = hasUploaderName(card); const isOfficial = isOfficialUploaderCard(card); const isVr = hasVrMarkers(card); const quality = getQualityRank(card); const reasons = []; if (state.hideNonVr && !isVr) reasons.push('non-vr'); if (state.hideWatched && watched) reasons.push('watched'); if (state.hide720Below && quality > 0 && quality <= 720) reasons.push('720-below'); if (state.hide1080p && quality === 1080) reasons.push('1080p'); if (state.hideOfficial && isOfficial) reasons.push('official'); if (state.onlyNoUploader && hasUploader) reasons.push('has-uploader'); if (state.blacklistEnabled && uploaderName && state.blacklist.includes(uploaderName)) reasons.push('blacklist'); if (state.whitelistEnabled && (!uploaderName || !state.whitelist.includes(uploaderName))) reasons.push('not-whitelisted'); card.classList.toggle('tm-eporner-watched-video', watched); card.classList.toggle('tm-eporner-mark-watched', watched && state.markWatched); card.classList.toggle('tm-eporner-hidden-card', reasons.length > 0); card.dataset.tmEpornerHiddenReason = reasons.join(','); bindPreviewHoverEvents(card); } function processRoot(root) { getCards(root).forEach(evaluateCard); } function pruneWatchedHistory() { const entries = Object.entries(state.watchedIds || {}); if (entries.length <= WATCHED_HISTORY_LIMIT) return; entries.sort((a, b) => Number(b[1]) - Number(a[1])); state.watchedIds = Object.fromEntries(entries.slice(0, WATCHED_HISTORY_LIMIT)); writeJson(STORAGE_KEYS.watchedIds, state.watchedIds); } function markWatchedByCard(card) { const id = getCardId(card); if (!id) return; state.watchedIds[id] = Date.now(); pruneWatchedHistory(); writeJson(STORAGE_KEYS.watchedIds, state.watchedIds); evaluateCard(card); } function bindWatchedTracking() { document.addEventListener('click', event => { const link = event.target.closest('a[href*="/video-"]'); if (!link) return; const card = link.closest(SELECTORS.card); if (!card) return; markWatchedByCard(card); }, true); } function markCurrentPageCardAsWatched() { if (!VIDEO_PAGE_RE.test(location.pathname)) return; const currentPath = location.pathname.replace(/\/+$/, ''); for (const card of getCards(document)) { const href = (getVideoLink(card)?.getAttribute('href') || '').replace(/\/+$/, ''); if (href && href === currentPath) markWatchedByCard(card); } } function bindSidebarEvents(sidebar) { if (!sidebar || sidebar.dataset.tmEpornerSidebarBound === '1') return; sidebar.querySelector('#tm-eporner-sidebar-handle')?.addEventListener('click', event => { event.preventDefault(); event.stopPropagation(); setPanelOpen(!state.panelOpen); }); sidebar.addEventListener('change', event => { const input = event.target.closest('input[data-setting]'); if (!input) return; setState(input.dataset.setting, input.checked); }); sidebar.addEventListener('click', event => { const button = event.target.closest('[data-action]'); if (!button) return; event.preventDefault(); event.stopPropagation(); const action = button.dataset.action; if (action === 'save-blacklist') saveBlacklistFromSidebar(); else if (action === 'reload-blacklist') reloadBlacklistFromStorage(); else if (action === 'clear-blacklist') clearBlacklist(); else if (action === 'save-whitelist') saveWhitelistFromSidebar(); else if (action === 'reload-whitelist') reloadWhitelistFromStorage(); else if (action === 'clear-whitelist') clearWhitelist(); }); sidebar.dataset.tmEpornerSidebarBound = '1'; } function buildSidebarMarkup() { return `

`; } function ensureSidebar() { if (!document.body) return null; let sidebar = document.getElementById('tm-eporner-sidebar'); if (!sidebar) { sidebar = document.createElement('aside'); sidebar.id = 'tm-eporner-sidebar'; sidebar.innerHTML = buildSidebarMarkup(); document.body.appendChild(sidebar); } else if (sidebar.parentElement !== document.body) { document.body.appendChild(sidebar); } bindSidebarEvents(sidebar); syncSidebarInputs(); applySidebarOpenState(); return sidebar; } function applySidebarOpenState() { const sidebar = document.getElementById('tm-eporner-sidebar'); const handle = document.getElementById('tm-eporner-sidebar-handle'); if (!sidebar || !handle) return; const isOpen = !!state.panelOpen; const label = isOpen ? 'Hide filters' : 'Show filters'; sidebar.classList.toggle('tm-open', isOpen); handle.setAttribute('aria-expanded', isOpen ? 'true' : 'false'); handle.setAttribute('aria-label', label); handle.setAttribute('title', label); } function setPanelOpen(value) { state.panelOpen = !!value; applySidebarOpenState(); updateMenuCommands(); } function syncBlacklistTextarea() { const textarea = document.getElementById('tm-eporner-blacklist-input'); if (textarea) textarea.value = state.blacklist.join('\n'); } function syncWhitelistTextarea() { const textarea = document.getElementById('tm-eporner-whitelist-input'); if (textarea) textarea.value = state.whitelist.join('\n'); } function applySidebarHelpText(sidebar) { if (!sidebar) return; sidebar.querySelectorAll('.tm-eporner-setting input[data-setting]').forEach(input => { const setting = input.dataset.setting || ''; const label = input.closest('.tm-eporner-setting'); if (!label) return; const helpText = SETTING_HELP_TEXT[setting] || ''; if (helpText) label.setAttribute('data-help', helpText); else label.removeAttribute('data-help'); }); } function syncSidebarInputs() { const sidebar = document.getElementById('tm-eporner-sidebar'); if (!sidebar) return; applySidebarHelpText(sidebar); const keys = [ 'hideNonVr', 'markWatched', 'hideWatched', 'hide720Below', 'hide1080p', 'hideOfficial', 'onlyNoUploader', 'blacklistEnabled', 'whitelistEnabled' ]; for (const key of keys) { const input = sidebar.querySelector(`input[data-setting="${key}"]`); if (input) input.checked = !!state[key]; } syncBlacklistTextarea(); syncWhitelistTextarea(); } function refreshFiltersAndUi() { syncSidebarInputs(); processRoot(document); updateMenuCommands(); } function saveBlacklistFromSidebar() { const textarea = document.getElementById('tm-eporner-blacklist-input'); if (!textarea) return; persistBlacklist(textarea.value); refreshFiltersAndUi(); } function reloadBlacklistFromStorage() { state.blacklist = loadStoredNameList(STORAGE_KEYS.blacklist, SHARED_BLACKLIST_KEY, OTHER_SCOPE_BLACKLIST_KEY, LEGACY_KEYS.blacklist); refreshFiltersAndUi(); } function clearBlacklist() { persistBlacklist([]); refreshFiltersAndUi(); } function saveWhitelistFromSidebar() { const textarea = document.getElementById('tm-eporner-whitelist-input'); if (!textarea) return; persistWhitelist(textarea.value); refreshFiltersAndUi(); } function reloadWhitelistFromStorage() { state.whitelist = loadStoredNameList(STORAGE_KEYS.whitelist, SHARED_WHITELIST_KEY, OTHER_SCOPE_WHITELIST_KEY, LEGACY_KEYS.whitelist); refreshFiltersAndUi(); } function clearWhitelist() { persistWhitelist([]); refreshFiltersAndUi(); } function setState(key, value) { if (key === 'panelOpen') { setPanelOpen(value); return; } state[key] = !!value; writeBool(STORAGE_KEYS[key], !!value); refreshFiltersAndUi(); } function updateMenuCommands() { if (typeof GM_unregisterMenuCommand === 'function') { for (const id of menuCommandIds) { try { GM_unregisterMenuCommand(id); } catch (_) {} } } menuCommandIds = []; if (typeof GM_registerMenuCommand !== 'function') return; const add = (label, handler) => { menuCommandIds.push(GM_registerMenuCommand(label, handler)); }; add(`${state.panelOpen ? 'Hide' : 'Show'} filter sidebar`, () => setPanelOpen(!state.panelOpen)); add(`${state.hideNonVr ? 'Disable' : 'Enable'} VR-only filter`, () => setState('hideNonVr', !state.hideNonVr)); add(`${state.markWatched ? 'Disable' : 'Enable'} watched grayscale`, () => setState('markWatched', !state.markWatched)); add(`${state.hideWatched ? 'Show' : 'Hide'} watched videos`, () => setState('hideWatched', !state.hideWatched)); add(`${state.hideOfficial ? 'Show' : 'Hide'} official uploaders`, () => setState('hideOfficial', !state.hideOfficial)); add(`${state.onlyNoUploader ? 'Disable' : 'Enable'} no-uploader-only filter`, () => setState('onlyNoUploader', !state.onlyNoUploader)); add(`${state.blacklistEnabled ? 'Disable' : 'Enable'} uploader blacklist`, () => setState('blacklistEnabled', !state.blacklistEnabled)); add(`${state.whitelistEnabled ? 'Disable' : 'Enable'} uploader whitelist`, () => setState('whitelistEnabled', !state.whitelistEnabled)); add(`Edit uploader blacklist (${state.blacklist.length})`, () => { const input = window.prompt('Enter uploader names separated by commas, semicolons, or new lines.', state.blacklist.join(', ')); if (input === null) return; persistBlacklist(input); refreshFiltersAndUi(); }); add(`Edit uploader whitelist (${state.whitelist.length})`, () => { const input = window.prompt('Enter uploader names separated by commas, semicolons, or new lines.', state.whitelist.join(', ')); if (input === null) return; persistWhitelist(input); refreshFiltersAndUi(); }); } function ensurePreviewPopup() { if (popupState.root?.isConnected) return popupState.root; if (!document.body) return null; const root = document.createElement('div'); root.id = 'tm-eporner-preview-popup'; root.innerHTML = `

Loading preview...

`; document.body.appendChild(root); popupState.root = root; popupState.mediaHost = root.querySelector('.tm-eporner-preview-media'); if (!popupState.bound) { window.addEventListener('blur', () => hidePreviewPopup()); window.addEventListener('scroll', () => hidePreviewPopup(), { passive: true }); window.addEventListener('keydown', event => { if (event.key === 'Escape') hidePreviewPopup(); }); document.addEventListener('visibilitychange', () => { if (document.hidden) hidePreviewPopup(); }); popupState.bound = true; } return root; } function clearHoverTimer() { if (!popupState.hoverTimer) return; clearTimeout(popupState.hoverTimer); popupState.hoverTimer = null; } function showLoader() { popupState.root?.classList.remove('tm-ready'); } function hideLoader() { popupState.root?.classList.add('tm-ready'); } function clearPopupMedia() { clearHoverTimer(); const video = popupState.mediaHost?.querySelector('video'); if (video) { try { video.pause(); video.removeAttribute('src'); video.load(); } catch (_) {} } popupState.mediaHost?.replaceChildren(); popupState.root?.classList.remove('tm-ready'); } function getUsableThumbSrc(img) { if (!img) return ''; const candidates = [ img.currentSrc, img.getAttribute('src'), img.getAttribute('data-src'), img.dataset?.src, img.getAttribute('data-original'), img.dataset?.original ]; for (const candidate of candidates) { if (!candidate || /^data:/i.test(candidate)) continue; return candidate; } return ''; } function getVideoPreviewData(card) { const raw = String(card?.getAttribute('data-vp') || '').trim(); const parts = raw.split('|'); const videoId = String(parts[0] || getCardId(card) || '').trim(); const codecs = String(parts[2] || '').trim(); const thumbImage = getThumbImage(card); const thumbSrc = getUsableThumbSrc(thumbImage); if (!videoId || !thumbSrc) return null; const slashIndex = thumbSrc.lastIndexOf('/'); if (slashIndex === -1) return null; const basePath = thumbSrc.slice(0, slashIndex + 1); const preferredExt = codecs === '2' && CAN_PLAY_WEBM_VP9 ? 'webm' : 'mp4'; const fallbackExt = preferredExt === 'webm' && CAN_PLAY_MP4 ? 'mp4' : null; const buildUrl = ext => `${basePath}${videoId}-preview.${ext}`; return { poster: thumbSrc, preferredSrc: buildUrl(preferredExt), fallbackSrc: fallbackExt ? buildUrl(fallbackExt) : null, title: thumbImage?.getAttribute('alt') || getVideoLink(card)?.textContent?.trim() || 'Preview' }; } function createPopupFallbackImage(card) { const img = getThumbImage(card); const src = getUsableThumbSrc(img); if (!src) { hidePreviewPopup(card); return; } const image = document.createElement('img'); image.alt = img?.getAttribute('alt') || 'Preview'; image.decoding = 'async'; image.loading = 'eager'; image.addEventListener('load', () => hideLoader(), { once: true }); image.addEventListener('error', () => hidePreviewPopup(card), { once: true }); popupState.mediaHost?.appendChild(image); image.src = src; } function createPopupVideo(card) { const data = getVideoPreviewData(card); if (!data) { createPopupFallbackImage(card); return; } const video = document.createElement('video'); let fallbackTried = false; let finished = false; const ready = () => { if (finished) return; finished = true; hideLoader(); try { const playPromise = video.play(); if (playPromise && typeof playPromise.catch === 'function') playPromise.catch(() => {}); } catch (_) {} }; const fail = () => { if (!fallbackTried && data.fallbackSrc && data.fallbackSrc !== data.preferredSrc) { fallbackTried = true; finished = false; video.src = data.fallbackSrc; video.load(); return; } clearPopupMedia(); showLoader(); createPopupFallbackImage(card); }; video.muted = true; video.loop = true; video.autoplay = true; video.playsInline = true; video.preload = 'metadata'; video.poster = data.poster; video.setAttribute('muted', ''); video.setAttribute('autoplay', ''); video.setAttribute('playsinline', ''); video.setAttribute('loop', ''); video.setAttribute('aria-label', data.title); video.addEventListener('loadeddata', ready, { once: true }); video.addEventListener('canplay', ready, { once: true }); video.addEventListener('error', fail); popupState.mediaHost?.appendChild(video); video.src = data.preferredSrc; video.load(); try { const playPromise = video.play(); if (playPromise && typeof playPromise.catch === 'function') playPromise.catch(() => {}); } catch (_) {} } function showPreviewPopupForCard(card) { if (!isVideoCard(card)) return; ensurePreviewPopup(); clearPopupMedia(); showLoader(); popupState.activeCard = card; popupState.root?.classList.add('tm-show'); createPopupVideo(card); } function hidePreviewPopup(card = null) { if (card && popupState.activeCard && popupState.activeCard !== card) return; clearPopupMedia(); popupState.root?.classList.remove('tm-show'); popupState.activeCard = null; } function schedulePreviewPopup(card) { if (!isVideoCard(card)) return; clearHoverTimer(); if (popupState.activeCard && popupState.activeCard !== card) hidePreviewPopup(); popupState.activeCard = card; popupState.hoverTimer = window.setTimeout(() => { if (popupState.activeCard !== card) return; showPreviewPopupForCard(card); }, PREVIEW_DELAY); } function bindPreviewHoverEvents(card) { if (!isVideoCard(card) || card.dataset.tmEpornerPreviewBound === '1') return; const hoverArea = card.querySelector(SELECTORS.thumbContent); if (!hoverArea) return; hoverArea.addEventListener('mouseenter', () => schedulePreviewPopup(card)); hoverArea.addEventListener('mouseleave', () => hidePreviewPopup(card)); hoverArea.addEventListener('focusin', () => schedulePreviewPopup(card)); hoverArea.addEventListener('focusout', () => hidePreviewPopup(card)); card.dataset.tmEpornerPreviewBound = '1'; } function removeNativePreviewNodes() { document.querySelectorAll('#previddiv, .previdthumb').forEach(node => node.remove()); } function disableNativeHoverPreview() { removeNativePreviewNodes(); if (typeof window.EPvideoPreviewStart === 'function' && !window.EPvideoPreviewStart.tmDisabledByRepair) { const noop = function () {}; noop.tmDisabledByRepair = true; window.EPvideoPreviewStart = noop; } const preview = window.EP?.thumbs?.preview; if (!preview) { previewPatchAttempts += 1; if (previewPatchAttempts < PREVIEW_PATCH_RETRIES) { window.setTimeout(disableNativeHoverPreview, 250); } return; } if (preview.tmCenteredPopupDisabled) return; preview.start = function () {}; preview.startImage = function () {}; preview.stop = function () { removeNativePreviewNodes(); }; preview.tmCenteredPopupDisabled = true; } function getObserverRoot() { for (const selector of SELECTORS.roots) { const node = document.querySelector(selector); if (node) return node; } const firstCard = document.querySelector(SELECTORS.card); return firstCard?.parentElement || document.body; } function refreshPageState() { processRoot(document); markCurrentPageCardAsWatched(); ensureSidebar(); disableNativeHoverPreview(); } function queueRefreshPasses() { REFRESH_DELAYS.forEach(delay => { window.setTimeout(refreshPageState, delay); }); } function startObserver() { const root = getObserverRoot(); if (!root) { window.setTimeout(startObserver, 400); return; } if (observer) observer.disconnect(); observer = new MutationObserver(mutations => { let shouldRefresh = false; for (const mutation of mutations) { if (mutation.type === 'attributes') { const targetCard = mutation.target instanceof Element ? mutation.target.closest(SELECTORS.card) : null; if (targetCard) { evaluateCard(targetCard); shouldRefresh = true; } continue; } if (mutation.type !== 'childList') continue; const targetCard = mutation.target instanceof Element ? mutation.target.closest(SELECTORS.card) : null; if (targetCard) { evaluateCard(targetCard); shouldRefresh = true; } for (const node of mutation.addedNodes) { if (!(node instanceof Element)) continue; if (node.matches?.(SELECTORS.card)) { evaluateCard(node); shouldRefresh = true; continue; } if (node.querySelector?.(SELECTORS.card)) { processRoot(node); shouldRefresh = true; } } } if (shouldRefresh) { markCurrentPageCardAsWatched(); disableNativeHoverPreview(); } }); observer.observe(root, { childList: true, subtree: true, attributes: true, attributeFilter: ['src', 'data-src', 'title', 'class'] }); } function init() { injectStyles(); ensureSidebar(); ensurePreviewPopup(); bindWatchedTracking(); updateMenuCommands(); refreshPageState(); startObserver(); queueRefreshPasses(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init, { once: true }); } else { init(); } })();