[{"_1":2,"_132":-5,"_133":-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":41,"_61":62,"_63":59,"_64":41,"_65":41,"_66":57,"_67":59,"_68":59,"_69":17,"_70":25,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_94":-5,"_95":17,"_96":97,"_128":31,"_129":130,"_131":17},"id","058e524843d68deae24b","isMyApp",false,"name","Contract Quest","description","Ride the rollercoaster of Bitcoin trading from $100 to millionaire status in this addictive simulation! Watch as prices surge and crash while you time your contracts perfectly, experiencing all the thrill of crypto trading with none of the actual financial ruin.","brief","Turn $100 into $1,000,000 in this heart-pounding Bitcoin trading simulator that'll make you sweat!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/058e524843d68deae24b/68696_6a7da24f.webp","cdnUrl","https://cdn.dev.fun/app/058e524843d68deae24b/68696","createdAt",["D",1747932428466],"updatedAt",["D",1747933366497],"lastCommitId",["B","68696"],"tier",1,"credits",50,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"9e2e43f8-8c36-4d2a-bf0e-277c543d251a","uniqueId","contract_devil","username","solanaWallet","JDSLq2wepVjFJKFEMUf7r97hrPYU3aXVwXB3EyV8j46V","displayName","bio","","avatar","https://cdn.dev.fun/avatar/9e2e43f8-8c36-4d2a-bf0e-277c543d251a/67be6a8f.webp","commitCount",2,"forkCount",0,"likeCount","runsCount",87,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","5BEdUMZ7pvKcMq8nS7vvS5Gu44ftFu4YwCFV5wsLpump","code","import { useState, useEffect, useRef, useCallback } from 'react';\nimport { LineChart, Line, XAxis, YAxis, Tooltip, ResponsiveContainer } from 'recharts';\nimport { ArrowUp, ArrowDown, Zap, TrendingUp, Activity, Award, RefreshCw, Bitcoin } from 'lucide-react';\nexport default function App() {\n const [balance, setBalance] = useState(100);\n const [btcPrice, setBtcPrice] = useState(30000);\n const [btcPriceHistory, setBtcPriceHistory] = useState([]);\n const [position, setPosition] = useState(null);\n const [leverage, setLeverage] = useState(5);\n const [tradeAmount, setTradeAmount] = useState(20);\n const [timeScale, setTimeScale] = useState('1m');\n const [gameSpeed, setGameSpeed] = useState(1);\n const [tradeHistory, setTradeHistory] = useState([]);\n const [isGameOver, setIsGameOver] = useState(false);\n const [hasWon, setHasWon] = useState(false);\n const [volatility, setVolatility] = useState(1);\n const [marketMood, setMarketMood] = useState('neutral');\n const [news, setNews] = useState('');\n const [lastTradeResult, setLastTradeResult] = useState(null);\n const [showConfetti, setShowConfetti] = useState(false);\n const animationRef = useRef(null);\n const lastUpdateTime = useRef(Date.now());\n const tickInterval = useRef(1000 / gameSpeed);\n const priceUpdateCounter = useRef(0);\n const newsTimer = useRef(null);\n const marketEvents = [{\n text: \"Elon Musk tweets about Bitcoin!\",\n effect: 1.15\n }, {\n text: \"Major country adopts Bitcoin as legal tender!\",\n effect: 1.25\n }, {\n text: \"Institutional investors dumping Bitcoin!\",\n effect: 0.85\n }, {\n text: \"Exchange hack reported!\",\n effect: 0.8\n }, {\n text: \"FED increases interest rates!\",\n effect: 0.9\n }, {\n text: \"Whales accumulating Bitcoin!\",\n effect: 1.1\n }, {\n text: \"New Bitcoin ETF approved!\",\n effect: 1.2\n }, {\n text: \"Crypto ban rumors spreading!\",\n effect: 0.75\n }, {\n text: \"Analysts predict Bitcoin to 100k!\",\n effect: 1.1\n }, {\n text: \"Technical breakout imminent!\",\n effect: 1.05\n }];\n const formatCurrency = value => {\n if (value >= 1000000) {\n return `$${(value / 1000000).toFixed(2)}M`;\n } else if (value >= 1000) {\n return `$${(value / 1000).toFixed(1)}K`;\n } else {\n return `$${value.toFixed(2)}`;\n }\n };\n const generateRandomPrice = useCallback(() => {\n let randomFactor = 0;\n const timeScaleMultiplier = timeScale === '1m' ? 1 : timeScale === '5m' ? 2 : timeScale === '15m' ? 3 : 1;\n const moodFactor = marketMood === 'bullish' ? 0.55 : marketMood === 'bearish' ? 0.45 : 0.5;\n if (Math.random() < moodFactor) {\n randomFactor = Math.random() * 0.01 * volatility * timeScaleMultiplier;\n } else {\n randomFactor = -Math.random() * 0.01 * volatility * timeScaleMultiplier;\n }\n if (Math.random() < 0.05) {\n randomFactor *= 5;\n }\n const newPrice = btcPrice * (1 + randomFactor);\n return Math.max(newPrice, 1);\n }, [btcPrice, volatility, timeScale, marketMood]);\n const updatePrice = useCallback(() => {\n const newPrice = generateRandomPrice();\n setBtcPrice(newPrice);\n const timestamp = new Date().toLocaleTimeString();\n setBtcPriceHistory(prevHistory => {\n const newHistory = [...prevHistory, {\n time: timestamp,\n price: newPrice\n }];\n return newHistory.slice(-100);\n });\n if (position) {\n const pnl = calculatePnL(newPrice);\n if (balance + pnl <= 0) {\n closePosition(newPrice, true);\n return;\n }\n setPosition(prev => ({\n ...prev,\n currentPrice: newPrice,\n pnl: pnl\n }));\n }\n if (balance >= 1000000 && !hasWon) {\n setHasWon(true);\n setShowConfetti(true);\n }\n }, [btcPrice, position, balance, hasWon, generateRandomPrice]);\n const animatePrice = useCallback(timestamp => {\n if (!animationRef.current) return;\n const now = Date.now();\n const elapsed = now - lastUpdateTime.current;\n if (elapsed > tickInterval.current) {\n priceUpdateCounter.current++;\n lastUpdateTime.current = now;\n updatePrice();\n if (priceUpdateCounter.current % 50 === 0) {\n const rand = Math.random();\n if (rand < 0.3) {\n setMarketMood('bullish');\n setVolatility(1.2);\n } else if (rand < 0.6) {\n setMarketMood('bearish');\n setVolatility(1.3);\n } else {\n setMarketMood('neutral');\n setVolatility(1);\n }\n }\n if (priceUpdateCounter.current % 75 === 0) {\n triggerMarketEvent();\n }\n }\n animationRef.current = requestAnimationFrame(animatePrice);\n }, [updatePrice]);\n const triggerMarketEvent = () => {\n const event = marketEvents[Math.floor(Math.random() * marketEvents.length)];\n setNews(event.text);\n setBtcPrice(prev => prev * event.effect);\n if (event.effect > 1) {\n setMarketMood('bullish');\n setVolatility(1.5);\n } else {\n setMarketMood('bearish');\n setVolatility(1.5);\n }\n if (newsTimer.current) clearTimeout(newsTimer.current);\n newsTimer.current = setTimeout(() => setNews(''), 5000);\n };\n const calculatePnL = currentPrice => {\n if (!position) return 0;\n const priceDiff = position.type === 'long' ? (currentPrice - position.entryPrice) / position.entryPrice : (position.entryPrice - currentPrice) / position.entryPrice;\n return position.amount * priceDiff * position.leverage;\n };\n const openPosition = type => {\n if (position) return;\n if (tradeAmount > balance) return;\n const newPosition = {\n type: type,\n amount: tradeAmount,\n entryPrice: btcPrice,\n currentPrice: btcPrice,\n leverage: leverage,\n timestamp: new Date().toLocaleTimeString(),\n pnl: 0\n };\n setPosition(newPosition);\n setBalance(prev => prev - tradeAmount);\n };\n const closePosition = (currentPrice, isLiquidated = false) => {\n if (!position) return;\n const finalPnl = isLiquidated ? -position.amount : calculatePnL(currentPrice);\n const result = {\n type: position.type,\n entryPrice: position.entryPrice,\n exitPrice: currentPrice,\n amount: position.amount,\n leverage: position.leverage,\n pnl: finalPnl,\n timestamp: new Date().toLocaleTimeString(),\n isLiquidated\n };\n setTradeHistory(prev => [result, ...prev].slice(0, 10));\n setLastTradeResult({\n pnl: finalPnl,\n isWin: finalPnl > 0\n });\n setTimeout(() => setLastTradeResult(null), 3000);\n if (!isLiquidated) {\n setBalance(prev => prev + position.amount + finalPnl);\n } else {\n if (balance <= 0) {\n setIsGameOver(true);\n }\n }\n setPosition(null);\n };\n const resetGame = () => {\n setBalance(100);\n setBtcPrice(30000);\n setBtcPriceHistory([]);\n setPosition(null);\n setTradeHistory([]);\n setIsGameOver(false);\n setHasWon(false);\n setShowConfetti(false);\n setMarketMood('neutral');\n setVolatility(1);\n setNews('');\n setLastTradeResult(null);\n priceUpdateCounter.current = 0;\n };\n useEffect(() => {\n animationRef.current = requestAnimationFrame(animatePrice);\n return () => {\n if (animationRef.current) {\n cancelAnimationFrame(animationRef.current);\n }\n if (newsTimer.current) {\n clearTimeout(newsTimer.current);\n }\n };\n }, [animatePrice]);\n useEffect(() => {\n tickInterval.current = 1000 / gameSpeed;\n }, [gameSpeed]);\n const Confetti = () => {\n if (!showConfetti) return null;\n const confettiItems = Array.from({\n length: 150\n }, (_, i) => {\n const left = Math.random() * 100;\n const animDuration = 1 + Math.random() * 3;\n const size = 5 + Math.random() * 10;\n return

0.5 ? '50%' : '0',\n animation: `fall ${animDuration}s linear forwards`\n }} />;\n });\n return

