统计信息
已处理元素: ${CONFIG.stats.processedElements}
已替换词汇: ${CONFIG.stats.replacedWords}
安装时间: ${new Date(CONFIG.stats.installDate).toLocaleString()}
`;
}
getCSS() {
return `
position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
width: 400px; background: white; border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.3);
z-index: 10000; font-family: Arial, sans-serif; display: none;
`;
}
bindEvents() {
// 保存设置
const saveBtn = document.getElementById('save-settings');
if (saveBtn) {
saveBtn.onclick = () => {
this.saveSettings();
this.hide();
showToast('设置已保存喵～');
};
}
// 重置设置
const resetBtn = document.getElementById('reset-settings');
if (resetBtn) {
resetBtn.onclick = () => {
if (confirm('确定要重置所有设置吗？')) {
this.resetSettings();
showToast('设置已重置喵～');
}
};
}
// 清理缓存
const clearBtn = document.getElementById('clear-cache');
if (clearBtn) {
clearBtn.onclick = () => {
this.clearCache();
showToast('缓存已清理喵～');
};
}
}
show() {
if (!this.panel) this.create();
// 加载当前设置
this.loadCurrentSettings();
this.panel.style.display = 'block';
this.isVisible = true;
}
hide() {
if (this.panel) {
this.panel.style.display = 'none';
this.isVisible = false;
}
}
loadCurrentSettings() {
const cuteLevelEl = document.getElementById('cute-level');
const processingModeEl = document.getElementById('processing-mode');
const affectInputEl = document.getElementById('affect-input');
const debugModeEl = document.getElementById('debug-mode');
if (cuteLevelEl) cuteLevelEl.value = CONFIG.preferences.cuteLevel;
if (processingModeEl) processingModeEl.value = CONFIG.preferences.processingMode;
if (affectInputEl) affectInputEl.checked = CONFIG.features.affectInput;
if (debugModeEl) debugModeEl.checked = CONFIG.features.debugMode;
}
saveSettings() {
const cuteLevelEl = document.getElementById('cute-level');
const processingModeEl = document.getElementById('processing-mode');
const affectInputEl = document.getElementById('affect-input');
const debugModeEl = document.getElementById('debug-mode');
if (cuteLevelEl) CONFIG.preferences.cuteLevel = cuteLevelEl.value;
if (processingModeEl) CONFIG.preferences.processingMode = processingModeEl.value;
if (affectInputEl) CONFIG.features.affectInput = affectInputEl.checked;
if (debugModeEl) CONFIG.features.debugMode = debugModeEl.checked;
GM_setValue("catgirlConfig", CONFIG);
}
resetSettings() {
CONFIG = Object.assign({}, defaultConfig);
GM_setValue("catgirlConfig", CONFIG);
this.loadCurrentSettings();
}
clearCache() {
if (window.catgirlApp && window.catgirlApp.performance) {
window.catgirlApp.performance.clearCache();
}
}
}
// ===== 主应用类 =====
class CatgirlApp {
constructor() {
this.stateManager = new StateManager();
this.textProcessor = new EnhancedTextProcessor();
this.settingsPanel = new SettingsPanel();
this.processedElements = new WeakSet();
this.isRunning = false;
this.intervalId = null;
this.observer = null;
}
async initialize() {
if (this.shouldExclude()) {
console.log('🐱 域名已排除，不启动喵～');
return;
}
console.log('🐱 增强版猫娘化系统启动喵～');
// 注册菜单命令
this.registerMenuCommands();
// 设置快捷键
this.setupKeyboardShortcuts();
// 等待DOM就绪
await this.waitForDOMReady();
// 设置URL变化监听
this.stateManager.onUrlChange(() => {
setTimeout(() => this.processPage(), 1000);
});
// 开始处理
this.start();
}
shouldExclude() {
return CONFIG.sites.excludeDomains.some(domain =>
location.hostname.includes(domain)
);
}
registerMenuCommands() {
GM_registerMenuCommand("🐱 设置", () => this.settingsPanel.show());
GM_registerMenuCommand("🔄 重新处理", () => this.restart());
GM_registerMenuCommand("📊 显示统计", () => this.showStats());
}
setupKeyboardShortcuts() {
let focus = false;
document.addEventListener('focusin', (e) => {
if (e.target && e.target.matches && e.target.matches('input, textarea')) {
focus = true;
}
});
document.addEventListener('focusout', (e) => {
if (e.target && e.target.matches && e.target.matches('input, textarea')) {
focus = false;
}
});
document.addEventListener('keydown', (e) => {
if (focus && !e.ctrlKey && !e.altKey) return;
const key = `${e.altKey?1:0}${e.ctrlKey?1:0}${e.shiftKey?1:0}${e.key.toUpperCase()}`;
switch (key) {
case CONFIG.shortcuts.toggleScript:
this.toggle();
break;
case CONFIG.shortcuts.showSettings:
e.preventDefault();
this.settingsPanel.show();
break;
case CONFIG.shortcuts.resetProcessing:
e.preventDefault();
this.restart();
break;
case CONFIG.shortcuts.debugMode:
e.preventDefault();
this.toggleDebug();
break;
}
});
}
async start() {
if (this.isRunning) return;
this.isRunning = true;
// 初始处理
this.processPage();
// 设置定期处理
if (CONFIG.performance.processInterval > 0) {
this.intervalId = setInterval(() => {
if (this.stateManager.checkUrlChange() ||
!this.stateManager.shouldSkipBilibiliProcessing()) {
this.processPage();
}
}, CONFIG.performance.processInterval);
}
// 设置DOM观察器
this.setupMutationObserver();
console.log('🎀 猫娘化系统已启动完成喵～');
}
processPage() {
if (!this.isRunning || !CONFIG.features.autoProcessNewContent) return;
const elements = document.querySelectorAll(
'title, h1, h2, h3, h4, h5, h6, p, article, section, blockquote, li, a, span, div' +
(CONFIG.features.affectInput ? ', input, textarea' : '')
);
EnhancedPerformanceUtils.createTimeSliceProcessor(
Array.from(elements),
(element) => this.processElement(element),
{
onProgress: CONFIG.features.debugMode ?
(current, total, percent) => {
if (current % 100 === 0) {
console.log(`🐱 处理进度: ${percent.toFixed(1)}%`);
}
} : null,
onComplete: () => {
CONFIG.stats.lastActive = new Date().toISOString();
if (this.stateManager.isBilibili()) {
this.processBilibiliSpecial();
}
}
}
);
}
processElement(element) {
if (!element || this.processedElements.has(element)) return;
try {
if (element.matches && element.matches('input, textarea') && CONFIG.features.affectInput) {
if (element.value?.trim()) {
element.value = this.textProcessor.processText(element.value);
}
} else {
this.processElementText(element);
}
this.processedElements.add(element);
CONFIG.stats.processedElements++;
} catch (error) {
console.error('🐱 处理元素出错:', error);
}
}
processElementText(element) {
if (element.textContent === element.innerHTML.trim()) {
const newText = this.textProcessor.processText(element.textContent);
if (newText !== element.textContent) {
element.textContent = newText;
}
} else {
element.childNodes.forEach(node => {
if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {
const newText = this.textProcessor.processText(node.textContent);
if (newText !== node.textContent) {
node.textContent = newText;
}
}
});
}
}
processBilibiliSpecial() {
if (this.stateManager.shouldSkipBilibiliProcessing()) return;
console.log('🎯 执行B站特殊处理');
try {
const biliComments = document.querySelector('bili-comments');
if (biliComments && biliComments.shadowRoot) {
const commentThreads = biliComments.shadowRoot.querySelectorAll('bili-comment-thread-renderer');
commentThreads.forEach(thread => {
if (thread.shadowRoot) {
this.processBilibiliCommentThread(thread);
}
});
}
} catch (error) {
console.error('🐱 B站处理出错:', error);
}
this.stateManager.markBilibiliCompleted();
}
processBilibiliCommentThread(thread) {
if (!thread.shadowRoot) return;
try {
// 处理用户名
const userNameElements = this.findInShadowDOM(thread.shadowRoot, '#user-name a');
userNameElements.forEach(nameEl => {
const userName = nameEl.textContent?.trim();
if (userName && !userName.includes('🏳️⚧️')) {
nameEl.textContent = `🏳️⚧️${userName}🏳️⚧️`;
}
});
// 处理评论内容
const contentElements = this.findInShadowDOM(thread.shadowRoot, '#contents span');
contentElements.forEach(contentEl => {
// 处理链接
const links = contentEl.querySelectorAll('a');
links.forEach(link => {
const linkText = link.textContent?.trim();
if (linkText) {
const textNode = document.createTextNode(linkText);
link.parentNode.replaceChild(textNode, link);
}
});
// 处理文本内容
const originalText = contentEl.textContent?.trim();
if (originalText && !this.textProcessor.isProcessed(originalText)) {
const newText = this.textProcessor.processText(originalText);
if (newText !== originalText) {
contentEl.textContent = newText;
}
}
});
} catch (error) {
console.error('🐱 处理评论线程出错:', error);
}
}
findInShadowDOM(element, selector) {
const results = [];
try {
if (element.querySelectorAll) {
results.push(...element.querySelectorAll(selector));
}
if (element.querySelectorAll) {
const allElements = element.querySelectorAll('*');
allElements.forEach(el => {
if (el.shadowRoot) {
results.push(...this.findInShadowDOM(el.shadowRoot, selector));
}
});
}
} catch (error) {
console.error('🐱 搜索Shadow DOM出错:', error);
}
return results;
}
setupMutationObserver() {
const throttledCallback = EnhancedPerformanceUtils.throttleWithLeading(
(mutations) => this.handleMutations(mutations),
CONFIG.performance.observerThrottle
);
this.observer = new MutationObserver(throttledCallback);
this.observer.observe(document.body, {
childList: true,
subtree: true
});
}
handleMutations(mutations) {
const elementsToProcess = new Set();
mutations.forEach(mutation => {
mutation.addedNodes.forEach(node => {
if (node.nodeType === Node.ELEMENT_NODE) {
elementsToProcess.add(node);
}
});
});
elementsToProcess.forEach(element => {
this.processElement(element);
});
}
toggle() {
if (this.isRunning) {
this.stop();
showToast('猫娘化已暂停喵～');
} else {
this.start();
showToast('猫娘化已恢复喵～');
}
}
stop() {
this.isRunning = false;
if (this.intervalId) {
clearInterval(this.intervalId);
this.intervalId = null;
}
if (this.observer) {
this.observer.disconnect();
this.observer = null;
}
}
restart() {
this.stop();
this.processedElements = new WeakSet();
setTimeout(() => this.start(), 100);
showToast('系统已重启喵～');
}
toggleDebug() {
CONFIG.features.debugMode = !CONFIG.features.debugMode;
GM_setValue("catgirlConfig", CONFIG);
showToast(`调试模式${CONFIG.features.debugMode ? '开启' : '关闭'}喵～`);
}
showStats() {
const stats = `
📊 猫娘化统计信息：
• 已处理元素: ${CONFIG.stats.processedElements}
• 已替换词汇: ${CONFIG.stats.replacedWords}
• 当前版本: ${SCRIPT_VERSION}
• 安装时间: ${new Date(CONFIG.stats.installDate).toLocaleString()}
• 最后活动: ${new Date(CONFIG.stats.lastActive).toLocaleString()}
`.trim();
alert(stats);
}
waitForDOMReady() {
return new Promise(resolve => {
if (document.readyState !== 'loading') {
resolve();
} else {
document.addEventListener('DOMContentLoaded', resolve, { once: true });
}
});
}
}
// ===== 调试面板类 =====
class DebugPanel {
constructor() {
this.panel = null;
this.isVisible = false;
this.logs = [];
this.maxLogs = 50;
}
create() {
if (this.panel) return;
this.panel = document.createElement('div');
this.panel.id = 'catgirl-debug';
this.panel.innerHTML = `