Pick any category (checkboxes on the /a-z page or in a built-in picker) and merge their videos into one combined, searchable, filterable grid. Works across the iXXX network: ixxx.com, sambaporno.com, tiava.com and tubepornstars.com. Decodes /out/ links to the real video URLs everywhere on the page — not just in the mixed grid.
// ==UserScript==
// @name iXXX Network Category Mixer
// @version 1.5.0
// @license none
// @description Pick any category (checkboxes on the /a-z page or in a built-in picker) and merge their videos into one combined, searchable, filterable grid. Works across the iXXX network: ixxx.com, sambaporno.com, tiava.com and tubepornstars.com. Decodes /out/ links to the real video URLs everywhere on the page — not just in the mixed grid.
// @match https://www.ixxx.com/*
// @match https://ixxx.com/*
// @match https://www.sambaporno.com/*
// @match https://sambaporno.com/*
// @match https://www.tiava.com/*
// @match https://tiava.com/*
// @match https://www.tubepornstars.com/*
// @match https://tubepornstars.com/*
// @grant none
// @run-at document-idle
// @namespace https://greasyfork.org/users/373977
// ==/UserScript==
(function () {
'use strict';
/* ============================= CONFIG ============================= */
// One CMS, four sites: ixxx.com's own /network/ page lists exactly these.
// Each site keeps its video collections under a different path, and the
// "tube" sites add a locale segment (e.g. sambaporno -> /en/cat/<slug>).
const NETWORK = {
'ixxx.com': { name: 'iXXX', keyword: 'c', cat: '/c/' },
'sambaporno.com': { name: 'SambaPorno', keyword: 'cat', cat: '/en/cat/' },
'tiava.com': { name: 'Tiava', keyword: 'category', cat: '/category/' },
'tubepornstars.com': { name: 'TubePornstars', keyword: 'pornstar', cat: '/pornstar/' }
};
// The categories this script was built for (shared by the three category
// sites; tubepornstars lists pornstars instead, so it pre-selects nothing).
const DEFAULT_SLUGS = [
'perfect-body', 'perfect', 'threesome', 'stripper', 'latina-threesome',
'colombian', 'big-ass', 'orgy', 'lingeriethreesome', 'lingerie',
'thong', 'skirt', 'dress', 'lace', 'seduce', 'maid',
'latina-big-ass', 'perfect-tits', 'brazilian', 'big-booty',
'big-ass-anal', 'massage', 'riding', 'party'
];
const siteKey = (() => {
const h = location.hostname.replace(/^www\./, '');
return Object.prototype.hasOwnProperty.call(NETWORK, h) ? h : 'ixxx.com';
})();
const SITE = NETWORK[siteKey];
const SITE_DEFAULTS = [];
// The current origin, so the script follows whichever network site it runs on.
const ORIGIN = location.origin;
// iXXX serves a different (free) view with this query param; keep it on every
// request by default so premium-only layouts never interfere with parsing.
const PRICING = 'pricing=free';
const CATEGORY_LIST_URL = ORIGIN + '/a-z?' + PRICING;
const DEFAULTS = {
pages: 1,
concurrency: 4,
delayMs: 500,
sort: 'default',
hidden: [],
selected: SITE_DEFAULTS.slice(),
decodeLinks: true, // open the real video URL instead of /out/
blockedSources: '' // comma separated, matched against the source site
};
const MAX_PAGES = 10;
const BIG_SELECTION_WARN = 60; // ask for confirmation above this many categories
const STORE_KEY = 'ixxx-mixer-settings-v1';
const CAT_STORE_KEY = 'ixxx-mixer-categorylist-v1';
/* ============================= SETTINGS =========================== */
let settings = Object.assign({}, DEFAULTS);
try {
Object.assign(settings, JSON.parse(localStorage.getItem(STORE_KEY) || '{}'));
} catch (e) { /* corrupted -> defaults */ }
if (!Array.isArray(settings.selected) || !settings.selected.length) settings.selected = [];
function saveSettings() {
try { localStorage.setItem(STORE_KEY, JSON.stringify(settings)); } catch (e) { /* ignore */ }
}
function readJson(key) {
try { return JSON.parse(localStorage.getItem(key) || 'null'); } catch (e) { return null; }
}
/* ============================= HELPERS ============================ */
const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
/* ======================= RATE-LIMIT SAFETY (HTTP 429) =================== */
// These sites throttle aggressively: fetching many categories at once can
// return HTTP 429 and, without care, every in-flight category fails. This
// adds automatic retry with exponential backoff, honours the server's
// Retry-After hint, and — once a 429 is seen — pauses ALL fetches (drops
// effective concurrency to 1) so the remaining categories still complete.
const RETRY_MAX = 3; // extra attempts per request (so up to 4 tries)
const THROTTLE_CAP_MS = 60000; // never wait more than a minute per 429
let throttleUntil = 0; // timestamp: hold all fetches until then
let throttleCount = 0; // how many 429s we hit during the current load
function backoffMs(attempt) {
// 1s, 2s, 4s ... capped, with jitter so simultaneous workers don't re-collide
return Math.min(1000 * Math.pow(2, attempt), 15000) + Math.floor(Math.random() * 500);
}
// fetch() with retry/backoff for 429 + 5xx, and a shared cooldown for 429s.
// Returns the Response on success; throws only after retries are exhausted.
async function fetchWithRetry(url, opts) {
for (let attempt = 0; ; attempt++) {
// Respect a global cooldown set by a previous 429 (this serializes fetches).
if (Date.now() < throttleUntil) await sleep(throttleUntil - Date.now());
let res;
try {
res = await fetch(url, opts);
} catch (err) {
if (attempt < RETRY_MAX) { await sleep(backoffMs(attempt)); continue; }
throw err;
}
if (res.status === 429) {
const ra = parseInt(res.headers.get('Retry-After') || '', 10);
const waitMs = (ra > 0 ? ra : Math.min(2 * (attempt + 1), 20)) * 1000;
throttleCount++;
throttleUntil = Date.now() + Math.min(waitMs, THROTTLE_CAP_MS);
if (attempt < RETRY_MAX) { await sleep(waitMs); continue; }
throw new Error('HTTP 429 — rate limited; the mixer slowed down and will finish the rest when allowed.');
}
if (res.status >= 500) {
if (attempt < RETRY_MAX) { await sleep(backoffMs(attempt)); continue; }
throw new Error('HTTP ' + res.status + ' (server error)');
}
return res; // 2xx, or a permanent 4xx other than 429 — let the caller decide
}
}
function slugOf(url) {
try {
// Works for every site: /c/lace, /en/cat/lace, /category/lace, /pornstar/lace
const parts = new URL(url, ORIGIN).pathname.split('/').filter(Boolean);
return parts[parts.length - 1] || url;
} catch (e) { return url; }
}
// Where this site keeps a single collection's videos ("/c/", "/en/cat/",
// "/category/", "/pornstar/"). Read it off the page when possible so a locale
// segment (e.g. sambaporno's "/en/") is picked up automatically, otherwise
// fall back to the per-site table.
function baseFromHref(href) {
const i = String(href || '').lastIndexOf('/');
return i > 0 ? href.slice(0, i + 1) : '';
}
function detectCatBase() {
const own = document.querySelector('li.category a.anchor-link[href], li.category a[href]');
if (own) {
const b = baseFromHref(own.getAttribute('href'));
if (b) return b;
}
const segs = location.pathname.split('/').filter(Boolean);
const idx = segs.lastIndexOf(SITE.keyword);
if (idx >= 0 && idx < segs.length - 1) return '/' + segs.slice(0, idx + 1).join('/') + '/';
return settings.catBase || SITE.cat;
}
let catBase = settings.catBase || SITE.cat;
function setCatBase(b) {
if (b && b !== catBase) {
catBase = b;
if (settings.catBase !== b) { settings.catBase = b; saveSettings(); }
}
return catBase;
}
function refreshCatBase() { return setCatBase(detectCatBase()); }
const urlForSlug = (slug) => ORIGIN + catBase + slug + '?' + PRICING;
// Every network site wraps outbound video links as /out/?l=<base64url
// payload>. The
// payload is a msgpack blob that carries the real destination URL as a
// string, so it can be decoded locally — no extra request, no redirect hop.
// (Same idea as the "Link Decoder" in the PornTube Helper userscript, but
// reading the msgpack string length instead of guessing with a regex.)
function decodeOutUrl(href) {
try {
const payload = new URL(href, ORIGIN).searchParams.get('l');
if (!payload) return null;
let b64 = payload.replace(/-/g, '+').replace(/_/g, '/');
while (b64.length % 4) b64 += '=';
const bin = atob(b64); // one char per byte
// msgpack str8 / str16 / str32 whose value is the URL (exact length,
// so nothing after the URL can leak into the result).
for (let i = 0; i + 2 < bin.length; i++) {
const tag = bin.charCodeAt(i);
let size = -1;
let start = -1;
if (tag === 0xd9) { size = bin.charCodeAt(i + 1); start = i + 2; }
else if (tag === 0xda) { size = (bin.charCodeAt(i + 1) << 8) | bin.charCodeAt(i + 2); start = i + 3; }
else if (tag === 0xdb) {
size = bin.charCodeAt(i + 1) * 16777216 + (bin.charCodeAt(i + 2) << 16) +
(bin.charCodeAt(i + 3) << 8) + bin.charCodeAt(i + 4);
start = i + 5;
} else continue;
if (size < 8 || start + size > bin.length) continue;
const s = bin.substr(start, size);
if (/^https?:\/\/[^\u0000-\u001f]+$/.test(s)) return s;
}
// Fallback: first http(s) run in the blob.
const m = bin.match(/https?:\/\/[a-zA-Z0-9\-._~:/?#[\]@!$&*+;=%]+/);
return m ? m[0] : null;
} catch (e) {
return null;
}
}
function hostOf(url) {
try { return new URL(url).host.replace(/^www\./, ''); } catch (e) { return ''; }
}
function toSeconds(dur) {
if (!dur) return null;
const parts = dur.split(':').map(Number);
if (parts.some(isNaN)) return null;
return parts.reduce((acc, p) => acc * 60 + p, 0);
}
// "5 months ago" -> approximate age in days (null when unparseable)
function parseAge(text) {
if (!text) return null;
if (/just now/i.test(text)) return 0;
const m = /(\d+)\s*(minute|hour|day|week|month|year)s?\s+ago/i.exec(text);
if (!m) return null;
const per = { minute: 1 / 1440, hour: 1 / 24, day: 1, week: 7, month: 30, year: 365 };
return Number(m[1]) * per[m[2].toLowerCase()];
}
function isGate(doc) {
const canonical = doc.querySelector('link[rel="canonical"]');
return !!canonical && /age-verification/.test(canonical.getAttribute('href') || '');
}
function el(tag, cls, text) {
const node = document.createElement(tag);
if (cls) node.className = cls;
if (text !== undefined) node.textContent = text;
return node;
}
function uniqueSlugs(list) {
const seen = new Set();
const out = [];
for (const s of list) {
if (s && !seen.has(s)) { seen.add(s); out.push(s); }
}
return out;
}
// "latina-threesome" -> "Latina Threesome"
function prettify(slug) {
const words = String(slug || '').split(/[-_]+/).filter(Boolean);
return words.map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(' ') || String(slug || '');
}
// Accepts "lace", "latina-threesome", "/c/lace", "/en/cat/lace", a full URL
// or "Lace" and returns a bare slug, or '' when nothing usable is left.
function normalizeSlug(value) {
const cleaned = String(value || '').trim().toLowerCase()
.replace(/^https?:\/\/[^/]+/, '')
.replace(/[?#].*$/, '')
.split('/').filter(Boolean).pop() || '';
return cleaned
.replace(/\s+/g, '-')
.replace(/[^a-z0-9-]/g, '')
.replace(/-+/g, '-')
.replace(/^-|-$/g, '');
}
// Locale-independent thousands formatting, so counts always read "2,782".
const fmt = (n) => Number(n || 0).toLocaleString('en-US');
/* ============================= PARSING ============================ */
// Category grid: `div.cards-container` holds `div.card[data-public-id]` cards.
function parseDoc(doc, slug) {
let nodes = doc.querySelectorAll('.cards-container .card[data-public-id]');
if (!nodes.length) nodes = doc.querySelectorAll('div.card[data-public-id]');
const out = [];
nodes.forEach((card) => {
const id = card.getAttribute('data-public-id');
if (!id) return;
const linkEl = card.querySelector('a.item-link[href]');
const imgEl = card.querySelector('img.item-image');
const titleEl = card.querySelector('a.item-title');
const metaEl = card.querySelector('.item-meta-container');
const scoreEl = card.querySelector('.item-score');
const srcEl = card.querySelector('.item-source-rating-container a.item-source');
const ageEl = card.querySelector('.item-source-rating-container span.item-source');
const metaText = metaEl ? metaEl.textContent : '';
const scoreText = scoreEl ? scoreEl.textContent : '';
const rawHref = linkEl ? (linkEl.getAttribute('href') || '') : '';
const href = rawHref ? new URL(rawHref, ORIGIN).href : '';
const real = href ? (decodeOutUrl(href) || '') : '';
const durMatch = /(\d{1,3}:\d{2}(?::\d{2})?)/.exec(metaText);
const qualMatch = /\b(HD|4K|FHD|UHD|SD)\b/.exec(metaText);
const scoreMatch = /(\d{1,3})\s*%/.exec(scoreText);
let title = '';
if (titleEl) title = titleEl.getAttribute('title') || titleEl.textContent.trim();
if (!title && imgEl) title = imgEl.getAttribute('alt') || '';
if (!title && titleEl) title = titleEl.getAttribute('data-error-title') || '';
if (!title) title = id;
const dur = durMatch ? durMatch[1] : '';
out.push({
id: id,
slug: slug,
href: href,
real: real,
realHost: real ? hostOf(real) : '',
title: title,
thumb: imgEl ? (imgEl.getAttribute('src') || '') : '',
dur: dur,
durSec: toSeconds(dur),
qual: qualMatch ? qualMatch[1] : '',
score: scoreMatch ? scoreMatch[1] + '%' : '',
scorePct: scoreMatch ? Number(scoreMatch[1]) : null,
source: srcEl ? srcEl.textContent.trim() : '',
age: ageEl ? ageEl.textContent.trim() : '',
ageDays: parseAge(ageEl ? ageEl.textContent : ''),
cats: [slug]
});
});
return out;
}
// The /a-z page lists every collection as li.category with a link whose last
// path segment is the slug (works on all four network sites).
function parseCategoryList(doc) {
const out = [];
const seen = new Set();
const first = doc.querySelector('li.category a.anchor-link[href], li.category a[href]');
if (first) setCatBase(baseFromHref(first.getAttribute('href')));
const push = (a, li) => {
const slug = slugOf(a.getAttribute('href'));
if (!slug || seen.has(slug)) return;
seen.add(slug);
const nameEl = li ? li.querySelector('.category-title') : null;
const badge = li ? li.querySelector('.badge') : null;
const name = ((li && li.getAttribute('data-title')) ||
(nameEl ? nameEl.textContent.trim() : '') ||
(a.textContent || '').trim() || slug).trim();
out.push({ slug: slug, name: name, count: badge ? badge.textContent.trim() : '' });
};
doc.querySelectorAll('li.category').forEach((li) => {
const a = li.querySelector('a.anchor-link[href]') || li.querySelector('a[href]');
if (a) push(a, li);
});
if (out.length) return out;
// fallback: any link that looks like a collection link on this site
doc.querySelectorAll('a[href]').forEach((a) => {
const href = a.getAttribute('href') || '';
if (href.indexOf(SITE.cat) === 0 || /(^|\/)(c|cat|category|pornstar)\/[^/]+$/.test(href)) push(a, null);
});
return out;
}
// results: [{slug, items, error}] already ordered by selection order.
function mergeCategoryResults(results) {
const map = new Map();
for (const res of results) {
for (const it of res.items) {
const prev = map.get(it.id);
if (prev) {
if (!prev.cats.includes(res.slug)) prev.cats.push(res.slug);
} else {
it.cats = [res.slug];
map.set(it.id, it);
}
}
}
const list = Array.from(map.values());
list.forEach((it, i) => { it.seq = i; });
return list;
}
/* ============================= FETCHING =========================== */
async function fetchPages(slug) {
const url = urlForSlug(slug);
const out = [];
const n = Math.max(1, Math.min(Number(settings.pages) || 1, MAX_PAGES));
for (let p = 1; p <= n; p++) {
const u = p === 1 ? url : url + '&page=' + p;
const res = await fetchWithRetry(u, { credentials: 'include', headers: { 'Accept': 'text/html' } });
if (!res.ok) throw new Error('HTTP ' + res.status);
const html = await res.text();
const doc = new DOMParser().parseFromString(html, 'text/html');
if (isGate(doc)) {
throw new Error('age-gate: open ' + SITE.name + ' in this browser and verify your age first');
}
const items = parseDoc(doc, slug);
if (!items.length) break; // no cards -> last page or empty category
out.push.apply(out, items);
if (p < n) await sleep(settings.delayMs);
}
return out;
}
// Full category catalogue for the picker (cached in localStorage).
async function loadCategoryList(force) {
if (!force) {
const cached = readJson(CAT_STORE_KEY);
if (cached && Array.isArray(cached.items) && cached.items.length) {
state.catList = cached.items;
state.catListLoaded = true;
return cached.items;
}
}
const res = await fetchWithRetry(CATEGORY_LIST_URL, { credentials: 'include', headers: { 'Accept': 'text/html' } });
if (!res.ok) throw new Error('HTTP ' + res.status);
const doc = new DOMParser().parseFromString(await res.text(), 'text/html');
const items = parseCategoryList(doc);
if (!items.length) throw new Error('no categories found on ' + CATEGORY_LIST_URL);
state.catList = items;
state.catListLoaded = true;
try { localStorage.setItem(CAT_STORE_KEY, JSON.stringify({ ts: Date.now(), items: items })); } catch (e) { /* ignore */ }
return items;
}
/* ============================= STATE ============================== */
const state = {
items: [],
catCounts: new Map(),
hidden: new Set(Array.isArray(settings.hidden) ? settings.hidden : []),
query: '',
sort: settings.sort || 'default',
loading: false,
errors: [],
randomKey: null,
selected: uniqueSlugs(settings.selected),
decodeLinks: settings.decodeLinks !== false,
blocked: String(settings.blockedSources || ''),
catList: [], // [{slug,name,count}] full catalogue
catListLoaded: false,
pickerOpen: false,
pickerQuery: '',
pending: null // Set of slugs while the picker is open
};
function setSelection(slugs) {
state.selected = uniqueSlugs(slugs);
settings.selected = state.selected.slice();
// forget "hidden" entries that are no longer selected
for (const s of Array.from(state.hidden)) if (!state.selected.includes(s)) state.hidden.delete(s);
settings.hidden = Array.from(state.hidden);
saveSettings();
}
function blockedTerms() {
return String(state.blocked || '').split(',')
.map((s) => s.trim().toLowerCase())
.filter(Boolean);
}
function visibleItems() {
const q = state.query.trim().toLowerCase();
const blocked = blockedTerms();
let list = state.items.filter((it) => {
const visibleCat = it.cats.some((c) => !state.hidden.has(c));
if (!visibleCat) return false;
if (blocked.length) {
const src = (it.source || '').toLowerCase();
if (blocked.some((b) => src.indexOf(b) !== -1)) return false;
}
if (!q) return true;
return (it.title + ' ' + it.source + ' ' + (it.realHost || '')).toLowerCase().indexOf(q) !== -1;
});
switch (state.sort) {
case 'score':
list = list.slice().sort((a, b) => (b.scorePct === null ? -1 : b.scorePct) - (a.scorePct === null ? -1 : a.scorePct));
break;
case 'duration':
list = list.slice().sort((a, b) => (b.durSec || -1) - (a.durSec || -1));
break;
case 'newest':
list = list.slice().sort((a, b) => (a.ageDays === null ? Infinity : a.ageDays) - (b.ageDays === null ? Infinity : b.ageDays));
break;
case 'title':
list = list.slice().sort((a, b) => a.title.localeCompare(b.title));
break;
case 'random':
if (!state.randomKey) {
state.randomKey = new Map();
list.forEach((it) => state.randomKey.set(it.id, Math.random()));
}
list = list.slice().sort((a, b) => state.randomKey.get(a.id) - state.randomKey.get(b.id));
break;
default:
list = list.slice().sort((a, b) => a.seq - b.seq);
}
return list;
}
/* ============================= STYLES ============================= */
const STYLE = `
#ixmx-overlay { position: fixed; inset: 0; z-index: 2147483000; background: #0e0e10; color: #e4e4e7;
overflow-y: auto; overflow-x: hidden; font-family: inherit; line-height: 1.4; }
#ixmx-overlay * { box-sizing: border-box; }
.ixmx-header { position: sticky; top: 0; z-index: 6; background: #18181b; border-bottom: 1px solid #2e2e33;
padding: 10px 14px; display: flex; flex-direction: column; gap: 8px; }
.ixmx-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ixmx-title { font-size: 17px; font-weight: 700; color: #fafafa; margin: 0; }
.ixmx-title small { font-weight: 400; color: #a1a1aa; font-size: 13px; }
.ixmx-btn { background: #27272a; color: #e4e4e7; border: 1px solid #3f3f46; border-radius: 6px;
padding: 5px 12px; font-size: 13px; cursor: pointer; }
.ixmx-btn:hover { background: #3f3f46; }
.ixmx-btn:disabled { opacity: .5; cursor: default; }
.ixmx-btn.primary { background: #facc15; color: #18181b; border-color: #facc15; font-weight: 600; }
.ixmx-input, .ixmx-select { background: #0e0e10; color: #e4e4e7; border: 1px solid #3f3f46;
border-radius: 6px; padding: 5px 10px; font-size: 13px; }
.ixmx-input { min-width: 200px; }
.ixmx-label { font-size: 12px; color: #a1a1aa; }
.ixmx-chips { display: flex; gap: 6px; flex-wrap: wrap; max-height: 96px; overflow-y: auto; }
.ixmx-chip { background: #27272a; border: 1px solid #3f3f46; color: #d4d4d8; border-radius: 999px;
padding: 3px 10px; font-size: 12px; cursor: pointer; user-select: none; white-space: nowrap; }
.ixmx-chip:hover { border-color: #facc15; }
.ixmx-chip.off { opacity: .38; text-decoration: line-through; }
.ixmx-chip b { color: #facc15; font-weight: 600; }
.ixmx-status { font-size: 13px; color: #a1a1aa; }
.ixmx-bar { height: 3px; background: #27272a; border-radius: 2px; overflow: hidden; }
.ixmx-bar > i { display: block; height: 100%; width: 0; background: #facc15; transition: width .2s; }
.ixmx-errors { font-size: 12px; color: #f87171; white-space: pre-wrap; }
.ixmx-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 10px; padding: 14px 14px 60px; }
.ixmx-card { display: block; background: #18181b; border: 1px solid #27272a; border-radius: 8px;
overflow: hidden; text-decoration: none; color: inherit; }
.ixmx-card:hover { border-color: #facc15; }
.ixmx-card:hover .ixmx-thumb img { opacity: .85; }
.ixmx-thumb { position: relative; padding-top: 56.25%; background: #000; }
.ixmx-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ixmx-badge { position: absolute; bottom: 4px; background: rgba(0,0,0,.72); color: #fff;
font-size: 12px; padding: 1px 5px; border-radius: 3px; }
.ixmx-badge.left { left: 5px; color: #facc15; }
.ixmx-badge.right { right: 5px; }
.ixmx-badge.host { top: 4px; left: 5px; bottom: auto; color: #86bbff;
max-width: calc(100% - 10px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ixmx-check { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #a1a1aa;
cursor: pointer; user-select: none; }
.ixmx-check input { accent-color: #facc15; width: 14px; height: 14px; cursor: pointer; }
.ixmx-card h3 { font-size: 13.5px; font-weight: 500; margin: 0; padding: 7px 9px 2px;
color: #f4f4f5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden; line-height: 1.35; min-height: 2.7em; }
.ixmx-card p { font-size: 12px; color: #a1a1aa; margin: 0; padding: 0 9px 8px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ixmx-card p .ixmx-cats { color: #86bbff; }
.ixmx-empty { padding: 40px; text-align: center; color: #71717a; grid-column: 1 / -1; }
/* picker panel */
.ixmx-picker { position: fixed; left: 50%; transform: translateX(-50%); top: 76px; bottom: 70px;
width: min(880px, calc(100vw - 32px)); z-index: 10; background: #18181b; border: 1px solid #3f3f46;
border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,.65); display: flex; flex-direction: column; overflow: hidden; }
.ixmx-picker[hidden] { display: none; }
.ixmx-picker-head { padding: 10px 12px; border-bottom: 1px solid #2e2e33; display: flex;
flex-direction: column; gap: 8px; }
.ixmx-picker-list { flex: 1; overflow-y: auto; padding: 6px 4px; column-gap: 8px; }
.ixmx-cat-row { display: flex; align-items: center; gap: 8px; padding: 3px 10px; border-radius: 5px;
font-size: 13px; cursor: pointer; }
.ixmx-cat-row:hover { background: #27272a; }
.ixmx-cat-row input { accent-color: #facc15; width: 15px; height: 15px; cursor: pointer; flex: none; }
.ixmx-cat-row .n { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ixmx-cat-row .c { color: #a1a1aa; font-size: 12px; flex: none; }
.ixmx-cat-row.default .n::before { content: '★ '; color: #facc15; }
.ixmx-cat-row.custom .n::before { content: '☆ '; color: #86bbff; }
.ixmx-picker-foot { padding: 10px 12px; border-top: 1px solid #2e2e33; display: flex; gap: 10px;
align-items: center; background: #18181b; }
.ixmx-picker-foot .grow { flex: 1; }
/* trigger + /a-z page bar */
#ixmx-trigger { position: fixed; right: 18px; bottom: 18px; z-index: 2147482000; background: #facc15;
color: #18181b; border: none; border-radius: 999px; padding: 11px 16px; font-size: 14px;
font-weight: 700; cursor: pointer; box-shadow: 0 6px 20px rgba(0,0,0,.5); }
#ixmx-trigger:hover { background: #fde047; }
.ixmx-cb { width: 15px; height: 15px; accent-color: #facc15; cursor: pointer; flex: none; margin: 0; }
#ixmx-azbar { position: fixed; left: 50%; transform: translateX(-50%); bottom: 14px; z-index: 2147482500;
background: #18181b; border: 1px solid #3f3f46; border-radius: 999px; padding: 8px 14px;
display: flex; gap: 10px; align-items: center; color: #e4e4e7; font-size: 14px;
box-shadow: 0 10px 30px rgba(0,0,0,.6); }
`;
/* ============================= OVERLAY ============================ */
let overlay = null;
let trigger = null;
let pickerRows = null; // Map slug -> row element
let renderToken = 0;
function buildPicker() {
const p = el('div', 'ixmx-picker');
p.id = 'ixmx-picker';
p.hidden = true;
const head = el('div', 'ixmx-picker-head');
const row1 = el('div', 'ixmx-row');
const search = el('input', 'ixmx-input');
search.id = 'ixmx-picker-search';
search.type = 'search';
search.placeholder = 'Find a category …';
search.style.flex = '1';
search.addEventListener('input', () => {
state.pickerQuery = search.value;
filterPickerRows();
});
row1.appendChild(search);
const reloadCats = el('button', 'ixmx-btn', 'Refresh list');
reloadCats.addEventListener('click', async () => {
reloadCats.disabled = true;
reloadCats.textContent = 'Refreshing…';
try {
await loadCategoryList(true);
renderPickerRows();
filterPickerRows();
} catch (e) {
alert('Could not load the category list: ' + e.message);
} finally {
reloadCats.disabled = false;
reloadCats.textContent = 'Refresh list';
}
});
row1.appendChild(reloadCats);
head.appendChild(row1);
const row2 = el('div', 'ixmx-row');
const mk = (label, fn) => {
const b = el('button', 'ixmx-btn', label);
b.addEventListener('click', fn);
return b;
};
row2.appendChild(mk('Select all', () => { state.catList.forEach((c) => state.pending.add(c.slug)); syncPicker(); }));
row2.appendChild(mk('Select none', () => { state.pending.clear(); syncPicker(); }));
row2.appendChild(mk('Invert', () => {
state.catList.forEach((c) => { state.pending.has(c.slug) ? state.pending.delete(c.slug) : state.pending.add(c.slug); });
syncPicker();
}));
if (SITE_DEFAULTS.length) {
row2.appendChild(mk('My ' + SITE_DEFAULTS.length + ' defaults', () => {
state.pending = new Set(SITE_DEFAULTS);
syncPicker();
}));
row2.appendChild(el('span', 'ixmx-label', '★ your original ' + SITE_DEFAULTS.length + ' · ☆ not on /a-z'));
}
head.appendChild(row2);
// add any category slug by hand (covers categories missing from /a-z)
const row3 = el('div', 'ixmx-row');
row3.appendChild(el('span', 'ixmx-label', 'Add by slug'));
const addInput = el('input', 'ixmx-input');
addInput.id = 'ixmx-picker-add';
addInput.type = 'text';
addInput.placeholder = 'e.g. ' + (SITE.keyword === 'pornstar' ? 'mia-khalifa' : 'lace') + ' (name, slug or URL)';
addInput.style.minWidth = '220px';
const addBtn = el('button', 'ixmx-btn', 'Add');
const doAdd = () => {
const slug = normalizeSlug(addInput.value);
if (!slug) { addInput.focus(); return; }
addInput.value = '';
state.pending.add(slug);
if (pickerRows && !pickerRows.has(slug)) {
const list = document.getElementById('ixmx-picker-list');
if (list) list.insertBefore(makePickerRow(slug, prettify(slug), '', 'custom'), list.firstChild);
}
syncPicker();
filterPickerRows();
const row = pickerRows && pickerRows.get(slug);
if (row && typeof row.scrollIntoView === 'function') row.scrollIntoView({ block: 'nearest' });
};
addBtn.addEventListener('click', doAdd);
addInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); doAdd(); } });
row3.appendChild(addInput);
row3.appendChild(addBtn);
head.appendChild(row3);
p.appendChild(head);
const list = el('div', 'ixmx-picker-list');
list.id = 'ixmx-picker-list';
p.appendChild(list);
const foot = el('div', 'ixmx-picker-foot');
const count = el('span', 'grow ixmx-label');
count.id = 'ixmx-picker-count';
foot.appendChild(count);
const cancel = el('button', 'ixmx-btn', 'Cancel');
cancel.addEventListener('click', closePicker);
foot.appendChild(cancel);
const mix = el('button', 'ixmx-btn primary');
mix.id = 'ixmx-picker-mix';
mix.addEventListener('click', () => {
const chosen = uniqueSlugs(state.pending ? Array.from(state.pending) : []);
if (!chosen.length) { alert('Select at least one category.'); return; }
if (chosen.length > BIG_SELECTION_WARN &&
!confirm(chosen.length + ' categories are selected — that is a lot of videos to fetch. Continue?')) return;
closePicker();
setSelection(chosen);
renderChips();
runLoad();
});
foot.appendChild(mix);
p.appendChild(foot);
return p;
}
// kind: 'default' (one of the original 24), 'custom' (not on /a-z), or ''
function makePickerRow(slug, name, count, kind) {
const row = el('label', 'ixmx-cat-row' + (kind ? ' ' + kind : ''));
row.dataset.slug = slug;
row.dataset.search = (name + ' ' + slug).toLowerCase();
if (kind === 'custom') row.title = 'Kept because you selected it, but it is not listed on /a-z';
const cb = el('input');
cb.type = 'checkbox';
cb.checked = state.pending.has(slug);
cb.addEventListener('change', () => {
if (cb.checked) state.pending.add(slug); else state.pending.delete(slug);
syncPicker();
});
row.appendChild(cb);
row.appendChild(el('span', 'n', name));
if (count) row.appendChild(el('span', 'c', count));
pickerRows.set(slug, row);
return row;
}
function renderPickerRows() {
const list = document.getElementById('ixmx-picker-list');
if (!list) return;
pickerRows = new Map();
const frag = document.createDocumentFragment();
const cats = state.catList.slice().sort((a, b) => a.name.localeCompare(b.name, undefined, { numeric: true }));
const defaults = new Set(SITE_DEFAULTS);
const catalogue = new Set(state.catList.map((c) => c.slug));
// Categories the user selected that the /a-z catalogue does not list.
const custom = uniqueSlugs(Array.from(state.pending)).filter((s) => !catalogue.has(s));
custom.forEach((slug) => frag.appendChild(makePickerRow(slug, prettify(slug), '', 'custom')));
cats.forEach((c) => frag.appendChild(
makePickerRow(c.slug, c.name, c.count, defaults.has(c.slug) ? 'default' : '')));
list.replaceChildren(frag);
syncPicker();
}
function filterPickerRows() {
if (!pickerRows) return;
const q = state.pickerQuery.trim().toLowerCase();
pickerRows.forEach((row) => {
row.style.display = (!q || row.dataset.search.indexOf(q) !== -1) ? '' : 'none';
});
}
function syncPicker() {
if (!pickerRows) return;
let n = 0;
pickerRows.forEach((row, slug) => {
const cb = row.querySelector('input');
const on = state.pending.has(slug);
if (cb.checked !== on) cb.checked = on;
if (on) n++;
});
const count = document.getElementById('ixmx-picker-count');
const mix = document.getElementById('ixmx-picker-mix');
if (count) count.textContent = n + ' categor' + (n === 1 ? 'y' : 'ies') + ' selected';
if (mix) { mix.textContent = 'Mix selected (' + n + ')'; mix.disabled = n === 0; }
}
function openPicker() {
if (!overlay) return;
const p = document.getElementById('ixmx-picker');
if (!p) return;
state.pending = new Set(state.selected);
state.pickerOpen = true;
p.hidden = false;
if (state.catListLoaded) {
renderPickerRows();
filterPickerRows();
return;
}
const list = document.getElementById('ixmx-picker-list');
if (list) list.textContent = 'Loading the full category list from /a-z …';
loadCategoryList(false)
.then(() => { renderPickerRows(); filterPickerRows(); const s = document.getElementById('ixmx-picker-search'); if (s) s.focus(); })
.catch((e) => { if (list) list.textContent = 'Could not load categories: ' + e.message; });
}
function closePicker() {
const p = document.getElementById('ixmx-picker');
if (p) p.hidden = true;
state.pickerOpen = false;
state.pending = null;
}
function buildOverlay() {
const ov = el('div');
ov.id = 'ixmx-overlay';
const header = el('div', 'ixmx-header');
const row1 = el('div', 'ixmx-row');
const title = el('div', 'ixmx-title');
title.appendChild(document.createTextNode(SITE.name + ' Mix '));
title.appendChild(el('small', '', '— selected categories in one page'));
row1.appendChild(title);
const spacer = el('span'); spacer.style.flex = '1'; row1.appendChild(spacer);
const catsBtn = el('button', 'ixmx-btn');
catsBtn.id = 'ixmx-cats-btn';
catsBtn.textContent = 'Categories…';
catsBtn.title = 'Choose which categories to merge (full list from /a-z)';
catsBtn.addEventListener('click', () => (state.pickerOpen ? closePicker() : openPicker()));
row1.appendChild(catsBtn);
const reload = el('button', 'ixmx-btn primary', 'Reload');
reload.id = 'ixmx-reload';
reload.addEventListener('click', runLoad);
row1.appendChild(reload);
const closeBtn = el('button', 'ixmx-btn', '✕ Close');
closeBtn.addEventListener('click', closeOverlay);
row1.appendChild(closeBtn);
header.appendChild(row1);
const row2 = el('div', 'ixmx-row');
const search = el('input', 'ixmx-input');
search.type = 'search';
search.placeholder = 'Filter loaded videos by title or source …';
search.value = state.query;
let deb = null;
search.addEventListener('input', () => {
state.query = search.value;
clearTimeout(deb);
deb = setTimeout(() => { renderGrid(); updateSummary(); }, 150);
});
row2.appendChild(search);
row2.appendChild(el('span', 'ixmx-label', 'Sort'));
const sortSel = el('select', 'ixmx-select');
[['default', 'Category order'], ['newest', 'Newest'], ['score', 'Top rated %'],
['duration', 'Longest'], ['title', 'Title A–Z'], ['random', 'Random']
].forEach(([v, t]) => {
const o = el('option', '', t); o.value = v;
if (v === state.sort) o.selected = true;
sortSel.appendChild(o);
});
sortSel.addEventListener('change', () => {
state.sort = sortSel.value;
settings.sort = state.sort;
if (state.sort === 'random') state.randomKey = null;
saveSettings(); renderGrid(); updateSummary();
});
row2.appendChild(sortSel);
row2.appendChild(el('span', 'ixmx-label', 'Pages per category'));
const pagesInput = el('input', 'ixmx-input');
pagesInput.type = 'number'; pagesInput.min = '1'; pagesInput.max = String(MAX_PAGES);
pagesInput.value = String(settings.pages);
pagesInput.style.minWidth = '60px';
pagesInput.addEventListener('change', () => {
const v = Math.max(1, Math.min(MAX_PAGES, Number(pagesInput.value) || 1));
pagesInput.value = String(v);
if (v !== settings.pages) { settings.pages = v; saveSettings(); runLoad(); }
});
row2.appendChild(pagesInput);
const summary = el('span', 'ixmx-status');
summary.id = 'ixmx-summary';
summary.style.marginLeft = 'auto';
row2.appendChild(summary);
header.appendChild(row2);
// row: link decoding + source blocking
const row2b = el('div', 'ixmx-row');
const directWrap = el('label', 'ixmx-check');
const direct = el('input');
direct.type = 'checkbox';
direct.id = 'ixmx-direct';
direct.checked = state.decodeLinks;
direct.addEventListener('change', () => {
state.decodeLinks = direct.checked;
settings.decodeLinks = direct.checked;
saveSettings();
if (direct.checked) startPageDecoder();
else { stopPageDecoder(); revertPageLinks(); }
renderGrid();
});
directWrap.appendChild(direct);
directWrap.appendChild(document.createTextNode('Open the real video URL (decode /out/ links)'));
directWrap.title = 'On: links across the whole site point straight to the destination. Off: they use the site’s /out/ redirect.';
row2b.appendChild(directWrap);
row2b.appendChild(el('span', 'ixmx-label', 'Hide sources containing'));
const blockInput = el('input', 'ixmx-input');
blockInput.id = 'ixmx-block';
blockInput.type = 'text';
blockInput.placeholder = 'comma separated, e.g. faphouse, teamskeet';
blockInput.value = state.blocked;
blockInput.style.minWidth = '240px';
const applyBlock = () => {
state.blocked = blockInput.value;
settings.blockedSources = blockInput.value;
saveSettings();
renderGrid();
updateSummary();
};
let blockDeb = null;
blockInput.addEventListener('input', () => { clearTimeout(blockDeb); blockDeb = setTimeout(applyBlock, 250); });
blockInput.addEventListener('change', applyBlock);
row2b.appendChild(blockInput);
header.appendChild(row2b);
const status = el('div', 'ixmx-status');
status.id = 'ixmx-status';
header.appendChild(status);
const bar = el('div', 'ixmx-bar');
const fill = el('i'); fill.id = 'ixmx-bar-fill';
bar.appendChild(fill);
header.appendChild(bar);
const chips = el('div', 'ixmx-chips');
chips.id = 'ixmx-chips';
header.appendChild(chips);
const errors = el('div', 'ixmx-errors');
errors.id = 'ixmx-errors';
header.appendChild(errors);
ov.appendChild(header);
ov.appendChild(buildPicker());
const grid = el('div', 'ixmx-grid');
grid.id = 'ixmx-grid';
ov.appendChild(grid);
return ov;
}
function renderChips() {
const box = document.getElementById('ixmx-chips');
if (!box) return;
box.textContent = '';
state.selected.forEach((slug) => {
const chip = el('button', 'ixmx-chip');
if (state.hidden.has(slug)) chip.classList.add('off');
const count = state.catCounts.has(slug) ? state.catCounts.get(slug) : '';
chip.appendChild(document.createTextNode('#' + slug + (count === '' ? '' : ' ')));
if (count !== '') chip.appendChild(el('b', '', String(count)));
chip.title = (count === '' ? '' : count + ' videos from this category — ') + 'click to show/hide';
chip.addEventListener('click', () => {
if (state.hidden.has(slug)) state.hidden.delete(slug);
else state.hidden.add(slug);
settings.hidden = Array.from(state.hidden);
saveSettings();
renderChips(); renderGrid(); updateSummary();
});
box.appendChild(chip);
});
}
function cardNode(it) {
const a = el('a', 'ixmx-card');
const direct = state.decodeLinks && it.real;
a.href = direct ? it.real : it.href;
a.target = '_blank';
a.rel = 'nofollow noopener noreferrer';
a.title = direct ? it.title + '\n→ ' + it.real : it.title;
if (direct) {
a.dataset.linkDecoded = 'true'; // tells the Link Decoder scripts to skip it
a.dataset.realUrl = it.real;
a.dataset.outUrl = it.href;
}
const th = el('div', 'ixmx-thumb');
if (it.thumb) {
const img = el('img');
img.src = it.thumb;
img.alt = '';
img.loading = 'lazy';
th.appendChild(img);
}
if (it.qual) th.appendChild(el('span', 'ixmx-badge left', it.qual));
if (it.dur) th.appendChild(el('span', 'ixmx-badge right', it.dur));
if (direct && it.realHost) th.appendChild(el('span', 'ixmx-badge host', '↗ ' + it.realHost));
a.appendChild(th);
a.appendChild(el('h3', '', it.title));
const sub = el('p');
const bits = [];
if (it.source) bits.push(it.source);
if (it.age) bits.push(it.age);
if (it.score) bits.push(it.score);
sub.appendChild(document.createTextNode(bits.join(' · ')));
sub.appendChild(document.createTextNode(bits.length ? ' ' : ''));
sub.appendChild(el('span', 'ixmx-cats',
it.cats.slice(0, 3).map((c) => '#' + c).join(' ') + (it.cats.length > 3 ? ' +' + (it.cats.length - 3) : '')));
a.appendChild(sub);
return a;
}
// Chunked rendering keeps very large selections responsive.
function renderGrid() {
const grid = document.getElementById('ixmx-grid');
if (!grid) return;
const list = visibleItems();
const token = ++renderToken;
grid.replaceChildren();
if (!list.length) {
grid.appendChild(el('div', 'ixmx-empty',
state.items.length ? 'No videos match the current filter.' : 'Choose categories and press Mix / Reload.'));
return;
}
const CHUNK = 400;
let i = 0;
(function step() {
if (token !== renderToken) return;
const frag = document.createDocumentFragment();
const end = Math.min(i + CHUNK, list.length);
for (; i < end; i++) frag.appendChild(cardNode(list[i]));
grid.appendChild(frag);
if (i < list.length) requestAnimationFrame(step);
})();
}
function updateSummary() {
const s = document.getElementById('ixmx-summary');
if (!s) return;
const showing = visibleItems().length;
const active = state.selected.filter((c) => !state.hidden.has(c)).length;
s.textContent = fmt(showing) + ' of ' + fmt(state.items.length) +
' videos · ' + active + '/' + state.selected.length + ' categories';
const catsBtn = document.getElementById('ixmx-cats-btn');
if (catsBtn) catsBtn.textContent = 'Categories (' + state.selected.length + ')…';
}
function setStatus(text, pct) {
const s = document.getElementById('ixmx-status');
if (s) s.textContent = text;
const fill = document.getElementById('ixmx-bar-fill');
if (fill) fill.style.width = (pct || 0) + '%';
}
function setErrors(errs) {
const box = document.getElementById('ixmx-errors');
if (!box) return;
box.textContent = errs.length
? 'Problems: ' + errs.map((e) => e.slug + ' → ' + e.error).join(' | ')
: '';
}
/* ============================= LOAD =============================== */
async function runLoad() {
if (state.loading) return;
const slugs = state.selected.slice();
if (!slugs.length) { openPicker(); return; }
state.loading = true;
throttleCount = 0;
const reloadBtn = document.getElementById('ixmx-reload');
if (reloadBtn) reloadBtn.disabled = true;
setStatus('Loading 0/' + slugs.length + ' categories …', 0);
setErrors([]);
try {
const queue = slugs.map((slug, i) => ({ slug: slug, i: i }));
const results = [];
let done = 0;
const workers = Array.from({ length: Math.max(1, settings.concurrency) }, async () => {
while (queue.length) {
const job = queue.shift();
let res;
try {
res = { i: job.i, slug: job.slug, items: await fetchPages(job.slug), error: null };
} catch (e) {
res = { i: job.i, slug: job.slug, items: [], error: (e && e.message) || String(e) };
}
results.push(res);
done++;
setStatus('Loading ' + done + '/' + slugs.length + ' categories …', Math.round(done / slugs.length * 100));
await sleep(settings.delayMs);
}
});
await Promise.all(workers);
results.sort((a, b) => a.i - b.i);
state.catCounts = new Map(results.map((r) => [r.slug, r.items.length]));
state.errors = results.filter((r) => r.error);
state.randomKey = null;
state.items = mergeCategoryResults(results);
renderChips();
renderGrid();
updateSummary();
setErrors(state.errors);
const throttleNote = throttleCount > 0
? ' (rate-limited ' + throttleCount + '× — retried automatically)'
: '';
setStatus('Done — ' + results.filter((r) => !r.error).length + '/' + slugs.length +
' categories merged.' + throttleNote, 100);
} finally {
state.loading = false;
const btn = document.getElementById('ixmx-reload');
if (btn) btn.disabled = false;
}
}
/* ============================= OPEN / CLOSE ======================= */
function openOverlay() {
if (overlay) { overlay.style.display = ''; return; }
if (!document.getElementById('ixmx-style')) {
const style = document.createElement('style');
style.id = 'ixmx-style';
style.textContent = STYLE;
document.head.appendChild(style);
}
overlay = buildOverlay();
document.body.appendChild(overlay);
if (trigger) trigger.style.display = 'none';
renderChips();
renderGrid();
updateSummary();
runLoad();
}
function closeOverlay() {
if (overlay) { overlay.remove(); overlay = null; }
if (trigger) trigger.style.display = '';
}
/* ===================== CHECKBOXES ON THE /a-z PAGE ================ */
// Adds a checkbox to every category row on the /a-z page and a
// sticky bottom bar with a "Mix selected" button — same result as the picker.
function updateAzBar() {
const n = document.querySelectorAll('.ixmx-cb:checked').length;
const span = document.getElementById('ixmx-azcount');
if (span) span.textContent = n + ' selected';
const mix = document.getElementById('ixmx-azmix');
if (mix) mix.disabled = n === 0;
}
function collectAzSelection() {
const out = [];
document.querySelectorAll('li.category .ixmx-cb:checked').forEach((cb) => {
const li = cb.closest('li.category');
if (li && li.dataset.slug) out.push(li.dataset.slug);
});
return uniqueSlugs(out);
}
// Make a row behave like the site's own rows: checkbox on the left, link filling the rest.
function applyRowLayout(li, a) {
li.style.display = 'flex';
li.style.alignItems = 'center';
li.style.gap = '7px';
a.style.flex = '1';
a.style.minWidth = '0';
}
function makeCheckbox(slug, name) {
const cb = el('input', 'ixmx-cb');
cb.type = 'checkbox';
cb.checked = state.selected.includes(slug);
cb.title = 'Select "' + name + '" for mixing';
cb.addEventListener('change', updateAzBar);
cb.addEventListener('click', (e) => e.stopPropagation());
return cb;
}
// A full row matching the site's markup, used for categories that exist but
// are not listed on /a-z (the page does not list every category).
function makeCategoryRow(slug, name, checked) {
const li = el('li', 'category px-2 py-1 w-full break-inside-avoid hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-sm');
li.dataset.slug = slug;
li.dataset.custom = '1';
li.setAttribute('data-title', name);
const cb = makeCheckbox(slug, name);
if (checked !== undefined) cb.checked = checked;
li.appendChild(cb);
const a = el('a', 'anchor-link flex gap-1 justify-between');
a.href = catBase + slug + '?' + PRICING;
const left = el('span', 'flex gap-1 justify-center items-center');
left.appendChild(el('span', 'category-title', name));
a.appendChild(left);
let count = '';
if (state.catListLoaded) {
const found = state.catList.find((c) => c.slug === slug);
if (found && found.count) count = found.count;
}
a.appendChild(el('span', 'badge badge-text text-xsm bg-transparent text-zinc-600 dark:text-zinc-300',
count || '☆'));
li.appendChild(a);
applyRowLayout(li, a);
return li;
}
// Categories selected by the user that /a-z does not list get their own group
// at the top, so "Mix selected" on this page keeps the whole selection.
function injectMissingExtras() {
const nativeLis = document.querySelectorAll('li.category:not([data-custom])');
if (!nativeLis.length) return;
const nativeSlugs = new Set();
nativeLis.forEach((li) => { if (li.dataset.slug) nativeSlugs.add(li.dataset.slug); });
const missing = uniqueSlugs(state.selected).filter((s) => !nativeSlugs.has(s));
const existing = document.getElementById('ixmx-extras-list');
if (!missing.length) {
if (existing) {
const group = existing.closest('.ixmx-extras-group');
if (group) group.remove();
}
return;
}
if (existing) {
// preserve anything the user unchecked/checked before re-injecting
const stateInDom = new Map();
existing.querySelectorAll(':scope > li[data-custom]').forEach((li) => {
const cb = li.querySelector('.ixmx-cb');
if (cb) stateInDom.set(li.dataset.slug, cb.checked);
});
existing.replaceChildren.apply(existing, missing.map((slug) =>
makeCategoryRow(slug, prettify(slug),
stateInDom.has(slug) ? stateInDom.get(slug) : state.selected.includes(slug))));
return;
}
const ul = el('ul', 'category-group columns-4 mobile:columns-1 gap-x-2');
ul.id = 'ixmx-extras-list';
missing.forEach((slug) => ul.appendChild(makeCategoryRow(slug, prettify(slug))));
const inner = el('div', 'flex flex-col gap-2 px-2 py-6 mobile:px-0 mobile:py-4 border-b border-zinc-200 dark:border-zinc-800');
const heading = el('a', 'font-bold category-sidebar-header m-0 text-lg size-10 items-center justify-center bg-zinc-200 dark:bg-zinc-800 rounded-md flex', '☆');
heading.href = '#';
heading.title = 'Categories you selected that are not listed on this page';
heading.addEventListener('click', (e) => e.preventDefault());
inner.appendChild(heading);
inner.appendChild(ul);
const group = el('div', 'category-group-container ixmx-extras-group');
group.appendChild(inner);
const first = document.querySelector('.category-group-container');
if (first && first.parentNode) first.parentNode.insertBefore(group, first);
else document.body.appendChild(group);
}
function injectCategoryPage() {
const lis = document.querySelectorAll('li.category:not([data-custom])');
if (!lis.length) return;
refreshCatBase();
lis.forEach((li) => {
if (li.querySelector(':scope > .ixmx-cb')) return;
const a = li.querySelector('a.anchor-link[href]') || li.querySelector('a[href]');
if (!a) return;
const slug = slugOf(a.getAttribute('href'));
const name = li.getAttribute('data-title') || slug;
li.dataset.slug = slug;
applyRowLayout(li, a);
li.insertBefore(makeCheckbox(slug, name), li.firstChild);
});
injectMissingExtras();
if (document.getElementById('ixmx-azbar')) { updateAzBar(); return; }
const bar = el('div');
bar.id = 'ixmx-azbar';
const count = el('span');
count.id = 'ixmx-azcount';
bar.appendChild(count);
const mix = el('button', 'ixmx-btn primary');
mix.id = 'ixmx-azmix';
mix.textContent = 'Mix selected';
mix.addEventListener('click', () => {
const chosen = collectAzSelection();
if (!chosen.length) return;
setSelection(chosen);
if (!overlay) openOverlay(); else runLoad();
});
bar.appendChild(mix);
const clear = el('button', 'ixmx-btn', 'Clear');
clear.addEventListener('click', () => {
document.querySelectorAll('.ixmx-cb').forEach((cb) => { cb.checked = false; });
updateAzBar();
});
bar.appendChild(clear);
const hint = el('span', 'ixmx-label', 'or pick with “⧉ Mix categories”');
bar.appendChild(hint);
document.body.appendChild(bar);
updateAzBar();
}
/* ================= PAGE-WIDE /out/ LINK DECODING ================== */
// The mix overlay decodes the links of its own cards. This does the same for
// the site's regular video links (/out/?l=…) so ordinary browsing skips the
// redirect hop too. It re-scans as cards are added (infinite scroll, filters).
const OUT_LINK_SELECTOR = 'a[href*="/out/"]';
let pageDecodeObserver = null;
let pageDecodeTimer = null;
function decodeOnePageLink(a) {
if (!a || a.dataset.ixmxDecoded) return false;
const raw = a.getAttribute('href') || '';
if (raw.indexOf('/out/') === -1) return false;
const real = decodeOutUrl(raw);
if (!real) return false;
a.dataset.ixmxOut = raw; // keep the original so we can revert
a.dataset.ixmxDecoded = '1';
a.dataset.linkDecoded = 'true'; // same convention as the mix cards
a.href = real;
return true;
}
function decodePageLinks(root) {
if (!settings.decodeLinks) return 0;
const scope = root || document;
let n = 0;
if (scope.nodeType === 1 && scope.matches && scope.matches(OUT_LINK_SELECTOR)) {
if (!scope.closest('#ixmx-overlay') && decodeOnePageLink(scope)) n++;
}
if (scope.querySelectorAll) {
scope.querySelectorAll(OUT_LINK_SELECTOR).forEach((a) => {
if (a.closest('#ixmx-overlay')) return; // the overlay decodes its own cards
if (decodeOnePageLink(a)) n++;
});
}
return n;
}
function revertPageLinks() {
document.querySelectorAll('a[data-ixmx-decoded]').forEach((a) => {
const raw = a.dataset.ixmxOut;
if (raw) a.setAttribute('href', raw);
delete a.dataset.ixmxDecoded;
delete a.dataset.ixmxOut;
if (a.dataset.linkDecoded === 'true') delete a.dataset.linkDecoded;
});
}
function startPageDecoder() {
if (pageDecodeObserver) return;
decodePageLinks(document);
if (!document.body) return;
pageDecodeObserver = new MutationObserver((muts) => {
let hit = false;
for (const m of muts) {
for (const node of m.addedNodes) {
if (node.nodeType !== 1) continue;
if ((node.matches && node.matches(OUT_LINK_SELECTOR)) ||
(node.querySelector && node.querySelector(OUT_LINK_SELECTOR))) { hit = true; break; }
}
if (hit) break;
}
if (!hit || pageDecodeTimer) return;
// batch bursts (a whole page of lazily-added cards) into one pass
pageDecodeTimer = setTimeout(() => {
pageDecodeTimer = null;
decodePageLinks(document);
}, 120);
});
pageDecodeObserver.observe(document.body, { childList: true, subtree: true });
}
function stopPageDecoder() {
if (pageDecodeObserver) { pageDecodeObserver.disconnect(); pageDecodeObserver = null; }
if (pageDecodeTimer) { clearTimeout(pageDecodeTimer); pageDecodeTimer = null; }
}
/* ============================= INIT ============================== */
function init() {
if (window.top !== window.self) return; // top frame only
if (!document.getElementById('ixmx-style')) {
const style = document.createElement('style');
style.id = 'ixmx-style';
style.textContent = STYLE;
document.head.appendChild(style);
}
// floating trigger on every page (on /a-z it sits above the Mix bar)
if (!document.getElementById('ixmx-trigger')) {
const onAz = /(^|\/)a-z\/?$/.test(location.pathname);
trigger = el('button', '', '⧉ Mix categories');
trigger.id = 'ixmx-trigger';
trigger.title = onAz
? 'Open the picker to choose categories from the full catalogue'
: 'Merge the selected categories into one grid';
if (onAz) trigger.style.bottom = '74px';
trigger.addEventListener('click', openOverlay);
document.body.appendChild(trigger);
}
// checkboxes + Mix bar on the categories page
if (/(^|\/)a-z\/?$/.test(location.pathname)) {
injectCategoryPage();
// the page may render rows progressively
setTimeout(injectCategoryPage, 800);
setTimeout(injectCategoryPage, 2500);
}
// rewrite the site's own /out/ video links to the real destinations
if (settings.decodeLinks) startPageDecoder();
}
init();
// Test/debug hook (harmless in normal use).
globalThis.__IXMX__ = {
ORIGIN: ORIGIN,
SITE: SITE,
NETWORK: NETWORK,
DEFAULT_SLUGS: DEFAULT_SLUGS,
SITE_DEFAULTS: SITE_DEFAULTS,
getCatBase: () => catBase,
setCatBase: setCatBase,
detectCatBase: detectCatBase,
refreshCatBase: refreshCatBase,
baseFromHref: baseFromHref,
urlForSlug: urlForSlug,
fetchWithRetry: fetchWithRetry,
backoffMs: backoffMs,
PRICING: PRICING,
getThrottle: () => ({ until: throttleUntil, count: throttleCount }),
decodePageLinks: decodePageLinks,
revertPageLinks: revertPageLinks,
decodeOnePageLink: decodeOnePageLink,
startPageDecoder: startPageDecoder,
stopPageDecoder: stopPageDecoder,
parseDoc: parseDoc,
parseCategoryList: parseCategoryList,
parseAge: parseAge,
toSeconds: toSeconds,
isGate: isGate,
mergeCategoryResults: mergeCategoryResults,
slugOf: slugOf,
uniqueSlugs: uniqueSlugs,
prettify: prettify,
normalizeSlug: normalizeSlug,
fmt: fmt,
decodeOutUrl: decodeOutUrl,
hostOf: hostOf
};
})();