[{"_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/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":61,"_62":63,"_64":61,"_65":61,"_66":61,"_67":61,"_68":61,"_69":61,"_70":17,"_71":17,"_72":-5,"_73":74,"_75":76,"_77":78,"_93":-5,"_94":-5,"_95":17,"_96":97,"_134":31,"_135":136,"_137":25},"id","b2321b34e974006c3c3f","isMyApp",false,"name","cryptle","description","The degen's daily word game that turns you into a crypto culture expert! Guess trending memecoins, rug dramas, and KOL lore in 6 tries, then flex your CT knowledge with shareable scorecards. Each solved puzzle unlocks spicy explanations about the wildest corners of crypto Twitter - from $WIF worship to the latest Ansem takes.","brief","Wordle meets crypto culture - guess memecoins, rugs & CT drama to become the ultimate degen!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/b2321b34e974006c3c3f/96136_5dd80f74.webp","cdnUrl","https://cdn.dev.fun/app/b2321b34e974006c3c3f/96136","createdAt",["D",1756444626985],"updatedAt",["D",1756667831140],"lastCommitId",["B","96136"],"tier",1,"credits",83,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"f42e91ff-ce39-4610-96fd-028c57c1834c","uniqueId","kk_dev","username","solanaWallet","HtaVDor6yg6741J9PrHvuCRFy5daSw7SFS9Wcn4KhvmR","displayName","bio","a tech guy of the $KK token, the og dev.fun coin 🙂\na lover of tech\na lover of truth\na lover of knowledge","avatar","https://cdn.dev.fun/avatar/f42e91ff-ce39-4610-96fd-028c57c1834c/734b8726.webp","commitCount",19,"forkCount",5,"likeCount",0,"runsCount",23,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect } from 'react';\nimport { Share, RotateCcw, Trophy, Brain, TrendingUp } from 'lucide-react';\nimport { useDevapp, DevappProvider } from '@devfunlabs/web-sdk';\nexport default function AppWithProvider() {\n return \n \n ;\n}\nfunction App() {\n const {\n devbaseClient\n } = useDevapp();\n const [cryptoWords, setCryptoWords] = useState([]);\n const [currentWord, setCurrentWord] = useState('');\n const [currentDefinition, setCurrentDefinition] = useState('');\n const [currentDifficulty, setCurrentDifficulty] = useState('');\n const [guesses, setGuesses] = useState(Array(6).fill(''));\n const [currentGuess, setCurrentGuess] = useState(0);\n const [gameStatus, setGameStatus] = useState('playing');\n const [currentInput, setCurrentInput] = useState('');\n const [showExplanation, setShowExplanation] = useState(false);\n const [letterStatuses, setLetterStatuses] = useState({});\n const [isLoading, setIsLoading] = useState(true);\n const [showDebugger, setShowDebugger] = useState(false);\n const [secretCodeBuffer, setSecretCodeBuffer] = useState('');\n const SECRET_CODE = '230893';\n const fallbackWords = [{\n word: 'DEVFUN',\n definition: 'A platform for building and deploying crypto apps quickly',\n difficulty: 'easy'\n }, {\n word: 'PUMPFUN',\n definition: 'A meme coin launchpad on Solana where anyone can create tokens',\n difficulty: 'easy'\n }, {\n word: 'WAGMI',\n definition: 'We Are Gonna Make It - crypto optimism slang',\n difficulty: 'easy'\n }, {\n word: 'NGMI',\n definition: 'Not Gonna Make It - when someone makes bad crypto decisions',\n difficulty: 'easy'\n }, {\n word: 'HODL',\n definition: 'Hold On for Dear Life - long term crypto investment strategy',\n difficulty: 'easy'\n }, {\n word: 'FOMO',\n definition: 'Fear Of Missing Out - buying crypto due to hype',\n difficulty: 'easy'\n }, {\n word: 'REKT',\n definition: 'Wrecked - when you lose money on a bad trade',\n difficulty: 'easy'\n }, {\n word: 'DIAMOND',\n definition: 'Diamond hands - holding through volatility without selling',\n difficulty: 'medium'\n }, {\n word: 'PAPER',\n definition: 'Paper hands - selling at the first sign of trouble',\n difficulty: 'medium'\n }, {\n word: 'MOON',\n definition: 'When a token price goes extremely high',\n difficulty: 'easy'\n }, {\n word: 'LAMBO',\n definition: 'Lamborghini - symbol of crypto wealth and success',\n difficulty: 'easy'\n }, {\n word: 'DEGEN',\n definition: 'Degenerate gambler - risky crypto trader',\n difficulty: 'medium'\n }, {\n word: 'ALPHA',\n definition: 'Exclusive information or early opportunities',\n difficulty: 'medium'\n }, {\n word: 'COPE',\n definition: 'Coping mechanism when investments go bad',\n difficulty: 'medium'\n }, {\n word: 'SHILL',\n definition: 'Aggressively promoting a token for personal gain',\n difficulty: 'medium'\n }];\n useEffect(() => {\n const fetchWordsFromSource = async () => {\n try {\n setIsLoading(true);\n console.log('Fetching words from Supabase endpoint via Devbase...');\n const wordsResult = await fetch('https://devbase.dev.fun/b2321b34e974006c3c3f/eval', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n expression: '$FUNC_FETCH_WORDS_FROM_SUPABASE()'\n })\n });\n const wordsResponse = await wordsResult.text();\n console.log('Raw response from Devbase function:', wordsResponse);\n const parsedResponse = JSON.parse(JSON.parse(wordsResponse));\n console.log('Parsed response object:', parsedResponse);\n const words = parsedResponse.words || [];\n console.log('Extracted words array:', words);\n console.log('Number of words received:', words ? words.length : 0);\n console.log('Total count from API:', parsedResponse.count);\n if (words && words.length > 0) {\n console.log('First word example:', words[0]);\n setCryptoWords(words);\n startNewGame(words);\n } else {\n console.warn(\"No crypto words found from external source, using fallback words.\");\n setCryptoWords(fallbackWords);\n startNewGame(fallbackWords);\n }\n } catch (error) {\n console.error(\"Failed to fetch crypto words from external source, using fallback words:\", error);\n setCryptoWords(fallbackWords);\n startNewGame(fallbackWords);\n } finally {\n setIsLoading(false);\n }\n };\n fetchWordsFromSource();\n }, [devbaseClient]);\n const startNewGame = (wordsList = cryptoWords) => {\n if (wordsList.length === 0) {\n console.warn(\"Cannot start new game: no words available.\");\n return;\n }\n const randomWord = wordsList[Math.floor(Math.random() * wordsList.length)];\n setCurrentWord(randomWord.word.toUpperCase());\n setCurrentDefinition(randomWord.definition);\n setCurrentDifficulty(randomWord.difficulty);\n setGuesses(Array(6).fill(''));\n setCurrentGuess(0);\n setGameStatus('playing');\n setCurrentInput('');\n setShowExplanation(false);\n setLetterStatuses({});\n };\n const submitGuess = () => {\n if (currentInput.length !== currentWord.length || currentGuess >= 6) return;\n const newGuesses = [...guesses];\n const guess = currentInput.toUpperCase();\n newGuesses[currentGuess] = guess;\n setGuesses(newGuesses);\n const newLetterStatuses = {\n ...letterStatuses\n };\n for (let i = 0; i < guess.length; i++) {\n const letter = guess[i];\n if (currentWord[i] === letter) {\n newLetterStatuses[letter] = 'correct';\n } else if (currentWord.includes(letter) && newLetterStatuses[letter] !== 'correct') {\n newLetterStatuses[letter] = 'present';\n } else if (!currentWord.includes(letter)) {\n newLetterStatuses[letter] = 'absent';\n }\n }\n setLetterStatuses(newLetterStatuses);\n if (guess === currentWord) {\n setGameStatus('won');\n setShowExplanation(true);\n } else if (currentGuess === 5) {\n setGameStatus('lost');\n setShowExplanation(true);\n } else {\n setCurrentGuess(currentGuess + 1);\n }\n setCurrentInput('');\n };\n const handleKeyPress = e => {\n if (/\\d/.test(e.key)) {\n const newBuffer = secretCodeBuffer + e.key;\n if (SECRET_CODE.startsWith(newBuffer)) {\n setSecretCodeBuffer(newBuffer);\n if (newBuffer === SECRET_CODE) {\n setShowDebugger(prev => !prev);\n setSecretCodeBuffer('');\n }\n } else {\n setSecretCodeBuffer(e.key);\n }\n e.preventDefault();\n } else {\n setSecretCodeBuffer('');\n }\n if (gameStatus !== 'playing') return;\n if (e.key === 'Enter') {\n submitGuess();\n } else if (e.key === 'Backspace') {\n setCurrentInput(currentInput.slice(0, -1));\n } else if (/^[a-zA-Z]$/.test(e.key) && currentInput.length < currentWord.length) {\n setCurrentInput(currentInput + e.key.toUpperCase());\n }\n };\n const handleKeyboardClick = letter => {\n if (gameStatus !== 'playing') return;\n if (letter === 'ENTER') {\n submitGuess();\n } else if (letter === '⌫') {\n setCurrentInput(currentInput.slice(0, -1));\n } else if (currentInput.length < currentWord.length) {\n setCurrentInput(currentInput + letter);\n }\n };\n useEffect(() => {\n window.addEventListener('keydown', handleKeyPress);\n return () => window.removeEventListener('keydown', handleKeyPress);\n }, [secretCodeBuffer, gameStatus, currentInput, currentWord]);\n const shareResults = () => {\n const guessCount = gameStatus === 'won' ? currentGuess + 1 : 'X';\n const shareText = `Cryptle ${guessCount}/6\\n\\n${currentWord} - ${currentDefinition.slice(0, 100)}...\\n\\nPlay at https://dev.fun/p/b2321b34e974006c3c3f 🚀`;\n if (navigator.share) {\n navigator.share({\n text: shareText\n });\n } else {\n navigator.clipboard.writeText(shareText);\n alert('Results copied to clipboard!');\n }\n };\n const shareToTwitter = () => {\n const guessCount = gameStatus === 'won' ? currentGuess + 1 : 'X';\n const shareText = `Cryptle ${guessCount}/6\\n\\n${currentWord} - ${currentDefinition.slice(0, 100)}...\\n\\nPlay at https://dev.fun/p/b2321b34e974006c3c3f 🚀`;\n const twitterUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`;\n window.open(twitterUrl, '_blank');\n };\n const renderGuessRow = (guess, rowIndex) => {\n const letters = guess.padEnd(currentWord.length, ' ').split('');\n return

\n {letters.map((letter, letterIndex) => {\n let status = 'empty';\n let bgColor = 'bg-zinc-800 border-zinc-600';\n if (rowIndex < currentGuess || gameStatus !== 'playing') {\n status = (() => {\n if (currentWord[letterIndex] === letter) return 'correct';\n if (currentWord.includes(letter)) return 'present';\n return 'absent';\n })();\n if (status === 'correct') bgColor = 'bg-green-600 border-green-600';else if (status === 'present') bgColor = 'bg-yellow-600 border-yellow-600';else if (status === 'absent') bgColor = 'bg-zinc-700 border-zinc-700';\n }\n return

\n {letter !== ' ' ? letter : ''}\n

;\n })}\n

;\n };\n const renderCurrentInput = () => {\n if (currentGuess >= 6 || gameStatus !== 'playing') return null;\n const letters = currentInput.padEnd(currentWord.length, ' ').split('');\n return

\n {letters.map((letter, letterIndex) =>

\n {letter !== ' ' ? letter : ''}\n

)}\n

;\n };\n const renderKeyboard = () => {\n const KEYBOARD_ROWS = [['Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P'], ['A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L'], ['ENTER', 'Z', 'X', 'C', 'V', 'B', 'N', 'M', '⌫']];\n const getKeyStatus = key => {\n if (key === 'ENTER' || key === '⌫') return '';\n return letterStatuses[key] || '';\n };\n const getKeyStyle = key => {\n const status = getKeyStatus(key);\n let baseStyle = 'cryptle-key px-3 py-4 m-0.5 bg-zinc-600 hover:bg-zinc-500 text-white font-bold rounded cursor-pointer transition-colors select-none';\n if (key === 'ENTER' || key === '⌫') {\n baseStyle = 'cryptle-action-key px-2 py-4 m-0.5 bg-zinc-600 hover:bg-zinc-500 text-white font-bold rounded cursor-pointer transition-colors select-none text-xs';\n }\n if (status === 'correct') {\n baseStyle = baseStyle.replace('bg-zinc-600 hover:bg-zinc-500', 'bg-green-600 hover:bg-green-500');\n } else if (status === 'present') {\n baseStyle = baseStyle.replace('bg-zinc-600 hover:bg-zinc-500', 'bg-yellow-600 hover:bg-yellow-500');\n } else if (status === 'absent') {\n baseStyle = baseStyle.replace('bg-zinc-600 hover:bg-zinc-500', 'bg-zinc-700 hover:bg-zinc-600');\n }\n return `${baseStyle} key-${key.toLowerCase()} key-status-${status}`;\n };\n return

\n {KEYBOARD_ROWS.map((row, rowIndex) =>

\n {row.map(key => )}\n

)}\n

;\n };\n if (isLoading) {\n return

Loading crypto words...

;\n }\n return

\n {}\n

\n CRYPTLE\n

The degen's daily word game

\n \n Learn CT culture while you play\n

\n {}\n {}\n

\n {guesses.map((guess, index) => {\n if (index < currentGuess) {\n return renderGuessRow(guess, index);\n } else if (index === currentGuess && gameStatus === 'playing') {\n return

{renderCurrentInput()}

;\n } else {\n return renderGuessRow('', index);\n }\n })}\n

\n {}\n {gameStatus === 'playing' && currentWord.length > 0 &&

\n \n

}\n {}\n {currentWord.length > 0 && renderKeyboard()}\n {}\n {showExplanation &&

\n {gameStatus === 'won' ? : }\n

\n {gameStatus === 'won' ? 'WAGMI! You got it!' : `RIP. The word was ${currentWord}`}\n

\n {currentWord}\n \n {currentDifficulty}\n \n

{currentDefinition}

\n \n \n \n

}\n {}\n

How to Play:

• Guess the crypto word in 6 tries
• Green = correct letter in correct position
• Yellow = correct letter in wrong position
• Gray = letter not in the word
• Learn about CT culture with each solved puzzle!

\n\n {}\n {showDebugger &&

Debug Info:

\n Total Words Loaded: {cryptoWords.length}\n

\n Current Word: {currentWord} ({currentWord.length} letters)\n

\n Difficulty: {currentDifficulty}\n

\n Available Words:\n

\n {cryptoWords.map((word, index) =>

\n {word.word} \n ({word.difficulty})\n
\n {word.definition?.substring(0, 60)}...\n

)}\n

}\n\n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.6\"}}","appFunctions",[79,87],{"_14":80,"_34":81,"_36":82,"_18":83,"_84":85,"_86":39},["B","12734"],["D",1756667847951],["D",1756667847951],"$FUNC_FETCH_WORDS_FROM_SUPABASE","body","async function $FUNC_FETCH_WORDS_FROM_SUPABASE() {\n const apiUrl = $SECRETS.SUPABASE_API_URL;\n const bearerToken = $SECRETS.SUPABASE_BEARER_TOKEN;\n \n const response = await fetch(`${apiUrl}?limit=50&random=true`, {\n headers: {\n 'Authorization': `Bearer ${bearerToken}`,\n 'Content-Type': 'application/json'\n }\n });\n \n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n \n const words = await response.json();\n return JSON.stringify(words);\n }","commitId",{"_14":88,"_34":89,"_36":90,"_18":91,"_84":92,"_86":39},["B","12735"],["D",1756667847954],["D",1756667847954],"$FUNC_GET_WORD_LENGTH","async function $FUNC_GET_WORD_LENGTH(word) {\n return word.length;\n }","token","upstreamApp","isLordOfDev","analytics",[98,102,104,106,108,110,112,114,116,118,120,122,124,126,128,130,132],{"_99":100,"_101":61},"day","2025-08-20","runCount",{"_99":103,"_101":61},"2025-08-21",{"_99":105,"_101":61},"2025-08-22",{"_99":107,"_101":61},"2025-08-23",{"_99":109,"_101":61},"2025-08-24",{"_99":111,"_101":61},"2025-08-25",{"_99":113,"_101":61},"2025-08-26",{"_99":115,"_101":61},"2025-08-27",{"_99":117,"_101":61},"2025-08-28",{"_99":119,"_101":61},"2025-08-29",{"_99":121,"_101":61},"2025-08-30",{"_99":123,"_101":61},"2025-08-31",{"_99":125,"_101":61},"2025-09-01",{"_99":127,"_101":61},"2025-09-02",{"_99":123,"_101":129},18,{"_99":125,"_101":131},2,{"_99":127,"_101":133},3,"snapshot","ogImage","https://cdn.dev.fun/og/image/b2321b34e974006c3c3f/fd8a724b.webp","isDevbase","actionData","errors"]

say something