✨ 功能开关
🧠 AI 服务配置
🔊 TTS 语音配置
📝 Prompt 指令管理
🎨 英文总结风格
📦 GitHub 笔记同步
💾 备份与还原
`;
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 = '