\n \n {confettiItems}\n

;\n };\n return

\n {showConfetti && }\n \n {}\n

\n \n

\n Contract Quest\n

\n \n

Your Balance

{formatCurrency(balance)}

\n \n

Goal

$1,000,000

\n \n {}\n

BTC/USD

1 && btcPriceHistory[btcPriceHistory.length - 1].price > btcPriceHistory[btcPriceHistory.length - 2].price ? 'text-green-400' : 'text-red-400'}`}>\n ${btcPrice.toFixed(2)}\n

\n \n

\n \n \n \n

\n \n

\n {btcPriceHistory.length > 1 ? \n \n \n `$${Math.round(value)}`} />\n [`$${value.toFixed(2)}`, 'Price']} />\n \n \n :

\n Loading price data...\n

}\n

\n \n {news &&

\n 📰 Breaking News: {news}\n

}\n \n

\n Market Mood: {marketMood.charAt(0).toUpperCase() + marketMood.slice(1)}\n

\n \n

\n Volatility: {volatility.toFixed(1)}x\n

\n \n {}\n

\n {}\n

Trading Controls

\n \n

\n Trade Amount\n

\n setTradeAmount(Number(e.target.value))} className=\"w-full\" disabled={!!position} />\n ${tradeAmount}\n

\n \n

\n Leverage (Risk)\n

\n setLeverage(Number(e.target.value))} className=\"w-full\" disabled={!!position} />\n {leverage}x\n

\n Higher leverage = higher risk & reward\n

\n \n {!position ?

\n \n \n \n

: }\n

\n \n {}\n

Current Position

\n \n {position ?

Type

\n {position.type === 'long' ? 'LONG' : 'SHORT'} {position.leverage}x\n

\n \n

Amount

${position.amount.toFixed(2)}

\n \n

Entry Price

${position.entryPrice.toFixed(2)}

\n \n

Current Price

${position.currentPrice.toFixed(2)}

\n \n

P&L

= 0 ? 'text-green-400' : 'text-red-400'}>\n {position.pnl >= 0 ? '+' : ''}{position.pnl.toFixed(2)}\n

\n \n

Liquidation

\n ${Math.max(0, position.entryPrice * (1 - 1 / position.leverage)).toFixed(2)}\n

\n \n

\n You'll lose your full position amount if price reaches this level\n

\n No active position. Open a trade to start!\n

}\n

\n \n {}\n

Trade History

\n \n {tradeHistory.length > 0 ?

\n {tradeHistory.map((trade, index) =>

\n {trade.type.toUpperCase()} {trade.leverage}x\n

= 0 ? 'text-green-400' : 'text-red-400'}>\n {trade.isLiquidated ? 'LIQUIDATED' : `${trade.pnl >= 0 ? '+' : ''}${trade.pnl.toFixed(2)}`}\n

\n \n

Entry: ${trade.entryPrice.toFixed(2)}

Exit: ${trade.exitPrice.toFixed(2)}

)}\n

\n No trade history yet\n

}\n

\n \n {}\n {(isGameOver || hasWon) &&

\n {hasWon ? <>\n

\n \n

You Won!

\n Congratulations! You've reached $1,000,000 and mastered crypto trading!\n

\n : <>\n

\n \n

Game Over!

\n You've been liquidated! Better luck next time.\n

\n }\n \n \n

}\n \n {}\n {lastTradeResult &&

\n {lastTradeResult.isWin ? 'Trade Win!' : 'Trade Loss'}\n

\n {lastTradeResult.isWin ? '+' : ''}{lastTradeResult.pnl.toFixed(2)}\n

}\n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"recharts\":\"2.8.0\",\"lucide-react\":\"0.441.0\",\"framer-motion\":\"10.16.4\"}}","appFunctions",[],"token",{"_18":19,"_81":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":-5,"_92":41,"_93":41,"_71":72},"symbol","CAQ","price",0.00000493,"marketcap",5725.72228624,"image","https://pump.mypinata.cloud/ipfs/QmV9HWUGVa5neth3FQU4wkNqfanViU1DBJaABvjtbDM8N9?img-width=256&img-dpr=2","website","https://dev.fun/p/058e524843d68deae24b","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[98,102,104,106,108,110,112,114,116,118,120,122,124,126],{"_99":100,"_101":59},"day","2025-08-10","runCount",{"_99":103,"_101":59},"2025-08-11",{"_99":105,"_101":59},"2025-08-12",{"_99":107,"_101":59},"2025-08-13",{"_99":109,"_101":59},"2025-08-14",{"_99":111,"_101":59},"2025-08-15",{"_99":113,"_101":59},"2025-08-16",{"_99":115,"_101":59},"2025-08-17",{"_99":117,"_101":59},"2025-08-18",{"_99":119,"_101":59},"2025-08-19",{"_99":121,"_101":59},"2025-08-20",{"_99":123,"_101":59},"2025-08-21",{"_99":125,"_101":59},"2025-08-22",{"_99":127,"_101":41},"2025-08-23","snapshot","ogImage","https://cdn.dev.fun/og/image/058e524843d68deae24b/4880311c.webp","isDevbase","actionData","errors"]

say something