Loading...

\n );\n }\n\n const characterData = viewMode === \"personal\" ? personalCharacters : characters;\n const rankingTitle = viewMode === \"personal\" ? \"My Rankings\" : \"Global Rankings\";\n const sortedCharacterData = _.orderBy(characterData, [\"elo\"], [\"desc\"]);\n\n // --- JSX Return (Identical, includes non-truncated name) ---\n return (\n

\n {/* Header & View Mode Buttons */}\n

RotRank

\n switchViewMode(\"voting\")}\n className={`py-2 px-4 rounded transition duration-150 ease-in-out ${\n viewMode === \"voting\"\n ? \"bg-indigo-600 text-white font-bold\"\n : \"bg-gray-700 text-gray-300 hover:bg-gray-600\"\n }`}\n >\n Vote\n {\" \"}\n switchViewMode(\"global\")}\n className={`py-2 px-4 rounded transition duration-150 ease-in-out ${\n viewMode === \"global\"\n ? \"bg-indigo-600 text-white font-bold\"\n : \"bg-gray-700 text-gray-300 hover:bg-gray-600\"\n }`}\n >\n Global\n {\" \"}\n switchViewMode(\"personal\")}\n className={`py-2 px-4 rounded transition duration-150 ease-in-out ${\n viewMode === \"personal\"\n ? \"bg-indigo-600 text-white font-bold\"\n : \"bg-gray-700 text-gray-300 hover:bg-gray-600\"\n }`}\n >\n My Ranks\n \n

\n\n {/* Voting View */}\n {viewMode === \"voting\" && (\n

\n {matchup\n ? (\n <>\n

\n {matchup.map(character => (\n \n !isSaving && handleVote(character.id, matchup.find(c => c.id !== character.id)!.id)}\n >\n {/* Image Container */}\n

\n {imageError[character.id]\n ? (getFallbackImage(character.id))\n : (\n handleImageError(character.id)}\n loading=\"lazy\"\n referrerPolicy=\"no-referrer\"\n />\n )}\n

\n {/* Name - No truncate */}\n

{character.name}

\n ))}\n

\n {/* Skip Button Area */}\n

\n generateMatchup(characters)}\n className=\"bg-pink-600 hover:bg-pink-700 text-white font-bold py-2 px-4 rounded transition duration-150 ease-in-out disabled:opacity-50\"\n disabled={isSaving}\n >\n {isSaving ? \"...\" : \"Skip\"}\n \n

\n \n )\n : (\n

\n {characters.length < 2 ? \"Need >= 2 chars.\" : \"Generating...\"}\n

\n )}\n

\n )}\n\n {/* Rankings View (Identical) */}\n {viewMode !== \"voting\" && (\n

{rankingTitle}

\n \n \n \n \n \n \n \n \n \n {sortedCharacterData.length > 0\n ? (\n sortedCharacterData.map((character, index) => (\n \n {\" \"}\n {\" \"}\n \n \n ))\n )\n : (\n \n \n \n )}\n \n

Rank	Character	Votes
{index + 1}	\n \n \n {imageError[character.id]\n ? getFallbackImage(character.id)\n : (\n handleImageError(character.id)}\n loading=\"lazy\"\n referrerPolicy=\"no-referrer\"\n />\n )}\n \n \n {character.name} \n \n \n	{character.wins}
No ranking data.

\n )}\n\n {/* Footer (Identical) */}\n \n

\n \n );\n}\n// --- End App Component ---\n\n// --- Client-side Rendering (Identical) ---\nfunction client() {\n const r = document.getElementById(\"root\");\n if (r) createRoot(r).render(); else console.error(\"Root element '#root' not found.\");\n}\nif (typeof document !== \"undefined\" && document.getElementById(\"root\")) { client(); }\n// --- End Client-side Rendering ---\n\n// --- Server-side Handling (Identical) ---\nexport default async function server(req: Request): Promise {\n const url = new URL(req.url);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const { CHARACTERS: defaultCharactersDefinition } = await import(\"./characters.ts\");\n const getBlobJson = async (key: string, defaultValue: any): Promise => {\n try {\n const d = await blob.getJSON(key);\n if (key.includes(\"characters\") && !Array.isArray(d)) {\n console.warn(`Invalid blob ${key}`);\n return defaultValue;\n }\n return d ?? defaultValue;\n } catch (e: any) {\n if (e.message?.includes(\"not found\")) console.log(`Blob ${key} not found.`); else console.error(\n `Err blob ${key}:`,\n e,\n );\n return defaultValue;\n }\n };\n if (url.pathname === \"/api/characters\" && req.method === \"GET\") {\n const dc = [...defaultCharactersDefinition.map(c => ({ ...c }))];\n const d = await getBlobJson(\"rotrank_characters\", dc);\n return new Response(JSON.stringify(d), {\n headers: { \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-store\" },\n });\n }\n if (url.pathname === \"/api/personal-characters\" && req.method === \"GET\") {\n const uid = url.searchParams.get(\"userId\");\n if (!uid)\n return new Response(JSON.stringify({ error: \"User ID required\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n const dc = [...defaultCharactersDefinition.map(c => ({ ...c }))];\n const d = await getBlobJson(`rotrank_personal_${uid}`, dc);\n return new Response(JSON.stringify(d), {\n headers: { \"Content-Type\": \"application/json\", \"Cache-Control\": \"no-store\" },\n });\n }\n if (url.pathname === \"/api/update-rankings\" && req.method === \"POST\") {\n try {\n const d = await req.json();\n if (!Array.isArray(d)) throw new Error(\"Invalid data.\");\n await blob.setJSON(\"rotrank_characters\", d);\n return new Response(JSON.stringify({ success: true }), { headers: { \"Content-Type\": \"application/json\" } });\n } catch (e) {\n console.error(\"Err update global:\", e);\n return new Response(JSON.stringify({ success: false, error: String(e) }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n if (url.pathname === \"/api/update-personal-rankings\" && req.method === \"POST\") {\n try {\n const d = await req.json();\n const { userId: uid, characters: cs } = d;\n if (!uid || typeof uid !== \"string\") throw new Error(\"User ID invalid.\");\n if (!Array.isArray(cs)) throw new Error(\"Chars data invalid.\");\n await blob.setJSON(`rotrank_personal_${uid}`, cs);\n return new Response(JSON.stringify({ success: true }), { headers: { \"Content-Type\": \"application/json\" } });\n } catch (e) {\n console.error(\"Err update personal:\", e);\n return new Response(JSON.stringify({ success: false, error: String(e) }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n try {\n const scriptSrc = typeof import.meta !== \"undefined\" && import.meta.url ? `\"${import.meta.url}\"` : \"\\\"./app.js\\\"\";\n const html =\n `RotRank

Loading...

`;\n return new Response(html, { headers: { \"Content-Type\": \"text/html\" } });\n } catch (e) {\n console.error(\"Err generating HTML:\", e);\n return new Response(\"Internal Server Error\", { status: 500 });\n }\n}\n// --- End Server-side Handling ---",[],[185],{"_102":193,"_95":194,"_155":195,"_157":-5,"_158":140,"_159":139,"_161":117,"_104":196,"_99":163,"_164":165,"_166":197,"_168":22,"_169":-5,"_170":198,"_98":199},"e79f1ab4-25dd-11f0-93d4-569c3dd06744","moi.md","5a171ab2-24a6-11f0-8815-569c3dd06744",["D",1746029545230],"---\ntitle: \"rotrank\"\ndescription: \"An ELO ranking system for popular Italian Brainrot characters\"\nurl: \"https://rotrank.val.run/\"\ntags: [\"val-town\"]\nimageUrl: \"https://chatgpt.com/backend-api/public_content/enc/eyJpZCI6Im1fNjgxMDQxMGJkYjJjODE5MThhNDY0N2IwMzc0YzZkZmI6ZmlsZV8wMDAwMDAwMDQzN2M2MWY3YjgwYjQ5YzIyNDQ2YjQwYSIsInRzIjoiNDg0OTcxIiwicCI6InB5aSIsInNpZyI6IjUxNjJlNWEyYzdiMTA2Nzc4MzRjMWUzYmMzZDRlNGNlNDBiNmRkNzc4MDYyYzEyY2NmYjkyODE5NTU4ZDM4ZGUiLCJ2IjoiMCIsImdpem1vX2lkIjpudWxsfQ==\"\ntabs: [\"Silly\"]\nexcludeFromPosts: true\n---\n\n## About\n\nAn ELO ranking system for popular Italian Brainrot characters\n\n## HTTP Endpoint\n\nThis val is accessible via the following URL:\n\n`https://rotrank.val.run/`\n\n## Usage\n\n```typescript\n// Import this val\nimport { rotrank } from \"https://esm.town/v//rotrank\";\n\n// Example usage\n// ...\n```\n\n## Notes\n\n- Created: 2025-04-27\n- Last updated: 2025-04-29\n- Type: script\n- Privacy: public",[],[194],"files",[152,173,183,192],"counts",{"_204":205,"_206":160,"_207":32,"_208":209},"pulls",1,"branches","forks","envVars",{"_210":32,"_211":32},"count","emptyCount","contents",[214,217,220,223],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":117,"_104":215,"_99":163,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":216},["D",1745779736350],[154],{"_102":174,"_95":175,"_155":176,"_157":-5,"_158":140,"_159":177,"_161":117,"_104":218,"_99":163,"_164":179,"_166":180,"_168":22,"_169":-5,"_98":219},["D",1745783243983],[175],{"_102":184,"_95":185,"_155":115,"_157":-5,"_158":140,"_159":119,"_161":117,"_104":221,"_99":187,"_164":188,"_166":189,"_168":22,"_169":96,"_98":222},["D",1745783581591],[185],{"_102":193,"_95":194,"_155":195,"_157":-5,"_158":140,"_159":139,"_161":117,"_104":224,"_99":163,"_164":165,"_166":197,"_168":22,"_169":-5,"_98":225},["D",1746029545230],[194],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branches",{"_93":94,"_95":96,"_100":234,"_206":239},{"_102":103,"_95":96,"_104":235,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":119,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":236,"_134":237,"_137":238,"_149":22},["D",1745778410476],{"_93":94,"_132":133},{"_93":94,"_136":133,"_14":113},{"_99":139,"_95":43,"_102":140,"_141":103,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},[240,246,253,259,267,274],{"_102":140,"_104":241,"_242":243,"_95":43,"_141":103,"_99":139,"_142":-5,"_143":-5,"_244":245,"_106":-5},["D",1745778410476],"updatedAt",["D",1746029545230],"lockfileKey","1756287466873-esm.town_v_dcm31_rotrank@17-main",{"_102":247,"_104":248,"_242":249,"_95":250,"_141":103,"_99":251,"_142":140,"_143":119,"_244":252,"_106":-5},"9836dfcc-23a1-11f0-b770-569c3dd06744",["D",1745783739892],["D",1745784606917],"sql",4,"1759493819961-esm.town_v_dcm31_rotrank@4-sql",{"_102":254,"_104":255,"_242":256,"_95":257,"_141":103,"_99":163,"_142":140,"_143":119,"_244":258,"_106":-5},"13bae4b2-23a3-11f0-ab96-569c3dd06744",["D",1745784376613],["D",1745784387164],"backgroundimage","1758467108120-esm.town_v_dcm31_rotrank@2-backgroundimage",{"_102":260,"_104":261,"_242":262,"_95":263,"_141":103,"_99":264,"_142":140,"_143":265,"_244":266,"_106":-5},"d364c300-239e-11f0-9cd0-569c3dd06744",["D",1745782550688],["D",1745783482979],"full-characters",3,10,"1758327966692-esm.town_v_dcm31_rotrank@3-full-characters",{"_102":268,"_104":269,"_242":270,"_95":271,"_141":103,"_99":265,"_142":140,"_143":272,"_244":273,"_106":-5},"61657906-239a-11f0-b13b-569c3dd06744",["D",1745780641445],["D",1745782392241],"fix-voting-tab",9,"1760560987671-esm.town_v_dcm31_rotrank@10-fix-voting-tab",{"_102":275,"_104":276,"_242":277,"_95":278,"_141":103,"_99":264,"_142":140,"_143":163,"_244":279,"_106":-5},"7f369320-2395-11f0-a1f9-569c3dd06744",["D",1745778543986],["D",1745778632951],"personal-rankings","1758075579181-esm.town_v_dcm31_rotrank@3-personal-rankings","actionData","errors"]

dcm31

rotrank

Branches6

Branches
6