${msg}
腾讯云 COS 设置（导入导出云端同步）
格式：bucketname-appid，如 mybucket-1250000000
以 / 开头时，图片地址将自动推断为 cnb.cool 组织 logo
👁
${isEdit ? '' : ''}
`;
document.body.appendChild(popup);
const rect = btn.getBoundingClientRect();
popup.style.left = Math.min(rect.left, window.innerWidth - 340) + 'px';
popup.style.top = (rect.bottom + 6) + 'px';
const hrefInput = popup.querySelector('#qa-input-href');
const imgInput = popup.querySelector('#qa-input-img');
const hrefLabel = popup.querySelector('#qa-href-label');
const hrefHint = popup.querySelector('#qa-href-hint');
const wsToggle = popup.querySelector('#qa-ws-toggle');
const wsFields = popup.querySelector('.cnb-qa-ws-fields');
const wsBranch = popup.querySelector('#qa-ws-branch');
const wsRef = popup.querySelector('#qa-ws-ref');
const wsToken = popup.querySelector('#qa-ws-token');
const wsTokenEye = popup.querySelector('#qa-ws-token-eye');
// 小眼睛切换密码显示/隐藏
wsTokenEye.addEventListener('click', () => {
if (wsToken.type === 'password') {
wsToken.type = 'text';
wsTokenEye.textContent = '🙈';
wsTokenEye.title = '隐藏';
} else {
wsToken.type = 'password';
wsTokenEye.textContent = '👁';
wsTokenEye.title = '显示';
}
});
// 设置按钮：弹出 COS 配置弹窗
popup.querySelector('#qa-settings-btn').addEventListener('click', (e) => {
e.stopPropagation();
showCosSettingsPopup(popup.querySelector('#qa-settings-btn'));
});
// 仓库地址链接点击时实时计算输入框值并跳转
function handleRepoLinkClick(e) {
e.preventDefault();
let val = hrefInput.value.trim().replace(/^https?:\/\/cnb\.cool/i, '');
if (val && !val.startsWith('/')) val = '/' + val;
if (val) window.open('https://cnb.cool' + val, '_blank');
}
// 云原生开发模式下，链接地址字段变为 API 路径
function syncHrefField() {
if (wsToggle.checked) {
hrefLabel.innerHTML = 'API 路径（仓库地址）';
hrefInput.placeholder = '如 /IIIStudio/Code/Greasemonkey/CNB';
hrefHint.textContent = '支持完整 URL，会自动去掉 https://cnb.cool 前缀';
// 编辑时如果有workspace配置，显示api_path而非解析后的href
if (isEdit && defaultWs && defaultWs.api_path) {
hrefInput.value = defaultWs.api_path;
}
// 绑定点击事件，每次点击时实时计算最新 URL
const link = hrefLabel.querySelector('#qa-repo-link');
if (link) link.addEventListener('click', handleRepoLinkClick);
} else {
hrefLabel.textContent = '链接地址（URL）';
hrefInput.placeholder = '如 /IIIStudio 或 https://example.com';
hrefHint.textContent = '以 / 开头时，图片地址将自动推断为 cnb.cool 组织 logo';
// 恢复为原始href值
if (isEdit && defaultHref) {
hrefInput.value = defaultHref;
}
}
}
syncHrefField();
// 开关切换显示/隐藏云原生开发字段 + 切换链接地址标签
wsToggle.addEventListener('change', () => {
if (wsToggle.checked) {
wsFields.classList.add('visible');
} else {
wsFields.classList.remove('visible');
}
syncHrefField();
});
function done() {
let href = hrefInput.value.trim();
if (!href && !wsToggle.checked) { popup.remove(); return; }
// 统一处理：如果 / 开头，自动补全为 cnb.cool 路径
if (href && !href.startsWith('http://') && !href.startsWith('https://')) {
if (!href.startsWith('/')) href = '/' + href;
}
let img = imgInput.value.trim();
// 自动推断图片地址
if (!img && href) {
let path = href;
if (path.startsWith('https://cnb.cool') || path.startsWith('http://cnb.cool')) {
try { path = new URL(path).pathname; } catch (_) {}
}
if (path.startsWith('/')) {
const parts = path.replace(/^\/+/, '').split('/');
if (parts[0] === 'u' && parts[1]) {
img = 'https://cnb.cool/users/' + parts[1] + '/avatar/s';
} else {
const org = parts[0] || '';
img = 'https://cnb.cool/' + org + '/-/logos/s';
}
}
}
// 保存云原生开发配置（不调用接口）
const links = getQALinks();
const linkData = { href: href, img };
if (wsToggle.checked) {
let apiPath = hrefInput.value.trim().replace(/^https?:\/\/cnb\.cool/i, '');
if (apiPath && !apiPath.startsWith('/')) apiPath = '/' + apiPath;
linkData.workspace = {
api_path: apiPath,
branch: wsBranch.value.trim(),
ref: wsRef.value.trim(),
token: wsToken.value.trim()
};
}
if (isEdit) {
links[editIndex] = linkData;
} else {
links.push(linkData);
}
saveQALinks(links);
popup.remove();
renderQuickAccessBar();
}
popup.querySelector('.btn-ok').addEventListener('click', done);
popup.querySelector('.btn-cancel:not(.btn-delete)').addEventListener('click', () => popup.remove());
if (isEdit) {
popup.querySelector('.btn-delete').addEventListener('click', () => {
const links = getQALinks();
links.splice(editIndex, 1);
saveQALinks(links);
popup.remove();
renderQuickAccessBar();
});
}
// 导入数据（含收藏夹 / NPC 指令设置）
popup.querySelector('#qa-btn-import').addEventListener('click', async () => {
const readBackup = data => {
const qa = (data.quickAccess && Array.isArray(data.quickAccess)) ? data.quickAccess : (Array.isArray(data) ? data : []);
const parts = ['将导入 ' + qa.length + ' 条快捷导航'];
if (data.favorites && Object.keys(data.favorites).length > 0) parts.push('收藏夹标签数据');
if (data.npc) parts.push('NPC 指令设置');
return { qa, msg: parts.join(' + ') + '，是否覆盖数据？' };
};
const applyBackup = (data, qa) => {
if (data.favorites) saveData(data.favorites);
saveQALinks(qa);
applyNpcBackup(data.npc);
popup.remove(); renderQuickAccessBar(); ensureNpcBar(true);
showToast('导入成功！', 'ok');
};
const ask = async data => {
const { qa, msg } = readBackup(data);
if (await showConfirm(msg)) applyBackup(data, qa);
};
if (isCosEnabled()) {
try {
const body = await cosDownload();
await ask(JSON.parse(typeof body === 'string' ? body : new TextDecoder().decode(body)));
} catch (e) {
if (!await showConfirm('COS 下载失败：' + e.message + '\n是否改用本地文件导入？')) return;
doLocalImport();
}
} else { doLocalImport(); }
function doLocalImport() {
const inputEl = document.createElement('input');
inputEl.type = 'file'; inputEl.accept = '.json';
inputEl.onchange = e => {
const file = e.target.files[0]; if (!file) return;
const reader = new FileReader();
reader.onload = async ev => {
try { await ask(JSON.parse(ev.target.result)); }
catch (err) { showToast('导入失败：JSON 格式错误', 'err'); }
};
reader.readAsText(file);
};
inputEl.click();
}
});
// 导出快捷导航数据（含收藏夹 / NPC 指令设置）
popup.querySelector('#qa-btn-export').addEventListener('click', async () => {
const qaLinks = getQALinks();
const data = getData();
const allData = { favorites: data, quickAccess: qaLinks, npc: getNpcBackup() };
const jsonStr = JSON.stringify(allData, null, 2);
if (isCosEnabled()) {
try { await cosUpload(jsonStr); showToast('已同步到 COS 云端（' + COS_FILE_PATH + '）', 'ok'); return; }
catch (e) { if (!await showConfirm('COS 上传失败：' + e.message + '\n是否改用本地下载？')) return; }
}
const blob = new Blob([jsonStr], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const anchor = document.createElement('a');
anchor.href = url; anchor.download = `cnb_cool_backup_${new Date().getTime()}.json`;
document.body.appendChild(anchor); anchor.click();
document.body.removeChild(anchor); URL.revokeObjectURL(url);
});
// 所有输入框支持回车确认、Escape关闭
[hrefInput, imgInput, wsBranch, wsRef, wsToken].forEach(input => {
input.addEventListener('keydown', e => {
if (e.key === 'Enter') { e.preventDefault(); done(); }
else if (e.key === 'Escape') popup.remove();
});
});
bindPopupOutsideClose(popup, btn);
hrefInput.focus();
}
// 渲染快捷导航栏
function renderQuickAccessBar() {
const existingBar = document.querySelector('.cnb-quick-access-bar');
const targetContainer = document.querySelector(SEL.quickAccessHost);
if (!targetContainer) return;
if (existingBar) existingBar.remove();
const bar = document.createElement('div');
bar.className = 'cnb-quick-access-bar';
const links = getQALinks();
links.forEach((link, idx) => {
const item = document.createElement('a');
item.className = 'cnb-quick-access-item';
item.target = '_blank';
item.rel = 'noopener noreferrer';
item.title = link.href + '\n左键拖拽排序 | 右键编辑/删除' + (link.workspace ? '\n云原生开发模式：点击启动云原生开发' : '');
item.innerHTML = `折叠引用
包起来 //（站点在引用后面追加的 @提及 等行留在折叠块外面，回复通知不受影响）===== const QUOTE_MENU_TEXTS = ['引用', 'Quote']; // 菜单项文案（多语言兜底） const QUOTE_SUMMARY = '折叠引用'; // 里的字，想改就改这一处
const QUOTE_WAIT_MS = 1500; // 等站点把引用写进输入框的上限
// 从点击目标往上找「引用」菜单项：文本完全相等才算，避免误命中容器 / 正文
function findQuoteMenuItem(target) {
let el = target instanceof Element ? target : null;
for (let i = 0; el && el !== document.body && i < 4; i++, el = el.parentElement) {
if (QUOTE_MENU_TEXTS.includes((el.textContent || '').trim())) return el;
}
return null;
}
// 前后缀对比求「本次插入的片段」（重复引用同一段内容时也不会认错）
function diffInserted(before, after) {
let start = 0;
const min = Math.min(before.length, after.length);
while (start < min && before[start] === after[start]) start++;
let tail = 0;
while (tail < min - start && before[before.length - 1 - tail] === after[after.length - 1 - tail]) tail++;
return { start, end: after.length - tail, text: after.slice(start, after.length - tail) };
}
// 插入片段里「引用块」的首尾行号：站点有时会在引用块后面追加 @提及 之类的行
//（引用 NPC 时就是 @CodeBuddy），这些行要留在 外面，只包首尾引用行之间的部分
function quoteBlockBounds(lines) {
const isQuoteLine = line => line.trimStart().startsWith('>');
let first = -1;
let last = -1;
lines.forEach((line, i) => {
if (!isQuoteLine(line)) return;
if (first < 0) first = i;
last = i;
});
return first < 0 ? null : { first, last };
}
function wrapQuoteInDetails(textarea, before) {
const after = textarea.value;
if (after === before) return false; // 编辑器没变（可能点的是别处的「引用」）
const ins = diffInserted(before, after);
const lines = ins.text.split('\n');
const bounds = quoteBlockBounds(lines);
if (!bounds) return false; // 插入片段里没有引用行 → 不是「引用」写进来的，不动
const details = `\n${QUOTE_SUMMARY}
\n\n${lines.slice(bounds.first, bounds.last + 1).join('\n')}\n\n`;
// 折叠块与前后文本之间留空行（原始 HTML 块要独立成段），引用块之外的行原样保留在外面
const headLines = lines.slice(0, bounds.first);
const tailLines = lines.slice(bounds.last + 1);
const head = headLines.length ? headLines.join('\n').replace(/\n*$/, '') + '\n\n' : '';
const tail = tailLines.length ? '\n\n' + tailLines.join('\n').replace(/^\n*/, '') : '';
const patch = head + details + tail;
const next = after.slice(0, ins.start) + patch + after.slice(ins.end);
return writeNpcTextarea(textarea, next, ins.start + patch.length);
}
// 等站点写完再包：值变了且连续两帧稳定；到点仍未稳定也试一次，交给 isQuoteBlock 兜底
function wrapQuoteWhenReady(textarea, before) {
const deadline = Date.now() + QUOTE_WAIT_MS;
let last = textarea.value;
let stable = 0;
const tick = () => {
const value = textarea.value;
if (value !== before) {
if (value === last) stable++;
else { stable = 0; last = value; }
if (stable >= 2 || Date.now() >= deadline) { wrapQuoteInDetails(textarea, before); return; }
}
if (Date.now() < deadline) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
}
let _quoteDetailsBound = false;
function bindQuoteDetails() {
if (_quoteDetailsBound) return;
_quoteDetailsBound = true;
document.addEventListener('click', e => {
if (!findQuoteMenuItem(e.target)) return;
const textarea = getNpcEditorTextarea(); // 引用写入的是底部主评论框
if (textarea) wrapQuoteWhenReady(textarea, textarea.value);
}, true);
}
// 开关刚打开 / 切换 NPC 时，立刻把当前草稿改成带 NPC 的形态
function applyNpcPrefixToDraft(npc, prevNpc) {
const textarea = getNpcEditorTextarea();
if (!textarea) return;
const lead = getLeadingMention(textarea.value);
const next = (prevNpc && lead && lead === prevNpc)
? replaceLeadingMention(textarea.value, npc) // 开头提及正是我们此前补的 → 换成新选的
: withLeadingNpc(textarea.value, npc); // 否则补上（已有别的提及则不动）
writeLeadingNpc(textarea, next);
}
// 指令条配置指纹：内容变了才重建 DOM，避免 MutationObserver 反复重绘
function npcBarSignature(presets, npc) {
const raw = presets.map(p => p.label + '\u0001' + p.prompt).join('\u0002') + '\u0003' + npc;
let hash = 5381;
for (let i = 0; i < raw.length; i++) hash = ((hash << 5) + hash + raw.charCodeAt(i)) >>> 0;
return 'v' + hash.toString(36) + '-' + presets.length;
}
// 渲染指令条（NPC 选择器 + 模板 chip + 设置齿轮）
function buildNpcBar(presets, signature, npc) {
const bar = document.createElement('div');
bar.className = 'cnb-npc-bar';
bar.dataset.signature = signature;
// 固定项（不吃「指令模板」配置）：NPC 标签本身就是开关，点击切换
// 关闭显示 NPC，开启显示 @NPC；开启后发送评论会自动在开头带上 @NPC
const mentionToggle = document.createElement('span');
mentionToggle.className = 'npc-bar-label cnb-npc-toggle';
mentionToggle.setAttribute('role', 'button');
mentionToggle.tabIndex = 0;
bar.appendChild(mentionToggle);
const select = document.createElement('select');
select.className = 'cnb-npc-select';
select.title = '选择要 @ 的 NPC';
getNpcMentions().forEach(name => {
const option = document.createElement('option');
option.value = name;
option.textContent = name;
if (name === npc) option.selected = true;
select.appendChild(option);
});
bar.appendChild(select);
function updateMentionChip() {
const on = isNpcPrefixOn();
const current = getSelectedNpc();
mentionToggle.classList.toggle('active', on);
mentionToggle.setAttribute('aria-pressed', on ? 'true' : 'false');
mentionToggle.textContent = on ? '@NPC' : 'NPC';
mentionToggle.title = on
? '已开启：发送评论自动带上 @' + current + '（点击关闭）'
: '已关闭：点击开启后，发送评论自动带上 @' + current;
}
updateMentionChip();
const toggleNpcMention = e => {
e.preventDefault();
e.stopPropagation();
const on = !isNpcPrefixOn();
setNpcPrefixOn(on);
updateMentionChip();
if (on) {
const current = getSelectedNpc();
applyNpcPrefixToDraft(current); // 立刻把当前草稿补成 @NPC + 正文
showToast('已开启：发送评论自动带上 @' + current, 'ok');
} else {
showToast('已关闭：不再自动补 NPC', 'ok');
}
};
mentionToggle.addEventListener('click', toggleNpcMention);
mentionToggle.addEventListener('keydown', e => {
if (e.key === 'Enter' || e.key === ' ') toggleNpcMention(e);
});
const chipTitle = (name, preset) => '插入：@' + name + ' ' + preset.prompt + '\n左键拖拽可调整顺序';
const chips = presets.map((preset, index) => {
const chip = document.createElement('button');
chip.type = 'button';
chip.className = 'cnb-npc-chip';
chip.textContent = preset.label;
chip.title = chipTitle(npc, preset);
chip.draggable = true;
chip.dataset.index = index;
chip.addEventListener('click', e => {
e.preventDefault();
e.stopPropagation();
insertNpcAtEditor('@' + getSelectedNpc() + ' ' + preset.prompt, '已插入指令模板');
});
bar.appendChild(chip);
return chip;
});
// 拖拽换位（共用实现，见 bindDragReorder）：写回模板顺序后重建指令条
bindDragReorder(chips, (from, insertAt) => {
const list = getNpcPresets();
const [moved] = list.splice(from, 1);
list.splice(insertAt, 0, moved);
saveNpcPresets(list);
// 等浏览器收尾本次拖拽（dragend）后再重建，避免拖动源在拖拽中被移除
setTimeout(() => ensureNpcBar(true), 0);
showToast('已调整「' + moved.label + '」的顺序', 'ok');
});
// 切换 NPC：同步 chip 提示；开关开着时把草稿开头的旧 NPC 换成新选的
select.addEventListener('change', () => {
const prev = getSelectedNpc();
setSelectedNpc(select.value);
chips.forEach((chip, i) => { chip.title = chipTitle(select.value, presets[i]); });
updateMentionChip();
if (isNpcPrefixOn()) applyNpcPrefixToDraft(select.value, prev);
});
const gear = document.createElement('button');
gear.type = 'button';
gear.className = 'cnb-qa-settings-btn cnb-npc-bar-gear';
gear.title = 'NPC 指令设置（指令模板 / NPC 列表）';
gear.innerHTML = NPC_BOT_ICON;
gear.addEventListener('click', e => {
e.stopPropagation();
showNpcSettingsPopup(gear);
});
bar.appendChild(gear);
return bar;
}
// 维持指令条：页面/配置变化时重建，非会话页或模板清空时移除
function ensureNpcBar(force) {
if (!isCnbDomain()) return;
bindNpcPrefixSync(); // 「发送自动带 NPC」的输入监听只绑定一次
bindEditorImgWidthFix(); // 上传图片宽度改百分比的输入监听只绑定一次
bindQuoteDetails(); // 「引用」写入后自动包 的点击监听只绑定一次
if (!isNpcConversationPage()) {
document.querySelectorAll('.cnb-npc-bar').forEach(el => el.remove());
return;
}
const editor = findNpcEditor();
if (!editor || !editor.parentNode) return;
const existing = document.querySelector('.cnb-npc-bar');
// 模板可为空：此时指令条只留「NPC 选择器 + 固定 @NPC + 设置齿轮」，设置入口不会丢
const presets = getNpcPresets();
const npc = getSelectedNpc();
const signature = npcBarSignature(presets, npc);
if (!force && existing && existing.dataset.signature === signature && existing.nextElementSibling === editor) {
return; // 已就位且配置未变
}
if (existing) existing.remove();
editor.parentNode.insertBefore(buildNpcBar(presets, signature, npc), editor);
}
// NPC 指令设置弹窗：指令模板（增删改查） + NPC 列表（增删 / 设为默认）
function showNpcSettingsPopup(triggerBtn) {
document.querySelectorAll('.cnb-npc-popup').forEach(el => el.remove());
const popup = document.createElement('div');
popup.className = 'cnb-npc-popup';
popup.innerHTML = `
NPC 指令设置
指令条上的一键插入项：标签 ≤ ${NPC_PRESET_LABEL_MAX} 字，指令不限字数、支持换行；
插入内容为 @NPC 指令。最前面的 @NPC 是固定开关
（开启后发送评论自动在开头补上当前 NPC，不占用本列表）。清空全部模板后，指令条只保留固定项与设置入口。
指令条左侧「NPC 选择器」的候选，第一个是默认。系统 NPC 写 CodeBuddy，
自定义 NPC 写 仓库路径(角色名)（不用带 @），最多 ${NPC_MENTIONS_MAX} 个。
`;
document.body.appendChild(popup);
// 定位：水平居中 + 距视口顶部固定 50px（悬浮在页眉下方，不随内容高度变化）
function placePopup() {
if (!popup.isConnected) return;
popup.style.top = NPC_POPUP_TOP + 'px';
popup.style.left = Math.max(Math.round((window.innerWidth - popup.offsetWidth) / 2), 8) + 'px';
}
placePopup();
// 窗口尺寸变化时重新水平居中（弹窗已关闭就自行解绑）
const onPopupResize = () => {
if (!popup.isConnected) { window.removeEventListener('resize', onPopupResize); return; }
placePopup();
};
window.addEventListener('resize', onPopupResize);
// Tab 切换
popup.querySelectorAll('.npc-tab').forEach(tab => {
tab.addEventListener('click', () => {
popup.querySelectorAll('.npc-tab').forEach(t => t.classList.toggle('active', t === tab));
popup.querySelectorAll('.npc-pane').forEach(p => p.classList.toggle('active', p.dataset.pane === tab.dataset.tab));
});
});
// 两个页签改配置后都要顺带刷新页面上的指令条
const refreshBar = () => ensureNpcBar(true);
const presetPane = setupNpcPresetPane(popup, refreshBar);
const mentionPane = setupNpcMentionPane(popup, refreshBar);
// Esc 关闭；输入框回车即保存 / 添加（指令内容是多行 textarea：回车载入换行，Ctrl / ⌘ + 回车才保存）
popup.addEventListener('keydown', e => {
if (e.key === 'Escape') { popup.remove(); return; }
if (e.key !== 'Enter') return;
if (e.target.classList.contains('npc-prompt-input') && !e.ctrlKey && !e.metaKey) return;
e.preventDefault();
const pane = e.target.closest('.npc-pane');
if (pane && pane.dataset.pane === 'mentions') mentionPane.add();
else presetPane.save();
});
bindPopupOutsideClose(popup, triggerBtn);
}
// —— 设置弹窗：指令模板页签（行内增删改，删除立即落盘）——
function setupNpcPresetPane(popup, refreshBar) {
const rowsBox = popup.querySelector('.npc-preset-rows');
// 整块重绘（值要转义），删除走一次事件委托，不再逐行绑监听
const presetRowHtml = p => `
`;
function renderPresetRows() {
const list = getNpcPresets();
rowsBox.innerHTML = list.length
? list.map(presetRowHtml).join('')
: '' + NPC_EMPTY_PRESETS_TIP + '';
}
// 删除立即落盘；剩余行有未填完整的则留给「保存」统一提示
rowsBox.addEventListener('click', e => {
const del = e.target.closest('.npc-row-del');
if (!del) return;
const row = del.closest('.npc-row');
const name = row.querySelector('.npc-label-input').value.trim();
row.remove();
if (!rowsBox.querySelector('.npc-row')) rowsBox.innerHTML = '' + NPC_EMPTY_PRESETS_TIP + '';
if (persistRowsIfValid()) {
showToast(getNpcPresets().length ? '已删除模板「' + (name || '未命名') + '」' : '已删除全部模板，指令条只保留固定项', 'ok');
} else {
showToast('已删除该行，其余改动请点「保存」', 'ok');
}
});
// 收集当前 DOM 中的模板行（整行留空视为已删除）
function collectPresetRows() {
const rows = [...rowsBox.querySelectorAll('.npc-row')];
const list = [];
let invalid = null;
rows.forEach(row => {
const labelEl = row.querySelector('.npc-label-input');
const promptEl = row.querySelector('.npc-prompt-input');
const label = labelEl.value.trim();
const prompt = promptEl.value.trim();
labelEl.classList.remove('invalid');
promptEl.classList.remove('invalid');
if (!label && !prompt) return; // 整行留空视为删除
if (!label || label.length > NPC_PRESET_LABEL_MAX) {
labelEl.classList.add('invalid');
invalid = invalid || labelEl;
}
if (!prompt) {
promptEl.classList.add('invalid');
invalid = invalid || promptEl;
}
list.push({ label, prompt });
});
return { list, invalid };
}
// 删除行后立即落盘；剩余行有未填完整的返回 false（交给「保存」按钮提示）
function persistRowsIfValid() {
const { list: next, invalid } = collectPresetRows();
if (invalid) return false;
saveNpcPresets(next);
refreshBar();
return true;
}
function savePresets() {
const { list: next, invalid } = collectPresetRows();
if (invalid) {
showToast(`标签（≤${NPC_PRESET_LABEL_MAX} 字）与指令都不能为空`, 'err');
invalid.focus();
return;
}
saveNpcPresets(next);
renderPresetRows();
refreshBar();
showToast(next.length ? '指令模板已保存' : '已清空模板，指令条只保留固定项', 'ok');
}
renderPresetRows();
function addPresetRow() {
rowsBox.querySelector('.npc-empty')?.remove();
rowsBox.insertAdjacentHTML('beforeend', presetRowHtml({ label: '', prompt: '' }));
rowsBox.querySelector('.npc-row:last-child .npc-label-input').focus();
}
popup.querySelector('.npc-add-preset').addEventListener('click', addPresetRow);
popup.querySelector('.npc-restore-presets').addEventListener('click', () => {
resetNpcPresets();
renderPresetRows();
refreshBar();
showToast('已恢复内置默认指令模板', 'ok');
});
popup.querySelector('.npc-save-presets').addEventListener('click', savePresets);
return { save: savePresets, add: addPresetRow };
}
// —— 设置弹窗：NPC 列表页签（增删，改动即时落盘）——
function setupNpcMentionPane(popup, refreshBar) {
const mentionBox = popup.querySelector('.npc-mention-list');
const mentionInput = popup.querySelector('.npc-mention-input');
// 与模板行同样是「整块重绘 + 一次委托」：当前在用的那个打标记，其余只可移除
function renderMentions() {
const current = getSelectedNpc();
mentionBox.innerHTML = getNpcMentions().map(name => `
${escapeHTML(name)}
${name === current ? '使用中' : ''}
`).join('');
}
mentionBox.addEventListener('click', e => {
const chip = e.target.closest('.npc-mention');
if (!chip || e.target.closest('button')?.dataset.act !== 'del') return;
const name = chip.dataset.name;
const wasSelected = getSelectedNpc() === name;
const before = getNpcMentions();
saveNpcMentions(before.filter(item => item !== name));
const after = getNpcMentions();
if (wasSelected) setSelectedNpc(''); // 在用的被移除 → 清掉记忆，回退到列表第一项
renderMentions();
refreshBar();
showToast(after.length === before.length - 1 ? '已移除 ' + name : '列表已空，已恢复默认 NPC', 'ok');
});
function addMention() {
const list = getNpcMentions();
const name = normalizeNpcName(mentionInput.value);
if (!name) {
showToast('格式：CodeBuddy 或 仓库路径(角色名)', 'err');
mentionInput.focus();
return;
}
if (list.indexOf(name) >= 0) {
showToast('该 NPC 已在列表中', 'err');
return;
}
if (list.length >= NPC_MENTIONS_MAX) {
showToast('最多 ' + NPC_MENTIONS_MAX + ' 个，请先移除一个', 'err');
return;
}
list.push(name);
saveNpcMentions(list);
mentionInput.value = '';
renderMentions();
refreshBar();
showToast('已添加 ' + name, 'ok');
}
renderMentions();
popup.querySelector('.npc-add-mention').addEventListener('click', addMention);
popup.querySelector('.npc-restore-mentions').addEventListener('click', () => {
resetNpcMentions();
setSelectedNpc(''); // 恢复默认列表同时清掉选择记忆
renderMentions();
refreshBar();
showToast('已恢复默认 NPC 列表', 'ok');
});
return { add: addMention };
}
// ===== 时间线侧栏开关（插在 issue 侧栏「私密」开关正下方）：只看评论 / 自动展开 =====
// 「只看评论」参考 CNBuff(https://cnb.cool/wwvo/chrome-extensions/cnbuff) 的 conversation-activity-filter：
// 命中 html 上的状态类后，隐藏 .issue-pull-activity 里除 .comment / .end 以外的活动项。
// 两个开关都复用原生 TDesign 开关外观，状态走 GM_setValue 本地持久化（刷新 / 重进页面不丢）。
const SIDEBAR_TOGGLES_CLASS = 'cnb-sidebar-toggles';
const ONLY_COMMENTS_CLASS = 'cnb-only-comments'; // 挂在 上（React 重建子树不会丢）
let _onlyCommentsOn = null; // 读缓存：processPage 每次 DOM 变更都会走一遍
function isOnlyCommentsOn() {
if (_onlyCommentsOn === null) _onlyCommentsOn = GM_getValue(KEYS.onlyComments, '0') === '1';
return _onlyCommentsOn;
}
function setOnlyCommentsOn(on) {
_onlyCommentsOn = !!on;
GM_setValue(KEYS.onlyComments, on ? '1' : '0');
}
// 「只看评论」：评论全部保留；活动项里**只保留最后一条 NPC 提及行（npc-mentioned）**，
// 其余活动（私有切换 / 标签 / 状态变更等）全部隐藏 → 给该条打 .cnb-last-activity，CSS 靠它决定显隐
function markLastActivity() {
const items = document.querySelectorAll('.issue-pull-activity.npc-mentioned');
const last = items.length ? items[items.length - 1] : null;
// 换页 / 新增活动后，旧标记要挪走，避免出现两个「保留项」
document.querySelectorAll('.issue-pull-activity.cnb-last-activity').forEach(el => {
if (el !== last) el.classList.remove('cnb-last-activity');
});
if (last) last.classList.add('cnb-last-activity');
}
function clearLastActivityMark() {
document.querySelectorAll('.issue-pull-activity.cnb-last-activity').forEach(el => el.classList.remove('cnb-last-activity'));
}
// 让过滤状态与存储保持一致：即使开关此刻不在页面上（时间线尚未渲染等），刷新后也能恢复
function applyOnlyComments() {
const on = isOnlyCommentsOn();
document.documentElement.classList.toggle(ONLY_COMMENTS_CLASS, on);
// 活动项随分页 / 新事件变化，每次页面处理都重标一次；关闭时清掉标记，避免残留
if (on) markLastActivity();
else clearLastActivityMark();
}
// —— 自动展开：滚到「向下加载更多」折叠块处自动点开 ——
const AUTO_UNFOLD_SEL = TEXT.loadMoreDown.map(t => `[aria-label="${t}"]`).join(','); // 多语言兜底
let _autoUnfoldOn = null;
function isAutoUnfoldOn() {
if (_autoUnfoldOn === null) _autoUnfoldOn = GM_getValue(KEYS.autoUnfold, '0') === '1';
return _autoUnfoldOn;
}
function setAutoUnfoldOn(on) {
_autoUnfoldOn = !!on;
GM_setValue(KEYS.autoUnfold, on ? '1' : '0');
}
let _autoUnfoldObserver = null;
let _autoUnfoldLastClick = 0;
const _autoUnfoldWatched = new WeakSet();
function isInViewport(el) {
const r = el.getBoundingClientRect();
const h = window.innerHeight || document.documentElement.clientHeight;
return r.bottom > 0 && r.top < h;
}
// 连点保护：展开会改动 DOM 触发全局重扫，短时间内只允许点一次，避免连环展开
function unfoldOnce(container) {
if (!isAutoUnfoldOn()) return;
if (Date.now() - _autoUnfoldLastClick < 700) return;
const btn = container.querySelector('button');
if (!btn) return;
_autoUnfoldLastClick = Date.now();
btn.click();
}
function expandFoldsInViewport() {
document.querySelectorAll(AUTO_UNFOLD_SEL).forEach(el => { if (isInViewport(el)) unfoldOnce(el); });
}
function bindAutoUnfoldObserver() {
if (_autoUnfoldObserver) return;
_autoUnfoldObserver = new IntersectionObserver(entries => {
if (!isAutoUnfoldOn()) return;
entries.forEach(entry => { if (entry.isIntersecting) unfoldOnce(entry.target); });
}, { threshold: 0 });
}
// 给页面上每个折叠块挂一次观察；滚进视口后由观察器回调点击「展开 N 条」
function ensureAutoUnfold() {
bindAutoUnfoldObserver();
document.querySelectorAll(AUTO_UNFOLD_SEL).forEach(el => {
if (_autoUnfoldWatched.has(el)) return;
_autoUnfoldWatched.add(el);
_autoUnfoldObserver.observe(el);
});
}
// 原生「私密」开关的定位：私密
\n
`;
// 折叠块与前后文本之间留空行（原始 HTML 块要独立成段），引用块之外的行原样保留在外面
const headLines = lines.slice(0, bounds.first);
const tailLines = lines.slice(bounds.last + 1);
const head = headLines.length ? headLines.join('\n').replace(/\n*$/, '') + '\n\n' : '';
const tail = tailLines.length ? '\n\n' + tailLines.join('\n').replace(/^\n*/, '') : '';
const patch = head + details + tail;
const next = after.slice(0, ins.start) + patch + after.slice(ins.end);
return writeNpcTextarea(textarea, next, ins.start + patch.length);
}
// 等站点写完再包：值变了且连续两帧稳定；到点仍未稳定也试一次，交给 isQuoteBlock 兜底
function wrapQuoteWhenReady(textarea, before) {
const deadline = Date.now() + QUOTE_WAIT_MS;
let last = textarea.value;
let stable = 0;
const tick = () => {
const value = textarea.value;
if (value !== before) {
if (value === last) stable++;
else { stable = 0; last = value; }
if (stable >= 2 || Date.now() >= deadline) { wrapQuoteInDetails(textarea, before); return; }
}
if (Date.now() < deadline) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
}
let _quoteDetailsBound = false;
function bindQuoteDetails() {
if (_quoteDetailsBound) return;
_quoteDetailsBound = true;
document.addEventListener('click', e => {
if (!findQuoteMenuItem(e.target)) return;
const textarea = getNpcEditorTextarea(); // 引用写入的是底部主评论框
if (textarea) wrapQuoteWhenReady(textarea, textarea.value);
}, true);
}
// 开关刚打开 / 切换 NPC 时，立刻把当前草稿改成带 NPC 的形态
function applyNpcPrefixToDraft(npc, prevNpc) {
const textarea = getNpcEditorTextarea();
if (!textarea) return;
const lead = getLeadingMention(textarea.value);
const next = (prevNpc && lead && lead === prevNpc)
? replaceLeadingMention(textarea.value, npc) // 开头提及正是我们此前补的 → 换成新选的
: withLeadingNpc(textarea.value, npc); // 否则补上（已有别的提及则不动）
writeLeadingNpc(textarea, next);
}
// 指令条配置指纹：内容变了才重建 DOM，避免 MutationObserver 反复重绘
function npcBarSignature(presets, npc) {
const raw = presets.map(p => p.label + '\u0001' + p.prompt).join('\u0002') + '\u0003' + npc;
let hash = 5381;
for (let i = 0; i < raw.length; i++) hash = ((hash << 5) + hash + raw.charCodeAt(i)) >>> 0;
return 'v' + hash.toString(36) + '-' + presets.length;
}
// 渲染指令条（NPC 选择器 + 模板 chip + 设置齿轮）
function buildNpcBar(presets, signature, npc) {
const bar = document.createElement('div');
bar.className = 'cnb-npc-bar';
bar.dataset.signature = signature;
// 固定项（不吃「指令模板」配置）：NPC 标签本身就是开关，点击切换
// 关闭显示 NPC，开启显示 @NPC；开启后发送评论会自动在开头带上 @NPC
const mentionToggle = document.createElement('span');
mentionToggle.className = 'npc-bar-label cnb-npc-toggle';
mentionToggle.setAttribute('role', 'button');
mentionToggle.tabIndex = 0;
bar.appendChild(mentionToggle);
const select = document.createElement('select');
select.className = 'cnb-npc-select';
select.title = '选择要 @ 的 NPC';
getNpcMentions().forEach(name => {
const option = document.createElement('option');
option.value = name;
option.textContent = name;
if (name === npc) option.selected = true;
select.appendChild(option);
});
bar.appendChild(select);
function updateMentionChip() {
const on = isNpcPrefixOn();
const current = getSelectedNpc();
mentionToggle.classList.toggle('active', on);
mentionToggle.setAttribute('aria-pressed', on ? 'true' : 'false');
mentionToggle.textContent = on ? '@NPC' : 'NPC';
mentionToggle.title = on
? '已开启：发送评论自动带上 @' + current + '（点击关闭）'
: '已关闭：点击开启后，发送评论自动带上 @' + current;
}
updateMentionChip();
const toggleNpcMention = e => {
e.preventDefault();
e.stopPropagation();
const on = !isNpcPrefixOn();
setNpcPrefixOn(on);
updateMentionChip();
if (on) {
const current = getSelectedNpc();
applyNpcPrefixToDraft(current); // 立刻把当前草稿补成 @NPC + 正文
showToast('已开启：发送评论自动带上 @' + current, 'ok');
} else {
showToast('已关闭：不再自动补 NPC', 'ok');
}
};
mentionToggle.addEventListener('click', toggleNpcMention);
mentionToggle.addEventListener('keydown', e => {
if (e.key === 'Enter' || e.key === ' ') toggleNpcMention(e);
});
const chipTitle = (name, preset) => '插入：@' + name + ' ' + preset.prompt + '\n左键拖拽可调整顺序';
const chips = presets.map((preset, index) => {
const chip = document.createElement('button');
chip.type = 'button';
chip.className = 'cnb-npc-chip';
chip.textContent = preset.label;
chip.title = chipTitle(npc, preset);
chip.draggable = true;
chip.dataset.index = index;
chip.addEventListener('click', e => {
e.preventDefault();
e.stopPropagation();
insertNpcAtEditor('@' + getSelectedNpc() + ' ' + preset.prompt, '已插入指令模板');
});
bar.appendChild(chip);
return chip;
});
// 拖拽换位（共用实现，见 bindDragReorder）：写回模板顺序后重建指令条
bindDragReorder(chips, (from, insertAt) => {
const list = getNpcPresets();
const [moved] = list.splice(from, 1);
list.splice(insertAt, 0, moved);
saveNpcPresets(list);
// 等浏览器收尾本次拖拽（dragend）后再重建，避免拖动源在拖拽中被移除
setTimeout(() => ensureNpcBar(true), 0);
showToast('已调整「' + moved.label + '」的顺序', 'ok');
});
// 切换 NPC：同步 chip 提示；开关开着时把草稿开头的旧 NPC 换成新选的
select.addEventListener('change', () => {
const prev = getSelectedNpc();
setSelectedNpc(select.value);
chips.forEach((chip, i) => { chip.title = chipTitle(select.value, presets[i]); });
updateMentionChip();
if (isNpcPrefixOn()) applyNpcPrefixToDraft(select.value, prev);
});
const gear = document.createElement('button');
gear.type = 'button';
gear.className = 'cnb-qa-settings-btn cnb-npc-bar-gear';
gear.title = 'NPC 指令设置（指令模板 / NPC 列表）';
gear.innerHTML = NPC_BOT_ICON;
gear.addEventListener('click', e => {
e.stopPropagation();
showNpcSettingsPopup(gear);
});
bar.appendChild(gear);
return bar;
}
// 维持指令条：页面/配置变化时重建，非会话页或模板清空时移除
function ensureNpcBar(force) {
if (!isCnbDomain()) return;
bindNpcPrefixSync(); // 「发送自动带 NPC」的输入监听只绑定一次
bindEditorImgWidthFix(); // 上传图片宽度改百分比的输入监听只绑定一次
bindQuoteDetails(); // 「引用」写入后自动包 ${QUOTE_SUMMARY}
\n\n${lines.slice(bounds.first, bounds.last + 1).join('\n')}\n\n 的点击监听只绑定一次
if (!isNpcConversationPage()) {
document.querySelectorAll('.cnb-npc-bar').forEach(el => el.remove());
return;
}
const editor = findNpcEditor();
if (!editor || !editor.parentNode) return;
const existing = document.querySelector('.cnb-npc-bar');
// 模板可为空：此时指令条只留「NPC 选择器 + 固定 @NPC + 设置齿轮」，设置入口不会丢
const presets = getNpcPresets();
const npc = getSelectedNpc();
const signature = npcBarSignature(presets, npc);
if (!force && existing && existing.dataset.signature === signature && existing.nextElementSibling === editor) {
return; // 已就位且配置未变
}
if (existing) existing.remove();
editor.parentNode.insertBefore(buildNpcBar(presets, signature, npc), editor);
}
// NPC 指令设置弹窗：指令模板（增删改查） + NPC 列表（增删 / 设为默认）
function showNpcSettingsPopup(triggerBtn) {
document.querySelectorAll('.cnb-npc-popup').forEach(el => el.remove());
const popup = document.createElement('div');
popup.className = 'cnb-npc-popup';
popup.innerHTML = `
`;
document.body.appendChild(popup);
// 定位：水平居中 + 距视口顶部固定 50px（悬浮在页眉下方，不随内容高度变化）
function placePopup() {
if (!popup.isConnected) return;
popup.style.top = NPC_POPUP_TOP + 'px';
popup.style.left = Math.max(Math.round((window.innerWidth - popup.offsetWidth) / 2), 8) + 'px';
}
placePopup();
// 窗口尺寸变化时重新水平居中（弹窗已关闭就自行解绑）
const onPopupResize = () => {
if (!popup.isConnected) { window.removeEventListener('resize', onPopupResize); return; }
placePopup();
};
window.addEventListener('resize', onPopupResize);
// Tab 切换
popup.querySelectorAll('.npc-tab').forEach(tab => {
tab.addEventListener('click', () => {
popup.querySelectorAll('.npc-tab').forEach(t => t.classList.toggle('active', t === tab));
popup.querySelectorAll('.npc-pane').forEach(p => p.classList.toggle('active', p.dataset.pane === tab.dataset.tab));
});
});
// 两个页签改配置后都要顺带刷新页面上的指令条
const refreshBar = () => ensureNpcBar(true);
const presetPane = setupNpcPresetPane(popup, refreshBar);
const mentionPane = setupNpcMentionPane(popup, refreshBar);
// Esc 关闭；输入框回车即保存 / 添加（指令内容是多行 textarea：回车载入换行，Ctrl / ⌘ + 回车才保存）
popup.addEventListener('keydown', e => {
if (e.key === 'Escape') { popup.remove(); return; }
if (e.key !== 'Enter') return;
if (e.target.classList.contains('npc-prompt-input') && !e.ctrlKey && !e.metaKey) return;
e.preventDefault();
const pane = e.target.closest('.npc-pane');
if (pane && pane.dataset.pane === 'mentions') mentionPane.add();
else presetPane.save();
});
bindPopupOutsideClose(popup, triggerBtn);
}
// —— 设置弹窗：指令模板页签（行内增删改，删除立即落盘）——
function setupNpcPresetPane(popup, refreshBar) {
const rowsBox = popup.querySelector('.npc-preset-rows');
// 整块重绘（值要转义），删除走一次事件委托，不再逐行绑监听
const presetRowHtml = p => `
`;
function renderPresetRows() {
const list = getNpcPresets();
rowsBox.innerHTML = list.length
? list.map(presetRowHtml).join('')
: '
NPC 指令设置
指令条上的一键插入项：标签 ≤ ${NPC_PRESET_LABEL_MAX} 字，指令不限字数、支持换行；
插入内容为
@NPC 指令。最前面的 @NPC 是固定开关
（开启后发送评论自动在开头补上当前 NPC，不占用本列表）。清空全部模板后，指令条只保留固定项与设置入口。
指令条左侧「NPC 选择器」的候选，第一个是默认。系统 NPC 写
CodeBuddy，
自定义 NPC 写 仓库路径(角色名)（不用带 @），最多 ${NPC_MENTIONS_MAX} 个。
' + NPC_EMPTY_PRESETS_TIP + '
';
}
// 删除立即落盘；剩余行有未填完整的则留给「保存」统一提示
rowsBox.addEventListener('click', e => {
const del = e.target.closest('.npc-row-del');
if (!del) return;
const row = del.closest('.npc-row');
const name = row.querySelector('.npc-label-input').value.trim();
row.remove();
if (!rowsBox.querySelector('.npc-row')) rowsBox.innerHTML = '' + NPC_EMPTY_PRESETS_TIP + '
';
if (persistRowsIfValid()) {
showToast(getNpcPresets().length ? '已删除模板「' + (name || '未命名') + '」' : '已删除全部模板，指令条只保留固定项', 'ok');
} else {
showToast('已删除该行，其余改动请点「保存」', 'ok');
}
});
// 收集当前 DOM 中的模板行（整行留空视为已删除）
function collectPresetRows() {
const rows = [...rowsBox.querySelectorAll('.npc-row')];
const list = [];
let invalid = null;
rows.forEach(row => {
const labelEl = row.querySelector('.npc-label-input');
const promptEl = row.querySelector('.npc-prompt-input');
const label = labelEl.value.trim();
const prompt = promptEl.value.trim();
labelEl.classList.remove('invalid');
promptEl.classList.remove('invalid');
if (!label && !prompt) return; // 整行留空视为删除
if (!label || label.length > NPC_PRESET_LABEL_MAX) {
labelEl.classList.add('invalid');
invalid = invalid || labelEl;
}
if (!prompt) {
promptEl.classList.add('invalid');
invalid = invalid || promptEl;
}
list.push({ label, prompt });
});
return { list, invalid };
}
// 删除行后立即落盘；剩余行有未填完整的返回 false（交给「保存」按钮提示）
function persistRowsIfValid() {
const { list: next, invalid } = collectPresetRows();
if (invalid) return false;
saveNpcPresets(next);
refreshBar();
return true;
}
function savePresets() {
const { list: next, invalid } = collectPresetRows();
if (invalid) {
showToast(`标签（≤${NPC_PRESET_LABEL_MAX} 字）与指令都不能为空`, 'err');
invalid.focus();
return;
}
saveNpcPresets(next);
renderPresetRows();
refreshBar();
showToast(next.length ? '指令模板已保存' : '已清空模板，指令条只保留固定项', 'ok');
}
renderPresetRows();
function addPresetRow() {
rowsBox.querySelector('.npc-empty')?.remove();
rowsBox.insertAdjacentHTML('beforeend', presetRowHtml({ label: '', prompt: '' }));
rowsBox.querySelector('.npc-row:last-child .npc-label-input').focus();
}
popup.querySelector('.npc-add-preset').addEventListener('click', addPresetRow);
popup.querySelector('.npc-restore-presets').addEventListener('click', () => {
resetNpcPresets();
renderPresetRows();
refreshBar();
showToast('已恢复内置默认指令模板', 'ok');
});
popup.querySelector('.npc-save-presets').addEventListener('click', savePresets);
return { save: savePresets, add: addPresetRow };
}
// —— 设置弹窗：NPC 列表页签（增删，改动即时落盘）——
function setupNpcMentionPane(popup, refreshBar) {
const mentionBox = popup.querySelector('.npc-mention-list');
const mentionInput = popup.querySelector('.npc-mention-input');
// 与模板行同样是「整块重绘 + 一次委托」：当前在用的那个打标记，其余只可移除
function renderMentions() {
const current = getSelectedNpc();
mentionBox.innerHTML = getNpcMentions().map(name => `
${escapeHTML(name)}
${name === current ? '使用中' : ''}
`).join('');
}
mentionBox.addEventListener('click', e => {
const chip = e.target.closest('.npc-mention');
if (!chip || e.target.closest('button')?.dataset.act !== 'del') return;
const name = chip.dataset.name;
const wasSelected = getSelectedNpc() === name;
const before = getNpcMentions();
saveNpcMentions(before.filter(item => item !== name));
const after = getNpcMentions();
if (wasSelected) setSelectedNpc(''); // 在用的被移除 → 清掉记忆，回退到列表第一项
renderMentions();
refreshBar();
showToast(after.length === before.length - 1 ? '已移除 ' + name : '列表已空，已恢复默认 NPC', 'ok');
});
function addMention() {
const list = getNpcMentions();
const name = normalizeNpcName(mentionInput.value);
if (!name) {
showToast('格式：CodeBuddy 或 仓库路径(角色名)', 'err');
mentionInput.focus();
return;
}
if (list.indexOf(name) >= 0) {
showToast('该 NPC 已在列表中', 'err');
return;
}
if (list.length >= NPC_MENTIONS_MAX) {
showToast('最多 ' + NPC_MENTIONS_MAX + ' 个，请先移除一个', 'err');
return;
}
list.push(name);
saveNpcMentions(list);
mentionInput.value = '';
renderMentions();
refreshBar();
showToast('已添加 ' + name, 'ok');
}
renderMentions();
popup.querySelector('.npc-add-mention').addEventListener('click', addMention);
popup.querySelector('.npc-restore-mentions').addEventListener('click', () => {
resetNpcMentions();
setSelectedNpc(''); // 恢复默认列表同时清掉选择记忆
renderMentions();
refreshBar();
showToast('已恢复默认 NPC 列表', 'ok');
});
return { add: addMention };
}
// ===== 时间线侧栏开关（插在 issue 侧栏「私密」开关正下方）：只看评论 / 自动展开 =====
// 「只看评论」参考 CNBuff(https://cnb.cool/wwvo/chrome-extensions/cnbuff) 的 conversation-activity-filter：
// 命中 html 上的状态类后，隐藏 .issue-pull-activity 里除 .comment / .end 以外的活动项。
// 两个开关都复用原生 TDesign 开关外观，状态走 GM_setValue 本地持久化（刷新 / 重进页面不丢）。
const SIDEBAR_TOGGLES_CLASS = 'cnb-sidebar-toggles';
const ONLY_COMMENTS_CLASS = 'cnb-only-comments'; // 挂在 上（React 重建子树不会丢）
let _onlyCommentsOn = null; // 读缓存：processPage 每次 DOM 变更都会走一遍
function isOnlyCommentsOn() {
if (_onlyCommentsOn === null) _onlyCommentsOn = GM_getValue(KEYS.onlyComments, '0') === '1';
return _onlyCommentsOn;
}
function setOnlyCommentsOn(on) {
_onlyCommentsOn = !!on;
GM_setValue(KEYS.onlyComments, on ? '1' : '0');
}
// 「只看评论」：评论全部保留；活动项里**只保留最后一条 NPC 提及行（npc-mentioned）**，
// 其余活动（私有切换 / 标签 / 状态变更等）全部隐藏 → 给该条打 .cnb-last-activity，CSS 靠它决定显隐
function markLastActivity() {
const items = document.querySelectorAll('.issue-pull-activity.npc-mentioned');
const last = items.length ? items[items.length - 1] : null;
// 换页 / 新增活动后，旧标记要挪走，避免出现两个「保留项」
document.querySelectorAll('.issue-pull-activity.cnb-last-activity').forEach(el => {
if (el !== last) el.classList.remove('cnb-last-activity');
});
if (last) last.classList.add('cnb-last-activity');
}
function clearLastActivityMark() {
document.querySelectorAll('.issue-pull-activity.cnb-last-activity').forEach(el => el.classList.remove('cnb-last-activity'));
}
// 让过滤状态与存储保持一致：即使开关此刻不在页面上（时间线尚未渲染等），刷新后也能恢复
function applyOnlyComments() {
const on = isOnlyCommentsOn();
document.documentElement.classList.toggle(ONLY_COMMENTS_CLASS, on);
// 活动项随分页 / 新事件变化，每次页面处理都重标一次；关闭时清掉标记，避免残留
if (on) markLastActivity();
else clearLastActivityMark();
}
// —— 自动展开：滚到「向下加载更多」折叠块处自动点开 ——
const AUTO_UNFOLD_SEL = TEXT.loadMoreDown.map(t => `[aria-label="${t}"]`).join(','); // 多语言兜底
let _autoUnfoldOn = null;
function isAutoUnfoldOn() {
if (_autoUnfoldOn === null) _autoUnfoldOn = GM_getValue(KEYS.autoUnfold, '0') === '1';
return _autoUnfoldOn;
}
function setAutoUnfoldOn(on) {
_autoUnfoldOn = !!on;
GM_setValue(KEYS.autoUnfold, on ? '1' : '0');
}
let _autoUnfoldObserver = null;
let _autoUnfoldLastClick = 0;
const _autoUnfoldWatched = new WeakSet();
function isInViewport(el) {
const r = el.getBoundingClientRect();
const h = window.innerHeight || document.documentElement.clientHeight;
return r.bottom > 0 && r.top < h;
}
// 连点保护：展开会改动 DOM 触发全局重扫，短时间内只允许点一次，避免连环展开
function unfoldOnce(container) {
if (!isAutoUnfoldOn()) return;
if (Date.now() - _autoUnfoldLastClick < 700) return;
const btn = container.querySelector('button');
if (!btn) return;
_autoUnfoldLastClick = Date.now();
btn.click();
}
function expandFoldsInViewport() {
document.querySelectorAll(AUTO_UNFOLD_SEL).forEach(el => { if (isInViewport(el)) unfoldOnce(el); });
}
function bindAutoUnfoldObserver() {
if (_autoUnfoldObserver) return;
_autoUnfoldObserver = new IntersectionObserver(entries => {
if (!isAutoUnfoldOn()) return;
entries.forEach(entry => { if (entry.isIntersecting) unfoldOnce(entry.target); });
}, { threshold: 0 });
}
// 给页面上每个折叠块挂一次观察；滚进视口后由观察器回调点击「展开 N 条」
function ensureAutoUnfold() {
bindAutoUnfoldObserver();
document.querySelectorAll(AUTO_UNFOLD_SEL).forEach(el => {
if (_autoUnfoldWatched.has(el)) return;
_autoUnfoldWatched.add(el);
_autoUnfoldObserver.observe(el);
});
}
// 原生「私密」开关的定位：私密
function findPrivacySwitch() {
const spans = document.querySelectorAll('span.text-base');
for (const sp of spans) {
const label = sp.textContent.trim();
if (!TEXT.privacy.includes(label)) continue;
const row = sp.parentElement;
const sw = row && row.querySelector('.t-switch');
if (sw) return sw;
}
return null;
}
// 复用页面原生样式：克隆「私密」开关节点（去掉选中 / 禁用态）+ 原生 flex / text-base 排版
function buildSidebarSwitch(cfg, privacySwitch) {
const group = document.createElement('div');
group.className = 'cnb-sidebar-switch';
// 与原生一致：每个开关区块上方都用 TDesign 分割线分隔（原生「私密」块上方也是这条）
const divider = document.createElement('div');
divider.className = 't-divider my-2 t-divider--horizontal';
group.appendChild(divider);
const row = document.createElement('div');
row.className = 'flex items-center';
const label = document.createElement('span');
label.className = 'text-base';
label.textContent = cfg.label;
row.appendChild(label);
const toggle = privacySwitch.cloneNode(true);
toggle.classList.add('ml-2');
toggle.classList.remove('t-is-checked', 't-is-disabled', 't-is-loading');
toggle.removeAttribute('disabled');
toggle.tabIndex = 0;
const sync = () => {
const on = cfg.isOn();
toggle.classList.toggle('t-is-checked', on);
toggle.setAttribute('aria-checked', on ? 'true' : 'false');
toggle.title = on ? cfg.titleOn : cfg.titleOff;
};
sync();
toggle.addEventListener('click', () => {
const on = !cfg.isOn();
cfg.setOn(on);
sync();
showToast(on ? cfg.toastOn : cfg.toastOff, 'ok');
});
row.appendChild(toggle);
group.appendChild(row);
const desc = document.createElement('p');
desc.className = 'mt-2 text-sm text-ter break-all text-justify max-w-[300px]';
desc.textContent = cfg.desc;
group.appendChild(desc);
return group;
}
function buildSidebarToggles(privacySwitch) {
const block = document.createElement('div');
block.className = SIDEBAR_TOGGLES_CLASS;
// 每个开关自成一段，各自带一条分割线（与原生区块的分隔方式一致）
block.appendChild(buildSidebarSwitch({
label: '只看评论',
desc: '开启后评论全部保留，只显示最后一条 NPC 提及行，其它活动记录全部隐藏。',
isOn: isOnlyCommentsOn,
setOn: on => { setOnlyCommentsOn(on); applyOnlyComments(); },
titleOn: '已开启：评论全保留，只留最后一条 NPC 提及行',
titleOff: '已关闭：显示全部内容',
toastOn: '已开启：评论全保留，只留最后一条 NPC 提及行',
toastOff: '已关闭：显示全部内容'
}, privacySwitch));
block.appendChild(buildSidebarSwitch({
label: '自动展开',
desc: '滚动到「展开更多」处时，自动展开折叠的楼层。',
isOn: isAutoUnfoldOn,
setOn: on => { setAutoUnfoldOn(on); if (on) expandFoldsInViewport(); },
titleOn: '已开启：滚到折叠处自动展开',
titleOff: '已关闭：手动点击展开',
toastOn: '已开启：滚到折叠处自动展开',
toastOff: '已关闭：自动展开'
}, privacySwitch));
return block;
}
// —— 侧栏开关吸附：向下滚动、开关块原位置滚出视口后固定到页眉下方，滚回来自动归位 ——
// 用 fixed（而非 sticky）实现：侧栏高度不足或祖先 overflow 时 sticky 会失效，固定定位不受影响。
// 固定期间用一个同高占位节点顶住原位置，避免侧栏内容跳位；位置 / 宽度按占位节点实时对齐（含窗口缩放）。
const TOGGLES_PINNED_CLASS = 'cnb-toggles-pinned';
const TOGGLES_PLACEHOLDER_CLASS = 'cnb-sidebar-toggles-placeholder';
const SIDEBAR_PIN_TOP = 60; // 吸附位置：页眉（约 50px 高）下方
let _togglesPinRaf = null;
let _togglesPinBound = false;
let _togglesPinWanted = false; // 只在会话页维持吸附：其它页面滚动事件直接短路，不做 DOM 查询
function unpinSidebarToggles(block) {
block.classList.remove(TOGGLES_PINNED_CLASS);
block.style.top = block.style.left = block.style.width = '';
const ph = block.previousElementSibling;
if (ph && ph.classList.contains(TOGGLES_PLACEHOLDER_CLASS)) ph.remove();
}
// 清理固定态与占位节点（离开会话页 / 重建开关块前调用，避免残留）
function clearSidebarTogglesPin() {
document.querySelectorAll('.' + TOGGLES_PINNED_CLASS).forEach(el => unpinSidebarToggles(el));
document.querySelectorAll('.' + TOGGLES_PLACEHOLDER_CLASS).forEach(el => el.remove());
}
function syncSidebarTogglesPin() {
const block = document.querySelector('.' + SIDEBAR_TOGGLES_CLASS);
if (!block) { // 开关块被移除（非会话页 / React 重建）→ 顺手清掉孤儿占位节点
document.querySelectorAll('.' + TOGGLES_PLACEHOLDER_CLASS).forEach(el => el.remove());
return;
}
let ph = block.previousElementSibling;
if (!ph || !ph.classList.contains(TOGGLES_PLACEHOLDER_CLASS)) {
// 尚未固定：原位置还在吸附线以下就不动
const rect = block.getBoundingClientRect();
if (rect.top >= SIDEBAR_PIN_TOP) return;
ph = document.createElement('div');
ph.className = TOGGLES_PLACEHOLDER_CLASS;
ph.style.height = rect.height + 'px';
block.before(ph);
block.classList.add(TOGGLES_PINNED_CLASS);
}
// 已固定：占位节点回到吸附线以下（滚回来了）→ 归位；否则对齐位置与宽度
const phRect = ph.getBoundingClientRect();
if (phRect.top >= SIDEBAR_PIN_TOP) { unpinSidebarToggles(block); return; }
block.style.top = SIDEBAR_PIN_TOP + 'px';
block.style.left = phRect.left + 'px';
block.style.width = phRect.width + 'px';
}
function scheduleSidebarTogglesPin() {
if (!_togglesPinWanted || _togglesPinRaf !== null) return;
_togglesPinRaf = requestAnimationFrame(() => {
_togglesPinRaf = null;
syncSidebarTogglesPin();
});
}
// 捕获阶段监听：无论滚的是 window 还是某个滚动容器都能收到
function bindSidebarTogglesPin() {
if (_togglesPinBound) return;
_togglesPinBound = true;
document.addEventListener('scroll', scheduleSidebarTogglesPin, { capture: true, passive: true });
window.addEventListener('resize', scheduleSidebarTogglesPin);
}
// 开关块是否仍紧贴「私密」块之后（固定态下中间会多一个占位节点）
function isTogglesInPlace(block) {
let prev = block.previousElementSibling;
if (prev && prev.classList.contains(TOGGLES_PLACEHOLDER_CLASS)) prev = prev.previousElementSibling;
return !!(prev && prev.querySelector('.t-switch'));
}
// 维持侧栏开关：会话页插到「私密」下方；非会话页或找不到「私密」时移除
function ensureSidebarToggles(force) {
applyOnlyComments();
ensureAutoUnfold();
bindSidebarTogglesPin();
_togglesPinWanted = isCnbDomain() && isNpcConversationPage();
if (!_togglesPinWanted) {
clearSidebarTogglesPin();
document.querySelectorAll('.' + SIDEBAR_TOGGLES_CLASS).forEach(el => el.remove());
return;
}
const existing = document.querySelector('.' + SIDEBAR_TOGGLES_CLASS);
// 已就位（前一兄弟仍是「私密」块，含原生开关）→ 直接返回，避免每轮都全量扫 span.text-base
if (existing && !force && isTogglesInPlace(existing)) {
scheduleSidebarTogglesPin(); // 已滚过吸附线时重建后立刻归位
return;
}
const sw = findPrivacySwitch();
if (!sw) return; // 页面上没有「私密」（无权限 / 非 issue 详情）就不注入
const host = sw.parentElement && sw.parentElement.parentElement; // 「私密」外层 div（含说明）
if (!host || !host.parentNode) return;
if (existing) { clearSidebarTogglesPin(); existing.remove(); }
host.after(buildSidebarToggles(sw));
scheduleSidebarTogglesPin();
}
// ===== 评论楼层号（issue / PR 会话页时间线，按文档顺序编号）=====
// 评论项判据：.issue-pull-activity.comment —— 正文、普通评论、机器人(NPC)评论共用这一套 class。
// 徽章挂在评论头部「作者 / 时间」那一行的末尾：
// 1) 优先 .issue-pull-comment-header-container 里不含操作按钮的那一组（右侧那组是 … 按钮）；
// 2) 头部容器类名变化时（或机器人评论结构不同）退化为跟在时间元素后面，保证每条评论都有楼层号。
// 注意别用作者主页链接定位：机器人 / NPC 评论的作者名不是 a[href*="/u/"]，按链接找会整条漏掉。
// 楼层号从 0 开始：正文 = #0、第一条评论 = #1，依次类推。
// 分页 / 加载更多会插入新评论，每轮 processPage 按文档顺序重写编号，只改文本不重建节点。
const FLOOR_BADGE_CLASS = 'cnb-floor-badge';
const FLOOR_ITEM_SEL = '.issue-pull-activity.comment';
const FLOOR_HEADER_SEL = '.issue-pull-comment-header-container';
const FLOOR_TIME_SEL = '.t-trigger, .text-sm.text-ter';
// 楼层号载体 = 评论头部「作者 / 时间」那一行
function findFloorHost(item) {
const header = item.querySelector(FLOOR_HEADER_SEL);
if (header) {
return Array.from(header.children).find(el => !el.querySelector('button')) || header.firstElementChild;
}
const time = item.querySelector(FLOOR_TIME_SEL); // 兜底：头部容器缺失时贴着时间走
return time && time.parentElement;
}
function ensureCommentFloors() {
if (!isCnbDomain() || !isNpcConversationPage()) {
document.querySelectorAll('.' + FLOOR_BADGE_CLASS).forEach(el => el.remove());
return;
}
let floor = 0; // 楼层号从 0 开始：正文 = #0、第一条评论 = #1 …
document.querySelectorAll(FLOOR_ITEM_SEL).forEach(item => {
const host = findFloorHost(item);
if (!host) return; // 没有头部也没有时间的条目（占位等）不占楼层号
const no = floor++;
let badge = host.querySelector('.' + FLOOR_BADGE_CLASS);
if (!badge) {
badge = document.createElement('span');
badge.className = FLOOR_BADGE_CLASS;
host.appendChild(badge);
} else if (badge !== host.lastElementChild) {
host.appendChild(badge); // 上游插入新节点后挪回末尾，避免出现两个楼层号
}
const text = '#' + no;
if (badge.textContent !== text) badge.textContent = text;
badge.title = `第 ${no} 楼`;
});
}
// ===== 只看评论：把 NPC 提及行（npc-mentioned）里的「✓ 计数 + token 用量」搬到下方评论的楼层号右边 =====
// 开启只看评论后活动行会被隐藏，但这两块信息有用（跑了几个检查、耗了多少 token），
// 所以克隆到下方那条评论的头部、紧跟楼层号；关闭只看评论 / 离开会话页时清掉克隆。
// npc-mentioned 里只有最后一条被保留（本身可见，不再重复搬），其余隐藏后才把信息搬到评论旁。
// 只复制不动原件：原件照常留在活动行里（关闭只看评论时正常可见），不会「搬走」丢掉。
const MENTION_ITEM_SEL = '.issue-pull-activity.npc-mentioned';
const MENTION_CHECK_SEL = '.ruyi-icon-check'; // ✓ 计数图标
const MENTION_TOKENS_SEL = 'a[href*="/build/logs/"]'; // token 用量链接
const MENTION_COPY_CLASS = 'cnb-mention-info'; // 克隆节点标记（清理 + 幂等判断）
// 活动行之后紧随的评论项（跳过其它活动行 / 收尾装饰）
function nextCommentItem(item) {
let el = item.nextElementSibling;
while (el) {
if (el.classList.contains('comment')) return el;
el = el.nextElementSibling;
}
return null;
}
// 需要搬运的源节点：✓ 计数行（可能多条）+ token 用量链接
function collectMentionSources(item) {
const sources = [];
item.querySelectorAll(MENTION_CHECK_SEL).forEach(icon => {
const row = icon.parentElement; // ✓ 计数那一行（图标 + 数字）
if (row && !sources.includes(row)) sources.push(row);
});
const tokens = item.querySelector(MENTION_TOKENS_SEL)
|| Array.from(item.querySelectorAll('a')).find(a => /token/i.test(a.textContent)); // 多语言兜底
if (tokens) sources.push(tokens);
return sources;
}
// 克隆到 host 里 anchor 之后；内容 / 位置都没变则不动 DOM（否则每轮都触发 MutationObserver）
function syncMentionCopies(host, sources, anchor) {
const existing = Array.from(host.querySelectorAll('.' + MENTION_COPY_CLASS));
const sameText = existing.length === sources.length
&& existing.map(el => el.textContent).join('|') === sources.map(el => el.textContent).join('|');
if (sameText) {
let prev = anchor;
let inPlace = existing.every(el => {
const ok = el.previousElementSibling === prev;
prev = el;
return ok;
});
if (inPlace) return;
}
existing.forEach(el => el.remove());
let prev = anchor;
sources.forEach(src => {
const copy = src.cloneNode(true);
copy.classList.add(MENTION_COPY_CLASS);
copy.removeAttribute('id');
// 源节点里的图标带 id（如 id="check"），克隆后要去掉避免同页重复 id
copy.querySelectorAll('[id]').forEach(el => el.removeAttribute('id'));
prev.after(copy);
prev = copy;
});
}
function ensureMentionInfoInline() {
const removeCopies = () => document.querySelectorAll('.' + MENTION_COPY_CLASS).forEach(el => el.remove());
if (!isCnbDomain() || !isNpcConversationPage() || !isOnlyCommentsOn()) {
removeCopies();
return;
}
// 目标评论 → 负责写入的活动行；同一评论前有多条提及行时取最后一条，保证只有一方写 DOM
const owners = new Map();
document.querySelectorAll(MENTION_ITEM_SEL).forEach(item => {
const comment = nextCommentItem(item);
if (comment) owners.set(comment, item);
});
owners.forEach((item, comment) => {
const host = findFloorHost(comment);
if (!host) return;
const sources = collectMentionSources(item);
// 该活动行此刻仍可见（只看评论会保留下最后一条活动）→ 信息本来就在页面上，
// 不再搬到下面；同时清掉可能残留的克隆（标记移走后这一行会重新变可见）
if (!sources.length || item.getClientRects().length) {
host.querySelectorAll('.' + MENTION_COPY_CLASS).forEach(el => el.remove());
return;
}
// 挂在楼层号右边；楼层号缺失（异常结构）时退到元信息行末尾
const anchor = host.querySelector('.' + FLOOR_BADGE_CLASS) || host.lastElementChild || host;
syncMentionCopies(host, sources, anchor);
});
}
// CNB 网站功能初始化
function initCnbFeatures() {
if (!isCnbDomain()) return;
// 处理短链接跳转（仅执行一次）
handleCnbGotoPage();
// 添加点击事件委托（仅添加一次）
document.addEventListener('click', cnbGotoClickHandler, true);
// 页面处理：挂到共享调度器（与收藏夹共用同一个 MutationObserver + 节流）
registerPageProcessor(() => {
addCreateRepoButton();
rewriteCnbGotoLinks();
enhanceGridLayout();
addDownloadButtonFeature();
addQuickAccessBar();
ensureNpcBar();
ensureSidebarToggles();
ensureCommentFloors();
ensureMentionInfoInline();
});
ensurePageObserver();
// 立即尝试添加
schedulePageProcess();
// SPA 路由变化 / 页面重新可见时补一次处理
window.addEventListener('popstate', () => setTimeout(schedulePageProcess, 100));
document.addEventListener('visibilitychange', () => {
if (document.visibilityState === 'visible') setTimeout(schedulePageProcess, 100);
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initCnbFeatures);
} else {
initCnbFeatures();
}
})();