\n ThunderCross ⚡\n \n \n

\n\n

⚡ Charging up…

\n\n\n\n\n\n\n\n\n",[],[194],"8c12d2f6-8617-4d8c-9a7c-9864efdb2f19","db.ts","e501ae76-b18b-11f1-8c9d-1607ee4eb77e",3,["D",1789534982578],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { SEED } from \"./seed.ts\";\n\nexport { sqlite };\n\nexport async function init() {\n await sqlite.batch([\n `CREATE TABLE IF NOT EXISTS characters (\n id INTEGER PRIMARY KEY,\n name TEXT NOT NULL,\n franchise TEXT NOT NULL,\n category TEXT NOT NULL,\n emoji TEXT NOT NULL,\n power INTEGER NOT NULL,\n bio TEXT DEFAULT '',\n wins INTEGER DEFAULT 0,\n losses INTEGER DEFAULT 0,\n elo INTEGER DEFAULT 1200,\n UNIQUE(name, franchise)\n )`,\n `CREATE TABLE IF NOT EXISTS battles (\n id INTEGER PRIMARY KEY,\n winner_id INTEGER NOT NULL,\n loser_id INTEGER NOT NULL,\n user TEXT,\n created_at TEXT DEFAULT (datetime('now'))\n )`,\n `CREATE TABLE IF NOT EXISTS users (\n handle TEXT PRIMARY KEY,\n emoji TEXT DEFAULT '⚡',\n created_at TEXT DEFAULT (datetime('now'))\n )`,\n `CREATE TABLE IF NOT EXISTS posts (\n id INTEGER PRIMARY KEY,\n user TEXT NOT NULL,\n character_id INTEGER,\n body TEXT NOT NULL,\n created_at TEXT DEFAULT (datetime('now'))\n )`,\n `CREATE INDEX IF NOT EXISTS battles_time ON battles(created_at)`,\n ]);\n\n const { rows } = await sqlite.execute(\"SELECT COUNT(*) AS n FROM characters\");\n if (Number(rows[0].n) === 0) {\n await sqlite.batch(\n SEED.map((c) => ({\n sql: \"INSERT OR IGNORE INTO characters (name, franchise, category, emoji, power, bio) VALUES (?,?,?,?,?,?)\",\n args: [c.name, c.franchise, c.category, c.emoji, c.power, c.bio],\n })),\n );\n }\n}\n",[],[202],"8ed9e332-ed40-4317-9a27-df4af9b8a8c4","app.js","3777c348-b18c-11f1-87fd-1607ee4eb77e",8,["D",1789535120925],"// ThunderCross ⚡ client — hash-routed single page app, no framework.\nconst $ = (s, el = document) => el.querySelector(s);\nconst view = $(\"#view\");\nconst CATS = [\"All\", \"Movies\", \"TV\", \"Anime\", \"Games\", \"Comics\"];\nconst ICON = { All: \"🌐\", Movies: \"🎬\", TV: \"📺\", Anime: \"🎌\", Games: \"🎮\", Comics: \"📚\" };\nconst esc = (s) => String(s ?? \"\").replace(/[&<>\"']/g, (c) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c]));\nconst api = async (path, opts) => {\n const r = await fetch(\"/api\" + path, opts && { method: \"POST\", headers: { \"Content-Type\": \"application/json\" }, body: JSON.stringify(opts) });\n const j = await r.json();\n if (!r.ok) throw new Error(j.error || \"Request failed\");\n return j;\n};\nconst ago = (iso) => {\n const s = (Date.now() - new Date(iso.replace(\" \", \"T\") + \"Z\")) / 1000;\n if (s < 60) return \"just now\";\n if (s < 3600) return `${Math.floor(s / 60)}m ago`;\n if (s < 86400) return `${Math.floor(s / 3600)}h ago`;\n return `${Math.floor(s / 86400)}d ago`;\n};\n\n// ---------- Profile (stored locally, registered on server) ----------\nconst me = () => JSON.parse(localStorage.getItem(\"tc_me\") || \"null\");\nfunction renderMe() {\n const u = me();\n $(\"#me\").textContent = u ? `${u.emoji} ${u.handle}` : \"👤 Sign in\";\n}\n$(\"#me\").onclick = () => {\n const u = me();\n if (u) return location.hash = `#/u/${u.handle}`;\n openModal();\n};\nfunction openModal() {\n const u = me();\n $(\"#m-handle\").value = u?.handle || \"\";\n $(\"#m-emoji\").value = u?.emoji || \"\";\n $(\"#m-logout\").classList.toggle(\"hidden\", !u);\n $(\"#m-err\").textContent = \"\";\n $(\"#modal\").classList.remove(\"hidden\");\n}\n$(\"#m-cancel\").onclick = () => $(\"#modal\").classList.add(\"hidden\");\n$(\"#m-logout\").onclick = () => { localStorage.removeItem(\"tc_me\"); renderMe(); $(\"#modal\").classList.add(\"hidden\"); route(); };\n$(\"#m-save\").onclick = async () => {\n try {\n const handle = $(\"#m-handle\").value.trim(), emoji = $(\"#m-emoji\").value.trim() || \"⚡\";\n await api(\"/users\", { handle, emoji });\n localStorage.setItem(\"tc_me\", JSON.stringify({ handle, emoji }));\n renderMe(); $(\"#modal\").classList.add(\"hidden\"); route();\n } catch (e) { $(\"#m-err\").textContent = e.message; }\n};\n\n// ---------- Shared components ----------\nconst tabs = (active, base) => `

