[{"_1":2,"_132":-5,"_133":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7kwvbv5038ixo38up546oim","wsEndpoint","https://b-app.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":58,"_60":61,"_62":58,"_63":58,"_64":58,"_65":58,"_66":58,"_67":58,"_68":17,"_69":17,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_94":-5,"_95":17,"_96":97,"_128":31,"_129":130,"_131":25},"id","a3511ea8da3640eff379","isMyApp",false,"name","crypto_scramble","description","Dive into the chaotic world of crypto terms, scrambled beyond recognition! Can you untangle the linguistic mess and prove you're the fastest decoder in the blockchain realm? Race against the clock and climb the leaderboard of the truly enlightened.","brief","Scramble crypto terms and race to decipher them. Become the ultimate blockchain word wizard!","isLive",true,"isPublic","tags",[29],"💰","cover","https://cdn.dev.fun/snapshot/a3511ea8da3640eff379/24_0d1d0645.webp","cdnUrl","https://cdn.dev.fun/app/a3511ea8da3640eff379/24","createdAt",["D",1749441189349],"updatedAt",["D",1749459202335],"lastCommitId",["B","24"],"tier",1,"credits",46,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"e3c173f6-c8ba-4ab7-b321-08f7b7bc84a1","uniqueId","94KFmPJMmrp8J8nmDgkxw1ZAht84NJJTcVNsFdrJURk","username","solanaWallet","displayName","94K...URk","bio","avatar","/avatar.svg","commitCount",3,"forkCount",0,"likeCount","runsCount",2,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump","code","import { useState, useEffect, useRef } from 'react';\nimport { Clock, Zap, Trophy, Brain, Shuffle, Play, RotateCcw } from 'lucide-react';\nimport { useDevapp, UserButton, DevappProvider } from '@devfunlabs/web-sdk';\nconst cryptoTerms = ['blockchain', 'bitcoin', 'ethereum', 'cryptocurrency', 'wallet', 'mining', 'hash', 'node', 'consensus', 'smart contract', 'defi', 'nft', 'staking', 'yield', 'liquidity', 'dex', 'metamask', 'solana', 'polygon', 'avalanche', 'cardano', 'polkadot', 'chainlink', 'uniswap', 'airdrop', 'hodl', 'fomo', 'pump', 'dump', 'whale', 'diamond hands', 'paper hands', 'gas fees', 'layer two', 'proof of stake', 'proof of work', 'cold storage', 'hot wallet', 'private key', 'public key', 'seed phrase', 'multisig', 'oracle', 'governance', 'dao', 'token', 'altcoin', 'memecoin', 'stablecoin', 'cbdc', 'cross chain', 'bridge', 'fork'];\nfunction scrambleText(text) {\n return text.split(' ').map(word => {\n if (word.length <= 3) return word;\n const chars = word.split('');\n const first = chars[0];\n const last = chars[chars.length - 1];\n const middle = chars.slice(1, -1);\n for (let i = middle.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [middle[i], middle[j]] = [middle[j], middle[i]];\n }\n return first + middle.join('') + last;\n }).join(' ');\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [, setGameMode] = useState('practice');\n const [currentTerm, setCurrentTerm] = useState('');\n const [scrambledTerm, setScrambledTerm] = useState('');\n const [userInput, setUserInput] = useState('');\n const [score, setScore] = useState(0);\n const [timeLeft, setTimeLeft] = useState(60);\n const [gameActive, setGameActive] = useState(false);\n const [gameOver, setGameOver] = useState(false);\n const [leaderboard, setLeaderboard] = useState([]);\n const [playerName, setPlayerName] = useState('');\n const [customText, setCustomText] = useState('');\n const [scrambledCustom, setScrambledCustom] = useState('');\n const [showSubmitScore, setShowSubmitScore] = useState(false);\n const inputRef = useRef(null);\n useEffect(() => {\n loadLeaderboard();\n }, [devbaseClient]);\n useEffect(() => {\n let interval = null;\n if (gameActive && timeLeft > 0) {\n interval = setInterval(() => {\n setTimeLeft(time => time - 1);\n }, 1000);\n } else if (timeLeft === 0 && gameActive) {\n endGame();\n }\n return () => clearInterval(interval);\n }, [gameActive, timeLeft]);\n const loadLeaderboard = async () => {\n if (!devbaseClient) return;\n try {\n const scores = await devbaseClient.listEntities('scores');\n const sortedScores = scores.sort((a, b) => b.score - a.score).slice(0, 10);\n setLeaderboard(sortedScores);\n } catch (error) {\n console.error('Failed to load leaderboard:', error);\n }\n };\n const getRandomTerm = () => {\n return cryptoTerms[Math.floor(Math.random() * cryptoTerms.length)];\n };\n const startChallenge = () => {\n setGameMode('challenge');\n setScore(0);\n setTimeLeft(60);\n setGameActive(true);\n setGameOver(false);\n setShowSubmitScore(false);\n const term = getRandomTerm();\n setCurrentTerm(term);\n setScrambledTerm(scrambleText(term));\n setUserInput('');\n inputRef.current?.focus();\n };\n const endGame = () => {\n setGameActive(false);\n setGameOver(true);\n if (score > 0) {\n setShowSubmitScore(true);\n }\n };\n const checkAnswer = () => {\n if (userInput.toLowerCase().trim() === currentTerm.toLowerCase()) {\n setScore(score + 1);\n const term = getRandomTerm();\n setCurrentTerm(term);\n setScrambledTerm(scrambleText(term));\n setUserInput('');\n setTimeLeft(prev => Math.min(prev + 5, 60));\n }\n };\n const submitScore = async () => {\n if (!devbaseClient || !playerName.trim()) return;\n try {\n await devbaseClient.createEntity('scores', {\n playerName: playerName.trim(),\n score: score,\n timeSpent: 60 - timeLeft\n });\n setShowSubmitScore(false);\n setPlayerName('');\n loadLeaderboard();\n } catch (error) {\n console.error('Failed to submit score:', error);\n }\n };\n const scrambleCustomText = () => {\n if (customText.trim()) {\n setScrambledCustom(scrambleText(customText));\n }\n };\n const resetGame = () => {\n setGameActive(false);\n setGameOver(false);\n setScore(0);\n setTimeLeft(60);\n setUserInput('');\n setCurrentTerm('');\n setScrambledTerm('');\n setShowSubmitScore(false);\n };\n return

\n {}\n

\n \n

\n Crypto Scramble\n

\n \n

\n\n {}\n {!gameActive && !gameOver &&

\n {}\n

\n \n Practice Mode\n

\n Scramble any text and practice reading it. Perfect for warming up your brain!\n

setCustomText(e.target.value)} placeholder=\"Enter any text to scramble...\" className=\"w-full h-24 bg-white/10 border border-white/30 rounded-lg px-4 py-2 text-white placeholder-gray-400 resize-none\" />\n                <button onClick={scrambleCustomText} className=\"w-full bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700 px-6 py-3 rounded-lg font-medium transition-all duration-200 flex items-center justify-center gap-2\">\n                  <Shuffle className=\"w-5 h-5\" />\n                  Scramble Text\n                </button>\n                {scrambledCustom && <div className=\"bg-black/30 rounded-lg p-4 border border-cyan-400/30\">\n                    <h3 className=\"text-cyan-400 font-medium mb-2\">Scrambled Text:</h3>\n                    <p className=\"text-lg font-mono leading-relaxed\">{scrambledCustom}</p>\n                  </div>}\n              </div>\n            </div>\n\n            {}\n            <div className=\"bg-white/10 backdrop-blur-sm rounded-2xl p-6 border border-white/20\">\n              <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\n                <Zap className=\"w-6 h-6 text-yellow-400\" />\n                Challenge Mode\n              </h2>\n              <p className=\"text-gray-300 mb-4\">\n                Race against time to decode scrambled crypto terms. Score points and climb the leaderboard!\n              </p>\n              <div className=\"space-y-4\">\n                <div className=\"text-center\">\n                  <div className=\"text-4xl font-bold text-yellow-400 mb-2\">60s</div>\n                  <p className=\"text-sm text-gray-400\">Time limit</p>\n                </div>\n                <button onClick={startChallenge} className=\"w-full bg-gradient-to-r from-yellow-500 to-orange-600 hover:from-yellow-600 hover:to-orange-700 px-6 py-3 rounded-lg font-medium transition-all duration-200 flex items-center justify-center gap-2\">\n                  <Play className=\"w-5 h-5\" />\n                  Start Challenge\n                </button>\n              </div>\n            </div>\n          </div>}\n\n        {}\n        {gameActive && <div className=\"max-w-2xl mx-auto\">\n            <div className=\"bg-white/10 backdrop-blur-sm rounded-2xl p-8 border border-white/20 mb-6\">\n              <div className=\"flex justify-between items-center mb-6\">\n                <div className=\"flex items-center gap-4\">\n                  <div className=\"flex items-center gap-2 text-yellow-400\">\n                    <Trophy className=\"w-5 h-5\" />\n                    <span className=\"font-bold\">Score: {score}</span>\n                  </div>\n                  <div className=\"flex items-center gap-2 text-cyan-400\">\n                    <Clock className=\"w-5 h-5\" />\n                    <span className=\"font-bold\">{timeLeft}s</span>\n                  </div>\n                </div>\n                <button onClick={resetGame} className=\"flex items-center gap-2 px-4 py-2 bg-red-500/20 hover:bg-red-500/30 rounded-lg transition-colors\">\n                  <RotateCcw className=\"w-4 h-4\" />\n                  Reset\n                </button>\n              </div>\n\n              <div className=\"text-center mb-6\">\n                <h3 className=\"text-lg text-gray-300 mb-4\">Decode this crypto term:</h3>\n                <div className=\"text-4xl font-mono font-bold text-cyan-400 mb-6 tracking-wider\">\n                  {scrambledTerm}\n                </div>\n                <input ref={inputRef} type=\"text\" value={userInput} onChange={e => setUserInput(e.target.value)} onKeyDown={e => e.key === 'Enter' && checkAnswer()} placeholder=\"Type your answer...\" className=\"w-full max-w-md bg-white/10 border border-white/30 rounded-lg px-4 py-3 text-center text-xl font-medium\" />\n              </div>\n\n              <button onClick={checkAnswer} className=\"w-full bg-gradient-to-r from-purple-500 to-pink-600 hover:from-purple-600 hover:to-pink-700 px-6 py-3 rounded-lg font-medium transition-all duration-200\">\n                Submit Answer\n              </button>\n            </div>\n          </div>}\n\n        {}\n        {gameOver && <div className=\"max-w-lg mx-auto\">\n            <div className=\"bg-white/10 backdrop-blur-sm rounded-2xl p-8 border border-white/20 text-center\">\n              <h2 className=\"text-3xl font-bold mb-4 text-yellow-400\">Game Over!</h2>\n              <div className=\"text-6xl font-bold text-cyan-400 mb-2\">{score}</div>\n              <p className=\"text-gray-300 mb-6\">Crypto terms decoded</p>\n              \n              {showSubmitScore && userWallet && <div className=\"space-y-4 mb-6\">\n                  <input type=\"text\" value={playerName} onChange={e => setPlayerName(e.target.value)} placeholder=\"Enter your name for leaderboard\" className=\"w-full bg-white/10 border border-white/30 rounded-lg px-4 py-2\" />\n                  <button onClick={submitScore} disabled={!playerName.trim()} className=\"w-full bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700 disabled:opacity-50 disabled:cursor-not-allowed px-6 py-3 rounded-lg font-medium transition-all duration-200\">\n                    Submit to Leaderboard\n                  </button>\n                </div>}\n              \n              <button onClick={resetGame} className=\"w-full bg-gradient-to-r from-purple-500 to-pink-600 hover:from-purple-600 hover:to-pink-700 px-6 py-3 rounded-lg font-medium transition-all duration-200\">\n                Play Again\n              </button>\n            </div>\n          </div>}\n\n        {}\n        {leaderboard.length > 0 && <div className=\"max-w-2xl mx-auto mt-8\">\n            <div className=\"bg-white/10 backdrop-blur-sm rounded-2xl p-6 border border-white/20\">\n              <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\n                <Trophy className=\"w-6 h-6 text-yellow-400\" />\n                Leaderboard\n              </h2>\n              <div className=\"space-y-2\">\n                {leaderboard.map((entry, index) => <div key={entry.id} className={`flex items-center justify-between p-3 rounded-lg ${index === 0 ? 'bg-yellow-500/20 border border-yellow-400/30' : index === 1 ? 'bg-gray-500/20 border border-gray-400/30' : index === 2 ? 'bg-orange-500/20 border border-orange-400/30' : 'bg-white/5'}`}>\n                    <div className=\"flex items-center gap-3\">\n                      <span className={`w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm ${index === 0 ? 'bg-yellow-400 text-black' : index === 1 ? 'bg-gray-400 text-black' : index === 2 ? 'bg-orange-400 text-black' : 'bg-white/20'}`}>\n                        {index + 1}\n                      </span>\n                      <span className=\"font-medium\">{entry.playerName}</span>\n                    </div>\n                    <div className=\"text-right\">\n                      <div className=\"font-bold text-cyan-400\">{entry.score} terms</div>\n                      <div className=\"text-xs text-gray-400\">{entry.timeSpent}s used</div>\n                    </div>\n                  </div>)}\n              </div>\n            </div>\n          </div>}\n      </div>\n    </div>;\n}\nexport default function AppWithProvider() {\n  return <DevappProvider rpcEndpoint=\"https://b-rpc.dev.fun/a3511ea8da3640eff379\" devbaseEndpoint=\"https://b-devbase.dev.fun\" appId=\"a3511ea8da3640eff379\">\n      <App />\n    </DevappProvider>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.5\"}}","appFunctions",[],"token",{"_18":80,"_81":80,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":56,"_93":56,"_70":71},"buidl","symbol","price",0.003988,"marketcap",3988369,"image","https://pump.mypinata.cloud/ipfs/QmPR3CamxoBQW892uHDT2EGRxFvksiJyrEg1ajZYVqJhnf?img-width=256&img-dpr=2","website","https://buidl.eco/","twitter","https://x.com/buidldao_","devCount","appCount","upstreamApp","isLordOfDev","analytics",[98,102,104,106,108,110,112,114,116,118,120,122,124,126],{"_99":100,"_101":58},"day","2025-08-05","runCount",{"_99":103,"_101":58},"2025-08-06",{"_99":105,"_101":58},"2025-08-07",{"_99":107,"_101":58},"2025-08-08",{"_99":109,"_101":58},"2025-08-09",{"_99":111,"_101":58},"2025-08-10",{"_99":113,"_101":58},"2025-08-11",{"_99":115,"_101":58},"2025-08-12",{"_99":117,"_101":58},"2025-08-13",{"_99":119,"_101":58},"2025-08-14",{"_99":121,"_101":58},"2025-08-15",{"_99":123,"_101":58},"2025-08-16",{"_99":125,"_101":58},"2025-08-17",{"_99":127,"_101":58},"2025-08-18","snapshot","ogImage","https://cdn.dev.fun/og/image/a3511ea8da3640eff379/da44e870.webp","isDevbase","actionData","errors"]
</article></body></html>

say something