${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();
});
}
// 导入数据（含收藏夹）
popup.querySelector('#qa-btn-import').addEventListener('click', async () => {
if (isCosEnabled()) {
try {
const body = await cosDownload();
const raw = typeof body === 'string' ? body : new TextDecoder().decode(body);
const data = JSON.parse(raw);
const qaList = (data.quickAccess && Array.isArray(data.quickAccess)) ? data.quickAccess : (Array.isArray(data) ? data : []);
const hasFavorites = data.favorites && Object.keys(data.favorites).length > 0;
const msg = (hasFavorites ? '将导入 ' + qaList.length + ' 条快捷导航 + 收藏夹标签数据' : '将导入 ' + qaList.length + ' 条快捷导航') + '，是否覆盖数据？';
if (await showConfirm(msg)) {
if (data.favorites) saveData(data.favorites);
saveQALinks(qaList); popup.remove(); renderQuickAccessBar(); showToast('导入成功！', 'ok');
}
} 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 {
const data = JSON.parse(ev.target.result);
const qaList = (data.quickAccess && Array.isArray(data.quickAccess)) ? data.quickAccess : (Array.isArray(data) ? data : []);
const hasFavorites = data.favorites && Object.keys(data.favorites).length > 0;
const msg = (hasFavorites ? '将导入 ' + qaList.length + ' 条快捷导航 + 收藏夹标签数据' : '将导入 ' + qaList.length + ' 条快捷导航') + '，是否覆盖数据？';
if (await showConfirm(msg)) {
if (data.favorites) saveData(data.favorites);
saveQALinks(qaList); popup.remove(); renderQuickAccessBar(); showToast('导入成功！', 'ok');
}
} catch (err) { showToast('导入失败：JSON 格式错误', 'err'); }
};
reader.readAsText(file);
};
inputEl.click();
}
});
// 导出快捷导航数据（含收藏夹）
popup.querySelector('#qa-btn-export').addEventListener('click', async () => {
const qaLinks = getQALinks();
const data = getData();
const allData = { favorites: data, quickAccess: qaLinks };
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 = `