现有释义
${result.existingContent}
`;
document.body.appendChild(compareDialog);
logger.debug('比较对话框已创建并显示');
// 添加点击事件
const updateBtn = compareDialog.querySelector('.update-btn');
const cancelBtn = compareDialog.querySelector('.cancel-btn');
updateBtn.onclick = async () => {
try {
logger.debug('开始更新笔记');
logger.data('更新内容', {
noteId: result.noteId,
newContent: result.newContent,
title: document.title,
url: window.location.href
});
await invokeAnkiConnect('updateNote', {
note: {
id: result.noteId,
fields: {
'释义': result.newContent,
'笔记': document.title || '',
'来源': window.location.href
},
tags: result.tags
}
});
logger.debug('笔记更新成功');
compareDialog.remove();
ankiBtn.textContent = '已更新';
ankiBtn.style.background = '#059669';
ankiBtn.style.color = 'white';
ankiBtn.disabled = true;
logger.debug('更新成功，UI已更新');
} catch (error) {
logger.error('更新笔记失败:', error);
logger.data('错误详情', {
message: error.message,
stack: error.stack,
noteId: result.noteId
});
ankiBtn.textContent = '更新失败';
ankiBtn.style.background = '#dc2626';
ankiBtn.style.color = 'white';
ankiBtn.disabled = true;
}
setTimeout(() => {
ankiBtn.textContent = '保存到Anki';
ankiBtn.style.background = '#6366f1';
ankiBtn.style.color = 'white';
ankiBtn.style.cursor = 'pointer';
ankiBtn.disabled = false;
logger.debug('按钮状态已重置');
}, 1500);
};
cancelBtn.onclick = () => {
logger.debug('用户取消更新操作');
compareDialog.remove();
ankiBtn.textContent = '保存到Anki';
ankiBtn.style.background = '#6366f1';
ankiBtn.style.color = 'white';
ankiBtn.style.cursor = 'pointer';
ankiBtn.disabled = false;
logger.debug('对话框已关闭，按钮状态已重置');
};
return;
}
if (result.type === 'update') {
logger.debug('笔记更新完成');
ankiBtn.textContent = '已更新';
} else {
logger.debug('新笔记创建完成');
ankiBtn.textContent = '已保存';
}
ankiBtn.style.background = '#059669';
ankiBtn.style.color = 'white';
ankiBtn.disabled = true;
} catch (error) {
logger.error('Anki操作失败:', error);
logger.data('错误详情', {
message: error.message,
stack: error.stack,
originalText,
analysisResult
});
ankiBtn.textContent = '保存失败';
ankiBtn.style.background = '#dc2626';
ankiBtn.style.color = 'white';
ankiBtn.disabled = true;
}
setTimeout(() => {
ankiBtn.textContent = '保存到Anki';
ankiBtn.style.background = '#6366f1';
ankiBtn.style.color = 'white';
ankiBtn.style.cursor = 'pointer';
ankiBtn.disabled = false;
logger.debug('操作完成，按钮状态已重置');
}, 1500);
};
// 复制按钮事件处理
const handleCopyOperation = async (copyBtn, textToCopy) => {
try {
logger.debug('开始复制操作');
logger.data('复制内容长度', textToCopy.length);
await navigator.clipboard.writeText(textToCopy);
logger.debug('内容已复制到剪贴板');
copyBtn.textContent = '已复制';
copyBtn.style.background = '#4ade80';
copyBtn.style.color = '#064e3b';
logger.debug('复制成功，按钮状态已更新');
} catch (err) {
logger.error('复制失败:', err);
logger.data('错误详情', {
message: err.message,
stack: err.stack
});
copyBtn.textContent = '复制失败';
copyBtn.style.background = '#fca5a5';
copyBtn.style.color = '#7f1d1d';
}
setTimeout(() => {
copyBtn.textContent = '复制';
copyBtn.style.background = '#3b82f6';
copyBtn.style.color = 'white';
logger.debug('按钮状态已重置');
}, 1500);
};
// 创建设置面板
function createSettingsPanel() {
const settingsPanel = document.createElement('div');
settingsPanel.className = 'jp-helper-settings-panel';
settingsPanel.innerHTML = `
OpenAI 设置
`;
document.body.appendChild(settingsPanel);
// 绑定事件
const closeBtn = settingsPanel.querySelector('.settings-close');
const cancelBtn = settingsPanel.querySelector('.settings-cancel');
const saveBtn = settingsPanel.querySelector('.settings-save');
const togglePasswordBtn = settingsPanel.querySelector('.toggle-password');
const apiKeyInput = settingsPanel.querySelector('#apiKey');
closeBtn.onclick = cancelBtn.onclick = () => {
settingsPanel.style.display = 'none';
};
togglePasswordBtn.onclick = () => {
const type = apiKeyInput.type === 'password' ? 'text' : 'password';
apiKeyInput.type = type;
togglePasswordBtn.innerHTML = type === 'password' ?
'
${state === 'loading' ? '分析中...' : '分析结果'}