\u6392\u5E8F\u4F18\u5148\u7EA7\uFF08\u4ECE\u4E0A\u5230\u4E0B\uFF09
\uD83D\uDC41 Views
\u2764\uFE0F Likes
\uD83D\uDCCA \u8D5E\u7387
\uD83D\uDCC5 \u65E5\u671F
\u23F1\uFE0F \u65F6\u957F
`;
document.body.appendChild(sortPanel);
document.getElementById('close-sort').onclick = () => { sortPanel.style.display = 'none'; };
document.getElementById('btn-sort-run').onclick = runSort;
document.getElementById('sort-btn-cap').onclick = () => { capturePage(); updateSortStats(); };
// 列显示切换
document.getElementById('sort-col-toggles').addEventListener('click', (e) => {
const t = e.target.closest('.sort-col-toggle');
if (t) { t.classList.toggle('on'); runSort(); }
});
document.getElementById('sort-btn-clr').onclick = () => {
if (confirm('\u6E05\u7A7A iwara \u6C60\u6240\u6709\u6570\u636E\uFF1F')) {
GM_setValue('iwara_pool', []);
updateStats(); updateSortStats();
document.getElementById('sort-right').classList.remove('show');
}
};
const ro = new ResizeObserver(() => { if (sortPanel.style.display === 'flex') centerEl(sortPanel); });
ro.observe(sortPanel);
}
function updateSortStats() {
const pool = GM_getValue('iwara_pool', []) || [];
document.getElementById('sort-pool-count').innerText = pool.length;
document.getElementById('sort-meta-count').innerText = pool.filter(v => v.views != null || v.likes != null).length;
}
function runSort() {
const pool = GM_getValue('iwara_pool', []) || [];
const list = document.getElementById('sort-list');
const keyword = document.getElementById('sort-keyword').value.trim().toLowerCase();
const viewMin = parseFloat(document.getElementById('filter-view-min').value);
const viewMax = parseFloat(document.getElementById('filter-view-max').value);
const likeMin = parseFloat(document.getElementById('filter-like-min').value);
const likeMax = parseFloat(document.getElementById('filter-like-max').value);
const ratioMin = parseFloat(document.getElementById('filter-ratio-min').value);
const ratioMax = parseFloat(document.getElementById('filter-ratio-max').value);
const dateFrom = document.getElementById('filter-date-from').value;
const dateTo = document.getElementById('filter-date-to').value;
const dateFromTs = dateFrom ? new Date(dateFrom).getTime() : 0;
const dateToTs = dateTo ? new Date(dateTo + 'T23:59:59').getTime() : Infinity;
const levels = [1, 2, 3].map(i => ({
field: document.getElementById(`sort-field-${i}`).value,
dir: document.getElementById(`sort-dir-${i}`).value
})).filter(l => l.field);
updateSortStats();
if (!pool.length) { list.innerHTML = '
\u6C60\u4E3A\u7A7A
'; document.getElementById('sort-right').classList.add('show'); return; }
const filtered = pool.map(v => {
const views = v.views || 0, likes = v.likes || 0;
const ratio = views > 0 ? likes / views : 0;
const dateTs = parseDate(v.date);
return { ...v, views, likes, ratio, dateTs };
}).filter(v => {
if (keyword && !v.title.toLowerCase().includes(keyword)) return false;
if (!isNaN(viewMin) && v.views < viewMin) return false;
if (!isNaN(viewMax) && v.views > viewMax) return false;
if (!isNaN(likeMin) && v.likes < likeMin) return false;
if (!isNaN(likeMax) && v.likes > likeMax) return false;
const pct = v.ratio * 100;
if (!isNaN(ratioMin) && pct < ratioMin) return false;
if (!isNaN(ratioMax) && pct > ratioMax) return false;
if (dateFromTs > 0 && v.dateTs > 0 && v.dateTs < dateFromTs) return false;
if (dateToTs < Infinity && v.dateTs > 0 && v.dateTs > dateToTs) return false;
return true;
}).sort((a, b) => {
for (const lv of levels) {
const va = lv.field === 'date' ? a.dateTs : a[lv.field];
const vb = lv.field === 'date' ? b.dateTs : b[lv.field];
const diff = (vb || 0) - (va || 0);
if (diff !== 0) return lv.dir === 'desc' ? diff : -diff;
}
return 0;
});
document.getElementById('sort-filtered-count').innerText = filtered.length;
document.getElementById('sort-result-info').textContent = `${filtered.length} \u6761`;
document.getElementById('sort-right').classList.add('show');
// 读取列显示状态
const showCol = {};
document.querySelectorAll('#sort-col-toggles .sort-col-toggle').forEach(el => {
showCol[el.dataset.col] = el.classList.contains('on');
});
list.innerHTML = '';
if (!filtered.length) { list.innerHTML = '
\u65E0\u7B26\u5408\u6761\u4EF6
'; return; }
filtered.forEach((item, idx) => {
const div = document.createElement('div');
div.className = 'sort-item';
const rankCls = idx === 0 ? 'top1' : idx === 1 ? 'top2' : idx === 2 ? 'top3' : 'normal';
let badges = '';
if (showCol.view) badges += `
\uD83D\uDC41 ${formatNumber(item.views)}`;
if (showCol.like) badges += `
\u2764\uFE0F ${formatNumber(item.likes)}`;
if (showCol.ratio) badges += `
${(item.ratio * 100).toFixed(1)}%`;
if (showCol.date && item.date) badges += `
\uD83D\uDCC5 ${item.date}`;
if (showCol.duration) badges += `
${formatDuration(item.seconds)}`;
div.innerHTML = `
${idx + 1}
${badges ? `
${badges}
` : ''}`;
list.appendChild(div);
});
}
// --- 捕获数据 ---
function captureiwara() {
return [...document.querySelectorAll('.videoTeaser')].map(el => {
try {
const title = el.querySelector('.videoTeaser__title')?.innerText.trim() || '';
const href = el.querySelector('.videoTeaser__thumbnail')?.getAttribute('href');
const url = href ? 'https://www.iwara.tv' + href : '';
const duration = el.querySelector('.duration .text')?.innerText.trim() || '';
const viewsText = el.querySelector('.views .text')?.innerText.trim() || '';
const likesText = el.querySelector('.likes .text')?.innerText.trim() || '';
const dateText = el.querySelector('.byline .text')?.innerText.trim() || '';
const views = viewsText ? parseCompactNumber(viewsText) : null;
const likes = likesText ? parseCompactNumber(likesText) : null;
return title && url ? { title, url, duration, seconds: parseDuration(duration), views, likes, date: dateText || null } : null;
} catch { return null; }
}).filter(Boolean);
}
function capturehanime1() {
return [...document.querySelectorAll('.video-item-container')].map(el => {
try {
const title = el.getAttribute('title') || el.querySelector('.title')?.innerText.trim() || '';
const url = el.querySelector('.video-link')?.getAttribute('href') || '';
const duration = el.querySelector('.duration')?.innerText.trim() || '';
return title && url ? { title, url, duration, seconds: parseDuration(duration) } : null;
} catch { return null; }
}).filter(Boolean);
}
function capturePage() {
const host = window.location.host;
let poolKey, videos;
if (host.includes('iwara.tv')) { poolKey = 'iwara_pool'; videos = captureiwara(); }
else if (host.includes('hanime')) { poolKey = 'hanime1me_pool'; videos = capturehanime1(); }
else { showPanelMsg('\u26A0\uFE0F \u5F53\u524D\u9875\u9762\u4E0D\u652F\u6301', '#ff6b6b'); return; }
let pool = GM_getValue(poolKey, []) || [];
let added = 0, skipped = 0, duplicated = 0;
videos.forEach(v => {
if (!v.seconds) { skipped++; return; }
if (pool.some(p => p.url === v.url)) { duplicated++; return; }
pool.push(v); added++;
});
GM_setValue(poolKey, pool);
updateStats();
const msg = added === 0 && duplicated > 0
? `\u26A0\uFE0F \u5F53\u524D\u9875\u5168\u90E8 ${duplicated} \u6761\u5DF2\u5B58\u5728`
: `\u2705 \u65B0\u589E ${added} \u6761\uFF0C\u603B\u8BA1 ${pool.length}\uFF08\u91CD\u590D ${duplicated}\uFF0C\u65E0\u65F6\u957F ${skipped}\uFF09`;
const color = added === 0 && duplicated > 0 ? '#ffaa00' : '#00ff88';
showPanelMsg(msg, color);
}
function showPanelMsg(msg, color = '#00ff88') {
document.getElementById('_capToast')?.remove();
const t = document.createElement('div');
t.id = '_capToast';
t.style.cssText = `position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#1e1e1e;color:${color};padding:10px 24px;border-radius:8px;z-index:999999;font-size:13px;box-shadow:0 4px 16px rgba(0,0,0,0.6);border:1px solid #444;white-space:nowrap;transition:opacity 0.3s`;
t.textContent = msg;
document.body.appendChild(t);
setTimeout(() => { t.style.opacity = '0'; setTimeout(() => t.remove(), 300); }, 3000);
}
// --- 核心比对 ---
async function performCompare() {
const iwara = GM_getValue('iwara_pool', []) || [];
const hanime = GM_getValue('hanime1me_pool', []) || [];
const thres = parseFloat(thresholdInput.value);
const tolerance = parseInt(toleranceInput.value) || 30;
const iDur = iwara.filter(v => v.seconds !== null);
const hDur = hanime.filter(v => v.seconds !== null);
const $i = document.getElementById('iwara-only');
const $h = document.getElementById('hanime1me-only');
const $m = document.getElementById('matched-list');
$i.innerHTML = $h.innerHTML = $m.innerHTML = '
\u6BD4\u5BF9\u4E2D...
';
progressContainer.style.display = 'block';
progressBar.style.width = '0%';
const total = iDur.length + hDur.length;
const matchedPairs = [], iOnly = [], hOnly = [];
const hMatched = new Set(), iMatched = new Set();
for (let i = 0; i < iDur.length; i++) {
const item = iDur[i];
let maxSim = 0, best = null;
for (const h of hDur) {
if (Math.abs(item.seconds - h.seconds) > tolerance) continue;
const s = titleSim(cleanTitle(item.title), cleanTitle(h.title));
if (s > maxSim) { maxSim = s; best = h; }
}
if (maxSim >= thres && best) {
matchedPairs.push({ iwara: item, hanime: best, similarity: maxSim });
hMatched.add(best.url);
iMatched.add(item.url);
}
if (i % 5 === 0) { progressBar.style.width = (i / total * 100) + '%'; await new Promise(r => setTimeout(r, 0)); }
}
for (const item of iDur) if (!iMatched.has(item.url)) {
let maxSim = 0;
for (const h of hDur) { if (Math.abs(item.seconds - h.seconds) > tolerance) continue; maxSim = Math.max(maxSim, titleSim(cleanTitle(item.title), cleanTitle(h.title))); }
iOnly.push({ ...item, maxSimilarity: maxSim });
}
for (const item of hDur) if (!hMatched.has(item.url)) {
let maxSim = 0;
for (const i of iDur) { if (Math.abs(item.seconds - i.seconds) > tolerance) continue; maxSim = Math.max(maxSim, titleSim(cleanTitle(item.title), cleanTitle(i.title))); }
hOnly.push({ ...item, maxSimilarity: maxSim });
}
progressBar.style.width = '100%';
setTimeout(() => progressContainer.style.display = 'none', 500);
renderResults(iOnly, hOnly, matchedPairs, iDur, hDur, thres, tolerance);
}
function renderResults(iOnly, hOnly, matchedPairs, iDur, hDur, thres, tolerance) {
const $i = document.getElementById('iwara-only');
const $h = document.getElementById('hanime1me-only');
const $m = document.getElementById('matched-list');
$i.innerHTML = $h.innerHTML = $m.innerHTML = '';
matchedPairs.sort((a, b) => b.similarity - a.similarity);
function renderDiffItem(item, pool, container, durClass) {
const sims = findTopSimilar(item, pool, thres, 3);
const maxSim = sims.length > 0 ? sims[0].titleSim : 0;
const div = document.createElement('div');
div.className = 'diff-item';
div.innerHTML = `
${item.title}
${maxSim > 0 ? `
${(maxSim * 100).toFixed(0)}%` : ''}
${formatDuration(item.seconds)}
`;
div._similarities = sims;
if (sims.length > 0) bindTooltip(div, sims, thres);
container.appendChild(div);
}
iOnly.forEach(item => renderDiffItem(item, hDur, $i, 'duration-iwara'));
hOnly.forEach(item => renderDiffItem(item, iDur, $h, 'duration-hanime'));
matchedPairs.forEach(pair => {
const div = document.createElement('div');
div.className = 'diff-item';
div.style.background = '#1a2a2a';
const otherSim = [
...hDur.filter(h => h.url !== pair.hanime.url).map(h => ({ title: h.title, url: h.url, duration: h.duration, seconds: h.seconds, titleSim: titleSim(cleanTitle(pair.iwara.title), cleanTitle(h.title)), durationDiff: Math.abs(pair.iwara.seconds - h.seconds), type: 'hanime' })),
...iDur.filter(i => i.url !== pair.iwara.url).map(i => ({ title: i.title, url: i.url, duration: i.duration, seconds: i.seconds, titleSim: titleSim(cleanTitle(pair.hanime.title), cleanTitle(i.title)), durationDiff: Math.abs(pair.hanime.seconds - i.seconds), type: 'iwara' }))
].filter(s => s.titleSim >= thres * 0.6).sort((a, b) => b.titleSim - a.titleSim).slice(0, 4);
div.innerHTML = `
${(pair.similarity * 100).toFixed(1)}%`;
if (otherSim.length > 0) { div._similarities = otherSim; bindTooltip(div, otherSim, thres); }
$m.appendChild(div);
});
document.getElementById('diff-i').innerText = iOnly.length;
document.getElementById('diff-h').innerText = hOnly.length;
document.getElementById('diff-matched').innerText = matchedPairs.length;
const iFilt = iDur.length, hFilt = hDur.length;
const iTot = (GM_getValue('iwara_pool', []) || []).length;
const hTot = (GM_getValue('hanime1me_pool', []) || []).length;
if (iFilt < iTot || hFilt < hTot) {
const n = document.createElement('div');
n.style.cssText = 'text-align:center;font-size:10px;color:#ffaa00;margin-top:5px';
n.innerHTML = `\u23F1\uFE0F \u5DF2\u8FC7\u6EE4\u65E0\u65F6\u957F\u89C6\u9891: iwara ${iTot - iFilt}\u6761, hanime1 ${hTot - hFilt}\u6761`;
panel.querySelector('.compare-container').before(n);
setTimeout(() => n.remove(), 5000);
}
if (!iOnly.length) $i.innerHTML = '
\u6CA1\u6709\u72EC\u6709\u9879
';
if (!hOnly.length) $h.innerHTML = '
\u6CA1\u6709\u72EC\u6709\u9879
';
}
function bindTooltip(div, sims, thres) {
div.addEventListener('mouseenter', () => {
const tip = document.createElement('div');
tip.id = 'similarity-tooltip';
tip.innerHTML = `
\u76F8\u4F3C\u9879\uFF1A
${sims.map(s => `
${s.title}
${(s.titleSim * 100).toFixed(1)}%
\u23F1\uFE0F ${s.duration} | \u76F8\u5DEE ${s.durationDiff}\u79D2
`).join('')}`;
document.body.appendChild(tip);
const r = div.getBoundingClientRect();
let left = r.right + 10, top = r.top;
if (r.right + 260 > window.innerWidth) left = r.left - 260;
if (r.top + tip.offsetHeight + 10 > window.innerHeight) top = window.innerHeight - tip.offsetHeight - 10;
tip.style.left = Math.max(10, left) + 'px';
tip.style.top = Math.max(10, top) + 'px';
});
div.addEventListener('mouseleave', () => document.getElementById('similarity-tooltip')?.remove());
}
function clearPools() {
if (confirm('\u6E05\u7A7A\u6240\u6709\u5B58\u50A8\u7684\u6570\u636E\uFF1F')) {
GM_setValue('iwara_pool', []);
GM_setValue('hanime1me_pool', []);
updateStats();
showPanelMsg('\u2705 \u6C60\u5DF2\u6E05\u7A7A');
if (panel?.style.display === 'flex') performCompare();
if (sortPanel?.style.display === 'flex') {
updateSortStats();
document.getElementById('sort-right')?.classList.remove('show');
}
}
}
function updateStats() {
const ti = document.getElementById('total-i');
const th = document.getElementById('total-h');
if (ti) ti.innerText = (GM_getValue('iwara_pool', []) || []).length;
if (th) th.innerText = (GM_getValue('hanime1me_pool', []) || []).length;
}
createMenuButton();
})();