// ==UserScript==
// @name craber（豆包导出）
// @namespace doubao-craber
// @version 0.6.0
// @description craber：导出豆包对话为 Markdown。支持单条导出、批量 zip 导出、多会话导出，适配文本/代码/图片/引用等多种消息类型。
// @author craber
// @homepageURL https://github.com/yixing233/GPTCraber
// @supportURL https://github.com/yixing233/GPTCraber/issues
// @downloadURL https://raw.githubusercontent.com/yixing233/GPTCraber/main/doubao-md-exporter.user.js
// @updateURL https://raw.githubusercontent.com/yixing233/GPTCraber/main/doubao-md-exporter.user.js
// @match https://www.doubao.com/*
// @grant GM_xmlhttpRequest
// @grant unsafeWindow
// @connect doubao.com
// @connect byteimg.com
// @connect bytedance.com
// @connect *
// @run-at document-idle
// ==/UserScript==
(function () {
'use strict';
// 悬浮球用的螃蟹图标（内联 SVG）。fill 用 currentColor，蟹身颜色由容器的
// color 决定（.craber-fab-ball 里设为绿色），换平台时也统一走这一处。
const CRAB_SVG = '';
/* ============================================================
* 常量与工具
* ========================================================== */
const SETTINGS_KEY = 'doubao_craber_settings';
const DEFAULT_SETTINGS = {
mode: 'qa', // 'qa' = 问答对；'ai' = 仅 AI 回复
includeThinking: false // 是否导出思考过程（thinking_content）
};
// 豆包的发送方类型：1 = 用户，2 = 豆包
const USER_TYPE_USER = 1;
const USER_TYPE_BOT = 2;
// content_block 的 block_type（已确认的）
// 内容块渲染按 content 下的字段名识别（见 renderBlockByField），不依赖 block_type 编号。
// 已知编号仅供参考：10000 text_block / 10052 attachment_block / 10056 reference_block /
// 2074 creation_block（生成图/视频）/ 10025 search_query_result_block（联网搜索）。
const BLOCK_TEXT = 10000; // messageText 取标题时用
// 调试：设为 true 时，未适配的 block_type 会打印完整结构到控制台，
// 便于识别 PPT/图片生成/视频/音乐 等特殊类型的编号与字段。
const DEBUG_BLOCKS = true;
// 已记录过的未知 block_type，避免同一类型刷屏
const _seenUnknownBlocks = {};
function loadSettings() {
try {
const raw = localStorage.getItem(SETTINGS_KEY);
return Object.assign({}, DEFAULT_SETTINGS, raw ? JSON.parse(raw) : {});
} catch (e) {
return Object.assign({}, DEFAULT_SETTINGS);
}
}
function saveSettings(s) {
try { localStorage.setItem(SETTINGS_KEY, JSON.stringify(s)); } catch (e) {}
}
let settings = loadSettings();
// 豆包对话页 URL：/chat/{conversationId}
function getConvId() {
const m = location.pathname.match(/\/chat\/([^/?#]+)/);
return m ? m[1] : null;
}
function sanitizeFilename(s) {
s = (s || '').replace(/[\\/:*?"<>|\n\r\t]/g, ' ').replace(/\s+/g, ' ').trim();
if (s.length > 60) s = s.slice(0, 60).trim();
return s || 'untitled';
}
function triggerDownload(blob, filename) {
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
setTimeout(() => { URL.revokeObjectURL(url); a.remove(); }, 1500);
}
function uuid() {
// 简易 UUID v4（用于 sequence_id）
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
const r = Math.random() * 16 | 0;
const v = c === 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
}
/* ============================================================
* 接口封装（豆包 IM 协议，POST + cookie 鉴权，无签名头）
* /im/chain/recent_conv (cmd 3200) 会话列表
* /im/chain/single (cmd 3100) 单会话消息链
* ========================================================== */
// 豆包接口的公共 query 串（从抓包里取，device_id/web_id 等每个账号不同，
// 但接口对缺失字段容忍度较高；这里用页面已有的即可。实测仅带核心字段也能通）。
function apiQuery() {
return '?version_code=20800&language=zh&device_platform=web&doubao_device_platform=web' +
'&aid=497858&real_aid=497858&pkg_type=release_version&samantha_web=1' +
'&web_platform=browser&use-olympus-account=1®ion=CN&sys_region=CN';
}
async function imPost(path, cmd, uplinkBody) {
const body = {
cmd: cmd,
sequence_id: uuid(),
channel: 2,
uplink_body: uplinkBody,
version: '1'
};
const r = await fetch(path + apiQuery(), {
method: 'POST',
credentials: 'include',
headers: {
'content-type': 'application/json; encoding=utf-8',
'agw-js-conv': 'str' // 关键：让服务端把 int64 id 序列化成字符串
},
body: JSON.stringify(body)
});
if (!r.ok) throw new Error('接口请求失败 ' + path + ': ' + r.status);
return r.json();
}
const API = {
// 拉一页会话列表。convVersion=0 取最新页，之后用返回的 next_conv_version 翻页。
async getConversationsPage(convVersion) {
const j = await imPost('/im/chain/recent_conv', 3200, {
pull_recent_conv_chain_uplink_body: {
limit: 50,
message_count_per_conv: 0,
api_version: 1,
conv_version: convVersion || 0,
direction: 3,
option: {
not_need_message: true,
need_complete_conversation: true,
need_coco_conversation: true,
need_coco_bot: true,
need_pc_pin_chain: true,
pc_pin_query_type: 0
}
}
});
const b = (j.downlink_body && j.downlink_body.pull_recent_conv_chain_downlink_body) || {};
return {
cells: b.cells || [],
hasMore: !!b.has_more,
nextConvVersion: b.next_conv_version
};
},
// 拉单会话的一页消息。anchorIndex 从最大值开始，direction:1 往旧翻。
async getMessagesPage(convId, anchorIndex) {
const j = await imPost('/im/chain/single', 3100, {
pull_singe_chain_uplink_body: {
conversation_id: String(convId),
conversation_type: 3,
anchor_index: anchorIndex,
direction: 1,
limit: 50,
ext: {},
filter: { index_list: [] }
}
});
const b = (j.downlink_body && j.downlink_body.pull_singe_chain_downlink_body) || {};
return { messages: b.messages || [], hasMore: !!b.has_more };
}
};
// 用 GM_xmlhttpRequest 拉图（绕过 CORS），返回 Blob
function gmFetchBlob(url) {
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'GET',
url: url,
responseType: 'blob',
onload: (res) => {
if (res.status >= 200 && res.status < 300 && res.response) resolve(res.response);
else reject(new Error('图片请求失败: ' + res.status));
},
onerror: () => reject(new Error('图片网络错误'))
});
});
}
function blobToDataURI(blob) {
return new Promise((resolve, reject) => {
const fr = new FileReader();
fr.onload = () => resolve(fr.result);
fr.onerror = () => reject(fr.error || new Error('读取图片失败'));
fr.readAsDataURL(blob);
});
}
function extFromMime(mime) {
const map = {
'image/png': 'png', 'image/jpeg': 'jpg', 'image/jpg': 'jpg',
'image/gif': 'gif', 'image/webp': 'webp', 'image/svg+xml': 'svg', 'image/bmp': 'bmp'
};
return map[(mime || '').toLowerCase()] || 'png';
}
// 从图片 URL 猜扩展名（豆包图片 URL 形如 ...59065abec.png~tplv-...image.png?...）
function extFromUrl(url) {
const m = String(url || '').match(/\.(png|jpe?g|gif|webp|svg|bmp)(?![a-z])/i);
return m ? m[1].toLowerCase().replace('jpeg', 'jpg') : 'png';
}
/* ============================================================
* 内联 ZIP 打包器（仅 STORE 模式，零外部依赖、零 eval）
* ========================================================== */
let _crcTable = null;
function crcTable() {
if (_crcTable) return _crcTable;
const t = new Uint32Array(256);
for (let n = 0; n < 256; n++) {
let c = n;
for (let k = 0; k < 8; k++) c = (c & 1) ? (0xEDB88320 ^ (c >>> 1)) : (c >>> 1);
t[n] = c >>> 0;
}
_crcTable = t;
return t;
}
function crc32(bytes) {
const t = crcTable();
let c = 0xFFFFFFFF;
for (let i = 0; i < bytes.length; i++) c = t[(c ^ bytes[i]) & 0xFF] ^ (c >>> 8);
return (c ^ 0xFFFFFFFF) >>> 0;
}
function createZip() {
const files = [];
const encoder = new TextEncoder();
return {
add(path, data) {
files.push({ nameBytes: encoder.encode(path), data: data, crc: crc32(data) });
},
generate() {
const localParts = [];
const central = [];
let offset = 0;
for (const f of files) {
const nameLen = f.nameBytes.length;
const size = f.data.length;
const lh = new DataView(new ArrayBuffer(30));
lh.setUint32(0, 0x04034b50, true);
lh.setUint16(4, 20, true);
lh.setUint16(6, 0, true);
lh.setUint16(8, 0, true);
lh.setUint16(10, 0, true);
lh.setUint16(12, 0, true);
lh.setUint32(14, f.crc, true);
lh.setUint32(18, size, true);
lh.setUint32(22, size, true);
lh.setUint16(26, nameLen, true);
lh.setUint16(28, 0, true);
localParts.push(new Uint8Array(lh.buffer), f.nameBytes, f.data);
const ch = new DataView(new ArrayBuffer(46));
ch.setUint32(0, 0x02014b50, true);
ch.setUint16(4, 20, true);
ch.setUint16(6, 20, true);
ch.setUint16(8, 0, true);
ch.setUint16(10, 0, true);
ch.setUint16(12, 0, true);
ch.setUint16(14, 0, true);
ch.setUint32(16, f.crc, true);
ch.setUint32(20, size, true);
ch.setUint32(24, size, true);
ch.setUint16(28, nameLen, true);
ch.setUint16(30, 0, true);
ch.setUint16(32, 0, true);
ch.setUint16(34, 0, true);
ch.setUint16(36, 0, true);
ch.setUint32(38, 0, true);
ch.setUint32(42, offset, true);
central.push(new Uint8Array(ch.buffer), f.nameBytes);
offset += 30 + nameLen + size;
}
let centralSize = 0;
for (const p of central) centralSize += p.length;
const centralOffset = offset;
const eocd = new DataView(new ArrayBuffer(22));
eocd.setUint32(0, 0x06054b50, true);
eocd.setUint16(4, 0, true);
eocd.setUint16(6, 0, true);
eocd.setUint16(8, files.length, true);
eocd.setUint16(10, files.length, true);
eocd.setUint32(12, centralSize, true);
eocd.setUint32(16, centralOffset, true);
eocd.setUint16(20, 0, true);
const parts = localParts.concat(central, [new Uint8Array(eocd.buffer)]);
return new Blob(parts, { type: 'application/zip' });
}
};
}
const _enc = new TextEncoder();
/* ============================================================
* 消息链重建 + 回合分组
* 豆包接口按 index_in_conv 倒序返回，direction:1 从大到小翻页。
* 拉全部后按 index_in_conv 升序排列，再按“用户提问 → 后续豆包回复”分组。
* ========================================================== */
const MAX_INDEX = 9007199254740991; // Number.MAX_SAFE_INTEGER，作为首页 anchor
// 拉取单会话全部消息，按 index_in_conv 升序返回
async function fetchAllMessages(convId, onProgress) {
const all = [];
const seen = {};
let anchor = MAX_INDEX;
let guard = 0;
while (guard++ < 200) { // 兜底：最多 200 页
const page = await API.getMessagesPage(convId, anchor);
const msgs = page.messages || [];
if (!msgs.length) break;
let minIndex = anchor;
for (const m of msgs) {
const id = m.message_id;
if (id && seen[id]) continue;
if (id) seen[id] = true;
all.push(m);
const idx = Number(m.index_in_conv);
if (isFinite(idx) && idx < minIndex) minIndex = idx;
}
if (onProgress) onProgress(all.length);
if (!page.hasMore) break;
if (minIndex >= anchor) break; // 没有更旧的了，防死循环
anchor = minIndex; // 下一页从当前最小 index 继续往旧翻
}
all.sort((a, b) => Number(a.index_in_conv) - Number(b.index_in_conv));
return all;
}
// 把消息数组按回合分组。
// 豆包一次用户输入可能拆成多条 user_type=1 消息（文本、图片附件、引用各一条），
// 因此“连续的 user 消息”合并为同一回合的提问；出现 bot 回复后再见到 user 才算新回合。
// turn = { question: 首条user消息, questionMsgs: [全部user消息], answers: [bot消息] }
function groupTurns(messages) {
const turns = [];
let cur = null;
let lastWasBot = true; // 让首条 user 消息能开启回合
for (const m of messages) {
if (m.user_type === USER_TYPE_USER) {
if (lastWasBot || !cur) {
cur = { question: m, questionMsgs: [m], answers: [] };
turns.push(cur);
} else {
// 与上一条 user 消息同属一次输入，并入当前回合
cur.questionMsgs.push(m);
if (!cur.question) cur.question = m;
}
lastWasBot = false;
} else if (m.user_type === USER_TYPE_BOT) {
if (!cur) { cur = { question: null, questionMsgs: [], answers: [] }; turns.push(cur); }
cur.answers.push(m);
lastWasBot = true;
}
}
return turns;
}
/* ============================================================
* 渲染
* ========================================================== */
// 从一条消息的 content_block[] 里取出所有图片 URL（含未适配类型里的图片）。
// 深度扫描每个 block，凡是含 image_ori/image_thumb 等的对象都视为图片，
// 这样 PPT/生成图/视频封面等未适配块里的图片也能被本地化。
function collectImageUrls(msg) {
const urls = [];
const seen = {};
const visited = new WeakSet();
const walk = (o, depth) => {
if (!o || depth > 8) return;
if (typeof o === 'object') {
if (visited.has(o)) return; // 防循环引用导致栈溢出
visited.add(o);
}
if (Array.isArray(o)) { for (const it of o) walk(it, depth + 1); return; }
if (typeof o !== 'object') return;
const iu = pickImageFromObj(o);
if (iu && (o.image_ori || o.image_thumb || o.image_preview || o.image_720) && !seen[iu]) {
seen[iu] = 1;
urls.push({ url: iu, name: (o.name || '') });
}
for (const k of Object.keys(o)) {
const v = o[k];
if (v && typeof v === 'object') walk(v, depth + 1);
}
};
if (msg.content_block && msg.content_block.length) {
for (const blk of msg.content_block) walk(blk.content || blk, 0);
} else {
// 老式消息：图片在 content/tts_content 的 JSON entities 里
const lc = legacyContent(msg);
for (const im of lc.images) {
if (im.url && !seen[im.url]) { seen[im.url] = 1; urls.push({ url: im.url, name: im.name || '' }); }
}
}
return urls;
}
// 收集一个回合内所有图片 URL（问题 + 回答）
function collectTurnImageUrls(turn, includeQuestion) {
const urls = [];
const push = (msg) => { for (const it of collectImageUrls(msg)) urls.push(it.url); };
if (includeQuestion) (turn.questionMsgs || []).forEach(push);
turn.answers.forEach(push);
// 去重
return urls.filter((u, i) => urls.indexOf(u) === i);
}
// 图片 sink：base64 内嵌 / 写入 zip 的 images/
function makeDataUriSink() {
const seen = {};
return {
async add(key, blob) {
if (seen[key]) return seen[key];
const uri = await blobToDataURI(blob);
seen[key] = uri;
return uri;
}
};
}
function makeZipImageSink(zip, prefix) {
const seen = {};
let n = 0;
const pre = prefix || '';
return {
async add(key, blob, mime) {
if (seen[key]) return seen[key];
const ext = extFromMime(mime) || extFromUrl(key) || 'png';
const rel = 'images/img_' + (++n) + '.' + ext;
const buf = new Uint8Array(await blob.arrayBuffer());
zip.add(pre + rel, buf);
seen[key] = rel;
return rel;
}
};
}
// 拉取一个回合的所有图片，解析成 URL -> src 字符串（供渲染用）
async function resolveTurnImages(turn, includeQuestion, sink, onProgress) {
const cache = {};
if (!sink) return cache;
const urls = collectTurnImageUrls(turn, includeQuestion);
let done = 0;
const tasks = urls.map((url) => (async () => {
try {
const blob = await gmFetchBlob(url);
cache[url] = await sink.add(url, blob, blob.type);
} catch (e) {
console.warn('[doubao-craber] 图片下载失败', url, e);
} finally {
done++;
if (onProgress) onProgress(done, urls.length);
}
})());
await Promise.all(tasks);
return cache;
}
// 从任意 block 内容里挑一个图片 URL（兼容 image / image_ori 等多种嵌套）
function pickImageFromObj(img) {
if (!img) return null;
return (img.image_ori && img.image_ori.url) ||
(img.image_preview && img.image_preview.url) ||
(img.image_720 && img.image_720.url) ||
(img.image_thumb && img.image_thumb.url) ||
(typeof img.url === 'string' ? img.url : null);
}
// 深度扫描一个未知 block，尽量抢救出可读内容：文本、图片、链接、标题。
// 不认识的类型也不丢弃——把能认出的字段渲染出来，实在没有再给占位。
function salvageBlock(blk, cache) {
let out = '';
const seenText = {};
const imgs = [];
const links = [];
const visited = new WeakSet(); // 防循环引用导致的栈溢出
const walk = (o, depth) => {
if (!o || depth > 6) return;
if (Array.isArray(o)) { for (const it of o) walk(it, depth + 1); return; }
if (typeof o !== 'object') return;
if (visited.has(o)) return;
visited.add(o);
// 图片对象：含 image_ori/image_thumb/url 等
const iu = pickImageFromObj(o);
if (iu && (o.image_ori || o.image_thumb || o.image_preview || o.image_720)) {
imgs.push({ url: iu, name: o.name || '' });
}
for (const k of Object.keys(o)) {
const v = o[k];
if (typeof v === 'string') {
const s = v.trim();
if (!s) continue;
// 文本类字段：text / content / title / desc / summary / caption
if (/^(text|content|title|desc|description|summary|caption|name|label)$/i.test(k) &&
s.length > 1 && !/^https?:\/\//.test(s) && !seenText[s]) {
seenText[s] = 1;
// 名字类字段短，作强调；长文本作正文
if (/^(title|name|label)$/i.test(k) && s.length < 40) out += '**' + s + '**\n\n';
else out += s + '\n\n';
}
// 链接字段
if (/^(url|link|jump_url|schema|href)$/i.test(k) && /^https?:\/\//.test(s)) {
links.push(s);
}
} else if (v && typeof v === 'object') {
walk(v, depth + 1);
}
}
};
walk(blk.content || blk, 0);
for (const im of imgs) {
const src = (cache && cache[im.url]) || im.url;
const alt = (im.name || 'image').replace(/[\[\]]/g, '');
out += '\n\n';
}
for (const u of links.filter((x, i) => links.indexOf(x) === i)) {
out += '[链接](' + u + ')\n\n';
}
return out;
}
// 渲染一条消息的 content_block[] 为 Markdown
// 老式消息（content_type 1/200 等）没有 content_block，正文在 content / tts_content 字段。
// 这两个字段可能是纯文本，也可能是 JSON（形如 {"text":"...","entities":[{image:...}]}）。
// 返回 { text, images:[{url,name}] }。
function legacyContent(msg) {
const result = { text: '', images: [], files: [] };
const raw = (msg && (msg.content || msg.tts_content)) || '';
if (!raw || typeof raw !== 'string') return result;
const s = raw.trim();
if (!s) return result;
// 尝试解析 JSON（entities 结构）
if (s.charAt(0) === '{' || s.charAt(0) === '[') {
try {
const obj = JSON.parse(s);
if (typeof obj.text === 'string') result.text = obj.text;
const ents = obj.entities || obj.entity_list || [];
const texts = [];
for (const e of (Array.isArray(ents) ? ents : [])) {
const ec = e.entity_content || e;
// 图片实体
const img = ec.image || e.image;
const u = pickImageFromObj(img || {});
if (u) { result.images.push({ url: u, name: (img && img.name) || '' }); continue; }
// 文件实体（PDF/文档等）：取文件名
const file = ec.file || e.file;
if (file && (file.file_name || file.name)) {
result.files.push({ name: file.file_name || file.name });
continue;
}
// 文本实体
if (typeof ec.text === 'string' && ec.text.trim()) texts.push(ec.text.trim());
}
if (!result.text && texts.length) result.text = texts.join('\n');
// 仍然啥都没抽到：给一个占位而非吐原始 JSON
if (!result.text && !result.images.length && !result.files.length) {
result.text = (msg.brief || '').trim();
}
return result;
} catch (e) {
// 解析失败当纯文本
}
}
result.text = s;
return result;
}
// 渲染生成内容块（block_type 2074，creation_block）：豆包 AI 生成的图片/视频。
// creations[] 每项：type=1 图片（image.image_ori），另有 video 字段；gen_params.prompt 是提示词。
function renderCreationBlock(blk, cache) {
const cb = blk.content && blk.content.creation_block;
const creations = (cb && cb.creations) || [];
let out = '';
for (const c of creations) {
// 图片生成
const u = pickImageFromObj((c && c.image) || {});
if (u) {
const src = (cache && cache[u]) || u;
out += '\n\n';
}
// 视频生成：豆包视频对象里通常有封面图与播放地址
const v = c && c.video;
if (v) {
const cover = pickImageFromObj(v.cover || v.cover_image || {});
if (cover) {
const src = (cache && cache[cover]) || cover;
out += '\n\n';
}
const vurl = v.play_url || v.url || (v.video_info && v.video_info.url);
if (vurl) out += '🎬 [视频链接](' + vurl + ')\n\n';
}
// 生成提示词
const prompt = c && c.gen_detail && c.gen_detail.prompt ||
(c && c.image && c.image.gen_params && c.image.gen_params.prompt) ||
(c && c.gen_params && c.gen_params.prompt);
if (prompt && prompt.trim()) {
out += '> 提示词：' + prompt.trim().replace(/\n/g, ' ') + '\n\n';
}
}
return out;
}
// 渲染联网搜索结果块（block_type 10025，search_query_result_block）：
// 把搜索关键词与参考网页渲染成"参考来源"列表。
function renderSearchResultBlock(sb) {
if (!sb) return '';
let out = '';
if (sb.summary && sb.summary.trim()) out += '> 🔍 ' + sb.summary.trim() + '\n\n';
const results = sb.results || [];
if (!results.length) return out;
out += '**参考来源：**\n\n';
let i = 0;
for (const r of results) {
const card = r.text_card || r.video_card || r.image_card;
if (!card) continue;
i++;
const title = (card.title || card.summary || '来源').replace(/\n/g, ' ').replace(/[\[\]]/g, '').slice(0, 80);
const url = card.url || '';
const site = card.sitename || '';
const meta = site ? ' — ' + site : '';
out += i + '. ' + (url ? '[' + title + '](' + url + ')' : title) + meta + '\n';
}
return out + '\n';
}
// 内容块的字段渲染器：按 content 下的字段名识别，不依赖 block_type 编号。
// 这样即使编号没见过，只要对应字段有值就能正确渲染。返回渲染字符串或 null（表示未处理）。
function renderBlockByField(content, cache) {
if (!content) return null;
// 正文文本
if (content.text_block && content.text_block.text && content.text_block.text.trim()) {
return content.text_block.text.trim() + '\n\n';
}
// 引用
if (content.reference_block) {
const t = content.reference_block.text && content.reference_block.text.text;
if (t && t.trim()) return '> ' + t.trim().replace(/\n/g, '\n> ') + '\n\n';
}
// 附件图片
if (content.attachment_block) {
const atts = content.attachment_block.attachments || [];
let out = '';
for (const a of atts) {
const u = pickImageFromObj((a && a.image) || {});
if (!u) continue;
const src = (cache && cache[u]) || u;
const alt = ((a.image && a.image.name) || 'image').replace(/[\[\]]/g, '');
out += '\n\n';
}
if (out) return out;
}
// AI 生成图片/视频
if (content.creation_block) {
return renderCreationBlock({ content: content }, cache);
}
// 联网搜索结果
if (content.search_query_result_block) {
return renderSearchResultBlock(content.search_query_result_block);
}
// 代码块
if (content.code_block) {
const cb = content.code_block;
const code = cb.code || cb.text || '';
const lang = cb.language || cb.lang || '';
if (code.trim()) return '```' + lang + '\n' + code + '\n```\n\n';
}
// 文件块（生成的文档/PPT 等）
if (content.file_block) {
const fb = content.file_block;
const name = fb.file_name || fb.name || '文件';
const u = fb.url || fb.download_url || '';
return '📎 ' + (u ? '[' + name + '](' + u + ')' : name) + '\n\n';
}
// 大纲块（PPT/文档大纲）
if (content.outline_block) {
const ob = content.outline_block;
const title = ob.title || ob.name;
if (title) return '**' + title + '**\n\n';
}
return null;
}
function renderBlocks(msg, cache) {
let out = '';
// 没有 content_block：老式消息，从 content/tts_content 抽正文与图片
if (!msg.content_block || !msg.content_block.length) {
const lc = legacyContent(msg);
if (lc.text && lc.text.trim()) out += lc.text.trim() + '\n\n';
for (const im of lc.images) {
const src = (cache && cache[im.url]) || im.url;
const alt = (im.name || 'image').replace(/[\[\]]/g, '');
out += '\n\n';
}
for (const f of lc.files) {
out += '📎 ' + (f.name || '附件') + '\n\n';
}
return out;
}
for (const blk of (msg.content_block || [])) {
// 优先按字段名分发（content 是扁平对象，只有匹配当前类型的子字段非 null，
// 因此按字段名识别比按 block_type 编号更稳健：编号没见过也能认出内容）。
const byField = renderBlockByField(blk.content, cache);
if (byField != null) { out += byField; continue; }
// 字段名也认不出：抢救 + 调试打印
if (DEBUG_BLOCKS && !_seenUnknownBlocks[blk.block_type]) {
_seenUnknownBlocks[blk.block_type] = 1;
console.log('[doubao-craber] 未适配的 block_type=' + blk.block_type + '，完整结构：', blk);
}
const salvaged = salvageBlock(blk, cache);
if (salvaged.trim()) out += salvaged;
else out += '\n\n';
}
return out;
}
// 取一条消息的纯文本
function messageText(msg) {
if (!msg) return '';
for (const blk of (msg.content_block || [])) {
if (blk.block_type === BLOCK_TEXT) {
const t = (blk.content && blk.content.text_block && blk.content.text_block.text) || '';
if (t.trim()) return t.trim();
}
}
// 没有 content_block（老式用户消息）：从 content/tts_content 抽文本
if (!msg.content_block || !msg.content_block.length) {
const lc = legacyContent(msg);
if (lc.text && lc.text.trim()) return lc.text.trim();
}
return (msg.brief || '').trim();
}
// 取一个回合的标题：扫描全部提问消息，取第一条有文本的；
// 没有文本时（纯图片/纯文件提问），退回文件名 / [图片] / brief。
function turnTitle(turn) {
const msgs = (turn && turn.questionMsgs) || (turn && turn.question ? [turn.question] : []);
for (const m of msgs) {
const t = messageText(m);
if (t) return t;
}
// 没有文本提问：尝试用文件名或图片占位
for (const m of msgs) {
const lc = legacyContent(m);
if (lc.files && lc.files.length) return lc.files[0].name || '[文件]';
if (lc.images && lc.images.length) return '[图片]';
}
// 再退回首条提问消息的 brief
for (const m of msgs) {
if (m && m.brief && m.brief.trim()) return m.brief.trim();
}
// 最后退回回合内首条回复的 brief（提问完全无文本时）
for (const m of (turn.answers || [])) {
if (m && m.brief && m.brief.trim()) return m.brief.trim();
}
return '';
}
// 渲染一个回合为 markdown，返回 { title, md }
// opts.forceQuestion：无视 settings.mode 强制带上用户提问（单条导出用——
// 一段答案脱离对应问题就失去了上下文，所以单独导出时始终附问题）。
async function renderTurn(turn, onProgress, sink, opts) {
const withQuestion = settings.mode === 'qa' || !!(opts && opts.forceQuestion);
const cache = await resolveTurnImages(turn, withQuestion, sink || makeDataUriSink(), onProgress);
const title = turnTitle(turn);
let md = '';
if (withQuestion) {
md += '## 🧑 问题\n\n';
const qMsgs = turn.questionMsgs || (turn.question ? [turn.question] : []);
let qOut = '';
for (const qm of qMsgs) qOut += renderBlocks(qm, cache);
md += (qOut.trim() || '(无文字提问)') + '\n\n';
md += '## 🤖 回答\n\n';
}
for (const node of turn.answers) {
if (settings.includeThinking && node.thinking_content && node.thinking_content.trim()) {
md += '> 💭 思考过程\n>\n> ' + node.thinking_content.trim().replace(/\n/g, '\n> ') + '\n\n';
}
md += renderBlocks(node, cache);
}
return { title, md: md.trim() + '\n' };
}
// 把整个会话渲染成单个 markdown
async function renderConversationToMd(convId, convName, sink, onProgress) {
const messages = await fetchAllMessages(convId);
const turns = groupTurns(messages);
let md = '# ' + (convName || '未命名会话') + '\n\n';
for (let i = 0; i < turns.length; i++) {
const r = await renderTurn(turns[i], null, sink);
md += r.md.trim() + '\n\n---\n\n';
if (onProgress) onProgress(i + 1, turns.length);
}
md = md.replace(/\n+---\n+$/, '\n');
return { title: convName || '未命名会话', md: md.trim() + '\n', turnCount: turns.length };
}
/* ============================================================
* 状态：按 convId 缓存会话结构
* ========================================================== */
let state = { convId: null, name: null, turns: [], msgIndex: {} };
async function ensureState(force) {
const convId = getConvId();
if (!convId) throw new Error('请先打开一个具体对话（URL 含 /chat/...）');
if (!force && state.convId === convId && state.turns.length) return state;
const messages = await fetchAllMessages(convId);
const turns = groupTurns(messages);
const msgIndex = {};
turns.forEach((t) => {
(t.questionMsgs || (t.question ? [t.question] : [])).forEach((q) => {
if (q && q.message_id) msgIndex[q.message_id] = t;
});
t.answers.forEach((a) => { if (a && a.message_id) msgIndex[a.message_id] = t; });
});
state = { convId, name: null, turns, msgIndex };
return state;
}
/* ============================================================
* 导出动作
* ========================================================== */
async function exportSingleByMessageId(messageId) {
const st = await ensureState();
const turn = st.msgIndex[messageId];
if (!turn) throw new Error('未在会话结构中找到该消息，试试刷新页面');
// 单条导出强制带上对应的用户提问（即便全局模式是"仅 AI 回复"），
// 否则单独一段答案脱离问题就没有上下文。
// 判断是否含图；含图时才打成 zip，把图片写进 images/ 目录、md 用相对路径引用
// ——base64 内嵌在很多 Markdown 阅读器里不显示。纯文字回合再套 zip 反而累赘，
// 仍旧直接下 .md。单条导出恒带问题，故数图也固定把问题算进去。
const hasImages = collectTurnImageUrls(turn, true).length > 0;
if (hasImages) {
const zip = createZip();
const sink = makeZipImageSink(zip); // 图片写入 images/，md 引用相对路径
const { title, md } = await renderTurn(turn, null, sink, { forceQuestion: true });
zip.add(sanitizeFilename(title) + '.md', _enc.encode(md));
triggerDownload(zip.generate(), sanitizeFilename(title) + '.zip');
return;
}
const { title, md } = await renderTurn(turn, null, null, { forceQuestion: true });
triggerDownload(new Blob([md], { type: 'text/markdown;charset=utf-8' }), sanitizeFilename(title) + '.md');
}
async function exportBatch(selectedTurns, onProgress) {
// 只选一轮：直接导出单个 md（图片 base64 内嵌），不打包 zip
if (selectedTurns.length === 1) {
const turn = selectedTurns[0];
const sink = makeDataUriSink();
const { title, md } = await renderTurn(turn, onProgress, sink);
const seq = (state.turns ? state.turns.indexOf(turn) + 1 : 0) || 1;
const pad = String((state.turns && state.turns.length) || 1).length;
const name = String(seq).padStart(pad, '0') + '_' + sanitizeFilename(title);
if (onProgress) onProgress(1, 1, '完成');
triggerDownload(new Blob([md], { type: 'text/markdown;charset=utf-8' }), name + '.md');
return;
}
const zip = createZip();
const sink = makeZipImageSink(zip);
const used = {};
const pad = String((state.turns && state.turns.length) || selectedTurns.length).length;
let i = 0;
for (const turn of selectedTurns) {
const { title, md } = await renderTurn(turn, null, sink);
const seq = ((state.turns ? state.turns.indexOf(turn) : -1) + 1) || (i + 1);
const prefix = String(seq).padStart(pad, '0') + '_';
let name = prefix + sanitizeFilename(title);
if (used[name] != null) { used[name]++; name = name + ' (' + used[name] + ')'; }
else used[name] = 0;
zip.add(name + '.md', _enc.encode(md));
i++;
if (onProgress) onProgress(i, selectedTurns.length);
}
if (onProgress) onProgress(selectedTurns.length, selectedTurns.length, '打包中…');
const blob = zip.generate();
const zipName = sanitizeFilename(state.name) || 'doubao-export';
triggerDownload(blob, zipName + '.zip');
}
/* ============================================================
* 多会话：列表获取与批量导出
* ========================================================== */
// 从一个 recent_conv 的 cell 里提取会话元数据
function cellToMeta(cell) {
const c = (cell && cell.conversation) || {};
return {
id: c.conversation_id,
title: c.name || '未命名会话',
createTime: Number(c.create_time) || 0,
updateTime: Number(c.update_time) || 0,
badge: Number(c.badge_count) || 0
};
}
async function fetchAllConversations(onProgress) {
const all = [];
let convVersion = 0;
let guard = 0;
while (guard++ < 200) {
const page = await API.getConversationsPage(convVersion);
const cells = page.cells || [];
for (const cell of cells) {
const meta = cellToMeta(cell);
if (meta.id) all.push(meta);
}
if (onProgress) onProgress(all.length);
if (!page.hasMore || !cells.length) break;
if (!page.nextConvVersion || page.nextConvVersion === convVersion) break;
convVersion = page.nextConvVersion;
}
return all;
}
// 导出多个会话：每个会话合并为单个 md，放进以会话标题命名的子文件夹（内含 images/）
async function exportConversations(convMetas, onProgress) {
const zip = createZip();
const used = {};
const pad = String(convMetas.length).length;
let i = 0;
for (const meta of convMetas) {
i++;
const seq = String(i).padStart(pad, '0');
let folder = seq + '_' + sanitizeFilename(meta.title);
if (used[folder] != null) { used[folder]++; folder = folder + ' (' + used[folder] + ')'; }
else used[folder] = 0;
const prefix = folder + '/';
const sink = makeZipImageSink(zip, prefix);
try {
const { md } = await renderConversationToMd(meta.id, meta.title, sink, (d, t) => {
if (onProgress) onProgress(i, convMetas.length, '（' + meta.title + '：' + d + '/' + t + '）');
});
zip.add(prefix + sanitizeFilename(meta.title) + '.md', _enc.encode(md));
} catch (e) {
console.warn('[doubao-craber] 会话导出失败', meta.id, e);
}
if (onProgress) onProgress(i, convMetas.length);
}
if (onProgress) onProgress(convMetas.length, convMetas.length, '打包中…');
const blob = zip.generate();
triggerDownload(blob, 'doubao-conversations.zip');
}
/* ============================================================
* UI：样式
* ========================================================== */
const style = document.createElement('style');
style.textContent = `
:host{
--craber-accent:#4b5bd6; --craber-accent-2:#3d4bc0;
--craber-bg:#ffffff; --craber-fg:#1f2328; --craber-sub:#8a9099;
--craber-line:#ececf0; --craber-hover:#f5f6f8; --craber-ghost:#f1f2f4;
--craber-skeleton:#eceef1; --craber-skeleton-hi:#f6f7f9;
all:initial;
}
@media (prefers-color-scheme:dark){
:host{
--craber-bg:#26282c; --craber-fg:#e8eaed; --craber-sub:#9aa0a8;
--craber-line:#3a3d43; --craber-hover:#2f3237; --craber-ghost:#34373d;
--craber-skeleton:#33363b; --craber-skeleton-hi:#3c4046;
}
}
:host(.craber-dark){
--craber-bg:#26282c; --craber-fg:#e8eaed; --craber-sub:#9aa0a8;
--craber-line:#3a3d43; --craber-hover:#2f3237; --craber-ghost:#34373d;
--craber-skeleton:#33363b; --craber-skeleton-hi:#3c4046;
}
@keyframes craber-fade-in{from{opacity:0}to{opacity:1}}
@keyframes craber-pop-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes craber-shimmer{0%{background-position:-360px 0}100%{background-position:360px 0}}
@keyframes craber-row-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes craber-spin{to{transform:rotate(360deg)}}
/* 悬浮球：可拖拽、双击展开菜单。位置由 JS 用 left/top 定位并存 localStorage。
蟹图标用内联 SVG，蟹身填 currentColor（统一蟹绿），球底半透明毛玻璃。 */
.craber-fab-ball{position:fixed;z-index:99998;width:52px;height:52px;border-radius:50%;
background:rgba(255,255,255,.3);color:#22a06b;border:none;cursor:grab;
display:flex;align-items:center;justify-content:center;
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
box-shadow:0 4px 14px rgba(0,0,0,.22);user-select:none;touch-action:none;
font-family:system-ui,sans-serif;transition:box-shadow .15s ease,transform .12s ease}
:host(.craber-dark) .craber-fab-ball{background:rgba(38,40,44,.3)}
.craber-fab-ball svg{width:30px;height:30px;pointer-events:none}
.craber-fab-ball:hover{box-shadow:0 6px 20px rgba(0,0,0,.3)}
.craber-fab-ball:active{cursor:grabbing}
.craber-fab-ball.craber-dragging{transition:none;transform:scale(1.08)}
/* 菜单展开/收起过渡：父级不做透明度过渡（否则整体淡出会盖掉子项交错），
可见性交给各子项自己的 opacity，父级只用 pointer-events 管交互。 */
.craber-fab-menu{position:fixed;z-index:99998;display:flex;flex-direction:column;gap:8px;
pointer-events:none}
.craber-fab-menu.craber-open{pointer-events:auto}
.craber-fab-item{background:var(--craber-bg);color:var(--craber-fg);border:none;border-radius:22px;
padding:11px 18px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;
box-shadow:0 4px 14px rgba(0,0,0,.18);font-family:system-ui,sans-serif;
opacity:0;
transition:background .15s ease,opacity .24s ease,transform .24s cubic-bezier(.2,.8,.25,1)}
/* 项的初始位移方向跟随展开方向：向上展开(菜单在球上方)时项从下方滑入(+12px)；
向下展开时从上方滑入(-12px)。动画方向与展开方向一致。 */
.craber-fab-menu.craber-up .craber-fab-item{transform:translateY(12px) scale(.9)}
.craber-fab-menu.craber-down .craber-fab-item{transform:translateY(-12px) scale(.9)}
.craber-fab-menu.craber-open .craber-fab-item{opacity:1;transform:none}
/* 交错延迟由 JS 逐项设内联 transition-delay（开合方向不同，见 setMenuOpen）。 */
.craber-fab-collapse{color:var(--craber-sub);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.craber-mask{position:fixed;inset:0;background:rgba(15,18,20,.55);
z-index:99999;display:flex;align-items:center;justify-content:center;
font-family:system-ui,sans-serif;animation:craber-fade-in .18s ease}
.craber-panel{background:var(--craber-bg);color:var(--craber-fg);width:580px;max-width:92vw;max-height:84vh;
border-radius:16px;display:flex;flex-direction:column;overflow:hidden;
box-shadow:0 20px 60px rgba(0,0,0,.3);animation:craber-pop-in .22s cubic-bezier(.2,.8,.25,1)}
.craber-hd{padding:16px 20px;border-bottom:1px solid var(--craber-line);
display:flex;align-items:center;justify-content:space-between}
.craber-hd h3{margin:0;font-size:15px;font-weight:600;letter-spacing:.2px}
.craber-x{border:none;background:none;font-size:22px;cursor:pointer;color:var(--craber-sub);
line-height:1;width:30px;height:30px;border-radius:8px;transition:background .15s,color .15s}
.craber-x:hover{background:var(--craber-hover);color:var(--craber-fg)}
.craber-opts{padding:14px 20px;border-bottom:1px solid var(--craber-line);
display:flex;flex-direction:column;gap:12px;font-size:13px}
.craber-group{display:flex;align-items:flex-start;gap:12px}
.craber-group-label{flex:none;width:56px;padding-top:9px;font-size:12px;
color:var(--craber-sub);font-weight:500;line-height:1}
.craber-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1}
.craber-search{width:100%;box-sizing:border-box;padding:9px 12px;font-size:13px;
border:1px solid var(--craber-line);border-radius:10px;background:var(--craber-bg);
color:var(--craber-fg);outline:none;transition:border-color .15s}
.craber-search:focus{border-color:var(--craber-accent)}
.craber-search::placeholder{color:var(--craber-sub)}
.craber-filter-row{display:flex;flex-direction:column;gap:8px}
.craber-date-custom{display:flex;align-items:center;gap:8px;margin-top:2px}
.craber-date-custom[hidden]{display:none}
.craber-date-input{padding:7px 10px;font-size:12px;border:1px solid var(--craber-line);
border-radius:8px;background:var(--craber-bg);color:var(--craber-fg);outline:none;
color-scheme:light dark;font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.craber-date-input:hover{border-color:var(--craber-accent)}
.craber-date-input:focus{border-color:var(--craber-accent);box-shadow:0 0 0 3px rgba(75,91,214,.12)}
.craber-date-sep{color:var(--craber-sub);font-size:12px}
.craber-chip{display:inline-flex;align-items:center;gap:7px;cursor:pointer;user-select:none;
padding:7px 12px;border:1px solid var(--craber-line);border-radius:20px;
color:var(--craber-fg);transition:border-color .15s,background .15s}
.craber-chip:hover{background:var(--craber-hover)}
.craber-chip input{position:absolute;opacity:0;width:0;height:0}
.craber-box{width:16px;height:16px;border:1.5px solid var(--craber-sub);border-radius:5px;
flex:none;box-sizing:border-box;position:relative;
transition:background .15s,border-color .15s}
.craber-chip input[type=radio]+.craber-box{border-radius:50%}
.craber-box::after{content:'';position:absolute;opacity:0;transition:opacity .12s}
.craber-chip input[type=checkbox]:checked+.craber-box::after,
.craber-item input[type=checkbox]:checked+.craber-box::after{
opacity:1;left:0;right:0;top:-1px;bottom:0;margin:auto;width:4px;height:8px;
border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.craber-chip input[type=radio]:checked+.craber-box::after{
opacity:1;inset:0;margin:auto;width:6px;height:6px;border-radius:50%;background:#fff}
.craber-chip input:checked+.craber-box,
.craber-item input:checked+.craber-box{background:var(--craber-accent);border-color:var(--craber-accent)}
.craber-chip:has(input:checked){border-color:var(--craber-accent);
background:color-mix(in srgb,var(--craber-accent) 12%,transparent);color:var(--craber-accent)}
.craber-chip input:focus-visible+.craber-box{outline:2px solid var(--craber-accent);outline-offset:2px}
.craber-list{overflow-y:auto;padding:6px 12px;flex:1;min-height:120px}
/* 细滚动条：作用于列表与预览正文。Firefox 用 scrollbar-*，WebKit 用伪元素 */
.craber-list,.craber-preview-body{
scrollbar-width:thin;scrollbar-color:var(--craber-line) transparent}
.craber-list::-webkit-scrollbar,.craber-preview-body::-webkit-scrollbar{width:8px;height:8px}
.craber-list::-webkit-scrollbar-track,.craber-preview-body::-webkit-scrollbar-track{background:transparent}
.craber-list::-webkit-scrollbar-thumb,.craber-preview-body::-webkit-scrollbar-thumb{
background:var(--craber-line);border-radius:8px;border:2px solid transparent;
background-clip:content-box}
.craber-list:hover::-webkit-scrollbar-thumb,.craber-preview-body:hover::-webkit-scrollbar-thumb{
background:var(--craber-sub);background-clip:content-box}
.craber-item{display:flex;align-items:flex-start;gap:11px;padding:11px 10px;border-radius:10px;
font-size:13px;cursor:pointer;transition:background .12s;animation:craber-row-in .28s ease both;
position:relative}
.craber-item:hover{background:var(--craber-hover)}
.craber-item .craber-box{margin-top:1px}
.craber-item input{position:absolute;opacity:0;width:0;height:0}
.craber-item .q{flex:1;line-height:1.5;color:var(--craber-fg);word-break:break-word}
.craber-item .meta{color:var(--craber-sub);font-size:11px;margin-top:3px}
.craber-sk{padding:11px 10px;display:flex;gap:11px;align-items:flex-start}
.craber-sk .b{border-radius:6px;
background:linear-gradient(90deg,var(--craber-skeleton) 25%,var(--craber-skeleton-hi) 37%,var(--craber-skeleton) 63%);
background-size:720px 100%;animation:craber-shimmer 1.3s linear infinite}
.craber-sk .box{width:16px;height:16px;border-radius:5px;flex:none;margin-top:1px}
.craber-sk .lines{flex:1}
.craber-sk .l1{height:12px;width:82%;margin-bottom:8px}
.craber-sk .l2{height:9px;width:38%}
.craber-empty{padding:36px 18px;text-align:center;color:var(--craber-sub);font-size:13px}
.craber-ft{padding:13px 20px;border-top:1px solid var(--craber-line);
display:flex;align-items:center;gap:10px}
.craber-ft .spacer{flex:1}
.craber-btn{border:none;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:500;
cursor:pointer;transition:background .15s,transform .1s,opacity .15s}
.craber-btn:active{transform:scale(.97)}
.craber-btn.primary{background:var(--craber-accent);color:#fff;box-shadow:0 2px 8px rgba(75,91,214,.3)}
.craber-btn.primary:hover{background:var(--craber-accent-2)}
.craber-btn.primary:disabled{opacity:.6;cursor:default;box-shadow:none}
.craber-btn.ghost{background:var(--craber-ghost);color:var(--craber-fg)}
.craber-btn.ghost:hover{background:var(--craber-hover)}
.craber-status{font-size:12px;color:var(--craber-sub);display:inline-flex;align-items:center;gap:6px}
.craber-spin{width:12px;height:12px;border:2px solid var(--craber-sub);border-top-color:transparent;
border-radius:50%;animation:craber-spin .7s linear infinite;display:inline-block}
.craber-preview-btn{position:absolute;top:8px;right:8px;flex:none;
border:1px solid var(--craber-line);background:var(--craber-bg);color:var(--craber-sub);
border-radius:8px;padding:3px 10px;font-size:11px;cursor:pointer;
opacity:0;transform:translateX(4px);pointer-events:none;
transition:opacity .15s,transform .15s,background .15s,color .15s,border-color .15s}
.craber-item:hover .craber-preview-btn{opacity:1;transform:none;pointer-events:auto}
.craber-preview-btn:hover{background:var(--craber-accent);color:#fff;border-color:var(--craber-accent)}
.craber-preview-mask{position:fixed;inset:0;background:rgba(15,18,20,.55);
z-index:100000;display:flex;align-items:center;justify-content:center;
font-family:system-ui,sans-serif;animation:craber-fade-in .15s ease}
.craber-preview-panel{background:var(--craber-bg);color:var(--craber-fg);
width:720px;max-width:92vw;max-height:86vh;border-radius:16px;
display:flex;flex-direction:column;overflow:hidden;
box-shadow:0 20px 60px rgba(0,0,0,.3);animation:craber-pop-in .2s cubic-bezier(.2,.8,.25,1)}
.craber-preview-body{overflow-y:auto;padding:20px 24px;flex:1;line-height:1.7;font-size:14px}
.craber-preview-body img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}
.craber-preview-body pre{background:var(--craber-ghost);padding:12px 14px;border-radius:8px;
overflow-x:auto;font-size:12.5px}
.craber-preview-body code{background:var(--craber-ghost);padding:1px 5px;border-radius:4px;font-size:12.5px}
.craber-preview-body pre code{background:none;padding:0}
.craber-preview-body h1,.craber-preview-body h2,.craber-preview-body h3{margin:.8em 0 .4em}
.craber-preview-body blockquote{border-left:3px solid var(--craber-line);
margin:.6em 0;padding:.2em 0 .2em 12px;color:var(--craber-sub)}
.craber-preview-body table{border-collapse:collapse;margin:.6em 0;font-size:13px}
.craber-preview-body th,.craber-preview-body td{border:1px solid var(--craber-line);padding:5px 10px}
.craber-preview-body a{color:var(--craber-accent);text-decoration:none}
.craber-preview-body a:hover{text-decoration:underline}
`;
// Shadow DOM 隔离：豆包是 React SPA，会在重渲染时清掉它 diff 不到的 DOM 节点，
// 无论挂到 body 还是 html 下的普通节点都会被反复删除，表现为面板“闪没又出现”。
// 解法：建一个 host 挂到 html 下，在其 shadow root 内放样式与所有 UI。
// shadow root 的内容对 React 的 diff 完全不可见，永远不会被清理。
// craberRoot() 返回该 shadow root，所有面板/按钮都 append 到它里面。
// 探测页面「实际」主题：媒体查询只认系统设置，但平台常有自己的明暗主题。
// 故读 body/html 背景色的亮度判断，深色时给 host 加 .craber-dark 类，
// CSS 里 :host(.craber-dark) 覆盖出深色变量。
function detectDark() {
try {
const bodyBg = getComputedStyle(document.body).backgroundColor ||
getComputedStyle(document.documentElement).backgroundColor;
const m = String(bodyBg).match(/rgba?\(([^)]+)\)/);
if (m) {
const p = m[1].split(',').map((s) => parseFloat(s));
if (p.length >= 4 && p[3] === 0) return false; // 透明背景当浅色
const lum = 0.299 * p[0] + 0.587 * p[1] + 0.114 * p[2];
return lum < 128;
}
} catch (e) {}
return window.matchMedia && window.matchMedia('(prefers-color-scheme:dark)').matches;
}
let _craberShadow = null;
function craberRoot() {
if (_craberShadow && _craberShadow.host && _craberShadow.host.isConnected) {
applyTheme();
return _craberShadow;
}
const host = document.createElement('div');
host.id = 'craber-host';
// host 本身不占布局，真正的定位由内部 .craber-mask/.craber-fab-ball 的 fixed 完成
host.style.cssText = 'all:initial';
const shadow = host.attachShadow({ mode: 'open' });
shadow.appendChild(style);
document.documentElement.appendChild(host);
_craberShadow = shadow;
_craberHost = host;
applyTheme();
return shadow;
}
let _craberHost = null;
// 每次打开 UI 时按当前页面主题刷新 host 类（用户中途切主题也能跟上）
function applyTheme() {
if (_craberHost) _craberHost.classList.toggle('craber-dark', detectDark());
}
function escapeHtml(s) {
return String(s).replace(/[&<>"']/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c]));
}
/* ============================================================
* UI：批量导出面板（当前会话）
* ========================================================== */
function openPanel() {
const mask = document.createElement('div');
mask.className = 'craber-mask';
mask.innerHTML = `
`;
// 放进 Shadow DOM，避免被豆包 React 清掉（详见 craberRoot）
craberRoot().appendChild(mask);
const close = () => mask.remove();
mask.addEventListener('click', (e) => { if (e.target === mask) close(); });
mask.querySelector('.craber-x').addEventListener('click', close);
mask.querySelectorAll('input[name="craber-mode"]').forEach((r) => {
r.checked = r.value === settings.mode;
r.addEventListener('change', () => { settings.mode = r.value; saveSettings(settings); });
});
const thinkEl = mask.querySelector('input[name="craber-think"]');
thinkEl.checked = !!settings.includeThinking;
thinkEl.addEventListener('change', () => { settings.includeThinking = thinkEl.checked; saveSettings(settings); });
const listEl = mask.querySelector('.craber-list');
const statusEl = mask.querySelector('[data-role="status"]');
listEl.innerHTML = '';
for (let s = 0; s < 6; s++) {
const sk = document.createElement('div');
sk.className = 'craber-sk';
sk.innerHTML =
'' +
'';
listEl.appendChild(sk);
}
ensureState(true).then((st) => {
if (!st.turns.length) {
listEl.innerHTML = '没有可导出的回合
';
return;
}
listEl.innerHTML = '';
st.turns.forEach((turn, idx) => {
const q = turnTitle(turn) || '(无文字提问)';
const answerCount = turn.answers.length;
const row = document.createElement('label');
row.className = 'craber-item';
row.style.animationDelay = Math.min(idx * 30, 400) + 'ms';
row.innerHTML =
'' +
'' +
'' + escapeHtml(q.slice(0, 120)) +
'回合 ' + (idx + 1) + ' · ' + answerCount + ' 段回复
' +
'';
row.querySelector('.craber-preview-btn').addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
openPreview(turn, idx);
});
listEl.appendChild(row);
});
}).catch((err) => {
listEl.innerHTML = '加载失败：' + escapeHtml(err.message) + '
';
});
mask.querySelector('[data-act="all"]').addEventListener('click', () => {
listEl.querySelectorAll('input[type=checkbox]').forEach((c) => (c.checked = true));
});
mask.querySelector('[data-act="none"]').addEventListener('click', () => {
listEl.querySelectorAll('input[type=checkbox]').forEach((c) => (c.checked = !c.checked));
});
mask.querySelector('[data-act="export"]').addEventListener('click', async () => {
const checked = [...listEl.querySelectorAll('input[type=checkbox]:checked')].map((c) => +c.dataset.idx);
if (!checked.length) { statusEl.textContent = '未选择任何回合'; return; }
const selected = checked.map((i) => state.turns[i]);
statusEl.textContent = '导出中 0/' + selected.length + ' …';
try {
await exportBatch(selected, (done, total, note) => {
statusEl.textContent = note || ('导出中 ' + done + '/' + total + ' …');
});
statusEl.textContent = '完成 ✓';
} catch (err) {
statusEl.textContent = '失败：' + err.message;
console.error('[doubao-craber]', err);
}
});
}
// 多会话面板：拉取全部会话 -> 勾选 -> 导出为 zip（每会话一个子文件夹）
function openConvPanel() {
const mask = document.createElement('div');
mask.className = 'craber-mask';
mask.innerHTML = `
`;
// 放进 Shadow DOM，避免被豆包 React 清掉（详见 craberRoot）
craberRoot().appendChild(mask);
const close = () => mask.remove();
mask.addEventListener('click', (e) => { if (e.target === mask) close(); });
mask.querySelector('.craber-x').addEventListener('click', close);
const listEl = mask.querySelector('.craber-list');
const statusEl = mask.querySelector('[data-role="status"]');
const searchEl = mask.querySelector('.craber-search');
const fromEl = mask.querySelector('[data-role="date-from"]');
const toEl = mask.querySelector('[data-role="date-to"]');
listEl.innerHTML = Array.from({ length: 6 }).map(() =>
'').join('');
let metas = []; // 全部会话元数据
const checked = {}; // id -> bool
let dateRange = 0; // 0=全部；数字=近 N 天；'custom'
// 豆包的时间是秒级 Unix 时间戳，转成毫秒
const metaTs = (m) => (m.updateTime ? m.updateTime * 1000 : 0);
const inDateRange = (m) => {
const ts = metaTs(m);
if (!ts) return dateRange === 0;
if (dateRange === 'custom') {
if (fromEl.value) {
const f = new Date(fromEl.value + 'T00:00:00').getTime();
if (ts < f) return false;
}
if (toEl.value) {
const t = new Date(toEl.value + 'T23:59:59').getTime();
if (ts > t) return false;
}
return true;
}
if (dateRange > 0) {
const cutoff = Date.now() - dateRange * 24 * 60 * 60 * 1000;
return ts >= cutoff;
}
return true;
};
// 底部实时显示：共 N 个会话 · 已选 M
const updateCount = () => {
const total = metas.length;
const sel = metas.reduce((n, m) => n + (checked[m.id] ? 1 : 0), 0);
statusEl.textContent = '共 ' + total + ' 个 · 已选 ' + sel;
};
const renderList = () => {
const kw = (searchEl.value || '').trim().toLowerCase();
const shown = metas.filter((m) =>
(!kw || (m.title || '').toLowerCase().indexOf(kw) >= 0) && inDateRange(m));
if (!shown.length) {
listEl.innerHTML = '无匹配会话
';
return;
}
listEl.innerHTML = '';
shown.forEach((m, i) => {
const row = document.createElement('label');
row.className = 'craber-item';
row.style.animationDelay = Math.min(i * 24, 360) + 'ms';
const t = metaTs(m) ? new Date(metaTs(m)).toLocaleString() : '';
row.innerHTML =
'' +
'' +
'' + escapeHtml(m.title || '未命名会话') +
'' + escapeHtml(t) + '
' +
'';
row.querySelector('input').addEventListener('change', (e) => {
checked[m.id] = e.target.checked;
updateCount();
});
row.querySelector('.craber-preview-btn').addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
openConvPreview(m);
});
listEl.appendChild(row);
});
};
searchEl.addEventListener('input', renderList);
const customEl = mask.querySelector('[data-role="date-custom"]');
mask.querySelectorAll('input[name="craber-date"]').forEach((r) => {
r.addEventListener('change', () => {
if (!r.checked) return;
dateRange = r.value === 'all' ? 0 : (r.value === 'custom' ? 'custom' : parseInt(r.value, 10));
customEl.hidden = r.value !== 'custom';
renderList();
});
});
fromEl.addEventListener('change', () => { if (dateRange === 'custom') renderList(); });
toEl.addEventListener('change', () => { if (dateRange === 'custom') renderList(); });
fetchAllConversations((n) => {
statusEl.textContent = '加载会话 ' + n + ' …';
}).then((all) => {
metas = all;
all.forEach((m) => { checked[m.id] = true; });
renderList();
updateCount();
}).catch((err) => {
listEl.innerHTML = '加载失败：' + escapeHtml(err.message) + '
';
});
mask.querySelector('[data-act="all"]').addEventListener('click', () => {
metas.forEach((m) => { checked[m.id] = true; });
renderList();
updateCount();
});
mask.querySelector('[data-act="none"]').addEventListener('click', () => {
metas.forEach((m) => { checked[m.id] = !checked[m.id]; });
renderList();
updateCount();
});
mask.querySelector('[data-act="export"]').addEventListener('click', async () => {
const selected = metas.filter((m) => checked[m.id]);
if (!selected.length) { statusEl.textContent = '未选择任何会话'; return; }
statusEl.textContent = '导出中 0/' + selected.length + ' …';
try {
await exportConversations(selected, (done, total, note) => {
statusEl.textContent = note || ('导出中 ' + done + '/' + total + ' …');
});
statusEl.textContent = '完成 ✓';
} catch (err) {
statusEl.textContent = '失败：' + err.message;
console.error('[doubao-craber]', err);
}
});
}
/* ============================================================
* UI：预览（回合 / 整会话）
* ========================================================== */
function inlineMd(text) {
// 超长行跳过内联格式化：V8 正则回溯用调用栈，超长输入可能栈溢出。
// 这类行（多为搜索结果 summary、长公式）直接原样返回，保证预览不崩。
if (text.length > 2000) return text;
try {
const codes = [];
let t = text.replace(/`([^`]+)`/g, (m, c) => {
codes.push('' + c + '');
return 'CBMDCODE' + (codes.length - 1) + 'ENDCODE';
});
t = t.replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, (m, alt, src) =>
'
');
t = t.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (m, txt, url) =>
'' + txt + '');
t = t.replace(/\*\*([^*]+)\*\*/g, '$1');
t = t.replace(/(^|[^*])\*([^*\n]+)\*/g, '$1$2');
t = t.replace(/CBMDCODE(\d+)ENDCODE/g, (m, i) => codes[+i]);
return t;
} catch (e) {
// 任何正则异常（含栈溢出）都退回原文，预览永不崩溃
return text;
}
}
function miniMarkdownToHtml(md) {
const lines = String(md).replace(/\r\n/g, '\n').split('\n');
const out = [];
let i = 0;
let para = [];
let list = null;
const flushPara = () => {
if (para.length) {
out.push('' + para.map((l) => inlineMd(escapeHtml(l))).join('
') + '
');
para = [];
}
};
const flushList = () => {
if (list) {
out.push('<' + list.type + '>' +
list.items.map((it) => '' + inlineMd(escapeHtml(it)) + '').join('') +
'');
list = null;
}
};
const flushAll = () => { flushPara(); flushList(); };
while (i < lines.length) {
const line = lines[i];
const fence = line.match(/^(\s*)(`{3,})(.*)$/);
if (fence) {
flushAll();
const marker = fence[2];
const code = [];
i++;
while (i < lines.length && !new RegExp('^\\s*`{' + marker.length + ',}\\s*$').test(lines[i])) {
code.push(lines[i]);
i++;
}
i++;
out.push('' + escapeHtml(code.join('\n')) + '
');
continue;
}
if (/^\s*([-*_])\1{2,}\s*$/.test(line)) {
flushAll();
out.push('
');
i++;
continue;
}
const h = line.match(/^(#{1,6})\s+(.+?)\s*#*\s*$/);
if (h) {
flushAll();
const lvl = Math.min(h[1].length + 1, 6);
out.push('' + inlineMd(escapeHtml(h[2])) + '');
i++;
continue;
}
if (/^\s*>\s?/.test(line)) {
flushAll();
const quote = [];
while (i < lines.length && /^\s*>\s?/.test(lines[i])) {
quote.push(lines[i].replace(/^\s*>\s?/, ''));
i++;
}
out.push('' + inlineMd(escapeHtml(quote.join('\n'))).replace(/\n/g, '
') + '
');
continue;
}
if (/^\s*\|.*\|\s*$/.test(line) && i + 1 < lines.length &&
/^\s*\|?[\s:-]*\|[\s:|-]*$/.test(lines[i + 1]) && lines[i + 1].includes('-')) {
flushAll();
const parseRow = (r) => r.trim().replace(/^\||\|$/g, '').split('|').map((c) => c.trim());
const head = parseRow(line);
i += 2;
const rows = [];
while (i < lines.length && /^\s*\|.*\|\s*$/.test(lines[i])) {
rows.push(parseRow(lines[i]));
i++;
}
let tbl = '' +
head.map((c) => '| ' + inlineMd(escapeHtml(c)) + ' | ').join('') + '
';
for (const r of rows) {
tbl += '' + r.map((c) => '| ' + inlineMd(escapeHtml(c)) + ' | ').join('') + '
';
}
tbl += '
';
out.push(tbl);
continue;
}
const ul = line.match(/^\s*[-*+]\s+(.+)$/);
if (ul) {
flushPara();
if (!list || list.type !== 'ul') { flushList(); list = { type: 'ul', items: [] }; }
list.items.push(ul[1]);
i++;
continue;
}
const ol = line.match(/^\s*\d+\.\s+(.+)$/);
if (ol) {
flushPara();
if (!list || list.type !== 'ol') { flushList(); list = { type: 'ol', items: [] }; }
list.items.push(ol[1]);
i++;
continue;
}
if (/^\s*$/.test(line)) {
flushAll();
i++;
continue;
}
flushList();
para.push(line);
i++;
}
flushAll();
return out.join('\n');
}
async function openPreview(turn, idx) {
const pm = document.createElement('div');
pm.className = 'craber-mask craber-preview-mask';
pm.innerHTML = `
`;
// 放进 Shadow DOM，隔离于豆包 React 的 DOM 树
craberRoot().appendChild(pm);
const closeP = () => pm.remove();
pm.addEventListener('click', (e) => { if (e.target === pm) closeP(); });
pm.querySelector('.craber-x').addEventListener('click', closeP);
const body = pm.querySelector('.craber-preview-body');
try {
const { md } = await renderTurn(turn);
body.innerHTML = miniMarkdownToHtml(md);
} catch (err) {
body.innerHTML = '预览失败：' + escapeHtml(err.message) + '
';
console.error('[doubao-craber]', err);
}
}
async function openConvPreview(meta) {
const pm = document.createElement('div');
pm.className = 'craber-mask craber-preview-mask';
pm.innerHTML = `
预览 · ${escapeHtml((meta.title || '未命名会话').slice(0, 40))}
`;
// 放进 Shadow DOM，隔离于豆包 React 的 DOM 树
craberRoot().appendChild(pm);
const closeP = () => pm.remove();
pm.addEventListener('click', (e) => { if (e.target === pm) closeP(); });
pm.querySelector('.craber-x').addEventListener('click', closeP);
const body = pm.querySelector('.craber-preview-body');
const statusHint = (n, total) => {
body.innerHTML = ' 渲染回合 ' +
n + '/' + total + ' …
';
};
try {
const { md } = await renderConversationToMd(meta.id, meta.title, null, statusHint);
body.innerHTML = miniMarkdownToHtml(md);
} catch (err) {
body.innerHTML = '预览失败：' + escapeHtml(err.message) + '
';
console.error('[doubao-craber]', err);
}
}
/* ============================================================
* UI：悬浮按钮
* ========================================================== */
// 悬浮球：可拖拽（位置存 localStorage），双击展开菜单（会话列表 / 导出当前）。
// 固定右下角会挡内容，改成用户可随手拖到不碍事的位置。
const FAB_POS_KEY = 'doubao_craber_fab_pos';
function mountFab() {
const root = craberRoot();
if (root.querySelector('.craber-fab-ball')) return;
const ball = document.createElement('button');
ball.className = 'craber-fab-ball';
// 蟹图标：蟹身填 currentColor（由 .craber-fab-ball 的 color 统一控制为蟹绿）
ball.innerHTML = CRAB_SVG;
ball.title = '拖拽移动 · 双击展开菜单';
const menu = document.createElement('div');
menu.className = 'craber-fab-menu';
// 默认收起：CSS 里 .craber-fab-menu 无 .craber-open 即不可点、子项 opacity:0
const btnConv = document.createElement('button');
btnConv.className = 'craber-fab-item';
btnConv.textContent = '会话列表';
btnConv.title = '获取并导出多个会话';
const btnCur = document.createElement('button');
btnCur.className = 'craber-fab-item';
btnCur.textContent = '导出当前';
btnCur.title = '导出当前会话的回合';
const btnCollapse = document.createElement('button');
btnCollapse.className = 'craber-fab-item craber-fab-collapse';
btnCollapse.textContent = '收起';
btnCollapse.title = '收起菜单，只留悬浮球';
menu.appendChild(btnConv);
menu.appendChild(btnCur);
menu.appendChild(btnCollapse);
// ---- 定位：优先读存储，默认右下角 ----
const BALL = 52, MARGIN = 20;
function clamp(x, y) {
const maxX = window.innerWidth - BALL - 4;
const maxY = window.innerHeight - BALL - 4;
return { x: Math.max(4, Math.min(x, maxX)), y: Math.max(4, Math.min(y, maxY)) };
}
function loadPos() {
try {
const raw = localStorage.getItem(FAB_POS_KEY);
if (raw) { const p = JSON.parse(raw); if (typeof p.x === 'number' && typeof p.y === 'number') return p; }
} catch (e) {}
return { x: window.innerWidth - BALL - MARGIN, y: window.innerHeight - BALL - MARGIN };
}
let pos = clamp(loadPos().x, loadPos().y);
function applyPos() {
ball.style.left = pos.x + 'px';
ball.style.top = pos.y + 'px';
positionMenu();
}
// 菜单贴着球弹出：球在下半屏则向上展开，在右半屏则右对齐
function positionMenu() {
const onRight = pos.x + BALL / 2 > window.innerWidth / 2;
const onBottom = pos.y + BALL / 2 > window.innerHeight / 2;
menu.classList.toggle('craber-up', onBottom);
menu.classList.toggle('craber-down', !onBottom);
menu.style.left = onRight ? '' : (pos.x + 'px');
menu.style.right = onRight ? (window.innerWidth - pos.x - BALL) + 'px' : '';
if (onBottom) {
menu.style.top = '';
menu.style.bottom = (window.innerHeight - pos.y + 8) + 'px';
} else {
menu.style.bottom = '';
menu.style.top = (pos.y + BALL + 8) + 'px';
}
menu.style.alignItems = onRight ? 'flex-end' : 'flex-start';
}
// 展开/收起菜单，逐项交错（用内联 transition-delay，最可控）。
// 展开：离球近的项先出现；收起：离球远的项先缩回。
// 菜单在球上方(onBottom)时 DOM 末项离球最近；在球下方时 DOM 首项离球最近。
const STEP = 60; // 每项间隔 ms
function setMenuOpen(open) {
const items = [btnConv, btnCur, btnCollapse];
const onBottom = pos.y + BALL / 2 > window.innerHeight / 2;
const n = items.length;
items.forEach((it, i) => {
const nearIndex = onBottom ? (n - 1 - i) : i;
const order = open ? nearIndex : (n - 1 - nearIndex);
it.style.transitionDelay = (order * STEP) + 'ms';
});
if (open) { positionMenu(); menu.classList.add('craber-open'); }
else { menu.classList.remove('craber-open'); }
}
// ---- 拖拽：pointer 事件，移动超阈值算拖拽（避免和双击冲突） ----
let dragging = false, moved = false, startX = 0, startY = 0, baseX = 0, baseY = 0;
ball.addEventListener('pointerdown', (e) => {
dragging = true; moved = false;
startX = e.clientX; startY = e.clientY; baseX = pos.x; baseY = pos.y;
ball.setPointerCapture(e.pointerId);
ball.classList.add('craber-dragging');
setMenuOpen(false);
});
ball.addEventListener('pointermove', (e) => {
if (!dragging) return;
const dx = e.clientX - startX, dy = e.clientY - startY;
if (Math.abs(dx) > 4 || Math.abs(dy) > 4) moved = true;
pos = clamp(baseX + dx, baseY + dy);
applyPos();
});
ball.addEventListener('pointerup', (e) => {
if (!dragging) return;
dragging = false;
ball.classList.remove('craber-dragging');
try { ball.releasePointerCapture(e.pointerId); } catch (err) {}
if (moved) {
try { localStorage.setItem(FAB_POS_KEY, JSON.stringify(pos)); } catch (err) {}
}
});
// ---- 双击展开菜单（拖拽过就不触发）。收起只靠菜单里的「收起」项。 ----
ball.addEventListener('dblclick', (e) => {
e.preventDefault();
if (moved) return;
setMenuOpen(true);
});
// 点菜单项：打开面板，菜单保持展开（面板是模态层，关掉后菜单还在）
btnConv.addEventListener('click', openConvPanel);
btnCur.addEventListener('click', openPanel);
btnCollapse.addEventListener('click', () => { setMenuOpen(false); });
// 窗口缩放时把球夹回可视区
window.addEventListener('resize', () => { pos = clamp(pos.x, pos.y); applyPos(); });
applyPos();
// 放进 Shadow DOM：React 的 diff 看不到 shadow 内部，按钮常驻不被清。
root.appendChild(ball);
root.appendChild(menu);
}
/* ============================================================
* 单条导出：在每条回复的操作栏注入蟹按钮
* 操作栏容器 .message-action-button-main 常驻（无需 hover）。
* 消息 id：从操作栏 closest('[data-observe-row]') 取 block_，
* 去掉 block_ 前缀即接口的 message_id，直接喂 exportSingleByMessageId。
* ========================================================== */
// 操作栏用的小蟹图标（比悬浮球小一号，贴合工具条按钮尺寸）
const CRAB_SVG_SM = CRAB_SVG.replace('width="26" height="26"', 'width="18" height="18"');
// 深色气泡 tooltip：挂在 body 上（逃出操作栏 overflow 裁切），hover 时按按钮位置定位。
// 不用原生 title（浏览器白框丑），也不用 ::after（会被操作栏 overflow 裁切）。
let _tipEl = null;
function getTipEl() {
if (!_tipEl) {
_tipEl = document.createElement('div');
_tipEl.className = 'craber-tip';
document.body.appendChild(_tipEl);
}
return _tipEl;
}
function bindTooltip(el, text) {
el.addEventListener('mouseenter', () => {
const tip = getTipEl();
tip.textContent = text;
tip.style.display = 'block';
const r = el.getBoundingClientRect();
const tw = tip.offsetWidth;
let left = r.left + r.width / 2 - tw / 2;
left = Math.max(6, Math.min(left, window.innerWidth - tw - 6));
tip.style.left = left + 'px';
tip.style.top = (r.bottom + 6) + 'px';
requestAnimationFrame(() => tip.classList.add('show'));
});
const hide = () => {
if (!_tipEl) return;
_tipEl.classList.remove('show');
_tipEl.style.display = 'none';
};
el.addEventListener('mouseleave', hide);
el.addEventListener('click', hide);
}
// 从操作栏元素回溯到所属消息行，取 data-observe-row 里的 message_id
function messageIdFromToolbar(bar) {
const row = bar.closest('[data-observe-row]');
if (!row) return null;
const v = row.getAttribute('data-observe-row') || '';
const m = v.match(/(?:block_)?(\d+)/);
return m ? m[1] : null;
}
function injectSingleButtons() {
const bars = document.querySelectorAll('.message-action-button-main');
bars.forEach((bar) => {
if (bar.dataset.craberBar === '1') return;
// 只对能定位到 message_id 的操作栏注入（用户提问那栏没有则跳过）
const mid = messageIdFromToolbar(bar);
if (!mid) return;
bar.dataset.craberBar = '1';
const b = document.createElement('button');
b.type = 'button';
b.className = 'craber-inline-btn';
b.innerHTML = CRAB_SVG_SM;
bindTooltip(b, 'crab导出');
b.addEventListener('click', async (e) => {
e.stopPropagation();
e.preventDefault();
if (b.dataset.busy === '1') return;
b.dataset.busy = '1';
b.classList.add('craber-inline-busy');
try {
const id = messageIdFromToolbar(bar) || mid;
await exportSingleByMessageId(id);
b.classList.add('craber-inline-ok');
} catch (err) {
b.classList.add('craber-inline-err');
console.error('[doubao-craber]', err);
alert('导出失败：' + err.message);
} finally {
setTimeout(() => {
b.dataset.busy = '';
b.classList.remove('craber-inline-busy', 'craber-inline-ok', 'craber-inline-err');
}, 1200);
}
});
bar.appendChild(b);
});
}
// 豆包是虚拟列表：滚动会挂载/回收消息行。用 debounce 的 MutationObserver
// 跟进新出现的操作栏，变更停止后再扫一次（避免流式更新时疯狂重入）。
let _scanScheduled = false;
function scheduleInject() {
if (_scanScheduled) return;
_scanScheduled = true;
setTimeout(() => {
_scanScheduled = false;
try { injectSingleButtons(); } catch (e) { /* 忽略偶发 DOM 竞态 */ }
}, 250);
}
const _injectObserver = new MutationObserver(scheduleInject);
_injectObserver.observe(document.body, { childList: true, subtree: true });
// SPA 切换对话时失效缓存
let lastPath = location.pathname;
setInterval(() => {
if (location.pathname !== lastPath) {
lastPath = location.pathname;
state = { convId: null, name: null, turns: [], msgIndex: {} };
}
}, 1000);
// 平台页面全局滚动条美化：面板样式在 Shadow DOM 内影响不到主页面，
// 故单独往 document.head 注一段。中性半透明配色，明暗主题下都协调，hover 加深。
function mountPageScrollbarStyle() {
if (document.getElementById('craber-page-scrollbar')) return;
const s = document.createElement('style');
s.id = 'craber-page-scrollbar';
s.textContent =
'html{scrollbar-width:thin;scrollbar-color:rgba(140,145,155,.5) transparent}' +
'::-webkit-scrollbar{width:10px;height:10px}' +
'::-webkit-scrollbar-track{background:transparent}' +
'::-webkit-scrollbar-thumb{background:rgba(140,145,155,.4);border-radius:8px;' +
'border:2px solid transparent;background-clip:content-box}' +
'::-webkit-scrollbar-thumb:hover{background:rgba(140,145,155,.65);background-clip:content-box}' +
'::-webkit-scrollbar-corner{background:transparent}' +
// 操作栏注入的单条导出蟹按钮：贴合豆包工具条尺寸，蟹绿描边，hover 加底色
'.craber-inline-btn{display:inline-flex;align-items:center;justify-content:center;' +
'width:28px;height:28px;padding:0;margin:0;border:none;border-radius:8px;cursor:pointer;' +
'background:transparent;color:#22a06b;flex-shrink:0;' +
'transition:background .15s ease,transform .1s ease}' +
'.craber-inline-btn svg{width:18px;height:18px;pointer-events:none}' +
'.craber-inline-btn:hover{background:rgba(34,160,107,.12)}' +
'.craber-inline-btn:active{transform:scale(.92)}' +
'.craber-inline-btn.craber-inline-busy{opacity:.5;cursor:default}' +
'.craber-inline-btn.craber-inline-ok{color:#22a06b;background:rgba(34,160,107,.18)}' +
'.craber-inline-btn.craber-inline-err{color:#e5484d;background:rgba(229,72,77,.15)}' +
// 深色气泡 tooltip：替代浏览器原生 title 白框。挂 body，hover 时按按钮位置定位。
'.craber-tip{position:fixed;z-index:2147483647;pointer-events:none;' +
'background:#2f2f2f;color:#fff;font-size:12px;line-height:1;font-weight:400;' +
'padding:6px 9px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.25);' +
'white-space:nowrap;font-family:system-ui,sans-serif;' +
'opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease}' +
'.craber-tip.show{opacity:1;transform:translateY(0)}';
document.head.appendChild(s);
}
mountPageScrollbarStyle();
mountFab();
injectSingleButtons();
/* ============================================================
* 诊断：在控制台运行 __craberDiag() 打印当前对话的真实结构
* 用脚本自己的接口代码拉数据，输出每条消息的 user_type、
* 每个 block 的 block_type 与字段名，用于核对分组/渲染假设。
* ========================================================== */
// 挂到页面 window（unsafeWindow）上，以便在控制台 top 上下文直接调用。
// 油猴脚本运行在隔离沙箱，普通 window 与页面 window 不通。
const _pageWin = (typeof unsafeWindow !== 'undefined') ? unsafeWindow : window;
_pageWin.__craberDiag = async function () {
const convId = getConvId();
if (!convId) { console.log('[diag] 请先打开一个具体对话（URL 含 /chat/...）'); return; }
console.log('[diag] convId =', convId);
let messages;
try {
messages = await fetchAllMessages(convId);
} catch (e) {
console.log('[diag] 拉取消息失败：', e);
return;
}
console.log('[diag] 共拉到 ' + messages.length + ' 条消息');
// 逐条概览：index / user_type / content_type / 各 block_type / brief 片段
const rows = messages.map(function (m) {
const blocks = (m.content_block || []).map(function (b) {
return {
block_type: b.block_type,
content_keys: b.content ? Object.keys(b.content) : [],
content_type_of_content: b.content && b.content.content_type
};
});
return {
index_in_conv: m.index_in_conv,
user_type: m.user_type,
content_type: m.content_type,
has_content_block: !!(m.content_block && m.content_block.length),
block_count: (m.content_block || []).length,
blocks: blocks,
thinking: !!(m.thinking_content && m.thinking_content.trim()),
brief: (m.brief || '').slice(0, 40)
};
});
console.log('[diag] 消息概览（表格）：');
console.table(rows.map(function (r) {
return {
idx: r.index_in_conv, user_type: r.user_type, content_type: r.content_type,
blocks: r.block_count, block_types: r.blocks.map(function (b) { return b.block_type; }).join(','),
brief: r.brief
};
}));
// 完整原始数据（展开看字段）
console.log('[diag] 完整消息数组（展开查看真实字段）：', messages);
// 也把概览挂到全局，方便复制
_pageWin.__craberDiagData = { convId: convId, messages: messages, rows: rows };
console.log('[diag] 已存到 window.__craberDiagData，可复制 rows 贴给开发者');
// 收集所有未适配的 block_type，每种取一条完整结构，打印 + 存全局。
// 已适配：10000(text)/10052(attachment)/10056(reference)
const known = { 10000: 1, 10052: 1, 10056: 1 };
const unknown = {};
for (const m of messages) {
for (const b of (m.content_block || [])) {
if (!known[b.block_type] && !unknown[b.block_type]) {
unknown[b.block_type] = b;
}
}
}
const unknownList = Object.keys(unknown).map(function (k) { return unknown[k]; });
_pageWin.__craberUnknown = unknownList;
if (unknownList.length) {
console.log('[diag] 未适配的 block_type：' + Object.keys(unknown).join(', ') +
'（完整结构已存到 window.__craberUnknown）');
console.log('[diag] 复制下面这行的输出贴给开发者：');
console.log(JSON.stringify(unknownList, null, 2));
} else {
console.log('[diag] 没有未适配的 block_type');
}
return rows;
};
console.log('[doubao-craber] v0.6.0 已加载（Shadow DOM 隔离；诊断：控制台运行 __craberDiag()）');
})();