）
function showConfirm(msg) {
return new Promise(resolve => {
document.querySelectorAll('.cnb-confirm-overlay').forEach(el => el.remove());
const overlay = document.createElement('div');
overlay.className = 'cnb-confirm-overlay';
overlay.innerHTML = `
`;
overlay.querySelector('.cnb-confirm-ok').addEventListener('click', () => { overlay.remove(); resolve(true); });
overlay.querySelector('.cnb-confirm-cancel').addEventListener('click', () => { overlay.remove(); resolve(false); });
overlay.addEventListener('click', function(e) { if (e.target === overlay) { overlay.remove(); resolve(false); } });
document.body.appendChild(overlay);
});
}
// ===== 通用：拖拽排序（快捷导航图标 / NPC 指令条 chip 共用）=====
/**
* 一组同级元素绑定「左键拖拽换位」。
* 落点只用 class 标记、拖拽中不增删节点：dragover 高频，任何 childList 变动都会唤醒全局
* MutationObserver 触发整页重扫（会卡死）。元素需带 dataset.index，onReorder(from, insertAt) 由调用方落盘、重绘。
*/
function bindDragReorder(items, onReorder) {
const clearDrops = () => items.forEach(el => el.classList.remove('drop-left', 'drop-right'));
items.forEach(item => {
const sideOf = e => (e.clientX < item.getBoundingClientRect().left + item.offsetWidth / 2 ? 'left' : 'right');
let marked = '';
item.addEventListener('dragstart', e => {
e.dataTransfer.effectAllowed = 'move';
e.dataTransfer.setData('text/plain', item.dataset.index);
item.classList.add('dragging');
});
item.addEventListener('dragend', () => {
item.classList.remove('dragging');
clearDrops();
});
item.addEventListener('dragover', e => {
e.preventDefault(); // 不 preventDefault 就不是合法落点
e.dataTransfer.dropEffect = 'move';
const side = sideOf(e);
if (side === marked) return; // 同一落点：不动 DOM
marked = side;
clearDrops();
item.classList.add('drop-' + side);
});
item.addEventListener('dragleave', e => {
if (!marked || item.contains(e.relatedTarget)) return;
marked = '';
item.classList.remove('drop-left', 'drop-right');
});
item.addEventListener('drop', e => {
e.preventDefault();
e.stopPropagation();
const from = parseInt(e.dataTransfer.getData('text/plain'), 10);
const to = parseInt(item.dataset.index, 10);
const insertAt = sideOf(e) === 'left' ? to : to + 1;
clearDrops();
marked = '';
if (isNaN(from) || isNaN(to) || from === to) return;
onReorder(from, from < insertAt ? insertAt - 1 : insertAt);
});
});
}
// 为下载按钮添加点击下载功能和复制直链按钮
function addDownloadButtonFeature() {
// 查找所有包含 download 图标的按钮
document.querySelectorAll('button').forEach(button => {
// 避免重复绑定
if (button.dataset.cnbDownloadEnhanced) return;
const hasDownloadSvg = button.querySelector('svg#download');
if (!hasDownloadSvg) return;
// 只在文件查看页（blob）生效
if (!window.location.pathname.includes('/blob/')) return;
button.dataset.cnbDownloadEnhanced = 'true';
// 给下载按钮添加 rounded-l-none -ml-[1px]，作为分组的右侧按钮
if (!button.classList.contains('rounded-l-none')) {
button.classList.add('rounded-l-none', '-ml-[1px]');
}
button.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
// 获取当前页面 URL 并转换为 raw 下载链接
const currentUrl = window.location.href;
const downloadUrl = currentUrl.replace(/\/blob\//, '/git/raw/');
const link = document.createElement('a');
link.href = downloadUrl;
link.download = '';
link.target = '_blank';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
});
// 在下载按钮旁边添加复制直链按钮
const parentDiv = button.parentElement;
if (parentDiv && !parentDiv.querySelector('.cnb-copy-url-btn')) {
const copyBtn = document.createElement('button');
copyBtn.type = 'button';
// 复制按钮在左，去掉右边圆角
copyBtn.className = 'rounded-r-none hover:z-10 px-2 text-sec hover:text-brand-500 t-button t-button--theme-default t-button--variant-outline cnb-copy-url-btn';
copyBtn.title = '复制直链';
copyBtn.innerHTML = `
`;
copyBtn.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
const currentUrl = window.location.href;
const downloadUrl = currentUrl.replace(/\/blob\//, '/git/raw/');
try {
if (typeof GM_setClipboard === 'function') {
GM_setClipboard(downloadUrl);
} else {
navigator.clipboard.writeText(downloadUrl);
}
showCopyToast(e.clientX, e.clientY);
} catch (err) {
showToast('复制失败，请手动复制', 'err');
}
});
// 插入到下载按钮前面，形成 [复制] [下载] 分组
parentDiv.insertBefore(copyBtn, button);
}
});
}
// 快捷导航栏存储 key
const QA_STORAGE_KEY = 'cnb_quick_access_links';
// COS 配置存储 key
const COS_CONFIG_KEY = 'cnb_cos_config';
const COS_FILE_KEY = 'CNB/CNB.json';
function getCosConfig() {
try { return JSON.parse(GM_getValue(COS_CONFIG_KEY, '{}')); }
catch (e) { return {}; }
}
function setCosConfig(cfg) { GM_setValue(COS_CONFIG_KEY, JSON.stringify(cfg)); }
function isCosEnabled() {
const cfg = getCosConfig();
return !!(cfg.SecretId && cfg.SecretKey && cfg.Bucket && cfg.Region);
}
// ===== COS 签名工具（基于 Web Crypto API + GM_xmlhttpRequest，无需外部 SDK）=====
async function _sha1Hex(text) {
const buf = new TextEncoder().encode(text);
const hash = await crypto.subtle.digest('SHA-1', buf);
return Array.from(new Uint8Array(hash)).map(b => b.toString(16).padStart(2, '0')).join('');
}
async function _hmacSha1Hex(keyText, dataText) {
const keyBuf = new TextEncoder().encode(keyText);
const key = await crypto.subtle.importKey('raw', keyBuf, { name: 'HMAC', hash: 'SHA-1' }, false, ['sign']);
const sig = await crypto.subtle.sign('HMAC', key, new TextEncoder().encode(dataText));
return Array.from(new Uint8Array(sig)).map(b => b.toString(16).padStart(2, '0')).join('');
}
async function _cosSign(method, keyPath, host, secretId, secretKey) {
const now = Math.floor(Date.now() / 1000);
const expired = now + 300;
const keyTime = now + ';' + expired;
const signKey = await _hmacSha1Hex(secretKey, keyTime);
const httpStr = method.toLowerCase() + '\n/' + keyPath + '\n\nhost=' + host + '\n';
const sha1Http = await _sha1Hex(httpStr);
const strToSign = 'sha1\n' + keyTime + '\n' + sha1Http + '\n';
const signature = await _hmacSha1Hex(signKey, strToSign);
return 'q-sign-algorithm=sha1&q-ak=' + secretId +
'&q-sign-time=' + keyTime + '&q-key-time=' + keyTime +
'&q-header-list=host&q-url-param-list=&q-signature=' + signature;
}
function cosRequest(method, keyPath, body, cfg) {
const host = cfg.Bucket + '.cos.' + cfg.Region + '.myqcloud.com';
const url = 'https://' + host + '/' + keyPath;
return new Promise((resolve, reject) => {
_cosSign(method, keyPath, host, cfg.SecretId, cfg.SecretKey).then(auth => {
const headers = { 'Authorization': auth, 'Host': host };
if (body) headers['Content-Type'] = 'application/json';
GM_xmlhttpRequest({
method: method,
url: url,
headers: headers,
data: body || undefined,
onload: function(res) {
if (res.status >= 200 && res.status < 300) resolve(res);
else reject(new Error(method + ' COS 失败: HTTP ' + res.status + ' ' + (res.responseText || '')));
},
onerror: function() { reject(new Error(method + ' COS 请求失败')); }
});
}).catch(reject);
});
}
// ===== COS 导入导出 =====
function cosUpload(jsonData) {
const cfg = getCosConfig();
if (!isCosEnabled()) return Promise.reject(new Error('COS 未配置'));
return cosRequest('PUT', COS_FILE_KEY, jsonData, cfg).then(function() {});
}
function cosDownload() {
const cfg = getCosConfig();
if (!isCosEnabled()) return Promise.reject(new Error('COS 未配置'));
return new Promise((resolve, reject) => {
cosRequest('GET', COS_FILE_KEY, null, cfg).then(res => {
resolve(res.responseText);
}).catch(reject);
});
}
function showCosSettingsPopup(triggerBtn) {
document.querySelectorAll('.cnb-qa-cos-popup').forEach(el => el.remove());
const cfg = getCosConfig();
const popup = document.createElement('div');
popup.className = 'cnb-qa-cos-popup';
popup.innerHTML = `
`;
document.body.appendChild(popup);
const rect = triggerBtn.getBoundingClientRect();
popup.style.left = Math.min(rect.left, window.innerWidth - 400) + 'px';
popup.style.top = Math.max(10, rect.bottom - popup.offsetHeight - 6) + 'px';
const statusEl = popup.querySelector('#cos-status');
function setStatus(msg, cls) { statusEl.textContent = msg; statusEl.className = 'cos-status ' + cls; }
// 测试连接
popup.querySelector('#cos-btn-test').addEventListener('click', async () => {
setStatus('正在测试连接...', '');
try {
const testCfg = {
SecretId: popup.querySelector('#cos-input-SecretId').value.trim(),
SecretKey: popup.querySelector('#cos-input-SecretKey').value.trim(),
Bucket: popup.querySelector('#cos-input-Bucket').value.trim(),
Region: popup.querySelector('#cos-input-Region').value.trim()
};
if (!testCfg.SecretId || !testCfg.SecretKey || !testCfg.Bucket || !testCfg.Region) {
setStatus('请填写完整配置信息', 'err'); return;
}
setCosConfig(testCfg);
await cosRequest('HEAD', '', null, testCfg);
setStatus('连接成功！COS 可用', 'ok');
} catch (e) { setStatus('连接失败: ' + e.message, 'err'); }
});
// 保存
popup.querySelector('#cos-btn-save').addEventListener('click', () => {
setCosConfig({
SecretId: popup.querySelector('#cos-input-SecretId').value.trim(),
SecretKey: popup.querySelector('#cos-input-SecretKey').value.trim(),
Bucket: popup.querySelector('#cos-input-Bucket').value.trim(),
Region: popup.querySelector('#cos-input-Region').value.trim()
});
setStatus('设置已保存', 'ok');
setTimeout(() => popup.remove(), 800);
});
popup.querySelector('#cos-btn-cancel').addEventListener('click', () => popup.remove());
setTimeout(() => {
document.addEventListener('click', function oc(e) {
if (!popup.contains(e.target) && !triggerBtn.contains(e.target)) {
popup.remove(); document.removeEventListener('click', oc);
}
});
}, 10);
}
function getQALinks() {
try { return JSON.parse(GM_getValue(QA_STORAGE_KEY, '[]')); }
catch (e) { return []; }
}
function saveQALinks(links) { GM_setValue(QA_STORAGE_KEY, JSON.stringify(links)); }
// 显示添加/编辑弹窗
function showQAPopup(btn, editIndex) {
document.querySelectorAll('.cnb-qa-popup').forEach(el => el.remove());
const links = getQALinks();
const isEdit = typeof editIndex === 'number';
const defaultHref = isEdit ? links[editIndex].href : '';
const defaultImg = isEdit ? links[editIndex].img : '';
const defaultWs = isEdit ? (links[editIndex].workspace || null) : null;
const popup = document.createElement('div');
popup.className = 'cnb-qa-popup';
popup.innerHTML = `
`;
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_KEY + '）', '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();
});
});
setTimeout(() => {
document.addEventListener('click', function oc(e) {
if (!popup.contains(e.target) && !btn.contains(e.target)) {
popup.remove();
document.removeEventListener('click', oc);
}
});
}, 10);
hrefInput.focus();
}
// 渲染快捷导航栏
function renderQuickAccessBar() {
const existingBar = document.querySelector('.cnb-quick-access-bar');
const targetContainer = document.querySelector('div.flex.overflow-hidden.items-center.mr-10');
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 = `
`;
item.draggable = true;
item.dataset.index = idx;
// 云原生开发模式：点击时调接口获取动态URL再跳转
if (link.workspace && link.workspace.api_path) {
item.addEventListener('click', async (e) => {
e.preventDefault();
// 已在拖拽中则不处理
if (item.classList.contains('dragging')) return;
const ws = link.workspace;
let apiPath = String(ws.api_path || '').replace(/^https?:\/\/cnb\.cool/i, '');
if (!apiPath.startsWith('/')) apiPath = '/' + apiPath;
const branch = String(ws.branch || '').trim();
const ref = String(ws.ref || '').trim();
// 校验关键字段
if (apiPath === '/' || !apiPath || apiPath.includes('{') || apiPath.includes('}')) {
showToast('API 路径无效，请右键重新编辑该快捷导航', 'err');
showQAPopup(item, idx);
return;
}
const imgEl = item.querySelector('img');
const origOpacity = imgEl ? imgEl.style.opacity : '';
if (imgEl) imgEl.style.opacity = '0.4';
try {
const bodyObj = {};
if (branch && branch !== 'string' && branch !== '请填写') bodyObj.branch = branch;
if (ref && ref !== 'string' && ref !== '请填写') bodyObj.ref = ref;
const payload = JSON.stringify(bodyObj);
const result = await new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'POST',
url: `https://api.cnb.cool${apiPath}/-/workspace/start`,
headers: {
'Content-Type': 'application/json',
'Accept': 'application/vnd.cnb.api+json',
...(ws.token ? { 'Authorization': ws.token } : {})
},
data: payload,
onload(res) {
if (res.status >= 200 && res.status < 300) {
try { resolve(JSON.parse(res.responseText)); }
catch (_) { resolve({}); }
} else {
reject(new Error(`HTTP ${res.status}`));
}
},
onerror() { reject(new Error('网络请求失败')); }
});
});
const workspaceUrl = result.url || '';
if (!workspaceUrl) throw new Error('未返回有效的云原生开发地址');
window.open(workspaceUrl, '_blank', 'noopener');
} catch (err) {
showToast('云原生开发启动失败：' + err.message, 'err');
} finally {
if (imgEl) imgEl.style.opacity = origOpacity;
}
});
item.href = '#'; // 阻止默认链接
} else {
item.href = link.href;
}
// 右键删除
item.addEventListener('contextmenu', e => {
e.preventDefault();
showQAPopup(item, idx);
});
bar.appendChild(item);
});
// 拖拽换位（共用实现，见 bindDragReorder）
bindDragReorder([...bar.querySelectorAll('.cnb-quick-access-item')], (from, insertAt) => {
const links = getQALinks();
const [moved] = links.splice(from, 1);
links.splice(insertAt, 0, moved);
saveQALinks(links);
renderQuickAccessBar();
});
const addBtn = document.createElement('span');
addBtn.className = 'cnb-qa-add-btn';
addBtn.textContent = '+';
addBtn.title = '添加快捷导航';
addBtn.addEventListener('click', e => { e.stopPropagation(); showQAPopup(addBtn); });
bar.appendChild(addBtn);
// 直接放到容器末尾
targetContainer.appendChild(bar);
}
// 添加快捷导航栏
function addQuickAccessBar() {
if (!isCnbDomain()) return;
const targetContainer = document.querySelector('div.flex.overflow-hidden.items-center.mr-10');
if (!targetContainer) return;
// 已存在且位置正确则跳过
const existingBar = document.querySelector('.cnb-quick-access-bar');
if (existingBar) {
if (targetContainer.contains(existingBar)) {
// 检查是否在"公开"标签后面
const publicTag = targetContainer.querySelector('span.text-ter.border-ter');
if (!publicTag || publicTag.compareDocumentPosition(existingBar) & Node.DOCUMENT_POSITION_FOLLOWING) {
return; // 位置正确
}
// "公开"已加载但bar在前面 → 移动到末尾即可，不需要重建
targetContainer.appendChild(existingBar);
return;
}
// 不在正确容器中 → 重建
existingBar.remove();
}
renderQuickAccessBar();
}
// ===== NPC 快捷指令：指令模板 + NPC 列表 =====
// issue / PR 会话页评论框上方一条指令条（NPC 选择器 + 自动提及开关 + 模板 chip + 设置齿轮），
// 模板与 NPC 候选在齿轮弹窗里维护。本区顺序：常量 → 存储 → 提及处理 → 编辑器读写 → 输入同步 → 指令条 → 弹窗。
const NPC_PRESETS_KEY = 'cnb_npc_presets';
const NPC_MENTIONS_KEY = 'cnb_npc_mentions';
const NPC_SELECTED_KEY = 'cnb_npc_selected';
const NPC_PREFIX_KEY = 'cnb_npc_prefix';
const NPC_PRESET_LABEL_MAX = 8;
const NPC_PRESET_PROMPT_MAX = 200;
const NPC_MENTION_MAX = 100;
const NPC_MENTIONS_MAX = 25;
const NPC_POPUP_TOP = 50; // 设置弹窗悬浮位置：距视口顶部（页眉下方）
const NPC_BOT_ICON = '';
// 内置默认指令模板（与 CNBuff 扩展保持一致的默认集）
const DEFAULT_NPC_PRESETS = [
{ label: '总结讨论', prompt: '总结一下这个讨论的要点和结论。' },
{ label: '解答问题', prompt: '帮我回答一下这个问题。' },
{ label: '排查定位', prompt: '帮我分析这个问题的可能原因并给出排查步骤。' },
{ label: '评审代码', prompt: '帮我评审这个合并请求的改动，指出潜在问题、风险点和改进建议。' },
{ label: '解释改动', prompt: '用通俗的语言解释这个改动做了什么、为什么要这么做。' },
{ label: '给出方案', prompt: '针对这个需求给出可行的实现方案，列出大致步骤和需要注意的点。' },
{ label: '补充用例', prompt: '为这个改动建议需要补充的测试用例，重点覆盖边界场景和易错路径。' },
{ label: '起草回复', prompt: '帮我起草一条得体的回复，说明当前进展、结论或后续计划。' }
];
const DEFAULT_NPC_MENTIONS = [
'CodeBuddy',
'npc/CodeBuddy(deepseek-v4.1-flash)',
'npc/CodeBuddy(hy4-preview)'
];
// 格式：CodeBuddy（系统 NPC）或 仓库路径(角色名)（自定义 NPC）
const NPC_NAME_RE = /^(?:[\w.-]+(?:\/[\w.-]+)+\([^()]+\)|\w+)$/;
function readStoredJson(key) {
try { return JSON.parse(GM_getValue(key, 'null')); }
catch (e) { return null; }
}
// 读缓存：processPage 每次 DOM 变更都会走一遍指令条，避免反复 GM_getValue + JSON.parse；写操作同步失效
const npcMemo = {};
function npcCached(key, compute) {
if (!(key in npcMemo)) npcMemo[key] = compute();
return npcMemo[key];
}
const dropNpcCache = key => { delete npcMemo[key]; };
const NPC_EMPTY_PRESETS_TIP = '暂无模板：指令条会只保留固定项 @NPC';
// 指令模板：从未配置 → 内置默认；显式清空（空数组）→ 空数组（指令条只留固定项）
function getNpcPresets() {
return npcCached('presets', () => {
const raw = readStoredJson(NPC_PRESETS_KEY);
if (!Array.isArray(raw)) return DEFAULT_NPC_PRESETS.map(p => ({ label: p.label, prompt: p.prompt }));
return raw.filter(p => p && typeof p.label === 'string' && typeof p.prompt === 'string')
.map(p => ({ label: p.label, prompt: p.prompt }));
}).slice(); // 调用方可能就地改（拖拽排序），返回副本
}
function saveNpcPresets(list) {
GM_setValue(NPC_PRESETS_KEY, JSON.stringify(list.map(p => ({ label: String(p.label).trim(), prompt: String(p.prompt).trim() }))));
dropNpcCache('presets');
}
function resetNpcPresets() { GM_setValue(NPC_PRESETS_KEY, 'null'); dropNpcCache('presets'); }
// NPC 列表：去空、去重、限长限量；空列表回退默认（避免指令条没有可 @ 的对象）
function getNpcMentions() {
return npcCached('mentions', () => {
const raw = readStoredJson(NPC_MENTIONS_KEY);
const out = [];
if (Array.isArray(raw)) raw.forEach(item => {
const name = typeof item === 'string' ? item.trim().replace(/^@+/, '').slice(0, NPC_MENTION_MAX) : '';
if (name && out.indexOf(name) === -1 && out.length < NPC_MENTIONS_MAX) out.push(name);
});
return out.length ? out : DEFAULT_NPC_MENTIONS.slice();
}).slice(); // 调用方会 push / filter，返回副本
}
function saveNpcMentions(list) { GM_setValue(NPC_MENTIONS_KEY, JSON.stringify(list)); dropNpcCache('mentions'); }
function resetNpcMentions() { GM_setValue(NPC_MENTIONS_KEY, 'null'); dropNpcCache('mentions'); }
function getSelectedNpc() {
const list = getNpcMentions();
const saved = npcCached('selected', () => GM_getValue(NPC_SELECTED_KEY, ''));
return list.indexOf(saved) >= 0 ? saved : list[0];
}
function setSelectedNpc(name) { GM_setValue(NPC_SELECTED_KEY, name); dropNpcCache('selected'); }
// 「发送自动带 NPC」开关（默认关闭，状态本地持久化）
function isNpcPrefixOn() { return npcCached('prefix', () => GM_getValue(NPC_PREFIX_KEY, '0') === '1'); }
function setNpcPrefixOn(on) { GM_setValue(NPC_PREFIX_KEY, on ? '1' : '0'); npcMemo.prefix = !!on; }
// —— 备份 / 还原：随收藏夹、快捷导航一起进同一份 JSON ——
function getNpcBackup() {
return {
presets: getNpcPresets(),
mentions: getNpcMentions(),
selected: getSelectedNpc(),
prefix: isNpcPrefixOn()
};
}
/** 旧备份没有 npc 字段 → 原样不动当前 NPC 配置 */
function applyNpcBackup(npc) {
if (!npc || typeof npc !== 'object') return false;
if (Array.isArray(npc.presets)) {
const valid = npc.presets.filter(p => p && typeof p.label === 'string' && typeof p.prompt === 'string');
// 空数组是合法状态（清空模板）；整段脏数据则跳过，别把现有模板冲掉
if (valid.length || npc.presets.length === 0) saveNpcPresets(valid);
}
if (Array.isArray(npc.mentions)) saveNpcMentions(npc.mentions.filter(m => typeof m === 'string'));
if (typeof npc.prefix === 'boolean') setNpcPrefixOn(npc.prefix);
if (typeof npc.selected === 'string' && npc.selected) setSelectedNpc(npc.selected);
return true;
}
// 草稿开头的提及：@ + NPC 名（CodeBuddy 或 仓库路径(角色名)）
const NPC_LEAD_MENTION_RE = /^\s*@((?:[\w.-]+(?:\/[\w.-]+)+\([^()]+\)|[\w.-]+))/;
function getLeadingMention(value) {
const m = String(value || '').match(NPC_LEAD_MENTION_RE);
return m ? m[1] : '';
}
/**
* 开关开启时草稿应有的形态：空草稿保持空；已经有开头提及（自己 @ 了人或别的 NPC）就不动；
* 否则在开头补上 `@NPC `。
*/
function withLeadingNpc(value, npc) {
const text = String(value == null ? '' : value);
if (!text.trim()) return '';
if (getLeadingMention(text)) return text; // 已有完整开头提及（自己 @ 的人或 NPC）→ 原样保留
if (/^\s*@/.test(text)) return text; // 正在手打提及（例如刚敲了一个 @）→ 不插手
return '@' + npc + ' ' + text;
}
/** 替换草稿开头的提及（切换 NPC 时用） */
function replaceLeadingMention(value, npc) {
const rest = String(value).replace(NPC_LEAD_MENTION_RE, '').replace(/^\s+/, '');
return '@' + npc + (rest ? ' ' + rest : ' ');
}
// 规范化用户输入的 NPC 名称，不合法返回空串
function normalizeNpcName(raw) {
const name = String(raw || '').trim().replace(/^@+/, '').trim();
if (!name || name.length > NPC_MENTION_MAX) return '';
return NPC_NAME_RE.test(name) ? name : '';
}
// 生效页面：issue / PR 会话页（页面底部有主评论编辑器）
function isNpcConversationPage() {
return /\/-\/(issues|pulls)\/\d+/.test(location.pathname);
}
// 主评论编辑器 = 文档顺序最后一个 .markdown-editor（inline 编辑的编辑器在时间线中部）
function findNpcEditor() {
const editors = document.querySelectorAll('.markdown-editor');
return editors.length ? editors[editors.length - 1] : null;
}
// 向 React 受控 textarea 写值：必须走原型 setter + input 事件，否则会被重渲染覆盖
function writeNpcTextarea(textarea, next, cursor) {
const setter = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set;
if (!setter) return false;
setter.call(textarea, next);
textarea.dispatchEvent(new Event('input', { bubbles: true }));
if (typeof textarea.setSelectionRange === 'function') {
const pos = Math.max(0, Math.min(cursor, next.length));
textarea.setSelectionRange(pos, pos);
}
textarea.focus();
return true;
}
function insertNpcText(textarea, text) {
if (!textarea) return false;
const start = typeof textarea.selectionStart === 'number' ? textarea.selectionStart : textarea.value.length;
const end = typeof textarea.selectionEnd === 'number' ? textarea.selectionEnd : start;
const next = textarea.value.slice(0, start) + text + textarea.value.slice(end);
if (writeNpcTextarea(textarea, next, start + text.length)) return true;
// 兜底：原型 setter 不可用时退回 execCommand
textarea.focus();
try { return document.execCommand('insertText', false, text); }
catch (e) { return false; }
}
function getNpcEditorTextarea() {
const editor = findNpcEditor();
return editor ? editor.querySelector('textarea') : null;
}
// 是否是「当前页面的主评论框」：只在 issue / PR 会话页、且是底部那个编辑器才算，inline 编辑框不算
function isNpcMainEditor(el) {
if (!isNpcConversationPage()) return false;
if (!el || el.tagName !== 'TEXTAREA') return false;
const editor = findNpcEditor();
return !!editor && editor.contains(el);
}
// 往主评论框插入一段文本（找不到输入框时给提示）
function insertNpcAtEditor(text, okMsg) {
const textarea = getNpcEditorTextarea();
if (!textarea) { showToast('未找到评论输入框', 'err'); return; }
if (insertNpcText(textarea, text)) showToast(okMsg, 'ok');
else showToast('插入失败，请手动输入', 'err');
}
// 改写整段草稿，光标按长度增量偏移（补/换提及都发生在开头）
function writeLeadingNpc(textarea, next) {
const value = textarea.value;
if (next === value) return;
const start = typeof textarea.selectionStart === 'number' ? textarea.selectionStart : value.length;
writeNpcTextarea(textarea, next, start + (next.length - value.length));
}
// 开关开启时，用户每次输入后都把开头补上 @NPC（输入 / 粘贴 / IME 都走 input 事件）
function syncNpcDraft(textarea) {
writeLeadingNpc(textarea, withLeadingNpc(textarea.value, getSelectedNpc()));
}
let _npcPrefixBound = false;
function bindNpcPrefixSync() {
if (_npcPrefixBound) return;
_npcPrefixBound = true;
// 输入法合成中的 textarea 绝不能改写 value：会打断合成（表现为拼音串字、中文打不进去）
const composing = new WeakSet();
document.addEventListener('compositionstart', e => {
if (e.target && e.target.tagName === 'TEXTAREA') composing.add(e.target);
}, true);
// 合成结束：等刚上屏的文字落定后再补前缀（两种事件顺序都兼容）
document.addEventListener('compositionend', e => {
const textarea = e.target;
if (!textarea || textarea.tagName !== 'TEXTAREA') return;
composing.delete(textarea);
setTimeout(() => {
if (!isNpcPrefixOn() || composing.has(textarea) || !isNpcMainEditor(textarea)) return;
syncNpcDraft(textarea);
}, 0);
}, true);
// 焦点离开时兜底清掉合成标记
document.addEventListener('blur', e => {
if (e.target && e.target.tagName === 'TEXTAREA') composing.delete(e.target);
}, true);
// 捕获阶段监听，早于 React 的 onChange 读到最终值
document.addEventListener('input', e => {
if (!isNpcPrefixOn() || !isNpcMainEditor(e.target)) return;
if (e.isComposing || composing.has(e.target)) return; // 合成中 → 不动
if (e.inputType === 'insertCompositionText') return; // 合成中间态兜底
syncNpcDraft(e.target);
}, 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」的输入监听只绑定一次
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_PRESET_PROMPT_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 关闭；输入框回车即保存 / 添加
popup.addEventListener('keydown', e => {
if (e.key === 'Escape') { popup.remove(); return; }
if (e.key !== 'Enter') return;
e.preventDefault();
const pane = e.target.closest('.npc-pane');
if (pane && pane.dataset.pane === 'mentions') mentionPane.add();
else presetPane.save();
});
// 点击弹窗外部关闭。必须用 composedPath：删除行 / 重建 chip 会把被点的元素先摘出 DOM，
// 冒泡到 document 时再用 popup.contains(e.target) 会误判成「点了外部」而关掉弹窗。
setTimeout(() => {
document.addEventListener('click', function outside(e) {
const path = typeof e.composedPath === 'function' ? e.composedPath() : null;
const inside = path
? path.indexOf(popup) >= 0 || path.indexOf(triggerBtn) >= 0
: popup.contains(e.target) || triggerBtn.contains(e.target);
if (!inside) {
popup.remove();
document.removeEventListener('click', outside);
}
});
}, 10);
}
// —— 设置弹窗：指令模板页签（行内增删改，删除立即落盘）——
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 || prompt.length > NPC_PRESET_PROMPT_MAX) {
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} 字）与指令（≤${NPC_PRESET_PROMPT_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 };
}
// CNB 网站功能初始化
function initCnbFeatures() {
if (!isCnbDomain()) return;
// 处理短链接跳转（仅执行一次）
handleCnbGotoPage();
// 添加点击事件委托（仅添加一次）
document.addEventListener('click', cnbGotoClickHandler, true);
// 统一的处理函数
const processPage = () => {
if (isCnbDomain()) {
addCreateRepoButton();
rewriteCnbGotoLinks();
enhanceGridLayout();
addInputCopyFeature();
addDownloadButtonFeature();
addQuickAccessBar();
ensureNpcBar();
}
};
// 等待页面加载完成
const observer = new MutationObserver(() => {
processPage();
});
observer.observe(document.body, {
childList: true,
subtree: true
});
// 立即尝试添加
processPage();
// 也监听 popstate 事件（SPA 路由变化）
window.addEventListener('popstate', () => {
setTimeout(processPage, 100);
});
// 监听 visibilitychange，确保页面可见时重新处理
document.addEventListener('visibilitychange', () => {
if (document.visibilityState === 'visible') {
setTimeout(processPage, 100);
}
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initCnbFeatures);
} else {
initCnbFeatures();
}
})();