[{"_1":2,"_149":-5,"_150":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_148":-5,"_145":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_55":56,"_57":58,"_59":60,"_61":62,"_63":40,"_64":17,"_65":17,"_66":67,"_68":69,"_70":71,"_72":73,"_89":-5,"_90":17,"_91":92,"_145":30,"_146":147},"id","d3591ae61c522327e1d5","isMyApp",false,"name","vanityverse","description","Create cosmic Solana wallets with personalized addresses that scream YOU! Blast off into the cryptosphere with your own vanity address while holographic confirmations dance across your screen.","brief","","isLive",true,"tags",[28],"👑","cover","https://cdn.dev.fun/snapshot/d3591ae61c522327e1d5/54628_e9e2892b.webp","cdnUrl","https://cdn.dev.fun/app/d3591ae61c522327e1d5/54628","createdAt",["D",1741880043079],"updatedAt",["D",1744808546019],"lastCommitId",["B","54628"],"tier",1,"credits",-17,{"_14":44,"_45":46,"_47":46,"_48":49,"_50":46,"_51":52,"_53":54},"cce221d5-9cc5-4920-812d-7d986d95ca46","uniqueId","netvyxe","username","solanaWallet","89CQJ6EkYK2BRFUUHHyqBYw2UtHZEvpBMsQiuunyXxmf","displayName","bio","060606","avatar","https://cdn.dev.fun/avatar/cce221d5-9cc5-4920-812d-7d986d95ca46/e4d600a0.webp","commitCount",131,"forkCount",0,"likeCount",31,"runsCount",2301,"visitorCount","isArchived","isRenamed","contractAddress","DVyhHvXF9eNShDX2oJG9pyGoJycjxWpAuVLkSjHjpump","code","import { useState, useEffect, useCallback, useRef } from 'react';\nimport { Keypair, Connection, PublicKey } from '@solana/web3.js';\nimport * as bip39 from 'bip39';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Copy, Loader2, CheckCircle, Search, Camera, HelpCircle, Wallet, Lock, MessageCircle, Send, Heart, Award, X, Edit, Trash2, AlertCircle } from 'lucide-react';\nimport { Zap as ZapIcon, Sparkles, Star, Globe } from 'lucide-react';\nimport bs58 from 'bs58';\nimport html2canvas from 'html2canvas';\nimport { StateClient } from '@devfunlabs/state-client';\nimport { WalletMultiButton } from \"@solana/wallet-adapter-react-ui\";\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport { WalletAdapterNetwork } from \"@solana/wallet-adapter-base\";\nimport { DevfunWalletAdapter } from \"@devfunlabs/wallet-adapter-devfun\";\nimport { ConnectionProvider, WalletProvider } from \"@solana/wallet-adapter-react\";\nimport { WalletModalProvider } from \"@solana/wallet-adapter-react-ui\";\nimport { clusterApiUrl } from \"@solana/web3.js\";\nimport \"@solana/wallet-adapter-react-ui/styles.css\";\nimport { io } from 'socket.io-client';\nconst translations = {\n en: {\n appTitle: '$VanKey',\n appDescription: 'Create cosmic Solana wallets with personalized addresses that scream YOU!',\n chaosMode: 'Chaos Mode!',\n normalMode: 'Normal Mode',\n chat: 'Cosmic Chat',\n chatPlaceholder: 'Enter your message...',\n send: 'Send',\n shareWallet: 'Share Wallet',\n walletShared: 'shared a wallet!',\n likedBy: 'Liked by',\n like: 'Like',\n likeCount: 'likes',\n topWallets: 'Top Wallets',\n leaderboard: 'Leaderboard',\n nicknamePlaceholder: 'Enter nickname (max 16 chars)',\n setNickname: 'Set',\n connectToChat: 'Connect wallet to chat',\n closeChat: 'Close Chat',\n openChat: 'Open Chat',\n yourNickname: 'Your Nickname',\n walletAddress: 'Wallet Address',\n noMessages: 'No messages yet. Be the first to chat!',\n noLikedWallets: 'No liked wallets yet. Share your wallet to start!',\n onlineUsers: 'users online',\n showMoreMessages: 'Show More Messages',\n premiumRequirement: 'To unlock the premium feature, you need to connect your wallet and have a balance of 100,000 tokens.',\n scanningCosmic: 'Scanning cosmic holdings...',\n balanceTitle: '$VanKey Balance',\n premiumEligible: 'Premium Eligible',\n regularUser: 'Regular User',\n premiumAccess: 'Premium Access:',\n premiumModeActive: 'Premium Mode Active',\n premiumModeDisabled: 'Premium Mode Disabled',\n addressPrefix: 'Address Prefix',\n addressSuffix: 'Address Suffix',\n maxChars: 'max',\n chars: 'chars',\n prefix: 'Prefix',\n suffix: 'Suffix',\n both: 'Both',\n premium: 'Premium',\n dualTargetingMode: 'Dual Targeting Mode',\n dualTargetingDesc1: 'In this mode, you can search for addresses with both a specific prefix AND suffix simultaneously.',\n dualTargetingDesc2: 'Each pattern is limited to 3 characters to keep generation times reasonable.',\n premiumFeaturesLocked: 'Premium Features Locked',\n premiumFeatureDesc: 'Hold at least 100K $VanKey tokens to unlock 5-6 character vanity addresses. Ultra-rare addresses that make your wallet truly unique!',\n highPowerWarning: 'High processing power - only recommended for powerful computers!',\n warningTitle: '⚠️ WARNING: Generating 5-6 character wallets is extremely computationally intensive!',\n warningDesc1: 'On weaker computers, generating these addresses may take hours, days, or even weeks.',\n warningDesc2: 'Consider using the highest batch size possible on a powerful computer for these searches.',\n processingPower: 'Processing Power',\n batchSize: 'Batch Size:',\n standard: 'Standard',\n balanced: 'Balanced',\n turbo: 'Turbo',\n generateNewWallet: 'Generate New Wallet',\n generateVanityWallet: 'Generate Vanity Wallet',\n stop: 'Stop',\n attempts: 'attempts',\n estWaitTime: 'Est:',\n perSec: '/sec',\n batch: 'Batch:',\n walletGenerated: 'Wallet Generated',\n publicAddress: 'Public Address',\n privateKey: 'Private Key',\n neverShare: 'Never share this with anyone!',\n phantomCompatible: '✓ This format is compatible with Phantom Wallet import',\n keepSafe: '⚠️ Keep your private keys safe! Never share them with anyone. If lost, you cannot recover your funds.',\n shareYourWallet: 'Share Your New Wallet',\n generationGuide: 'Generation Guide & Tips',\n FAQ: 'Frequently Asked Questions',\n getTokens: 'Get tokens →',\n tipsSummary: ['• VanKey runs entirely in your browser - no server is used for generation.', '• Longer prefixes/suffixes take exponentially more time to find. Each character adds significant time.', '• Generation is case-insensitive - \"CAFE\" will match \"cafe\" in addresses.', '• Solana addresses use Base58 encoding, which limits available characters.', '• Premium requirement: You must hold at least 100K $VanKey tokens to access 5-6 character addresses.', '• NEW! BOTH mode - Set prefix AND suffix together (max 3 chars each).', '• Estimated wait times:'],\n waitTimes: ['1 character: seconds', '2 characters: minutes', '3 characters: up to hours', '4 characters: hours to days', '5 characters: days to weeks (premium)', '6 characters: weeks to months (premium)'],\n balancedModeNote: '• In Balanced Mode, even a 4-character address can be generated in just a few minutes!',\n powerfulDeviceNote: '• More powerful devices will generate addresses faster.',\n privateKeyFormatNote: '• The private key format is compatible with Phantom Wallet.',\n premiumModeActivated: '• Premium mode activated! You can generate up to 6-character addresses.',\n premiumAccessButDisabled: '• You have premium access but it\\'s currently disabled. Toggle it on above!',\n holdTokensForPremium: '• Hold 100K tokens to unlock premium mode for 5-6 character addresses.',\n faqItems: [{\n question: 'What is $VanKey VanityVerse?',\n answer: '$VanKey VanityVerse is an application for generating custom Solana vanity addresses. It allows users to create wallets with personalized prefixes and suffixes, making them unique and recognizable.'\n }, {\n question: 'How does $VanKey work?',\n answer: 'We operate entirely on the client side, meaning no private keys or sensitive data ever leave your device. We interact with the official Solana CLI, the same tool used by top wallets like Phantom, Solflare, and Backpack.'\n }, {\n question: 'Is $VanKey secure?',\n answer: 'Absolutely. Since all operations run locally on your device, there is zero risk of exposing your private key. Unlike centralized services, we never transmit, store, or process your wallet information.'\n }, {\n question: 'How secure is Solana CLI?',\n answer: 'The Solana CLI (Command Line Interface) is the official tool used by developers, validators, and wallet providers to interact with the Solana blockchain. It is the backbone of trusted wallets like:',\n list: ['Phantom', 'Solflare', 'Backpack', 'Slope'],\n additionalInfo: 'Solana CLI is open-source, extensively tested, and backed by Solana\\'s official developers, ensuring the highest level of security.'\n }, {\n question: 'What are the chances of finding a vanity address?',\n answer: 'The probability of generating a specific vanity address depends on the number of characters:',\n list: ['3 characters (~1 in 1,500) → A few seconds', '4 characters (~1 in 65,000) → A few minutes', '5 characters (~1 in 1.6 million) → Up to an hour', '6 characters (~1 in 40 million) → Several hours or days'],\n additionalInfo: 'More complex addresses require significantly more computing power, and a weak computer may take days or weeks to generate a long vanity address.'\n }, {\n question: 'What is the \"BOTH\" function?',\n answer: 'The BOTH function allows users to generate a vanity address with both a prefix and a suffix simultaneously.',\n list: ['Maximum 3 characters for each.', 'The probability increases exponentially with each added character.']\n }, {\n question: 'Is this different from other Solana vanity address generators?',\n answer: 'Yes. Most generators store private keys on their servers, making them risky. $VanKey is fully client-side, ensuring you are the only one who ever sees your private key.'\n }, {\n question: 'Do I need a powerful computer?',\n list: ['For shorter vanity addresses (3-4 characters), any modern computer is fine.', 'For 5-6 character addresses, a strong CPU is recommended, or you need to be patient, as the process can take hours or days.']\n }, {\n question: 'How does the premium feature work?',\n list: ['To generate 5-6 character custom wallets, you need to hold 100,000 $VanKey tokens in your wallet.', 'This unlocks the premium mode, allowing for advanced customization.']\n }, {\n question: 'How can I check if I have enough tokens?',\n answer: 'Simply connect your wallet through the app. If your balance meets the requirement, the premium feature will be enabled.'\n }, {\n question: 'Can I use $VanKey VanityVerse on mobile?',\n answer: 'Since wallet generation requires significant CPU power, it is highly recommended to use a desktop or laptop instead of a mobile device.'\n }],\n footer: '$VanKey — Cosmic Solana wallets that make a statement',\n connectWallet: 'Connect Wallet',\n createdBy: 'Created by',\n nicknameTaken: 'This nickname is already taken.',\n nicknameReserved: 'This nickname contains reserved words.',\n nicknameTooLong: 'Nickname must be 16 characters or less.',\n deleteMessage: 'Delete Message',\n clearAllMessages: 'Clear All Messages',\n clearAllConfirm: 'Are you sure you want to clear all messages?',\n clearLeaderboard: 'Clear Leaderboard',\n clearLeaderboardConfirm: 'Are you sure you want to clear the leaderboard?',\n yes: 'Yes',\n no: 'No',\n adminControls: 'Admin Controls',\n adminActions: 'Admin Actions'\n },\n zh: {\n appTitle: '$VanKey',\n appDescription: '创建个性化的 Solana 钱包地址，展示你的个性！',\n chaosMode: '混沌模式！',\n normalMode: '普通模式',\n chat: '宇宙聊天',\n chatPlaceholder: '输入您的消息...',\n send: '发送',\n shareWallet: '分享钱包',\n walletShared: '分享了一个钱包！',\n likedBy: '被喜欢',\n like: '喜欢',\n likeCount: '喜欢',\n topWallets: '顶级钱包',\n leaderboard: '排行榜',\n nicknamePlaceholder: '输入昵称（最多16个字符）',\n setNickname: '设置',\n connectToChat: '连接钱包以聊天',\n closeChat: '关闭聊天',\n openChat: '打开聊天',\n yourNickname: '您的昵称',\n walletAddress: '钱包地址',\n noMessages: '还没有消息。成为第一个聊天的人！',\n noLikedWallets: '还没有被喜欢的钱包。分享您的钱包开始！',\n onlineUsers: '用户在线',\n showMoreMessages: '显示更多消息',\n premiumRequirement: '要解锁高级功能，您需要连接钱包并持有至少100,000个代币余额。',\n scanningCosmic: '正在扫描代币余额...',\n balanceTitle: '$VanKey 余额',\n premiumEligible: '高级模式可用',\n regularUser: '普通用户',\n premiumAccess: '高级模式解锁进度:',\n premiumModeActive: '高级模式已激活',\n premiumModeDisabled: '高级模式已禁用',\n addressPrefix: '地址前缀',\n addressSuffix: '地址后缀',\n maxChars: '最多',\n chars: '字符',\n prefix: '前缀',\n suffix: '后缀',\n both: '双模式',\n premium: '高级',\n dualTargetingMode: '双重目标模式',\n dualTargetingDesc1: '在此模式下，您可以同时搜索具有特定前缀和后缀的地址。',\n dualTargetingDesc2: '每个模式限制为3个字符，以保持合理的生成时间。',\n premiumFeaturesLocked: '高级功能已锁定',\n premiumFeatureDesc: '持有至少100K $VanKey 代币以解锁5-6字符自定义地址功能。获取超稀有地址，使您的钱包真正独一无二！',\n highPowerWarning: '高计算能力 - 只推荐在高性能电脑上使用！',\n warningTitle: '⚠️ 警告：生成5-6字符的钱包需要极高的计算能力！',\n warningDesc1: '在性能较弱的电脑上，生成这些地址可能需要数小时、数天甚至数周。',\n warningDesc2: '对于这些搜索，请考虑在高性能电脑上使用最高的批量大小。',\n processingPower: '处理能力',\n batchSize: '批量大小：',\n standard: '标准',\n balanced: '平衡',\n turbo: '极速',\n generateNewWallet: '生成新钱包',\n generateVanityWallet: '生成个性钱包',\n stop: '停止',\n attempts: '尝试次数',\n estWaitTime: '预计:',\n perSec: '/秒',\n batch: '批量:',\n walletGenerated: '钱包已生成',\n publicAddress: '公共地址',\n privateKey: '私钥',\n neverShare: '切勿与任何人分享！',\n phantomCompatible: '✓ 此格式与 Phantom 钱包导入兼容',\n keepSafe: '⚠️ 保管好您的私钥！切勿与任何人分享。如果丢失，您将无法恢复您的资金。',\n shareYourWallet: '分享您的新钱包',\n generationGuide: '生成指南与技巧',\n FAQ: '常见问题',\n getTokens: '获取代币 →',\n tipsSummary: ['• VanKey 完全在您的浏览器中运行 - 生成过程不使用服务器。', '• 较长的前缀/后缀需要指数级更多的时间查找。每个字符都会显著增加时间。', '• 生成过程不区分大小写 - 地址中的\"CAFE\"将匹配\"cafe\"。', '• Solana 地址使用 Base58 编码，这限制了可用字符。', '• 高级要求：您必须持有至少100K $VanKey 代币才能使用5-6字符地址功能。', '• 新功能！双模式 - 同时设置前缀和后缀（每个最多3个字符）。', '• 预计等待时间:'],\n waitTimes: ['1个字符：几秒钟', '2个字符：几分钟', '3个字符：最多几小时', '4个字符：数小时至数天', '5个字符：数天至数周（高级）', '6个字符：数周至数月（高级）'],\n balancedModeNote: '• 在平衡模式下，甚至4字符地址也可以在几分钟内生成！',\n powerfulDeviceNote: '• 更强大的设备将更快地生成地址。',\n privateKeyFormatNote: '• 私钥格式与 Phantom 钱包兼容。',\n premiumModeActivated: '• 高级模式已激活！您可以生成最多6个字符的地址。',\n premiumAccessButDisabled: '• 您有高级访问权限，但目前已禁用。在上方将其打开！',\n holdTokensForPremium: '• 持有100K代币以解锁5-6字符地址的高级模式。',\n faqItems: [{\n question: '什么是 $VanKey VanityVerse？',\n answer: '$VanKey VanityVerse 是一个用于生成自定义 Solana 虚荣地址的应用程序。它允许用户创建具有个性化前缀和后缀的钱包，使其独特且易于识别。'\n }, {\n question: '$VanKey 如何工作？',\n answer: '我们完全在客户端操作，这意味着没有私钥或敏感数据会离开您的设备。我们与官方 Solana CLI 交互，这是顶级钱包如 Phantom、Solflare 和 Backpack 使用的相同工具。'\n }, {\n question: '$VanKey 安全吗？',\n answer: '绝对安全。由于所有操作都在您的设备本地运行，因此没有暴露私钥的风险。与中心化服务不同，我们从不传输、存储或处理您的钱包信息。'\n }, {\n question: 'Solana CLI 有多安全？',\n answer: 'Solana CLI（命令行界面）是开发人员、验证者和钱包提供商用来与 Solana 区块链交互的官方工具。它是以下可信钱包的基础：',\n list: ['Phantom', 'Solflare', 'Backpack', 'Slope'],\n additionalInfo: 'Solana CLI 是开源的，经过广泛测试，并由 Solana 的官方开发人员支持，确保最高级别的安全性。'\n }, {\n question: '找到虚荣地址的几率是多少？',\n answer: '生成特定虚荣地址的概率取决于字符数：',\n list: ['3个字符（约1/1,500）→ 几秒钟', '4个字符（约1/65,000）→ 几分钟', '5个字符（约1/160万）→ 最多一小时', '6个字符（约1/4000万）→ 数小时或数天'],\n additionalInfo: '更复杂的地址需要更多的计算能力，性能弱的计算机可能需要数天或数周才能生成较长的虚荣地址。'\n }, {\n question: '什么是\"双模式\"功能？',\n answer: '双模式功能允许用户同时生成具有前缀和后缀的虚荣地址。',\n list: ['每个最多3个字符。', '每增加一个字符，概率就会指数级增加。']\n }, {\n question: '这与其他 Solana 虚荣地址生成器有什么不同？',\n answer: '是的，不同。大多数生成器将私钥存储在其服务器上，使其存在风险。$VanKey 完全在客户端运行，确保只有您能看到自己的私钥。'\n }, {\n question: '我需要高性能电脑吗？',\n list: ['对于较短的虚荣地址（3-4个字符），任何现代电脑都可以。', '对于5-6个字符的地址，建议使用强大的CPU，或者您需要耐心等待，因为这个过程可能需要数小时或数天。']\n }, {\n question: '高级功能如何运作？',\n list: ['要生成5-6个字符的自定义钱包，您需要在钱包中持有100,000个$VanKey代币。', '这将解锁高级模式，允许高级定制。']\n }, {\n question: '如何检查我是否有足够的代币？',\n answer: '只需通过应用连接您的钱包。如果您的余额满足要求，高级功能将被启用。'\n }, {\n question: '我可以在移动设备上使用$VanKey VanityVerse吗？',\n answer: '由于钱包生成需要大量CPU能力，强烈建议使用台式机或笔记本电脑，而不是移动设备。'\n }],\n footer: '$VanKey — 彰显个性的 Solana 宇宙钱包',\n connectWallet: '连接钱包',\n createdBy: '创建者',\n nicknameTaken: '此昵称已被使用。',\n nicknameReserved: '此昵称包含保留字。',\n nicknameTooLong: '昵称必须不超过16个字符。',\n deleteMessage: '删除消息',\n clearAllMessages: '清除所有消息',\n clearAllConfirm: '您确定要清除所有消息吗？',\n clearLeaderboard: '清除排行榜',\n clearLeaderboardConfirm: '您确定要清除排行榜吗？',\n yes: '是',\n no: '否',\n adminControls: '管理控制',\n adminActions: '管理操作'\n }\n};\nconst socket = io('wss://ws.dev.fun/app-d3591ae61c522327e1d5');\nconst stateClient = new StateClient({\n baseURL: 'https://state.dev.fun',\n appId: 'd3591ae61c522327e1d5'\n});\nconst App = () => {\n const network = WalletAdapterNetwork.Mainnet;\n const endpoint = clusterApiUrl(network);\n const [loaded, setLoaded] = useState(false);\n useEffect(() => {\n setLoaded(true);\n const enhanceWalletModal = () => {\n const observer = new MutationObserver(mutations => {\n mutations.forEach(mutation => {\n if (mutation.addedNodes.length) {\n const modalWrapper = document.querySelector('.wallet-adapter-modal-wrapper');\n const modalOverlay = document.querySelector('.wallet-adapter-modal-overlay');\n if (modalWrapper) {\n modalWrapper.style.zIndex = '99999';\n modalWrapper.style.pointerEvents = 'auto';\n }\n if (modalOverlay) {\n modalOverlay.style.zIndex = '99999';\n modalOverlay.style.pointerEvents = 'auto';\n }\n }\n });\n });\n observer.observe(document.body, {\n childList: true,\n subtree: true\n });\n return () => observer.disconnect();\n };\n const cleanup = enhanceWalletModal();\n document.title = \"VanKey - Solana Vanity Address / Create a Solana Wallet\";\n return cleanup;\n const metaDescription = document.createElement('meta');\n metaDescription.name = 'description';\n metaDescription.content = 'Create a Solana Wallet with personalized vanity addresses that make your wallet truly unique!';\n document.head.appendChild(metaDescription);\n const ogTitle = document.createElement('meta');\n ogTitle.property = 'og:title';\n ogTitle.content = 'VanKey - Solana Vanity Address';\n document.head.appendChild(ogTitle);\n const ogDescription = document.createElement('meta');\n ogDescription.property = 'og:description';\n ogDescription.content = 'Create a Solana Wallet with personalized vanity addresses';\n document.head.appendChild(ogDescription);\n const twitterTitle = document.createElement('meta');\n twitterTitle.name = 'twitter:title';\n twitterTitle.content = 'VanKey - Solana Vanity Address';\n document.head.appendChild(twitterTitle);\n const twitterDescription = document.createElement('meta');\n twitterDescription.name = 'twitter:description';\n twitterDescription.content = 'Create a Solana Wallet with custom addresses';\n document.head.appendChild(twitterDescription);\n }, []);\n if (!loaded) {\n return null;\n }\n return \n \n \n \n \n \n ;\n};\nconst generateMnemonicFromSecretKey = secretKey => {\n try {\n return bip39.entropyToMnemonic(Buffer.from(secretKey.slice(0, 16)));\n } catch (error) {\n console.error(\"Error generating mnemonic:\", error);\n return \"Failed to generate mnemonic\";\n }\n};\nconst estimateWaitTime = (attemptsPerSecond, searchLength, language) => {\n if (!searchLength) return language === 'en' ? \"< 1 second\" : \"< 1 秒\";\n if (attemptsPerSecond === 0) return language === 'en' ? \"calculating...\" : \"计算中...\";\n const possibleCombinations = Math.pow(34, searchLength);\n const difficultyMultiplier = searchLength > 4 ? 5 : 2;\n const estimatedTotalAttempts = possibleCombinations / 2 * difficultyMultiplier;\n const remainingSeconds = estimatedTotalAttempts / attemptsPerSecond;\n if (language === 'en') {\n if (remainingSeconds < 1) return \"< 1 second\";\n if (remainingSeconds < 60) return `~${Math.ceil(remainingSeconds)} seconds`;\n if (remainingSeconds < 3600) return `~${Math.ceil(remainingSeconds / 60)} minutes`;\n if (remainingSeconds < 86400) return `~${(remainingSeconds / 3600).toFixed(1)} hours`;\n return `~${(remainingSeconds / 86400).toFixed(1)} days`;\n } else {\n if (remainingSeconds < 1) return \"< 1 秒\";\n if (remainingSeconds < 60) return `~${Math.ceil(remainingSeconds)} 秒`;\n if (remainingSeconds < 3600) return `~${Math.ceil(remainingSeconds / 60)} 分钟`;\n if (remainingSeconds < 86400) return `~${(remainingSeconds / 3600).toFixed(1)} 小时`;\n return `~${(remainingSeconds / 86400).toFixed(1)} 天`;\n }\n};\nconst formatPrivateKeyForPhantom = secretKey => {\n return bs58.encode(new Uint8Array(secretKey));\n};\nconst formatTokenAmount = amount => {\n const actualAmount = amount / 1000000;\n return actualAmount.toString();\n};\nconst generateScreenshot = async (screenshotRef, searchMode, text) => {\n if (!screenshotRef.current) return null;\n try {\n const screenshotElement = screenshotRef.current;\n const originalStyles = screenshotElement.style.cssText;\n screenshotElement.style.cssText = `\n position: fixed;\n top: 0;\n left: 0;\n width: 600px;\n height: 300px;\n z-index: -1000;\n visibility: visible;\n opacity: 1;\n display: flex;\n `;\n const canvas = await html2canvas(screenshotElement, {\n scale: 2,\n backgroundColor: null,\n logging: false,\n useCORS: true,\n allowTaint: true\n });\n screenshotElement.style.cssText = originalStyles;\n const dataUrl = canvas.toDataURL('image/png');\n return new Promise(resolve => {\n canvas.toBlob(blob => {\n resolve({\n dataUrl,\n blob\n });\n }, 'image/png');\n });\n } catch (error) {\n console.error(\"Error generating screenshot:\", error);\n return null;\n }\n};\nconst shareOnX = async (mode, prefix, suffix, language) => {\n let tweetText;\n if (mode === 'both') {\n const prefixText = prefix || (language === 'en' ? \"[random]\" : \"[随机]\");\n const suffixText = suffix || (language === 'en' ? \"[random]\" : \"[随机]\");\n tweetText = language === 'en' ? `I just created my dual-pattern wallet with $VanKey!\\nPrefix: ${prefixText} | Suffix: ${suffixText}` : `我刚刚使用 $VanKey 创建了双模式钱包！\\n前缀: ${prefixText} | 后缀: ${suffixText}`;\n } else {\n const displayMode = mode === 'prefix' ? language === 'en' ? 'prefix' : '前缀' : language === 'en' ? 'suffix' : '后缀';\n const displayTerm = (mode === 'prefix' ? prefix : suffix) || (language === 'en' ? \"random\" : \"随机\");\n tweetText = language === 'en' ? `I just created my wallet with $VanKey!\\nMy new ${displayMode} wallet = ${displayTerm}` : `我刚刚使用 $VanKey 创建了我的钱包！\\n我的新${displayMode}钱包 = ${displayTerm}`;\n }\n const text = encodeURIComponent(tweetText);\n const xUrl = `https://x.com/intent/tweet?text=${text}`;\n window.open(xUrl, '_blank');\n};\nconst XIcon = ({\n className\n}) => ;\nconst fetchTokenBalance = async (ownerPublicKey, tokenAddress) => {\n try {\n const heliusRpcUrl = \"https://mainnet.helius-rpc.com/?api-key=63710b8a-c639-4c26-a31f-731ab1a3523e\";\n const heliusConnection = new Connection(heliusRpcUrl);\n const tokenPublicKey = new PublicKey(tokenAddress);\n const tokenAccounts = await heliusConnection.getParsedTokenAccountsByOwner(ownerPublicKey, {\n programId: new PublicKey('TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA')\n });\n const tokenAccount = tokenAccounts.value.find(account => account.account.data.parsed.info.mint === tokenPublicKey.toString());\n if (!tokenAccount) {\n return 0;\n }\n return parseInt(tokenAccount.account.data.parsed.info.tokenAmount.amount);\n } catch (error) {\n console.error(\"Error fetching token balance:\", error);\n return 0;\n }\n};\nfunction VanKeyApp() {\n const {\n publicKey,\n connected\n } = useWallet();\n const [language, setLanguage] = useState('en');\n const t = translations[language];\n const [chaosMode, setChaosMode] = useState(false);\n const [crazyColors, setCrazyColors] = useState(['#ff00ff', '#00ffff', '#ffff00', '#ff0000', '#00ff00', '#0000ff', '#ff8800']);\n const [showChat, setShowChat] = useState(false);\n const [, setChatExpanded] = useState(false);\n const [, setChatPosition] = useState({\n x: 0,\n y: 0\n });\n const [messages, setMessages] = useState([]);\n const [allMessages, setAllMessages] = useState([]);\n const [newMessage, setNewMessage] = useState('');\n const [nickname, setNickname] = useState('');\n const [isEditingNickname, setIsEditingNickname] = useState(false);\n const [likedWallets, setLikedWallets] = useState({});\n const [userCount, setUserCount] = useState(0);\n const [messageLoading, setMessageLoading] = useState(true);\n const [existingNicknames, setExistingNicknames] = useState(new Set());\n const [nicknameError, setNicknameError] = useState('');\n const [loadingMoreMessages, setLoadingMoreMessages] = useState(false);\n const [showLeaderboardMobile, setShowLeaderboardMobile] = useState(false);\n const [nicknameMap, setNicknameMap] = useState({});\n const [showConfirmClearAll, setShowConfirmClearAll] = useState(false);\n const [showConfirmClearLeaderboard, setShowConfirmClearLeaderboard] = useState(false);\n const [showAdminPanel, setShowAdminPanel] = useState(false);\n const chatEndRef = useRef(null);\n const messageInputRef = useRef(null);\n const chatPanelRef = useRef(null);\n const chatDragRef = useRef(null);\n const mainContentRef = useRef(null);\n const [tokenBalance, setTokenBalance] = useState(0);\n const [hasPremiumAccess, setHasPremiumAccess] = useState(false);\n const [premiumEnabled, setPremiumEnabled] = useState(false);\n const [isCheckingBalance, setIsCheckingBalance] = useState(false);\n const [isSocketConnected, setIsSocketConnected] = useState(false);\n const [isGenerating, setIsGenerating] = useState(false);\n const [wallet, setWallet] = useState(null);\n const [, setPreviousWallets] = useState([]);\n const [prefix, setPrefix] = useState('');\n const [suffix, setSuffix] = useState('');\n const [searchMode, setSearchMode] = useState('prefix');\n const [attemptsCount, setAttemptsCount] = useState(0);\n const [attemptsPerSecond, setAttemptsPerSecond] = useState(0);\n const [copiedToClipboard, setCopiedToClipboard] = useState(false);\n const [copiedPrivateKey, setCopiedPrivateKey] = useState(false);\n const [showSuccessAnimation, setShowSuccessAnimation] = useState(false);\n const [showGuide, setShowGuide] = useState(false);\n const [showQA, setShowQA] = useState(false);\n const [screenshotData, setScreenshotData] = useState(null);\n const [showScreenshot, setShowScreenshot] = useState(false);\n const [batchSize, setBatchSize] = useState(500);\n const [showBatchInfo, setShowBatchInfo] = useState(false);\n const [generationStartTime, setGenerationStartTime] = useState(null);\n const [generationTimeSeconds, setGenerationTimeSeconds] = useState(null);\n const [premiumPulsate, setPremiumPulsate] = useState(false);\n const [walletSharePulse, setWalletSharePulse] = useState(false);\n const [isMobile, setIsMobile] = useState(false);\n const [tokenAddressCopied, setTokenAddressCopied] = useState(false);\n const TOKEN_ADDRESS = \"DVyhHvXF9eNShDX2oJG9pyGoJycjxWpAuVLkSjHjpump\";\n const PREMIUM_REQUIRED_AMOUNT = 100000000;\n const RESERVED_NICKNAMES = ['Dev', 'VanKey'];\n const MAX_NICKNAME_LENGTH = 16;\n const ADMIN_WALLET = \"89CQJ6EkYK2BRFUUHHyqBYw2UtHZEvpBMsQiuunyXxmf\";\n const animationFrameRef = useRef(null);\n const lastTimeRef = useRef(performance.now());\n const attemptsAccumulatorRef = useRef(0);\n const screenshotRef = useRef(null);\n const shouldStopRef = useRef(false);\n const isAdmin = connected && publicKey && publicKey.toString() === ADMIN_WALLET;\n useEffect(() => {\n const checkIfMobile = () => {\n setIsMobile(window.innerWidth <= 768);\n };\n checkIfMobile();\n window.addEventListener('resize', checkIfMobile);\n return () => {\n window.removeEventListener('resize', checkIfMobile);\n };\n }, []);\n const toggleLanguage = () => {\n setLanguage(prev => prev === 'en' ? 'zh' : 'en');\n };\n const isSocketActuallyConnected = () => {\n return isSocketConnected && socket && socket.connected;\n };\n const getMainContentPosition = () => {\n if (mainContentRef.current) {\n const rect = mainContentRef.current.getBoundingClientRect();\n return {\n x: rect.x + rect.width / 2,\n y: rect.y + rect.height / 2\n };\n }\n return {\n x: window.innerWidth / 2,\n y: window.innerHeight / 2\n };\n };\n useEffect(() => {\n if (messageLoading) {\n const loadingTimeout = setTimeout(() => {\n setMessageLoading(false);\n }, 8000);\n return () => clearTimeout(loadingTimeout);\n }\n }, [messageLoading]);\n useEffect(() => {\n if (!chaosMode) return;\n const shuffleInterval = setInterval(() => {\n setCrazyColors(prev => {\n const shuffled = [...prev];\n for (let i = shuffled.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];\n }\n return shuffled;\n });\n }, 2000);\n return () => clearInterval(shuffleInterval);\n }, [chaosMode]);\n const toggleChaosMode = () => {\n setChaosMode(!chaosMode);\n };\n useEffect(() => {\n const loadDataFromDB = async () => {\n try {\n const messagesFromDB = await stateClient.getEntities('messages');\n const nicknameMappings = await stateClient.getEntities('nicknames');\n const nicknameMapFromDB = {};\n if (Array.isArray(nicknameMappings) && nicknameMappings.length > 0) {\n nicknameMappings.forEach(mapping => {\n if (mapping.walletAddress && mapping.nickname) {\n nicknameMapFromDB[mapping.walletAddress] = mapping.nickname;\n }\n });\n }\n setNicknameMap(nicknameMapFromDB);\n if (connected && publicKey && nicknameMapFromDB[publicKey.toString()]) {\n setNickname(nicknameMapFromDB[publicKey.toString()]);\n }\n if (Array.isArray(messagesFromDB) && messagesFromDB.length > 0) {\n const sortedMessages = messagesFromDB.sort((a, b) => b.timestamp - a.timestamp);\n setAllMessages(sortedMessages);\n setMessages(sortedMessages.slice(0, 10).reverse());\n const nicknames = new Set();\n sortedMessages.forEach(msg => {\n if (msg.nickname && msg.nickname !== shortAddress(msg.sender)) {\n nicknames.add(msg.nickname.toLowerCase());\n }\n });\n setExistingNicknames(nicknames);\n }\n } catch (error) {\n console.error(\"Error loading data from database:\", error);\n const savedMessages = localStorage.getItem('vankey-chat-messages');\n if (savedMessages) {\n try {\n const parsedMessages = JSON.parse(savedMessages);\n if (Array.isArray(parsedMessages) && parsedMessages.length > 0) {\n setMessages(parsedMessages.slice(-10));\n setAllMessages(parsedMessages);\n }\n } catch (error) {\n console.error(\"Error parsing saved messages:\", error);\n }\n }\n } finally {\n setMessageLoading(false);\n }\n };\n loadDataFromDB();\n }, [connected, publicKey]);\n useEffect(() => {\n function onConnect() {\n console.log('Connected to chat server');\n setIsSocketConnected(true);\n setMessageLoading(false);\n }\n function onDisconnect() {\n console.log('Disconnected from chat server');\n setIsSocketConnected(false);\n setMessageLoading(false);\n }\n function onError(error) {\n console.error('Socket connection error:', error);\n setIsSocketConnected(false);\n setTimeout(() => {\n if (!socket.connected) {\n socket.connect();\n }\n }, 3000);\n }\n async function onMessage(messageData) {\n setMessageLoading(false);\n if (!messageData || !messageData.id || messages.some(msg => msg.id === messageData.id) || allMessages.some(msg => msg.id === messageData.id)) {\n return;\n }\n try {\n await stateClient.createEntity('messages', messageData);\n setMessages(prev => {\n const updatedMessages = [...prev, messageData];\n localStorage.setItem('vankey-chat-messages', JSON.stringify(updatedMessages));\n return updatedMessages;\n });\n setAllMessages(prev => [...prev, messageData]);\n if (messageData.nickname && messageData.nickname !== shortAddress(messageData.sender)) {\n setExistingNicknames(prev => new Set([...prev, messageData.nickname.toLowerCase()]));\n }\n if (messageData.nickname && messageData.nickname !== shortAddress(messageData.sender)) {\n setNicknameMap(prev => ({\n ...prev,\n [messageData.sender]: messageData.nickname\n }));\n }\n } catch (error) {\n console.error(\"Error saving message to database:\", error);\n setMessages(prev => [...prev, messageData]);\n setAllMessages(prev => [...prev, messageData]);\n }\n }\n function onUserCount(count) {\n setUserCount(count);\n }\n async function onWalletLike(data) {\n try {\n let leaderboardEntry = await stateClient.getEntity('leaderboard', data.messageId);\n if (!leaderboardEntry) {\n leaderboardEntry = {\n id: data.messageId,\n count: 1,\n likedBy: [data.liker]\n };\n await stateClient.createEntity('leaderboard', leaderboardEntry);\n } else {\n if (!leaderboardEntry.likedBy || !Array.isArray(leaderboardEntry.likedBy)) {\n leaderboardEntry.likedBy = [];\n }\n if (!leaderboardEntry.likedBy.includes(data.liker)) {\n leaderboardEntry.count = (leaderboardEntry.count || 0) + 1;\n leaderboardEntry.likedBy.push(data.liker);\n await stateClient.updateEntity('leaderboard', data.messageId, leaderboardEntry);\n }\n }\n const allLeaderboardEntries = await stateClient.getEntities('leaderboard');\n if (Array.isArray(allLeaderboardEntries)) {\n const updatedLikedWallets = {};\n allLeaderboardEntries.forEach(entry => {\n updatedLikedWallets[entry.id] = {\n count: entry.count || 0,\n likedBy: entry.likedBy || []\n };\n });\n setLikedWallets(updatedLikedWallets);\n } else {\n setLikedWallets(prev => {\n const newLikedWallets = {\n ...prev\n };\n if (!newLikedWallets[data.messageId]) {\n newLikedWallets[data.messageId] = {\n count: 0,\n likedBy: []\n };\n }\n if (!newLikedWallets[data.messageId].likedBy.includes(data.liker)) {\n newLikedWallets[data.messageId].count = (newLikedWallets[data.messageId].count || 0) + 1;\n if (!newLikedWallets[data.messageId].likedBy) {\n newLikedWallets[data.messageId].likedBy = [];\n }\n newLikedWallets[data.messageId].likedBy.push(data.liker);\n }\n return newLikedWallets;\n });\n }\n } catch (error) {\n console.error(\"Error updating leaderboard in database:\", error);\n }\n }\n function onMessageDeleted(messageId) {\n setMessages(prev => prev.filter(msg => msg.id !== messageId));\n setAllMessages(prev => prev.filter(msg => msg.id !== messageId));\n if (messageId in likedWallets) {\n setLikedWallets(prev => {\n const newLikedWallets = {\n ...prev\n };\n delete newLikedWallets[messageId];\n return newLikedWallets;\n });\n }\n }\n function onAllMessagesCleared() {\n setMessages([]);\n setAllMessages([]);\n setLikedWallets({});\n }\n function onLeaderboardCleared() {\n setLikedWallets({});\n }\n function onMessageHistory() {\n setMessageLoading(false);\n }\n socket.on('connect', onConnect);\n socket.on('disconnect', onDisconnect);\n socket.on('error', onError);\n socket.on('connect_error', onError);\n socket.on('chat_message', onMessage);\n socket.on('devfun:user_count', onUserCount);\n socket.on('wallet_like', onWalletLike);\n socket.on('message_history', onMessageHistory);\n socket.on('message_deleted', onMessageDeleted);\n socket.on('all_messages_cleared', onAllMessagesCleared);\n socket.on('leaderboard_cleared', onLeaderboardCleared);\n if (socket.connected) {\n setIsSocketConnected(true);\n }\n return () => {\n socket.off('connect', onConnect);\n socket.off('disconnect', onDisconnect);\n socket.off('error', onError);\n socket.off('connect_error', onError);\n socket.off('chat_message', onMessage);\n socket.off('devfun:user_count', onUserCount);\n socket.off('wallet_like', onWalletLike);\n socket.off('message_history', onMessageHistory);\n socket.off('message_deleted', onMessageDeleted);\n socket.off('all_messages_cleared', onAllMessagesCleared);\n socket.off('leaderboard_cleared', onLeaderboardCleared);\n };\n }, [messages, allMessages]);\n useEffect(() => {\n if (chatEndRef.current && showChat) {\n chatEndRef.current.scrollIntoView({\n behavior: 'smooth'\n });\n }\n }, [messages, showChat]);\n useEffect(() => {\n if (connected && publicKey) {\n checkTokenBalance();\n loadUserNickname();\n } else {\n setTokenBalance(0);\n setHasPremiumAccess(false);\n setPremiumEnabled(false);\n setNickname('');\n }\n }, [connected, publicKey]);\n const loadUserNickname = async () => {\n if (!connected || !publicKey) return;\n try {\n if (nicknameMap[publicKey.toString()]) {\n setNickname(nicknameMap[publicKey.toString()]);\n return;\n }\n const nicknameData = await stateClient.getEntity('nicknames', publicKey.toString());\n if (nicknameData && nicknameData.nickname) {\n setNickname(nicknameData.nickname);\n setNicknameMap(prev => ({\n ...prev,\n [publicKey.toString()]: nicknameData.nickname\n }));\n }\n } catch (error) {\n console.error(\"Error loading user nickname:\", error);\n }\n };\n const checkTokenBalance = async () => {\n if (!connected || !publicKey) return;\n setIsCheckingBalance(true);\n try {\n const balance = await fetchTokenBalance(publicKey, TOKEN_ADDRESS);\n setTokenBalance(balance);\n const hasAccess = balance >= PREMIUM_REQUIRED_AMOUNT;\n setHasPremiumAccess(hasAccess);\n if (hasAccess && !premiumEnabled) {\n setPremiumEnabled(true);\n setPremiumPulsate(true);\n setTimeout(() => setPremiumPulsate(false), 3000);\n }\n if (!hasAccess && premiumEnabled) {\n setPremiumEnabled(false);\n }\n } catch (error) {\n console.error(\"Error checking token balance:\", error);\n } finally {\n setIsCheckingBalance(false);\n }\n };\n const handleDeleteMessage = async messageId => {\n if (!isAdmin) return;\n try {\n await stateClient.deleteEntity('messages', messageId);\n if (messageId in likedWallets) {\n await stateClient.deleteEntity('leaderboard', messageId);\n }\n setMessages(prev => prev.filter(msg => msg.id !== messageId));\n setAllMessages(prev => prev.filter(msg => msg.id !== messageId));\n if (messageId in likedWallets) {\n setLikedWallets(prev => {\n const newLikedWallets = {\n ...prev\n };\n delete newLikedWallets[messageId];\n return newLikedWallets;\n });\n }\n socket.emit('delete_message', messageId);\n } catch (error) {\n console.error(\"Error deleting message:\", error);\n }\n };\n const handleClearAllMessages = async () => {\n if (!isAdmin) return;\n setShowConfirmClearAll(false);\n try {\n const allMessagesFromDB = await stateClient.getEntities('messages');\n if (Array.isArray(allMessagesFromDB)) {\n for (const message of allMessagesFromDB) {\n await stateClient.deleteEntity('messages', message.id);\n }\n }\n setMessages([]);\n setAllMessages([]);\n socket.emit('clear_all_messages');\n } catch (error) {\n console.error(\"Error clearing all messages:\", error);\n }\n };\n const handleClearLeaderboard = async () => {\n if (!isAdmin) return;\n setShowConfirmClearLeaderboard(false);\n try {\n const allLeaderboardEntries = await stateClient.getEntities('leaderboard');\n if (Array.isArray(allLeaderboardEntries)) {\n for (const entry of allLeaderboardEntries) {\n await stateClient.deleteEntity('leaderboard', entry.id);\n }\n }\n setLikedWallets({});\n socket.emit('clear_leaderboard');\n } catch (error) {\n console.error(\"Error clearing leaderboard:\", error);\n }\n };\n const hasPremium = hasPremiumAccess && premiumEnabled;\n const togglePremium = () => {\n if (!hasPremiumAccess) return;\n setPremiumEnabled(!premiumEnabled);\n setPremiumPulsate(true);\n setTimeout(() => setPremiumPulsate(false), 1500);\n };\n const validateInput = (input, isPremium) => {\n const maxLength = isPremium ? 6 : 4;\n return new RegExp(`^[a-zA-Z0-9]{0,${maxLength}}$`).test(input);\n };\n const handlePrefixChange = e => {\n const newPrefix = e.target.value;\n if (validateInput(newPrefix, hasPremium)) {\n setPrefix(newPrefix);\n }\n };\n const handleSuffixChange = e => {\n const newSuffix = e.target.value;\n if (validateInput(newSuffix, hasPremium)) {\n setSuffix(newSuffix);\n }\n };\n const stopGeneration = useCallback(() => {\n shouldStopRef.current = true;\n if (animationFrameRef.current) {\n cancelAnimationFrame(animationFrameRef.current);\n animationFrameRef.current = null;\n }\n setIsGenerating(false);\n }, []);\n const isMatch = (address, searchTerm, mode) => {\n if (mode === 'both') {\n const prefixMatch = prefix && address.substring(0, prefix.length).toLowerCase() === prefix.toLowerCase();\n const suffixMatch = suffix && address.substring(address.length - suffix.length).toLowerCase() === suffix.toLowerCase();\n return (!prefix || prefixMatch) && (!suffix || suffixMatch) && (prefix || suffix);\n }\n if (!searchTerm) return false;\n if (mode === 'prefix') {\n return address.substring(0, searchTerm.length).toLowerCase() === searchTerm.toLowerCase();\n } else {\n return address.substring(address.length - searchTerm.length).toLowerCase() === searchTerm.toLowerCase();\n }\n };\n const processBatch = (searchTerm, mode, currentBatchSize) => {\n let foundWallet = null;\n let batchAttempts = 0;\n for (let i = 0; i < currentBatchSize; i++) {\n if (shouldStopRef.current) break;\n const keypair = Keypair.generate();\n const publicKey = keypair.publicKey.toBase58();\n batchAttempts++;\n if (isMatch(publicKey, searchTerm, mode)) {\n foundWallet = {\n publicKey,\n secretKey: Array.from(keypair.secretKey)\n };\n break;\n }\n }\n return {\n foundWallet,\n batchAttempts\n };\n };\n const captureScreenshot = useCallback(async () => {\n if (!wallet) return;\n if (screenshotData && screenshotData.dataUrl) {\n const a = document.createElement('a');\n a.href = screenshotData.dataUrl;\n a.download = 'vankey-wallet.png';\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n return;\n }\n const searchTerm = searchMode === 'prefix' ? prefix : suffix;\n try {\n const data = await generateScreenshot(screenshotRef, searchMode, searchTerm);\n if (data && data.dataUrl) {\n const a = document.createElement('a');\n a.href = data.dataUrl;\n a.download = 'vankey-wallet.png';\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n setScreenshotData(data);\n setShowScreenshot(true);\n } else {\n console.error(\"Failed to generate screenshot: No data returned\");\n }\n } catch (error) {\n console.error(\"Error capturing screenshot:\", error);\n }\n }, [wallet, searchMode, prefix, suffix, screenshotData]);\n const generateVanityWallet = useCallback(() => {\n if (wallet) {\n setPreviousWallets(prev => [{\n ...wallet,\n searchMode,\n searchTerm: searchMode === 'both' ? `${prefix}...${suffix}` : searchMode === 'prefix' ? prefix : suffix,\n generationTime: generationTimeSeconds,\n privateKey: formatPrivateKeyForPhantom(wallet.secretKey)\n }, ...prev]);\n }\n shouldStopRef.current = false;\n setTimeout(() => {\n setIsGenerating(true);\n }, 10);\n setAttemptsCount(0);\n setAttemptsPerSecond(0);\n attemptsAccumulatorRef.current = 0;\n lastTimeRef.current = performance.now();\n setGenerationStartTime(performance.now());\n setScreenshotData(null);\n setShowScreenshot(false);\n if (searchMode === 'both' && !prefix && !suffix || searchMode === 'prefix' && !prefix || searchMode === 'suffix' && !suffix) {\n const keypair = Keypair.generate();\n const publicKey = keypair.publicKey.toBase58();\n const secretKey = Array.from(keypair.secretKey);\n const mnemonic = generateMnemonicFromSecretKey(secretKey);\n const endTime = performance.now();\n const genTime = (endTime - generationStartTime) / 1000;\n setGenerationTimeSeconds(genTime);\n setWallet({\n publicKey,\n secretKey,\n mnemonic\n });\n setShowSuccessAnimation(true);\n setIsGenerating(false);\n return;\n }\n const searchTerm = searchMode === 'both' ? 'dual patterns' : searchMode === 'prefix' ? prefix : suffix;\n let currentBatchSize = batchSize;\n let totalAttempts = 0;\n const runGenerationFrame = timestamp => {\n if (shouldStopRef.current) return;\n const deltaTime = timestamp - lastTimeRef.current;\n const batchesPerFrame = 3;\n let foundWallet = null;\n let totalBatchAttempts = 0;\n for (let b = 0; b < batchesPerFrame; b++) {\n if (shouldStopRef.current) break;\n const {\n foundWallet: wallet,\n batchAttempts\n } = processBatch(searchTerm, searchMode, currentBatchSize);\n totalBatchAttempts += batchAttempts;\n if (wallet) {\n foundWallet = wallet;\n break;\n }\n }\n totalAttempts += totalBatchAttempts;\n attemptsAccumulatorRef.current += totalBatchAttempts;\n setAttemptsCount(totalAttempts);\n if (deltaTime > 100) {\n const aps = Math.round(attemptsAccumulatorRef.current / (deltaTime / 1000));\n setAttemptsPerSecond(aps);\n lastTimeRef.current = timestamp;\n attemptsAccumulatorRef.current = 0;\n }\n if (foundWallet) {\n const mnemonic = generateMnemonicFromSecretKey(foundWallet.secretKey);\n const endTime = performance.now();\n const genTime = (endTime - generationStartTime) / 1000;\n setGenerationTimeSeconds(genTime);\n setWallet({\n publicKey: foundWallet.publicKey,\n secretKey: foundWallet.secretKey,\n mnemonic\n });\n setShowSuccessAnimation(true);\n setIsGenerating(false);\n shouldStopRef.current = true;\n setAttemptsCount(0);\n setAttemptsPerSecond(0);\n if (animationFrameRef.current) {\n cancelAnimationFrame(animationFrameRef.current);\n animationFrameRef.current = null;\n }\n return;\n }\n animationFrameRef.current = requestAnimationFrame(runGenerationFrame);\n };\n animationFrameRef.current = requestAnimationFrame(runGenerationFrame);\n return stopGeneration;\n }, [prefix, suffix, searchMode, batchSize, stopGeneration, wallet, generationTimeSeconds]);\n const copyToClipboard = (text, isPrivateKey = false) => {\n const copyWithClipboardAPI = () => {\n return navigator.clipboard.writeText(text).then(() => true).catch(() => false);\n };\n const copyWithExecCommand = () => {\n try {\n const textArea = document.createElement('textarea');\n textArea.value = text;\n textArea.style.position = 'fixed';\n textArea.style.opacity = '0';\n textArea.style.pointerEvents = 'none';\n document.body.appendChild(textArea);\n textArea.focus();\n textArea.select();\n const success = document.execCommand('copy');\n document.body.removeChild(textArea);\n return success;\n } catch (err) {\n console.error('Fallback copy method failed:', err);\n return false;\n }\n };\n copyWithClipboardAPI().then(success => {\n if (!success) {\n return copyWithExecCommand();\n }\n return true;\n }).then(success => {\n if (success) {\n if (isPrivateKey) {\n setCopiedPrivateKey(true);\n setTimeout(() => setCopiedPrivateKey(false), 2000);\n } else {\n setCopiedToClipboard(true);\n setTimeout(() => setCopiedToClipboard(false), 2000);\n }\n } else {\n console.error('Unable to copy to clipboard');\n alert(language === 'en' ? 'Copy failed. Please select and copy the text manually.' : '复制失败。请手动选择并复制文本。');\n }\n });\n };\n useEffect(() => {\n return () => {\n if (animationFrameRef.current) {\n cancelAnimationFrame(animationFrameRef.current);\n }\n };\n }, []);\n useEffect(() => {\n if (showSuccessAnimation) {\n const timer = setTimeout(() => {\n setShowSuccessAnimation(false);\n }, 3000);\n return () => clearTimeout(timer);\n }\n }, [showSuccessAnimation]);\n useEffect(() => {\n if (wallet && showSuccessAnimation) {\n const timer = setTimeout(async () => {\n const data = await generateScreenshot(screenshotRef, searchMode, searchMode === 'prefix' ? prefix : suffix);\n if (data && data.dataUrl) {\n setScreenshotData(data);\n setShowScreenshot(true);\n setIsGenerating(false);\n setAttemptsCount(0);\n setAttemptsPerSecond(0);\n }\n }, 500);\n return () => clearTimeout(timer);\n }\n }, [wallet, showSuccessAnimation, searchMode, prefix, suffix]);\n const getRandomRotation = () => {\n return `${Math.floor(Math.random() * 10) - 5}deg`;\n };\n const getChaosAnimation = index => {\n if (!chaosMode) return {};\n const animations = [{\n scale: [1, 1.05, 0.95, 1],\n rotate: [0, 5, -5, 0]\n }, {\n y: [0, -5, 5, 0],\n x: [0, 5, -5, 0]\n }, {\n opacity: [1, 0.9, 1],\n skew: ['0deg', '2deg', '-2deg', '0deg']\n }, {\n scale: [1, 1.1, 1],\n rotate: [0, -3, 3, 0]\n }];\n const animIndex = index % animations.length;\n return {\n animate: animations[animIndex],\n transition: {\n duration: 2 + index % 3,\n repeat: Infinity,\n repeatType: \"reverse\"\n }\n };\n };\n const getChaosBackground = () => {\n if (!chaosMode) return \"bg-gradient-to-br from-gray-900 via-purple-900 to-black\";\n return \"bg-[conic-gradient(at_top_right,_var(--tw-gradient-stops))] from-pink-500 via-red-500 to-yellow-500 animate-pulse\";\n };\n const getChaosCardBackground = index => {\n if (!chaosMode) return \"bg-gray-900/60 backdrop-blur-lg\";\n const gradients = [\"bg-gradient-to-r from-purple-800/80 via-pink-800/80 to-red-800/80\", \"bg-gradient-to-r from-green-800/80 via-cyan-800/80 to-blue-800/80\", \"bg-gradient-to-r from-yellow-800/80 via-orange-800/80 to-red-800/80\", \"bg-gradient-to-r from-blue-800/80 via-indigo-800/80 to-purple-800/80\"];\n return gradients[index % gradients.length];\n };\n const isNicknameValid = nick => {\n if (!nick) return true;\n if (nick.length > MAX_NICKNAME_LENGTH) {\n setNicknameError(language === 'en' ? t.nicknameTooLong : t.nicknameTooLong);\n return false;\n }\n for (const reservedName of RESERVED_NICKNAMES) {\n if (nick.toLowerCase().includes(reservedName.toLowerCase())) {\n setNicknameError(language === 'en' ? t.nicknameReserved : t.nicknameReserved);\n return false;\n }\n }\n if (existingNicknames.has(nick.toLowerCase())) {\n setNicknameError(language === 'en' ? t.nicknameTaken : t.nicknameTaken);\n return false;\n }\n return true;\n };\n const handleSendMessage = e => {\n e.preventDefault();\n if (!connected || !newMessage.trim()) return;\n if (!isSocketActuallyConnected()) {\n try {\n socket.connect();\n setTimeout(() => {\n if (socket.connected) {\n sendMessageAfterCheck();\n } else {\n alert(language === 'en' ? 'Chat connection lost. Please refresh the page.' : '聊天连接丢失。请刷新页面。');\n }\n }, 500);\n } catch (error) {\n console.error(\"Error reconnecting:\", error);\n alert(language === 'en' ? 'Failed to reconnect to chat. Please refresh the page.' : '重新连接到聊天失败。请刷新页面。');\n }\n return;\n }\n sendMessageAfterCheck();\n };\n const sendMessageAfterCheck = async () => {\n if (!isSocketActuallyConnected()) return;\n const messageData = {\n id: Date.now().toString(),\n sender: publicKey.toString(),\n nickname: nickname || shortAddress(publicKey.toString()),\n content: newMessage,\n timestamp: Date.now(),\n type: 'message'\n };\n try {\n setMessages(prev => [...prev, messageData]);\n setAllMessages(prev => [...prev, messageData]);\n const updatedMessages = [...messages, messageData];\n localStorage.setItem('vankey-chat-messages', JSON.stringify(updatedMessages));\n setNewMessage('');\n messageInputRef.current?.focus();\n try {\n await stateClient.createEntity('messages', messageData);\n } catch (dbError) {\n console.error(\"Error saving message to database:\", dbError);\n }\n socket.emit('chat_message', messageData, response => {\n if (response && response.error) {\n console.error(\"Server error on message:\", response.error);\n }\n });\n } catch (error) {\n console.error(\"Error sending message:\", error);\n alert(language === 'en' ? 'Failed to send message. Please try again.' : '发送消息失败。请重试。');\n }\n };\n const handleShareWallet = async () => {\n if (!connected || !wallet) return;\n if (!isSocketActuallyConnected()) {\n alert(language === 'en' ? 'Chat connection lost. Please refresh the page.' : '聊天连接丢失。请刷新页面。');\n return;\n }\n const messageData = {\n id: Date.now().toString(),\n sender: publicKey.toString(),\n nickname: nickname || shortAddress(publicKey.toString()),\n content: '',\n timestamp: Date.now(),\n type: 'wallet_share',\n wallet: {\n publicKey: wallet.publicKey,\n searchMode,\n searchTerm: searchMode === 'both' ? `${prefix}...${suffix}` : searchMode === 'prefix' ? prefix : suffix\n }\n };\n try {\n try {\n await stateClient.createEntity('messages', messageData);\n await stateClient.createEntity('leaderboard', {\n id: messageData.id,\n count: 0,\n likedBy: []\n });\n } catch (dbError) {\n console.error(\"Error saving wallet share to database:\", dbError);\n }\n socket.emit('chat_message', messageData);\n setMessages(prev => [...prev, messageData]);\n setAllMessages(prev => [...prev, messageData]);\n setLikedWallets(prev => ({\n ...prev,\n [messageData.id]: {\n count: 0,\n likedBy: []\n }\n }));\n setWalletSharePulse(true);\n setTimeout(() => setWalletSharePulse(false), 2000);\n if (!showChat) {\n setShowChat(true);\n }\n } catch (error) {\n console.error(\"Error sharing wallet:\", error);\n alert(language === 'en' ? 'Failed to share wallet. Please try again.' : '分享钱包失败。请重试。');\n }\n };\n const handleLikeWallet = messageId => {\n if (!connected || !publicKey) return;\n if (likedWallets[messageId]?.likedBy?.includes(publicKey.toString())) {\n return;\n }\n setLikedWallets(prev => {\n const newLikedWallets = {\n ...prev\n };\n if (!newLikedWallets[messageId]) {\n newLikedWallets[messageId] = {\n count: 0,\n likedBy: []\n };\n }\n if (!Array.isArray(newLikedWallets[messageId].likedBy)) {\n newLikedWallets[messageId].likedBy = [];\n }\n if (!newLikedWallets[messageId].likedBy.includes(publicKey.toString())) {\n newLikedWallets[messageId] = {\n count: (newLikedWallets[messageId].count || 0) + 1,\n likedBy: [...newLikedWallets[messageId].likedBy, publicKey.toString()]\n };\n }\n try {\n const storedLikes = JSON.parse(localStorage.getItem('vankey-likes') || '{}');\n storedLikes[messageId] = {\n count: newLikedWallets[messageId].count,\n likedBy: newLikedWallets[messageId].likedBy,\n timestamp: Date.now()\n };\n localStorage.setItem('vankey-likes', JSON.stringify(storedLikes));\n } catch (storageError) {\n console.error(\"Error storing likes in localStorage:\", storageError);\n }\n return newLikedWallets;\n });\n if (!isSocketActuallyConnected()) {\n try {\n socket.connect();\n setTimeout(() => {\n if (socket.connected) {\n emitLikeEvent(messageId);\n } else {\n alert(language === 'en' ? 'Chat connection lost. Please refresh the page.' : '聊天连接丢失。请刷新页面。');\n }\n }, 500);\n } catch (error) {\n console.error(\"Error reconnecting:\", error);\n alert(language === 'en' ? 'Failed to reconnect to chat. Please try again.' : '重新连接到聊天失败。请重试。');\n }\n return;\n }\n emitLikeEvent(messageId);\n };\n const emitLikeEvent = async messageId => {\n try {\n const targetMessage = allMessages.find(msg => msg.id === messageId);\n if (!targetMessage) {\n console.error(\"Could not find message with ID:\", messageId);\n return;\n }\n if (likedWallets[messageId]?.likedBy?.includes(publicKey.toString())) {\n return;\n }\n let dbOperationsQueue = [];\n let dbSuccess = false;\n const updateDatabaseWithRetry = async () => {\n try {\n const leaderboardEntry = await stateClient.getEntity('leaderboard', messageId);\n if (leaderboardEntry) {\n const validLikedBy = Array.isArray(leaderboardEntry.likedBy) ? leaderboardEntry.likedBy : [];\n if (!validLikedBy.includes(publicKey.toString())) {\n const updatedEntry = {\n id: messageId,\n count: (leaderboardEntry.count || 0) + 1,\n likedBy: [...validLikedBy, publicKey.toString()]\n };\n dbOperationsQueue.push(async () => {\n await stateClient.updateEntity('leaderboard', messageId, updatedEntry);\n return updatedEntry;\n });\n }\n } else {\n const newEntry = {\n id: messageId,\n count: 1,\n likedBy: [publicKey.toString()]\n };\n dbOperationsQueue.push(async () => {\n await stateClient.createEntity('leaderboard', newEntry);\n return newEntry;\n });\n }\n if (dbOperationsQueue.length > 0) {\n for (let attempt = 0; attempt < 5; attempt++) {\n try {\n const entry = await dbOperationsQueue[0]();\n setLikedWallets(prev => {\n const newState = {\n ...prev\n };\n newState[messageId] = {\n count: entry.count,\n likedBy: entry.likedBy\n };\n try {\n const storedLikes = JSON.parse(localStorage.getItem('vankey-likes') || '{}');\n storedLikes[messageId] = {\n ...newState[messageId],\n timestamp: Date.now()\n };\n localStorage.setItem('vankey-likes', JSON.stringify(storedLikes));\n } catch (storageError) {\n console.error(\"Error storing likes in localStorage:\", storageError);\n }\n return newState;\n });\n dbSuccess = true;\n break;\n } catch (error) {\n console.error(`Database update attempt ${attempt + 1} failed:`, error);\n if (attempt < 4) {\n await new Promise(resolve => setTimeout(resolve, Math.min(1000 * Math.pow(2, attempt), 8000)));\n }\n }\n }\n } else {\n dbSuccess = true;\n }\n } catch (error) {\n console.error(\"Error in database like update:\", error);\n dbSuccess = false;\n }\n return dbSuccess;\n };\n if (!dbSuccess) {\n console.log(\"Primary database update failed, trying alternative method...\");\n try {\n const messageExists = allMessages.some(msg => msg.id === messageId);\n if (messageExists) {\n const fallbackEntry = {\n id: messageId,\n count: 1,\n likedBy: [publicKey.toString()]\n };\n const existingEntry = await stateClient.getEntity('leaderboard', messageId);\n if (existingEntry) {\n const currentLikedBy = Array.isArray(existingEntry.likedBy) ? existingEntry.likedBy : [];\n if (!currentLikedBy.includes(publicKey.toString())) {\n await stateClient.updateEntity('leaderboard', messageId, {\n id: messageId,\n count: (existingEntry.count || 0) + 1,\n likedBy: [...currentLikedBy, publicKey.toString()]\n });\n }\n } else {\n await stateClient.createEntity('leaderboard', fallbackEntry);\n }\n dbSuccess = true;\n }\n } catch (fallbackError) {\n console.error(\"Alternative database update also failed:\", fallbackError);\n try {\n const storedLikes = JSON.parse(localStorage.getItem('vankey-likes') || '{}');\n if (!storedLikes[messageId]) {\n storedLikes[messageId] = {\n count: 0,\n likedBy: []\n };\n }\n if (!storedLikes[messageId].likedBy.includes(publicKey.toString())) {\n storedLikes[messageId].count = (storedLikes[messageId].count || 0) + 1;\n storedLikes[messageId].likedBy.push(publicKey.toString());\n storedLikes[messageId].timestamp = Date.now();\n storedLikes[messageId].needsSync = true;\n localStorage.setItem('vankey-likes', JSON.stringify(storedLikes));\n setLikedWallets(prev => {\n const newState = {\n ...prev\n };\n if (!newState[messageId]) {\n newState[messageId] = {\n count: 0,\n likedBy: []\n };\n }\n if (!newState[messageId].likedBy.includes(publicKey.toString())) {\n newState[messageId] = {\n count: (newState[messageId].count || 0) + 1,\n likedBy: [...(newState[messageId].likedBy || []), publicKey.toString()]\n };\n }\n return newState;\n });\n }\n } catch (storageError) {\n console.error(\"Even localStorage fallback failed:\", storageError);\n }\n }\n }\n socket.emit('wallet_like', {\n messageId,\n liker: publicKey.toString(),\n likerNickname: nickname || shortAddress(publicKey.toString())\n });\n setTimeout(async () => {\n try {\n const entry = await stateClient.getEntity('leaderboard', messageId);\n if (entry) {\n if (publicKey && Array.isArray(entry.likedBy) && !entry.likedBy.includes(publicKey.toString())) {\n const fixedEntry = {\n ...entry,\n count: (entry.count || 0) + 1,\n likedBy: [...entry.likedBy, publicKey.toString()]\n };\n try {\n await stateClient.updateEntity('leaderboard', messageId, fixedEntry);\n console.log(\"Fixed missing like in database during verification\");\n } catch (fixError) {\n console.error(\"Failed to fix database entry:\", fixError);\n }\n }\n setLikedWallets(prev => {\n const newState = {\n ...prev\n };\n newState[messageId] = {\n count: entry.count || 0,\n likedBy: Array.isArray(entry.likedBy) ? entry.likedBy : []\n };\n return newState;\n });\n } else if (publicKey) {\n const recreatedEntry = {\n id: messageId,\n count: 1,\n likedBy: [publicKey.toString()]\n };\n try {\n await stateClient.createEntity('leaderboard', recreatedEntry);\n console.log(\"Recreated missing leaderboard entry during verification\");\n setLikedWallets(prev => {\n const newState = {\n ...prev\n };\n newState[messageId] = {\n count: 1,\n likedBy: [publicKey.toString()]\n };\n return newState;\n });\n } catch (recreateError) {\n console.error(\"Failed to recreate missing entry:\", recreateError);\n }\n }\n } catch (error) {\n console.error(\"Error in verification/fix process:\", error);\n }\n }, 2000);\n } catch (error) {\n console.error(\"Error liking wallet:\", error);\n try {\n setLikedWallets(prev => {\n const newState = {\n ...prev\n };\n if (!newState[messageId]) {\n newState[messageId] = {\n count: 0,\n likedBy: []\n };\n }\n if (publicKey && !newState[messageId].likedBy.includes(publicKey.toString())) {\n newState[messageId] = {\n count: (newState[messageId].count || 0) + 1,\n likedBy: [...(newState[messageId].likedBy || []), publicKey.toString()]\n };\n try {\n const storedLikes = JSON.parse(localStorage.getItem('vankey-likes') || '{}');\n storedLikes[messageId] = {\n ...newState[messageId],\n timestamp: Date.now(),\n needsSync: true\n };\n localStorage.setItem('vankey-likes', JSON.stringify(storedLikes));\n } catch (storageError) {\n console.error(\"Error saving to localStorage in final fallback:\", storageError);\n }\n }\n return newState;\n });\n } catch (finalError) {\n console.error(\"Even final UI update fallback failed:\", finalError);\n }\n }\n };\n const handleSetNickname = async () => {\n if (publicKey?.toString() === \"89CQJ6EkYK2BRFUUHHyqBYw2UtHZEvpBMsQiuunyXxmf\") {\n setNickname(\"VanKey\");\n setIsEditingNickname(false);\n try {\n await stateClient.createEntity('nicknames', {\n id: publicKey.toString(),\n walletAddress: publicKey.toString(),\n nickname: \"VanKey\"\n });\n setNicknameMap(prev => ({\n ...prev,\n [publicKey.toString()]: \"VanKey\"\n }));\n } catch (error) {\n console.error(\"Error saving VanKey nickname to database:\", error);\n }\n return;\n }\n if (!nickname) {\n setIsEditingNickname(false);\n return;\n }\n if (!isNicknameValid(nickname)) {\n return;\n }\n setExistingNicknames(prev => new Set([...prev, nickname.toLowerCase()]));\n setNicknameError('');\n setIsEditingNickname(false);\n try {\n await stateClient.createEntity('nicknames', {\n id: publicKey.toString(),\n walletAddress: publicKey.toString(),\n nickname: nickname\n });\n setNicknameMap(prev => ({\n ...prev,\n [publicKey.toString()]: nickname\n }));\n } catch (error) {\n console.error(\"Error saving nickname to database:\", error);\n }\n };\n useEffect(() => {\n const loadLeaderboardData = async () => {\n try {\n console.log(\"Loading leaderboard data from database\");\n const leaderboardEntries = await stateClient.getEntities('leaderboard');\n const likedWalletsObj = {};\n if (Array.isArray(leaderboardEntries)) {\n leaderboardEntries.forEach(entry => {\n if (entry && entry.id) {\n likedWalletsObj[entry.id] = {\n count: entry.count || 0,\n likedBy: Array.isArray(entry.likedBy) ? entry.likedBy : []\n };\n }\n });\n }\n setLikedWallets(prev => {\n const mergedState = JSON.parse(JSON.stringify(prev || {}));\n Object.keys(likedWalletsObj).forEach(id => {\n if (mergedState[id]) {\n const maxCount = Math.max(mergedState[id].count || 0, likedWalletsObj[id].count || 0);\n const combinedLikedBy = [...new Set([...(mergedState[id].likedBy || []), ...(likedWalletsObj[id].likedBy || [])])];\n mergedState[id] = {\n count: maxCount,\n likedBy: combinedLikedBy\n };\n const shouldUpdateDatabase = maxCount !== likedWalletsObj[id].count || combinedLikedBy.length !== likedWalletsObj[id].likedBy.length;\n if (shouldUpdateDatabase) {\n setTimeout(async () => {\n try {\n await stateClient.updateEntity('leaderboard', id, {\n id,\n count: maxCount,\n likedBy: combinedLikedBy\n });\n console.log(`Synchronized database with merged state for message ${id}`);\n } catch (syncError) {\n console.error(`Error syncing merged state to database for message ${id}:`, syncError);\n }\n }, 500);\n }\n } else {\n mergedState[id] = likedWalletsObj[id];\n }\n });\n console.log(\"Merged leaderboard state:\", Object.keys(mergedState).length, \"entries\");\n return mergedState;\n });\n } catch (error) {\n console.error(\"Error loading leaderboard from database:\", error);\n let retrySuccess = false;\n try {\n console.log(\"Trying alternative loading approach\");\n const walletMessages = allMessages.filter(msg => msg.type === 'wallet_share');\n if (walletMessages.length > 0) {\n const recoveredEntries = {};\n for (const msg of walletMessages) {\n try {\n const entry = await stateClient.getEntity('leaderboard', msg.id);\n if (entry) {\n recoveredEntries[msg.id] = {\n count: entry.count || 0,\n likedBy: Array.isArray(entry.likedBy) ? entry.likedBy : []\n };\n }\n } catch (individualError) {\n console.log(`Could not load entry for message ${msg.id}`, individualError);\n }\n }\n if (Object.keys(recoveredEntries).length > 0) {\n console.log(\"Recovered\", Object.keys(recoveredEntries).length, \"entries individually\");\n setLikedWallets(prev => {\n const mergedState = JSON.parse(JSON.stringify(prev || {}));\n Object.keys(recoveredEntries).forEach(id => {\n if (mergedState[id]) {\n const maxCount = Math.max(mergedState[id].count || 0, recoveredEntries[id].count || 0);\n const combinedLikedBy = [...new Set([...(mergedState[id].likedBy || []), ...(recoveredEntries[id].likedBy || [])])];\n mergedState[id] = {\n count: maxCount,\n likedBy: combinedLikedBy\n };\n } else {\n mergedState[id] = recoveredEntries[id];\n }\n });\n return mergedState;\n });\n retrySuccess = true;\n }\n }\n } catch (alternativeError) {\n console.error(\"Error with alternative loading approach:\", alternativeError);\n }\n if (!retrySuccess) {\n console.log(\"Retrying with exponential backoff\");\n setTimeout(async () => {\n try {\n const retryEntries = await stateClient.getEntities('leaderboard');\n const retryWalletsObj = {};\n if (Array.isArray(retryEntries)) {\n retryEntries.forEach(entry => {\n if (entry && entry.id) {\n retryWalletsObj[entry.id] = {\n count: entry.count || 0,\n likedBy: Array.isArray(entry.likedBy) ? entry.likedBy : []\n };\n }\n });\n setLikedWallets(prev => {\n const mergedState = JSON.parse(JSON.stringify(prev || {}));\n Object.keys(retryWalletsObj).forEach(id => {\n if (mergedState[id]) {\n const maxCount = Math.max(mergedState[id].count || 0, retryWalletsObj[id].count || 0);\n const combinedLikedBy = [...new Set([...(mergedState[id].likedBy || []), ...(retryWalletsObj[id].likedBy || [])])];\n mergedState[id] = {\n count: maxCount,\n likedBy: combinedLikedBy\n };\n } else {\n mergedState[id] = retryWalletsObj[id];\n }\n });\n return mergedState;\n });\n console.log(\"Retry succeeded with\", Object.keys(retryWalletsObj).length, \"entries\");\n }\n } catch (retryError) {\n console.error(\"Error on retry loading leaderboard:\", retryError);\n }\n }, 2000);\n }\n }\n };\n loadLeaderboardData();\n const refreshInterval = setInterval(loadLeaderboardData, 3000);\n const handleVisibilityChange = () => {\n if (!document.hidden) {\n console.log(\"Page visible, reloading leaderboard data\");\n loadLeaderboardData();\n syncPendingLikesFromStorage();\n }\n };\n try {\n const storedLikes = localStorage.getItem('vankey-likes');\n if (storedLikes) {\n const parsedLikes = JSON.parse(storedLikes);\n if (parsedLikes && typeof parsedLikes === 'object') {\n setLikedWallets(prev => {\n const mergedState = JSON.parse(JSON.stringify(prev || {}));\n Object.keys(parsedLikes).forEach(id => {\n if (!mergedState[id]) {\n mergedState[id] = {\n count: parsedLikes[id].count || 0,\n likedBy: parsedLikes[id].likedBy || []\n };\n } else {\n mergedState[id] = {\n count: Math.max(mergedState[id].count || 0, parsedLikes[id].count || 0),\n likedBy: [...new Set([...(mergedState[id].likedBy || []), ...(parsedLikes[id].likedBy || [])])]\n };\n }\n if (parsedLikes[id].needsSync) {\n setTimeout(async () => {\n try {\n const existingEntry = await stateClient.getEntity('leaderboard', id);\n if (existingEntry) {\n const syncedLikedBy = [...new Set([...(existingEntry.likedBy || []), ...(parsedLikes[id].likedBy || [])])];\n const syncedCount = Math.max(existingEntry.count || 0, parsedLikes[id].count || 0, syncedLikedBy.length);\n await stateClient.updateEntity('leaderboard', id, {\n id,\n count: syncedCount,\n likedBy: syncedLikedBy\n });\n } else {\n await stateClient.createEntity('leaderboard', {\n id,\n count: parsedLikes[id].count || 0,\n likedBy: parsedLikes[id].likedBy || []\n });\n }\n const updatedStore = JSON.parse(localStorage.getItem('vankey-likes') || '{}');\n if (updatedStore[id]) {\n updatedStore[id].needsSync = false;\n localStorage.setItem('vankey-likes', JSON.stringify(updatedStore));\n }\n console.log(`Synced pending like for message ${id} from localStorage`);\n } catch (syncError) {\n console.error(`Error syncing pending like for message ${id}:`, syncError);\n }\n }, 1000);\n }\n });\n console.log(\"Loaded backup likes from localStorage with\", Object.keys(mergedState).length, \"entries\");\n return mergedState;\n });\n }\n }\n } catch (storageError) {\n console.error(\"Error loading likes from localStorage:\", storageError);\n }\n const syncPendingLikesFromStorage = () => {\n try {\n const storedLikes = localStorage.getItem('vankey-likes');\n if (storedLikes) {\n const parsedLikes = JSON.parse(storedLikes);\n let pendingSyncCount = 0;\n Object.keys(parsedLikes).forEach(id => {\n if (parsedLikes[id].needsSync) {\n pendingSyncCount++;\n setTimeout(async () => {\n try {\n const existingEntry = await stateClient.getEntity('leaderboard', id);\n if (existingEntry) {\n const syncedLikedBy = [...new Set([...(existingEntry.likedBy || []), ...(parsedLikes[id].likedBy || [])])];\n await stateClient.updateEntity('leaderboard', id, {\n id,\n count: syncedLikedBy.length,\n likedBy: syncedLikedBy\n });\n } else {\n await stateClient.createEntity('leaderboard', {\n id,\n count: parsedLikes[id].count || 0,\n likedBy: parsedLikes[id].likedBy || []\n });\n }\n const updatedStore = JSON.parse(localStorage.getItem('vankey-likes') || '{}');\n if (updatedStore[id]) {\n updatedStore[id].needsSync = false;\n localStorage.setItem('vankey-likes', JSON.stringify(updatedStore));\n }\n console.log(`Synced pending like for message ${id}`);\n } catch (error) {\n console.error(`Error syncing pending like for message ${id}:`, error);\n }\n }, 500);\n }\n });\n if (pendingSyncCount > 0) {\n console.log(`Found ${pendingSyncCount} pending likes to sync from localStorage`);\n }\n }\n } catch (error) {\n console.error(\"Error syncing pending likes from localStorage:\", error);\n }\n };\n document.addEventListener('visibilitychange', handleVisibilityChange);\n window.addEventListener('focus', loadLeaderboardData);\n const handleSocketLike = async data => {\n if (data && data.messageId) {\n try {\n const updatedEntry = await stateClient.getEntity('leaderboard', data.messageId);\n if (updatedEntry) {\n setLikedWallets(prev => {\n const newState = JSON.parse(JSON.stringify(prev || {}));\n newState[data.messageId] = {\n count: updatedEntry.count || 0,\n likedBy: Array.isArray(updatedEntry.likedBy) ? updatedEntry.likedBy : []\n };\n try {\n const storedLikes = JSON.parse(localStorage.getItem('vankey-likes') || '{}');\n storedLikes[data.messageId] = {\n ...newState[data.messageId],\n timestamp: Date.now()\n };\n localStorage.setItem('vankey-likes', JSON.stringify(storedLikes));\n } catch (storageError) {\n console.error(\"Error updating likes in localStorage:\", storageError);\n }\n return newState;\n });\n console.log(`Updated like count for message ${data.messageId} from socket event`);\n } else {\n loadLeaderboardData();\n }\n } catch (error) {\n console.error(\"Error updating specific leaderboard entry:\", error);\n loadLeaderboardData();\n }\n }\n };\n socket.on('wallet_like', handleSocketLike);\n const syncInterval = setInterval(() => {\n if (document.visibilityState === 'visible') {\n try {\n const quietSync = async () => {\n try {\n const entries = await stateClient.getEntities('leaderboard');\n if (Array.isArray(entries) && entries.length > 0) {\n const backupData = {};\n entries.forEach(entry => {\n if (entry && entry.id) {\n backupData[entry.id] = {\n count: entry.count || 0,\n likedBy: Array.isArray(entry.likedBy) ? entry.likedBy : [],\n timestamp: Date.now()\n };\n }\n });\n localStorage.setItem('vankey-likes', JSON.stringify(backupData));\n }\n } catch (syncError) {\n console.log(\"Background sync encountered an error:\", syncError);\n }\n };\n quietSync();\n } catch (error) {\n console.log(\"Error in background sync:\", error);\n }\n }\n }, 60000);\n return () => {\n clearInterval(refreshInterval);\n clearInterval(syncInterval);\n document.removeEventListener('visibilitychange', handleVisibilityChange);\n window.removeEventListener('focus', loadLeaderboardData);\n socket.off('wallet_like', handleSocketLike);\n };\n }, []);\n const getLeaderboard = () => {\n const walletMessages = allMessages.filter(msg => msg.type === 'wallet_share');\n const likedWalletsArray = walletMessages.map(msg => ({\n message: msg,\n likes: likedWallets[msg.id]?.count || 0,\n likedBy: likedWallets[msg.id]?.likedBy || [],\n displayName: nicknameMap[msg.sender] || msg.nickname || shortAddress(msg.sender)\n }));\n Object.keys(likedWallets).forEach(messageId => {\n const exists = likedWalletsArray.some(item => item.message.id === messageId);\n if (!exists) {\n const message = allMessages.find(msg => msg.id === messageId);\n if (message && message.type === 'wallet_share') {\n likedWalletsArray.push({\n message,\n likes: likedWallets[messageId].count || 0,\n likedBy: likedWallets[messageId].likedBy || [],\n displayName: nicknameMap[message.sender] || message.nickname || shortAddress(message.sender)\n });\n }\n }\n });\n return likedWalletsArray.sort((a, b) => b.likes - a.likes).slice(0, 10);\n };\n const shortAddress = address => {\n if (!address) return '';\n return `${address.substring(0, 4)}...${address.substring(address.length - 4)}`;\n };\n const highlightWalletPattern = (address, item) => {\n if (!address) return '';\n if (!item.message.wallet.searchTerm) {\n return address;\n }\n const searchMode = item.message.wallet.searchMode;\n const searchTerm = item.message.wallet.searchTerm;\n if (searchMode === 'both') {\n const parts = searchTerm.split('...');\n const prefix = parts[0];\n const suffix = parts[1];\n if (prefix && suffix) {\n const highlightColor = chaosMode ? 'text-pink-400' : 'text-green-500';\n const prefixEnd = prefix.length;\n const suffixStart = address.length - suffix.length;\n return <>\n {address.substring(0, prefixEnd)}\n {address.substring(prefixEnd, suffixStart)}\n {address.substring(suffixStart)}\n ;\n } else if (prefix) {\n const highlightColor = chaosMode ? 'text-pink-400' : 'text-green-500';\n return <>\n {address.substring(0, prefix.length)}\n {address.substring(prefix.length)}\n ;\n } else if (suffix) {\n const highlightColor = chaosMode ? 'text-pink-400' : 'text-green-500';\n const suffixStart = address.length - suffix.length;\n return <>\n {address.substring(0, suffixStart)}\n {address.substring(suffixStart)}\n ;\n }\n } else if (searchMode === 'prefix' && searchTerm) {\n const highlightColor = chaosMode ? 'text-pink-400' : 'text-green-500';\n return <>\n {address.substring(0, searchTerm.length)}\n {address.substring(searchTerm.length)}\n ;\n } else if (searchMode === 'suffix' && searchTerm) {\n const highlightColor = chaosMode ? 'text-pink-400' : 'text-green-500';\n const suffixStart = address.length - searchTerm.length;\n return <>\n {address.substring(0, suffixStart)}\n {address.substring(suffixStart)}\n ;\n }\n return address;\n };\n const loadMoreMessages = () => {\n setLoadingMoreMessages(true);\n const currentCount = messages.length;\n const moreMessages = allMessages.slice(currentCount, currentCount + 10).reverse();\n if (moreMessages.length > 0) {\n setMessages(prev => [...moreMessages, ...prev]);\n }\n setLoadingMoreMessages(false);\n };\n const handleNicknameChange = e => {\n const newNickname = e.target.value;\n setNickname(newNickname);\n setNicknameError('');\n if (newNickname) {\n if (publicKey?.toString() === \"89CQJ6EkYK2BRFUUHHyqBYw2UtHZEvpBMsQiuunyXxmf\") {\n return;\n }\n if (newNickname.length > MAX_NICKNAME_LENGTH) {\n setNicknameError(language === 'en' ? t.nicknameTooLong : t.nicknameTooLong);\n return;\n }\n for (const reservedName of RESERVED_NICKNAMES) {\n if (newNickname.toLowerCase().includes(reservedName.toLowerCase())) {\n setNicknameError(language === 'en' ? t.nicknameReserved : t.nicknameReserved);\n return;\n }\n }\n if (existingNicknames.has(newNickname.toLowerCase()) && (!nicknameMap[publicKey?.toString()] || nicknameMap[publicKey?.toString()].toLowerCase() !== newNickname.toLowerCase())) {\n setNicknameError(language === 'en' ? t.nicknameTaken : t.nicknameTaken);\n }\n }\n };\n return

\n {}\n

\n \n {}\n \n {showChat && \n {}\n

\n {}\n

\n \n

{t.chat}

\n {userCount} {t.onlineUsers}\n

\n {}\n \n {}\n {isAdmin && }\n \n

\n \n {}\n {isAdmin && showAdminPanel &&

\n \n

{t.adminControls}

\n \n

\n \n \n

\n \n {}\n {showConfirmClearAll &&

{t.clearAllConfirm}

\n \n \n

}\n \n {}\n {showConfirmClearLeaderboard &&

{t.clearLeaderboardConfirm}

\n \n \n

}\n

}\n \n {}\n {isMobile && showLeaderboardMobile &&

\n \n

{t.topWallets}

\n \n

\n {getLeaderboard().length === 0 ?

\n {t.noLikedWallets}\n

: getLeaderboard().map((item, index) => \n

\n {highlightWalletPattern(item.message.wallet.publicKey, item)}\n

\n {t.createdBy}: {item.displayName}\n

\n #{index + 1}\n

\n \n

\n \n \n

\n \n {item.likes}\n

\n )}\n

}\n \n {}\n

\n {}\n

\n {connected ? <>\n {}\n

\n {isEditingNickname ?

\n \n \n

: <>\n

\n \n {t.yourNickname}:\n \n \n {publicKey?.toString() === \"89CQJ6EkYK2BRFUUHHyqBYw2UtHZEvpBMsQiuunyXxmf\" ? \"VanKey\" : nickname || shortAddress(publicKey?.toString())}\n \n

\n \n }\n

\n \n {nicknameError &&

\n {nicknameError}\n

}\n \n {}\n

\n {messageLoading ?

\n \n

: messages.length === 0 ?

\n {t.noMessages}\n

: <>\n {allMessages.length > messages.length &&

\n \n

}\n {messages.map(msg => \n

\n {nicknameMap[msg.sender] || msg.nickname || shortAddress(msg.sender)}\n

\n {new Date(msg.timestamp).toLocaleTimeString()}\n

\n {isAdmin && }\n

\n \n {msg.type === 'message' ?

\n {msg.content}\n

: msg.type === 'wallet_share' ?

\n {nicknameMap[msg.sender] || msg.nickname || shortAddress(msg.sender)} {t.walletShared}\n

\n {highlightWalletPattern(msg.wallet.publicKey, {\n message: msg\n })}\n

\n {msg.wallet.searchMode === 'both' ? `${msg.wallet.searchTerm}` : `${msg.wallet.searchMode}: ${msg.wallet.searchTerm || 'random'}`}\n

\n \n

\n {likedWallets[msg.id]?.count || 0} {t.likeCount}\n

\n {likedWallets[msg.id]?.likedBy?.length > 0 &&

\n {t.likedBy}: {likedWallets[msg.id].likedBy.slice(0, 3).length}\n

}\n

: null}\n )}\n

\n }\n

\n \n {}\n \n :

\n \n

{t.connectToChat}

\n {\n setShowChat(false);\n setChatPosition({\n x: 0,\n y: 0\n });\n }} className={`cosmic-wallet-button ${chaosMode ? 'chaotic-wallet-button' : ''}`} />\n

}\n

\n \n {}\n \n

\n }\n \n\n {}\n \n {showSuccessAnimation && \n

\n \n \n \n \n \n \n

\n }\n \n\n \n

\n {t.appTitle}\n

\n \n

\n {t.appDescription}\n

\n \n

\n \n X\n \n \n Dexscreener\n \n \n PumpFun\n \n \n Telegram\n \n

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

\n {}\n

\n \n {connected ? 'Wallet Active' : t.connectWallet}\n \n

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

\n \n {}\n

\n \n \n {\n if (showChat) {\n setShowChat(false);\n setMessageLoading(false);\n setChatPosition({\n x: 0,\n y: 0\n });\n setChatExpanded(false);\n setShowLeaderboardMobile(false);\n setShowAdminPanel(false);\n } else {\n setShowChat(true);\n const position = getMainContentPosition();\n setChatPosition(position);\n if (!isSocketActuallyConnected()) {\n socket.connect();\n setTimeout(() => {\n if (socket.connected) {\n socket.emit('get_message_history');\n setMessageLoading(true);\n setTimeout(() => setMessageLoading(false), 5000);\n }\n }, 500);\n } else {\n socket.emit('get_message_history');\n setMessageLoading(true);\n setTimeout(() => setMessageLoading(false), 5000);\n }\n }\n }} className={`flex items-center justify-center space-x-2 px-3 py-1.5 text-sm rounded-lg ${chaosMode ? showChat ? 'bg-gradient-to-r from-red-500 via-pink-500 to-purple-500 text-white shadow-lg shadow-pink-500/50' : 'bg-gradient-to-r from-pink-500 via-purple-500 to-blue-500 text-white shadow-lg shadow-pink-500/50' : showChat ? 'bg-red-600 text-white' : 'bg-purple-600 text-white'} transition-all duration-300 w-full h-10`} whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }}>\n {showChat ? : }\n {showChat ? t.closeChat : t.openChat}\n {userCount > 0 && !showChat && \n {userCount}\n }\n \n

