EveryPublish/client/desktop/renderer/app.js

// EveryPublish 客户端渲染进程逻辑
const $ = (id) => document.getElementById(id);

// ---- 页签切换 ----
document.querySelectorAll('.tab').forEach((tab) => {
  tab.addEventListener('click', () => {
    document.querySelectorAll('.tab').forEach((t) => t.classList.remove('active'));
    document.querySelectorAll('.page').forEach((p) => p.classList.remove('active'));
    tab.classList.add('active');
    $('page-' + tab.dataset.tab).classList.add('active');
  });
});

// ---- 状态页 ----
let currentServer = '';
async function refreshStatus() {
  try {
    const s = await window.api.status();
    if (s && s.server) currentServer = s.server;
    $('st-server').textContent = (s && s.server) || '-';
    $('st-device').textContent = s && s.deviceId > 0 ? '#' + s.deviceId + '（' + (s.name || '') + '）' : '未配对';
    $('st-session').textContent = (s && s.session) || '-';
    const dot = $('st-dot');
    if (!s) { $('st-online').textContent = '核心未就绪'; dot.className = 'dot gray'; }
    else if (s.online) { $('st-online').textContent = '在线'; dot.className = 'dot green'; }
    else { $('st-online').textContent = s.deviceId > 0 ? '离线（自动重连中）' : '未配对'; dot.className = 'dot orange'; }
  } catch (e) {
    $('st-online').textContent = '核心未就绪';
    $('st-dot').className = 'dot gray';
  }
}
setInterval(refreshStatus, 3000);
refreshStatus();

$('btn-open-web').addEventListener('click', () => {
  const url = currentServer || 'http://127.0.0.1:8090';
  window.api.openWeb(url);
});
$('btn-open-data').addEventListener('click', () => window.api.openDataDir());

// ---- 配对页 ----
$('btn-pair').addEventListener('click', async () => {
  const code = $('pair-code').value.trim();
  const name = $('pair-name').value.trim();
  const res = $('pair-result');
  if (!code) { res.textContent = '请输入配对码'; res.className = 'msg err'; return; }
  $('btn-pair').disabled = true;
  res.textContent = '配对中...';
  res.className = 'msg';
  try {
    const r = await window.api.pair(code, name);
    if (r && r.code === 0) {
      res.textContent = '配对成功，正在连接服务器（可到「状态」页查看）';
      res.className = 'msg ok';
    } else {
      res.textContent = (r && r.message) || '配对失败';
      res.className = 'msg err';
    }
  } catch (e) {
    res.textContent = '配对失败：' + e;
    res.className = 'msg err';
  }
  $('btn-pair').disabled = false;
});

// ---- 挑战页 ----
let selectedChallenge = null;
let pollTimer = null;
const KIND_LABEL = { qr: '扫码', sms: '短信验证码', confirm: 'APP 确认', captcha: '图形验证码', pending: '等待设备' };

async function refreshChallenges() {
  try {
    const r = await window.api.challenges();
    const list = (r && r.list) || [];
    const badge = $('ch-badge');
    if (list.length > 0) { badge.textContent = list.length; badge.classList.remove('hidden'); }
    else badge.classList.add('hidden');
    const box = $('ch-list');
    box.innerHTML = '';
    list.forEach((ch) => {
      const div = document.createElement('div');
      div.className = 'item' + (selectedChallenge && selectedChallenge.challengeId === ch.challengeId ? ' selected' : '');
      const inner = [
        '<span><b>',
        ch.platform || '?',
        '</b> · ',
        KIND_LABEL[ch.kind] || ch.kind,
        '</span><span class="p">',
        ch.prompt || '',
        '</span>',
      ].join('');
      div.innerHTML = inner;
      div.addEventListener('click', () => selectChallenge(ch));
      box.appendChild(div);
    });
    if (!list.length) {
      box.innerHTML = '<p class="hint">暂无待处理挑战</p>';
    }
  } catch (e) { /* 忽略 */ }
}

function selectChallenge(ch) {
  selectedChallenge = ch;
  refreshChallenges();
  const detail = $('ch-detail');
  detail.classList.remove('hidden');
  const qr = ch.qrUrl || ch.qrToken || '';
  const img = $('ch-qr');
  if (qr && (qr.startsWith('http') || qr.startsWith('file://'))) {
    img.src = qr;
    img.classList.remove('hidden');
  } else {
    img.classList.add('hidden');
  }
  $('ch-value').value = '';
  $('ch-result').textContent = '';
}

$('btn-solve').addEventListener('click', async () => {
  if (!selectedChallenge) return;
  const value = $('ch-value').value.trim() || 'confirmed';
  const res = $('ch-result');
  try {
    const r = await window.api.solve(selectedChallenge.challengeId, value);
    if (r && r.code === 0) {
      res.textContent = '已提交，等待服务器确认';
      res.className = 'msg ok';
      selectedChallenge = null;
      $('ch-detail').classList.add('hidden');
      refreshChallenges();
    } else {
      res.textContent = (r && r.message) || '提交失败';
      res.className = 'msg err';
    }
  } catch (e) {
    res.textContent = '提交失败：' + e;
    res.className = 'msg err';
  }
});

function startPolling() {
  if (pollTimer) return;
  pollTimer = setInterval(refreshChallenges, 2000);
  refreshChallenges();
}
startPolling();

// ---- 设置页 ----
async function loadSettings() {
  try {
    const cfg = await window.api.getConfig();
    $('set-server').value = (cfg && cfg.server) || '';
    $('set-fake').checked = !!(cfg && cfg.fakeAll);
    $('set-autostart').checked = await window.api.getAutoStart();
  } catch (e) { /* 忽略 */ }
}
loadSettings();

$('btn-save').addEventListener('click', async () => {
  const server = $('set-server').value.trim();
  const res = $('set-result');
  if (!server) { res.textContent = '请填写服务器地址（内网部署填 http://服务器IP:8090）'; res.className = 'msg err'; return; }
  const cfg = { server: server, fakeAll: $('set-fake').checked };
  await window.api.saveConfig(cfg);
  await window.api.setAutoStart($('set-autostart').checked);
  currentServer = server;
  res.textContent = '已保存，核心进程已重启';
  res.className = 'msg ok';
});

$('btn-quit').addEventListener('click', () => window.api.quit());

// 核心就绪提示
if (window.api.onCoreReady) {
  window.api.onCoreReady(() => {
    $('st-online').textContent = '核心已就绪';
    refreshStatus();
  });
}