[{"_1":2,"_158":-5,"_159":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":56,"_57":58,"_59":41,"_60":61,"_62":58,"_63":41,"_64":41,"_65":58,"_66":58,"_67":58,"_68":17,"_69":17,"_70":71,"_72":73,"_74":75,"_76":77,"_104":105,"_118":-5,"_119":17,"_120":121,"_154":31,"_155":156,"_157":25},"id","b4a1cfc057112bb6fe54","isMyApp",false,"name","ratio.fun","description","The most unhinged on-chain casino where your opinions literally pay! Vote on absolutely cursed culture questions with real SOL, watch the pixel-art chaos unfold, and get paid when you're on the winning side of internet discourse. It's like Twitter polls but with actual money and way more degen energy.","brief","Get paid for having the right opinions in the most chaotic on-chain voting casino ever built!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/b4a1cfc057112bb6fe54/90915_b86f3954.webp","cdnUrl","https://cdn.dev.fun/app/b4a1cfc057112bb6fe54/90915","createdAt",["D",1753368929247],"updatedAt",["D",1753386099414],"lastCommitId",["B","90915"],"tier",1,"credits",-9,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"a59843e4-0a2c-42a4-89f7-f522a43198ca","uniqueId","9oSZhYX1MUpY7kr9ps4hhvU22wpacgn9fqe8LvtytPCL","username","solanaWallet","displayName","9oS...PCL","bio","avatar","/avatar.svg","commitCount",16,"forkCount",0,"likeCount","runsCount",23,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","2K4SxcjvFREdUUDV7jd3X22uFKzcb8ccTnj5XEgapump","code","import { useState, useEffect, useCallback } from 'react';\nimport { useDevapp, UserButton, DevappProvider, openLink } from '@devfunlabs/web-sdk';\nimport { Clock, Trophy, Users, Plus, BarChart3, Twitter } from 'lucide-react';\nimport { io } from 'socket.io-client';\nexport default function AppWithProvider() {\n return \n \n ;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [activeTab, setActiveTab] = useState('home');\n const [polls, setPolls] = useState([]);\n const [resolvedPolls, setResolvedPolls] = useState([]);\n const [userStats, setUserStats] = useState(null);\n const [leaderboard, setLeaderboard] = useState([]);\n const [showCreateModal, setShowCreateModal] = useState(false);\n const [loading, setLoading] = useState(true);\n const [isAdmin, setIsAdmin] = useState(false);\n const [socket, setSocket] = useState(null);\n const loadData = useCallback(async () => {\n if (!devbaseClient) return;\n try {\n setLoading(true);\n const allPolls = await devbaseClient.listEntities('polls');\n const now = Date.now();\n const unresolvedPolls = allPolls.filter(p => !p.resolved && p.endTime > now);\n const finishedPolls = allPolls.filter(p => p.resolved || p.endTime <= now);\n setPolls(unresolvedPolls.sort((a, b) => (b.createdAt || 0) - (a.createdAt || 0)));\n setResolvedPolls(finishedPolls.sort((a, b) => (b.createdAt || 0) - (a.createdAt || 0)));\n const users = await devbaseClient.listEntities('userStats');\n const sortedUsers = users.sort((a, b) => (b.totalEarnings || 0) - (a.totalEarnings || 0)).slice(0, 10);\n setLeaderboard(sortedUsers);\n } catch (error) {\n console.error('Error loading data:', error);\n } finally {\n setLoading(false);\n }\n }, [devbaseClient]);\n const loadUserStats = useCallback(async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n const stats = await devbaseClient.listEntities('userStats', {\n userId: userWallet\n });\n if (stats.length > 0) {\n setUserStats(stats[0]);\n } else {\n setUserStats({\n wins: 0,\n losses: 0,\n totalEarnings: 0\n });\n }\n } catch (error) {\n console.error('Error loading user stats:', error);\n }\n }, [userWallet, devbaseClient]);\n const checkAdminStatus = useCallback(async () => {\n if (!userWallet || !devbaseClient) {\n setIsAdmin(false);\n return;\n }\n try {\n const ownerId = await devbaseClient.evalString('$OWNER_ID');\n setIsAdmin(userWallet === ownerId);\n } catch (error) {\n console.error('Error checking admin status:', error);\n setIsAdmin(false);\n }\n }, [userWallet, devbaseClient]);\n useEffect(() => {\n if (devbaseClient) {\n loadData();\n if (userWallet) {\n checkAdminStatus();\n loadUserStats();\n } else {\n setIsAdmin(false);\n setUserStats(null);\n }\n }\n }, [userWallet, devbaseClient, loadData, loadUserStats, checkAdminStatus]);\n useEffect(() => {\n const socketConnection = io('wss://ws.dev.fun/app-b4a1cfc057112bb6fe54');\n setSocket(socketConnection);\n socketConnection.on('poll-created', newPoll => {\n console.log('Received new poll via socket:', newPoll);\n const now = Date.now();\n if (!newPoll.resolved && newPoll.endTime > now) {\n setPolls(prevPolls => {\n if (!prevPolls.some(p => p.id === newPoll.id)) {\n return [newPoll, ...prevPolls].sort((a, b) => (b.createdAt || 0) - (a.createdAt || 0));\n }\n return prevPolls;\n });\n }\n });\n socketConnection.on('poll-updated', updatedPoll => {\n console.log('Received poll update via socket:', updatedPoll);\n const isFinished = updatedPoll.resolved || Date.now() > updatedPoll.endTime;\n if (isFinished) {\n setPolls(prev => prev.filter(p => p.id !== updatedPoll.id));\n setResolvedPolls(prev => {\n if (!prev.some(p => p.id === updatedPoll.id)) {\n return [updatedPoll, ...prev].sort((a, b) => (b.createdAt || 0) - (a.createdAt || 0));\n }\n return prev.map(p => p.id === updatedPoll.id ? updatedPoll : p).sort((a, b) => (b.createdAt || 0) - (a.createdAt || 0));\n });\n } else {\n setPolls(prev => prev.map(p => p.id === updatedPoll.id ? updatedPoll : p));\n }\n });\n return () => {\n socketConnection.disconnect();\n };\n }, []);\n const vote = async (pollId, side) => {\n if (!userWallet || !devbaseClient) return;\n try {\n await devbaseClient.createEntity('votes', {\n pollId,\n side,\n userId: userWallet\n });\n const pollToUpdate = polls.find(p => p.id === pollId);\n if (!pollToUpdate) return;\n const newVoteData = {\n yesVotes: pollToUpdate.yesVotes + (side === 'yes' ? 1 : 0),\n noVotes: pollToUpdate.noVotes + (side === 'no' ? 1 : 0),\n totalPool: pollToUpdate.totalPool + pollToUpdate.votePrice\n };\n const updatedPoll = await devbaseClient.updateEntity('polls', pollId, newVoteData);\n if (socket) {\n socket.emit('poll-updated', updatedPoll);\n }\n setPolls(prevPolls => prevPolls.map(p => p.id === pollId ? updatedPoll : p));\n await loadUserStats();\n } catch (error) {\n console.error('Error voting:', error);\n alert('Error voting. Please try again.');\n }\n };\n const createPoll = async pollData => {\n if (!devbaseClient || !socket) return;\n try {\n const createdPoll = await devbaseClient.createEntity('polls', pollData);\n socket.emit('poll-created', createdPoll);\n setShowCreateModal(false);\n } catch (error) {\n console.error('Error creating poll:', error);\n alert('Error creating poll. Please try again.');\n }\n };\n const deletePoll = async pollId => {\n if (!devbaseClient || !isAdmin) return;\n if (!confirm('Are you sure you want to delete this poll? This action cannot be undone.')) {\n return;\n }\n try {\n await devbaseClient.deleteEntity('polls', pollId);\n setPolls(prevPolls => prevPolls.filter(p => p.id !== pollId));\n setResolvedPolls(prevPolls => prevPolls.filter(p => p.id !== pollId));\n if (socket) {\n socket.emit('poll-deleted', pollId);\n }\n } catch (error) {\n console.error('Error deleting poll:', error);\n alert('Error deleting poll. Please try again.');\n }\n };\n const resolvePoll = async pollId => {\n if (!devbaseClient || !socket) return;\n try {\n const updatedPoll = await devbaseClient.updateEntity('polls', pollId, {\n resolved: true\n });\n socket.emit('poll-updated', updatedPoll);\n } catch (error) {\n console.error('Error resolving poll:', error);\n }\n };\n const shareOnTwitter = () => {\n if (!userStats) return;\n const text = `Just made ${(userStats.totalEarnings || 0).toFixed(4)} SOL on @ratio_fun! 🎰\\n\\nWins: ${userStats.wins || 0} | Losses: ${userStats.losses || 0}\\n\\nVoting on cursed culture questions has never been this profitable 😈\\n\\nratio.fun`;\n openLink(`https://twitter.com/intent/tweet?text=${encodeURIComponent(text)}`);\n };\n if (loading) {\n return

Loading the casino...

;\n }\n return

\n ratio.fun\n

\n \n

\n \n \n \n {isAdmin && }\n \n

\n\n

\n {activeTab === 'home' && }\n {activeTab === 'resolved' && }\n {activeTab === 'rules' && }\n

\n\n {userWallet && userStats && }\n\n {showCreateModal && setShowCreateModal(false)} onSubmit={createPoll} />}\n