\n\n {}\n

\n {t.premiumRequirement}\n

\n \n {}\n {connected &&

\n {isCheckingBalance ?

\n \n {t.scanningCosmic}\n

\n {}\n

\n \n

{t.balanceTitle}

{formatTokenAmount(tokenBalance)}

\n {hasPremiumAccess ? t.premiumEligible : t.regularUser}\n

\n \n {}\n {!hasPremiumAccess &&

\n {t.premiumAccess} {formatTokenAmount(tokenBalance)} / 100\n {Math.min(100, Math.round(tokenBalance / PREMIUM_REQUIRED_AMOUNT * 100))}%\n

\n \n

}\n \n {}\n {hasPremiumAccess && \n

\n {premiumEnabled ? : }\n \n {premiumEnabled ? t.premiumModeActive : t.premiumModeDisabled}\n \n

\n \n

\n }\n

}\n

\n \n\n \n

\n \n \n \n

\n \n

\n {(searchMode === 'prefix' || searchMode === 'both') &&

\n \n {t.addressPrefix} {searchMode === 'both' ? `(${t.maxChars} 3 ${t.chars})` : hasPremium ? `(${t.maxChars} 6 ${t.chars})` : `(${t.maxChars} 4 ${t.chars})`}\n {hasPremium && searchMode !== 'both' && \n {t.premium}}\n \n

\n \n

}\n \n {(searchMode === 'suffix' || searchMode === 'both') &&

\n \n {t.addressSuffix} {searchMode === 'both' ? `(${t.maxChars} 3 ${t.chars})` : hasPremium ? `(${t.maxChars} 6 ${t.chars})` : `(${t.maxChars} 4 ${t.chars})`}\n {hasPremium && searchMode !== 'both' && \n {t.premium}}\n \n

\n \n

}\n \n {searchMode === 'both' &&

\n \n {t.dualTargetingMode}\n

{t.dualTargetingDesc1}

{t.dualTargetingDesc2}

}\n

\n \n {}\n {!hasPremiumAccess && connected &&

\n \n {t.premiumFeaturesLocked}\n

{t.premiumFeatureDesc}

\n \n {t.warningDesc1}\n

\n \n {t.getTokens}\n \n

}\n\n {}\n

\n \n {t.processingPower}\n \n

\n {t.batchSize} {batchSize.toLocaleString()}\n \n

\n \n setBatchSize(parseInt(e.target.value))} disabled={isGenerating} className={`w-full h-2 ${chaosMode ? 'bg-pink-700' : 'bg-gray-700'} rounded-lg appearance-none cursor-pointer ${chaosMode ? 'accent-yellow-500' : 'accent-purple-500'}`} />\n \n

