[{"_1":2,"_138":-5,"_139":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_136":-5,"_132":-5,"_137":-5},"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,"_56":57,"_58":59,"_60":59,"_61":62,"_63":59,"_64":59,"_65":59,"_66":59,"_67":59,"_68":59,"_69":17,"_70":17,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_98":-5,"_99":17,"_100":101,"_132":31,"_133":134,"_135":25},"id","67ee17a17308f9fa32e6","isMyApp",false,"name","cryptoracebet","description","Place your bets on the ultimate showdown between James Wynn and Bitcoin in this high-stakes crypto racing extravaganza! Connect your wallet, stake your $CRYSINO tokens, and watch as these financial titans sprint to the finish line every 60 seconds with our hypnotic countdown timer.","brief","Bet $CRYSINO on the ultimate James Wynn vs Bitcoin race happening every minute!","isLive",true,"isPublic","tags",[29],"💰","cover","https://cdn.dev.fun/snapshot/67ee17a17308f9fa32e6/73909_b749fb74.webp","cdnUrl","https://cdn.dev.fun/app/67ee17a17308f9fa32e6/73909","createdAt",["D",1748991607306],"updatedAt",["D",1749085613433],"lastCommitId",["B","73909"],"tier",1,"credits",83,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"073aaad3-b924-4ff7-8ee9-e2bbef69725f","uniqueId","Sp3aker2020","username","solanaWallet","6mg3gMqGr96HWp9qRusvMpkdSYZWN36DERuJDSCNkAm5","displayName","bio","and the future will leak out","avatar","https://cdn.dev.fun/avatar/073aaad3-b924-4ff7-8ee9-e2bbef69725f/4f87d3ac.webp","commitCount",45,"forkCount",0,"likeCount","runsCount",7,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","K5AGb74FrwP7P6ujs93bJN4wvryUEzgFyUdjrv4pump","code","import { useState, useEffect, useRef, useCallback } from 'react';\nimport { useDevapp, UserButton, DevappProvider } from '@devfunlabs/web-sdk';\nimport { motion, AnimatePresence } from 'framer-motion';\nconst NEO_IMAGE = \"https://pbs.twimg.com/profile_images/1929471787030683648/SBbLOZkA_400x400.jpg\";\nconst BITCOIN_IMAGE = \"https://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Bitcoin.svg/1200px-Bitcoin.svg.png\";\nexport default function AppWithProvider() {\n return \n \n ;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [countdown, setCountdown] = useState(60);\n const [currentRaceId, setCurrentRaceId] = useState('');\n const [betAmount, setBetAmount] = useState(1);\n const [selectedWinner, setSelectedWinner] = useState('');\n const [placingBet, setPlacingBet] = useState(false);\n const [raceInProgress, setRaceInProgress] = useState(false);\n const [raceWinner, setRaceWinner] = useState('');\n const [raceHistory, setRaceHistory] = useState([]);\n const [userBets, setUserBets] = useState([]);\n const [message, setMessage] = useState('');\n const [jwPosition, setJwPosition] = useState(0);\n const [btcPosition, setBtcPosition] = useState(0);\n const [isClaimPhase, setIsClaimPhase] = useState(false);\n const [canClaim, setCanClaim] = useState(false);\n const [hasClaimed, setHasClaimed] = useState(false);\n const [walletError, setWalletError] = useState(false);\n const [isConnecting, setIsConnecting] = useState(false);\n const countdownRef = useRef(null);\n const generateRaceId = () => {\n return `race-${Date.now()}`;\n };\n useEffect(() => {\n if (!currentRaceId) {\n setCurrentRaceId(generateRaceId());\n }\n countdownRef.current = setInterval(() => {\n setCountdown(prev => {\n if (prev <= 1) {\n clearInterval(countdownRef.current);\n if (isClaimPhase) {\n setIsClaimPhase(false);\n setHasClaimed(false);\n setCountdown(60);\n countdownRef.current = setInterval(() => {\n setCountdown(prev => {\n if (prev <= 1) {\n clearInterval(countdownRef.current);\n startRace();\n return 30;\n }\n return prev - 1;\n });\n }, 1000);\n return 60;\n } else {\n startRace();\n return 30;\n }\n }\n return prev - 1;\n });\n }, 1000);\n return () => {\n if (countdownRef.current) clearInterval(countdownRef.current);\n };\n }, [isClaimPhase]);\n const [leaderboardData, setLeaderboardData] = useState([]);\n const [leaderboardPeriod, setLeaderboardPeriod] = useState('all-time');\n const [leaderboardType, setLeaderboardType] = useState('wins');\n const [betLeaderboardData, setBetLeaderboardData] = useState([]);\n const fetchLeaderboardData = useCallback(async () => {\n if (!devbaseClient) return;\n try {\n const allBets = await devbaseClient.listEntities('bets');\n const walletWins = {};\n allBets.forEach(bet => {\n if (bet.selectedWinner === bet.result) {\n if (!walletWins[bet.userId]) {\n walletWins[bet.userId] = {\n wins: 0,\n earnings: 0\n };\n }\n walletWins[bet.userId].wins += 1;\n walletWins[bet.userId].earnings += bet.amount;\n }\n });\n const walletBets = {};\n allBets.forEach(bet => {\n if (!walletBets[bet.userId]) {\n walletBets[bet.userId] = {\n bets: 0,\n amount: 0\n };\n }\n walletBets[bet.userId].bets += 1;\n walletBets[bet.userId].amount += bet.amount;\n });\n const betLeaderboardArray = Object.entries(walletBets).map(([wallet, data], index) => ({\n rank: index + 1,\n wallet,\n bets: data.bets,\n amount: data.amount\n }));\n betLeaderboardArray.sort((a, b) => b.bets - a.bets);\n betLeaderboardArray.forEach((entry, index) => {\n entry.rank = index + 1;\n });\n setBetLeaderboardData(betLeaderboardArray);\n const leaderboardArray = Object.entries(walletWins).map(([wallet, data], index) => ({\n rank: index + 1,\n wallet,\n wins: data.wins,\n earnings: data.earnings\n }));\n leaderboardArray.sort((a, b) => b.wins - a.wins);\n leaderboardArray.forEach((entry, index) => {\n entry.rank = index + 1;\n });\n setLeaderboardData(leaderboardArray);\n } catch (error) {\n console.error('Error fetching leaderboard data:', error);\n }\n }, [devbaseClient]);\n useEffect(() => {\n if (userWallet) {\n fetchUserBets();\n setWalletError(false);\n fetchLeaderboardData();\n }\n }, [userWallet, fetchLeaderboardData]);\n const fetchUserBets = async () => {\n if (!devbaseClient || !userWallet) return;\n try {\n const bets = await devbaseClient.listEntities('bets');\n setUserBets(bets.sort((a, b) => b.createdAt - a.createdAt));\n } catch (error) {\n console.error('Error fetching bets:', error);\n setMessage('Failed to load your betting history. Please try refreshing.');\n }\n };\n const startRace = () => {\n setRaceInProgress(true);\n setJwPosition(0);\n setBtcPosition(0);\n const raceInterval = setInterval(() => {\n setJwPosition(prev => prev + Math.random() * 5);\n setBtcPosition(prev => prev + Math.random() * 5);\n }, 100);\n setTimeout(() => {\n clearInterval(raceInterval);\n const winner = Math.random() > 0.5 ? 'James Wynn' : 'Bitcoin';\n setRaceWinner(winner);\n setRaceHistory(prev => {\n const newHistory = [winner, ...prev];\n return newHistory.slice(0, 10);\n });\n if (winner === 'James Wynn') {\n setJwPosition(100);\n setBtcPosition(90);\n } else {\n setBtcPosition(100);\n setJwPosition(90);\n }\n if (userWallet) {\n updateBetsWithResult(winner);\n if (selectedWinner === winner) {\n setCanClaim(true);\n } else {\n setCanClaim(false);\n }\n }\n const newRaceId = generateRaceId();\n setCurrentRaceId(newRaceId);\n setTimeout(() => {\n setRaceInProgress(false);\n setIsClaimPhase(true);\n setCountdown(30);\n fetchUserBets();\n fetchLeaderboardData();\n }, 3000);\n }, 5000);\n };\n const updateBetsWithResult = async winner => {\n if (!devbaseClient || !userWallet) return;\n try {\n const bets = await devbaseClient.listEntities('bets', {\n raceId: currentRaceId,\n result: 'pending'\n });\n for (const bet of bets) {\n await devbaseClient.updateEntity('bets', bet.id, {\n ...bet,\n result: winner\n });\n }\n } catch (error) {\n console.error('Error updating bets with result:', error);\n }\n };\n const handleWalletConnection = async () => {\n setIsConnecting(true);\n try {\n setMessage('Connecting wallet...');\n setWalletError(false);\n } catch (error) {\n console.error('Wallet connection error:', error);\n setWalletError(true);\n setMessage('Wallet connection failed. Please try again.');\n } finally {\n setIsConnecting(false);\n }\n };\n const placeBet = async () => {\n if (!userWallet) {\n setMessage('Please connect your wallet to place a bet');\n return;\n }\n if (!selectedWinner || !betAmount || betAmount <= 0) {\n setMessage('Please select a winner and enter a valid bet amount');\n return;\n }\n setPlacingBet(true);\n setMessage('Placing your bet...');\n try {\n await devbaseClient.createEntity('bets', {\n amount: betAmount,\n selectedWinner,\n raceId: currentRaceId,\n result: 'pending'\n });\n setMessage(`Bet placed successfully! ${betAmount} $CRYSINO on ${selectedWinner}`);\n fetchUserBets();\n } catch (error) {\n console.error('Error placing bet:', error);\n if (error.message && error.message.includes('User rejected')) {\n setMessage('Transaction was declined in your wallet. Please try again.');\n } else if (error.message && error.message.includes('insufficient')) {\n setMessage('Insufficient $CRYSINO tokens in your wallet. Please top up to continue betting.');\n } else {\n setMessage(`Error placing bet: ${error.message || 'Unknown error'}`);\n }\n } finally {\n setPlacingBet(false);\n }\n };\n const claimReward = async () => {\n if (!canClaim || hasClaimed || !userWallet) return;\n setMessage('Claiming your 1 $CRYSINO reward from Vault...');\n try {\n await new Promise(resolve => setTimeout(resolve, 2000));\n const updatedLeaderboard = [...leaderboardData];\n const userIndex = updatedLeaderboard.findIndex(entry => entry.wallet === userWallet);\n if (userIndex >= 0) {\n updatedLeaderboard[userIndex] = {\n ...updatedLeaderboard[userIndex],\n wins: updatedLeaderboard[userIndex].wins + 1,\n earnings: updatedLeaderboard[userIndex].earnings + 1\n };\n } else {\n updatedLeaderboard.push({\n rank: updatedLeaderboard.length + 1,\n wallet: userWallet,\n wins: 1,\n earnings: 1\n });\n }\n updatedLeaderboard.sort((a, b) => b.wins - a.wins);\n updatedLeaderboard.forEach((entry, index) => {\n entry.rank = index + 1;\n });\n setLeaderboardData(updatedLeaderboard);\n setMessage(`Successfully claimed 1 $CRYSINO!`);\n setHasClaimed(true);\n setCanClaim(false);\n setClaimSuccess(true);\n setTimeout(() => {\n fetchLeaderboardData();\n }, 1000);\n } catch (error) {\n console.error('Error claiming reward:', error);\n if (error.message && error.message.includes('User rejected')) {\n setMessage('Claim transaction was declined in your wallet. Please try again.');\n } else {\n setMessage(`Error claiming reward: ${error.message || \"Unknown error occurred\"}`);\n }\n }\n };\n const [claimSuccess, setClaimSuccess] = useState(false);\n const CustomUserButton = () => {\n const handleClick = async () => {\n try {\n handleWalletConnection();\n } catch (error) {\n console.error(\"Wallet connection error:\", error);\n setWalletError(true);\n setMessage('Failed to connect wallet. Please try again.');\n }\n };\n return {\n console.error(\"Connect error:\", error);\n setWalletError(true);\n setMessage('Wallet connection rejected. Please try again.');\n setIsConnecting(false);\n }} />;\n };\n return

\n CryptoRaceBet\n

\n \n

\n\n

Race Track

\n \n \n

\n $\"James$ \n

\n James Wynn (Neo)\n \n \n \n

\n $\"Bitcoin\"$ \n

\n Bitcoin\n \n

\n \n

\n \n {raceInProgress ? \n RACE IN PROGRESS!\n : raceWinner ? \n WINNER: {raceWinner}! 🏆\n : \n

\n {isClaimPhase ? 'Claim Period Ends In' : 'Next Race In'}\n

\n {countdown}\n s\n

\n }\n \n {isClaimPhase && \n {selectedWinner === raceWinner ?

YOU WON! 🎉

Your champion {raceWinner} crossed the finish line first!

\n {canClaim && !hasClaimed ? : hasClaimed ?

\n CLAIMED! 🎉\n

: null}\n {claimSuccess &&

\n $CRYSINO tokens added to your wallet!\n

}\n

: selectedWinner ?

BETTER LUCK NEXT TIME 😢

Sorry, {selectedWinner} lost this round.

But don't worry! James received a donation to keep fighting the good fight.

{raceWinner} WON THIS ROUND!

Place a bet in the next race for a chance to win $CRYSINO tokens!

}\n }\n

\n\n

Race History

\n {raceHistory.length === 0 ?

No races completed yet. Watch for results!

: raceHistory.map((winner, index) => \n

\n {winner === 'James Wynn' ? $\"Neo\"$ : $\"Bitcoin\"$ }\n

\n {winner === 'James Wynn' ? 'Neo' : 'Bitcoin'}\n {index === 0 && latest}\n )}\n

\n\n

Place Your Bet

\n \n

\n Choose Your Winner\n

\n \n \n

\n \n

\n Bet Amount ($CRYSINO)\n

\n \n setBetAmount(Math.max(1, parseInt(e.target.value) || 1))} className=\"bg-gray-900 text-center w-full p-2 focus:outline-none\" />\n \n

\n \n \n {message &&

\n {message}\n

}\n

\n \n

Your Bets

\n {!userWallet ?

Connect your wallet to see your betting history

\n \n {walletError &&

Connection failed. Please try again.

}\n

: userBets.length === 0 ?

\n No bets placed yet. Place your first bet!\n

\n {userBets.map(bet =>

\n {bet.selectedWinner === 'James Wynn' ? $\"James$ : $\"Bitcoin\"$ }\n

\n {bet.selectedWinner}\n

{bet.amount} $CRYSINO

\n {new Date(bet.createdAt).toLocaleString()}\n

)}\n

}\n

\n \n

\n 🏆 Whale Leaderboard 🏆\n

\n \n

\n \n \n

\n \n {leaderboardType === 'wins' &&

\n \n \n

}\n

\n {leaderboardType === 'wins' ? <>\n

Wallet

Wins

$CRYSINO

\n {userWallet ? leaderboardData.length > 0 ? <>\n {leaderboardData.map((entry, index) => {\n const formattedWallet = entry.wallet.substring(0, 4) + '...' + entry.wallet.substring(entry.wallet.length - 4);\n const isCurrentUser = entry.wallet === userWallet;\n let rankIcon = null;\n let rankClass = '';\n if (entry.rank === 1) {\n rankIcon = 👑;\n rankClass = 'text-yellow-400';\n } else if (entry.rank === 2) {\n rankIcon = 🥈;\n rankClass = 'text-gray-400';\n } else if (entry.rank === 3) {\n rankIcon = 🥉;\n rankClass = 'text-amber-700';\n }\n return

\n {entry.rank}\n

\n {rankIcon || (isCurrentUser ? 👤 : 🧠)}\n

\n {formattedWallet}{isCurrentUser ? ' (You)' : ''}\n

{entry.wins}

{entry.earnings}

;\n })}\n :

No leaderboard data available yet. Start betting to climb the ranks!

Connect your wallet to see the leaderboard

\n \n {walletError &&

Connection failed. Please try again.

}\n

\n : <>\n

Wallet

Bets

$CRYSINO

\n {userWallet ? betLeaderboardData.length > 0 ? <>\n {betLeaderboardData.map((entry, index) => {\n const formattedWallet = entry.wallet.substring(0, 4) + '...' + entry.wallet.substring(entry.wallet.length - 4);\n const isCurrentUser = entry.wallet === userWallet;\n let rankIcon = null;\n let rankClass = '';\n if (entry.rank === 1) {\n rankIcon = 🎲;\n rankClass = 'text-yellow-400';\n } else if (entry.rank === 2) {\n rankIcon = 🎲;\n rankClass = 'text-gray-400';\n } else if (entry.rank === 3) {\n rankIcon = 🎲;\n rankClass = 'text-amber-700';\n }\n return

\n {entry.rank}\n

\n {rankIcon || (isCurrentUser ? 👤 : 🎯)}\n

\n {formattedWallet}{isCurrentUser ? ' (You)' : ''}\n

{entry.bets}

{entry.amount}

;\n })}\n :

No betting data available yet. Start betting to appear on the leaderboard!

Connect your wallet to see the leaderboard

\n \n {walletError &&

Connection failed. Please try again.

}\n

\n }\n

\n \n

How To Play

1. Connect Wallet

Connect your Solana wallet to get started. You'll need $CRYSINO tokens to place bets.

2. Place Your Bet

Choose between James Wynn (Neo) and Bitcoin, then select your bet amount. Bets must be placed before the race starts!

3. Watch & Win

Watch the race and see if your champion crosses the finish line first. A new race starts every 60 seconds.

4. Claim Your Rewards

Did your champion win? Claim your 1 $CRYSINO reward during the 30-second claim period after each race!

\n \n

\n 💸 All Bets Leaderboard 💸\n

Time

Wallet

Bet On

Amount

\n {userWallet ? userBets.length > 0 ? userBets.map(bet => {\n const formattedWallet = bet.userId.substring(0, 4) + '...' + bet.userId.substring(bet.userId.length - 4);\n const isCurrentUser = bet.userId === userWallet;\n return \n

\n {new Date(bet.createdAt).toLocaleTimeString()}\n

\n 👤\n

\n {formattedWallet}{isCurrentUser ? ' (You)' : ''}\n

\n {bet.selectedWinner === 'James Wynn' ? 'Neo' : 'Bitcoin'}\n

\n {bet.amount} $CRYSINO\n

\n ;\n }) :

No bets have been placed yet. Be the first to bet!

Connect your wallet to see all bets

\n \n {walletError &&

Connection failed. Please try again.

}\n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"@solana/web3.js\":\"1.87.0\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"@solana/wallet-adapter-wallets\":\"0.19.22\",\"react-router-dom\":\"6.18.0\",\"react-dom\":\"18.2.0\"}}","appFunctions",[],"token",{"_18":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":95,"_96":97,"_71":72},"No crying in the casino","symbol","CRYSINO","price",0.00000868,"marketcap",5724.75796691,"image","https://pump.mypinata.cloud/ipfs/bafkreic3xqn4shapkb5onjiznatshsnwomefmklm52fxcv7wwa6m2susau?img-width=256&img-dpr=2","website","https://dev.fun/p/79ec29ef5fbf9e5773fa","twitter","https://x.com/nocrying_casino","devCount",2,"appCount",5,"upstreamApp","isLordOfDev","analytics",[102,106,108,110,112,114,116,118,120,122,124,126,128,130],{"_103":104,"_105":59},"day","2025-07-12","runCount",{"_103":107,"_105":59},"2025-07-13",{"_103":109,"_105":59},"2025-07-14",{"_103":111,"_105":59},"2025-07-15",{"_103":113,"_105":59},"2025-07-16",{"_103":115,"_105":59},"2025-07-17",{"_103":117,"_105":59},"2025-07-18",{"_103":119,"_105":59},"2025-07-19",{"_103":121,"_105":59},"2025-07-20",{"_103":123,"_105":59},"2025-07-21",{"_103":125,"_105":59},"2025-07-22",{"_103":127,"_105":59},"2025-07-23",{"_103":129,"_105":59},"2025-07-24",{"_103":131,"_105":59},"2025-07-25","snapshot","ogImage","https://cdn.dev.fun/og/image/67ee17a17308f9fa32e6/c0612faf.webp","isDevbase","commitDetail","livestream","actionData","errors"]