/* PurgeQ mockup components — 1:1 with the shipped extension v3.0.0. Source: extension/src/popup/popup.tsx + content/content-script.ts */ function avatarColor(name) { let hash = 0; for (let i = 0; i < name.length; i++) hash = (hash * 31 + name.charCodeAt(i)) >>> 0; return `hsl(${hash % 360}, 65%, 50%)`; } const SAMPLE_BANS = [ {n: 'Watashi-', r: 'Wallhack · 3 rounds reviewed', by: 'Watashi', d: '09/05/2026'}, {n: 'spinbot__', r: 'Spinbot · obvious', by: 'Watashi', d: '09/05/2026'}, {n: 'rage.quitter',r: 'AFK + slurs', by: 'Watashi', d: '08/05/2026'}, {n: 'aimbotter69', r: 'Auto-aim, 80% HS', by: 'Watashi', d: '07/05/2026'}, {n: 'griefer_bot', r: 'Team-killing 5 matches', by: 'Watashi', d: '05/05/2026'}, {n: 'mic_screamer',r: 'Yelling on mic', by: 'Watashi', d: '04/05/2026'}, ]; // ──────────── Icons (1:1 with popup.tsx) ──────────── const Shield = () => ( ); const IconList = () => ; const IconUsers = () => ; const IconUp = () => ; const IconDown = () => ; const IconSet = () => ; const IconRefresh = () => ; const IconTrash = () => ; const IconEdit = () => ; const IconSearch = () => ; const IconGitHub = () => ; const IconStar = () => ; const IconX = () => ; // ──────────── Popup shell — matches the real sidebar layout ──────────── function PopupShell({ active, children, ownedCount = 6, isPro = true, bare }) { const tabs = [ {k:'banlist', label:'Banlist', icon:}, {k:'share', label:'Share', icon:}, {k:'import', label:'Import', icon:}, {k:'export', label:'Export', icon:}, {k:'settings', label:'Settings', icon:}, ]; const FREE_LIMIT = 250; const pct = Math.min(100, Math.round((ownedCount / FREE_LIMIT) * 100)); const tone = pct >= 90 ? '#ef4444' : pct >= 75 ? '#fbbf24' : '#22c55e'; const popup = (
{/* ── Sidebar ── */} {/* ── Main content ── */}
{children}
); if (bare) return popup; return (
{popup}
); } // ──────────── BANLIST tab ──────────── function PopupBanlist({ withModal, bare }) { return (

Banlist

{/* Toolbar */}
{/* Ban list */}
{SAMPLE_BANS.map((b, i) => (
{b.n.charAt(0).toUpperCase()}
{b.n}
Reason: {b.r}
By: {b.by} · {b.d}
{/* Edit button (shown for own bans) */} {/* Delete button */}
))}
{/* Add ban form */}

Add to banlist

{withModal && (
Unban Watashi-
This player will no longer be highlighted on FACEIT pages.
)}
); } // ──────────── IMPORT tab ──────────── function PopupImport() { return (

Import

Bulk-import a list of FACEIT names from a JSON or CSV file. Existing entries are skipped automatically.

JSON: an array of names or full objects.{' '} CSV: first row must be a header. Author defaults to the value set in Settings.
); } // ──────────── EXPORT tab ──────────── function PopupExport() { return (

Export

Download the current banlist as a JSON or CSV file.

{['JSON','CSV'].map(fmt => ( ))}
The file lands in your usual download folder. Re-importing it later restores the same names. Duplicates will be skipped.
); } // ──────────── SETTINGS tab ──────────── function PopupSettings() { return (

Settings

Signed in as Watashi

Your data

Export everything we have about you, or delete your account permanently. Required by GDPR, no questions asked.

 ); } // ──────────── Content-script overlay on player cards ──────────── function ContentOverlay() { const Card = ({ banned, name, level, elo, country = 'FR', hover }) => (
{banned && (
)}
{name.charAt(0).toUpperCase()}
{name}
LVL {level} · {elo} ELO
{country}
{banned && (
Banned
)} {!banned && hover && ( )}
); const FloatingForm = () => (
Ban Watashi-
); return (
// content-script.ts overlay · banned-row pill + outline + bg overlay
); } Object.assign(window, { PopupBanlist, PopupImport, PopupExport, PopupSettings, ContentOverlay });