]*>/gi;
return content.replace(imgRegex, (match, src, alt, title) => {
const imgAlt = alt || '';
const imgTitle = title ? ` "${title}"` : '';
return ``;
});
},
// 提取时间戳
extractTimestamp(element) {
const timeElement = element.querySelector(SELECTORS.MESSAGE_TIME);
if (timeElement) {
return new Date(timeElement.textContent.trim());
}
// 尝试从其他属性获取
const timeAttr = element.getAttribute('data-time') ||
element.getAttribute('data-timestamp');
if (timeAttr) {
return new Date(parseInt(timeAttr));
}
return new Date();
},
// 检测富文本内容类型（改进版）
detectRichContentType(element) {
const contentElement = element.querySelector(SELECTORS.MESSAGE_CONTENT);
if (!contentElement) return 'text';
// 统计不同类型的元素数量
const codeBlocks = contentElement.querySelectorAll('pre').length;
const inlineCodes = contentElement.querySelectorAll('code:not(pre code)').length;
const tables = contentElement.querySelectorAll('table').length;
const quotes = contentElement.querySelectorAll('blockquote').length;
const orderedLists = contentElement.querySelectorAll('ol').length;
const unorderedLists = contentElement.querySelectorAll('ul').length;
const headings = contentElement.querySelectorAll('h1, h2, h3, h4, h5, h6').length;
const images = contentElement.querySelectorAll('img').length;
const links = contentElement.querySelectorAll('a').length;
// 根据主要特征确定类型
if (codeBlocks > 0) return 'code-block';
if (tables > 0) return 'table';
if (quotes > 0) return 'quote';
if (orderedLists > 0) return 'ordered-list';
if (unorderedLists > 0) return 'unordered-list';
// 混合内容类型
if (headings > 0) return 'with-headings';
if (images > 0) return 'with-images';
if (links > 0) return 'with-links';
if (inlineCodes > 0) return 'inline-code';
return 'text';
},
// 提取富文本元数据
extractRichMetadata(element) {
const metadata = {};
const contentElement = element.querySelector(SELECTORS.MESSAGE_CONTENT);
if (!contentElement) return metadata;
// 提取代码语言（如果有代码块）
const codeBlock = contentElement.querySelector('pre code');
if (codeBlock) {
metadata.language = this.detectCodeLanguage(codeBlock.closest('pre'));
}
// 提取表格结构（如果有表格）
const table = contentElement.querySelector('table');
if (table) {
metadata.hasTable = true;
metadata.tableRows = table.querySelectorAll('tr').length;
metadata.tableCols = Math.max(...Array.from(table.querySelectorAll('tr')).map(row => row.querySelectorAll('th, td').length));
}
// 提取链接信息
const links = contentElement.querySelectorAll('a[href]');
if (links.length > 0) {
metadata.links = Array.from(links).map(link => ({
text: link.textContent.trim(),
url: link.href,
title: link.title || ''
}));
}
// 提取图片信息
const images = contentElement.querySelectorAll('img[src]');
if (images.length > 0) {
metadata.images = Array.from(images).map(img => ({
alt: img.alt || '',
src: img.src,
title: img.title || '',
placeholder: `__IMAGE_${Math.random().toString(36).substr(2, 9)}__`
}));
}
// 提取引用信息
const quotes = contentElement.querySelectorAll('blockquote');
if (quotes.length > 0) {
metadata.quotes = quotes.length;
}
// 提取列表信息
const lists = contentElement.querySelectorAll('ol, ul');
if (lists.length > 0) {
metadata.lists = lists.length;
metadata.listItems = Array.from(lists).reduce((total, list) => total + list.querySelectorAll('li').length, 0);
}
// 提取标题信息
const headings = contentElement.querySelectorAll('h1, h2, h3, h4, h5, h6');
if (headings.length > 0) {
metadata.headings = Array.from(headings).map(h => ({
level: parseInt(h.tagName.charAt(1)),
text: h.textContent.trim()
}));
}
return metadata;
},
// 提取聊天标题
extractChatTitle() {
const titleElement = document.querySelector(SELECTORS.CHAT_TITLE);
return titleElement ? titleElement.textContent.trim() : 'Kimi 聊天记录';
},
// 提取用户信息
extractUserInfo() {
const userInfo = {
name: '用户',
avatar: null
};
// 尝试从localStorage获取用户信息
try {
const userData = localStorage.getItem('user_info');
if (userData) {
const parsed = JSON.parse(userData);
if (parsed.name) userInfo.name = parsed.name;
if (parsed.avatar) userInfo.avatar = parsed.avatar;
}
} catch (error) {
console.warn('无法解析用户信息:', error);
}
return userInfo;
}
};
// 📝 Markdown生成器
const MarkdownGenerator = {
// 生成Markdown文档
generate(messages, chatTitle, userInfo, options = {}) {
const { includeTimestamp = true, includeMetadata = true } = options;
let markdown = '';
// 文档头部
markdown += this.generateHeader(chatTitle);
// 元数据信息
if (includeMetadata) {
markdown += this.generateMetadata(chatTitle, userInfo, messages.length);
}
// 目录
markdown += this.generateTableOfContents(messages);
// 消息内容
markdown += this.generateMessages(messages, includeTimestamp);
// 文档尾部
markdown += this.generateFooter();
return markdown;
},
// 生成文档头部
generateHeader(title) {
return `# ${ICONS.KIMI} ${title}
> ${ICONS.INFO} 本文档由 Kimi K2 聊天记录导出器生成
>
> 生成时间：${new Date().toLocaleString('zh-CN')}
---
`;
},
// 生成元数据
generateMetadata(chatTitle, userInfo, messageCount) {
return `## ${ICONS.INFO} 会话信息
| 项目 | 内容 |
|------|------|
| ${ICONS.KIMI} 会话标题 | ${chatTitle} |
| ${ICONS.USER} 用户 | ${userInfo.name} |
| ${ICONS.TIME} 消息总数 | ${messageCount} 条 |
| ${ICONS.TIME} 导出时间 | ${new Date().toLocaleString('zh-CN')} |
---
`;
},
// 生成目录
generateTableOfContents(messages) {
let toc = `## ${ICONS.LIST} 目录\n\n`;
messages.forEach((message, index) => {
const roleIcon = message.role === 'user' ? ICONS.USER : ICONS.ASSISTANT;
const preview = message.content.substring(0, 30).replace(/\n/g, ' ');
const suffix = message.content.length > 30 ? '...' : '';
toc += `${index + 1}. [${roleIcon} ${message.role === 'user' ? '用户' : 'Kimi'}: ${preview}${suffix}](#message-${index + 1})\n`;
});
return toc + '\n---\n\n';
},
// 生成消息内容（改进版，显示内容类型）
generateMessages(messages, includeTimestamp) {
let content = `## ${ICONS.KIMI} 对话内容\n\n`;
messages.forEach((message, index) => {
const roleIcon = message.role === 'user' ? ICONS.USER : ICONS.ASSISTANT;
const roleName = message.role === 'user' ? '用户' : 'Kimi';
const contentTypeIcon = this.getContentTypeIcon(message.type);
const contentTypeDesc = this.getContentTypeDescription(message.type);
content += `### ${roleIcon} ${roleName}\n\n`;
// 显示内容类型信息
if (message.type !== 'text') {
content += `> ${contentTypeIcon} **内容类型**: ${contentTypeDesc}\n`;
// 显示元数据信息
if (message.metadata) {
if (message.metadata.language) {
content += `> ${ICONS.CODE} **代码语言**: \`${message.metadata.language}\`\n`;
}
if (message.metadata.hasTable) {
content += `> ${ICONS.TABLE} **表格**: ${message.metadata.tableRows}行 × ${message.metadata.tableCols}列\n`;
}
if (message.metadata.quotes) {
content += `> ${ICONS.QUOTE} **引用块**: ${message.metadata.quotes}个\n`;
}
if (message.metadata.lists) {
content += `> ${ICONS.LIST} **列表**: ${message.metadata.lists}个列表，共${message.metadata.listItems}项\n`;
}
if (message.metadata.headings) {
content += `> ${ICONS.HEADING} **标题**: ${message.metadata.headings.length}个\n`;
}
if (message.metadata.images) {
content += `> ${ICONS.IMAGE} **图片**: ${message.metadata.images.length}张\n`;
}
if (message.metadata.links) {
content += `> ${ICONS.LINK} **链接**: ${message.metadata.links.length}个\n`;
}
}
content += '\n';
}
if (includeTimestamp && message.timestamp) {
content += `> ${ICONS.TIME} ${Utils.formatTimestamp(message.timestamp)}\n\n`;
}
// 根据消息类型格式化内容
content += this.formatMessageContent(message);
content += '\n---\n\n';
});
return content;
},
// 获取内容类型图标
getContentTypeIcon(type) {
const iconMap = {
'code-block': ICONS.CODE,
'inline-code': '💻',
'table': ICONS.TABLE,
'quote': ICONS.QUOTE,
'ordered-list': '📋',
'unordered-list': '•',
'with-headings': ICONS.HEADING,
'with-images': ICONS.IMAGE,
'with-links': ICONS.LINK,
'text': '📝'
};
return iconMap[type] || '📝';
},
// 获取内容类型描述
getContentTypeDescription(type) {
const descMap = {
'code-block': '代码块',
'inline-code': '内联代码',
'table': '表格',
'quote': '引用',
'ordered-list': '有序列表',
'unordered-list': '无序列表',
'with-headings': '包含标题',
'with-images': '包含图片',
'with-links': '包含链接',
'text': '普通文本'
};
return descMap[type] || '普通文本';
},
// 格式化消息内容（改进版）
formatMessageContent(message) {
let content = message.content;
// 根据消息类型进行格式化
switch (message.type) {
case 'code-block':
// 代码块已经在新提取器中处理过了，直接返回
return content + '\n';
case 'table':
// 表格已经在新提取器中处理过了，直接返回
return content + '\n';
case 'quote':
// 引用已经在新提取器中处理过了，直接返回
return content + '\n';
case 'ordered-list':
case 'unordered-list':
// 列表已经在新提取器中处理过了，直接返回
return content + '\n';
case 'with-headings':
// 标题已经在提取器中转换为Markdown格式
return content + '\n';
case 'with-images':
// 处理图片 - 使用元数据中保存的占位符
if (message.metadata?.images) {
message.metadata.images.forEach(img => {
const imgMarkdown = ``;
if (img.placeholder) {
// 使用保存的占位符进行替换
content = content.replace(new RegExp(img.placeholder.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), imgMarkdown);
}
});
}
return content + '\n';
case 'with-links':
// 链接已经在提取器中处理过了
return content + '\n';
case 'inline-code':
// 内联代码已经在提取器中处理过了
return content + '\n';
default:
// 普通文本，按段落处理
return content.split('\n\n').map(paragraph => {
return paragraph.replace(/\n/g, ' \n');
}).join('\n\n') + '\n';
}
},
// 生成文档尾部
generateFooter() {
return `---
## ${ICONS.HELP} 使用说明
- 📋 **复制代码**：点击代码块右上角的复制按钮
- 🔗 **打开链接**：直接点击文档中的链接
- 📖 **导航**：使用文档开头的目录快速跳转到指定消息
- 💾 **保存**：建议将本文档保存为本地文件以便长期保存
---
**${ICONS.KIMI} 本文档由 Kimi K2 聊天记录导出器自动生成**
*生成时间：${new Date().toLocaleString('zh-CN')}*
`;
}
};
// 🎛️ 导出管理器
const ExportManager = {
isExporting: false,
// 初始化导出功能
async init() {
try {
await Utils.waitForElement(SELECTORS.CHAT_CONTAINER);
this.createExportButton();
this.setupEventListeners();
console.log('🚀 Kimi K2 导出器已初始化');
} catch (error) {
console.error('❌ 初始化导出器失败:', error);
}
},
// 创建导出按钮
createExportButton() {
const button = document.createElement('button');
button.className = 'kimi-export-btn';
button.innerHTML = `
${ICONS.EXPORT}
${CONFIG.EXPORT_BUTTON_TEXT}
`;
// 添加到页面
document.body.appendChild(button);
// 保存按钮引用
this.exportButton = button;
},
// 设置事件监听器
setupEventListeners() {
this.exportButton.addEventListener('click', () => {
this.showExportPanel();
});
// 监听聊天内容变化
this.observeChatChanges();
},
// 观察聊天内容变化
observeChatChanges() {
const observer = new MutationObserver(() => {
// 聊天内容发生变化时的处理
console.log('📊 检测到聊天内容变化');
});
const chatContainer = document.querySelector(SELECTORS.CHAT_CONTAINER);
if (chatContainer) {
observer.observe(chatContainer, {
childList: true,
subtree: true
});
}
},
// 显示导出面板
showExportPanel() {
const overlay = document.createElement('div');
overlay.className = 'kimi-overlay';
const panel = document.createElement('div');
panel.className = 'kimi-export-panel';
panel.innerHTML = `
${ICONS.EXPORT} 导出选项
`;
overlay.appendChild(panel);
document.body.appendChild(overlay);
// 设置事件监听器
this.setupPanelListeners(overlay, panel);
},
// 设置面板事件监听器
setupPanelListeners(overlay, panel) {
const cancelBtn = panel.querySelector('#cancel-export');
const confirmBtn = panel.querySelector('#confirm-export');
cancelBtn.addEventListener('click', () => {
overlay.remove();
});
confirmBtn.addEventListener('click', () => {
const options = {
includeTimestamp: panel.querySelector('#include-timestamp').checked,
includeMetadata: panel.querySelector('#include-metadata').checked,
includeToc: panel.querySelector('#include-toc').checked
};
overlay.remove();
this.performExport(options);
});
// 点击遮罩关闭
overlay.addEventListener('click', (e) => {
if (e.target === overlay) {
overlay.remove();
}
});
},
// 执行导出
async performExport(options) {
if (this.isExporting) return;
this.isExporting = true;
this.updateButtonState(true);
try {
console.log('🚀 开始导出聊天记录...');
// 提取数据
const messages = DataExtractor.extractMessages();
const chatTitle = DataExtractor.extractChatTitle();
const userInfo = DataExtractor.extractUserInfo();
console.log(`📊 提取到 ${messages.length} 条消息`);
if (messages.length === 0) {
throw new Error('未找到聊天消息');
}
// 生成Markdown
const markdown = MarkdownGenerator.generate(messages, chatTitle, userInfo, options);
// 下载文件
const fileName = Utils.generateFileName(chatTitle);
this.downloadFile(markdown, fileName);
// 显示成功通知
Utils.showNotification(CONFIG.SUCCESS_TEXT, 'success');
console.log(`✅ 导出成功: ${fileName}`);
} catch (error) {
console.error('❌ 导出失败:', error);
Utils.showNotification(`${CONFIG.ERROR_TEXT}: ${error.message}`, 'error');
} finally {
this.isExporting = false;
this.updateButtonState(false);
}
},
// 更新按钮状态
updateButtonState(isExporting) {
if (isExporting) {
this.exportButton.classList.add('exporting');
this.exportButton.innerHTML = `
${CONFIG.EXPORTING_TEXT}
`;
this.exportButton.disabled = true;
} else {
this.exportButton.classList.remove('exporting');
this.exportButton.innerHTML = `
${ICONS.EXPORT}
${CONFIG.EXPORT_BUTTON_TEXT}
`;
this.exportButton.disabled = false;
}
},
// 下载文件
downloadFile(content, fileName) {
const blob = new Blob([content], { type: 'text/markdown;charset=utf-8' });
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = fileName;
link.style.display = 'none';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
URL.revokeObjectURL(url);
}
};
// 🚀 主程序
class KimiK2Exporter {
constructor() {
this.version = '2.0.0';
this.initialized = false;
}
async init() {
try {
console.log(`🚀 初始化 Kimi K2 聊天记录导出器 v${this.version}`);
// 初始化样式
StyleManager.init();
// 等待页面加载完成
await this.waitForPageLoad();
// 初始化导出管理器
await ExportManager.init();
this.initialized = true;
console.log('✅ Kimi K2 导出器初始化完成');
// 显示欢迎通知
setTimeout(() => {
Utils.showNotification('🎉 Kimi K2 聊天记录导出器已就绪！', 'success');
}, 1000);
} catch (error) {
console.error('❌ 初始化失败:', error);
Utils.showNotification('初始化失败，请刷新页面重试', 'error');
}
}
// 等待页面加载完成
async waitForPageLoad() {
return new Promise((resolve) => {
if (document.readyState === 'complete') {
resolve();
} else {
window.addEventListener('load', resolve);
}
});
}
// 获取版本信息
getVersion() {
return this.version;
}
// 检查是否已初始化
isInitialized() {
return this.initialized;
}
}
// 🎯 启动脚本
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
const exporter = new KimiK2Exporter();
exporter.init();
// 将导出器实例挂载到全局，便于调试
window.__kimiK2Exporter = exporter;
});
} else {
const exporter = new KimiK2Exporter();
exporter.init();
window.__kimiK2Exporter = exporter;
}
console.log('🌟 Kimi K2 聊天记录导出器脚本已加载');
})();