${CATS.map((c) =>\n `${ICON[c]} ${c}`).join(\"\")}

`;\n\nconst card = (c, i) => `\n \n ${i != null ? `#${i + 1}` : \"\"}\n

${c.emoji}

${esc(c.name)}

${esc(c.franchise)} · ${ICON[c.category] || \"\"} ${c.category}

⭐ Power Level${c.power}

${c.elo} Elo${c.wins}W${c.losses}L

\n `;\n\nconst postHtml = (p, showChar = true) => `\n

\n ${p.user_emoji || \"👤\"} ${esc(p.user)}\n ${showChar && p.character_name ? `${p.character_emoji || \"\"} ${esc(p.character_name)}` : \"\"}\n ${ago(p.created_at)}\n

${esc(p.body)}

`;\n\nfunction composer(characterId) {\n const u = me();\n if (!u) return `

`;\n return `

\n \n

`;\n}\nfunction wireComposer(characterId, after) {\n $(\"#signin-cta\")?.addEventListener(\"click\", openModal);\n $(\"#post-send\")?.addEventListener(\"click\", async () => {\n try {\n await api(\"/posts\", { user: me().handle, body: $(\"#post-body\").value, characterId });\n after();\n } catch (e) { $(\"#post-err\").textContent = e.message; }\n });\n}\n\n// ---------- Pages ----------\nasync function pageRankings(cat) {\n const chars = await api(`/characters?category=${cat}`);\n view.innerHTML = `\n

Who is the strongest of all time?

Rankings are decided by community battles. Every vote shifts the Elo.

\n ${tabs(cat, \"#/\")}\n

⚔️ Enter the arena

${chars.map(card).join(\"\")}

`;\n}\n\nasync function pageBattle(cat) {\n view.innerHTML = `

⚔️ Character Battle

Click the fighter who wins. Elo updates instantly for everyone.

\n ${tabs(cat, \"#/battle\")}

`;\n let streak = 0;\n const next = async () => {\n const [a, b] = await api(`/battle?category=${cat}`);\n if (!a || !b) return $(\"#arena\").innerHTML = `

Not enough fighters here yet.

`;\n $(\"#arena\").innerHTML = [a, b].map((c, i) => `\n

${c.emoji}

${esc(c.name)}

${esc(c.franchise)}

⭐ ${c.power}${c.elo} Elo

`).join(`

`);\n $(\"#result\").textContent = streak ? `🔥 ${streak} battle streak` : \"\";\n document.querySelectorAll(\".fighter\").forEach((el) => el.onclick = async () => {\n const w = [a, b][el.dataset.i], l = [a, b][1 - el.dataset.i];\n document.querySelectorAll(\".fighter\").forEach((f) => f.classList.add(f === el ? \"won\" : \"lost\"));\n document.querySelectorAll(\".fighter\").forEach((f) => f.onclick = null);\n const { delta } = await api(\"/battle\", { winnerId: w.id, loserId: l.id, user: me()?.handle });\n streak++;\n $(\"#result\").textContent = `⚡ ${w.name} wins! +${delta} Elo`;\n setTimeout(next, 900);\n });\n };\n $(\"#skip\").onclick = next;\n next();\n}\n\nasync function pageTrending() {\n const rows = await api(\"/trending\");\n view.innerHTML = `

📈 Trending right now

Most battled characters in the last 24 hours.

\n ${rows.length ? `

${rows.map((c, i) => card({ ...c }, i)).join(\"\")}

` : `

No battles yet today. Start one ⚔️

`}`;\n}\n\nasync function pageLeaderboard() {\n const { characters, users } = await api(\"/leaderboard\");\n view.innerHTML = `

🏅 Leaderboards

Top fighters by Elo · top voters by battles judged.

🏆 Characters

${c.emoji}${esc(c.name)} ${esc(c.franchise)}${c.elo} Elo · ${c.wins}-${c.losses}

👥 Community

${users.length ? `

${u.emoji}${esc(u.handle)}${u.votes} votes · ${u.posts} posts

` : `

Be the first — judge a battle.

`;\n}\n\nasync function pageDiscuss() {\n const posts = await api(\"/posts\");\n view.innerHTML = `

🌎 Community Discussions

Settle the debates.

\n ${composer(null)}\n ${posts.length ? posts.map((p) => postHtml(p)).join(\"\") : `

Quiet in here. Start the first thread.

`}`;\n wireComposer(null, pageDiscuss);\n}\n\nasync function pageCharacter(id) {\n const c = await api(`/characters/${id}`);\n const total = c.wins + c.losses, rate = total ? Math.round((c.wins / total) * 100) : null;\n view.innerHTML = `\n

${c.emoji}

${ICON[c.category]} ${c.category} · ${esc(c.franchise)}

${esc(c.name)}

${esc(c.bio)}

⭐ Power Level${c.power}

${c.elo} Elo${c.wins} wins${c.losses} losses${rate != null ? `${rate}% win rate` : \"\"}

⚔️ Battle in ${c.category}← ${c.category} rankings

💬 Discussion

${composer(c.id)}

${c.posts.length ? c.posts.map((p) => postHtml(p, false)).join(\"\") : `

No takes yet.

🕘 Recent battles

${c.recent.length ? `

${b.won ? \"✅\" : \"❌\"}${b.won ? `beat ${b.loser_emoji} ${esc(b.loser)}` : `lost to ${b.winner_emoji} ${esc(b.winner)}`}${b.user ? esc(b.user) + \" · \" : \"\"}${ago(b.created_at)}

` : `

Hasn't fought yet.

`;\n wireComposer(c.id, () => pageCharacter(id));\n}\n\nasync function pageUser(handle) {\n let u;\n try { u = await api(`/users/${encodeURIComponent(handle)}`); } catch { return view.innerHTML = `

No fighter named ${esc(handle)}.

`; }\n const mine = me()?.handle === u.handle;\n view.innerHTML = `\n

${u.emoji}

Fighter profile · joined ${ago(u.created_at)}

${esc(u.handle)}

${u.votes} battles judged${u.posts.length} posts

\n ${mine ? `

` : \"\"}\n

⭐ Favorite champions

${u.favorites.length ? `

${f.emoji}${esc(f.name)}${f.n} wins picked

` : `

No battles judged yet.

💬 Posts

${u.posts.length ? u.posts.map((p) => postHtml({ ...p, user_emoji: u.emoji })).join(\"\") : `

Nothing posted yet.

`;\n $(\"#edit-me\")?.addEventListener(\"click\", openModal);\n}\n\n// ---------- Router ----------\nasync function route() {\n const hash = location.hash.slice(1) || \"/\";\n const [path, qs] = hash.split(\"?\");\n const cat = new URLSearchParams(qs).get(\"cat\") || \"All\";\n document.querySelectorAll(\"#nav a\").forEach((a) => a.classList.toggle(\"active\", a.getAttribute(\"href\") === \"#\" + path));\n view.innerHTML = `

⚡ Loading…

`;\n try {\n if (path === \"/\") await pageRankings(cat);\n else if (path === \"/battle\") await pageBattle(cat);\n else if (path === \"/trending\") await pageTrending();\n else if (path === \"/leaderboard\") await pageLeaderboard();\n else if (path === \"/discuss\") await pageDiscuss();\n else if (path.startsWith(\"/c/\")) await pageCharacter(path.slice(3));\n else if (path.startsWith(\"/u/\")) await pageUser(decodeURIComponent(path.slice(3)));\n else view.innerHTML = `

Lost in the arena. Go home

`;\n } catch (e) {\n view.innerHTML = `

⚠️ ${esc(e.message)}

`;\n }\n window.scrollTo(0, 0);\n}\naddEventListener(\"hashchange\", route);\nrenderMe();\nroute();\n",[],[210],"d3161e67-4961-4c80-b446-c7b6577a864c","README.md","6dbd006c-b18c-11f1-931d-1607ee4eb77e",["D",1789535211977],"# ThunderCross ⚡\n\n**\"Every Character. One Arena.\"**\n\nBrowse, battle and rank characters from 🎬 Movies · 📺 TV · 🎌 Anime · 🎮 Games · 📚 Comics & Manga.\n\n[▶ Open ThunderCross](url:main.ts)\n\n## Features\n\n| | Feature | How it works |\n|---|---|---|\n| 🏆 | **Global Rankings** | Characters sorted by community Elo, filterable by category |\n| ⚔️ | **Character Battles** | Random 1v1 matchups — click the winner, Elo updates for everyone |\n| ⭐ | **Power Levels** | Editorial baseline 0–100 shown alongside the community Elo |\n| 📈 | **Trending** | Most-battled characters in the last 24 hours |\n| 🏅 | **Leaderboards** | Top fighters by Elo + top community judges by votes |\n| 👥 | **User Profiles** | Handle + emoji avatar; tracks battles judged, favorite champions, posts |\n| 🌎 | **Discussions** | Global feed plus per-character threads |\n\n## Structure\n\n```\nmain.ts Hono API + static file serving (HTTP entrypoint)\ndb.ts SQLite schema + first-run seeding\nseed.ts Starter roster of 33 characters\nindex.html App shell\nstyle.css Theme\napp.js Hash-routed client (rankings, battle, trending, leaderboard, discuss, character & user pages)\n```\n\n```mermaid\nflowchart LR\n Browser[app.js] -->|/api/*| Hono[main.ts]\n Hono --> DB[(SQLite: characters, battles, users, posts)]\n Hono -->|serveFile| Static[index.html · style.css · app.js]\n```\n\n## Elo\n\nEach battle uses K=32: the winner gains `round(32 × (1 − expected))`, the loser loses the same. Upsets move the needle more than expected wins.\n\n## Adding characters\n\nAppend to `seed.ts` (only seeds on an empty DB) or insert directly:\n\n```sql\nINSERT INTO characters (name, franchise, category, emoji, power, bio)\nVALUES ('Vegeta', 'Dragon Ball', 'Anime', '👑', 96, 'Prince of all Saiyans.');\n```\n\nCategories: `Movies`, `TV`, `Anime`, `Games`, `Comics`.\n",[],[218],["D",1789534890275],["D",1789536037138],{"_11":12,"_124":69},{"_11":12,"_119":120,"_68":69,"_30":67,"_121":122,"_123":24},{"_38":110,"_13":16,"_32":35,"_111":71,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":14,"_118":12},"ctx",{"_53":-5,"_143":262,"_263":264,"_265":266,"_267":24,"_268":24,"_269":24,"_270":84,"_271":-5,"_272":-7,"_273":-7,"_274":26,"_275":24,"_276":24,"_277":-5,"_278":24,"_279":24,"_280":24,"_281":-5},"ENV",{"_233":234,"_235":236,"_237":16,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Create your fighter profile

Who is the strongest of all time?

⚔️ Character Battle

📈 Trending right now

🏅 Leaderboards

🏆 Characters

👥 Community

🌎 Community Discussions

${esc(c.name)}

💬 Discussion

🕘 Recent battles

${esc(u.handle)}

⭐ Favorite champions

💬 Posts

History · style.css