包裹 訊息
if (liChildren.length === 0 && nonLiChildren.length > 0) {
// 檢測 flex-col-reverse（Arena 特徵）並反轉順序
const isReversed = node.classList?.contains('flex-col-reverse') ?? false;
const childrenToProcess = isReversed ? [...nonLiChildren].reverse() : nonLiChildren;
let result = '';
for (const child of childrenToProcess) {
const childContent = md(child, ctx);
if (childContent.trim()) {
result = smartConcat(result, childContent);
}
}
return result.trim() ? `\n\n${result}\n\n` : '';
}
// 情況 3：混合內容（同時有 LI 和非 LI 子元素）
const isReversedMixed = node.classList?.contains('flex-col-reverse') ?? false;
const mixedChildren = isReversedMixed ? [...children].reverse() : children;
for (const child of mixedChildren) {
if (child.tagName === 'LI') {
out += renderLi(child, ctx.depth || 0, ordered ? idx++ : 0, ctx);
} else if (child.nodeType === 1) {
const childContent = md(child, ctx).trim();
if (childContent) {
out += `\n${childContent}\n`;
}
}
}
return out.trim() ? `\n\n${out}\n\n` : '';
}
if (T === 'P') { const inner = processChildren(node, ctx).trim(); return inner ? `\n\n${inner}\n\n` : ''; }
if (/^(DIV|SECTION|ARTICLE|MAIN|NAV|HEADER|FOOTER|ASIDE)$/.test(T)) return `\n\n${processChildren(node, ctx)}\n\n`;
return processChildren(node, ctx);
} catch (e) { console.warn('[mdltx] md error:', e); return ''; }
}
function renderLi(li, depth, olIndex, ctx) {
const maxDepth = 10;
const effectiveDepth = Math.min(depth, maxDepth);
ctx = normalizeCtx(ctx); const indent = ' '.repeat(effectiveDepth * 4), marker = getListMarker(), prefix = olIndex ? `${olIndex}. ` : `${marker} `;
let contentParts = '', nestedParts = '';
try { for (const ch of Array.from(li.childNodes)) { if (ch.nodeType === 1 && (ch.tagName === 'UL' || ch.tagName === 'OL')) nestedParts += md(ch, { ...ctx, depth: Math.min(depth + 1, maxDepth) }); else contentParts += md(ch, ctx); }
const content = String(contentParts).replace(/\n{3,}/g, '\n\n').trim(), nested = nestedParts?.trim() ? trimNewlinesOnly(nestedParts) : '';
if (!content && !nested) return '';
const lines = content ? content.split('\n') : ['']; let out = `${indent}${prefix}${lines[0] || ''}\n`;
for (let i = 1; i < lines.length; i++) out += `${indent} ${lines[i]}\n`;
if (nested) out += `${nested}\n`;
return out;
} catch (e) { console.warn('[mdltx] renderLi error:', e); return ''; }
}
// ─────────────────────────────────────────────────────────────
// § 公式 placeholder 與輸出正規化
// ─────────────────────────────────────────────────────────────
function replaceMathWithPlaceholders(container) {
const map = {}; let id = 0; const nonce = generateNonce();
try { const selector = '.katex,.katex-display,mjx-container,.MathJax,span.MathJax,script[type^="math/tex"],math,.mwe-math-element,img.mwe-math-fallback-image-inline,img.mwe-math-fallback-image-display';
container.querySelectorAll(selector).forEach(el => {
if (el.closest('pre,code') || el.closest?.('[data-mdltx-ui="1"]') || el.closest?.('[data-mdltx-hidden="1"]')) return;
let out = '';
if (el.classList?.contains('mwe-math-element')) { out = processWikipediaMath(el) ?? ''; if (out) { const key = makePlaceholder('MATH', nonce, id++); map[key] = out; const sp = document.createElement('span'); sp.textContent = key; el.replaceWith(sp); } return; }
if (el.closest?.('.mwe-math-element')) return;
if (el.tagName === 'IMG') { out = wikipediaImgToTex(el) || ''; if (out) { const key = makePlaceholder('MATH', nonce, id++); map[key] = out; const sp = document.createElement('span'); sp.textContent = key; el.replaceWith(sp); } return; }
if (el.tagName === 'MATH') { out = processMathML(el) || ''; if (out) { const key = makePlaceholder('MATH', nonce, id++); map[key] = out; const sp = document.createElement('span'); sp.textContent = key; el.replaceWith(sp); } return; }
let tex0 = extractTex(el); if (!tex0) return;
const block = isDisplayMath(el, tex0); let tex = (block && S.get('stripCommonIndentInBlockMath')) ? stripCommonIndent(tex0) : tex0;
const key = makePlaceholder('MATH', nonce, id++); map[key] = block ? `\n\n$$\n${tex}\n$$\n\n` : `$${tex}$`;
const sp = document.createElement('span'); sp.textContent = key; el.replaceWith(sp);
});
} catch (e) { console.warn('[mdltx] replaceMathWithPlaceholders error:', e); }
return map;
}
function normalizeOutput(mdText) {
try { let s = String(mdText || ''); const blocks = {}, nonce = generateNonce(); let bid = 0;
s = s.replace(/(^|\n)(`{3,}|~{3,})[^\n]*\n[\s\S]*?\n\2[ \t]*(?=\n|$)/g, (m, p1) => { const key = makePlaceholder('CODEBLOCK', nonce, bid++); blocks[key] = m.slice(p1.length); return p1 + key; });
s = s.replace(/\u00a0/g, ' ').replace(/[\u200B\u2060\uFEFF]/g, '').replace(/([^\n \t])[ \t]+\n/g, '$1\n').replace(/\n{3,}/g, '\n\n').trim();
for (const [k, v] of Object.entries(blocks)) s = s.split(k).join(v);
return s.trim();
} catch (e) { console.warn('[mdltx] normalizeOutput error:', e); return mdText; }
}
// ─────────────────────────────────────────────────────────────
// § 選取與文章偵測
// ─────────────────────────────────────────────────────────────
/**
* 計算元素的可見文字長度（排除 script/style/noscript）
* 修正 Arena 等 Next.js 網站的 articleMinRatio 計算
*/
function getVisibleTextLength(el) {
if (!el) return 0;
let len = 0;
try {
const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
while (walker.nextNode()) {
const node = walker.currentNode;
const parent = node.parentElement;
// 跳過不可見內容的父元素
if (parent && /^(SCRIPT|STYLE|NOSCRIPT|TEMPLATE|MJX-ASSISTIVE-MML)$/i.test(parent.tagName)) continue;
// 跳過我們自己的 UI
if (parent && (parent.id === 'mdltx-ui-host' || parent.closest?.('[data-mdltx-ui="1"]'))) continue;
const text = node.nodeValue || '';
if (text.trim()) len += text.length;
}
} catch (e) {
// 降級方案
try {
const clone = el.cloneNode(true);
clone.querySelectorAll('script, style, noscript, template').forEach(n => n.remove());
len = (clone.textContent || '').trim().length;
} catch {
len = (el.textContent || '').trim().length;
}
}
return len;
}
function getSelection() {
try { const sel = window.getSelection?.(); if (!sel || sel.rangeCount === 0 || sel.isCollapsed) return { hasSelection: false, range: null };
const range = sel.getRangeAt(0), fragment = range.cloneContents(); if (!fragment.hasChildNodes()) return { hasSelection: false, range: null };
const hasMeaningful = (fragment.textContent?.trim() || '') || fragment.querySelector?.('img,svg,math,.katex,mjx-container,table,pre,code,.mwe-math-element,img.mwe-math-fallback-image-inline,img.mwe-math-fallback-image-display');
return hasMeaningful ? { hasSelection: true, range } : { hasSelection: false, range: null };
} catch { return { hasSelection: false, range: null }; }
}
function hasSelection() { return getSelection().hasSelection; }
function getSelectionRange() { return getSelection().range; }
function findArticleRoot() {
const candidates = [];
try {
const startedAt = performance?.now?.() || Date.now();
// ═══════════════════════════════════════════════════════════
// 🔧 增強的選擇器列表（包含 AI 聊天平台特定容器）
// ═══════════════════════════════════════════════════════════
const selectors = [
// 標準語義元素
'article', 'main', '[role="main"]', '#content', '#main', '#article', '#post',
'.content', '.main', '.article', '.post', '.entry', '.markdown-body',
// AI 聊天平台特定選擇器（Arena/Claude/ChatGPT/Grok）
'#chat-area', '[id*="chat"]', '[class*="chat-area"]',
'[class*="conversation"]', '[class*="messages"]', '[class*="chat-messages"]',
'[class*="message-list"]', '[class*="response"]',
// Arena 特定：使用 OL 作為訊息容器
'ol[class*="flex"][class*="flex-col"]',
// Claude 特定
'[class*="prose"]', '[class*="markdown"]'
];
for (const sel of selectors) {
try { document.querySelectorAll(sel).forEach(el => candidates.push(el)); } catch {}
}
// 補充通用選擇器
Array.from(document.querySelectorAll('section,div')).slice(0, 250).forEach(el => candidates.push(el));
const isBad = el => {
if (!el || el.nodeType !== 1) return true;
if (/^(NAV|ASIDE|FOOTER|HEADER|FORM)$/.test(el.tagName)) return true;
if (el.closest('nav,aside,footer,header,form')) return true;
const role = (el.getAttribute?.('role') || '').toLowerCase();
if (/^(navigation|banner|contentinfo|complementary)$/.test(role)) return true;
// 排除輸入區域
if (el.closest('[class*="input-area"]') || el.closest('[class*="composer"]')) return true;
return false;
};
const score = el => {
if (!el || isBad(el)) return -1e9;
// 使用可見文字長度（排除 script 內容）
const len = getVisibleTextLength(el);
if (len < 200) return -1e9;
const paragraphs = el.querySelectorAll('p').length || 0;
const preCodes = el.querySelectorAll('pre,code').length || 0;
const links = el.querySelectorAll('a').length || 0;
// AI 聊天平台加分指標
const messages = el.querySelectorAll('[class*="message"],[class*="prose"],[class*="response"],[class*="assistant"],[class*="user"]').length || 0;
// Arena 特定：OL 內的 DIV 訊息
const olDivs = el.querySelectorAll('ol > div').length || 0;
return len + paragraphs * 120 + preCodes * 60 + messages * 100 + olDivs * 80 - links * 30;
};
// ═══ 兩階段篩選：先用快速指標過濾，再對候選做精確計算 ═══
// 第一階段：快速估算，取 top-30
const quickScored = candidates
.map(el => {
if (!el || el.nodeType !== 1 || isBad(el)) return null;
// 用 textContent.length 快速估算（可能包含 script/style 內容，但做為粗篩足夠）
const quickLen = (el.textContent || '').length;
if (quickLen < 100) return null;
return { el, quickLen };
})
.filter(Boolean)
.sort((a, b) => b.quickLen - a.quickLen)
.slice(0, 30);
// 第二階段：精確計算，僅對 top-30 使用完整的 score 函數
let best = null, bestScore = -1e9;
for (const { el } of quickScored) {
const sc = score(el);
if (sc > bestScore) { bestScore = sc; best = el; }
}
const elapsed = (performance?.now?.() || Date.now()) - startedAt;
diagLog('Article root scan', { candidates: candidates.length, shortlisted: quickScored.length, bestScore, elapsedMs: Math.round(elapsed) });
return best || document.body;
} catch { return document.body; }
}
function isArticleTooSmall(el) {
try {
// 使用可見文字長度（排除 script/style 內容）
const a = getVisibleTextLength(el);
const b = getVisibleTextLength(document.body) || 1;
// 對 AI 聊天平台使用更寬鬆的判斷
if (isAIChatPlatform()) {
// 只要有足夠的內容就不算太小
return a < Math.min(S.get('articleMinChars'), 300);
}
return a < S.get('articleMinChars') || a / b < S.get('articleMinRatio');
} catch { return true; }
}
function decideModeNoSelection() { const m = String(S.get('noSelectionMode') || 'page'); return m === 'article' ? 'article' : 'page'; }
// ─────────────────────────────────────────────────────────────
// § 主要流程
// ─────────────────────────────────────────────────────────────
function isWikipediaHost() { try { return /(^|\.)wikipedia\.org$/i.test(location.hostname); } catch { return false; } }
function cleanupWikipediaUiNoise(root) { if (!isWikipediaHost() || !root?.querySelectorAll) return; try { root.querySelectorAll('span.mw-editsection, span[class*="mw-editsection"]').forEach(n => n.remove()); } catch (e) { console.warn('[mdltx] cleanupWikipediaUiNoise error:', e); } }
async function makeRoot(mode) {
try {
const rng = mode === 'selection' ? getSelectionRange() : null;
const scope = rng ? ((rng.commonAncestorContainer.nodeType === 1 ? rng.commonAncestorContainer : rng.commonAncestorContainer.parentElement) || document.body) : document.body;
// 抓取前準備（臨時展開第三方腳本折疊的內容）
const restoreActions = prepareForCapture(scope);
try {
const hiddenTagged = annotateHidden(scope), iframeTagged = annotateIframes(scope), formatTagged = annotateFormatBoundaries(scope), codeBlockTagged = annotateCodeBlockLanguages(scope);
await waitForMathJax(scope);
const mjTagged = annotateMathJax(scope);
let root, actualMode = mode;
if (mode === 'selection' && rng) { const box = document.createElement('div'); box.appendChild(rng.cloneContents()); root = box; }
else if (mode === 'article') { const art = findArticleRoot(); if (!art || art === document.body || isArticleTooSmall(art)) { root = document.body.cloneNode(true); actualMode = 'page'; } else root = art.cloneNode(true); }
else root = document.body.cloneNode(true);
cleanupAnnotations(mjTagged, 'data-mdltx-tex'); cleanupAnnotations(mjTagged, 'data-mdltx-display');
cleanupAnnotations(hiddenTagged, 'data-mdltx-hidden'); cleanupAnnotations(iframeTagged, 'data-mdltx-iframe-md');
cleanupAnnotations(formatTagged, 'data-mdltx-block'); cleanupAnnotations(codeBlockTagged, 'data-mdltx-lang');
cleanupWikipediaUiNoise(root);
// 清理第三方 UI 元素
cleanupThirdPartyUI(root);
try {
root.querySelectorAll?.('[data-mdltx-ui="1"],#mdltx-ui-host').forEach(n => n.remove());
// ═══════════════════════════════════════════════════════════
// 🔧 AI 聊天平台特殊處理：不移除被標記的元素，只清理標記
// 這是修復 Arena 等平台無法抓取內容的核心修改
// ═══════════════════════════════════════════════════════════
if (isAIChatPlatform()) {
// 對 AI 聊天平台：只清理標記，保留所有元素
root.querySelectorAll?.('[data-mdltx-hidden="1"]').forEach(n => {
n.removeAttribute('data-mdltx-hidden');
});
} else {
// 對一般網站：移除真正隱藏的元素（原有行為）
root.querySelectorAll?.('[data-mdltx-hidden="1"]').forEach(n => {
if (isMathInfra(n)) { n.removeAttribute('data-mdltx-hidden'); return; }
n.remove();
});
}
root.querySelectorAll?.('[data-mdltx-processed]').forEach(n => n.removeAttribute('data-mdltx-processed'));
} catch {}
return { root, actualMode };
} finally {
// 恢復第三方腳本的原狀
restoreAfterCapture(restoreActions);
}
} catch (e) { console.error('[mdltx] makeRoot error:', e); throw e; }
}
async function generateMarkdown(mode) {
try { const waitMs = S.get('waitBeforeCaptureMs'); if (waitMs > 0) await new Promise(r => setTimeout(r, waitMs));
const idleMs = S.get('waitDomIdleMs'); if (idleMs > 0) await waitForDomIdle(idleMs);
if (mode === 'selection' && !hasSelection()) mode = decideModeNoSelection();
let { root, actualMode } = await makeRoot(mode);
const mathMap = replaceMathWithPlaceholders(root);
const ctx = { depth: 0, escapeText: S.get('escapeMarkdownChars'), inTable: false, baseUri: document.baseURI };
let out = md(root, ctx);
// 及時釋放 DOM 克隆以減輕記憶體壓力
root = null;
for (const k of Object.keys(mathMap)) out = out.split(k).join(mathMap[k]);
out = normalizeOutput(out);
return { markdown: out, actualMode, length: out.length };
} catch (e) { console.error('[mdltx] generateMarkdown error:', e); throw e; }
}
async function setClipboardText(text) {
try { GM_setClipboard(text); return true; }
catch (e) { try { if (navigator.clipboard?.writeText) { await navigator.clipboard.writeText(text); return true; } } catch {} throw e; }
}
async function copyMarkdown(mode) {
try { const result = await generateMarkdown(mode); await setClipboardText(result.markdown); return result; }
catch (e) { console.error('[mdltx] copyMarkdown error:', e); throw e; }
}
// ─────────────────────────────────────────────────────────────
// § 快捷鍵與選單
// ─────────────────────────────────────────────────────────────
function installHotkey() {
window.addEventListener('keydown', async e => {
try {
if (e.repeat) return;
const key = (e.key || '').toLowerCase();
const target = e.target;
if (target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable)) return;
const isModifierMatch = S.get('hotkeyAlt') === e.altKey && S.get('hotkeyCtrl') === e.ctrlKey && S.get('hotkeyShift') === e.shiftKey && !e.metaKey;
// 主快捷鍵
if (S.get('hotkeyEnabled') && isModifierMatch && key === S.get('hotkeyKey').toLowerCase()) {
e.preventDefault(); e.stopPropagation();
const mode = hasSelection() ? 'selection' : decideModeNoSelection();
if (ui) await ui.handleCopy(mode); else await copyMarkdown(mode);
return;
}
// 元素選取快捷鍵
if (S.get('elementPickerEnabled') && isModifierMatch && key === S.get('elementPickerHotkey').toLowerCase()) {
e.preventDefault(); e.stopPropagation();
if (ui) ui.startElementPicker();
return;
}
// 預覽快捷鍵
if (S.get('previewEnabled') && isModifierMatch && key === S.get('previewHotkey').toLowerCase()) {
e.preventDefault(); e.stopPropagation();
if (ui) await ui.handlePreview();
return;
}
} catch (err) { console.error('[mdltx] Hotkey error:', err); }
}, true);
}
function installMenu() {
try {
GM_registerMenuCommand('📋 ' + t('copySelection'), async () => { try { if (ui) await ui.handleCopy('selection'); else await copyMarkdown('selection'); } catch (e) { console.error('[mdltx] Menu command error:', e); } });
GM_registerMenuCommand('📰 ' + t('copyArticle'), async () => { try { if (ui) await ui.handleCopy('article'); else await copyMarkdown('article'); } catch (e) { console.error('[mdltx] Menu command error:', e); } });
GM_registerMenuCommand('🌐 ' + t('copyPage'), async () => { try { if (ui) await ui.handleCopy('page'); else await copyMarkdown('page'); } catch (e) { console.error('[mdltx] Menu command error:', e); } });
GM_registerMenuCommand('💾 ' + t('downloadMd'), async () => { try { if (ui) await ui.handleDownload(); else { const mode = hasSelection() ? 'selection' : decideModeNoSelection(); const result = await generateMarkdown(mode); downloadAsFile(result.markdown, generateFilename()); } } catch (e) { console.error('[mdltx] Menu command error:', e); } });
GM_registerMenuCommand('⚙️ ' + t('settings'), () => { try { if (ui) ui.showSettings(); } catch (e) { console.error('[mdltx] Menu command error:', e); } });
// 新增：元素選取
if (S.get('elementPickerEnabled')) {
GM_registerMenuCommand('🎯 ' + t('pickElement'), () => { try { if (ui) ui.startElementPicker(); } catch (e) { console.error('[mdltx] Menu command error:', e); } });
}
// 新增：預覽模式
if (S.get('previewEnabled')) {
GM_registerMenuCommand('👁️ ' + t('previewCopy'), async () => { try { if (ui) await ui.handlePreview(); } catch (e) { console.error('[mdltx] Menu command error:', e); } });
}
} catch (e) { console.warn('[mdltx] Failed to register menu commands:', e); }
}
// ─────────────────────────────────────────────────────────────
// § 初始化
// ─────────────────────────────────────────────────────────────
let ui = null;
function init() {
try {
migrateSettings();
ui = new UIManager();
ui.init();
installHotkey();
installMenu();
console.log('[mdltx] Copy MD + LaTeX v3.2.4 initialized.');
} catch (e) { console.error('[mdltx] Initialization failed:', e); }
}
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
else setTimeout(init, 0);
})();