Add }/>

{/* Featured / Active server */}

EU 3X MAX

185.244.218.42 · Wipe +2d 14h

{/* Pop bar with handle */}

Population 187 / 250

{/* Stat row */}

{[ ['FPS', '252', MC.ok], ['Uptime', '4d', MC.text], ['RF', '2', accent], ['Squad', '5', MC.text], ].map(([k, v, c]) => (

{k.toUpperCase()}

{v}

))}

Open snapshot →

Other servers · 3

1 owned · 2 joined

{SERVERS.slice(1).map(s => (

{s.region.slice(0, 2)}

{s.name}

{s.tag} · Wipe +{s.wipe} · {s.owner ? 'Owner' : 'Member'}

{s.players}

/{s.max}

))}

Discover public CE servers

342 servers in directory

); } // ─────────────────────────────────────────────── // SERVER SNAPSHOT // ─────────────────────────────────────────────── function MCSnapshot({ accent, onBack, onOpenMap }) { const s = SERVERS[0]; return (

{/* Big stat tiles */}

POPULATION

187

of 250 · 75%

FRAMERATE

252

fps · stable

{/* spark */}

{[ ['Uptime', '4d 02h', 'started Mon'], ['Wipe in', '4d 18h', 'Thu 19:00'], ['Region', 'EU', 'Frankfurt'], ].map(([k, v, sub]) => (

{k.toUpperCase()}

{v}

{sub}

))}

{/* Armed RF section */}

Armed RF · 2

{FREQS.slice(0, 2).map(f => (

{f.freq}

{f.label}

{f.grid} · {f.scope}

))} {/* Entities */}

Tracked entities · 4

{ENTITIES.map((e, i) => (

{e.kind}

{e.label} {e.grid}

))}

Open Map

); } // ─────────────────────────────────────────────── // WORLD MAP ★ HERO // ─────────────────────────────────────────────── function MCMap({ accent }) { return (

}/>

{/* Glow vignette */}

{/* Subtle grid */} {/* Grid coords */} {'ABCDEFGHIJKLMNOPQR'.split('').map((c, i) => (

{c}

))} {/* Monuments */} {MONUMENTS.map(m => { const col = m.type === 'safe' ? MC.ok : m.type === 'tier3' ? accent : MC.textDim; return (

{m.name}

); })} {/* Entities — glowy */} {ENTITIES.map(e => (

{e.status === 'armed' && ( <>

)}

{e.kind}

))}

{/* Selected entity callout */}

Main TC · Bldg Alpha

Freq 4763 · last trip 02:14:00

G14

{/* Filter chips */}

{[ ['Monuments', true], ['TC', true], ['Bags', true], ['Cargo', false], ['Heli', false], ].map(([l, on]) => ( ))}

); } // ─────────────────────────────────────────────── // RAID ALERT // ─────────────────────────────────────────────── function MCRaidAlert({ accent }) { return (

{/* Top */}

RAID DETECTED

{/* Big freq with glow */}

FREQUENCY

4763

Main TC · STORM-7

{/* Grid + base card */}

GRID

G14

NORTH-WEST QUAD

BASE

Bldg Alpha

EU 3X MAX

T+00:08 · 6/6 notified

◉ SIREN LOOP ACTIVE ◉

Jump to Map Silence 60s

); } // ─────────────────────────────────────────────── // LOCK SCREEN // ─────────────────────────────────────────────── function MCLockScreen({ accent }) { return (

{/* Wallpaper */}

{/* Map silhouette in bg */}

{/* Time */}

Friday, 22 May

02:14

{/* Live Activity */}

EU 3X MAX

STORM-7 · LIVE

{[ ['Pop', '187', MC.text, '/250'], ['FPS', '252', MC.ok, 'stbl'], ['RF', '02', accent, 'arm'], ['Evt', '14', MC.textDim, '/hr'], ].map(([k, v, c, sub]) => (

{k.toUpperCase()}

{v}

{sub}

))}

Live Activity

{/* Raid notif (incoming) */}

RAID · ADLEY

now

TC tripped · 4763

G14 · Bldg Alpha · STORM-7

{/* Dynamic island */}

RAID · G14

); } // ─────────────────────────────────────────────── // ARMED FREQS // ─────────────────────────────────────────────── function MCFreqs({ accent }) { return (

Arm }/>

{/* Scope toggle */}

{['All · 5', 'Squad · 3', 'Mine · 2'].map((t, i) => ( ))}

{FREQS.map(f => { const recent = f.triggered.includes('ago'); return (

MHz

{f.freq}

{f.label} {f.locked && }

{f.grid} · {f.scope.toLowerCase()}{f.squad ? ` · ${f.squad}` : ''}

last trip · {f.triggered}

); })} {/* Arm new */}

Arm new frequency

{[4,7,6,3].map((d, i) => (

{d}

))}

{['User', 'Squad'].map((s, i) => ( ))}

); } // ─────────────────────────────────────────────── // SQUAD // ─────────────────────────────────────────────── function MCSquad({ accent }) { const sq = SQUAD; const online = sq.members.filter(m => m.status === 'ONLINE').length; return (

}/>

