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],{"_105":193,"_98":194,"_155":195,"_157":-5,"_158":140,"_159":139,"_161":120,"_107":196,"_102":163,"_164":165,"_166":197,"_168":25,"_169":-5,"_170":198,"_101":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":29,"_208":29},"pulls",1,"branches","forks","envVars","contents",[211,214,217,220],{"_105":153,"_98":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":120,"_107":212,"_102":163,"_164":165,"_166":167,"_168":25,"_169":-5,"_101":213},["D",1745779736350],[154],{"_105":174,"_98":175,"_155":176,"_157":-5,"_158":140,"_159":177,"_161":120,"_107":215,"_102":163,"_164":179,"_166":180,"_168":25,"_169":-5,"_101":216},["D",1745783243983],[175],{"_105":184,"_98":185,"_155":118,"_157":-5,"_158":140,"_159":122,"_161":120,"_107":218,"_102":187,"_164":188,"_166":189,"_168":25,"_169":99,"_101":219},["D",1745783581591],[185],{"_105":193,"_98":194,"_155":195,"_157":-5,"_158":140,"_159":139,"_161":120,"_107":221,"_102":163,"_164":165,"_166":197,"_168":25,"_169":-5,"_101":222},["D",1746029545230],[194],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.pulls",{"_96":97,"_98":99,"_229":230,"_103":233,"_204":237,"_266":-5,"_267":25,"_268":-5},"filters",{"_231":232},"state","open",{"_105":106,"_98":99,"_107":234,"_109":-5,"_110":25,"_111":112,"_113":114,"_115":-5,"_12":116,"_117":118,"_119":120,"_121":122,"_123":29,"_14":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_19":235,"_137":236,"_149":25},["D",1745778410476],{"_96":97,"_135":136},{"_102":139,"_98":40,"_105":140,"_141":106,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":99,"_148":97},[238],{"_105":239,"_240":241,"_113":241,"_107":242,"_243":-5,"_231":244,"_245":246,"_247":-5,"_248":25,"_249":25,"_250":25,"_251":252,"_253":254,"_255":256,"_257":258,"_262":263,"_264":265},"1a9e1f8a-23a1-11f0-83e8-569c3dd06744","title","x",["D",1745783529175],"mergedAt","pending","targetBranchVersion",10,"mergedBranchVersion","isTargetOwner","isSourceOwner","isFork","targetBranch",{"_105":140,"_98":40,"_102":139,"_141":106,"_142":-5,"_143":-5,"_148":97,"_147":99,"_109":-5},"targetProject",{"_105":106,"_98":99,"_113":114,"_115":-5,"_111":112},"targetUser",{"_96":97,"_135":136},"sourceBranch",{"_105":259,"_98":260,"_102":261,"_141":106,"_142":140,"_143":246,"_148":97,"_147":99,"_109":-5},"d364c300-239e-11f0-9cd0-569c3dd06744","full-characters",3,"sourceProject",{"_105":106,"_98":99,"_113":114,"_115":-5,"_111":112},"sourceUser",{"_96":97,"_135":136},"latestBranch","isForkOwner","ownProjectForks","routes/_app","actionData","errors"]

Pull requests1

Pull requests
1