\n {t.standard}\n {t.balanced}\n {t.turbo}\n

\n \n {batchSize >= 1000 &&

\n \n {t.highPowerWarning}\n

}\n \n \n {showBatchInfo && \n Batch size controls how many wallet addresses are checked in each processing cycle. Higher values use more CPU power and find addresses faster, but might temporarily slow down your device. The generator processes multiple batches each cycle for maximum speed. Use a value that matches your computer's capabilities.\n }\n \n

\n\n

\n {!isGenerating ? \n \n {wallet ? t.generateNewWallet : t.generateVanityWallet}\n : <>\n \n {t.stop}\n \n

\n \n {attemptsCount.toLocaleString()} {t.attempts}\n

\n {attemptsPerSecond.toLocaleString()}{t.perSec}\n {t.batch} {batchSize.toLocaleString()}\n {t.estWaitTime} {estimateWaitTime(attemptsPerSecond, searchMode === 'both' ? prefix.length + suffix.length : searchMode === 'prefix' ? prefix.length : suffix.length, language)}\n

\n }\n

\n\n {wallet && \n

\n \n {t.walletGenerated}\n

\n \n

{t.publicAddress}

\n {searchMode === 'prefix' && prefix ? <>\n \n {wallet.publicKey.substring(0, prefix.length)}\n \n {wallet.publicKey.substring(prefix.length)}\n : searchMode === 'suffix' && suffix ? <>\n {wallet.publicKey.substring(0, wallet.publicKey.length - suffix.length)}\n \n {wallet.publicKey.substring(wallet.publicKey.length - suffix.length)}\n \n : searchMode === 'both' && (prefix || suffix) ? <>\n {prefix && \n {wallet.publicKey.substring(0, prefix.length)}\n }\n {wallet.publicKey.substring(prefix ? prefix.length : 0, suffix ? wallet.publicKey.length - suffix.length : wallet.publicKey.length)}\n {suffix && \n {wallet.publicKey.substring(wallet.publicKey.length - suffix.length)}\n }\n : wallet.publicKey}\n

\n \n

\n {t.privateKey}\n {t.neverShare}\n

\n {formatPrivateKeyForPhantom(wallet.secretKey)}\n

\n \n

{t.phantomCompatible}

\n \n

{t.keepSafe}

\n\n {}\n

{t.shareYourWallet}

\n \n \n \n shareOnX(searchMode, prefix, suffix, language)} className={`p-2 ${chaosMode ? 'bg-gradient-to-r from-blue-800 to-purple-800 rounded-lg text-white hover:bg-gradient-to-r hover:from-blue-700 hover:to-purple-700' : 'bg-black rounded-lg text-white hover:bg-gray-800'} transition-colors duration-200`} title=\"Share on X\">\n \n \n \n \n \n {}\n \n {walletSharePulse && }\n \n \n

\n \n {}\n {showScreenshot && screenshotData &&

\n $\"Wallet$ \n

}\n \n {}\n

\n {searchMode === 'both' ? language === 'en' ? `$VanKey generated a wallet with prefix = ${prefix || 'random'} and suffix = ${suffix || 'random'}` : `$VanKey 生成了一个前缀 = ${prefix || '随机'} 和后缀 = ${suffix || '随机'} 的钱包` : language === 'en' ? `$VanKey generated a wallet with ${searchMode === 'prefix' ? 'prefix' : 'suffix'} = ${searchMode === 'prefix' ? prefix : suffix || 'random'}` : `$VanKey 生成了一个${searchMode === 'prefix' ? '前缀' : '后缀'} = ${searchMode === 'prefix' ? prefix : suffix || '随机'} 的钱包`}\n

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

\n \n \n \n {showGuide && \n

\n {t.tipsSummary.map((tip, index) =>

{tip}

)}\n

\n {t.waitTimes.map((time, index) =>

= 4 && hasPremium ? `${chaosMode ? index === 4 ? 'text-pink-400' : 'text-yellow-400' : 'text-emerald-400'} font-bold ${chaosMode ? 'animate-pulse' : ''}` : ''}>\n {time}\n

)}\n

⚡ {t.dualTargetingMode}:

{t.dualTargetingDesc1}

{t.dualTargetingDesc2}

{t.warningTitle}

{t.warningDesc1}

{t.warningDesc2}

{t.balancedModeNote}

{t.powerfulDeviceNote}

{t.privateKeyFormatNote}

\n {hasPremium &&

{t.premiumModeActivated}

}\n {hasPremiumAccess && !premiumEnabled &&

{t.premiumAccessButDisabled}

}\n {!hasPremiumAccess && connected &&

{t.holdTokensForPremium}

}\n

\n }\n \n

