// Prepend remote base URL for screenshots if hosted on Cloudflare R2 / S3 function getShotUrl(path) { if (!path) return ""; const base = window.SCREENSHOT_BASE_URL || ""; if (base) { const cleanBase = base.endsWith("/") ? base : base + "/"; return cleanBase + path.replace(/\\/g, "/"); } return path; } // Shared components: icons, sidebar, drawer, lightbox, toasts. function formatSize(bytes) { if (!bytes) return "—"; if (bytes < 1024) return bytes + " B"; if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + " KB"; return (bytes / (1024 * 1024)).toFixed(1) + " MB"; } // ── Icons (line, 16px viewBox) ────────────────────────────────────────────── const ic = { archive: , grid: , list: , health: , folder: , terminal:, search: , x: , star: , flame: , sun: , moon: , download:, play: , broken: , check: , cam: , hdd: , trophy: , drag: , plus: , chevron: , arrow_l: , arrow_r: , ext: , refresh: , menu: , heart: , dice: , bulb: , link: , warning: , checkCircle: , mail: , }; // Brand mark — slightly animated "archive" glyph function BrandMark() { return ( ); } // ── Sidebar ───────────────────────────────────────────────────────────────── function Sidebar({ view, onView, tweaks, setTweak, gameCount }) { const NAV = [ { k: 'explorer', label: 'Browse Games', icon: ic.archive, count: gameCount }, { k: 'donation', label: 'Donation & Support', icon: ic.heart, count: null }, { k: 'links', label: 'Community Links', icon: ic.ext, count: null }, { k: 'contact', label: 'About & Contact', icon: ic.mail, count: null } ]; return ( ); } // ── Toasts ───────────────────────────────────────────────────────────────── function Toasts({ items }) { return (
{items.map((t) => (
{t.title} {t.sub}
))}
); } // ── Lightbox ─────────────────────────────────────────────────────────────── function Lightbox({ shots, index, onClose, onPrev, onNext }) { React.useEffect(() => { const onKey = (e) => { if (e.key === 'Escape') onClose(); else if (e.key === 'ArrowLeft') onPrev(); else if (e.key === 'ArrowRight') onNext(); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [onClose, onPrev, onNext]); if (!shots) return null; const cur = shots[index]; return (
e.stopPropagation()}> {shots.length > 1 && <> }
{index + 1} / {shots.length} · captured by {cur?.by} · esc to close · ←/→ to navigate
); } // ── Drawer (Game Detail) ─────────────────────────────────────────────────── function Drawer({ game, isRoll, onClose }) { const [openShot, setOpenShot] = React.useState(-1); const shots = game ? (window.DATA.SCREENSHOTS[game.id] || []) : []; const reviews = game ? (window.DATA.REVIEWS[game.id] || []) : []; if (!game) return null; return ( <>
{openShot >= 0 && ( setOpenShot(-1)} onPrev={() => setOpenShot((openShot - 1 + shots.length) % shots.length)} onNext={() => setOpenShot((openShot + 1) % shots.length)} /> )} ); } function DonationView() { const [copied, setCopied] = React.useState(null); const wallets = [ { coin: 'AFD', label: 'Afdian - Support Creator', addr: 'https://ifdian.net/a/kureist', color: '#946ce6', isLink: true }, { coin: 'BTC', label: 'Bitcoin (BTC)', addr: 'bc1qdrkrrqrtquuwrwug4ps0djws47yndsc6k4mxdj', color: '#f7931a' }, { coin: 'ETH', label: 'Ethereum (ETH - ERC20)', addr: '0xe1F7768210Dd93F635553b2ba3F1B897ef7B795C', color: '#627eea' }, { coin: 'USDT', label: 'Tether USD (USDT - ERC20)', addr: '0xe1F7768210Dd93F635553b2ba3F1B897ef7B795C', color: '#26a17b' }, { coin: 'USDC', label: 'USD Coin (USDC - ERC20)', addr: '0xe1F7768210Dd93F635553b2ba3F1B897ef7B795C', color: '#2775ca' } ]; const handleCopy = (addr, coin) => { navigator.clipboard.writeText(addr); setCopied(coin); setTimeout(() => setCopied(null), 2000); }; return (

{ic.heart} Donation & Support

This fangame archive is a community-driven project hosting over 17,000 games and 618GB+ of authentic crawled content. Your sponsorship directly supports ongoing server hosting, high-performance bandwidth, and CDN distribution costs. Thank you for keeping the archive alive!

{wallets.map((w) => (
{w.coin}
{w.label}
{w.addr}
{w.isLink ? ( Sponsor ) : ( )}
))}
{ic.bulb}
Security Notice: Double-check the wallet address and network before making any transaction. Ethereum (ETH), USDT, and USDC addresses use the ERC-20 network (Ethereum Mainnet).
); } function LinksView() { const links = [ { name: 'Delicious Fruit', desc: 'The historic flagship archive. The foundation of I Wanna cataloging and reviews for over a decade.', url: 'https://delicious-fruit.com/', color: '#ef4444' }, { name: 'I Wanna Wiki', desc: 'A rich community-maintained encyclopedic database containing creator bios, detailed walkthroughs, and wiki listings.', url: 'https://www.iwannawiki.com/', color: '#3b82f6' }, { name: 'Dappermink Archive', desc: 'An exceptionally complete vault hosting hundreds of classic, modern, and obscure I Wanna fangame binaries.', url: 'https://archive.dappermink.me/home', color: '#10b981' } ]; return (

{ic.link} Community Links

Quick portals to our friendly archives, wiki databases, and fellow community platforms. These sites form the backbone of the global I Wanna fangame legacy.

{links.map((l) => (
{l.name[0]}
{l.name}
{l.desc}
{ic.chevron}
))}
); } function ContactView() { const techStack = { frontend: [ { name: 'React (Standalone)', url: 'https://react.dev/' }, { name: 'ES6+ JavaScript', url: 'https://developer.mozilla.org/en-US/docs/Web/JavaScript' }, { name: 'Babel Standalone', url: 'https://babeljs.io/' }, { name: 'Vanilla CSS3', url: 'https://developer.mozilla.org/en-US/docs/Web/CSS' }, { name: 'SVG Vectors', url: 'https://developer.mozilla.org/en-US/docs/Web/SVG' } ], backend: [ { name: 'Python 3', url: 'https://www.python.org/' }, { name: 'Go (Golang)', url: 'https://go.dev/' }, { name: 'Node.js', url: 'https://nodejs.org/' }, { name: 'BeautifulSoup4', url: 'https://www.crummy.com/software/BeautifulSoup/bs4/doc/' }, { name: 'Ripgrep', url: 'https://github.com/BurntSushi/ripgrep' } ], database: [ { name: 'JSON Database (Chunked)', url: 'https://www.json.org/' }, { name: 'IndexedDB (High-Speed Client Cache)', url: 'https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API' }, { name: 'Cloudflare R2', url: 'https://www.cloudflare.com/developer-platform/r2/' }, { name: 'AWS S3 SDK', url: 'https://aws.amazon.com/s3/' } ], infrastructure: [ { name: '7-Zip CLI (Decryption & Re-compression)', url: 'https://www.7-zip.org/' }, { name: 'PowerShell / CMD', url: 'https://learn.microsoft.com/en-us/powershell/' } ] }; return (

{ic.mail} About & Contact

Catalog details, credits, technical stack, and direct communications registry.

{/* Creator & Special Thanks */}
Creator
kureist
Special Thanks
Chance
{/* Technical Stack */}

Technical Stack

Frontend Core
{techStack.frontend.map(t => ( {t.name} ))}
Backend & Crawlers
{techStack.backend.map(t => ( {t.name} ))}
Database & Cloud Storage
{techStack.database.map(t => ( {t.name} ))}
Infrastructure & Utilities
{techStack.infrastructure.map(t => ( {t.name} ))}
{/* Contact Info Card */}
Just in case you want to contact me:
Discord: kureist
Email: kurath0307@gmail.com
QQ: 865903566
{/* Footer Copyright */}
Fangame Archive - Developer & Designer © Kureist 2026
); } Object.assign(window, { ic, Sidebar, Toasts, Lightbox, Drawer, BrandMark, DonationView, LinksView, ContactView });