[{"_1":2,"_136":-5,"_137":-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,"_56":57,"_58":59,"_60":59,"_61":62,"_63":59,"_64":41,"_65":41,"_66":59,"_67":59,"_68":59,"_69":17,"_70":25,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_98":-5,"_99":17,"_100":101,"_132":31,"_133":134,"_135":17},"id","1c9ff57ce17d3475a804","isMyApp",false,"name","$rick2win","description","Spin the wheel of fortune and watch your $rick tokens multiply or trigger chaotic twists that bend the rules of luck! This addictive spinning game lets you stake your tokens for instant 2x and 5x wins while contributing to a community jackpot that could explode into your wallet at any moment.","brief","Stake $rick, spin the chaos wheel, and watch your tokens multiply or trigger reality-bending events!","isLive",true,"isPublic","tags",[29],"💰","cover","https://cdn.dev.fun/snapshot/1c9ff57ce17d3475a804/78095_4e736566.webp","cdnUrl","https://cdn.dev.fun/app/1c9ff57ce17d3475a804/78095","createdAt",["D",1749526121268],"updatedAt",["D",1749536422528],"lastCommitId",["B","78095"],"tier",1,"credits",79,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"21cdbf4e-d304-45ea-8a3e-c1ffc5ee6890","uniqueId","currycoder","username","solanaWallet","Eg6at2VncjkovCX9Et7HMWKtobsCPcyTxaiLhiQsY823","displayName","bio","i code","avatar","https://cdn.dev.fun/avatar/21cdbf4e-d304-45ea-8a3e-c1ffc5ee6890/6a42cb45.webp","commitCount",10,"forkCount",0,"likeCount","runsCount",9,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","AgYVbX4CueNVrBAXZh84DoFQtZhG6wpi3JgXHyCKpump","code","import { useState, useEffect, useCallback, useRef } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { ConnectionProvider, WalletProvider, useWallet } from '@solana/wallet-adapter-react';\nimport { WalletModalProvider, WalletMultiButton } from '@solana/wallet-adapter-react-ui';\nimport '@solana/wallet-adapter-react-ui/styles.css';\nimport { io } from 'socket.io-client';\nimport { Trophy, Sparkles, Flame, AlertTriangle, ArrowDownCircle, History, HelpCircle, X, Info, ArrowUpCircle, Zap, ChevronDown, ChevronUp, Loader2, Wallet, AlertCircle } from 'lucide-react';\nconst socket = io('wss://ws.dev.fun/app-1c9ff57ce17d3475a804');\nconst wheelSections = [{\n id: 1,\n label: '2x',\n color: '#4CAF50',\n probability: 0.3\n}, {\n id: 2,\n label: '5x',\n color: '#9C27B0',\n probability: 0.1\n}, {\n id: 3,\n label: 'LOSE',\n color: '#F44336',\n probability: 0.4\n}, {\n id: 4,\n label: 'CHAOS',\n color: '#FF9800',\n probability: 0.2\n}];\nconst chaosEvents = [{\n id: 1,\n name: 'Pot Boost',\n description: 'Increases community jackpot by 10%',\n icon: \n}, {\n id: 2,\n name: 'Pot Burn',\n description: 'Decreases community jackpot by 10%',\n icon: \n}, {\n id: 3,\n name: 'Lucky Streak',\n description: 'Next 5 spins guarantee at least 2x win',\n icon: \n}, {\n id: 4,\n name: 'Double Trouble',\n description: 'Next 10 spins, wins doubled, losses doubled',\n icon: \n}, {\n id: 5,\n name: 'Jackpot Fever',\n description: 'Next 20 spins, jackpot win chance increases to 5%',\n icon: \n}];\nfunction App() {\n return ;\n}\nfunction AppWithProvider() {\n const endpoint = 'https://rpc.dev.fun/1c9ff57ce17d3475a804';\n return \n \n \n

\n \n \n

\n \n \n ;\n}\nfunction GameApp() {\n const {\n connected,\n publicKey\n } = useWallet();\n const [rickBalance, setRickBalance] = useState(1000);\n const [stakeAmount, setStakeAmount] = useState(10);\n const [isSpinning, setIsSpinning] = useState(false);\n const [showRules, setShowRules] = useState(false);\n const [showHistory, setShowHistory] = useState(false);\n const [spinHistory, setSpinHistory] = useState([]);\n const [jackpotAmount, setJackpotAmount] = useState(5000);\n const [showChaosEvent, setShowChaosEvent] = useState(false);\n const [currentChaosEvent, setCurrentChaosEvent] = useState(null);\n const [activeEffects, setActiveEffects] = useState([]);\n const [spinResult, setSpinResult] = useState(null);\n const [showSpinResult, setShowSpinResult] = useState(false);\n const [jackpotWon, setJackpotWon] = useState(false);\n const wheelElementRef = useRef(null);\n const [showWithdraw, setShowWithdraw] = useState(false);\n const [withdrawAmount, setWithdrawAmount] = useState(0);\n const [isWithdrawing, setIsWithdrawing] = useState(false);\n const [connectedUsers, setConnectedUsers] = useState(0);\n const [liquidityPool, setLiquidityPool] = useState(10000);\n const [transactionStatus, setTransactionStatus] = useState(null);\n const [showTransactionStatus, setShowTransactionStatus] = useState(false);\n useEffect(() => {\n function onConnect() {\n console.log('Socket connected');\n }\n function onDisconnect() {\n console.log('Socket disconnected');\n }\n function onUserCount(count) {\n setConnectedUsers(count);\n }\n function onJackpotUpdate(amount) {\n setJackpotAmount(amount);\n }\n socket.on('connect', onConnect);\n socket.on('disconnect', onDisconnect);\n socket.on('devfun:user_count', onUserCount);\n socket.on('jackpot_update', onJackpotUpdate);\n return () => {\n socket.off('connect', onConnect);\n socket.off('disconnect', onDisconnect);\n socket.off('devfun:user_count', onUserCount);\n socket.off('jackpot_update', onJackpotUpdate);\n };\n }, []);\n const simulateTransaction = useCallback(async (amount, type) => {\n if (!connected || !publicKey) {\n setTransactionStatus({\n success: false,\n message: \"Wallet not connected\"\n });\n setShowTransactionStatus(true);\n setTimeout(() => setShowTransactionStatus(false), 3000);\n return false;\n }\n setTransactionStatus({\n success: true,\n message: `Processing ${type}...`,\n pending: true\n });\n setShowTransactionStatus(true);\n try {\n await new Promise(resolve => setTimeout(resolve, 2000));\n setTransactionStatus({\n success: true,\n message: `${type} successful!`,\n pending: false\n });\n setTimeout(() => setShowTransactionStatus(false), 3000);\n return true;\n } catch (error) {\n console.error(\"Transaction error:\", error);\n setTransactionStatus({\n success: false,\n message: `${type} failed: ${error.message}`,\n pending: false\n });\n setTimeout(() => setShowTransactionStatus(false), 3000);\n return false;\n }\n }, [connected, publicKey]);\n const handleSpinResult = result => {\n setSpinResult(result);\n setShowSpinResult(true);\n const newHistoryItem = {\n id: Date.now(),\n timestamp: new Date().toLocaleTimeString(),\n stake: stakeAmount,\n result: result.label,\n payout: result.payout\n };\n setSpinHistory([newHistoryItem, ...spinHistory]);\n if (result.label === 'LOSE') {\n setLiquidityPool(prev => prev + stakeAmount);\n } else {\n setRickBalance(prev => prev + result.payout);\n setLiquidityPool(prev => prev - result.payout);\n }\n if (result.label === 'CHAOS') {\n const randomChaos = chaosEvents[Math.floor(Math.random() * chaosEvents.length)];\n setCurrentChaosEvent(randomChaos);\n setShowChaosEvent(true);\n handleChaosEffect(randomChaos);\n }\n if (Math.random() < 0.01) {\n setJackpotWon(true);\n setRickBalance(prev => prev + jackpotAmount);\n setLiquidityPool(prev => Math.max(prev - jackpotAmount, 0));\n setJackpotAmount(1000);\n socket.emit('jackpot_update', 1000);\n }\n };\n const handleChaosEffect = chaosEvent => {\n switch (chaosEvent.id) {\n case 1:\n const boostedJackpot = Math.floor(jackpotAmount * 1.1);\n setJackpotAmount(boostedJackpot);\n socket.emit('jackpot_update', boostedJackpot);\n break;\n case 2:\n const burnAmount = Math.floor(jackpotAmount * 0.1);\n const burnedJackpot = Math.max(jackpotAmount - burnAmount, 0);\n setJackpotAmount(burnedJackpot);\n setLiquidityPool(prev => prev + burnAmount);\n socket.emit('jackpot_update', burnedJackpot);\n break;\n case 3:\n setActiveEffects(prev => [...prev, {\n id: Date.now(),\n type: 'luckyStreak',\n name: 'Lucky Streak',\n spinsLeft: 5\n }]);\n break;\n case 4:\n setActiveEffects(prev => [...prev, {\n id: Date.now(),\n type: 'doubleTrouble',\n name: 'Double Trouble',\n spinsLeft: 10\n }]);\n break;\n case 5:\n setActiveEffects(prev => [...prev, {\n id: Date.now(),\n type: 'jackpotFever',\n name: 'Jackpot Fever',\n spinsLeft: 20\n }]);\n break;\n default:\n break;\n }\n };\n const handleSpin = async () => {\n if (isSpinning || stakeAmount > rickBalance || stakeAmount < 10 || stakeAmount > 1000) {\n return;\n }\n const success = await simulateTransaction(stakeAmount, \"Stake\");\n if (!success) return;\n setRickBalance(prev => prev - stakeAmount);\n const jackpotContribution = Math.floor(stakeAmount * 0.01);\n const newJackpot = jackpotAmount + jackpotContribution;\n setJackpotAmount(newJackpot);\n socket.emit('jackpot_update', newJackpot);\n setIsSpinning(true);\n setShowSpinResult(false);\n setJackpotWon(false);\n let random = Math.random();\n let cumulativeProbability = 0;\n let selectedSection;\n const hasLuckyStreak = activeEffects.some(effect => effect.type === 'luckyStreak');\n if (hasLuckyStreak) {\n random = Math.random() * 0.4;\n }\n for (const section of wheelSections) {\n cumulativeProbability += section.probability;\n if (random <= cumulativeProbability) {\n selectedSection = section;\n break;\n }\n }\n let payout = 0;\n if (selectedSection.label === '2x') {\n payout = stakeAmount * 2;\n } else if (selectedSection.label === '5x') {\n payout = stakeAmount * 5;\n }\n const hasDoubleTrouble = activeEffects.some(effect => effect.type === 'doubleTrouble');\n if (hasDoubleTrouble) {\n if (selectedSection.label === '2x' || selectedSection.label === '5x') {\n payout *= 2;\n } else if (selectedSection.label === 'LOSE') {\n setRickBalance(prev => prev - stakeAmount);\n }\n }\n const wheelElement = wheelElementRef.current;\n if (wheelElement) {\n console.log('=== SPIN DEBUG ===');\n console.log('Current transform before reset:', wheelElement.style.transform);\n console.log('Resetting to 0...');\n wheelElement.style.transition = 'none';\n wheelElement.style.transform = 'rotate(0deg)';\n wheelElement.getBoundingClientRect();\n setTimeout(() => {\n wheelElement.style.transition = 'transform 8s cubic-bezier(0.25, 0.1, 0.25, 1)';\n const degreesPerSection = 360 / wheelSections.length;\n const sectionIndex = wheelSections.findIndex(section => section.id === selectedSection.id);\n const targetSegmentAngle = 360 - sectionIndex * degreesPerSection - degreesPerSection / 2;\n const fullRotations = 360 * 10;\n const finalRotation = fullRotations + targetSegmentAngle;\n console.log('Applied final rotation:', finalRotation);\n console.log('Expected outcome:', selectedSection.label);\n wheelElement.style.transform = `rotate(${finalRotation}deg)`;\n setTimeout(() => {\n handleSpinResult({\n ...selectedSection,\n payout: payout\n });\n setActiveEffects(prev => prev.map(effect => ({\n ...effect,\n spinsLeft: effect.spinsLeft - 1\n })).filter(effect => effect.spinsLeft > 0));\n setIsSpinning(false);\n }, 8000);\n }, 50);\n }\n };\n const handleWithdraw = async () => {\n if (withdrawAmount <= 0 || withdrawAmount > rickBalance || withdrawAmount > liquidityPool) {\n return;\n }\n setIsWithdrawing(true);\n const success = await simulateTransaction(withdrawAmount, \"Withdrawal\");\n if (success) {\n setRickBalance(prev => prev - withdrawAmount);\n setLiquidityPool(prev => prev - withdrawAmount);\n setWithdrawAmount(0);\n setShowWithdraw(false);\n }\n setIsWithdrawing(false);\n };\n return

\n {}\n

\n $\"$Rick2Win$ \n

\n \n

\n {connected &&

\n Online:\n

\n {connectedUsers}\n

}\n \n

\n \n Only Phantom wallet support for now\n

\n \n

\n {!connected ?

\n \n $\"$Rick2Win$ \n

\n Stake $rick to spin for prizes, trigger Chaos Events, and win the community jackpot!\n

\n \n Only Phantom wallet support for now\n

\n \n \n

\n \n

Win Big

Multiply your $rick tokens with 2x and 5x wins on each spin

\n \n

Chaos Events

Trigger unpredictable Chaos Events that change the game rules

\n \n

Jackpot

Every spin contributes to a growing community jackpot you could win

\n {}\n

Spin to Win

Stake your $rick and test your luck!

\n Your Balance:\n {rickBalance} $rick\n

\n Jackpot:\n {jackpotAmount} $rick\n

\n \n {}\n

\n \n \n {}\n

\n ▼\n

\n \n {}\n

\n Stake Amount (10-1000 $rick)\n

\n setStakeAmount(Math.min(1000, Math.max(10, parseInt(e.target.value) || 0)))} className=\"w-full bg-gray-700 text-white px-4 py-3 rounded-l-lg focus:outline-none focus:ring-2 focus:ring-green-500 border-0\" min=\"10\" max=\"1000\" />\n

\n \n \n

\n \n

\n\n {}\n {activeEffects.length > 0 &&

\n \n Active Effects\n

\n {activeEffects.map(effect =>

\n {effect.type === 'luckyStreak' && }\n {effect.type === 'doubleTrouble' && }\n {effect.type === 'jackpotFever' && }\n

{effect.name}

{effect.spinsLeft} spins remaining

)}\n

}\n

\n \n

\n {}\n

Your Account

Balance

{rickBalance} $rick

Available for Withdrawal

{Math.min(rickBalance, liquidityPool)} $rick

\n (Limited by liquidity pool: {liquidityPool} $rick)\n

\n \n \n

\n \n {}\n

Game Info

\n 2x\n

2x Multiplier

Double your stake

\n 5x\n

5x Multiplier

5x your stake

\n LOSE\n

Lose

Lose your stake

\n CHAOS\n

Chaos Event

Trigger a random game-changing event

\n \n

}\n

\n \n {}\n \n {showRules && \n \n

How to Play

\n \n

\n \n Game Rules\n

Stake between 10-1000 $rick tokens to spin the wheel
Each spin has four possible outcomes: 2x, 5x, Lose, or Chaos
2x: Win twice your stake
5x: Win five times your stake
Lose: Lose your stake
Chaos: Trigger a random Chaos Event
1% of each stake contributes to the community jackpot
Each spin has a 1% chance to win the entire jackpot

\n\n

\n \n Chaos Events\n

\n {chaosEvents.map(event =>

{event.name}

{event.description}

)}\n

\n\n

\n \n Important Notes\n

This is a game of chance. Play responsibly.
The wheel outcome is determined by a provably fair system.
Active effects are applied to subsequent spins until they expire.
You can withdraw your $rick tokens at any time.

\n \n }\n \n \n {}\n \n {showHistory && \n \n

Spin History

\n \n

\n {spinHistory.length === 0 ?

\n \n

No spin history yet. Start playing to record your spins!

\n {spinHistory.map(item =>

{item.timestamp}

\n Staked {item.stake} $rick\n

\n {item.result === '2x' &&

\n +{item.payout} $rick\n

\n 2x\n

}\n {item.result === '5x' &&

\n +{item.payout} $rick\n

\n 5x\n

}\n {item.result === 'LOSE' &&

\n -{item.stake} $rick\n

\n LOSE\n

}\n {item.result === 'CHAOS' &&

\n CHAOS\n

}\n

)}\n

}\n

\n \n }\n \n \n {}\n \n {showChaosEvent && currentChaosEvent && \n \n

\n \n {currentChaosEvent.icon}\n \n

Chaos Event Triggered!

{currentChaosEvent.name}

{currentChaosEvent.description}

\n \n

\n \n }\n \n \n {}\n \n {showSpinResult && spinResult && \n

\n {spinResult.label === '2x' && <>\n

\n 2x\n

You won {spinResult.payout} $rick!

2x multiplier applied to your stake

\n }\n {spinResult.label === '5x' && <>\n

\n 5x\n

You won {spinResult.payout} $rick!

5x multiplier applied to your stake

\n }\n {spinResult.label === 'LOSE' && <>\n

\n LOSE\n

You lost {stakeAmount} $rick

Better luck next time!

\n }\n {spinResult.label === 'CHAOS' && <>\n

\n CHAOS\n

Chaos Event Triggered!

Something unpredictable is happening...

\n }\n

\n }\n \n \n {}\n \n {jackpotWon && \n \n

\n \n \n \n

JACKPOT!

You won the entire community jackpot!

\n +{jackpotAmount} $rick\n

\n \n

\n \n }\n \n \n {}\n \n {showWithdraw && \n \n

Withdraw $rick

\n \n

\n Amount to Withdraw\n setWithdrawAmount(Math.min(Math.min(rickBalance, liquidityPool), Math.max(0, parseInt(e.target.value) || 0)))} className=\"w-full bg-gray-700 text-white px-4 py-3 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500\" min=\"0\" max={Math.min(rickBalance, liquidityPool)} />\n

\n Available: {Math.min(rickBalance, liquidityPool)} $rick\n \n

\n \n \n

\n \n }\n \n {}\n \n {showTransactionStatus && transactionStatus && \n

\n {transactionStatus.pending ? : transactionStatus.success ? : }\n {transactionStatus.message}\n

\n }\n \n

;\n}\nexport default App;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"socket.io-client\":\"4.7.2\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-react-ui\":\"0.9.35\",\"@solana/wallet-adapter-wallets\":\"0.19.32\",\"@solana/web3.js\":\"1.95.3\",\"@devfunlabs/state-client\":\"0.8.1\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"react-router-dom\":\"6.18.0\",\"recharts\":\"2.8.0\",\"zod\":\"3.22.4\",\"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},"vibecode.fun","symbol","rick","price",0.000125,"marketcap",124449.5,"image","https://pump.mypinata.cloud/ipfs/QmdiVAhd3kBiCNCc559HT5hQGeoP742a9BGML1qod45c8j?img-width=256&img-dpr=2","website","https://dev.fun/p/93870176b0b04c03015d","twitter","https://x.com/crabbylions/status/1898018929869832580?s=46","devCount",66,"appCount",96,"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/1c9ff57ce17d3475a804/1c23c759.webp","isDevbase","actionData","errors"]

say something