[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_166":167,"_168":169},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_107":86,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":121,"_122":25,"_123":124,"_125":58,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",48,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","8e44fbf0-2772-11f0-b46e-569c3dd06744","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst LEADERBOARD_KEY = \"woombie-leaderboard\";\nconst LEADERBOARD_API_URL = \"https://sahar-woombie_leaderboard_api.web.val.run/\";\n\ntype ComparisonState = {\n names: string[];\n comparisons: Record>;\n};\n\ntype LeaderboardState = {\n userStats: Record>;\n lastUpdated: number;\n }>;\n globalStats: Record>;\n};\n\ntype LeaderboardData = {\n stats: {\n totalVotes: number;\n totalPlayers: number;\n totalMatches: number;\n };\n summary: {\n topPerformers: {\n bradleyTerry: Array<{ name: string; score: number }>;\n eigenvector: Array<{ name: string; score: number }>;\n pageRank: Array<{ name: string; score: number }>;\n consensus: Array<{ name: string; score: number }>;\n };\n };\n rawData: any;\n voters: Record;\n analysis?: {\n surprisingMatchups?: Array<\n {\n winner: string;\n loser: string;\n winnerRank: number;\n loserRank: number;\n rankDifference: number;\n voterCount: number;\n }\n >;\n inconsistentVoters?: Array<{ voter_id: string; inconsistencies: Array }>;\n };\n allnames?: {\n entries: Array<{\n name: string;\n wins: number;\n losses: number;\n winRate: number;\n ranks: {\n bradleyTerry: { rank: number };\n eigenvector: { rank: number };\n pageRank: { rank: number };\n };\n }>;\n };\n};\n\n// Normalize names: first letter capitalized, rest lowercase\nconst normalizeCandidateNameCase = (name: string) =>\n name.trim().charAt(0).toUpperCase() + name.trim().slice(1).toLowerCase();\n\nconst INITIAL_NAMES = [\n \"Liran\",\n \"Zohar\",\n \"Amir\",\n \"Raviel\",\n \"Omri\",\n \"Amit\",\n \"Shamir\",\n \"Erez\",\n \"Shay\",\n \"Mahan\",\n \"Aran\",\n \"Nashir\",\n \"Lior\",\n \"Alon\",\n \"Dror\",\n \"Tzivon\",\n \"Roni\",\n \"Matan\",\n \"Raviv\",\n \"Razi\",\n \"Shayan\",\n \"Zayit\",\n \"Azar\",\n \"Itamar\",\n \"Asaf\",\n \"Itai\",\n \"Amitai\",\n \"Roi\",\n \"Imri\",\n \"Yotam\",\n \"Amar\",\n \"Yishai\",\n \"Anavi\",\n \"Agan\",\n \"Amidror\",\n \"Rimon\",\n \"Safran\",\n \"Yoav\",\n \"Shimri\",\n \"Yair\",\n \"Agil\",\n \"Allon\",\n \"Almon\",\n \"Eran\",\n \"Ilai\",\n \"Kedem\",\n \"Kinori\",\n \"Zemer\",\n].map(normalizeCandidateNameCase).filter((name, index, self) =>\n self.findIndex(n => n.toLowerCase() === name.toLowerCase()) === index\n);\n\nfunction App() {\n const [state, setState] = useState({ names: [], comparisons: {} });\n const [newCandidateName, setNewCandidateName] = useState(\"\");\n const [currentPair, setCurrentPair] = useState<[string, string] | null>(null);\n const [lastPair, setLastPair] = useState<{\n pair: [string, string] | null;\n winner: string | null;\n loser: string | null;\n }>({ pair: null, winner: null, loser: null });\n const [error, setError] = useState(null);\n const [showState, setShowState] = useState(false);\n const [showGlobalStats, setShowGlobalStats] = useState(false);\n const [stateDisplay, setStateDisplay] = useState(\"\");\n const [globalStatsDisplay, setGlobalStatsDisplay] = useState(\"\");\n const [username, setUsername] = useState(() => {\n const saved = localStorage.getItem(\"woombie-user-id\");\n if (saved) return saved;\n const newId = Math.random().toString(36).substring(2, 15);\n localStorage.setItem(\"woombie-user-id\", newId);\n return newId;\n });\n const [showUsernameModal, setShowUsernameModal] = useState(false);\n const [newUsername, setNewUsername] = useState(\"\");\n const [hasInteracted, setHasInteracted] = useState(false);\n const [showUsernameChange, setShowUsernameChange] = useState(false);\n const [showRawData, setShowRawData] = useState(false);\n const [leaderboardData, setLeaderboardData] = useState(null);\n const [isLoadingLeaderboard, setIsLoadingLeaderboard] = useState(false);\n\n // Track if user has interacted with the app\n useEffect(() => {\n if (state.comparisons && Object.keys(state.comparisons).length > 0) {\n setHasInteracted(true);\n }\n }, [state.comparisons]);\n\n // Load state on mount\n useEffect(() => {\n fetchState();\n }, []);\n\n // Update localStorage and leaderboard when state changes\n useEffect(() => {\n if (state) {\n localStorage.setItem(\"valtown-state\", JSON.stringify(state));\n updateLeaderboard();\n }\n }, [state]);\n\n // Fetch leaderboard data when modal is opened\n useEffect(() => {\n if (showGlobalStats) {\n fetchGlobalStats();\n }\n }, [showGlobalStats]);\n\n async function updateLeaderboard() {\n try {\n await fetch(\"/update-leaderboard\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n userId: username,\n comparisons: state.comparisons,\n }),\n });\n } catch (err) {\n console.error(\"Failed to update leaderboard:\", err);\n }\n }\n\n function fetchState() {\n const savedState = localStorage.getItem(\"valtown-state\");\n if (savedState) {\n const parsedState = JSON.parse(savedState);\n if (parsedState.comparisons && Object.keys(parsedState.comparisons).length > 0) {\n setState(parsedState);\n selectRandomPair(parsedState);\n } else {\n // If state exists but has no comparisons, initialize\n const newState = { names: INITIAL_NAMES, comparisons: {} };\n setState(newState);\n selectRandomPair(newState);\n }\n } else {\n // No saved state, initialize\n const newState = { names: INITIAL_NAMES, comparisons: {} };\n setState(newState);\n selectRandomPair(newState);\n }\n }\n\n function selectRandomPair(currentState?: ComparisonState, maxAttempts = 10) {\n const names = currentState?.names || state.names;\n if (names.length < 2) return null;\n\n for (let attempt = 0; attempt < maxAttempts; attempt++) {\n const pair = names\n .sort(() => 0.5 - Math.random())\n .slice(0, 2) as [string, string];\n\n // Ensure names are different\n if (pair[0] !== pair[1]) {\n setCurrentPair(pair);\n return pair;\n }\n }\n\n // If we can't find a unique pair after max attempts, return null\n setError(\"Could not select a unique pair of names\");\n return null;\n }\n\n function recordComparison(winner: string, loser: string) {\n if (!currentPair) return;\n\n // Store the last comparison before creating a new state\n setLastPair({ pair: currentPair, winner, loser });\n\n const newState = { ...state };\n\n // Initialize comparison tracking if not exists\n if (!newState.comparisons[winner]) {\n newState.comparisons[winner] = {};\n }\n\n // Record the comparison\n newState.comparisons[winner][loser] = (newState.comparisons[winner][loser] || 0) + 1;\n\n setState(newState);\n selectRandomPair(newState);\n }\n\n function revertLastComparison() {\n if (!lastPair.pair || !lastPair.winner || !lastPair.loser) return;\n\n const newState = { ...state };\n\n // Remove the last comparison\n if (\n newState.comparisons[lastPair.winner]\n && newState.comparisons[lastPair.winner][lastPair.loser]\n ) {\n const currentCount = newState.comparisons[lastPair.winner][lastPair.loser];\n if (currentCount <= 1) {\n delete newState.comparisons[lastPair.winner][lastPair.loser];\n } else {\n newState.comparisons[lastPair.winner][lastPair.loser]--;\n }\n }\n\n // Restore the previous pair\n setCurrentPair(lastPair.pair);\n\n // Clear the last pair\n setLastPair({ pair: null, winner: null, loser: null });\n\n setState(newState);\n }\n\n function saveState(newState: ComparisonState) {\n try {\n localStorage.setItem(\"valtown-state\", JSON.stringify(newState));\n } catch (err) {\n setError(\"Could not save application state\");\n console.error(err);\n }\n\n function setState(newState: ComparisonState) {\n saveState(newState);\n // Now, update the actual state in the app\n // React's setState or your equivalent update function\n // (e.g., if you're using `useState`, it's already done automatically in the state setter)\n reactSetState(newState); // assuming this is how you're setting state in your app\n }\n }\n\n function addCandidateName() {\n const normalizedName = normalizeCandidateNameCase(newCandidateName);\n if (!normalizedName) {\n setError(\"Please enter a valid name\");\n return;\n }\n\n if (state.names.some(n => n.toLowerCase() === normalizedName.toLowerCase())) {\n setError(\"This name is already in the list\");\n return;\n }\n\n const newState = {\n ...state,\n names: [...state.names, normalizedName],\n };\n\n // Update local state and storage\n setState(newState);\n setNewCandidateName(\"\");\n\n // Ensure we can still select a pair after adding a name\n const newPair = selectRandomPair(newState);\n if (!newPair) {\n setError(\"Could not select a pair after adding name\");\n } else {\n setError(null); // Clear any previous errors\n }\n }\n\n function passPair() {\n if (!currentPair) return;\n selectRandomPair();\n }\n\n async function clearState() {\n const newState = {\n names: INITIAL_NAMES,\n comparisons: {},\n };\n setState(newState);\n setCurrentPair(null);\n selectRandomPair(newState);\n\n // Clear user's leaderboard data\n try {\n await fetch(\"/update-leaderboard\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n userId: username,\n comparisons: {}, // Empty comparisons to clear user's data\n }),\n });\n } catch (err) {\n console.error(\"Failed to clear leaderboard data:\", err);\n }\n }\n\n function showCurrentState() {\n // Create a more human-readable format for user stats\n const userStats = {\n totalComparisons: Object.values(state.comparisons).reduce(\n (sum, losers) => sum + Object.values(losers).reduce((a, b) => a + b, 0),\n 0,\n ),\n nameStats: Object.entries(state.comparisons).map(([name, comparisons]) => ({\n name,\n wins: Object.values(comparisons).reduce((a, b) => a + b, 0),\n losses: Object.values(state.comparisons)\n .filter((comp, n) => n !== name)\n .reduce((sum, comp) => sum + (comp[name] || 0), 0),\n winRate: Object.values(comparisons).reduce((a, b) => a + b, 0)\n / (Object.values(comparisons).reduce((a, b) => a + b, 0)\n + Object.values(state.comparisons)\n .filter((comp, n) => n !== name)\n .reduce((sum, comp) => sum + (comp[name] || 0), 0))\n * 100,\n })).sort((a, b) => b.winRate - a.winRate),\n rawComparisons: state.comparisons, // Keep the raw data for machine processing\n };\n\n setStateDisplay(JSON.stringify(userStats, null, 2));\n setShowState(true);\n }\n\n function closeStateDisplay() {\n setShowState(false);\n }\n\n async function fetchGlobalStats() {\n try {\n setIsLoadingLeaderboard(true);\n setError(null);\n const response = await fetch(`${LEADERBOARD_API_URL}?key=${LEADERBOARD_KEY}&mode=combined`);\n if (!response.ok) throw new Error(\"Failed to fetch leaderboard data\");\n const data = await response.json();\n\n setLeaderboardData({\n stats: data.stats || { totalVotes: 0, totalPlayers: 0, totalMatches: 0 },\n summary: data.summary || { topPerformers: { bradleyTerry: [], eigenvector: [], pageRank: [], consensus: [] } },\n rawData: data.rawData || {},\n voters: data.voters || {},\n analysis: data.analysis || {},\n allnames: data.allnames || { entries: [] },\n });\n setShowGlobalStats(true);\n } catch (error) {\n setError(\"Failed to fetch global statistics\");\n console.error(\"Error fetching global stats:\", error);\n } finally {\n setIsLoadingLeaderboard(false);\n }\n }\n\n function closeGlobalStatsDisplay() {\n setShowGlobalStats(false);\n }\n\n async function removeTestData() {\n try {\n await fetch(\"/remove-test-data\", {\n method: \"POST\",\n });\n setError(\"Test user data cleared\");\n } catch (err) {\n console.error(\"Failed to clear test user data:\", err);\n setError(\"Failed to clear test user data\");\n }\n }\n\n const handleUsernameChange = async (newUsername: string) => {\n const normalizedId = newUsername.toLowerCase().replace(/[^a-z0-9]/g, \"\");\n\n try {\n // First update the username\n const response = await fetch(\"/update-username\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n oldUserId: username,\n newUserId: normalizedId,\n }),\n });\n\n if (!response.ok) throw new Error(\"Failed to update username\");\n\n // Update local storage and state\n localStorage.setItem(\"woombie-user-id\", normalizedId);\n localStorage.setItem(\"userId\", normalizedId);\n setUsername(normalizedId);\n setShowUsernameChange(false);\n } catch (error) {\n setError(\"Failed to update username. Please try again.\");\n }\n };\n\n async function fetchDetailedData() {\n try {\n setError(null);\n const response = await fetch(`${LEADERBOARD_API_URL}?key=${LEADERBOARD_KEY}&mode=detail`);\n if (!response.ok) throw new Error(\"Failed to fetch detailed data\");\n const data = await response.json();\n\n setLeaderboardData(prev =>\n prev\n ? {\n ...prev,\n rawData: data,\n }\n : null\n );\n } catch (error) {\n setError(\"Failed to fetch detailed data\");\n console.error(\"Error fetching detailed data:\", error);\n }\n }\n\n return (\n

Let's all name Woombie

\n\n {/* Username reminder banner */}\n {(Object.values(state.comparisons).reduce(\n (sum, losers) => sum + Object.values(losers).reduce((a, b) => a + b, 0),\n 0,\n ) >= 5 && username.match(/\\d/g)?.length > 2) && (\n \n \n Hey there! Your current name is{\" \"}\n {username}, which looks like a randomly generated ID. Please change it to your actual name!\n \n setShowUsernameChange(true)}\n >\n Change My Name\n \n

\n )}\n\n {error && (\n

\n {error}\n \n

\n )}\n\n {currentPair\n ? (\n

Choose the Better Name:

\n recordComparison(currentPair[0], currentPair[1])}\n >\n {currentPair[0]}\n \n

\n recordComparison(currentPair[1], currentPair[0])}\n >\n {currentPair[1]}\n \n

\n \n Pass! I don't know!\n \n {lastPair.pair && (\n \n ↩️ Back\n \n )}\n

\n )\n :

Add at least two names to start comparing!

}\n\n

