`;
container.appendChild(aiBtn);
aiBtn.addEventListener('click', function(e) {
e.stopPropagation();
autoTagRepoWithAI(this, card, href);
});
parentContainer.appendChild(container);
});
}
function renderTags(container, card, href) {
const tags = getRepoTags(href);
container.querySelectorAll('.cnb-tag-chip').forEach(el => el.remove());
for (const tag of tags) {
const chip = document.createElement('span');
chip.className = 'cnb-tag-chip';
chip.innerHTML = `${tag} ${isEdit ? '编辑快捷导航' : '添加快捷导航'}
以 / 开头时，图片地址将自动推断为 cnb.cool 组织 logo
${isEdit ? '' : ''}
`;
document.body.appendChild(popup);
const rect = btn.getBoundingClientRect();
popup.style.left = Math.min(rect.left, window.innerWidth - 320) + 'px';
popup.style.top = (rect.bottom + 6) + 'px';
const hrefInput = popup.querySelector('#qa-input-href');
const imgInput = popup.querySelector('#qa-input-img');
function done() {
let href = hrefInput.value.trim();
if (!href) { popup.remove(); return; }
// 统一处理：如果 / 开头，自动补全为 cnb.cool 路径
if (!href.startsWith('http://') && !href.startsWith('https://')) {
if (!href.startsWith('/')) href = '/' + href;
}
let img = imgInput.value.trim();
// 自动推断图片地址
if (!img) {
let path = href;
// https://cnb.cool/xxx -> 取 pathname
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('/');
// /u/username 用户主页 -> 使用用户头像
if (parts[0] === 'u' && parts[1]) {
img = 'https://cnb.cool/users/' + parts[1] + '/avatar/s';
} else {
// 组织路径 -> 使用组织 logo
const org = parts[0] || '';
img = 'https://cnb.cool/' + org + '/-/logos/s';
}
}
}
const links = getQALinks();
if (isEdit) {
links[editIndex] = { href, img };
} else {
links.push({ href, img });
}
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();
});
}
hrefInput.addEventListener('keydown', e => { if (e.key === 'Enter') done(); else if (e.key === 'Escape') popup.remove(); });
imgInput.addEventListener('keydown', e => { if (e.key === 'Enter') 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.href = link.href;
item.target = '_blank';
item.rel = 'noopener noreferrer';
item.title = link.href + '\n左键拖拽排序 | 右键编辑/删除';
item.innerHTML = `