;\n}\nfunction HomeTab({\n polls,\n vote,\n userWallet,\n resolvePoll,\n deletePoll,\n isAdmin\n}) {\n return

\n Vote on the Most Cursed Takes\n

\n Put your SOL where your mouth is. Majority wins the pot. 🎰 \n

\n {polls.length === 0 ?

🎲

No active polls yet...

The casino is warming up!

: polls.map(poll => )}\n

;\n}\nfunction PollCard({\n poll,\n onVote,\n userWallet,\n onResolve,\n onDelete,\n isAdmin\n}) {\n const {\n devbaseClient\n } = useDevapp();\n const [hasVoted, setHasVoted] = useState(false);\n const [userVote, setUserVote] = useState(null);\n useEffect(() => {\n const checkUserVote = async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n const votes = await devbaseClient.listEntities('votes', {\n pollId: poll.id,\n userId: userWallet\n });\n if (votes.length > 0) {\n setHasVoted(true);\n setUserVote(votes[0].side);\n } else {\n setHasVoted(false);\n setUserVote(null);\n }\n } catch (error) {\n console.error('Error checking user vote:', error);\n }\n };\n checkUserVote();\n }, [poll.id, userWallet, devbaseClient, poll.yesVotes, poll.noVotes]);\n const isExpired = Date.now() > poll.endTime;\n const totalVotes = poll.yesVotes + poll.noVotes;\n const getRatio = () => {\n if (totalVotes === 0) return \"1:1\";\n const maxVotes = Math.max(poll.yesVotes, poll.noVotes);\n const minVotes = Math.min(poll.yesVotes, poll.noVotes);\n if (minVotes === 0) return \"∞:1\";\n const ratio = (maxVotes / minVotes).toFixed(1);\n return `${ratio}:1`;\n };\n const timeLeft = poll.endTime - Date.now();\n const hoursLeft = Math.max(0, Math.floor(timeLeft / (1000 * 60 * 60)));\n const minutesLeft = Math.max(0, Math.floor(timeLeft % (1000 * 60 * 60) / (1000 * 60)));\n return

\n {poll.image ? $\"Poll\"$ : '🎰'}\n

{poll.question}

\n \n {isExpired ? 'Ended' : `${hoursLeft}h ${minutesLeft}m left`}\n

\n \n {(poll.totalPool || 0).toFixed(4)} SOL pool\n

\n \n {totalVotes} votes\n

\n \n Ratio: {getRatio()}\n

\n {!isExpired && userWallet && !hasVoted ? <>\n \n \n : hasVoted ?

\n You voted: {userVote?.toUpperCase()}\n

: isExpired ?

Poll Ended

Connect wallet to vote

}\n {isAdmin && isExpired && !poll.resolved && }\n {isAdmin && }\n

;\n}\nfunction ResolvedTab({\n polls\n}) {\n return

Resolved Polls

See how the community voted on past questions

\n {polls.length === 0 ?

📊

No resolved polls yet...

: polls.map(poll => )}\n

;\n}\nfunction ResolvedPollCard({\n poll\n}) {\n const totalVotes = poll.yesVotes + poll.noVotes;\n const yesPercentage = totalVotes > 0 ? poll.yesVotes / totalVotes * 100 : 50;\n const noPercentage = totalVotes > 0 ? poll.noVotes / totalVotes * 100 : 50;\n const winner = poll.yesVotes > poll.noVotes ? 'YES' : 'NO';\n return

\n {poll.image ? $\"Poll\"$ : '📊'}\n

{poll.question}

\n \n Winner: {winner}\n

\n \n {(poll.totalPool || 0).toFixed(4)} SOL total pool\n

\n \n {totalVotes} total votes\n

\n {poll.yesVotes} YES ({yesPercentage.toFixed(1)}%)\n

\n {poll.noVotes} NO ({noPercentage.toFixed(1)}%)\n

;\n}\nfunction RulesTab() {\n return

How ratio.fun Works

The rules of the most unhinged on-chain casino

🎰 Game Mechanics

• Vote YES or NO on cultural opinion questions

• Pay a small fee in SOL to cast your vote (varies per poll)

• The majority side wins and splits the entire pool

• 3% platform fee is deducted from the total pool before payouts

• This is NOT a prediction market - only community consensus matters

💰 How Payouts Work

• When a poll ends, the winning side is determined by majority vote

• All voters on the winning side split the pool proportionally

• Your payout = (Your vote amount / Total winning side amount) × Prize pool

• Payouts are automatically distributed when polls are resolved

⏰ Poll Lifecycle

• Polls are created by admins with a specific end time

• You can vote until the poll expires

• After expiration, polls need to be manually resolved by admins

• Once resolved, payouts are distributed automatically

📊 Stats & Leaderboard (coming soon)

• Track your wins, losses, and total earnings

• Compete on the leaderboard for top earnings

• Share your record on Twitter to flex your degen status

• All stats are updated in real-time

;\n}\nfunction UserProfile({\n userStats,\n leaderboard,\n shareOnTwitter\n}) {\n const totalVotes = (userStats.wins || 0) + (userStats.losses || 0);\n const winRate = totalVotes > 0 ? (userStats.wins || 0) / totalVotes * 100 : 0;\n return

Your Degen Stats

{(userStats.totalEarnings || 0).toFixed(4)} SOL

Total Earnings

{userStats.wins || 0}

Wins

{userStats.losses || 0}

Losses

{winRate.toFixed(1)}%

Win Rate

\n \n

Top Degens

\n {leaderboard.slice(0, 5).map((user, index) =>

\n {index + 1}\n

{user.userId.slice(0, 8)}...

{(user.totalEarnings || 0).toFixed(3)} SOL

)}\n

;\n}\nfunction CreatePollModal({\n onClose,\n onSubmit\n}) {\n const [formData, setFormData] = useState({\n question: '',\n votePrice: '0.01',\n endTime: '',\n image: ''\n });\n const handleSubmit = e => {\n e.preventDefault();\n const endTime = new Date(formData.endTime).getTime();\n if (endTime <= Date.now()) {\n alert('End time must be in the future');\n return;\n }\n const pollData = {\n question: formData.question,\n votePrice: parseFloat(formData.votePrice),\n endTime: endTime,\n yesVotes: 0,\n noVotes: 0,\n totalPool: 0,\n resolved: false,\n image: formData.image || ''\n };\n onSubmit(pollData);\n };\n return

Create New Poll

\n Question\n

setFormData({\n            ...formData,\n            question: e.target.value\n          })} className=\"w-full bg-gray-800 border border-gray-600 rounded-lg px-3 py-2 focus:border-purple-500 focus:outline-none\" rows={3} placeholder=\"e.g., Should pineapple be allowed on pizza?\" required />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium mb-2\">Image URL (Optional)</label>\n            <input type=\"url\" value={formData.image} onChange={e => setFormData({\n            ...formData,\n            image: e.target.value\n          })} className=\"w-full bg-gray-800 border border-gray-600 rounded-lg px-3 py-2 focus:border-purple-500 focus:outline-none\" placeholder=\"https://example.com/image.jpg\" />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium mb-2\">Vote Price (SOL)</label>\n            <input type=\"number\" step=\"0.001\" min=\"0.001\" value={formData.votePrice} onChange={e => setFormData({\n            ...formData,\n            votePrice: e.target.value\n          })} className=\"w-full bg-gray-800 border border-gray-600 rounded-lg px-3 py-2 focus:border-purple-500 focus:outline-none\" required />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium mb-2\">End Time</label>\n            <input type=\"datetime-local\" value={formData.endTime} onChange={e => setFormData({\n            ...formData,\n            endTime: e.target.value\n          })} className=\"w-full bg-gray-800 border border-gray-600 rounded-lg px-3 py-2 focus:border-purple-500 focus:outline-none\" required />\n          </div>\n          <div className=\"flex gap-3 pt-4\">\n            <button type=\"button\" onClick={onClose} className=\"flex-1 bg-gray-600 hover:bg-gray-700 py-2 rounded-lg transition-all\">\n              Cancel\n            </button>\n            <button type=\"submit\" className=\"flex-1 bg-purple-600 hover:bg-purple-700 py-2 rounded-lg transition-all\">\n              Create Poll\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"socket.io-client\":\"4.7.1\",\"react-router-dom\":\"6.18.0\",\"recharts\":\"2.8.0\",\"framer-motion\":\"10.16.4\",\"@solana/web3.js\":\"1.95.3\",\"zod\":\"3.22.4\"}}","appFunctions",[78,86,92,98],{"_14":79,"_34":80,"_36":81,"_18":82,"_83":84,"_85":39},["B","6079"],["D",1753386114997],["D",1753386114997],"$FUNC_CALCULATE_PAYOUT","body","async function $FUNC_CALCULATE_PAYOUT(pollId) {\n      const poll = await $ENTITY('polls').get(pollId);\n      const userVote = await $ENTITY('votes').get({ pollId: pollId, userId: $USER_ID });\n      const winningSide = poll.yesVotes > poll.noVotes ? 'yes' : 'no';\n      const winningVotes = winningSide === 'yes' ? poll.yesVotes : poll.noVotes;\n      const totalPool = poll.totalPool;\n      const platformFee = totalPool * 0.03;\n      const prizePool = totalPool - platformFee;\n      const userShare = userVote.amount / (winningVotes * poll.votePrice);\n      return prizePool * userShare;\n    }","commitId",{"_14":87,"_34":88,"_36":89,"_18":90,"_83":91,"_85":39},["B","6080"],["D",1753386115000],["D",1753386115000],"$FUNC_CAN_RECEIVE_PAYOUT","async function $FUNC_CAN_RECEIVE_PAYOUT(pollId) {\n      const poll = await $ENTITY('polls').get(pollId);\n      if (!poll || !poll.resolved) {\n        return false;\n      }\n      const userVote = await $ENTITY('votes').get({ pollId: pollId, userId: $USER_ID });\n      if (!userVote) {\n        return false;\n      }\n      const winningSide = poll.yesVotes > poll.noVotes ? 'yes' : 'no';\n      if (userVote.side !== winningSide) {\n        return false;\n      }\n      const existingPayout = await $ENTITY('payouts').exists({ pollId: pollId, userId: $USER_ID });\n      return !existingPayout;\n    }",{"_14":93,"_34":94,"_36":95,"_18":96,"_83":97,"_85":39},["B","6081"],["D",1753386115001],["D",1753386115001],"$FUNC_CAN_VOTE","async function $FUNC_CAN_VOTE(pollId) {\n      const poll = await $ENTITY('polls').get(pollId);\n      if (!poll || poll.resolved || Date.now() > poll.endTime) {\n        return false;\n      }\n      const existingVote = await $ENTITY('votes').exists({ pollId: pollId, userId: $USER_ID });\n      return !existingVote;\n    }",{"_14":99,"_34":100,"_36":101,"_18":102,"_83":103,"_85":39},["B","6082"],["D",1753386115003],["D",1753386115003],"$FUNC_GET_VOTE_PRICE","async function $FUNC_GET_VOTE_PRICE(pollId) {\n      const poll = await $ENTITY('polls').get(pollId);\n      return poll.votePrice;\n    }","token",{"_18":19,"_106":107,"_108":58,"_109":110,"_111":112,"_113":114,"_115":114,"_116":41,"_117":41,"_70":71},"symbol","$$ratio","price","marketcap",5935.13513509,"image","https://pump.mypinata.cloud/ipfs/bafkreifoeu5sc7udpela7rrgi3yknks3rfnixla3lkr36b5oh4lrnq7cxu?img-width=256&img-dpr=2","website","","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[122,126,128,130,132,134,136,138,140,142,144,146,148,150,152],{"_123":124,"_125":58},"day","2025-08-14","runCount",{"_123":127,"_125":58},"2025-08-15",{"_123":129,"_125":58},"2025-08-16",{"_123":131,"_125":58},"2025-08-17",{"_123":133,"_125":58},"2025-08-18",{"_123":135,"_125":58},"2025-08-19",{"_123":137,"_125":58},"2025-08-20",{"_123":139,"_125":58},"2025-08-21",{"_123":141,"_125":58},"2025-08-22",{"_123":143,"_125":58},"2025-08-23",{"_123":145,"_125":58},"2025-08-24",{"_123":147,"_125":58},"2025-08-25",{"_123":149,"_125":58},"2025-08-26",{"_123":151,"_125":58},"2025-08-27",{"_123":153,"_125":41},"2025-08-28","snapshot","ogImage","https://cdn.dev.fun/og/image/b4a1cfc057112bb6fe54/0d724514.webp","isDevbase","actionData","errors"]
</article></body></html>

say something