[{"_1":2,"_123":-5,"_124":-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,"_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":-5,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":-5,"_79":17,"_80":81,"_119":31,"_120":121,"_122":25},"id","7fe63a3801d32f1a2614","isMyApp",false,"name","crypto confessions","description","Ascend to our heavenly cloud sanctuary where crypto sinners come to anonymously confess their wildest trading tales, diamond hand disasters, and FOMO failures. Float through ethereal chat rooms while sharing your most blessed gains and cursed losses with fellow digital pilgrims seeking redemption in the celestial realm of financial chaos.","brief","Anonymous crypto confessions in a heavenly cloud sanctuary for digital sinners seeking redemption! 🌤️","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/7fe63a3801d32f1a2614/94420_cea68ca3.webp","cdnUrl","https://cdn.dev.fun/app/7fe63a3801d32f1a2614/94420","createdAt",["D",1755630789743],"updatedAt",["D",1755634450631],"lastCommitId",["B","94420"],"tier",1,"credits",69,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"8cab73e5-986a-4dec-a684-527d3af5883f","uniqueId","5buc9WLJXkCy4N1nfe9QArgJRKeRWWQXhREJzA4bxVLK","username","solanaWallet","displayName","5bu...VLK","bio","avatar","/avatar.svg","commitCount",17,"forkCount",0,"likeCount","runsCount",49,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useRef } from 'react';\nimport { io } from 'socket.io-client';\nimport { Send, Cloud, TrendingUp, DollarSign, BarChart3 } from 'lucide-react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { useDevapp, DevappProvider } from '@devfunlabs/web-sdk';\nconst socket = io('wss://ws.dev.fun/app-7fe63a3801d32f1a2614');\nconst celestialNames = ['Seraph Trader', 'Angel Investor', 'Divine Hodler', 'Cherub Charts', 'Gabriel Gains', 'Michael Moon', 'Raphael Rocket', 'Uriel Uniswap', 'Azrael Ape', 'Celestial Shiller', 'Heavenly Holder', 'Sacred Swinger', 'Blessed Bull', 'Holy Hodler', 'Ethereal ETH', 'Cloud Crusader', 'Sky Sailor', 'Star Stacker', 'Cosmic Collector', 'Nebula Navigator'];\nfunction CryptoConfessions() {\n const {\n devbaseClient\n } = useDevapp();\n const [messages, setMessages] = useState([]);\n const [newMessage, setNewMessage] = useState('');\n const [username] = useState(() => celestialNames[Math.floor(Math.random() * celestialNames.length)]);\n const [isConnected, setIsConnected] = useState(false);\n const [userCount, setUserCount] = useState(0);\n const [, setAudioLoaded] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [tokenData, setTokenData] = useState(null);\n const [tokenLoading, setTokenLoading] = useState(true);\n const messagesEndRef = useRef(null);\n const audioRef = useRef(null);\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({\n behavior: 'smooth'\n });\n };\n useEffect(() => {\n const loadMessages = async () => {\n if (!devbaseClient) return;\n try {\n const existingMessages = await devbaseClient.listEntities('messages');\n const sortedMessages = existingMessages.sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp)).map(msg => ({\n id: msg.id,\n username: msg.username,\n text: msg.text,\n timestamp: msg.timestamp\n }));\n setMessages(sortedMessages);\n } catch (error) {\n console.log('Could not load previous messages');\n } finally {\n setIsLoading(false);\n }\n };\n loadMessages();\n }, [devbaseClient]);\n useEffect(() => {\n const fetchTokenData = async () => {\n try {\n const response = await fetch('https://api.dexscreener.com/latest/dex/pairs/solana/6w5uxucfqvcrkcxt4cj4y3tcaeopeigbmruufzzqctdu');\n const data = await response.json();\n if (data.pairs && data.pairs.length > 0) {\n setTokenData(data.pairs[0]);\n }\n } catch (error) {\n console.log('Could not fetch token data');\n } finally {\n setTokenLoading(false);\n }\n };\n fetchTokenData();\n const interval = setInterval(fetchTokenData, 30000);\n return () => clearInterval(interval);\n }, []);\n const generateAIResponse = async userMessage => {\n try {\n const prompt = `You are a brutally honest, sarcastic AI moderator in a crypto confessions chat. Someone just confessed: \"${userMessage}\". Respond with a short, savage, and funny roast about their crypto decisions. Be mean but entertaining. Keep it under 50 words. Use crypto slang and be absolutely ruthless about their trading failures.`;\n const response = await fetch('https://chat.dev.fun/inference/7fe63a3801d32f1a2614', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n messages: [{\n role: 'system',\n content: 'You are a savage crypto roast bot that destroys people with brutal honesty about their terrible trading decisions.'\n }, {\n role: 'user',\n content: prompt\n }]\n })\n });\n const data = await response.json();\n return data.text;\n } catch (error) {\n const roasts = [\"Another genius losing money to obvious scams 🤡\", \"NGMI with those paper hands 📄🙌\", \"Buying high and selling low, classic move 📉\", \"Your portfolio is more dead than my emotions 💀\", \"Diamond hands? More like cubic zirconia hands 💎🤏\"];\n return roasts[Math.floor(Math.random() * roasts.length)];\n }\n };\n useEffect(() => {\n function onConnect() {\n setIsConnected(true);\n }\n function onDisconnect() {\n setIsConnected(false);\n }\n async function onChatMessage(message) {\n setMessages(previous => [...previous, {\n ...message,\n id: message.id || Date.now() + Math.random()\n }]);\n if (message.username !== '😈 Crypto Devil' && Math.random() < 0.2) {\n setTimeout(async () => {\n const aiResponse = await generateAIResponse(message.text);\n const aiMessage = {\n username: '😈 Crypto Devil',\n text: aiResponse,\n timestamp: new Date().toISOString(),\n id: Date.now() + Math.random()\n };\n if (devbaseClient) {\n try {\n const savedMessage = await devbaseClient.createEntity('messages', aiMessage);\n aiMessage.id = savedMessage.id;\n } catch (error) {\n console.log('Could not save AI message');\n }\n }\n socket.emit('chat-message', aiMessage);\n }, 1000 + Math.random() * 2000);\n }\n }\n function onUserCount(count) {\n setUserCount(count.count);\n }\n socket.on('connect', onConnect);\n socket.on('disconnect', onDisconnect);\n socket.on('chat-message', onChatMessage);\n socket.on('devfun:user_count', onUserCount);\n return () => {\n socket.off('connect', onConnect);\n socket.off('disconnect', onDisconnect);\n socket.off('chat-message', onChatMessage);\n socket.off('devfun:user_count', onUserCount);\n };\n }, [devbaseClient]);\n useEffect(() => {\n scrollToBottom();\n }, [messages]);\n useEffect(() => {\n const setupAudio = async () => {\n if (!audioRef.current) {\n audioRef.current = new Audio('https://ayy-media.replit.app/file/music/Choir_1755631933935.mp3');\n audioRef.current.loop = true;\n audioRef.current.volume = 0.3;\n audioRef.current.preload = 'auto';\n try {\n await audioRef.current.play();\n setAudioLoaded(true);\n } catch (error) {\n console.log('Autoplay blocked, waiting for user interaction');\n const playOnInteraction = async () => {\n try {\n await audioRef.current.play();\n setAudioLoaded(true);\n document.removeEventListener('click', playOnInteraction);\n document.removeEventListener('keydown', playOnInteraction);\n document.removeEventListener('touchstart', playOnInteraction);\n } catch (playError) {\n console.log('Could not play audio:', playError);\n }\n };\n document.addEventListener('click', playOnInteraction);\n document.addEventListener('keydown', playOnInteraction);\n document.addEventListener('touchstart', playOnInteraction);\n }\n audioRef.current.addEventListener('error', e => {\n console.log('Audio error:', e);\n });\n }\n };\n setupAudio();\n return () => {\n if (audioRef.current) {\n audioRef.current.pause();\n audioRef.current = null;\n }\n };\n }, []);\n const sendMessage = async e => {\n e.preventDefault();\n if (newMessage.trim() && isConnected && devbaseClient) {\n const message = {\n username,\n text: newMessage.trim(),\n timestamp: new Date().toISOString()\n };\n try {\n const savedMessage = await devbaseClient.createEntity('messages', message);\n const messageWithId = {\n ...message,\n id: savedMessage.id\n };\n socket.emit('chat-message', messageWithId);\n setNewMessage('');\n } catch (error) {\n console.log('Could not save message');\n const messageWithId = {\n ...message,\n id: Date.now() + Math.random()\n };\n socket.emit('chat-message', messageWithId);\n setNewMessage('');\n }\n }\n };\n const FloatingCloud = ({\n delay = 0,\n size = 'medium',\n opacity = 0.1\n }) => {\n const sizeClasses = {\n small: 'w-16 h-10',\n medium: 'w-24 h-15',\n large: 'w-32 h-20'\n };\n return \n \n ;\n };\n return

\n {}\n \n \n \n \n \n {}\n

\n {}\n \n \n $\"Crypto$ \n

\n {'Ascend to our heavenly sanctuary and confess your crypto sins'}\n

\n \n ✨ View Heaven Token ✨ \n \n\n {}\n {!tokenLoading && tokenData && \n

\n \n Price\n

\n \n ${tokenData.priceUsd ? parseFloat(tokenData.priceUsd).toFixed(6) : 'N/A'}\n \n

\n \n 24h Volume\n

\n \n ${tokenData.volume?.h24 ? parseFloat(tokenData.volume.h24).toLocaleString() : 'N/A'}\n \n

\n = 0 ? 'text-green-400' : 'text-red-400'}`} />\n 24h Change\n

\n = 0 ? 'text-green-400' : 'text-red-400'}`}>\n {tokenData.priceChange?.h24 ? `${parseFloat(tokenData.priceChange.h24).toFixed(2)}%` : 'N/A'}\n \n

\n \n 📊 View on DexScreener\n \n

\n }\n\n