INVITE CODE

{sq.code}

Expires in 23h 14m

Copy Share Regen

Roster · {sq.members.length}

{sq.members.map((m, i) => (

{m.name.slice(0, 2)} {m.status === 'ONLINE' && (

)}

{m.name} {m.role === 'LEADER' && }

K/D {m.kdr} · {m.hours}h

))} Leave Squad

); } // ─────────────────────────────────────────────── // EVENT FEED // ─────────────────────────────────────────────── function MCEvents({ accent }) { const sev = (s) => s === 'crit' ? MC.danger : s === 'warn' ? MC.amber : MC.textDim; return (

}/>

{['All · 14', 'Raid', 'PvP', 'World', 'RF'].map((f, i) => ( ))}

{EVENTS.map((e, i) => (

{e.text}

{e.kind.toUpperCase()} {e.t}

))}

); } // ─────────────────────────────────────────────── // STATS // ─────────────────────────────────────────────── function MCStats({ accent }) { return (

{[ ['Raid events', STATS_24H.raids, MC.danger, 9, 'TC trips & explosions'], ['PvP kills', STATS_24H.pvp, accent, 64, 'Player & sleeper deaths'], ['World events', STATS_24H.world, MC.amber, 71, 'Cargo, heli, supply, ship'], ].map(([label, data, color, total, sub]) => (

{label}

{total}

{sub}

PEAK

20:00

−24h−18−12−06now

))}

); } // ─────────────────────────────────────────────── // RCON ONBOARDING // ─────────────────────────────────────────────── function MCRcon({ accent }) { return (

STEP 2 / 3

{/* Progress */}

{[1, 2, 3].map(n => (

))}

Adley connects via WebRCON. Paste your rcon.port and{' '} rcon.password from server.cfg.

{[ { l: 'Host / IP', v: '185.244.218.42', mono: true }, { l: 'RCON Port', v: '28016', mono: true }, { l: 'Password', v: '••••••••••••', mono: true }, { l: 'Nickname', v: 'EU 3X MAX', mono: false }, ].map(f => (

{f.l}

{f.v}

))}

Handshake OK

→ rust 2503 · build 87642

→ sse subscribed

→ entities 4 · monuments 12

Link Server

); } // ─────────────────────────────────────────────── // FLOW WRAPPER // ─────────────────────────────────────────────── function MCFlow({ accent, initial = 'home' }) { const [screen, setScreen] = React.useState(initial); const [serverOpen, setServerOpen] = React.useState(false); const view = serverOpen ? setServerOpen(false)} onOpenMap={() => { setServerOpen(false); setScreen('map'); }}/> : screen === 'home' ? setServerOpen(true)}/> : screen === 'map' ? : screen === 'freqs' ? : screen === 'events' ? : screen === 'squad' ? : ; return (

{view} { setServerOpen(false); setScreen(id); }} accent={accent}/>

); } // ─────────────────────────────────────────────── // CHAT — live in-game chat with reply + moderation // ─────────────────────────────────────────────── function MCChat({ accent }) { const lines = [ { who: 'KOMA', text: 'anyone seeing heli?', t: '02:13' }, { who: 'WRAITH', text: 'g11, taking fire', t: '02:13' }, { who: 'P0LARIS', text: 'rolling 30s', t: '02:14' }, { who: 'SERVER', text: 'cargo ship spawned at G06', t: '02:14', server: true }, { who: 'you', text: 'on the way', t: '02:14', mine: true }, { who: 'STRMR', text: 'gg ez', t: '02:15' }, ]; return (

}/>

{lines.map((l, i) => { const color = l.mine ? accent : l.server ? MC.amber : MC.text; const prompt = l.mine ? '*' : '>'; return (

{prompt}

{l.who}: {l.text}

{l.t}

); })}

/say type a message… SEND

); } // ─────────────────────────────────────────────── // AUTO-SAY — server-admin broadcast bot // ─────────────────────────────────────────────── function MCAutoSay({ accent }) { const rules = [ { evt: 'CARGO SPAWN', tpl: 'cargo at {grid} — fight\'s on', on: true }, { evt: 'PATROL HELI', tpl: 'heli inbound, hold cover', on: true }, { evt: 'BRADLEY DOWN', tpl: 'brad cracked at {grid}', on: true }, { evt: 'SUPPLY DROP', tpl: 'supply dropping {grid}', on: false }, { evt: 'OILRIG TRIGGERED', tpl: 'oilrig hot — heli in 15m', on: true }, ]; return (

}/>

per-event rcon broadcasts

{rules.map((r, i) => (

{r.evt}

"{r.tpl}"

))}

); } Object.assign(window, { MCFlow, MCHome, MCSnapshot, MCMap, MCRaidAlert, MCLockScreen, MCFreqs, MCSquad, MCEvents, MCStats, MCRcon, MCChat, MCAutoSay, });