// ViG Command Center — svs.info live sync (parser + fetch + 24h auto-refresh + panel) const { useState: useStateSY, useEffect: useEffectSY, useMemo: useMemoSY } = React; /* ---- normalize a power value to billions (B) ---- */ function svsToB(v) { if (v == null) return null; if (typeof v === 'number') return v > 1e6 ? v / 1e9 : v; const m = /([\d.,]+)\s*([BMK]?)/i.exec(String(v)); if (!m) return null; let n = parseFloat(m[1].replace(/,/g, '')); if (isNaN(n)) return null; const u = (m[2] || '').toUpperCase(); if (u === 'M') n /= 1000; else if (u === 'K') n /= 1e6; else if (!u && n > 1e6) n /= 1e9; return n; } /* ---- try to read a full roster embedded as JSON (Next.js __NEXT_DATA__ etc.) ---- */ function svsFindMembers(node, depth) { if (!node || depth > 8) return null; if (Array.isArray(node)) { const ok = node.filter(x => x && typeof x === 'object'); const named = ok.filter(x => Object.keys(x).some(k => /name|nick|player|user/i.test(k)) && Object.keys(x).some(k => /power|might|gp/i.test(k))); if (named.length >= 10) return named; for (const x of node) { const r = svsFindMembers(x, depth + 1); if (r) return r; } return null; } if (typeof node === 'object') { for (const k of Object.keys(node)) { const r = svsFindMembers(node[k], depth + 1); if (r) return r; } } return null; } function extractEmbeddedRoster(doc) { for (const s of [...doc.querySelectorAll('script')]) { const t = s.textContent || ''; if (t.length < 200 || !/power|might/i.test(t)) continue; let data = null; try { data = JSON.parse(t); } catch (e) { const m = t.match(/\{[\s\S]*\}/); if (m) { try { data = JSON.parse(m[0]); } catch (e2) {} } } if (!data) continue; const members = svsFindMembers(data, 0); if (members && members.length) { const players = members.map(m => { const nameKey = Object.keys(m).find(k => /name|nick|player|user/i.test(k)); const powerKey = Object.keys(m).find(k => /power|might|gp/i.test(k)); const keepKey = Object.keys(m).find(k => /keep|castle|stronghold/i.test(k)); const monKey = Object.keys(m).find(k => /monarch|level|lord/i.test(k)); const power = svsToB(m[powerKey]); let keep = null; if (keepKey != null) { const kv = String(m[keepKey]); keep = /^\d+$/.test(kv) ? 'K' + kv : (/(K\d{2})/i.exec(kv) || [])[1] || null; } return { name: String(m[nameKey] || '').trim(), keep, power, monarch: monKey ? +m[monKey] : null }; }).filter(p => p.name && p.power != null && p.power > 0.05 && p.power < 5000); if (players.length >= 10) return players; } } return null; } /* ---- parse a svs.info alliance page (server-rendered HTML) ---- */ function parseSvsHtml(html) { const doc = new DOMParser().parseFromString(html, 'text/html'); const text = (doc.body && doc.body.textContent) || ''; let power = null; const pm = /Power[:\s]*([\d.,]+)\s*B/i.exec(text); if (pm) power = parseFloat(pm[1].replace(/,/g, '')); let memberCount = null; const mm = /Members[:\s]*([\d,]+)\s*\/\s*([\d,]+)/i.exec(text); if (mm) memberCount = parseInt(mm[1].replace(/,/g, '')); // 1) preferred: embedded full roster const embedded = extractEmbeddedRoster(doc); if (embedded) return { power, memberCount, players: embedded, source: 'embedded' }; // 2) fallback: scrape the rendered table (typically top 15 only) const players = []; const seen = new Set(); [...doc.querySelectorAll('table tr')].forEach(tr => { const cells = [...tr.children].map(c => c.textContent.trim()); if (cells.length < 3) return; const pIdx = cells.findIndex(c => /^[\d.,]+\s*[BMK]?$/i.test(c) && /B/i.test(c)); if (pIdx < 1) return; const powerVal = parseFloat(cells[pIdx].replace(/[^\d.]/g, '')); if (!powerVal) return; const nameCell = cells[pIdx - 1]; const km = /K\s?(\d{2})\s*$/.exec(nameCell); const keep = km ? ('K' + km[1]) : null; const name = nameCell.replace(/K\s?\d{2}\s*$/, '').trim(); const monarch = cells[pIdx + 1] && /^\d+$/.test(cells[pIdx + 1]) ? parseInt(cells[pIdx + 1]) : null; if (!name || seen.has(name.toLowerCase())) return; seen.add(name.toLowerCase()); players.push({ name, keep, power: powerVal, monarch }); }); return { power, memberCount, players, source: 'table' }; } /* ---- run a full sync across all configured alliances ---- */ async function runSvsSync(cfg, applySync, onProgress) { const status = {}; const out = []; for (const [id, url] of Object.entries(cfg.sources || {})) { if (!url) { status[id] = { ok: false, err: 'no URL' }; continue; } onProgress && onProgress({ ...status, [id]: { loading: true } }); try { const body = await window.svsFetchText(url, cfg.proxy || null, 300); // feed could be JSON (a relay/Worker) or HTML (proxy of svs.info) let parsed; const trimmed = body.trim(); if (trimmed[0] === '{' || trimmed[0] === '[') { const j = JSON.parse(trimmed); const node = Array.isArray(j) ? j.find(x => (x.id || '').toUpperCase() === id) : (j[id] || j); parsed = { power: node.power, players: node.players || node.members || [] }; } else { parsed = parseSvsHtml(body); } if (!parsed.players.length) throw new Error('0 rows parsed'); out.push({ id, power: parsed.power, memberCount: parsed.memberCount, players: parsed.players }); status[id] = { ok: true, n: parsed.players.length, power: parsed.power, total: parsed.memberCount, source: parsed.source }; } catch (e) { status[id] = { ok: false, err: (e && e.message) || 'failed' }; } onProgress && onProgress({ ...status }); } if (out.length) applySync(out); return { status, applied: out.length }; } /* ---- auto-refresh once per 24h on load ---- */ function useAutoSync() { const { data, syncCfg, applySync } = useAlliance(); useEffectSY(() => { if (!syncCfg || !syncCfg.auto) return; const last = (data.meta && data.meta.lastSync) || 0; if (Date.now() - last > 24 * 3600 * 1000) { runSvsSync(syncCfg, applySync, null).catch(() => {}); } }, []); // once on mount } function timeAgo(ts) { if (!ts) return 'never'; const s = Math.floor((Date.now() - ts) / 1000); if (s < 60) return 'just now'; if (s < 3600) return Math.floor(s / 60) + 'm ago'; if (s < 86400) return Math.floor(s / 3600) + 'h ago'; return Math.floor(s / 86400) + 'd ago'; } /* ---- live status strip (shown at top of War Room) ---- */ function LiveSyncBar({ onOpen }) { const { data, syncCfg } = useAlliance(); const live = data.meta && data.meta.live; const last = data.meta && data.meta.lastSync; const nextIn = last ? Math.max(0, 24 - Math.floor((Date.now() - last) / 3600000)) : null; return (
{live && } {live ? 'Live data' : 'Snapshot data'}
{live ? <>Synced {timeAgo(last)} from the live source{nextIn != null && <> · auto-refresh in ~{nextIn}h} : <>Showing the imported snapshot · connect a live source for live updates}
); } /* ---- the sync configuration + run modal ---- */ function SyncPanel({ onClose }) { const { data, syncCfg, setSyncCfg, applySync } = useAlliance(); const [status, setStatus] = useStateSY(null); const [busy, setBusy] = useStateSY(false); const [cfg, setCfg] = useStateSY(syncCfg); const save = (patch) => { const n = { ...cfg, ...patch }; setCfg(n); setSyncCfg(patch); }; const setSource = (id, url) => { const sources = { ...cfg.sources, [id]: url }; save({ sources }); }; const sync = async () => { setBusy(true); setStatus(null); const r = await runSvsSync(cfg, applySync, (s) => setStatus({ ...s })); setStatus(r.status); setBusy(false); }; return (

Live Sync

Pull current rosters & power for all three alliances

{status && (
{Object.entries(status).map(([id, s]) => (
{s.loading ? fetching… : s.ok ? {s.n} members · {s.power ? s.power.toFixed(1) + 'B' : '—'} : {s.err}}
))} {Object.values(status).every(s => !s.ok && !s.loading) && (

Direct fetch was blocked or the relay is down. Set a different relay below, deploy the included Worker for a reliable feed, or use Import/Export to paste data manually.

)}
)}
Relay / feed prefix
save({ proxy: e.target.value })} placeholder="https://your-worker.workers.dev/?url= (leave blank for direct)" className="w-full rounded-lg px-3 py-2 text-[12px] wr-input wr-mono" />

The feed URL is appended (encoded). Point this at your deployed Worker for the reliable path, or a public relay.

Feed URLs
{['VIG', 'RSP', 'NEF'].map(id => (
setSource(id, e.target.value)} className="flex-1 rounded-lg px-3 py-1.5 text-[12px] wr-input wr-mono" />
))}

Synced data overwrites the live view (deltas are computed against the previous sync). Your manual edits and the original snapshot can be restored anytime from Import / Export → Reset.

); } Object.assign(window, { parseSvsHtml, runSvsSync, useAutoSync, LiveSyncBar, SyncPanel, syncTimeAgo: timeAgo });