\n \n {}\n

\n \n \n \n {showQA && \n

\n {}\n

\n {t.faqItems.map((item, index) =>

{item.question}

\n {item.answer &&

\n {item.answer}\n

}\n {item.list &&

}\n {item.additionalInfo &&

\n {item.additionalInfo}\n

}\n

)}\n

\n }\n \n

\n \n \n \n

{t.footer}

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

;\n}\nexport default App;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"socket.io-client\":\"4.7.1\",\"lucide-react\":\"0.441.0\",\"@solana/web3.js\":\"1.95.3\",\"@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\",\"@devfunlabs/state-client\":\"0.8.1\",\"@devfunlabs/wallet-adapter-devfun\":\"0.3.0\",\"@devfunlabs/web-sdk\":\"0.2.2\",\"react-dom\":\"18.2.0\",\"bip39\":\"3.1.0\",\"bs58\":\"5.0.0\",\"html2canvas\":\"1.4.1\"}}","token",{"_18":74,"_75":76,"_77":78,"_79":80,"_81":82,"_83":84,"_85":86,"_87":40,"_88":40,"_66":67},"VANITYVERSE","symbol","VanKey","price",0.00000669,"marketcap",6717.816,"image","https://pump.mypinata.cloud/ipfs/QmU7fYVzNy1eGLpUCtT5TLrAvubcZSSGfVcPvktSiNzczK?img-width=256&img-dpr=2","website","https://dev.fun/p/d3591ae61c522327e1d5","twitter","https://x.com/VanityVerseFun","devCount","appCount","upstreamApp","isLordOfDev","analytics",[93,97,99,101,103,105,107,109,111,113,115,117,119,121,123,125,127,128,130,131,132,133,135,136,137,139,141,142],{"_94":95,"_96":58},"day","2025-04-04","runCount",{"_94":98,"_96":58},"2025-04-05",{"_94":100,"_96":58},"2025-04-06",{"_94":102,"_96":58},"2025-04-07",{"_94":104,"_96":58},"2025-04-08",{"_94":106,"_96":58},"2025-04-09",{"_94":108,"_96":58},"2025-04-10",{"_94":110,"_96":58},"2025-04-11",{"_94":112,"_96":58},"2025-04-12",{"_94":114,"_96":58},"2025-04-13",{"_94":116,"_96":58},"2025-04-14",{"_94":118,"_96":58},"2025-04-15",{"_94":120,"_96":58},"2025-04-16",{"_94":122,"_96":58},"2025-04-17",{"_94":95,"_96":124},4,{"_94":98,"_96":126},16,{"_94":100,"_96":124},{"_94":102,"_96":129},2,{"_94":104,"_96":124},{"_94":106,"_96":129},{"_94":110,"_96":124},{"_94":112,"_96":134},8,{"_94":114,"_96":124},{"_94":116,"_96":40},{"_94":118,"_96":138},6,{"_94":120,"_96":140},9,{"_94":122,"_96":124},{"_94":143,"_96":144},"2025-04-18",5,"snapshot","ogImage","https://cdn.dev.fun/og/image/d3591ae61c522327e1d5/7410bb82.webp","commitDetail","actionData","errors"]