v6.6 代码重构：Twitter/X 模块深度集成 DeepRead 核心引擎，移除冗余弹窗逻辑，统一使用主界面进行分析；保留双仓库推送（HTML归档+MD笔记）与多AI切换功能。
// ==UserScript== // @name ReadSense // @namespace http://tampermonkey.net/ // @version 6.6 // @description v6.6 代码重构：Twitter/X 模块深度集成 DeepRead 核心引擎，移除冗余弹窗逻辑，统一使用主界面进行分析；保留双仓库推送（HTML归档+MD笔记）与多AI切换功能。 // @author Hal // @match *://*/* // @grant GM_xmlhttpRequest // @grant GM_addStyle // @grant GM_setValue // @grant GM_getValue // @grant GM_setClipboard // @grant GM_registerMenuCommand // @connect api.groq.com // @connect api.moonshot.cn // @connect open.bigmodel.cn // @connect api.deepseek.com // @connect api.openai.com // @connect api.github.com // @connect translate.googleapis.com // @connect api.dictionaryapi.dev // @connect dict.youdao.com // @connect libre-tts-nu.vercel.app // @connect * // @require https://cdn.jsdelivr.net/npm/@mozilla/[email protected]/Readability.min.js // @require https://unpkg.com/@popperjs/core@2 // @require https://unpkg.com/tippy.js@6 // @run-at document-idle // @license MIT // ==/UserScript== (function () { 'use strict'; // ========================================================================= // [0] 全局配置与默认值 // ========================================================================= const GLOBAL_CONFIG = { AI_TEMPLATES: { GROQ: { name: 'Groq', url: 'https://api.groq.com/openai/v1/chat/completions', model: 'llama-3.3-70b-versatile' }, KIMI: { name: 'Kimi', url: 'https://api.moonshot.cn/v1/chat/completions', model: 'moonshot-v1-8k' }, ZHIPU: { name: 'Zhipu', url: 'https://open.bigmodel.cn/api/paas/v4/chat/completions', model: 'GLM-4.5-Flash' }, DEEPSEEK: { name: 'DeepSeek', url: 'https://api.deepseek.com/chat/completions', model: 'deepseek-chat' }, OPENAI: { name: 'OpenAI', url: 'https://api.openai.com/v1/chat/completions', model: 'gpt-4o-mini' } }, XIAOBEI_CONFIG: { id: 'zh-CN-liaoning-XiaobeiNeural', api: "https://libre-tts-nu.vercel.app/api/tts", voice: "zh-CN-liaoning-XiaobeiNeural" }, VOICES: { CN: [ { id: 'zh-CN-XiaoxiaoNeural', name: '晓晓 (默认/温暖)' }, { id: 'zh-CN-liaoning-XiaobeiNeural', name: '辽宁口音- 晓北(女)' }, { id: 'zh-CN-YunxiNeural', name: '云希 (男声/稳重)' }, { id: 'zh-CN-YunjianNeural', name: '云健 (男声/体育)' } ], EN: [ { id: 'en-US-JennyNeural', name: 'Jenny (默认/亲切)' }, { id: 'en-US-EricNeural', name: 'Eric (男声/通用)' }, { id: 'en-US-GuyNeural', name: 'Guy (男声/新闻)' }, { id: 'en-US-AnaNeural', name: 'Ana (女声/孩童)' }, { id: 'en-US-ChristopherNeural', name: 'Christopher (男声/大师)' }, { id: 'en-US-MichelleNeural', name: 'Michelle (女声/专业)' } ] } }; // --- 核心工具：TTS 请求构建 --- function buildTTSRequest(serverUrl, text, voiceName, userToken) { if (!serverUrl) return null; const cleanUrl = serverUrl.replace(/\/$/, ''); const isLibreType = cleanUrl.includes('/api/tts') || cleanUrl.includes('libre-tts'); if (isLibreType) { const params = new URLSearchParams({ t: text, v: voiceName }); return { url: `${cleanUrl}?${params.toString()}`, headers: {} }; } else { const token = userToken && userToken.trim() !== '' ? userToken : ""; const params = new URLSearchParams({ text: text, voiceName: voiceName, token: token, rate: '+0%', pitch: '0Hz' }); let headers = {}; if (cleanUrl.includes('vercel.app')) { headers = { "Referer": "https://read-aloud-123.vercel.app/" }; } return { url: `${cleanUrl}?${params.toString()}`, headers: headers }; } } // --- 样式：字典弹窗 --- const DICT_SHADOW_CSS = ` :host { all: initial; display: block; } .dict-popup { text-align: left; font-size: 14px; line-height: 1.4; max-width: 280px; color: #333; padding: 5px; font-family: sans-serif; background: #fff; } .dict-header-row { border-bottom: 1px solid #eee; padding-bottom: 6px; margin-bottom: 6px; } .dict-word-line { display: flex; align-items: center; gap: 8px; margin-bottom: 2px; } .dict-head-word { font-weight: bold; color: #D32F2F; font-size: 18px; } .dict-ipa { font-family: "Lucida Sans Unicode", "Arial Unicode MS", sans-serif; color: #666; font-size: 13px; background: #f0f0f0; padding: 0 4px; border-radius: 4px; } .dict-speaker-btn { display: inline-flex; cursor: pointer; color: #1976D2; padding: 2px; border-radius: 50%; transition: background 0.2s; align-items: center; justify-content: center; } .dict-speaker-btn:hover { background-color: rgba(25, 118, 210, 0.1); } .dict-speaker-btn.playing { color: #E91E63; animation: pulse 1s infinite; } .dict-speaker-btn svg { width: 16px; height: 16px; pointer-events: none; } .dict-basic-trans { font-size: 14px; color: #444; margin-top: 4px;} .dict-details { margin-top: 8px; } .dict-pos-block { margin-bottom: 4px; } .dict-pos-tag { font-style: italic; color: #1976D2; font-weight: bold; font-size: 12px; margin-right: 4px; } .dict-def-list { margin: 0; padding: 0; list-style: none; display: inline; } .dict-def-item { display: inline; } .dict-def-item::after { content: "; "; color: #999; } .dict-def-item:last-child::after { content: ""; } .dict-loading { color: #666; font-style: italic; font-size: 12px; display: flex; align-items: center; gap: 5px;} @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } `; // --- 共享字典帮助类 --- const DictHelper = { async fetchTranslation(text) { const url = `https://translate.googleapis.com/translate_a/single?client=gtx&sl=en&tl=zh-CN&dt=t&dt=bd&q=${encodeURIComponent(text)}`; return new Promise((resolve, reject) => { GM_xmlhttpRequest({ method: "GET", url: url, onload: (res) => { if (res.status === 200) resolve(JSON.parse(res.responseText)); else reject(); }, onerror: reject }); }); }, async fetchPhonetics(text) { const url = `https://api.dictionaryapi.dev/api/v2/entries/en/${encodeURIComponent(text)}`; return new Promise((resolve) => { GM_xmlhttpRequest({ method: "GET", url: url, onload: (res) => { try { const data = JSON.parse(res.responseText); if (data && data.length > 0) { const phoneticObj = data[0].phonetics.find(p => p.text) || data[0]; resolve(phoneticObj.text || null); } else resolve(null); } catch (e) { resolve(null); } }, onerror: () => resolve(null) }); }); }, playLocalTTS(text, onEndCallback, langHint) { if (!window.speechSynthesis) return false; window.speechSynthesis.cancel(); const u = new SpeechSynthesisUtterance(text); const isChinese = langHint === 'zh' || /[\u4e00-\u9fa5]/.test(text); u.lang = isChinese ? 'zh-CN' : 'en-US'; u.rate = 1.0; u.onend = () => { if (onEndCallback) onEndCallback(); }; u.onerror = () => { if (onEndCallback) onEndCallback(); }; window.speechSynthesis.speak(u); return true; }, playAudio(text, btnElement) { if (!text) return; if (btnElement) btnElement.classList.add('playing'); const voice = GM_getValue('ttsVoiceEN', 'en-US-JennyNeural'); window.TTSServiceInstance.play(text, false, () => { if (btnElement) btnElement.classList.remove('playing'); }, voice); }, formatDictData(originalWord, transData, ipaText) { let html = `<div class="dict-popup">`; const basicTrans = transData[0] && transData[0][0] ? transData[0][0][0] : ''; html += `<div class="dict-header-row"><div class="dict-word-line"><span class="dict-head-word">${originalWord}</span>${ipaText ? `<span class="dict-ipa">${ipaText}</span>` : ''}<span class="dict-speaker-btn" data-word="${originalWord}" title="Pronounce"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg></span></div><div class="dict-basic-trans">${basicTrans}</div></div>`; const dictEntries = transData[1]; if (dictEntries && dictEntries.length > 0) { html += `<div class="dict-details">`; dictEntries.forEach(entry => { html += `<div class="dict-pos-block"><span class="dict-pos-tag">${entry[0]}.</span><ul class="dict-def-list">`; entry[1].slice(0, 3).forEach(def => { html += `<li class="dict-def-item">${def}</li>`; }); html += `</ul></div>`; }); html += `</div>`; } else { if (!basicTrans) html += `<div style="padding:5px">No definition found.</div>`; } html += `</div>`; return html; }, initDictionary(container, parentModalId = null) { const walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT, null, false); const nodesToProcess = []; while (walker.nextNode()) { const node = walker.currentNode; if (node.parentElement && (node.parentElement.tagName === 'CODE' || node.parentElement.tagName === 'A' || node.parentElement.tagName === 'BUTTON' || node.parentElement.className.includes('dict-'))) continue; if (node.nodeValue.trim().length > 0) nodesToProcess.push(node); } nodesToProcess.forEach(node => { const text = node.nodeValue; if (/[a-zA-Z]/.test(text)) { const fragment = document.createDocumentFragment(); const parts = text.split(/([a-zA-Z][a-zA-Z'-]*)/g); parts.forEach(part => { if (/^[a-zA-Z][a-zA-Z'-]*$/.test(part)) { const span = document.createElement('span'); span.className = 'anki-word notranslate'; span.setAttribute('translate', 'no'); span.textContent = part; fragment.appendChild(span); } else { fragment.appendChild(document.createTextNode(part)); } }); node.parentNode.replaceChild(fragment, node); } }); if (window.tippy) { tippy(container.querySelectorAll('.anki-word'), { trigger: 'click', interactive: true, theme: 'light-border', placement: 'bottom', animation: 'shift-away', appendTo: parentModalId ? (document.getElementById(parentModalId) || document.body) : document.body, allowHTML: false, maxWidth: 300, zIndex: 100000, onShow(instance) { const word = instance.reference.innerText.trim(); const host = document.createElement('div'); const shadow = host.attachShadow({ mode: 'open' }); const style = document.createElement('style'); style.textContent = DICT_SHADOW_CSS; shadow.appendChild(style); const contentContainer = document.createElement('div'); contentContainer.className = 'dict-popup'; contentContainer.innerHTML = '<span class="dict-loading">🔍 Analyzing...</span>'; shadow.appendChild(contentContainer); instance.setContent(host); Promise.all([ DictHelper.fetchTranslation(word).catch(e => [[['Error']]]), DictHelper.fetchPhonetics(word) ]).then(([transData, ipaText]) => { contentContainer.innerHTML = DictHelper.formatDictData(word, transData, ipaText); const speakerBtn = shadow.querySelector('.dict-speaker-btn'); if (speakerBtn) { speakerBtn.addEventListener('click', (e) => { e.stopPropagation(); DictHelper.playAudio(word, speakerBtn); }); } }); } }); } } }; // ========================================================================= // [1] MODULE: DeepRead (全网通用功能 & 统一设置中心) // ========================================================================= function initDeepRead() { console.log('✅ DeepRead Module Loading (v6.5-DualRepo)...'); // --- 常量配置 --- const CONSTANTS = { CACHE_PREFIX: 'deepread_v70_', HISTORY_KEY: 'deepread_last_text_pointer', CUSTOM_STYLES_KEY: 'deepread_custom_styles_list', AI_SERVICES_KEY: 'deepread_ai_services_list', ACTIVE_AI_ID_KEY: 'deepread_active_ai_id', // Task Allocation Keys TASK_ANALYSIS_ID: 'deepread_task_analysis_id', TASK_SUMMARY_ID: 'deepread_task_summary_id', TASK_TWITTER_ID: 'deepread_task_twitter_id', TASK_TRANSLATE_ID: 'deepread_task_translate_id', CACHE_EXPIRY: 24 * 60 * 60 * 1000, DEFAULT_STYLES: { SIMPLE: { label: '📝 简练', prompt: `Please summarize the content in English using simple words (CEFR B1 level). Start with "Title: ...". Structure with bullet points.` } } }; const DEFAULT_SETTINGS = { enableFloatBtn: true, twitterTranslationType: 'AI', enableFailover: true, // GitHub Config 1 (MD Note) githubToken: '', githubUser: 'moodHappy', githubRepo: 'HelloWorld', githubPath: 'Notes/B1.md', // GitHub Config 2 (HTML Archive) githubUser2: 'moodHappy', githubRepo2: 'moodHappy.gitHub.io-nce', githubPath2: 'danmu/', ttsVoiceCN: 'zh-CN-XiaoxiaoNeural', ttsVoiceEN: 'en-US-JennyNeural', ttsSources: [], defaultSummaryStyle: 'SIMPLE', twitterPrompt: `你是一位精通中英文的语言专家。请分析我提供的句子：\n1. 判断难度等级 (A1-C2)。\n2. 提供准确、优美的中文翻译。\n3. 句中关键短语及例句、例句翻译。\n请使用 Markdown 格式输出。`, promptAnalyze: `你是一个智能助手，请用中文分析下面的内容。请根据内容类型（单词或句子）按以下要求进行分析：\n\n如果是**句子或段落**，请：\n1. 给出难度等级（A1-C2）并解释\n2. 核心语法结构分析\n3. 准确翻译\n4. 重点短语及例句和例句翻译\n\n如果是**单词**，请：\n1. 音标及发音提示\n2. 详细释义及词性\n3. 常用搭配和例句\n4. 记忆技巧（如有）\n\n用 **加粗** 标出重点内容，保持回答简洁实用。`, promptSummaryCN: `You are a helpful assistant. Please summarize the following webpage content in Chinese. Use Simplified Chinese. Structure it clearly with headings (use ## Title) and bullet points.` }; // --- 工具函数 --- const Utils = { getSetting(key) { return GM_getValue(key, DEFAULT_SETTINGS[key]); }, setSetting(key, value) { GM_setValue(key, value); }, getAllStyles() { const defaults = CONSTANTS.DEFAULT_STYLES; const customs = GM_getValue(CONSTANTS.CUSTOM_STYLES_KEY, []); let merged = {}; for (let key in defaults) { merged[key] = defaults[key]; } if(Array.isArray(customs)) { customs.forEach(style => { merged[style.id] = { label: '✨ ' + style.label, prompt: style.prompt, isCustom: true }; }); } return merged; }, getAIServices() { return GM_getValue(CONSTANTS.AI_SERVICES_KEY, []); }, setAIServices(list) { GM_setValue(CONSTANTS.AI_SERVICES_KEY, list); }, getActiveAIId() { return GM_getValue(CONSTANTS.ACTIVE_AI_ID_KEY, ''); }, setActiveAIId(id) { GM_setValue(CONSTANTS.ACTIVE_AI_ID_KEY, id); }, getServiceIdForTask(taskType) { const map = { 'ANALYSIS': CONSTANTS.TASK_ANALYSIS_ID, 'SUMMARY': CONSTANTS.TASK_SUMMARY_ID, 'TWITTER': CONSTANTS.TASK_TWITTER_ID, 'TRANSLATE': CONSTANTS.TASK_TRANSLATE_ID }; return GM_getValue(map[taskType], '') || this.getActiveAIId(); }, cleanMarkdownForTTS(text) { if (!text) return ''; return text.replace(/\*\*(.*?)\*\*/g, '$1').replace(/\*(.*?)\*/g, '$1').replace(/[*#>`~-]/g, '').replace(/\[(.*?)\]\(.*?\)/g, '$1').replace(/\d+\.\s/g, '').replace(/\n+/g, '，').replace(/\s+/g, ' ').trim(); }, escapeHTML(str) { if (!str) return ''; return str.replace(/[&<>"']/g, m => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' })[m]); }, renderMarkdownToHTML(text) { if (!text) return ''; let safeText = this.escapeHTML(text); return safeText .replace(/\r\n/g, '\n') .replace(/^###\s*(.*$)/gm, '<h4 style="margin:12px 0 6px; color:#444;">$1</h4>') .replace(/^##\s*(.*$)/gm, '<h3 style="margin:18px 0 10px; color:#333; border-bottom:1px solid #eee; padding-bottom:5px;">$1</h3>') .replace(/^#\s*(.*$)/gm, '<h2 style="font-size:1.3em; margin:15px 0;">$1</h2>') .replace(/\*\*\s*(.*?)\s*\*\*/g, '<strong style="color: #d35400;">$1</strong>') .replace(/\*\s*(.*?)\s*\*\*/g, '<em style="color: #2980b9;">$1</em>') .replace(/^\s*[\-\*]\s+(.*$)/gm, '<div class="dr-list-row"><span class="dr-list-icon"></span><div class="dr-list-text">$1</div></div>') .replace(/^\s*\d+\.\s+(.*$)/gm, '<div class="dr-list-header">$1</div>') .replace(/\n/g, '<br>'); }, debounce(func, wait) { let timeout; return function (...args) { clearTimeout(timeout); timeout = setTimeout(() => func.apply(this, args), wait); }; }, getCacheKey(type, id) { return CONSTANTS.CACHE_PREFIX + type + '_' + btoa(encodeURIComponent(id)); }, generateHTMLContent(title, url, summaryContent) { const date = new Date().toLocaleString(); const htmlContent = this.renderMarkdownToHTML(summaryContent); return `<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>${this.escapeHTML(title)} - ReadSense Archive</title> <style> body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.6; max-width: 800px; margin: 0 auto; padding: 20px; color: #333; } h1 { border-bottom: 2px solid #3498db; padding-bottom: 10px; color: #2c3e50; } .meta { font-size: 14px; color: #7f8c8d; margin-bottom: 25px; background: #f9f9f9; padding: 10px; border-radius: 6px; } .meta a { color: #3498db; text-decoration: none; word-break: break-all; } .meta a:hover { text-decoration: underline; } .content { background: #fff; } h2, h3 { color: #2c3e50; margin-top: 25px; } .footer { margin-top: 40px; font-size: 12px; color: #bdc3c7; text-align: center; border-top: 1px solid #eee; padding-top: 20px; } </style> </head> <body> <h1>${this.escapeHTML(title)}</h1> <div class="meta"> <div>📅 归档时间: ${date}</div> <div>🔗 原文链接: <a href="${this.escapeHTML(url)}" target="_blank">${this.escapeHTML(url)}</a></div> </div> <div class="content"> ${htmlContent} </div> <div class="footer"> Generated by ReadSense UserScript </div> </body> </html>`; } }; // --- 应用状态 --- const AppState = { currentAudio: null, isPlaying: false, isModalOpen: false, analysisText: '', lastScrollY: 0, currentSummaryLang: 'en', tempCustomStyles: [], tempDefaultStyle: 'SIMPLE', editingStyleId: null, tempAIServices: [], tempActiveAIId: '', tempTaskAllocations: { ANALYSIS: '', SUMMARY: '', TWITTER: '', TRANSLATE: '' } }; // --- LLM API 服务 --- const LLMService = { async request(serviceConfig, messages) { if (!serviceConfig || !serviceConfig.key) throw new Error(`${serviceConfig.name || 'AI'} Key 未配置`); return new Promise((resolve, reject) => { GM_xmlhttpRequest({ method: 'POST', url: serviceConfig.url, headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${serviceConfig.key}` }, data: JSON.stringify({ model: serviceConfig.model, messages: messages, stream: false }), timeout: 60000, onload: (res) => { if (res.status === 200) { try { resolve(JSON.parse(res.responseText).choices[0]?.message?.content || '无内容'); } catch (e) { reject(new Error('解析失败')); } } else { reject(new Error(`HTTP ${res.status}: ${res.responseText}`)); } }, onerror: () => reject(new Error('网络错误')) }); }); }, async analyzeWithFailover(text, systemPromptKey = 'promptAnalyze', preferredServiceId = null) { const services = Utils.getAIServices(); const globalActiveId = Utils.getActiveAIId(); if (!services || services.length === 0) throw new Error("请先在设置中添加 AI 服务"); const sortedServices = services.sort((a, b) => { if (preferredServiceId && a.id === preferredServiceId) return -1; if (preferredServiceId && b.id === preferredServiceId) return 1; if (a.id === globalActiveId) return -1; if (b.id === globalActiveId) return 1; return 0; }); let lastError = null; for (const svc of sortedServices) { if (!Utils.getSetting('enableFailover') && svc !== sortedServices[0]) break; try { UIManager.updateStatus(`🤖 ${svc.name} 思考中...`); const messages = [{ role: 'system', content: Utils.getSetting(systemPromptKey) }, { role: 'user', content: text }]; const result = await this.request(svc, messages); return { content: result, service: svc.name, serviceId: svc.id }; } catch (e) { lastError = e; UIManager.updateStatus(`⚠️ ${svc.name} 失败，尝试下一个...`); } } throw lastError || new Error('所有 AI 服务均请求失败'); } }; // --- TTS 语音服务 (隐式绑定逻辑) --- const TTSService = { currentBlobUrl: null, async play(text, isChinese, onFinishCallback = null, overrideVoice = null) { if (AppState.isPlaying) { this.stop(); return; } const cleanText = Utils.cleanMarkdownForTTS(text); if (!cleanText) return alert('无朗读内容'); AppState.isPlaying = true; UIManager.updateTTSButton(true); const selectedVoice = overrideVoice || (isChinese ? Utils.getSetting('ttsVoiceCN') : Utils.getSetting('ttsVoiceEN')); const isXiaobeiId = selectedVoice === GLOBAL_CONFIG.XIAOBEI_CONFIG.id; if (isChinese && isXiaobeiId) { const api = GLOBAL_CONFIG.XIAOBEI_CONFIG.api; const voiceId = GLOBAL_CONFIG.XIAOBEI_CONFIG.voice; const params = new URLSearchParams({ t: cleanText, v: voiceId, r: 0, p: 0 }); const audio = new Audio(`${api}?${params.toString()}`); AppState.currentAudio = audio; audio.onended = () => { this.stop(); if(onFinishCallback) onFinishCallback(); }; audio.onerror = (e) => { this.stop(); alert("晓北通道连接失败"); }; audio.play().catch(e => { this.stop(); }); return; } const sources = Utils.getSetting('ttsSources') || []; if (sources.length === 0) { this.fallbackToLocal(cleanText, isChinese, onFinishCallback); return; } let sourceIndex = 0; const self = this; function tryNextSource() { if (sourceIndex >= sources.length) { self.fallbackToLocal(cleanText, isChinese, onFinishCallback); return; } const currentSource = sources[sourceIndex]; const requestConfig = buildTTSRequest(currentSource.url, cleanText.substring(0, 1000), selectedVoice, currentSource.token); if (!requestConfig) { sourceIndex++; tryNextSource(); return; } GM_xmlhttpRequest({ method: "GET", url: requestConfig.url, headers: requestConfig.headers, responseType: "blob", timeout: 8000, onload: function (response) { if (response.status === 200 && response.response instanceof Blob && response.response.size > 0) { if (self.currentBlobUrl) { URL.revokeObjectURL(self.currentBlobUrl); } const blobUrl = URL.createObjectURL(response.response); self.currentBlobUrl = blobUrl; const audio = new Audio(blobUrl); AppState.currentAudio = audio; audio.onended = () => { self.stop(); if(onFinishCallback) onFinishCallback(); }; audio.onerror = () => { sourceIndex++; tryNextSource(); }; audio.play().catch(e => { sourceIndex++; tryNextSource(); }); } else { sourceIndex++; tryNextSource(); } }, onerror: function () { sourceIndex++; tryNextSource(); }, ontimeout: function () { sourceIndex++; tryNextSource(); } }); } tryNextSource(); }, async quickTest(url, token, btnElement) { if (!url) { alert('❌ URL 不能为空'); return; } const originalText = btnElement.innerHTML; btnElement.innerHTML = '⏳'; btnElement.disabled = true; const testConfig = buildTTSRequest(url, "Test", "en-US-JennyNeural", token); GM_xmlhttpRequest({ method: "GET", url: testConfig.url, headers: testConfig.headers, responseType: "blob", timeout: 5000, onload: (response) => { if (response.status === 200 && response.response instanceof Blob && response.response.size > 100) { const blobUrl = URL.createObjectURL(response.response); const audio = new Audio(blobUrl); audio.play().then(() => { btnElement.innerHTML = '✅'; setTimeout(() => { btnElement.innerHTML = originalText; btnElement.disabled = false; }, 2000); URL.revokeObjectURL(blobUrl); }).catch(() => { btnElement.innerHTML = '⚠️'; alert('连接成功但播放被浏览器阻挡，请检查音频权限。'); btnElement.disabled = false; }); } else { btnElement.innerHTML = '❌'; btnElement.disabled = false; alert(`请求失败 (Status: ${response.status})`); } }, onerror: () => { btnElement.innerHTML = '❌'; btnElement.disabled = false; alert('网络请求错误'); }, ontimeout: () => { btnElement.innerHTML = '❌'; btnElement.disabled = false; alert('请求超时'); } }); }, fallbackToLocal(text, isChinese, onFinishCallback) { const success = DictHelper.playLocalTTS(text, () => { this.stop(); if (onFinishCallback) onFinishCallback(); }, isChinese ? 'zh' : 'en'); if (!success) { alert('TTS 服务不可用'); this.stop(); if (onFinishCallback) onFinishCallback(); } }, stop() { if (AppState.currentAudio) { AppState.currentAudio.pause(); AppState.currentAudio = null; } if (window.speechSynthesis) window.speechSynthesis.cancel(); if (this.currentBlobUrl) { URL.revokeObjectURL(this.currentBlobUrl); this.currentBlobUrl = null; } AppState.isPlaying = false; UIManager.updateTTSButton(false); } }; window.TTSServiceInstance = TTSService; // --- UI Manager --- GM_addStyle(` /* --- DeepRead UI Styles --- */ .dr-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); z-index: 99999; display: flex; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.25s ease; align-items: center; } .dr-overlay.active { opacity: 1; pointer-events: auto; } .dr-modal { background: #fff; width: 600px; max-height: 80vh; border-radius: 16px; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0,0,0,0.3); transform: scale(0.98); transition: transform 0.2s ease, opacity 0.2s ease; touch-action: none; } .dr-overlay.active .dr-modal { transform: scale(1); } @media (max-width: 640px) { .dr-overlay { align-items: flex-start; } .dr-modal { width: 100%; margin-top: 0; top: 0; height: auto; max-height: 80vh; border-radius: 0 0 20px 20px; } } .dr-header { padding: 15px 20px; background: #fff; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; border-radius: 16px 16px 0 0; } .dr-title { font-size: 18px; font-weight: 700; color: #333; margin: 0; } .dr-select { margin-left: 12px; padding: 4px 8px; border-radius: 6px; border: 1px solid #ddd; font-size: 12px; color: #555; background: #fdfdfd; outline: none; cursor: pointer; max-width: 140px; } .dr-body { flex: 1; overflow-y: auto; background: #fff; position: relative; -webkit-overflow-scrolling: touch; touch-action: pan-y; } #dr-original-box { position: sticky; top: 0; z-index: 10; background: #fdfdfd; border-bottom: 3px solid #f0f0f0; padding: 8px 20px; display: none; } #dr-original-label { font-style: italic; color: #c9a24d; font-size: 12px; margin: 6px 0; } #dr-result-content { padding: 20px; font-size: 16px; line-height: 1.7; color: #2c3e50; } .dr-footer { padding: 25px 20px 15px; border-top: 1px solid #eee; background: #fff; display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; flex-shrink: 0; border-radius: 0 0 16px 16px; touch-action: none; user-select: none; position: relative; } .dr-btn { padding: 10px 16px; border-radius: 8px; border: none; font-size: 14px; font-weight: 600; color: #fff; cursor: pointer; display: flex; align-items: center; gap: 5px; } .dr-btn-primary { background: #3498db; } .dr-btn-success { background: #27ae60; } .dr-btn-gray { background: #95a5a6; } .dr-btn-danger { background: #e74c3c; padding: 4px 8px; font-size:12px; } .dr-btn-edit { background: #f39c12; padding: 4px 8px; font-size:12px; margin-right: 5px; } .dr-btn-black { background: #333; } #dr-float-btn { position: fixed; right: 15px; top: 65%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, #3498db, #8e44ad); color: white; border: none; font-size: 22px; box-shadow: 0 4px 15px rgba(0,0,0,0.3); z-index: 99990; display: flex; justify-content: center; align-items: center; cursor: pointer; opacity: 0; pointer-events: none; transform: translateY(-50%) scale(0.8); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } #dr-float-btn.visible { opacity: 1; pointer-events: auto; transform: translateY(-50%) scale(1); } .dr-input-group { margin-bottom: 12px; padding: 0 20px; } .dr-input-group label { display:block; margin-bottom:5px; font-weight:600; color:#555; font-size:12px; } .dr-input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; box-sizing: border-box; } textarea.dr-input { font-family: monospace; line-height: 1.4; resize: vertical; min-height: 60px; overflow-y: hidden; } select.dr-input { background: #fff; } .dr-section-title { font-size: 15px; font-weight: 700; color: #333; border-left: 4px solid #3498db; padding-left: 10px; margin: 25px 20px 15px; cursor: pointer; user-select: none; } .ai-service-row { display: flex; gap: 8px; background: #f9f9f9; padding: 10px; border-radius: 8px; margin-bottom: 8px; border: 1px solid #eee; align-items: center; flex-wrap: wrap; } .ai-service-row.active { border-color: #3498db; background: #e8f4fd; } .ai-radio-col { flex: 0 0 30px; display: flex; justify-content: center; align-items: center; padding-top: 0; } .ai-radio-btn { width: 18px; height: 18px; border: 2px solid #ccc; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; } .ai-radio-btn.checked { border-color: #3498db; } .ai-radio-btn.checked::after { content: ''; width: 8px; height: 8px; background: #3498db; border-radius: 50%; display: block; } .ai-inputs-col { flex: 1; display: flex; gap: 8px; flex-wrap: wrap; min-width: 0; } .conf-api-host, .conf-api-key, .conf-model-name { flex: 1; min-width: 120px; padding: 6px; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; } .conf-api-host { flex-basis: 30%; } .conf-api-key { flex-basis: 30%; } .conf-model-name { flex-basis: 20%; } @media (max-width: 480px) { .conf-api-host, .conf-api-key, .conf-model-name { flex-basis: 100%; } } .tts-source-row { display: flex; gap: 6px; margin-bottom: 8px; align-items: center; flex-wrap: wrap; background: #fdfdfd; padding: 6px; border: 1px solid #eee; border-radius: 6px; } .tts-url-input { flex: 2; min-width: 140px; padding: 6px; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; box-sizing: border-box; } .tts-token-input { flex: 1; min-width: 80px; padding: 6px; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; box-sizing: border-box; } .tts-btn-group { display: flex; gap: 4px; } .tts-del-btn, .tts-lightning-btn { border: none; border-radius: 4px; width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; } .tts-del-btn { background: #ffebee; color: #c62828; } .tts-lightning-btn { background: #fff8e1; color: #f57f17; font-weight: bold; } .tts-lightning-btn:hover { background: #ffecb3; } details { margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; } details summary { list-style: none; outline: none; } details summary::-webkit-details-marker { display: none; } details summary .dr-section-title { margin: 10px 20px 5px; display: flex; align-items: center; justify-content: space-between; } details summary .dr-section-title::after { content: '▼'; font-size: 12px; color: #999; transition: transform 0.2s; } details[open] summary .dr-section-title::after { transform: rotate(180deg); } details .dr-input-group { padding-left: 20px; padding-right: 20px; } .dr-style-item { display:flex; justify-content:space-between; align-items:center; background:#f0f0f0; padding:8px 12px; margin-bottom:8px; border-radius:6px; font-size:13px; } .dr-style-item-left { display:flex; align-items:center; gap:8px; flex:1; } .dr-style-item-right { display:flex; align-items:center; } .dr-radio { accent-color: #3498db; width: 16px; height: 16px; cursor: pointer; } .dr-style-label { font-weight:600; color:#333; cursor: pointer; } .task-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } @media (max-width: 500px) { .task-grid { grid-template-columns: 1fr; } } .task-item { background: #fdfdfd; padding: 8px; border: 1px solid #eee; border-radius: 6px; } `); const UIManager = { elements: {}, autoHideTimer: null, init() { const floatBtn = document.createElement('button'); floatBtn.id = 'dr-float-btn'; floatBtn.innerHTML = '💡'; document.body.appendChild(floatBtn); this.elements.floatBtn = floatBtn; const overlay = document.createElement('div'); overlay.className = 'dr-overlay'; overlay.id = 'dr-modal-overlay'; overlay.innerHTML = ` <div class="dr-modal"> <div class="dr-header"> <div style="display:flex; align-items:center;"> <h3 class="dr-title">ReadSense</h3> <select id="dr-model-select" class="dr-select" style="display:none; margin-left:10px; min-width:80px;"></select> <select id="dr-style-select" class="dr-select" style="display:none;"></select> </div> </div> <div class="dr-body"> <div id="dr-original-box"><span id="dr-original-label">SELECTED TEXT</span><div id="dr-original-content"></div></div> <div id="dr-result-content"></div> </div> <div class="dr-footer"></div> </div>`; document.body.appendChild(overlay); this.elements.overlay = overlay; this.elements.modal = overlay.querySelector('.dr-modal'); this.elements.title = overlay.querySelector('.dr-title'); this.elements.modelSelect = overlay.querySelector('#dr-model-select'); this.elements.styleSelect = overlay.querySelector('#dr-style-select'); this.elements.originalBox = overlay.querySelector('#dr-original-box'); this.elements.originalContent = overlay.querySelector('#dr-original-content'); this.elements.resultContent = overlay.querySelector('#dr-result-content'); this.elements.footer = overlay.querySelector('.dr-footer'); overlay.addEventListener('click', (e) => { if (e.target === overlay) this.closeModal(); }); this.elements.styleSelect.addEventListener('change', (e) => { CoreController.startSummary(AppState.currentSummaryLang, e.target.value); }); this.elements.modelSelect.addEventListener('change', (e) => { if(e.target.value) CoreController.switchModel(e.target.value); }); let clickCount = 0, clickTimer = null, pressTimer = null, isLongPress = false; const startPress = (e) => { if (e.type === 'mousedown' && e.button !== 0) return; isLongPress = false; pressTimer = setTimeout(() => { isLongPress = true; if (navigator.vibrate) navigator.vibrate(50); floatBtn.style.transform = 'translateY(-50%) scale(1.2)'; setTimeout(() => floatBtn.style.transform = 'translateY(-50%) scale(1)', 200); CoreController.startSummary('zh'); }, 800); }; const cancelPress = () => { if (pressTimer) { clearTimeout(pressTimer); pressTimer = null; } }; floatBtn.addEventListener('mousedown', startPress); floatBtn.addEventListener('touchstart', startPress, { passive: true }); ['mouseup', 'mouseleave', 'touchend', 'touchmove'].forEach(evt => floatBtn.addEventListener(evt, cancelPress, { passive: true })); floatBtn.addEventListener('click', (e) => { e.stopPropagation(); if (isLongPress) { isLongPress = false; clickCount = 0; return; } clickCount++; if (clickCount === 1) { clickTimer = setTimeout(() => { if (AppState.analysisText) CoreController.startAnalysis(AppState.analysisText); else { const lastText = GM_getValue(CONSTANTS.HISTORY_KEY, null); if (lastText) CoreController.startAnalysis(lastText); else alert('请先选择文本'); } clickCount = 0; }, 250); } else if (clickCount === 2) { clearTimeout(clickTimer); clickCount = 0; floatBtn.style.transform = 'translateY(-50%) scale(0.9)'; setTimeout(() => floatBtn.style.transform = 'translateY(-50%) scale(1)', 150); CoreController.startSummary('en'); } }); let startY = 0, currentMoveY = 0; this.elements.footer.addEventListener('touchstart', (e) => { startY = e.touches[0].clientY; currentMoveY = 0; this.elements.modal.style.transition = 'none'; }, { passive: true }); this.elements.footer.addEventListener('touchmove', (e) => { const diff = e.touches[0].clientY - startY; if (diff < 0) { currentMoveY = diff; this.elements.modal.style.transform = `translateY(${diff}px)`; } }, { passive: true }); this.elements.footer.addEventListener('touchend', () => { this.elements.modal.style.transition = 'transform 0.3s ease, opacity 0.3s ease'; if (currentMoveY < -50) { this.elements.modal.style.transform = `translateY(-100vh)`; this.elements.modal.style.opacity = '0'; setTimeout(() => { this.closeModal(); }, 300); } else { this.elements.modal.style = ''; } currentMoveY = 0; }); }, updateModelDropdown(currentId) { const select = this.elements.modelSelect; select.innerHTML = ''; const services = Utils.getAIServices(); if(!services || services.length === 0) return; services.forEach(svc => { const opt = document.createElement('option'); opt.value = svc.id; opt.textContent = svc.name; select.appendChild(opt); }); select.value = currentId || Utils.getActiveAIId(); }, openModal(title, mode = 'ANALYSIS', lang = 'en', currentStyle = 'SIMPLE') { this.elements.title.textContent = title; this.elements.overlay.classList.add('active'); AppState.isModalOpen = true; document.body.style.overflow = 'hidden'; this.elements.styleSelect.style.display = 'none'; this.elements.modelSelect.style.display = 'none'; if (mode === 'SUMMARY' && lang === 'en') { this.updateStyleDropdown(); this.elements.styleSelect.style.display = 'block'; this.elements.styleSelect.value = currentStyle; } else if (mode === 'ANALYSIS') { this.updateModelDropdown(); this.elements.modelSelect.style.display = 'block'; } }, updateStyleDropdown() { const select = this.elements.styleSelect; select.innerHTML = ''; const styles = Utils.getAllStyles(); for (let key in styles) { const opt = document.createElement('option'); opt.value = key; opt.textContent = styles[key].label; select.appendChild(opt); } }, closeModal() { this.elements.overlay.classList.remove('active'); setTimeout(() => { this.elements.modal.style = ''; }, 300); AppState.isModalOpen = false; document.body.style.overflow = ''; TTSService.stop(); }, updateStatus(text) { this.elements.resultContent.innerHTML = `<div style="text-align:center; padding:40px; color:#999;"><div style="font-size:24px; margin-bottom:10px;">⏳</div>${text}</div>`; }, renderAnalysisUI(originalText, aiContent, serviceName, serviceId = null) { this.elements.originalBox.style.display = 'block'; this.elements.originalContent.textContent = originalText; const html = Utils.renderMarkdownToHTML(aiContent); this.elements.resultContent.innerHTML = html + `<div style="margin-top:20px; font-size:12px; color:#ccc; text-align:right;">by ${serviceName}</div>`; if (serviceId && this.elements.modelSelect) { this.elements.modelSelect.value = serviceId; } DictHelper.initDictionary(this.elements.resultContent, 'dr-modal-overlay'); this.buildFooter([ { text: '🔊 朗读', type: 'primary', id: 'dr-tts-btn', onClick: () => TTSService.play(originalText, false) }, { text: '📋 复制', type: 'success', onClick: () => { GM_setClipboard(aiContent); alert('已复制'); } } ]); }, renderSummaryUI(content, isCached, serviceName) { this.elements.originalBox.style.display = 'none'; const html = Utils.renderMarkdownToHTML(content); const suffix = isCached ? ' (⚡️Cache)' : ''; this.elements.resultContent.innerHTML = html + `<div style="margin-top:20px; font-size:12px; color:#ccc; text-align:right;">${serviceName} Summary${suffix}</div>`; DictHelper.initDictionary(this.elements.resultContent, 'dr-modal-overlay'); const showPushOptions = () => { this.buildFooter([ { text: '📄 推送 1 (笔记)', type: 'primary', onClick: () => CoreController.pushGitHub(content, 'NOTE') }, { text: '🌏 推送 2 (归档)', type: 'black', onClick: () => CoreController.pushGitHub(content, 'ARCHIVE') }, { text: '🚀 全部推送', type: 'success', onClick: () => CoreController.pushGitHub(content, 'BOTH') }, { text: '↩️ 取消', type: 'gray', onClick: () => restoreDefaultFooter() } ]); }; const restoreDefaultFooter = () => { this.buildFooter([ { text: '🔊 朗读', type: 'primary', id: 'dr-tts-btn', onClick: () => TTSService.play(content, true) }, { text: '⬆️ GitHub', type: 'gray', id: 'dr-gh-btn', onClick: showPushOptions }, { text: '📋 复制', type: 'success', onClick: () => { GM_setClipboard(content); alert('已复制'); } } ]); }; restoreDefaultFooter(); }, renderAiServiceList(container) { container.innerHTML = ''; AppState.tempAIServices.forEach((svc, index) => { const row = document.createElement('div'); const isActive = svc.id === AppState.tempActiveAIId; row.className = `ai-service-row ${isActive ? 'active' : ''}`; const radioCol = document.createElement('div'); radioCol.className = 'ai-radio-col'; const radioBtn = document.createElement('div'); radioBtn.className = `ai-radio-btn ${isActive ? 'checked' : ''}`; radioBtn.title = "设为全局首选 (Global Primary)"; radioBtn.onclick = () => { AppState.tempActiveAIId = svc.id; this.renderAiServiceList(container); }; radioCol.appendChild(radioBtn); const inputCol = document.createElement('div'); inputCol.className = 'ai-inputs-col'; const nameInput = document.createElement('input'); nameInput.className = 'conf-model-name'; nameInput.placeholder = '名称'; nameInput.value = svc.name || ''; nameInput.onchange = (e) => { svc.name = e.target.value; }; const urlInput = document.createElement('input'); urlInput.className = 'conf-api-host'; urlInput.placeholder = 'Host URL'; urlInput.value = svc.url || ''; urlInput.onchange = (e) => { svc.url = e.target.value; }; const keyInput = document.createElement('input'); keyInput.className = 'conf-api-key'; keyInput.placeholder = 'API Key'; keyInput.value = svc.key || ''; keyInput.type = 'password'; keyInput.onchange = (e) => { svc.key = e.target.value; }; const modelInput = document.createElement('input'); modelInput.className = 'conf-model-name'; modelInput.placeholder = 'Model'; modelInput.value = svc.model || ''; modelInput.style.flexBasis = "40%"; modelInput.onchange = (e) => { svc.model = e.target.value; }; inputCol.append(nameInput, urlInput, keyInput, modelInput); const delBtn = document.createElement('button'); delBtn.className = 'tts-del-btn'; delBtn.innerHTML = '×'; delBtn.style.marginLeft = 'auto'; delBtn.onclick = () => { AppState.tempAIServices.splice(index, 1); if (isActive && AppState.tempAIServices.length > 0) AppState.tempActiveAIId = AppState.tempAIServices[0].id; this.renderAiServiceList(container); }; row.append(radioCol, inputCol, delBtn); container.appendChild(row); }); const controlsDiv = document.createElement('div'); controlsDiv.style.display = 'flex'; controlsDiv.style.gap = '8px'; controlsDiv.style.flexWrap = 'wrap'; controlsDiv.style.marginTop = '10px'; const addBtn = document.createElement('button'); addBtn.className = 'dr-btn dr-btn-primary'; addBtn.style.padding = '6px 12px'; addBtn.style.fontSize = '12px'; addBtn.innerHTML = '+ 自定义'; addBtn.onclick = () => { const newId = 'ai_' + Date.now(); AppState.tempAIServices.push({ id: newId, name: 'Custom AI', url: '', key: '', model: '' }); if (!AppState.tempActiveAIId) AppState.tempActiveAIId = newId; this.renderAiServiceList(container); }; controlsDiv.appendChild(addBtn); Object.keys(GLOBAL_CONFIG.AI_TEMPLATES).forEach(key => { const tpl = GLOBAL_CONFIG.AI_TEMPLATES[key]; const tplBtn = document.createElement('button'); tplBtn.className = 'dr-btn dr-btn-gray'; tplBtn.style.padding = '6px 10px'; tplBtn.style.fontSize = '12px'; tplBtn.innerHTML = `+ ${tpl.name}`; tplBtn.onclick = () => { const newId = 'ai_' + Date.now(); AppState.tempAIServices.push({ id: newId, name: tpl.name, url: tpl.url, key: '', model: tpl.model }); if (!AppState.tempActiveAIId) AppState.tempActiveAIId = newId; this.renderAiServiceList(container); }; controlsDiv.appendChild(tplBtn); }); container.appendChild(controlsDiv); }, renderTaskAllocation(container) { container.innerHTML = ''; const tasks = [ { id: 'ANALYSIS', label: '1. 深度分析 (Deep Analysis)' }, { id: 'SUMMARY', label: '2. 内容总结 (Summary)' }, { id: 'TWITTER', label: '3. 推特分析 (Twitter Analysis)' }, { id: 'TRANSLATE', label: '4. 智能翻译 (Twitter Translation)' } ]; const services = AppState.tempAIServices; const generateOptions = (currentVal) => { let html = `<option value="">🚀 使用全局首选 (Default)</option>`; services.forEach(s => { html += `<option value="${s.id}" ${s.id === currentVal ? 'selected' : ''}>${s.name}</option>`; }); return html; }; const grid = document.createElement('div'); grid.className = 'task-grid'; tasks.forEach(t => { const item = document.createElement('div'); item.className = 'task-item'; const label = document.createElement('label'); label.textContent = t.label; label.style.fontSize = '12px'; label.style.fontWeight='600'; label.style.color='#444'; const select = document.createElement('select'); select.className = 'dr-input'; select.style.fontSize = '13px'; select.style.padding='4px'; select.innerHTML = generateOptions(AppState.tempTaskAllocations[t.id]); select.onchange = (e) => { AppState.tempTaskAllocations[t.id] = e.target.value; }; item.append(label, select); grid.appendChild(item); }); container.appendChild(grid); }, renderSourceList(container) { const sources = Utils.getSetting('ttsSources') || []; const createRow = (url = '', token = '') => { const row = document.createElement('div'); row.className = 'tts-source-row'; const urlInput = document.createElement('input'); urlInput.className = 'tts-url-input'; urlInput.placeholder = 'TTS URL (e.g., .../api/tts)'; urlInput.value = url; const tokenInput = document.createElement('input'); tokenInput.className = 'tts-token-input'; tokenInput.placeholder = 'Token (Opt)'; tokenInput.value = token; const btnGroup = document.createElement('div'); btnGroup.className = 'tts-btn-group'; const testBtn = document.createElement('button'); testBtn.className = 'tts-lightning-btn'; testBtn.innerHTML = '⚡️'; testBtn.title = "立即测试连接"; testBtn.onclick = () => TTSService.quickTest(urlInput.value, tokenInput.value, testBtn); const delBtn = document.createElement('button'); delBtn.className = 'tts-del-btn'; delBtn.innerHTML = '×'; delBtn.onclick = () => row.remove(); btnGroup.append(testBtn, delBtn); row.append(urlInput, tokenInput, btnGroup); return row; }; sources.forEach(src => container.appendChild(createRow(src.url, src.token))); const addBtn = document.createElement('button'); addBtn.id = 'tts-add-btn'; addBtn.className="dr-btn dr-btn-gray"; addBtn.style.width="100%"; addBtn.style.justifyContent="center"; addBtn.style.marginTop="5px"; addBtn.textContent = '+ 添加新源'; addBtn.onclick = () => container.insertBefore(createRow(), addBtn); container.appendChild(addBtn); }, renderSettings() { this.elements.originalBox.style.display = 'none'; AppState.tempAIServices = Utils.getAIServices(); AppState.tempActiveAIId = Utils.getActiveAIId(); AppState.tempTaskAllocations = { ANALYSIS: GM_getValue(CONSTANTS.TASK_ANALYSIS_ID, ''), SUMMARY: GM_getValue(CONSTANTS.TASK_SUMMARY_ID, ''), TWITTER: GM_getValue(CONSTANTS.TASK_TWITTER_ID, ''), TRANSLATE: GM_getValue(CONSTANTS.TASK_TRANSLATE_ID, '') }; if (AppState.tempAIServices.length === 0) { const tpl = GLOBAL_CONFIG.AI_TEMPLATES.GROQ; AppState.tempAIServices.push({ id: 'init_default', name: tpl.name, url: tpl.url, key: '', model: tpl.model }); AppState.tempActiveAIId = 'init_default'; } AppState.tempCustomStyles = GM_getValue(CONSTANTS.CUSTOM_STYLES_KEY, []); AppState.tempDefaultStyle = Utils.getSetting('defaultSummaryStyle') || 'SIMPLE'; const cnVoice = Utils.getSetting('ttsVoiceCN'); const enVoice = Utils.getSetting('ttsVoiceEN'); const cnOptions = GLOBAL_CONFIG.VOICES.CN.map(v => `<option value="${v.id}" ${cnVoice === v.id ? 'selected' : ''}>${v.name}</option>`).join(''); const enOptions = GLOBAL_CONFIG.VOICES.EN.map(v => `<option value="${v.id}" ${enVoice === v.id ? 'selected' : ''}>${v.name}</option>`).join(''); this.elements.resultContent.innerHTML = ` <div style="padding-top:10px;"> <div class="dr-section-title">✨ 功能开关</div> <div class="dr-input-group" style="display:flex; align-items:center; gap:8px;"> <input type="checkbox" id="dr-enable-float-btn" class="dr-radio" ${Utils.getSetting('enableFloatBtn') ? 'checked' : ''}> <label for="dr-enable-float-btn" style="margin:0; cursor:pointer;">显示 DeepRead 悬浮按钮</label> </div> <div class="dr-input-group" style="display:flex; align-items:center; gap:8px;"> <input type="checkbox" id="dr-enable-failover" class="dr-radio" ${Utils.getSetting('enableFailover') ? 'checked' : ''}> <label for="dr-enable-failover" style="margin:0; cursor:pointer;">启用 AI 故障自动轮询 (Failover)</label> </div> <div class="dr-input-group" style="background:#f0f8ff; padding:10px; border-radius:8px; margin-top:10px;"> <label style="color:#0056b3;">🐦 Twitter 翻译引擎</label> <select class="dr-input" id="dr-tw-trans-type"> <option value="AI" ${Utils.getSetting('twitterTranslationType') === 'AI' ? 'selected' : ''}>🤖 AI 智能翻译 (使用下方配置)</option> <option value="GOOGLE" ${Utils.getSetting('twitterTranslationType') === 'GOOGLE' ? 'selected' : ''}>🌏 Google 翻译 (免费/快速)</option> </select> </div> <details open> <summary><div class="dr-section-title">🧠 AI 服务配置</div></summary> <div class="dr-input-group"> <div id="dr-ai-list-container"></div> <div style="margin-top:15px; border-top:1px dashed #ddd; padding-top:10px;"> <div style="font-weight:700; color:#333; margin-bottom:8px;">🤖 AI 任务分流 (Task Assignment)</div> <div style="font-size:12px; color:#666; margin-bottom:8px;">将不同功能分配给最擅长的模型。未指定则使用“全局首选”。</div> <div id="dr-task-allocation-container"></div> </div> </div> </details> <details> <summary><div class="dr-section-title">🔊 TTS 语音配置</div></summary> <div class="dr-input-group"> <label>🇨🇳 中文首选语音</label> <select class="dr-input" id="sk-voice-cn">${cnOptions}</select> <div style="font-size:12px; color:#666; margin-top:4px;">💡 提示：选中“晓北”将自动激活独立高速通道 (v1.4)。</div> </div> <div class="dr-input-group"> <label>🇺🇸 英文首选语音</label> <select class="dr-input" id="sk-voice-en">${enOptions}</select> </div> <div class="dr-input-group"> <label style="margin-bottom:8px">TTS 源列表 (Fallback) <span style="color:#f57f17;font-weight:normal;font-size:12px">⚡️点击闪电图标测试</span></label> <div id="tts-source-container"></div> </div> </details> <details> <summary><div class="dr-section-title">📝 Prompt 指令管理</div></summary> <div class="dr-input-group"><label>🔍 深度分析指令</label><textarea class="dr-input" id="prompt-analyze" rows="4">${Utils.getSetting('promptAnalyze')}</textarea></div> <div class="dr-input-group"><label>📑 中文总结指令</label><textarea class="dr-input" id="prompt-summary-cn" rows="3">${Utils.getSetting('promptSummaryCN')}</textarea></div> <div class="dr-input-group"><label>🐦 Twitter 分析指令</label><textarea class="dr-input" id="tw-prompt" rows="3">${Utils.getSetting('twitterPrompt')}</textarea></div> </details> <details> <summary><div class="dr-section-title">🎨 英文总结风格</div></summary> <div class="dr-input-group" style="border:1px solid #eee; padding:15px; border-radius:8px;"> <div id="dr-styles-list" style="max-height:150px; overflow-y:auto; margin-bottom:10px;"></div> <div style="background:#f9f9f9; padding:10px; border-radius:6px;"> <input id="dr-new-style-name" class="dr-input" placeholder="名称" style="margin-bottom:5px;"> <textarea id="dr-new-style-prompt" class="dr-input" placeholder="Prompt (English)..." style="margin-bottom:5px; min-height:50px;"></textarea> <button id="dr-add-style-btn" class="dr-btn dr-btn-primary" style="width:100%; justify-content:center; padding:6px;">➕ 添加新风格</button> </div> </div> </details> <details> <summary><div class="dr-section-title">📦 GitHub 笔记同步</div></summary> <div class="dr-input-group"> <div style="margin-bottom:10px;"><label>Personal Access Token</label><input class="dr-input" id="sk-gh" value="${Utils.getSetting('githubToken')}" placeholder="ghp_..."></div> <div style="background:#f9f9f9; padding:10px; border-radius:6px; margin-bottom:10px;"> <label style="color:#27ae60;">📂 位置 1 (笔记覆盖 / Markdown)</label> <div style="display:flex; gap:5px; margin-bottom:5px;"> <input class="dr-input" id="sk-u" value="${Utils.getSetting('githubUser')}" placeholder="User"> <input class="dr-input" id="sk-r" value="${Utils.getSetting('githubRepo')}" placeholder="Repo"> </div> <input class="dr-input" id="sk-p" value="${Utils.getSetting('githubPath')}" placeholder="Path (e.g., Notes/B1.md)"> </div> <div style="background:#f9f9f9; padding:10px; border-radius:6px;"> <label style="color:#2980b9;">🌏 位置 2 (网页归档 / HTML)</label> <div style="display:flex; gap:5px; margin-bottom:5px;"> <input class="dr-input" id="sk-u2" value="${Utils.getSetting('githubUser2')}" placeholder="User"> <input class="dr-input" id="sk-r2" value="${Utils.getSetting('githubRepo2')}" placeholder="Repo"> </div> <input class="dr-input" id="sk-p2" value="${Utils.getSetting('githubPath2')}" placeholder="Path (e.g., danmu/)"> <div style="font-size:11px; color:#666; margin-top:4px;">* 此模式将生成 .html 文件，文件名为当前时间戳，不会覆盖旧文件。</div> </div> </div> </details> <div class="dr-section-title">💾 备份与还原</div> <div class="dr-input-group" style="display:flex; gap:10px; justify-content:center; padding-bottom:20px;"> <button id="dr-export-btn" class="dr-btn dr-btn-gray">📤 导出配置</button> <button id="dr-import-btn" class="dr-btn dr-btn-gray">📥 导入配置</button> </div> </div>`; this.renderAiServiceList(document.getElementById('dr-ai-list-container')); this.renderTaskAllocation(document.getElementById('dr-task-allocation-container')); this.renderStylesList(); this.renderSourceList(document.getElementById('tts-source-container')); setTimeout(() => { const addBtn = document.getElementById('dr-add-style-btn'); addBtn.onclick = () => { const nameInput = document.getElementById('dr-new-style-name'); const promptInput = document.getElementById('dr-new-style-prompt'); const name = nameInput.value.trim(); const prompt = promptInput.value.trim(); if (!name || !prompt) return alert('请填写名称和 Prompt'); if (AppState.editingStyleId) { const idx = AppState.tempCustomStyles.findIndex(s => s.id === AppState.editingStyleId); if (idx > -1) { AppState.tempCustomStyles[idx].label = name; AppState.tempCustomStyles[idx].prompt = prompt; } AppState.editingStyleId = null; addBtn.textContent = '➕ 添加新风格'; addBtn.className = 'dr-btn dr-btn-primary'; } else { AppState.tempCustomStyles.push({ id: 'custom_' + Date.now(), label: name, prompt: prompt }); } nameInput.value = ''; promptInput.value = ''; this.renderStylesList(); }; document.getElementById('dr-export-btn').onclick = () => { const data = { settings: {}, aiServices: Utils.getAIServices(), activeAiId: Utils.getActiveAIId(), customStyles: GM_getValue(CONSTANTS.CUSTOM_STYLES_KEY, []), taskAllocations: { ANALYSIS: GM_getValue(CONSTANTS.TASK_ANALYSIS_ID, ''), SUMMARY: GM_getValue(CONSTANTS.TASK_SUMMARY_ID, ''), TWITTER: GM_getValue(CONSTANTS.TASK_TWITTER_ID, ''), TRANSLATE: GM_getValue(CONSTANTS.TASK_TRANSLATE_ID, '') } }; for(let k in DEFAULT_SETTINGS) data.settings[k] = Utils.getSetting(k); const blob = new Blob([JSON.stringify(data)], {type: "application/json"}); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'ReadSense_Backup.json'; a.click(); }; document.getElementById('dr-import-btn').onclick = () => { const input = document.createElement('input'); input.type = 'file'; input.accept = '.json'; input.onchange = (e) => { const f = e.target.files[0]; if(!f)return; const r = new FileReader(); r.onload=(ev)=>{ try{ const d=JSON.parse(ev.target.result); if(d.settings){ for(let k in d.settings)GM_setValue(k, d.settings[k]); } if(Array.isArray(d.aiServices)) Utils.setAIServices(d.aiServices); if(d.activeAiId) Utils.setActiveAIId(d.activeAiId); if(Array.isArray(d.customStyles)) GM_setValue(CONSTANTS.CUSTOM_STYLES_KEY, d.customStyles); if(d.taskAllocations && typeof d.taskAllocations === 'object') { if(d.taskAllocations.ANALYSIS) GM_setValue(CONSTANTS.TASK_ANALYSIS_ID, d.taskAllocations.ANALYSIS); if(d.taskAllocations.SUMMARY) GM_setValue(CONSTANTS.TASK_SUMMARY_ID, d.taskAllocations.SUMMARY); if(d.taskAllocations.TWITTER) GM_setValue(CONSTANTS.TASK_TWITTER_ID, d.taskAllocations.TWITTER); if(d.taskAllocations.TRANSLATE) GM_setValue(CONSTANTS.TASK_TRANSLATE_ID, d.taskAllocations.TRANSLATE); } alert('✅ 导入成功'); location.reload(); }catch(err){alert('❌ 导入失败：格式错误或文件损坏');} }; r.readAsText(f); }; input.click(); }; }, 0); this.buildFooter([{ text: '💾 保存全部设置', type: 'success', onClick: () => { Utils.setSetting('enableFloatBtn', document.getElementById('dr-enable-float-btn').checked); Utils.setSetting('enableFailover', document.getElementById('dr-enable-failover').checked); Utils.setSetting('twitterTranslationType', document.getElementById('dr-tw-trans-type').value); const validServices = AppState.tempAIServices.filter(s => s.url && s.key); if (validServices.length === 0) return alert("❌ 请至少配置一个有效的 AI 服务 (需 URL 和 Key)"); Utils.setAIServices(validServices); const serviceIds = new Set(validServices.map(s => s.id)); let safeActiveId = AppState.tempActiveAIId; if (!serviceIds.has(safeActiveId)) { safeActiveId = validServices[0].id; } Utils.setActiveAIId(safeActiveId); GM_setValue(CONSTANTS.CUSTOM_STYLES_KEY, AppState.tempCustomStyles); Utils.setSetting('defaultSummaryStyle', AppState.tempDefaultStyle); const validateTask = (id) => serviceIds.has(id) ? id : ''; GM_setValue(CONSTANTS.TASK_ANALYSIS_ID, validateTask(AppState.tempTaskAllocations.ANALYSIS)); GM_setValue(CONSTANTS.TASK_SUMMARY_ID, validateTask(AppState.tempTaskAllocations.SUMMARY)); GM_setValue(CONSTANTS.TASK_TWITTER_ID, validateTask(AppState.tempTaskAllocations.TWITTER)); GM_setValue(CONSTANTS.TASK_TRANSLATE_ID, validateTask(AppState.tempTaskAllocations.TRANSLATE)); Utils.setSetting('githubToken', document.getElementById('sk-gh').value.trim()); // Config 1 Utils.setSetting('githubUser', document.getElementById('sk-u').value.trim()); Utils.setSetting('githubRepo', document.getElementById('sk-r').value.trim()); Utils.setSetting('githubPath', document.getElementById('sk-p').value.trim()); // Config 2 Utils.setSetting('githubUser2', document.getElementById('sk-u2').value.trim()); Utils.setSetting('githubRepo2', document.getElementById('sk-r2').value.trim()); Utils.setSetting('githubPath2', document.getElementById('sk-p2').value.trim()); Utils.setSetting('twitterPrompt', document.getElementById('tw-prompt').value.trim()); Utils.setSetting('promptAnalyze', document.getElementById('prompt-analyze').value.trim()); Utils.setSetting('promptSummaryCN', document.getElementById('prompt-summary-cn').value.trim()); Utils.setSetting('ttsVoiceCN', document.getElementById('sk-voice-cn').value); Utils.setSetting('ttsVoiceEN', document.getElementById('sk-voice-en').value); const sourceContainer = document.getElementById('tts-source-container'); const rows = sourceContainer.querySelectorAll('.tts-source-row'); const newSources = []; rows.forEach(row => { const url = row.querySelector('.tts-url-input').value.trim(); const token = row.querySelector('.tts-token-input').value.trim(); if(url) newSources.push({ url, token }); }); Utils.setSetting('ttsSources', newSources); alert(`✅ 设置已保存`); this.closeModal(); } }]); }, renderStylesList() { const container = document.getElementById('dr-styles-list'); if (!container) return; container.innerHTML = ''; const createRow = (id, label, prompt, isCustom) => { const div = document.createElement('div'); div.className = 'dr-style-item'; const leftDiv = document.createElement('div'); leftDiv.className = 'dr-style-item-left'; const radio = document.createElement('input'); radio.type = 'radio'; radio.name = 'style-default-group'; radio.className = 'dr-radio'; radio.checked = (AppState.tempDefaultStyle === id); radio.onclick = () => { AppState.tempDefaultStyle = id; }; const span = document.createElement('span'); span.className = 'dr-style-label'; span.textContent = (isCustom ? '✨ ' : '📝 ') + label; span.onclick = () => { radio.checked = true; AppState.tempDefaultStyle = id; }; leftDiv.append(radio, span); div.appendChild(leftDiv); if (isCustom) { const rightDiv = document.createElement('div'); rightDiv.className = 'dr-style-item-right'; const editBtn = document.createElement('button'); editBtn.className = 'dr-btn dr-btn-edit'; editBtn.textContent = '✏️ 编辑'; editBtn.onclick = () => { document.getElementById('dr-new-style-name').value = label; document.getElementById('dr-new-style-prompt').value = prompt; AppState.editingStyleId = id; const addBtn = document.getElementById('dr-add-style-btn'); addBtn.textContent = '💾 保存修改'; addBtn.className = 'dr-btn dr-btn-success'; }; const delBtn = document.createElement('button'); delBtn.className = 'dr-btn dr-btn-danger'; delBtn.textContent = '删除'; delBtn.onclick = () => { if (AppState.editingStyleId === id) { AppState.editingStyleId = null; document.getElementById('dr-new-style-name').value = ''; document.getElementById('dr-new-style-prompt').value = ''; const addBtn = document.getElementById('dr-add-style-btn'); addBtn.textContent = '➕ 添加新风格'; addBtn.className = 'dr-btn dr-btn-primary'; } if (AppState.tempDefaultStyle === id) { AppState.tempDefaultStyle = 'SIMPLE'; } const idx = AppState.tempCustomStyles.findIndex(s => s.id === id); if (idx > -1) { AppState.tempCustomStyles.splice(idx, 1); this.renderStylesList(); } }; rightDiv.append(editBtn, delBtn); div.appendChild(rightDiv); } return div; }; container.appendChild(createRow('SIMPLE', '简练', '', false)); AppState.tempCustomStyles.forEach(style => { container.appendChild(createRow(style.id, style.label, style.prompt, true)); }); }, buildFooter(btns) { this.elements.footer.innerHTML = ''; btns.forEach(b => { const btn = document.createElement('button'); btn.className = `dr-btn dr-btn-${b.type}`; btn.textContent = b.text; if (b.id) btn.id = b.id; btn.addEventListener('touchstart', (e) => e.stopPropagation(), { passive: true }); btn.onclick = b.onClick; this.elements.footer.appendChild(btn); }); }, updateTTSButton(playing) { const btn = document.getElementById('dr-tts-btn'); if (btn) { btn.textContent = playing ? '🔇 停止' : '🔊 朗读'; btn.className = playing ? 'dr-btn dr-btn-gray' : 'dr-btn dr-btn-primary'; } }, setFloatBtnVisible(visible) { if (!Utils.getSetting('enableFloatBtn')) { this.elements.floatBtn.classList.remove('visible'); return; } if (this.autoHideTimer) { clearTimeout(this.autoHideTimer); this.autoHideTimer = null; } if (visible) { this.elements.floatBtn.classList.add('visible'); this.autoHideTimer = setTimeout(() => { this.elements.floatBtn.classList.remove('visible'); }, 6000); } else { this.elements.floatBtn.classList.remove('visible'); } } }; // --- Core Controller --- const CoreController = { async startAnalysis(targetText) { const text = targetText || AppState.analysisText; if (!text) return; GM_setValue(CONSTANTS.HISTORY_KEY, text); const activeId = Utils.getServiceIdForTask('ANALYSIS'); UIManager.openModal('深度分析', 'ANALYSIS'); UIManager.updateStatus('AI 思考中...'); const specificCacheKey = Utils.getCacheKey('ana_' + activeId, text); const cached = GM_getValue(specificCacheKey); if (cached && Date.now() - cached.timestamp < CONSTANTS.CACHE_EXPIRY) { let cachedId = cached.serviceId; if (!cachedId) { const s = Utils.getAIServices().find(x => x.name === cached.service); if(s) cachedId = s.id; } UIManager.renderAnalysisUI(text, cached.content, cached.service + '(Cache)', cachedId); return; } try { const res = await LLMService.analyzeWithFailover(text, 'promptAnalyze', activeId); GM_setValue(specificCacheKey, { timestamp: Date.now(), content: res.content, service: res.service, serviceId: res.serviceId }); UIManager.renderAnalysisUI(text, res.content, res.service, res.serviceId); } catch (e) { UIManager.updateStatus(`❌ ${e.message}`); UIManager.buildFooter([{ text: '⚙️ 配置 API', type: 'primary', onClick: () => UIManager.renderSettings() }]); } }, async switchModel(serviceId) { const text = AppState.analysisText || GM_getValue(CONSTANTS.HISTORY_KEY); if (!text) return alert('请重新选择文本'); const services = Utils.getAIServices(); const targetService = services.find(s => s.id === serviceId); if (!targetService) return alert('无效的服务 ID'); const cacheKey = Utils.getCacheKey('ana_' + serviceId, text); const cached = GM_getValue(cacheKey); if (cached && Date.now() - cached.timestamp < CONSTANTS.CACHE_EXPIRY) { UIManager.renderAnalysisUI(text, cached.content, cached.service + '(Cache)', serviceId); return; } UIManager.updateStatus(`🤖 切换至 ${targetService.name} 分析中...`); try { const messages = [{ role: 'system', content: Utils.getSetting('promptAnalyze') }, { role: 'user', content: text }]; const result = await LLMService.request(targetService, messages); GM_setValue(cacheKey, { timestamp: Date.now(), content: result, service: targetService.name, serviceId: serviceId }); UIManager.renderAnalysisUI(text, result, targetService.name, serviceId); } catch (e) { UIManager.updateStatus(`❌ ${targetService.name} 失败: ${e.message}`); UIManager.buildFooter([{ text: '重试', type: 'primary', onClick: () => this.switchModel(serviceId) }]); } }, async startSummary(lang, specificStyle = null) { AppState.currentSummaryLang = lang; let content = ''; try { if (typeof Readability !== 'undefined') { const article = new Readability(document.cloneNode(true)).parse(); content = article ? article.textContent : document.body.innerText; } else { content = document.body.innerText; } } catch (e) { content = document.body.innerText; } if (!content || content.length < 50) return alert('内容过短'); let prompt = ''; let cacheStyleKey = ''; if (lang === 'zh') { prompt = Utils.getSetting('promptSummaryCN'); cacheStyleKey = 'default'; UIManager.openModal('中文总结', 'SUMMARY', 'zh'); } else { const savedDefault = Utils.getSetting('defaultSummaryStyle') || 'SIMPLE'; const styleKey = specificStyle || savedDefault; const allStyles = Utils.getAllStyles(); let styleObj = allStyles[styleKey]; if (!styleObj) { styleObj = allStyles['SIMPLE']; cacheStyleKey = 'SIMPLE'; } else { cacheStyleKey = styleKey; } prompt = styleObj.prompt; UIManager.openModal('Summary', 'SUMMARY', 'en', cacheStyleKey); } const activeId = Utils.getServiceIdForTask('SUMMARY'); UIManager.updateStatus(`生成中...`); const urlId = window.location.pathname + window.location.search; const cacheKey = Utils.getCacheKey(`sum_${lang}_${cacheStyleKey}_${activeId}`, urlId); const cached = GM_getValue(cacheKey); if (cached && Date.now() - cached.timestamp < CONSTANTS.CACHE_EXPIRY) { UIManager.renderSummaryUI(cached.content, true, 'Cache'); return; } try { const services = Utils.getAIServices(); const sortedServices = services.sort((a, b) => { if (a.id === activeId) return -1; if (b.id === activeId) return 1; return 0; }); let successRes = null; let lastErr = null; for (const svc of sortedServices) { if (!Utils.getSetting('enableFailover') && svc.id !== activeId) break; try { UIManager.updateStatus(`🤖 ${svc.name} 总结中...`); const res = await LLMService.request(svc, [{ role: 'system', content: prompt }, { role: 'user', content: content.slice(0, 15000) }]); successRes = { content: res, service: svc.name }; break; } catch(e) { lastErr = e; } } if (successRes) { GM_setValue(cacheKey, { timestamp: Date.now(), content: successRes.content }); UIManager.renderSummaryUI(successRes.content, false, successRes.service); } else { throw lastErr || new Error("All AI Failed"); } } catch (e) { UIManager.updateStatus(`❌ ${e.message}`); UIManager.buildFooter([{ text: '⚙️ 检查配置', type: 'primary', onClick: () => UIManager.renderSettings() }]); } }, async pushGitHub(content, mode = 'BOTH') { const token = Utils.getSetting('githubToken'); if (!token) return alert('请先设置 Token'); const currentUrl = window.location.href; const pageTitle = document.title || 'Untitled'; // Helper: Push Logic const pushFile = async (user, repo, path, fileContent, message, checkSha = false) => { const apiUrl = `https://api.github.com/repos/${user}/${repo}/contents/${path}`; let sha = null; if (checkSha) { try { const r = await new Promise((ok, no) => GM_xmlhttpRequest({ method: 'GET', url: apiUrl, headers: { Authorization: `Bearer ${token}` }, onload: ok, onerror: no })); if (r.status === 200) { const d = JSON.parse(r.responseText); sha = d.sha; } } catch (e) { } } const b64Content = btoa(unescape(encodeURIComponent(fileContent))); return new Promise((resolve, reject) => { GM_xmlhttpRequest({ method: 'PUT', url: apiUrl, headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' }, data: JSON.stringify({ message: message, content: b64Content, sha }), onload: (r) => { if (r.status < 300) resolve(); else reject(`Code ${r.status}`); }, onerror: () => reject('Network Error') }); }); }; const tasks = []; // 1. Push Note (Markdown) - Overwrite Mode if (mode === 'NOTE' || mode === 'BOTH') { const user1 = Utils.getSetting('githubUser'); const repo1 = Utils.getSetting('githubRepo'); const path1 = Utils.getSetting('githubPath'); if (user1 && repo1 && path1) { const mdContent = `# ${pageTitle}\n\n> 📅 ${new Date().toLocaleString()}\n> 🔗 ${currentUrl}\n\n${content}`; tasks.push(pushFile(user1, repo1, path1, mdContent, `DeepRead Note: ${pageTitle}`, true) .then(() => "✅ 笔记(MD)推送成功") .catch(e => `❌ 笔记推送失败: ${e}`)); } } // 2. Push Archive (HTML) - New File Mode if (mode === 'ARCHIVE' || mode === 'BOTH') { const user2 = Utils.getSetting('githubUser2'); const repo2 = Utils.getSetting('githubRepo2'); const basePath2 = Utils.getSetting('githubPath2'); // e.g. "danmu/" if (user2 && repo2 && basePath2) { // Sanitize filename: Replace non-alphanumeric chars (except Chinese) with underscore const safeTitle = pageTitle.replace(/[^\w\u4e00-\u9fa5]/g, '_').substring(0, 50); const fileName = `${safeTitle}_${Date.now()}.html`; const fullPath2 = (basePath2.endsWith('/') ? basePath2 : basePath2 + '/') + fileName; const htmlContent = Utils.generateHTMLContent(pageTitle, currentUrl, content); tasks.push(pushFile(user2, repo2, fullPath2, htmlContent, `DeepRead Archive: ${pageTitle}`, false) .then(() => "✅ 归档(HTML)推送成功") .catch(e => `❌ 归档推送失败: ${e}`)); } } if (tasks.length === 0) return alert("❌ 未配置相关仓库信息"); const btn = document.querySelector('.dr-footer button'); // Just to give visual feedback on one button const originalText = btn ? btn.innerText : ''; if (btn) { btn.innerText = '⏳ 推送中...'; btn.disabled = true; } Promise.all(tasks).then(results => { alert(results.join('\n')); }).finally(() => { if (btn) { btn.innerText = originalText; btn.disabled = false; } // Reset UI to default state UIManager.renderSummaryUI(content, true, 'Result'); }); } }; // 【新增】将核心控制器暴露给全局，供 Twitter 模块调用 window.DeepReadCore = CoreController; // --- 初始化 DeepRead --- UIManager.init(); let selTimer; document.addEventListener('selectionchange', () => { if (AppState.isModalOpen) return; clearTimeout(selTimer); selTimer = setTimeout(() => { const txt = window.getSelection().toString().trim(); if (txt.length > 1) { AppState.analysisText = txt; UIManager.setFloatBtnVisible(true); } else { AppState.analysisText = ''; } }, 200); }); const handleScroll = Utils.debounce(() => { const currentScrollY = window.scrollY; if (AppState.analysisText) { UIManager.setFloatBtnVisible(true); } else { if (currentScrollY > AppState.lastScrollY && currentScrollY > 100) { UIManager.setFloatBtnVisible(false); } else { UIManager.setFloatBtnVisible(true); } } AppState.lastScrollY = currentScrollY; }, 100); window.addEventListener('scroll', handleScroll); GM_registerMenuCommand("⚙️ ReadSense 设置", () => { UIManager.openModal('⚙️ 设置', 'SETTINGS'); UIManager.renderSettings(); }); } // ========================================================================= // [2] MODULE: Twitter/X Reader (复用 DeepRead 核心) // ========================================================================= function initTwitterReader() { if (!location.hostname.match(/(twitter|x)\.com/)) return; console.log('✅ Twitter/X Reader Module Loading (Lite Mode)...'); // 仅保留行内翻译所需的样式，移除弹窗样式 GM_addStyle(` .ai-inline-btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; width: 18px; height: 18px; cursor: pointer; vertical-align: text-bottom; font-size: 0; transition: all 0.2s; position: relative; margin-left: 4px; } .ai-inline-btn:hover { transform: scale(1.15); } .ai-inline-btn svg { width: 10px; height: 10px; fill: currentColor; } .ai-inline-btn.loading { animation: spin 1s linear infinite; border-color: transparent !important; border-top-color: currentColor !important; } .ai-analyze-btn { background-color: rgba(139, 115, 85, 0.15); border: 1px solid rgba(139, 115, 85, 0.3); color: #8b7355; } .ai-analyze-btn:hover { background-color: rgba(139, 115, 85, 0.25); } .ai-trans-btn { margin-right: 5px; background-color: rgba(128, 128, 128, 0.15); border: 1px solid rgba(128, 128, 128, 0.3); color: #666; } .ai-trans-btn:hover { background-color: rgba(128, 128, 128, 0.25); color: #333; } .ai-translation-block { display: block; margin-top: 10px; padding: 10px 14px; background-color: #f7f9f9; border-left: 3px solid #999; color: #333; font-size: 15px; line-height: 1.5; border-radius: 4px; width: 100%; box-sizing: border-box; animation: fadeIn 0.3s ease; } @keyframes spin { 100% { transform: rotate(360deg); } } @keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } `); // 获取翻译配置 (保留给行内翻译使用) function getTranslateConfig() { const services = GM_getValue('deepread_ai_services_list', []); if (!services.length) return null; const targetId = GM_getValue('deepread_task_translate_id', '') || GM_getValue('deepread_active_ai_id', ''); const active = services.find(s => s.id === targetId) || services[0]; return { apiUrl: active.url, apiKey: active.key, modelName: active.model }; } function generateCacheKey(text, suffix) { let str = text + "|" + suffix; let hash = 0; for (let i = 0; i < str.length; i++) hash = ((hash << 5) - hash) + str.charCodeAt(i) | 0; return 'twitter_lite_' + Math.abs(hash); } // --- 核心改动：直接调用 DeepRead 的主控制器 --- function handleAnalysis(textToAnalyze) { if (window.DeepReadCore && typeof window.DeepReadCore.startAnalysis === 'function') { // 直接唤起 DeepRead 的主弹窗 window.DeepReadCore.startAnalysis(textToAnalyze); } else { alert('DeepRead Core 未就绪，请刷新页面重试。'); } } // --- 行内翻译逻辑 (保留，因为 DeepRead 主弹窗不适合做行内插入) --- async function handleInlineTranslation(btn, textContainer, textToTranslate) { const transType = GM_getValue('twitterTranslationType', 'AI'); let transBlock = textContainer.querySelector('.ai-translation-block'); if (transBlock) { transBlock.style.display = transBlock.style.display === 'none' ? 'block' : 'none'; return; } transBlock = document.createElement('div'); transBlock.className = 'ai-translation-block'; transBlock.innerHTML = '<span style="color:#999;font-style:italic;">⏳ 正在翻译...</span>'; textContainer.appendChild(transBlock); btn.classList.add('loading'); if (transType === 'GOOGLE') { const cacheKey = generateCacheKey(textToTranslate, "google"); const cached = localStorage.getItem(cacheKey); if (cached) { transBlock.innerHTML = cached; btn.classList.remove('loading'); return; } GM_xmlhttpRequest({ method: "GET", url: `https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=zh-CN&dt=t&q=${encodeURIComponent(textToTranslate)}`, onload: (res) => { try { const data = JSON.parse(res.responseText); let result = ""; if (data && data[0]) data[0].forEach(item => { if (item[0]) result += item[0]; }); transBlock.innerHTML = result.replace(/\n/g, '<br>'); localStorage.setItem(cacheKey, transBlock.innerHTML); } catch (e) { transBlock.innerHTML = "Google 解析失败"; } btn.classList.remove('loading'); }, onerror: () => { transBlock.innerHTML = "网络错误"; btn.classList.remove('loading'); } }); } else { // AI 翻译模式 const config = getTranslateConfig(); if (!config || !config.apiKey) { transBlock.innerHTML = "❌ 请在设置中配置 AI Key"; btn.classList.remove('loading'); return; } const cacheKey = generateCacheKey(textToTranslate, "ai_" + config.modelName); const cached = localStorage.getItem(cacheKey); if (cached) { transBlock.innerHTML = cached; btn.classList.remove('loading'); return; } try { GM_xmlhttpRequest({ method: "POST", url: config.apiUrl, headers: { "Content-Type": "application/json", "Authorization": `Bearer ${config.apiKey}` }, data: JSON.stringify({ model: config.modelName, messages: [{ role: "system", content: "Translate to Chinese directly." }, { role: "user", content: textToTranslate }], temperature: 0.3 }), onload: (res) => { try { const data = JSON.parse(res.responseText); const content = data.choices[0].message.content.replace(/\n/g, '<br>') + `<div style="font-size:10px;color:#ccc;margin-top:5px;text-align:right">by ${config.modelName}</div>`; transBlock.innerHTML = content; localStorage.setItem(cacheKey, content); } catch(e) { transBlock.innerHTML = "AI 解析失败"; } btn.classList.remove('loading'); }, onerror: () => { transBlock.innerHTML = "AI 请求失败"; btn.classList.remove('loading'); } }); } catch (e) { transBlock.innerHTML = "请求错误"; btn.classList.remove('loading'); } } } // --- DOM 处理 --- function processTweetText(element) { if (element.getAttribute('data-ai-processed') === 'true') return; if (element.innerText.trim().length < 2) return; // 1. 翻译按钮 (地球图标) - 保留原有行内逻辑 const transBtn = document.createElement('span'); transBtn.className = 'ai-inline-btn ai-trans-btn'; transBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M12.87 15.07l-2.54-2.51.03-.03A17.52 17.52 0 0 0 14.07 6H17V4h-7V2H8v2H1v2h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"/></svg>'; transBtn.title = "行内翻译"; transBtn.onclick = (e) => { e.stopPropagation(); e.preventDefault(); const clone = element.cloneNode(true); clone.querySelectorAll('.ai-inline-btn').forEach(b => b.remove()); handleInlineTranslation(transBtn, element, clone.innerText); }; if (element.firstChild) element.insertBefore(transBtn, element.firstChild); else element.appendChild(transBtn); // 2. 分析按钮 (大脑图标) - 现在调用 DeepRead 统一弹窗 const aiBtn = document.createElement('span'); aiBtn.className = 'ai-inline-btn ai-analyze-btn'; aiBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 15h-2v-2h2zm0-4h-2V7h2z"/></svg>'; aiBtn.title = "DeepRead 深度分析"; aiBtn.onclick = (e) => { e.stopPropagation(); e.preventDefault(); const clone = element.cloneNode(true); clone.querySelectorAll('.ai-inline-btn').forEach(b => b.remove()); // 调用新的统一接口 handleAnalysis(clone.innerText); }; element.appendChild(aiBtn); element.setAttribute('data-ai-processed', 'true'); } function initObserver() { const debouncedProcess = (function(func, wait){ let t; return function(){ clearTimeout(t); t = setTimeout(func, wait); }; })(() => { document.querySelectorAll('[data-testid="tweetText"]').forEach(processTweetText); }, 500); const observer = new MutationObserver((mutations) => { if (mutations.some(m => m.addedNodes.length > 0)) debouncedProcess(); }); observer.observe(document.body, { childList: true, subtree: true }); document.querySelectorAll('[data-testid="tweetText"]').forEach(processTweetText); } GM_registerMenuCommand("🐦 Twitter 最近分析", () => { const lastText = GM_getValue('deepread_last_text_pointer', null); if (lastText && window.DeepReadCore) { window.DeepReadCore.startAnalysis(lastText); } else { alert('⚠️ 暂无最近分析记录'); } }); window.addEventListener('load', initObserver); setTimeout(initObserver, 1500); } // ========================================================================= // [3] INITIALIZATION // ========================================================================= initDeepRead(); initTwitterReader(); })();