\n setNewCandidateName(e.target.value)}\n placeholder=\"Enter a new name\"\n />\n \n

\n\n

\n \n \n \n

\n\n {/* State Display Modal */}\n {showState && (\n

Your Stats ({username})

{stateDisplay}

\n \n setShowUsernameChange(true)}\n >\n Change Your Name\n \n

\n )}\n\n {/* Global Stats Modal */}\n {showGlobalStats && (\n

Global Rankings (viewing as {username})

\n {\n if (!showRawData) {\n fetchDetailedData();\n }\n setShowRawData(!showRawData);\n }}\n >\n {showRawData ? \"Show Rankings\" : \"Show Raw Data\"}\n \n

\n {isLoadingLeaderboard ?

: showRawData\n ? (\n

\n                {JSON.stringify(leaderboardData?.rawData, null, 2)}\n

\n )\n : (\n \n {/* Left Column - Name Rankings */}\n \n \n TOP PERFORMERS BY RANKING ALGORITHM\n \n \n \n \n CONSENSUS TOP PERFORMERS\n \n

\n Players who rank highly across multiple algorithms\n

\n {(leaderboardData?.summary.topPerformers.consensus || []).map((player, index) => (\n \n

\n #{index + 1}: {player.name}\n Top 10 in {player.topTenCount}/3 ranking methods\n

\n \n Avg Rank: {player.avgRank.toFixed(1)}\n Bradley-Terry: {player.bradleyTerry?.toFixed(1) || \"0.0\"}\n Win Rate: {(player.winRate * 100).toFixed(1)}%\n

\n ))}\n

\n\n

\n Understanding the Rankings\n

\n Bradley-Terry Rank:{\" \"}\n Based on direct win/loss performance, weighted by opponent strength\n
\n Eigenvector Rank:{\" \"}\n Based on who you've beaten - higher rank means you've beaten players who themselves beat\n many others\n
\n PageRank Rank:{\" \"}\n Similar to Eigenvector but with more randomness, often highlighting different strengths\n
\n Consensus: Players who rank highly across multiple algorithms\n

\n \n\n \n

Bradley-Terry Rankings

\n Based on win/loss with opponent strength\n

\n {(leaderboardData?.summary.topPerformers.bradleyTerry || []).map((player, index) => (\n \n \n #{index + 1}: {player.name}\n \n \n {player.score?.toFixed(1) || \"0.0\"} pts ({(player.winRate * 100)?.toFixed(1) || \"0.0\"}%)\n \n

\n ))}\n \n \n\n \n

Eigenvector Rankings

\n Based on beating players who beat others\n

\n {[...(leaderboardData?.allnames?.entries || [])]\n .sort((a, b) => b.winRate - a.winRate)\n .slice(0, 10)\n .map((player, index) => (\n \n \n #{index + 1}: {player.name}\n \n {(player.winRate * 100).toFixed(1)}% ({player.wins}/{player.losses})\n

\n ))}\n \n \n\n \n

PageRank Rankings

\n Network-based importance\n

\n {(leaderboardData?.summary.topPerformers.pageRank || []).map((player, index) => (\n \n \n #{index + 1}: {player.name}\n \n \n {player.score?.toFixed(3) || \"0.000\"} ({(player.winRate * 100)?.toFixed(1) || \"0.0\"}%)\n \n

\n ))}\n \n \n\n \n

Basic Win Rate

Simple win/loss ratio

\n ))}\n \n \n \n\n {leaderboardData?.analysis?.surprisingMatchups && (\n (() => {\n const filteredMatches = leaderboardData.analysis.surprisingMatchups\n .filter(match => match.voterCount > 1)\n .slice(0, 5);\n\n return filteredMatches.length > 0\n ? (\n \n \n SURPRISING MATCHUPS\n \n

\n Lower-ranked players who beat higher-ranked players\n

\n {filteredMatches.map((match, index) => (\n

\n \n Rank #{match.winnerRank} {match.winner}{\" \"}\n beat rank #{match.loserRank} {match.loser}\n \n \n (Difference: {match.rankDifference} ranks, {match.voterCount}{\" \"}\n {match.voterCount === 1 ? \"voter\" : \"voters\"} agree)\n \n

\n ))}\n

\n \n )\n : null;\n })()\n )}\n\n {/* Full Rankings by Average Rank Section */}\n {leaderboardData?.allnames?.entries && leaderboardData.allnames.entries.length > 0 && (\n \n \n COMPLETE RANKINGS BY AVERAGE RANK\n \n

\n All names sorted by average algorithm rank, with individual rankings shown\n

\n \n {/* Header row */}\n

\n Rank\n

\n Name\n

\n BT Rank\n

\n EV Rank\n

\n PR Rank\n

\n\n {/* Data rows */}\n {[...leaderboardData.allnames.entries]\n .map(player => ({\n ...player,\n avgRank:\n (player.ranks.bradleyTerry.rank + player.ranks.eigenvector.rank\n + player.ranks.pageRank.rank) / 3,\n }))\n .sort((a, b) => a.avgRank - b.avgRank)\n .map((player, index) => (\n \n \n {index + 1}\n \n \n {player.name}\n \n ({player.voterCount} {player.voterCount === 1 ? \"voter\" : \"voters\"})\n \n \n \n #{player.ranks.bradleyTerry.rank}\n \n \n #{player.ranks.eigenvector.rank}\n \n \n #{player.ranks.pageRank.rank}\n \n \n ))}\n \n \n )}\n\n {leaderboardData?.analysis?.inconsistentVoters\n && leaderboardData?.analysis?.inconsistentVoters.length > 0 && (\n \n \n INCONSISTENT VOTER DETAILS\n \n

\n Voters who gave contradictory ratings\n

\n {(leaderboardData?.analysis?.inconsistentVoters || []).map((voter, index) => (\n

\n \n Voter {voter.voter_id} had {voter.inconsistencies.length}{\" \"}\n inconsistent matchups\n \n

\n ))}\n

\n \n )}\n \n\n {/* Right Column - Voter Leaderboard */}\n \n

Voter Leaderboard

\n \n {/* Header row */}\n \n

Rank

Username

Votes

\n \n\n {/* Data rows */}\n {Object.entries(leaderboardData?.voters || {})\n .map(([userId, stats]) => ({\n userId,\n totalVotes: stats.totalVotes,\n }))\n .sort((a, b) => b.totalVotes - a.totalVotes)\n .slice(0, 20)\n .map((voter, index) => {\n const rowStyle = {\n display: \"grid\",\n gridTemplateColumns: \"auto 1fr auto\",\n gap: window.innerWidth < 768 ? \"5px\" : \"10px\",\n padding: window.innerWidth < 768 ? \"5px\" : \"10px\",\n borderBottom: \"1px solid #ddd\",\n backgroundColor: index === 0\n ? \"#f3e8fd\"\n : index === 1\n ? \"#f7f0fd\"\n : index === 2\n ? \"#faf5fd\"\n : index < 10\n ? `rgba(228, 244, 252, ${1 - (index - 3) * 0.1})`\n : \"transparent\",\n fontWeight: index < 3 ? \"bold\" : \"normal\",\n };\n return (\n

{index + 1}

{voter.userId}

{voter.totalVotes}

\n );\n })}\n {Object.keys(leaderboardData?.voters || {}).length > 20 && (\n \n ... and {Object.keys(leaderboardData?.voters || {}).length - 20} more voters\n \n )}\n \n\n \n

Global Statistics

Total Votes: {leaderboardData?.stats.totalVotes || 0}

Total Players: {leaderboardData?.stats.totalPlayers || 0}

Total Matches: {leaderboardData?.stats.totalMatches || 0}

\n \n \n \n )}\n \n {\n const textToCopy = showRawData\n ? JSON.stringify(leaderboardData?.rawData, null, 2)\n : JSON.stringify(\n {\n stats: leaderboardData?.stats,\n rankings: leaderboardData?.summary.topPerformers,\n voterStats: leaderboardData?.voters,\n },\n null,\n 2,\n );\n navigator.clipboard.writeText(textToCopy);\n setError(\"Copied to clipboard!\");\n setTimeout(() => setError(null), 2000);\n }}\n >\n Copy to Clipboard\n \n \n setShowUsernameChange(true)}\n >\n Change Your Name\n \n \n \n \n )}\n\n {/* User ID Modal */}\n {showUsernameModal && (\n

Set Your Name

\n Your current name is: {username}\n {(username.match(/\\d/g)?.length > 2) && (\n \n This looks like a randomly generated ID. Please change it to your actual name!\n \n )}\n

\n setNewUsername(e.target.value)}\n placeholder=\"Enter your name\"\n />\n

\n {\n setShowUsernameModal(false);\n setNewUsername(\"\");\n }}\n >\n Maybe Later\n \n handleUsernameChange(newUsername)}\n >\n Set Name\n \n

\n )}\n\n {/* Name Change Modal */}\n {showUsernameChange && (\n

Change Your Name

\n Your current name is: {username}\n {(username.match(/\\d/g)?.length > 2) && (\n \n This looks like a randomly generated ID. Please change it to your actual name!\n \n )}\n

\n setNewUsername(e.target.value)}\n placeholder=\"Enter your new name\"\n />\n

\n {\n setShowUsernameChange(false);\n setNewUsername(\"\");\n }}\n >\n Cancel\n \n handleUsernameChange(newUsername)}\n >\n Change Name\n \n

\n )}\n\n {/* Show user ID customization button after some interaction */}\n {hasInteracted && !showUsernameModal && (\n setShowUsernameModal(true)}\n >\n Set Your Name\n \n )}\n\n \n remove test data\n \n \n );\n}\n\nconst styles = {\n container: {\n fontFamily: \"'Segoe UI', Tahoma, Geneva, Verdana, sans-serif\",\n maxWidth: \"600px\",\n margin: \"0 auto\",\n padding: \"20px\",\n backgroundColor: \"#f4f4f8\",\n borderRadius: \"12px\",\n boxShadow: \"0 4px 6px rgba(0,0,0,0.1)\",\n color: \"#333\",\n },\n title: {\n textAlign: \"center\",\n color: \"#2c3e50\",\n marginBottom: \"20px\",\n fontSize: \"2em\",\n fontWeight: 600,\n },\n subtitle: {\n textAlign: \"center\",\n color: \"#34495e\",\n marginBottom: \"15px\",\n },\n buttonContainer: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n gap: \"20px\",\n marginBottom: \"20px\",\n },\n nameComparisonWrapper: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n gap: \"10px\",\n },\n nameButton: {\n backgroundColor: \"#3498db\",\n color: \"white\",\n border: \"none\",\n padding: \"15px 30px\",\n fontSize: \"1.2em\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n transition: \"all 0.3s ease\",\n boxShadow: \"0 4px 6px rgba(0,0,0,0.1)\",\n fontWeight: 600,\n \":hover\": {\n backgroundColor: \"#2980b9\",\n transform: \"scale(1.05)\",\n },\n },\n vsText: {\n fontSize: \"1.5em\",\n color: \"#7f8c8d\",\n fontWeight: \"bold\",\n },\n actionButtonsRow: {\n display: \"flex\",\n justifyContent: \"center\",\n gap: \"15px\",\n marginTop: \"20px\",\n },\n secondaryButton: {\n backgroundColor: \"#2ecc71\",\n color: \"white\",\n border: \"none\",\n padding: \"10px 20px\",\n borderRadius: \"6px\",\n cursor: \"pointer\",\n transition: \"all 0.3s ease\",\n },\n backButton: {\n backgroundColor: \"#f39c12\",\n color: \"white\",\n border: \"none\",\n padding: \"10px 20px\",\n borderRadius: \"6px\",\n cursor: \"pointer\",\n transition: \"all 0.3s ease\",\n },\n controlPanel: {\n marginTop: \"30px\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"15px\",\n },\n addNameSection: {\n display: \"flex\",\n gap: \"10px\",\n },\n nameInput: {\n flex: 1,\n padding: \"10px\",\n borderRadius: \"6px\",\n border: \"1px solid #bdc3c7\",\n },\n addButton: {\n backgroundColor: \"#2980b9\",\n color: \"white\",\n border: \"none\",\n padding: \"10px 20px\",\n borderRadius: \"6px\",\n cursor: \"pointer\",\n },\n actionButtons: {\n display: \"flex\",\n justifyContent: \"space-between\",\n gap: \"15px\",\n },\n dangerButton: {\n backgroundColor: \"#e74c3c\",\n color: \"white\",\n border: \"none\",\n padding: \"10px 20px\",\n borderRadius: \"6px\",\n cursor: \"pointer\",\n },\n modalOverlay: {\n position: \"fixed\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n backgroundColor: \"rgba(0, 0, 0, 0.5)\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n zIndex: 1000,\n },\n modalContent: {\n backgroundColor: \"white\",\n padding: \"20px\",\n borderRadius: \"8px\",\n width: \"90%\",\n maxWidth: \"800px\",\n maxHeight: \"90vh\",\n display: \"flex\",\n flexDirection: \"column\",\n overflow: \"hidden\",\n },\n pre: {\n width: \"100%\",\n minHeight: \"200px\",\n maxHeight: \"60vh\",\n fontFamily: \"monospace\",\n marginBottom: \"15px\",\n padding: \"10px\",\n border: \"1px solid #ddd\",\n borderRadius: \"4px\",\n overflow: \"auto\",\n whiteSpace: \"pre-wrap\",\n wordBreak: \"break-word\",\n },\n columnPre: {\n width: \"100%\",\n height: \"100%\",\n fontFamily: \"monospace\",\n padding: \"10px\",\n border: \"1px solid #ddd\",\n borderRadius: \"4px\",\n overflow: \"auto\",\n whiteSpace: \"pre-wrap\",\n wordBreak: \"break-word\",\n },\n modalButtons: {\n display: \"flex\",\n justifyContent: \"space-between\",\n },\n errorMessage: {\n backgroundColor: \"#ffdddd\",\n color: \"#d9534f\",\n padding: \"15px\",\n borderRadius: \"8px\",\n marginBottom: \"20px\",\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n boxShadow: \"0 2px 4px rgba(0,0,0,0.1)\",\n },\n dismissButton: {\n backgroundColor: \"#d9534f\",\n color: \"white\",\n border: \"none\",\n padding: \"5px 10px\",\n borderRadius: \"4px\",\n marginLeft: \"10px\",\n },\n placeholder: {\n textAlign: \"center\",\n color: \"#7f8c8d\",\n fontStyle: \"italic\",\n },\n modalText: {\n marginBottom: \"15px\",\n },\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const KEY = \"lets_name_woombie_public\";\n\n // Handle leaderboard operations\n if (request.method === \"GET\" && new URL(request.url).pathname.endsWith(\"/leaderboard\")) {\n let leaderboard = await blob.getJSON(LEADERBOARD_KEY) || {};\n return new Response(JSON.stringify(leaderboard), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.method === \"POST\" && new URL(request.url).pathname.endsWith(\"/update-username\")) {\n const { oldUserId, newUserId } = await request.json();\n\n let leaderboard = await blob.getJSON(LEADERBOARD_KEY) || {};\n\n // Move the user's data to the new ID\n if (leaderboard[oldUserId]) {\n leaderboard[newUserId] = leaderboard[oldUserId];\n delete leaderboard[oldUserId];\n }\n\n await blob.setJSON(LEADERBOARD_KEY, leaderboard);\n return new Response(\"Updated\", { status: 200 });\n }\n\n if (request.method === \"POST\" && new URL(request.url).pathname.endsWith(\"/update-leaderboard\")) {\n const { userId, comparisons } = await request.json();\n\n let leaderboard = await blob.getJSON(LEADERBOARD_KEY) || {};\n\n // Validate the data format\n const isValidFormat = (data: any): boolean => {\n if (typeof data !== \"object\" || data === null) return false;\n\n for (const [winner, losers] of Object.entries(data)) {\n if (typeof losers !== \"object\" || losers === null) return false;\n\n for (const [loser, count] of Object.entries(losers)) {\n if (typeof count !== \"number\") return false;\n }\n }\n\n return true;\n };\n\n // Simply store or remove the user's state\n if (Object.keys(comparisons).length === 0 || !isValidFormat(comparisons)) {\n delete leaderboard[userId];\n } else {\n leaderboard[userId] = comparisons;\n }\n\n await blob.setJSON(LEADERBOARD_KEY, leaderboard);\n return new Response(\"Updated\", { status: 200 });\n }\n\n // Handle existing state operations\n if (request.method === \"GET\" && new URL(request.url).pathname.endsWith(\"/state\")) {\n let state = await blob.getJSON(KEY);\n\n // If no state exists, initialize with the predefined names\n if (!state || state.names.length === 0) {\n state = {\n names: INITIAL_NAMES,\n comparisons: {},\n };\n await blob.setJSON(KEY, state);\n }\n\n return new Response(JSON.stringify(state), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.method === \"POST\" && new URL(request.url).pathname.endsWith(\"/save\")) {\n const state = await request.json();\n await blob.setJSON(KEY, state);\n return new Response(\"Saved\", { status: 200 });\n }\n\n if (request.method === \"POST\" && new URL(request.url).pathname.endsWith(\"/clear-leaderboard\")) {\n await blob.setJSON(LEADERBOARD_KEY, {});\n return new Response(\"Cleared\", { status: 200 });\n }\n\n if (request.method === \"POST\" && new URL(request.url).pathname.endsWith(\"/remove-test-data\")) {\n let leaderboard = await blob.getJSON(LEADERBOARD_KEY) || {};\n\n // Create a new object without test users\n const filteredData = Object.fromEntries(\n Object.entries(leaderboard).filter(([userId]) => {\n // Skip any user ID that contains \"test\" (case insensitive)\n return !userId.toLowerCase().includes(\"test\");\n }),\n );\n\n // Write the filtered data back to storage\n await blob.setJSON(LEADERBOARD_KEY, filteredData);\n\n return new Response(\n JSON.stringify({\n success: true,\n message: \"Test data removed\",\n removedCount: Object.keys(leaderboard).length - Object.keys(filteredData).length,\n }),\n {\n status: 200,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n return new Response(\n `\n \n \n Let's all name Woombie\n \n \n \n

\n \n \n View Source\n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst LEADERBOARD_KEY = \"woombie-leaderboard\";\nconst LEADERBOARD_API_URL = \"https://sahar-woombie_leaderboard_api.web.val.run/\";\n\ntype ComparisonState = {\n names: string[];\n comparisons: Record>;\n};\n\ntype LeaderboardState = {\n userStats: Record>;\n lastUpdated: number;\n }>;\n globalStats: Record>;\n};\n\ntype LeaderboardData = {\n stats: {\n totalVotes: number;\n totalPlayers: number;\n totalMatches: number;\n };\n summary: {\n topPerformers: {\n bradleyTerry: Array<{ name: string; score: number }>;\n eigenvector: Array<{ name: string; score: number }>;\n pageRank: Array<{ name: string; score: number }>;\n consensus: Array<{ name: string; score: number }>;\n };\n };\n rawData: any;\n voters: Record;\n analysis?: {\n surprisingMatchups?: Array<\n {\n winner: string;\n loser: string;\n winnerRank: number;\n loserRank: number;\n rankDifference: number;\n voterCount: number;\n }\n >;\n inconsistentVoters?: Array<{ voter_id: string; inconsistencies: Array }>;\n };\n allnames?: {\n entries: Array<{\n name: string;\n wins: number;\n losses: number;\n winRate: number;\n ranks: {\n bradleyTerry: { rank: number };\n eigenvector: { rank: number };\n pageRank: { rank: number };\n };\n }>;\n };\n};\n\n// Normalize names: first letter capitalized, rest lowercase\nconst normalizeCandidateNameCase = (name: string) =>\n name.trim().charAt(0).toUpperCase() + name.trim().slice(1).toLowerCase();\n\nconst INITIAL_NAMES = [\n \"Liran\",\n \"Zohar\",\n \"Amir\",\n \"Raviel\",\n \"Omri\",\n \"Amit\",\n \"Shamir\",\n \"Erez\",\n \"Shay\",\n \"Mahan\",\n \"Aran\",\n \"Nashir\",\n \"Lior\",\n \"Alon\",\n \"Dror\",\n \"Tzivon\",\n \"Roni\",\n \"Matan\",\n \"Raviv\",\n \"Razi\",\n \"Shayan\",\n \"Zayit\",\n \"Azar\",\n \"Itamar\",\n \"Asaf\",\n \"Itai\",\n \"Amitai\",\n \"Roi\",\n \"Imri\",\n \"Yotam\",\n \"Amar\",\n \"Yishai\",\n \"Anavi\",\n \"Agan\",\n \"Amidror\",\n \"Rimon\",\n \"Safran\",\n \"Yoav\",\n \"Shimri\",\n \"Yair\",\n \"Agil\",\n \"Allon\",\n \"Almon\",\n \"Eran\",\n \"Ilai\",\n \"Kedem\",\n \"Kinori\",\n \"Zemer\",\n].map(normalizeCandidateNameCase).filter((name, index, self) =>\n self.findIndex(n => n.toLowerCase() === name.toLowerCase()) === index\n);\n\nfunction App() {\n const [state, setState] = useState({ names: [], comparisons: {} });\n const [newCandidateName, setNewCandidateName] = useState(\"\");\n const [currentPair, setCurrentPair] = useState<[string, string] | null>(null);\n const [lastPair, setLastPair] = useState<{\n pair: [string, string] | null;\n winner: string | null;\n loser: string | null;\n }>({ pair: null, winner: null, loser: null });\n const [error, setError] = useState(null);\n const [showState, setShowState] = useState(false);\n const [showGlobalStats, setShowGlobalStats] = useState(false);\n const [stateDisplay, setStateDisplay] = useState(\"\");\n const [globalStatsDisplay, setGlobalStatsDisplay] = useState(\"\");\n const [username, setUsername] = useState(() => {\n const saved = localStorage.getItem(\"woombie-user-id\");\n if (saved) return saved;\n const newId = Math.random().toString(36).substring(2, 15);\n localStorage.setItem(\"woombie-user-id\", newId);\n return newId;\n });\n const [showUsernameModal, setShowUsernameModal] = useState(false);\n const [newUsername, setNewUsername] = useState(\"\");\n const [hasInteracted, setHasInteracted] = useState(false);\n const [showUsernameChange, setShowUsernameChange] = useState(false);\n const [showRawData, setShowRawData] = useState(false);\n const [leaderboardData, setLeaderboardData] = useState(null);\n const [isLoadingLeaderboard, setIsLoadingLeaderboard] = useState(false);\n\n // Track if user has interacted with the app\n useEffect(() => {\n if (state.comparisons && Object.keys(state.comparisons).length > 0) {\n setHasInteracted(true);\n }\n }, [state.comparisons]);\n\n // Load state on mount\n useEffect(() => {\n fetchState();\n }, []);\n\n // Update localStorage and leaderboard when state changes\n useEffect(() => {\n if (state) {\n localStorage.setItem(\"valtown-state\", JSON.stringify(state));\n updateLeaderboard();\n }\n }, [state]);\n\n // Fetch leaderboard data when modal is opened\n useEffect(() => {\n if (showGlobalStats) {\n fetchGlobalStats();\n }\n }, [showGlobalStats]);\n\n async function updateLeaderboard() {\n try {\n await fetch(\"/update-leaderboard\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n userId: username,\n comparisons: state.comparisons,\n }),\n });\n } catch (err) {\n console.error(\"Failed to update leaderboard:\", err);\n }\n }\n\n function fetchState() {\n const savedState = localStorage.getItem(\"valtown-state\");\n if (savedState) {\n const parsedState = JSON.parse(savedState);\n if (parsedState.comparisons && Object.keys(parsedState.comparisons).length > 0) {\n setState(parsedState);\n selectRandomPair(parsedState);\n } else {\n // If state exists but has no comparisons, initialize\n const newState = { names: INITIAL_NAMES, comparisons: {} };\n setState(newState);\n selectRandomPair(newState);\n }\n } else {\n // No saved state, initialize\n const newState = { names: INITIAL_NAMES, comparisons: {} };\n setState(newState);\n selectRandomPair(newState);\n }\n }\n\n function selectRandomPair(currentState?: ComparisonState, maxAttempts = 10) {\n const names = currentState?.names || state.names;\n if (names.length < 2) return null;\n\n for (let attempt = 0; attempt < maxAttempts; attempt++) {\n const pair = names\n .sort(() => 0.5 - Math.random())\n .slice(0, 2) as [string, string];\n\n // Ensure names are different\n if (pair[0] !== pair[1]) {\n setCurrentPair(pair);\n return pair;\n }\n }\n\n // If we can't find a unique pair after max attempts, return null\n setError(\"Could not select a unique pair of names\");\n return null;\n }\n\n function recordComparison(winner: string, loser: string) {\n if (!currentPair) return;\n\n // Store the last comparison before creating a new state\n setLastPair({ pair: currentPair, winner, loser });\n\n const newState = { ...state };\n\n // Initialize comparison tracking if not exists\n if (!newState.comparisons[winner]) {\n newState.comparisons[winner] = {};\n }\n\n // Record the comparison\n newState.comparisons[winner][loser] = (newState.comparisons[winner][loser] || 0) + 1;\n\n setState(newState);\n selectRandomPair(newState);\n }\n\n function revertLastComparison() {\n if (!lastPair.pair || !lastPair.winner || !lastPair.loser) return;\n\n const newState = { ...state };\n\n // Remove the last comparison\n if (\n newState.comparisons[lastPair.winner]\n && newState.comparisons[lastPair.winner][lastPair.loser]\n ) {\n const currentCount = newState.comparisons[lastPair.winner][lastPair.loser];\n if (currentCount <= 1) {\n delete newState.comparisons[lastPair.winner][lastPair.loser];\n } else {\n newState.comparisons[lastPair.winner][lastPair.loser]--;\n }\n }\n\n // Restore the previous pair\n setCurrentPair(lastPair.pair);\n\n // Clear the last pair\n setLastPair({ pair: null, winner: null, loser: null });\n\n setState(newState);\n }\n\n function saveState(newState: ComparisonState) {\n try {\n localStorage.setItem(\"valtown-state\", JSON.stringify(newState));\n } catch (err) {\n setError(\"Could not save application state\");\n console.error(err);\n }\n\n function setState(newState: ComparisonState) {\n saveState(newState);\n // Now, update the actual state in the app\n // React's setState or your equivalent update function\n // (e.g., if you're using `useState`, it's already done automatically in the state setter)\n reactSetState(newState); // assuming this is how you're setting state in your app\n }\n }\n\n function addCandidateName() {\n const normalizedName = normalizeCandidateNameCase(newCandidateName);\n if (!normalizedName) {\n setError(\"Please enter a valid name\");\n return;\n }\n\n if (state.names.some(n => n.toLowerCase() === normalizedName.toLowerCase())) {\n setError(\"This name is already in the list\");\n return;\n }\n\n const newState = {\n ...state,\n names: [...state.names, normalizedName],\n };\n\n // Update local state and storage\n setState(newState);\n setNewCandidateName(\"\");\n\n // Ensure we can still select a pair after adding a name\n const newPair = selectRandomPair(newState);\n if (!newPair) {\n setError(\"Could not select a pair after adding name\");\n } else {\n setError(null); // Clear any previous errors\n }\n }\n\n function passPair() {\n if (!currentPair) return;\n selectRandomPair();\n }\n\n async function clearState() {\n const newState = {\n names: INITIAL_NAMES,\n comparisons: {},\n };\n setState(newState);\n setCurrentPair(null);\n selectRandomPair(newState);\n\n // Clear user's leaderboard data\n try {\n await fetch(\"/update-leaderboard\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n userId: username,\n comparisons: {}, // Empty comparisons to clear user's data\n }),\n });\n } catch (err) {\n console.error(\"Failed to clear leaderboard data:\", err);\n }\n }\n\n function showCurrentState() {\n // Create a more human-readable format for user stats\n const userStats = {\n totalComparisons: Object.values(state.comparisons).reduce(\n (sum, losers) => sum + Object.values(losers).reduce((a, b) => a + b, 0),\n 0,\n ),\n nameStats: Object.entries(state.comparisons).map(([name, comparisons]) => ({\n name,\n wins: Object.values(comparisons).reduce((a, b) => a + b, 0),\n losses: Object.values(state.comparisons)\n .filter((comp, n) => n !== name)\n .reduce((sum, comp) => sum + (comp[name] || 0), 0),\n winRate: Object.values(comparisons).reduce((a, b) => a + b, 0)\n / (Object.values(comparisons).reduce((a, b) => a + b, 0)\n + Object.values(state.comparisons)\n .filter((comp, n) => n !== name)\n .reduce((sum, comp) => sum + (comp[name] || 0), 0))\n * 100,\n })).sort((a, b) => b.winRate - a.winRate),\n rawComparisons: state.comparisons, // Keep the raw data for machine processing\n };\n\n setStateDisplay(JSON.stringify(userStats, null, 2));\n setShowState(true);\n }\n\n function closeStateDisplay() {\n setShowState(false);\n }\n\n async function fetchGlobalStats() {\n try {\n setIsLoadingLeaderboard(true);\n setError(null);\n const response = await fetch(`${LEADERBOARD_API_URL}?key=${LEADERBOARD_KEY}&mode=combined`);\n if (!response.ok) throw new Error(\"Failed to fetch leaderboard data\");\n const data = await response.json();\n\n setLeaderboardData({\n stats: data.stats || { totalVotes: 0, totalPlayers: 0, totalMatches: 0 },\n summary: data.summary || { topPerformers: { bradleyTerry: [], eigenvector: [], pageRank: [], consensus: [] } },\n rawData: data.rawData || {},\n voters: data.voters || {},\n analysis: data.analysis || {},\n allnames: data.allnames || { entries: [] },\n });\n setShowGlobalStats(true);\n } catch (error) {\n setError(\"Failed to fetch global statistics\");\n console.error(\"Error fetching global stats:\", error);\n } finally {\n setIsLoadingLeaderboard(false);\n }\n }\n\n function closeGlobalStatsDisplay() {\n setShowGlobalStats(false);\n }\n\n async function removeTestData() {\n try {\n await fetch(\"/remove-test-data\", {\n method: \"POST\",\n });\n setError(\"Test user data cleared\");\n } catch (err) {\n console.error(\"Failed to clear test user data:\", err);\n setError(\"Failed to clear test user data\");\n }\n }\n\n const handleUsernameChange = async (newUsername: string) => {\n const normalizedId = newUsername.toLowerCase().replace(/[^a-z0-9]/g, \"\");\n\n try {\n // First update the username\n const response = await fetch(\"/update-username\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n oldUserId: username,\n newUserId: normalizedId,\n }),\n });\n\n if (!response.ok) throw new Error(\"Failed to update username\");\n\n // Update local storage and state\n localStorage.setItem(\"woombie-user-id\", normalizedId);\n localStorage.setItem(\"userId\", normalizedId);\n setUsername(normalizedId);\n setShowUsernameChange(false);\n } catch (error) {\n setError(\"Failed to update username. Please try again.\");\n }\n };\n\n async function fetchDetailedData() {\n try {\n setError(null);\n const response = await fetch(`${LEADERBOARD_API_URL}?key=${LEADERBOARD_KEY}&mode=detail`);\n if (!response.ok) throw new Error(\"Failed to fetch detailed data\");\n const data = await response.json();\n\n setLeaderboardData(prev =>\n prev\n ? {\n ...prev,\n rawData: data,\n }\n : null\n );\n } catch (error) {\n setError(\"Failed to fetch detailed data\");\n console.error(\"Error fetching detailed data:\", error);\n }\n }\n\n return (\n

Let's all name Woombie

\n )}\n\n {error && (\n

\n {error}\n \n

\n )}\n\n {currentPair\n ? (\n

Choose the Better Name:

\n recordComparison(currentPair[0], currentPair[1])}\n >\n {currentPair[0]}\n \n

\n recordComparison(currentPair[1], currentPair[0])}\n >\n {currentPair[1]}\n \n

\n \n Pass! I don't know!\n \n {lastPair.pair && (\n \n ↩️ Back\n \n )}\n

\n )\n :

Add at least two names to start comparing!

}\n\n

\n setNewCandidateName(e.target.value)}\n placeholder=\"Enter a new name\"\n />\n \n

\n\n

\n \n \n \n

\n\n {/* State Display Modal */}\n {showState && (\n

Your Stats ({username})

{stateDisplay}

\n \n setShowUsernameChange(true)}\n >\n Change Your Name\n \n

\n )}\n\n {/* Global Stats Modal */}\n {showGlobalStats && (\n

Global Rankings (viewing as {username})

\n {\n if (!showRawData) {\n fetchDetailedData();\n }\n setShowRawData(!showRawData);\n }}\n >\n {showRawData ? \"Show Rankings\" : \"Show Raw Data\"}\n \n

\n {isLoadingLeaderboard ?

: showRawData\n ? (\n

\n                {JSON.stringify(leaderboardData?.rawData, null, 2)}\n

\n )\n : (\n \n {/* Left Column - Name Rankings */}\n \n \n TOP PERFORMERS BY RANKING ALGORITHM\n \n \n \n \n CONSENSUS TOP PERFORMERS\n \n

\n Players who rank highly across multiple algorithms\n

\n {(leaderboardData?.summary.topPerformers.consensus || []).map((player, index) => (\n \n \n #{index + 1}: {player.name}\n {player.voterCount === 1 && (\n \n (1 voter)\n \n )}\n \n Top 10 in {player.topTenCount}/3 ranking methods\n

\n ))}\n

\n\n

\n Understanding the Rankings\n

\n Bradley-Terry Rank:{\" \"}\n Based on direct win/loss performance, weighted by opponent strength\n
\n Eigenvector Rank:{\" \"}\n Based on who you've beaten - higher rank means you've beaten players who themselves beat\n many others\n
\n PageRank Rank:{\" \"}\n Similar to Eigenvector but with more randomness, often highlighting different strengths\n
\n Consensus: Players who rank highly across multiple algorithms\n

\n\n \n

Bradley-Terry Rankings

\n Based on win/loss with opponent strength\n

\n {(leaderboardData?.summary.topPerformers.bradleyTerry || []).map((player, index) => (\n \n \n #{index + 1}: {player.name}\n {player.voterCount === 1 && (\n \n (1 voter)\n \n )}\n \n \n {player.score?.toFixed(1) || \"0.0\"} pts ({(player.winRate * 100)?.toFixed(1) || \"0.0\"}%)\n \n

\n ))}\n \n \n\n \n

Eigenvector Rankings

\n Based on beating players who beat others\n

\n {[...(leaderboardData?.allnames?.entries || [])]\n .sort((a, b) => b.winRate - a.winRate)\n .slice(0, 10)\n .map((player, index) => (\n \n \n #{index + 1}: {player.name}\n {player.voterCount === 1 && (\n \n (1 voter)\n \n )}\n \n {(player.winRate * 100).toFixed(1)}% ({player.wins}/{player.losses})\n

\n ))}\n \n \n\n \n

PageRank Rankings

\n Network-based importance\n

\n {(leaderboardData?.summary.topPerformers.pageRank || []).map((player, index) => (\n \n \n #{index + 1}: {player.name}\n {player.voterCount === 1 && (\n \n (1 voter)\n \n )}\n \n \n {player.score?.toFixed(3) || \"0.000\"} ({(player.winRate * 100)?.toFixed(1) || \"0.0\"}%)\n \n

\n ))}\n \n \n\n \n

Basic Win Rate

Simple win/loss ratio

\n {[...(leaderboardData?.allnames?.entries || [])]\n .sort((a, b) => b.winRate - a.winRate)\n .slice(0, 10)\n .map((player, index) => (\n \n \n #{index + 1}: {player.name}\n {player.voterCount === 1 && (\n \n (1 voter)\n \n )}\n \n {(player.winRate * 100).toFixed(1)}% ({player.wins}/{player.losses})\n

\n Lower-ranked players who beat higher-ranked players\n

\n {filteredMatches.map((match, index) => (\n

\n ))}\n

\n All names sorted by average algorithm rank, with individual rankings shown\n

\n \n {/* Header row */}\n

\n Rank\n

\n Name\n

\n BT Rank\n

\n EV Rank\n

\n PR Rank\n

\n\n {/* Data rows */}\n {[...leaderboardData.allnames.entries]\n .map(player => ({\n ...player,\n avgRank:\n (player.ranks.bradleyTerry.rank + player.ranks.eigenvector.rank\n + player.ranks.pageRank.rank) / 3,\n }))\n .sort((a, b) => a.avgRank - b.avgRank)\n .map((player, index) => (\n \n \n {index + 1}\n \n \n {player.name}\n {player.voterCount === 1 && (\n \n (1 voter)\n \n )}\n \n \n #{player.ranks.bradleyTerry.rank}\n \n \n #{player.ranks.eigenvector.rank}\n \n \n #{player.ranks.pageRank.rank}\n \n \n ))}\n \n \n )}\n\n {leaderboardData?.analysis?.inconsistentVoters\n && leaderboardData?.analysis?.inconsistentVoters.length > 0 && (\n \n \n INCONSISTENT VOTER DETAILS\n \n

\n Voters who gave contradictory ratings\n

\n {(leaderboardData?.analysis?.inconsistentVoters || []).map((voter, index) => (\n

\n \n Voter {voter.voter_id} had {voter.inconsistencies.length}{\" \"}\n inconsistent matchups\n \n

\n ))}\n

\n \n )}\n \n\n {/* Right Column - Voter Leaderboard */}\n \n

Voter Leaderboard

\n \n {/* Header row */}\n \n

Rank

Username

Votes

{index + 1}

{voter.userId}

{voter.totalVotes}

\n );\n })}\n {Object.keys(leaderboardData?.voters || {}).length > 20 && (\n \n ... and {Object.keys(leaderboardData?.voters || {}).length - 20} more voters\n \n )}\n \n\n \n

Global Statistics

Total Votes: {leaderboardData?.stats.totalVotes || 0}

Total Players: {leaderboardData?.stats.totalPlayers || 0}

Total Matches: {leaderboardData?.stats.totalMatches || 0}

Set Your Name

\n Your current name is: {username}\n {(username.match(/\\d/g)?.length > 2) && (\n \n This looks like a randomly generated ID. Please change it to your actual name!\n \n )}\n

\n setNewUsername(e.target.value)}\n placeholder=\"Enter your name\"\n />\n

\n {\n setShowUsernameModal(false);\n setNewUsername(\"\");\n }}\n >\n Maybe Later\n \n handleUsernameChange(newUsername)}\n >\n Set Name\n \n

\n )}\n\n {/* Name Change Modal */}\n {showUsernameChange && (\n

Change Your Name

\n Your current name is: {username}\n {(username.match(/\\d/g)?.length > 2) && (\n \n This looks like a randomly generated ID. Please change it to your actual name!\n \n )}\n

\n setNewUsername(e.target.value)}\n placeholder=\"Enter your new name\"\n />\n

\n {\n setShowUsernameChange(false);\n setNewUsername(\"\");\n }}\n >\n Cancel\n \n handleUsernameChange(newUsername)}\n >\n Change Name\n \n

\n \n \n View Source\n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","createdAt",["D",1743548983650],"branchVersion","branchId","8e3bcf4e-2772-11f0-b46e-569c3dd06744","id","8e3b7bd4-2772-11f0-b46e-569c3dd06744","lets_name_woombie_public",["D",1746203341448],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Vote on my baby's name! An object lesson in ranking algorithms","imageUrl","692ed020-0d91-11f0-a027-a973a7805c27","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","9c7a30de-d50c-484d-8048-00c4d2857bea","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":55,"_103":104,"_105":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":89,"_90":62,"_91":92,"_93":94,"_95":64,"_96":45,"_97":98},"isOwned",84,"main","projectId","forkedBranchId","88dffb74-2772-11f0-b46e-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","unlisted","forkedProjectId","88dfab10-2772-11f0-b46e-569c3dd06744","forkedProjectOrgId","projectName","userHandle","sahar","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydjJ5emk0MWJLd3hWMW1iWHZSOVFGdnBiRjYifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":162,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":163,"_80":164,"_82":165,"_84":25},"tree",[157],"files",[157],"counts",{"_146":62,"_147":148,"_149":62,"_150":151,"_152":153},"contents",[138],"upstreamProject","upstreamBranch",{"_43":89,"_38":130,"_131":132,"_32":86,"_87":94,"_13":133,"_88":134,"_90":62,"_135":136,"_47":-5,"_84":25,"_49":92,"_97":98,"_63":64,"_96":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746203332457],"updatedAt",["D",1743713982199],101,"943a4510-2772-11f0-b46e-569c3dd06744","lockfileKey","1765691083310-esm.town_v_sahar_letsnamewoombie@101-main","letsnamewoombie",{"_43":139,"_32":28,"_30":31,"_140":-5,"_41":42,"_40":14,"_141":25,"_38":142,"_13":143,"_33":34,"_35":37,"_24":25,"_144":-5,"_27":145},"90693522-2772-11f0-b46e-569c3dd06744","parentId","latest",["D",1743548983650],47,"label",[28],"pulls","branches",1,"forks","envVars",{"_154":62,"_156":62},"connections",{"_154":62,"_155":62},"count","unfilledCount","emptyCount",{"_43":139,"_32":28,"_30":31,"_140":-5,"_41":42,"_40":14,"_141":25,"_38":158,"_13":143,"_33":34,"_35":37,"_24":25,"_144":-5,"_159":160,"_27":161},["D",1743548983650],"children",[],[28],["D",1746203341448],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":55,"_103":104,"_105":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":89,"_90":62,"_91":92,"_93":94,"_95":64,"_96":45,"_97":98},"ctx",{"_78":-5,"_127":199,"_200":201,"_202":203,"_204":25,"_205":25,"_206":25,"_207":58,"_208":-5,"_209":-7,"_210":-7,"_211":62,"_212":25,"_213":25,"_214":-5,"_215":25,"_216":25,"_217":25,"_218":-5},"ENV",{"_170":171,"_172":173,"_174":86,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

Diff · v48