Skip to content

Beta2.0 #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
cmliu merged 2 commits into from
Sep 15, 2026
Merged

Beta2.0 #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
dc67b37
feat: 更新退出 IP 按钮为卡片样式，添加复制功能和详细信息切换
cmliu Sep 15, 2026
4e43709
feat: 删除重定向配置文件
cmliu Sep 15, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Dependencies
node_modules/

.workbuddy/
# Cloudflare Workers / Wrangler local state
.wrangler/
.dev.vars
Expand Down
1 change: 0 additions & 1 deletion _redirects
View file
Open in desktop

This file was deleted.

230 changes: 203 additions & 27 deletions _worker.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -444,7 +444,7 @@ function generateHTML(备案内容) {
.result-item,
.status-badge,
.meta-chip,
.exit-ip-btn,
.exit-ip-card,
.map-container-wrapper,
.theme-toggle {
transition: background 0.28s ease, border-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease, opacity 0.28s ease;
Expand Down Expand Up @@ -2049,29 +2049,113 @@ function generateHTML(备案内容) {
font-size: 0.84rem;
}

.exit-ip-btn {
.exit-ip-card {
position: relative;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 12px 8px 14px;
border: 1px solid rgba(52, 211, 153, 0.22);
border-radius: 999px;
padding: 10px 14px;
background: linear-gradient(135deg, rgba(52, 211, 153, 0.14), rgba(97, 219, 255, 0.08));
color: var(--text);
font-weight: 700;
cursor: pointer;
transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
cursor: default;
transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.exit-ip-btn:hover {
.exit-ip-card:hover {
transform: translateY(-1px);
border-color: rgba(97, 219, 255, 0.32);
background: linear-gradient(135deg, rgba(52, 211, 153, 0.18), rgba(97, 219, 255, 0.12));
}

.exit-ip-btn.is-active {
.exit-ip-card.is-active {
border-color: rgba(97, 219, 255, 0.52);
background: linear-gradient(135deg, rgba(97, 219, 255, 0.26), rgba(52, 211, 153, 0.16));
box-shadow: inset 0 0 0 1px rgba(97, 219, 255, 0.14), 0 0 0 1px rgba(97, 219, 255, 0.1);
}

.exit-ip-card.is-copied {
border-color: rgba(97, 219, 255, 0.6);
background: linear-gradient(135deg, rgba(97, 219, 255, 0.22), rgba(52, 211, 153, 0.14));
}

.exit-ip-copy {
border: 0;
background: transparent;
padding: 0;
margin: 0;
color: var(--text);
font-family: 'Space Grotesk', 'Plus Jakarta Sans', monospace;
font-size: 1.05rem;
font-weight: 700;
word-break: break-word;
text-align: left;
cursor: pointer;
transition: color 0.18s ease, text-shadow 0.18s ease;
}

.exit-ip-copy:hover,
.exit-ip-copy:focus-visible {
color: #8be9ff;
text-shadow: 0 0 18px rgba(97, 219, 255, 0.28);
}

.exit-ip-copy:focus-visible {
outline: 2px solid rgba(97, 219, 255, 0.48);
outline-offset: 3px;
border-radius: 6px;
}

.exit-ip-card.is-copied .exit-ip-copy {
color: #8be9ff;
}

.exit-ip-detail-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 22px;
height: 22px;
Comment on lines +2120 to +2121
border: 0;
border-radius: 50%;
padding: 0;
margin: 0;
background: rgba(255, 255, 255, 0.06);
color: var(--muted);
cursor: pointer;
transition: color 0.18s ease, background 0.18s ease;
}

.exit-ip-detail-toggle svg {
display: block;
width: 13px;
height: 13px;
transition: transform 0.22s ease;
}

.exit-ip-detail-toggle:hover,
.exit-ip-detail-toggle:focus-visible {
color: #8be9ff;
background: rgba(97, 219, 255, 0.16);
}

.exit-ip-detail-toggle:focus-visible {
outline: 2px solid rgba(97, 219, 255, 0.48);
outline-offset: 3px;
}

.exit-ip-card.is-active .exit-ip-detail-toggle {
color: #8be9ff;
background: rgba(97, 219, 255, 0.18);
}

.exit-ip-card.is-active .exit-ip-detail-toggle svg {
transform: rotate(180deg);
}

.map-container-wrapper {
display: none;
margin-top: 16px;
Expand Down Expand Up @@ -2562,23 +2646,52 @@ function generateHTML(备案内容) {
color: #be123c;
}

html[data-theme='light'] .exit-ip-btn {
html[data-theme='light'] .exit-ip-card {
border-color: rgba(5, 150, 105, 0.18);
background: linear-gradient(135deg, rgba(5, 150, 105, 0.08), rgba(14, 165, 233, 0.08));
color: #17324a;
}

html[data-theme='light'] .exit-ip-btn:hover {
html[data-theme='light'] .exit-ip-card:hover {
border-color: rgba(14, 165, 233, 0.24);
background: linear-gradient(135deg, rgba(5, 150, 105, 0.12), rgba(14, 165, 233, 0.12));
}

html[data-theme='light'] .exit-ip-btn.is-active {
html[data-theme='light'] .exit-ip-card.is-active {
border-color: rgba(14, 165, 233, 0.32);
background: linear-gradient(135deg, rgba(14, 165, 233, 0.18), rgba(5, 150, 105, 0.12));
box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.1), 0 0 0 1px rgba(14, 165, 233, 0.08);
}

html[data-theme='light'] .exit-ip-copy {
color: #17324a;
}

html[data-theme='light'] .exit-ip-copy:hover,
html[data-theme='light'] .exit-ip-copy:focus-visible {
color: #0b7fb5;
}

html[data-theme='light'] .exit-ip-card.is-copied .exit-ip-copy {
color: #0b7fb5;
}

html[data-theme='light'] .exit-ip-detail-toggle {
background: rgba(23, 50, 74, 0.06);
color: rgba(23, 50, 74, 0.62);
}

html[data-theme='light'] .exit-ip-detail-toggle:hover,
html[data-theme='light'] .exit-ip-detail-toggle:focus-visible {
color: #0b7fb5;
background: rgba(14, 165, 233, 0.14);
}

html[data-theme='light'] .exit-ip-card.is-active .exit-ip-detail-toggle {
color: #0b7fb5;
background: rgba(14, 165, 233, 0.16);
}

html[data-theme='light'] #global-map {
background: #dfeaf3;
}
Expand Down Expand Up @@ -2687,12 +2800,20 @@ function generateHTML(备案内容) {
}

@media (max-width: 560px) {
.meta-chip,
.exit-ip-btn {
.meta-chip {
width: 100%;
justify-content: center;
}

.exit-ip-card {
width: 100%;
justify-content: space-between;
}

.exit-ip-copy {
text-align: left;
}

.filter-row-label,
.filter-options {
width: 100%;
Expand Down Expand Up @@ -4107,7 +4228,7 @@ function generateHTML(备案内容) {
} else if (appState === 'done') {
headline = '检测完成';
description = '有效 ' + successCount + ' / ' + totalTargets + '，失败 ' + failCount + '。';
meta = '本轮检测已结束，点击落地 IP 可展开地图详情。';
meta = '本轮检测已结束，点击落地 IP 可一键复制，点击右侧箭头查看出口位置和网络信息。';
pillText = 'Completed';
} else if (appState === 'empty') {
headline = '未解析到可检测目标';
Expand Down Expand Up @@ -4936,6 +5057,31 @@ function generateHTML(备案内容) {
].join('|');
}

function buildExitDetailToggleIcon() {
return '<svg viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false">' +
'<path d="M2.5 4.25L6 7.75L9.5 4.25" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>' +
'</svg>';
}

async function copyExitIp(card, rawIp) {
const value = String(rawIp || '').trim();
if (!value) {
return;
}

try {
await writeTextToClipboard(value);
showToast('已复制落地 IP：' + value);
card.classList.add('is-copied');
window.setTimeout(function () {
card.classList.remove('is-copied');
}, 1200);
} catch (error) {
console.error('Failed to copy exit IP', error);
showToast('复制失败，请检查浏览器权限', 'error');
}
}

function renderExitList(container, exitIps) {
container.innerHTML = '';

Expand All @@ -4953,15 +5099,34 @@ function generateHTML(备案内容) {
container.appendChild(label);

exitIps.forEach(function (entry) {
const button = document.createElement('button');
button.type = 'button';
button.className = 'exit-ip-btn';
button.innerText = entry.ip;
button.dataset.exitKey = getExitSelectionKey(entry.exitData, entry.ip);
button.addEventListener('click', function () {
showDetails(button, entry.exitData);
const card = document.createElement('div');
card.className = 'exit-ip-card';
card.dataset.exitKey = getExitSelectionKey(entry.exitData, entry.ip);

const copyButton = document.createElement('button');
copyButton.type = 'button';
copyButton.className = 'exit-ip-copy';
copyButton.innerText = entry.ip;
copyButton.title = '点击复制 IP';
copyButton.setAttribute('aria-label', '复制落地 IP ' + entry.ip);
copyButton.addEventListener('click', function () {
copyExitIp(card, entry.ip);
});
container.appendChild(button);

const detailToggle = document.createElement('button');
detailToggle.type = 'button';
detailToggle.className = 'exit-ip-detail-toggle';
detailToggle.title = '展开 / 收起 IP 详情';
detailToggle.setAttribute('aria-label', '展开或收起落地 IP ' + entry.ip + ' 的详细信息');
detailToggle.setAttribute('aria-expanded', 'false');
detailToggle.innerHTML = buildExitDetailToggleIcon();
detailToggle.addEventListener('click', function () {
showDetails(card, entry.exitData);
});

card.appendChild(copyButton);
card.appendChild(detailToggle);
container.appendChild(card);
});
}

Expand Down Expand Up @@ -5107,32 +5272,43 @@ function generateHTML(备案内容) {
updateResultFilters();
}

async function showDetails(button, exitData) {
const item = button.closest('.result-item');
async function showDetails(card, exitData) {
const item = card.closest('.result-item');
const container = item.querySelector('.map-container-wrapper');
const isOpen = container.style.display === 'block';
const nextSelectionKey = button.dataset.exitKey || getExitSelectionKey(exitData);
const nextSelectionKey = card.dataset.exitKey || getExitSelectionKey(exitData);
const isSameSelection = isOpen && container.dataset.activeExitKey === nextSelectionKey;
const currentToken = ++mapRenderToken;
const toggle = card.querySelector('.exit-ip-detail-toggle');

document.querySelectorAll('.map-container-wrapper').forEach(function (panel) {
if (panel !== container) {
panel.style.display = 'none';
panel.dataset.activeExitKey = '';
}
});
document.querySelectorAll('.exit-ip-btn.is-active').forEach(function (activeButton) {
activeButton.classList.remove('is-active');
document.querySelectorAll('.exit-ip-card.is-active').forEach(function (activeCard) {
activeCard.classList.remove('is-active');
const activeToggle = activeCard.querySelector('.exit-ip-detail-toggle');
if (activeToggle) {
activeToggle.setAttribute('aria-expanded', 'false');
}
});

if (isSameSelection) {
container.style.display = 'none';
container.dataset.activeExitKey = '';
if (toggle) {
toggle.setAttribute('aria-expanded', 'false');
}
return;
}

container.dataset.activeExitKey = nextSelectionKey;
button.classList.add('is-active');
card.classList.add('is-active');
if (toggle) {
toggle.setAttribute('aria-expanded', 'true');
}
initMap();
container.appendChild(globalMap);
container.style.display = 'block';
Expand Down