[{"_1":2,"_109":-5,"_110":-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":17,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_54":55,"_56":40,"_57":40,"_58":40,"_59":40,"_60":40,"_61":40,"_62":40,"_63":40,"_64":17,"_65":17,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":17,"_74":75,"_106":30,"_107":108},"id","438cf2c022a0e765df42","isMyApp",false,"name","solanachat","description","Track your Solana wallet holdings while chatting in any language with instant translations to Chinese and English! Every message you send magically transforms into bilingual text, while all buttons feature a dramatic 10-second cooldown timer that forces you to contemplate your financial decisions.","brief","Monitor crypto while chatting in any language with auto-translations and suspenseful button cooldowns!","isLive","isPublic",true,"tags",[],"cover","https://cdn.dev.fun/snapshot/438cf2c022a0e765df42/73153_fbfbf23d.webp","cdnUrl","https://cdn.dev.fun/app/438cf2c022a0e765df42/73153","createdAt",["D",1748896569929],"updatedAt",["D",1748896571506],"lastCommitId",["B","73153"],"tier",0,"credits",-12,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":-5,"_52":53},"8b44b7fc-6441-4b66-8df7-30cd08e8801b","uniqueId","Ben9Zk9M64VvqRXRxnsosrwE9DvDsUtrNDKWEFrY9s6L","username","solanaWallet","displayName","Ben...s6L","bio","avatar","/avatar.svg","commitCount",1,"forkCount","likeCount","runsCount","downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useRef } from 'react';\nimport { useChat } from 'ai/react';\nimport { ConnectionProvider, WalletProvider } from \"@solana/wallet-adapter-react\";\nimport { WalletModalProvider } from \"@solana/wallet-adapter-react-ui\";\nimport { Connection, PublicKey } from '@solana/web3.js';\nimport \"@solana/wallet-adapter-react-ui/styles.css\";\nimport { Loader2, RefreshCw, Send, Wallet } from 'lucide-react';\nconst WALLET_ADDRESS = 'Ben9Zk9M64VvqRXRxnsosrwE9DvDsUtrNDKWEFrY9s6L';\nconst TOKEN_PROGRAM_ID = 'TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA';\nconst SOLANA_RPC_URL = 'https://rpc.dev.fun/438cf2c022a0e765df42';\nfunction CooldownButton({\n onClick,\n children,\n className = \"\"\n}) {\n const [cooldown, setCooldown] = useState(0);\n const timerRef = useRef(null);\n const handleClick = () => {\n if (cooldown === 0) {\n onClick();\n setCooldown(10);\n }\n };\n useEffect(() => {\n if (cooldown > 0) {\n timerRef.current = setInterval(() => {\n setCooldown(prev => Math.max(0, prev - 1));\n }, 1000);\n }\n return () => {\n if (timerRef.current) clearInterval(timerRef.current);\n };\n }, [cooldown]);\n return ;\n}\nfunction App() {\n const [tokens, setTokens] = useState([]);\n const [solBalance, setSolBalance] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const [activeTab, setActiveTab] = useState('wallet');\n const systemPrompt = `\n You are an expert multilingual translator and conversation assistant.\n When the user sends a message in ANY language:\n 1. Detect the language\n 2. Translate it to both English and Chinese (if not already in one of these languages)\n 3. Always return your response in this exact format, with both languages:\n \n [English]\n (English translation or original message if already in English)\n \n [中文]\n (Chinese translation)\n \n Keep translations accurate, natural, and maintain the tone and intent of the original message.\n Do not add any extra commentary or responses beyond the translations.\n `;\n const {\n messages,\n input,\n handleInputChange,\n handleSubmit,\n isLoading\n } = useChat({\n api: 'https://chat.dev.fun/chat/438cf2c022a0e765df42',\n initialMessages: [{\n id: 'system',\n role: 'system',\n content: systemPrompt\n }]\n });\n const fetchWalletData = async () => {\n setLoading(true);\n setError('');\n try {\n const connection = new Connection(SOLANA_RPC_URL);\n const walletPubkey = new PublicKey(WALLET_ADDRESS);\n const solBalanceRaw = await connection.getBalance(walletPubkey);\n const solAmount = solBalanceRaw / 1e9;\n const solPrice = 100;\n const solValue = solAmount * solPrice;\n setSolBalance({\n amount: solAmount,\n price: solPrice,\n value: solValue\n });\n const tokenAccounts = await connection.getParsedProgramAccounts(new PublicKey(TOKEN_PROGRAM_ID), {\n filters: [{\n memcmp: {\n offset: 32,\n bytes: WALLET_ADDRESS\n }\n }]\n });\n const tokenData = tokenAccounts.map(account => {\n const mintAddress = account.account.data.parsed.info.mint;\n const amount = account.account.data.parsed.info.tokenAmount.uiAmount;\n return {\n mint: mintAddress,\n name: mintAddress.slice(0, 8) + '...',\n symbol: 'TOKEN',\n amount,\n price: Math.random() * 10,\n value: amount * (Math.random() * 10)\n };\n });\n setTokens(tokenData.sort((a, b) => b.value - a.value));\n } catch (err) {\n console.error(err);\n setError('Failed to load wallet data. Please try again later.');\n } finally {\n setLoading(false);\n }\n };\n useEffect(() => {\n fetchWalletData();\n }, []);\n return

\n \n\n

\n {activeTab === 'wallet' ?

Solana Wallet Holdings

\n \n \n Refresh\n \n

\n \n {loading ?

\n \n

: error ?

\n {error}\n

: <>\n {solBalance &&

SOL Balance

Amount

{solBalance.amount.toFixed(4)} SOL

Price

${solBalance.price.toFixed(2)}

Value

${solBalance.value.toFixed(2)}

}\n\n

Token Holdings ({tokens.length})

\n \n

\n \n \n \n \n \n \n \n \n \n \n \n {tokens.map((token, index) => \n \n \n \n \n \n )}\n \n {tokens.length === 0 && \n \n }\n \n

Token Name	Symbol	Amount	Price (USD)	Value (USD)
{token.name}	{token.symbol}	{token.amount.toFixed(4)}	${token.price.toFixed(2)}	${token.value.toFixed(2)}
No tokens found

\n }\n

Bilingual Chat Room

\n \n

\n {messages.filter(m => m.role !== 'system').map((message, index) =>

{message.content}

)}\n \n {messages.filter(m => m.role !== 'system').length === 0 &&

\n Send a message in any language to see it translated to Chinese and English!\n

}\n

\n \n

}\n

\n \n \n

;\n}\nconst AppWithProvider = () => {\n const endpoint = SOLANA_RPC_URL;\n return \n \n \n \n \n \n ;\n};\nexport default AppWithProvider;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-dom\":\"18.2.0\",\"ai\":\"4.0.0\",\"lucide-react\":\"0.441.0\",\"@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\",\"zod\":\"3.22.4\"}}","token","upstreamApp","isLordOfDev","analytics",[76,80,82,84,86,88,90,92,94,96,98,100,102,104],{"_77":78,"_79":40},"day","2025-05-21","runCount",{"_77":81,"_79":40},"2025-05-22",{"_77":83,"_79":40},"2025-05-23",{"_77":85,"_79":40},"2025-05-24",{"_77":87,"_79":40},"2025-05-25",{"_77":89,"_79":40},"2025-05-26",{"_77":91,"_79":40},"2025-05-27",{"_77":93,"_79":40},"2025-05-28",{"_77":95,"_79":40},"2025-05-29",{"_77":97,"_79":40},"2025-05-30",{"_77":99,"_79":40},"2025-05-31",{"_77":101,"_79":40},"2025-06-01",{"_77":103,"_79":40},"2025-06-02",{"_77":105,"_79":40},"2025-06-03","snapshot","ogImage","https://cdn.dev.fun/og/image/438cf2c022a0e765df42/6c51ba87.webp","actionData","errors"]

say something