\n {isConnected ? 'Connected to Heaven' : 'Reconnecting...'}\n

{userCount} souls online

\n \n {}\n

\n \n

\n {isLoading ?

Loading heavenly messages...

: \n {messages.map(message => \n

\n {message.username === '😈 Crypto Devil' ? '😈' : '👼'}\n

\n \n {message.username}\n \n \n {new Date(message.timestamp).toLocaleTimeString()}\n \n

\n {message.text}\n

\n )}\n }\n

\n \n {}\n \n

\n \n {'Confessing as: '} {username}\n \n

\n setNewMessage(e.target.value)} placeholder=\"Share your crypto confession with the heavens...\" className=\"flex-1 bg-white/20 border border-white/30 rounded-xl px-4 py-3 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/50 focus:bg-white/25 transition-all backdrop-blur-sm\" disabled={!isConnected} />\n \n \n {'Confess'}\n \n

\n \n

\n {}\n \n {'✨ May your trades be blessed and your bags forever pumping ✨'}\n \n

;\n}\nfunction AppWithErrorBoundary() {\n const [hasError, setHasError] = useState(false);\n useEffect(() => {\n const handleError = event => {\n if (event.error?.message?.includes('WalletConnectionError') || event.error?.message?.includes('User rejected the request')) {\n console.log('Wallet connection error handled gracefully - continuing without wallet');\n event.preventDefault();\n setHasError(false);\n }\n };\n window.addEventListener('error', handleError);\n window.addEventListener('unhandledrejection', event => {\n if (event.reason?.message?.includes('WalletConnectionError') || event.reason?.message?.includes('User rejected the request')) {\n console.log('Wallet connection promise rejection handled gracefully');\n event.preventDefault();\n setHasError(false);\n }\n });\n return () => {\n window.removeEventListener('error', handleError);\n };\n }, []);\n if (hasError) {\n return

✨ Crypto Confessions ✨

Loading your heavenly sanctuary...

;\n }\n return \n \n ;\n}\nexport default function App() {\n return ;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"socket.io-client\":\"4.7.1\",\"lucide-react\":\"0.441.0\",\"framer-motion\":\"10.16.4\",\"@devfunlabs/web-sdk\":\"0.5.6\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[82,86,88,90,92,94,96,98,100,102,104,106,108,110,112,114,116,118],{"_83":84,"_85":58},"day","2025-08-09","runCount",{"_83":87,"_85":58},"2025-08-10",{"_83":89,"_85":58},"2025-08-11",{"_83":91,"_85":58},"2025-08-12",{"_83":93,"_85":58},"2025-08-13",{"_83":95,"_85":58},"2025-08-14",{"_83":97,"_85":58},"2025-08-15",{"_83":99,"_85":58},"2025-08-16",{"_83":101,"_85":58},"2025-08-17",{"_83":103,"_85":58},"2025-08-18",{"_83":105,"_85":58},"2025-08-19",{"_83":107,"_85":58},"2025-08-20",{"_83":109,"_85":58},"2025-08-21",{"_83":111,"_85":58},"2025-08-22",{"_83":105,"_85":113},40,{"_83":107,"_85":115},5,{"_83":109,"_85":117},3,{"_83":111,"_85":41},"snapshot","ogImage","https://cdn.dev.fun/og/image/7fe63a3801d32f1a2614/8eaa6997.webp","isDevbase","actionData","errors"]

say something