[{"_1":2,"_117":-5,"_118":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_56":57,"_58":41,"_59":60,"_61":62,"_63":60,"_64":60,"_65":60,"_66":60,"_67":60,"_68":60,"_69":17,"_70":17,"_71":-5,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":-5,"_80":17,"_81":82,"_113":31,"_114":115,"_116":25},"id","4d805bea5e2b2a3ef6d7","isMyApp",false,"name","tokenterm","description","A brutally minimal crypto dashboard that makes you feel like you're hacking the matrix of DeFi. Pure monospaced typography displays real-time token metrics, price movements, and market data in stark terminal-style tables and ASCII charts. No fluff, no gradients, just raw data that hits different when it's presented like you're accessing classified blockchain intel.","brief","Terminal-style crypto dashboard that makes you feel like a blockchain hacker","isLive",true,"isPublic","tags",[29],"🔥","cover","https://cdn.dev.fun/snapshot/4d805bea5e2b2a3ef6d7/95546_aaa09060.webp","cdnUrl","https://cdn.dev.fun/app/4d805bea5e2b2a3ef6d7/95546","createdAt",["D",1756204740281],"updatedAt",["D",1756423081764],"lastCommitId",["B","95546"],"tier",1,"credits",96,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"e1a516b0-7d90-46da-8eeb-58f649cd9eda","uniqueId","fortuneofweb3","username","solanaWallet","DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS","displayName","bio","","avatar","https://cdn.dev.fun/avatar/e1a516b0-7d90-46da-8eeb-58f649cd9eda/842e7d93.webp","commitCount",252,"forkCount","likeCount",0,"runsCount",13,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect } from 'react';\nimport { fetchTokenInfoByAddress, DevappProvider, useDevapp } from '@devfunlabs/web-sdk';\nimport { Connection, PublicKey } from '@solana/web3.js';\nimport { motion } from 'framer-motion';\nimport { BarChart2, Info, Link as LinkIcon, Twitter, Send, Globe, Copy, Check, MoreHorizontal, Share, Activity, Mountain } from 'lucide-react';\nfunction LoadingIndicator({\n text = \"dev is blabbing...\",\n color = \"#4FD48E\",\n showNetworkHint = false,\n size = \"md\"\n}) {\n const [bounce1, setBounce1] = useState(0);\n const [bounce2, setBounce2] = useState(0);\n const [bounce3, setBounce3] = useState(0);\n const sizeConfig = {\n xs: {\n dotSize: \"h-1.5 w-1.5\",\n gap: \"gap-1\",\n bounce: 3,\n textSize: \"text-xs\",\n containerGap: \"gap-1\"\n },\n sm: {\n dotSize: \"h-2 w-2\",\n gap: \"gap-1\",\n bounce: 4,\n textSize: \"text-xs\",\n containerGap: \"gap-2\"\n },\n md: {\n dotSize: \"h-3 w-3\",\n gap: \"gap-2\",\n bounce: 8,\n textSize: \"text-sm\",\n containerGap: \"gap-4\"\n },\n lg: {\n dotSize: \"h-4 w-4\",\n gap: \"gap-2\",\n bounce: 12,\n textSize: \"text-base\",\n containerGap: \"gap-6\"\n }\n };\n const config = sizeConfig[size] || sizeConfig.md;\n useEffect(() => {\n const interval = setInterval(() => {\n setBounce1(Math.sin(Date.now() / 300) * config.bounce);\n setBounce2(Math.sin(Date.now() / 300 + 1) * config.bounce);\n setBounce3(Math.sin(Date.now() / 300 + 2) * config.bounce);\n }, 50);\n return () => clearInterval(interval);\n }, [config.bounce]);\n return

\n {(size === 'md' || size === 'lg') &&

\n {text}\n

}\n {showNetworkHint &&

\n If this takes too long, please check your network connection\n

}\n

;\n}\nconst CURRENCIES = [{\n code: 'usd',\n symbol: '$',\n name: 'US Dollar'\n}, {\n code: 'eur',\n symbol: '€',\n name: 'Euro'\n}, {\n code: 'gbp',\n symbol: '£',\n name: 'British Pound'\n}, {\n code: 'jpy',\n symbol: '¥',\n name: 'Japanese Yen'\n}, {\n code: 'cad',\n symbol: 'C$',\n name: 'Canadian Dollar'\n}, {\n code: 'aud',\n symbol: 'A$',\n name: 'Australian Dollar'\n}, {\n code: 'cny',\n symbol: '¥',\n name: 'Chinese Yuan'\n}, {\n code: 'inr',\n symbol: '₹',\n name: 'Indian Rupee'\n}, {\n code: 'krw',\n symbol: '₩',\n name: 'Korean Won'\n}, {\n code: 'brl',\n symbol: 'R$',\n name: 'Brazilian Real'\n}, {\n code: 'rub',\n symbol: '₽',\n name: 'Russian Ruble'\n}, {\n code: 'btc',\n symbol: '₿',\n name: 'Bitcoin'\n}, {\n code: 'eth',\n symbol: 'Ξ',\n name: 'Ethereum'\n}, {\n code: 'sol',\n symbol: 'SOL',\n name: 'Solana'\n}, {\n code: 'xau',\n symbol: 'Au',\n name: 'Gold (oz)'\n}];\nconst getCurrencySymbol = currencyCode => {\n const currency = CURRENCIES.find(c => c.code === currencyCode);\n return currency?.symbol || '$';\n};\nconst formatPrice = (price, currency = 'usd', extendedData = null) => {\n if (!price && price !== 0) return 'N/A';\n let convertedValue = price;\n if (currency !== 'usd' && extendedData?.geckoPrices) {\n const usdPrice = extendedData.geckoPrices.usd;\n const targetPrice = extendedData.geckoPrices[currency];\n if (usdPrice && targetPrice) {\n const conversionRate = targetPrice / usdPrice;\n convertedValue = price * conversionRate;\n }\n }\n const currencySymbol = getCurrencySymbol(currency);\n if (['btc', 'eth', 'sol'].includes(currency)) {\n return `${currencySymbol}${new Intl.NumberFormat('en-US', {\n maximumFractionDigits: 8,\n minimumFractionDigits: 2\n }).format(convertedValue)}`;\n }\n const decimals = convertedValue < 0.01 ? 8 : convertedValue < 1 ? 6 : 4;\n return `${currencySymbol}${new Intl.NumberFormat('en-US', {\n maximumFractionDigits: decimals,\n minimumFractionDigits: 2\n }).format(convertedValue)}`;\n};\nconst formatNumber = (num, isCurrency = false, currency = 'usd', extendedData = null) => {\n if (!num || isNaN(num)) return 'N/A';\n let convertedValue = num;\n if (isCurrency && currency !== 'usd' && extendedData?.geckoPrices) {\n const usdPrice = extendedData.geckoPrices.usd;\n const targetPrice = extendedData.geckoPrices[currency];\n if (usdPrice && targetPrice) {\n const conversionRate = targetPrice / usdPrice;\n convertedValue = num * conversionRate;\n }\n }\n const currencySymbol = getCurrencySymbol(currency);\n const formatted = new Intl.NumberFormat('en-US', {\n notation: 'compact',\n maximumFractionDigits: 2\n }).format(convertedValue);\n return isCurrency ? `${currencySymbol}${formatted}` : formatted;\n};\nconst AddressDisplay = ({\n address,\n label,\n className = \"\",\n enableSolscanLink = false\n}) => {\n const [copied, setCopied] = useState(false);\n const truncateAddress = addr => {\n if (!addr) return 'N/A';\n if (addr.length <= 12) return addr;\n return `${addr.slice(0, 6)}...${addr.slice(-6)}`;\n };\n const copyToClipboard = async () => {\n if (!address) return;\n try {\n await navigator.clipboard.writeText(address);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n } catch (err) {}\n };\n const openSolscan = () => {\n if (!address) return;\n window.open(`https://solscan.io/account/${address}`, '_blank');\n };\n if (!address) return N/A;\n return

\n \n {truncateAddress(address)}\n \n \n {copied ? : }\n \n

;\n};\nconst connection = new Connection('https://rpc.dev.fun/4d805bea5e2b2a3ef6d7');\nconst CurrencySelector = ({\n selectedCurrency,\n onCurrencyChange\n}) => {\n const [isOpen, setIsOpen] = useState(false);\n const selectedCurrencyData = CURRENCIES.find(c => c.code === selectedCurrency);\n return

\n setIsOpen(!isOpen)} className=\"flex items-center space-x-2 px-3 py-2 bg-[#2D2F4B] border border-[#2a2a3e] hover:bg-[#414360] focus:outline-none text-white transition-colors\" whileHover={{\n scale: 1.02\n }} whileTap={{\n scale: 0.98\n }}>\n \n {selectedCurrencyData?.symbol} {selectedCurrencyData?.code.toUpperCase()}\n \n \n {isOpen && \n {CURRENCIES.map(currency => {\n onCurrencyChange(currency.code);\n setIsOpen(false);\n }} className={`w-full text-left px-4 py-2 text-sm hover:bg-[#414360] flex items-center justify-between transition-colors ${selectedCurrency === currency.code ? 'bg-[#4FD48E] text-black' : 'text-white'}`} whileHover={{\n x: 2\n }}>\n {currency.name}\n {currency.symbol}\n )}\n }\n

;\n};\nconst fetchDexPaprikaData = async contractAddress => {\n try {\n const response = await fetch(`https://api.dexpaprika.com/networks/solana/tokens/${contractAddress}`);\n if (!response.ok) throw new Error('DexPaprika API failed');\n const data = await response.json();\n const summary = data.summary || {};\n const summary24h = summary['24h'] || {};\n const summary6h = summary['6h'] || {};\n const summary1h = summary['1h'] || {};\n return {\n id: data.id,\n name: data.name,\n symbol: data.symbol,\n decimals: data.decimals,\n totalSupply: data.total_supply,\n description: data.description,\n website: data.website,\n addedAt: data.added_at,\n createdAt: data.added_at ? new Date(data.added_at).getTime() / 1000 : null,\n priceUsd: summary.price_usd,\n fdv: summary.fdv,\n liquidityUsd: summary.liquidity_usd,\n pools: summary.pools,\n volume24h: summary24h.volume_usd,\n volume6h: summary6h?.volume_usd,\n volume1h: summary1h?.volume_usd,\n sells24h: summary24h.sells,\n buys24h: summary24h.buys,\n txns24h: summary24h.txns,\n buyUsd24h: summary24h.buy_usd,\n sellUsd24h: summary24h.sell_usd,\n priceChange24h: summary24h.last_price_usd_change ? summary24h.last_price_usd_change * 100 : null,\n priceChange6h: summary6h?.last_price_usd_change ? summary6h.last_price_usd_change * 100 : null,\n priceChange1h: summary1h?.last_price_usd_change ? summary1h.last_price_usd_change * 100 : null,\n lastUpdated: data.last_updated\n };\n } catch (error) {\n return null;\n }\n};\nconst fetchGeckoTerminalData = async contractAddress => {\n try {\n const response = await fetch(`https://api.geckoterminal.com/api/v2/networks/solana/tokens/${contractAddress}/pools`);\n if (!response.ok) throw new Error('GeckoTerminal API failed');\n const data = await response.json();\n if (data.data && data.data.length > 0) {\n const allPools = data.data.map(pool => ({\n poolAddress: pool.id,\n name: pool.attributes?.name || 'Unknown Pool',\n dexId: pool.relationships?.dex?.data?.id || 'Unknown DEX',\n priceUsd: parseFloat(pool.attributes?.base_token_price_usd || '0'),\n volume24h: parseFloat(pool.attributes?.volume_usd?.h24 || '0'),\n liquidity: parseFloat(pool.attributes?.reserve_in_usd || '0'),\n priceChange24h: parseFloat(pool.attributes?.price_change_percentage?.h24 || '0'),\n fdvUsd: parseFloat(pool.attributes?.fdv_usd || '0'),\n marketCapUsd: parseFloat(pool.attributes?.market_cap_usd || '0')\n })).sort((a, b) => b.liquidity - a.liquidity);\n const bestPool = allPools[0];\n return {\n allPools: allPools,\n priceUsd: bestPool?.priceUsd,\n volume24h: bestPool?.volume24h,\n liquidity: bestPool?.liquidity,\n priceChange24h: bestPool?.priceChange24h,\n poolAddress: bestPool?.poolAddress\n };\n }\n return null;\n } catch (error) {\n return null;\n }\n};\nconst fetchCoinGeckoData = async contractAddress => {\n try {\n const response = await fetch(`https://api.coingecko.com/api/v3/coins/solana/contract/${contractAddress}`);\n if (!response.ok) throw new Error('CoinGecko API failed');\n const data = await response.json();\n return {\n id: data.id,\n name: data.name,\n symbol: data.symbol,\n description: data.description?.en,\n image: data.image?.large || data.image?.small || data.image?.thumb,\n homepage: data.links?.homepage?.[0],\n twitter: data.links?.twitter_screen_name ? `https://twitter.com/${data.links.twitter_screen_name}` : null,\n telegram: data.links?.telegram_channel_identifier ? `https://t.me/${data.links.telegram_channel_identifier}` : null,\n categories: data.categories || [],\n rank: data.market_cap_rank,\n athPrice: data.market_data?.ath || {},\n athDate: data.market_data?.ath_date || {},\n atlPrice: data.market_data?.atl || {},\n atlDate: data.market_data?.atl_date || {},\n currentPrice: data.market_data?.current_price || {},\n marketCap: data.market_data?.market_cap || {},\n volume24h: data.market_data?.total_volume || {},\n priceChange1h: data.market_data?.price_change_percentage_1h,\n priceChange24h: data.market_data?.price_change_percentage_24h,\n priceChange7d: data.market_data?.price_change_percentage_7d,\n priceChange30d: data.market_data?.price_change_percentage_30d,\n priceChange1y: data.market_data?.price_change_percentage_1y,\n circulatingSupply: data.market_data?.circulating_supply,\n totalSupply: data.market_data?.total_supply,\n maxSupply: data.market_data?.max_supply,\n fdv: data.market_data?.fully_diluted_valuation || {},\n sentimentVotesUp: data.sentiment_votes_up_percentage,\n sentimentVotesDown: data.sentiment_votes_down_percentage,\n watchlistUsers: data.watchlist_portfolio_users,\n genesisDate: data.genesis_date,\n blockchainSites: data.links?.blockchain_site || []\n };\n } catch (error) {\n return null;\n }\n};\nconst fetchDexScreenerTokenData = async contractAddress => {\n try {\n const response = await fetch(`https://api.dexscreener.com/latest/dex/tokens/${contractAddress}`);\n if (!response.ok) throw new Error('DexScreener token API failed');\n const data = await response.json();\n if (data.pairs && data.pairs.length > 0) {\n const allPairs = data.pairs.map(pair => {\n const txns = pair.txns || {};\n const txns24h = txns.h24 || {};\n const txns6h = txns.h6 || {};\n const txns1h = txns.h1 || {};\n const txns5m = txns.m5 || {};\n let totalTxns24h = null;\n let buys24h = null;\n let sells24h = null;\n if (typeof txns24h === 'object' && txns24h !== null) {\n buys24h = txns24h.buys || 0;\n sells24h = txns24h.sells || 0;\n totalTxns24h = buys24h + sells24h;\n } else if (typeof txns24h === 'number') {\n totalTxns24h = txns24h;\n }\n const volume = pair.volume || {};\n const priceChange = pair.priceChange || {};\n return {\n pairAddress: pair.pairAddress,\n dexId: pair.dexId,\n chainId: pair.chainId,\n url: pair.url,\n labels: pair.labels || [],\n baseToken: pair.baseToken,\n quoteToken: pair.quoteToken,\n priceNative: parseFloat(pair.priceNative || 0),\n price: parseFloat(pair.priceUsd || 0),\n volume24h: volume.h24,\n volume6h: volume.h6,\n volume1h: volume.h1,\n volume5m: volume.m5,\n liquidity: pair.liquidity?.usd,\n liquidityBase: pair.liquidity?.base,\n liquidityQuote: pair.liquidity?.quote,\n priceChange24h: priceChange.h24,\n priceChange6h: priceChange.h6,\n priceChange1h: priceChange.h1,\n priceChange5m: priceChange.m5,\n txns24h: totalTxns24h,\n txns6h: (txns6h.buys || 0) + (txns6h.sells || 0),\n txns1h: (txns1h.buys || 0) + (txns1h.sells || 0),\n txns5m: (txns5m.buys || 0) + (txns5m.sells || 0),\n buys24h: buys24h,\n buys6h: txns6h.buys,\n buys1h: txns1h.buys,\n buys5m: txns5m.buys,\n sells24h: sells24h,\n sells6h: txns6h.sells,\n sells1h: txns1h.sells,\n sells5m: txns5m.sells,\n marketCap: pair.marketCap || pair.fdv,\n fdvUsd: pair.fdv,\n pairCreatedAt: pair.pairCreatedAt,\n info: pair.info || {}\n };\n }).sort((a, b) => (b.liquidity || 0) - (a.liquidity || 0));\n const bestPair = allPairs.reduce((prev, current) => (current.liquidity || 0) > (prev.liquidity || 0) ? current : prev);\n return {\n allPairs: allPairs,\n price: bestPair?.price,\n volume24h: bestPair?.volume24h,\n liquidity: bestPair?.liquidity,\n priceChange24h: bestPair?.priceChange24h,\n txns24h: bestPair?.txns24h,\n buys24h: bestPair?.buys24h,\n sells24h: bestPair?.sells24h,\n marketCap: bestPair?.marketCap,\n fdvUsd: bestPair?.fdvUsd,\n pairAddress: bestPair?.pairAddress,\n dexId: bestPair?.dexId,\n tokenImage: bestPair?.info?.imageUrl,\n tokenSocials: bestPair?.info?.socials || [],\n tokenWebsites: bestPair?.info?.websites || [],\n pairCreatedAt: bestPair?.pairCreatedAt\n };\n }\n return null;\n } catch (error) {\n return null;\n }\n};\nconst getTopHoldersOnly = async (mintAddress, decimals = 6) => {\n try {\n const mintPubkey = new PublicKey(mintAddress);\n const topAccounts = await connection.getTokenLargestAccounts(mintPubkey, 'confirmed');\n const topHolders = topAccounts.value.filter(account => account.uiAmount > 0).slice(0, 20).map(account => ({\n address: account.address.toBase58(),\n balance: account.uiAmount\n }));\n return topHolders;\n } catch (error) {\n return [];\n }\n};\nconst fetchTokenMetadata = async (mintAddress, devbaseClient = null, onHolderDataUpdate = null) => {\n try {\n const mintPubkey = new PublicKey(mintAddress);\n const withTimeout = (promise, timeoutMs = 5000) => {\n return Promise.race([promise, new Promise((_, reject) => setTimeout(() => reject(new Error('Timeout')), timeoutMs))]);\n };\n const [solanaData, coinGeckoData, dexScreenerData, geckoTerminalData, dexPaprikaData] = await Promise.allSettled([(async () => {\n let supply = null;\n let decimals = null;\n let creationTime = null;\n let mintAuthority = null;\n let freezeAuthority = null;\n try {\n const supplyInfo = await withTimeout(connection.getTokenSupply(mintPubkey), 5000);\n supply = supplyInfo.value.uiAmount;\n decimals = supplyInfo.value.decimals;\n } catch (e) {\n console.log('Supply fetch failed:', e.message);\n }\n try {\n const mintInfo = await withTimeout(connection.getAccountInfo(mintPubkey), 5000);\n if (mintInfo && mintInfo.data) {\n const mintData = mintInfo.data;\n if (mintData.length >= 82) {\n const mintAuthorityFlag = mintData[0];\n if (mintAuthorityFlag === 1) {\n const mintAuthorityBytes = mintData.slice(4, 36);\n mintAuthority = new PublicKey(mintAuthorityBytes).toBase58();\n }\n const freezeAuthorityFlag = mintData[36];\n if (freezeAuthorityFlag === 1) {\n const freezeAuthorityBytes = mintData.slice(40, 72);\n freezeAuthority = new PublicKey(freezeAuthorityBytes).toBase58();\n }\n }\n }\n } catch (e) {\n console.log('Mint info fetch failed:', e.message);\n }\n return {\n supply,\n decimals,\n creationTime,\n mintAuthority,\n freezeAuthority,\n creator: mintAuthority\n };\n })(), fetchCoinGeckoData(mintAddress), fetchDexScreenerTokenData(mintAddress), fetchGeckoTerminalData(mintAddress), fetchDexPaprikaData(mintAddress)]);\n const mergedData = {\n supply: null,\n decimals: null,\n topHolders: [],\n creationTime: null,\n totalAccounts: null,\n creator: null,\n mintAuthority: null,\n freezeAuthority: null,\n rank: null,\n athPrice: null,\n athDate: null,\n atlPrice: null,\n priceChange7d: null,\n priceChange30d: null,\n circulatingSupply: null,\n maxSupply: null,\n fdv: null,\n dexPrice: null,\n dexVolume24h: null,\n dexLiquidity: null,\n dexPriceChange24h: null,\n dexTxns24h: null,\n dexBuys24h: null,\n dexSells24h: null,\n pairAddress: null,\n dexId: null,\n verified: null,\n geckoTerminalPrice: null,\n geckoTerminalVolume24h: null,\n geckoTerminalLiquidity: null,\n geckoTerminalPriceChange24h: null,\n dexPaprikaPrice: null,\n dexPaprikaLiquidity: null,\n dexPaprikaVolume24h: null,\n dexPaprikaPriceChange24h: null,\n dexPaprikaMarketCap: null,\n dexPaprikaCreatedAt: null\n };\n if (solanaData.status === 'fulfilled' && solanaData.value) {\n Object.assign(mergedData, solanaData.value);\n }\n if (coinGeckoData.status === 'fulfilled' && coinGeckoData.value) {\n const geckoData = coinGeckoData.value;\n mergedData.geckoName = geckoData.name;\n mergedData.geckoSymbol = geckoData.symbol;\n mergedData.geckoDescription = geckoData.description;\n mergedData.geckoImage = geckoData.image;\n mergedData.geckoHomepage = geckoData.homepage;\n mergedData.geckoTwitter = geckoData.twitter;\n mergedData.geckoTelegram = geckoData.telegram;\n mergedData.geckoCategories = geckoData.categories;\n mergedData.rank = geckoData.rank;\n mergedData.athPrice = geckoData.athPrice;\n mergedData.athDate = geckoData.athDate;\n mergedData.atlPrice = geckoData.atlPrice;\n mergedData.atlDate = geckoData.atlDate;\n mergedData.geckoCurrentPrice = geckoData.currentPrice;\n mergedData.geckoMarketCap = geckoData.marketCap;\n mergedData.geckoVolume24h = geckoData.volume24h;\n mergedData.geckoPrices = geckoData.currentPrice;\n mergedData.geckoMarketCaps = geckoData.marketCap;\n mergedData.geckoVolumes24h = geckoData.volume24h;\n mergedData.geckoFdvs = geckoData.fdv;\n mergedData.priceChange1h = geckoData.priceChange1h;\n mergedData.priceChange24h = geckoData.priceChange24h;\n mergedData.priceChange7d = geckoData.priceChange7d;\n mergedData.priceChange30d = geckoData.priceChange30d;\n mergedData.priceChange1y = geckoData.priceChange1y;\n mergedData.circulatingSupply = geckoData.circulatingSupply;\n mergedData.totalSupply = geckoData.totalSupply;\n mergedData.maxSupply = geckoData.maxSupply;\n mergedData.fdv = geckoData.fdv;\n mergedData.sentimentVotesUp = geckoData.sentimentVotesUp;\n mergedData.sentimentVotesDown = geckoData.sentimentVotesDown;\n mergedData.watchlistUsers = geckoData.watchlistUsers;\n mergedData.genesisDate = geckoData.genesisDate;\n mergedData.blockchainSites = geckoData.blockchainSites;\n if (!mergedData.supply && geckoData.totalSupply) {\n mergedData.supply = geckoData.totalSupply;\n }\n }\n if (dexScreenerData.status === 'fulfilled' && dexScreenerData.value) {\n const dexData = dexScreenerData.value;\n mergedData.allPairs = dexData.allPairs;\n mergedData.dexPrice = dexData.price;\n mergedData.dexVolume24h = dexData.volume24h;\n mergedData.dexLiquidity = dexData.liquidity;\n mergedData.dexPriceChange24h = dexData.priceChange24h;\n mergedData.dexTxns24h = dexData.txns24h;\n mergedData.dexBuys24h = dexData.buys24h;\n mergedData.dexSells24h = dexData.sells24h;\n mergedData.pairAddress = dexData.pairAddress;\n mergedData.dexId = dexData.dexId;\n mergedData.dexTokenImage = dexData.tokenImage;\n mergedData.dexTokenSocials = dexData.tokenSocials;\n mergedData.dexTokenWebsites = dexData.tokenWebsites;\n mergedData.dexPairCreatedAt = dexData.pairCreatedAt;\n mergedData.dexFdvUsd = dexData.fdvUsd;\n if (dexData.fdvUsd && !mergedData.fdv && !mergedData.geckoFdvs) {\n mergedData.fdv = dexData.fdvUsd;\n } else if (dexData.marketCap && !mergedData.fdv && !mergedData.geckoFdvs) {\n mergedData.fdv = dexData.marketCap;\n }\n if (dexData.pairCreatedAt) {\n mergedData.creationTime = Math.floor(dexData.pairCreatedAt / 1000);\n }\n }\n if (geckoTerminalData.status === 'fulfilled' && geckoTerminalData.value) {\n mergedData.allPools = geckoTerminalData.value.allPools;\n mergedData.geckoTerminalPrice = geckoTerminalData.value.priceUsd;\n mergedData.geckoTerminalVolume24h = geckoTerminalData.value.volume24h;\n mergedData.geckoTerminalLiquidity = geckoTerminalData.value.liquidity;\n mergedData.geckoTerminalPriceChange24h = geckoTerminalData.value.priceChange24h;\n if (!mergedData.dexPrice) {\n mergedData.dexPrice = geckoTerminalData.value.priceUsd;\n }\n if (!mergedData.dexVolume24h) {\n mergedData.dexVolume24h = geckoTerminalData.value.volume24h;\n }\n if (!mergedData.dexLiquidity) {\n mergedData.dexLiquidity = geckoTerminalData.value.liquidity;\n }\n }\n if (dexPaprikaData.status === 'fulfilled' && dexPaprikaData.value) {\n const paprikaData = dexPaprikaData.value;\n mergedData.dexPaprikaPrice = paprikaData.priceUsd;\n mergedData.dexPaprikaLiquidity = paprikaData.liquidityUsd;\n mergedData.dexPaprikaVolume24h = paprikaData.volume24h;\n mergedData.dexPaprikaPriceChange24h = paprikaData.priceChange24h;\n mergedData.dexPaprikaMarketCap = paprikaData.fdv;\n mergedData.dexPaprikaCreatedAt = paprikaData.addedAt;\n mergedData.dexPaprikaTxns24h = paprikaData.txns24h;\n mergedData.dexPaprikaBuys24h = paprikaData.buys24h;\n mergedData.dexPaprikaSells24h = paprikaData.sells24h;\n mergedData.dexPaprikaPools = paprikaData.pools;\n if (paprikaData.createdAt && !mergedData.creationTime) {\n mergedData.creationTime = paprikaData.createdAt;\n }\n if (!mergedData.dexPrice) {\n mergedData.dexPrice = paprikaData.priceUsd;\n }\n if (!mergedData.dexVolume24h) {\n mergedData.dexVolume24h = paprikaData.volume24h;\n }\n if (!mergedData.dexLiquidity) {\n mergedData.dexLiquidity = paprikaData.liquidityUsd;\n }\n if (!mergedData.fdv && !mergedData.geckoFdvs && paprikaData.fdv) {\n mergedData.fdv = paprikaData.fdv;\n }\n if (!mergedData.decimals && paprikaData.decimals) {\n mergedData.decimals = paprikaData.decimals;\n }\n if (!mergedData.supply && paprikaData.totalSupply) {\n mergedData.supply = paprikaData.totalSupply;\n }\n }\n if (!mergedData.supply && mergedData.totalSupply) {\n mergedData.supply = mergedData.totalSupply;\n }\n if (!mergedData.supply && mergedData.circulatingSupply) {\n mergedData.supply = mergedData.circulatingSupply;\n }\n if (!mergedData.supply && dexPaprikaData.status === 'fulfilled' && dexPaprikaData.value?.totalSupply) {\n mergedData.supply = dexPaprikaData.value.totalSupply;\n }\n if (!mergedData.decimals) {\n mergedData.decimals = 6;\n }\n if (!mergedData.creationTime && dexScreenerData.status === 'fulfilled' && dexScreenerData.value?.pairCreatedAt) {\n mergedData.creationTime = Math.floor(dexScreenerData.value.pairCreatedAt / 1000);\n }\n if (!mergedData.creationTime && dexPaprikaData.status === 'fulfilled' && dexPaprikaData.value?.createdAt) {\n mergedData.creationTime = dexPaprikaData.value.createdAt;\n }\n if (!mergedData.fdv && !mergedData.geckoFdvs) {\n if (mergedData.dexFdvUsd) {\n mergedData.fdv = mergedData.dexFdvUsd;\n } else {\n const currentPrice = mergedData.dexPrice || 0;\n const totalSupply = mergedData.supply || mergedData.totalSupply || 0;\n if (currentPrice && totalSupply) {\n const calculatedFdv = currentPrice * totalSupply;\n mergedData.fdv = calculatedFdv;\n }\n }\n }\n if (onHolderDataUpdate) {\n setTimeout(async () => {\n try {\n console.log('Fetching top 20 holders...');\n const topHolders = await getTopHoldersOnly(mintAddress);\n if (topHolders.length > 0) {\n mergedData.topHolders = topHolders;\n onHolderDataUpdate(mergedData);\n } else {\n console.log('No holder data found');\n onHolderDataUpdate(mergedData);\n }\n } catch (error) {\n console.log('Holder data fetch error:', error.message);\n onHolderDataUpdate(mergedData);\n }\n }, 500);\n }\n return mergedData;\n } catch (error) {\n return {\n supply: null,\n decimals: null,\n creationTime: null,\n totalAccounts: null,\n creator: null\n };\n }\n};\nconst generateAdvancedMetrics = (token, extendedData) => {\n const currentPrice = token.price;\n const marketCap = token.marketcap;\n const volume24h = token.volumeIn24h;\n const liquidity = token.liquidityInUSD;\n if (!currentPrice || !marketCap) {\n return null;\n }\n const metrics = {\n volumeMarketCapRatio: volume24h && marketCap > 0 ? volume24h / marketCap * 100 : null,\n liquidityMarketCapRatio: liquidity && marketCap > 0 ? liquidity / marketCap * 100 : null,\n fdv: extendedData?.supply && currentPrice ? currentPrice * extendedData.supply : null\n };\n return metrics;\n};\nconst PoolSelector = ({\n pools,\n selectedPool,\n onPoolChange,\n formatNumberForPool,\n selectedCurrency\n}) => {\n if (!pools || pools.length <= 1) return null;\n return

\n Select Pool\n \n

;\n};\nconst TradeSimulator = ({\n token,\n extendedData,\n selectedCurrency\n}) => {\n const [inputAmount, setInputAmount] = useState('1');\n const [inputCurrency, setInputCurrency] = useState(selectedCurrency);\n const [outputAmount, setOutputAmount] = useState('0');\n const [mode, setMode] = useState('buy');\n const currentPrice = token.price || extendedData?.dexPrice || 0;\n useEffect(() => {\n setInputCurrency(selectedCurrency);\n }, [selectedCurrency]);\n useEffect(() => {\n if (!inputAmount || !currentPrice) {\n setOutputAmount('0');\n return;\n }\n const amount = parseFloat(inputAmount);\n if (isNaN(amount)) {\n setOutputAmount('0');\n return;\n }\n if (mode === 'buy') {\n let usdAmount = amount;\n if (inputCurrency === 'sol') {\n const solToUsd = extendedData?.geckoPrices?.sol || 220;\n usdAmount = amount * solToUsd;\n } else if (inputCurrency !== 'usd' && extendedData?.geckoPrices) {\n const currencyToUsd = extendedData.geckoPrices.usd / (extendedData.geckoPrices[inputCurrency] || 1);\n usdAmount = amount * currencyToUsd;\n }\n const tokenAmount = usdAmount / currentPrice;\n setOutputAmount(tokenAmount.toFixed(6));\n } else {\n const usdAmount = amount * currentPrice;\n if (inputCurrency === 'sol') {\n const solToUsd = extendedData?.geckoPrices?.sol || 220;\n const solAmount = usdAmount / solToUsd;\n setOutputAmount(solAmount.toFixed(6));\n } else if (inputCurrency !== 'usd' && extendedData?.geckoPrices) {\n const usdToCurrency = (extendedData.geckoPrices[inputCurrency] || 1) / extendedData.geckoPrices.usd;\n const currencyAmount = usdAmount * usdToCurrency;\n setOutputAmount(currencyAmount.toFixed(2));\n } else {\n setOutputAmount(usdAmount.toFixed(2));\n }\n }\n }, [inputAmount, inputCurrency, currentPrice, extendedData, mode, selectedCurrency]);\n const handleSwap = () => {\n setMode(mode === 'buy' ? 'sell' : 'buy');\n setInputAmount(outputAmount);\n setOutputAmount(inputAmount);\n };\n return \n

\n {}\n

\n setInputAmount(e.target.value)} placeholder=\"0.00\" className=\"flex-1 p-3 bg-transparent text-white font-mono focus:outline-none\" />\n

\n {mode === 'buy' ? <>\n setInputCurrency(selectedCurrency)} className={`px-2 py-1 text-xs font-bold uppercase transition-colors ${inputCurrency === selectedCurrency ? 'bg-[#4FD48E] text-black' : 'text-[#A6A6A6] hover:text-white'}`} whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }}>\n ✓ {getCurrencySymbol(selectedCurrency)}{selectedCurrency.toUpperCase()}\n \n setInputCurrency('sol')} className={`px-2 py-1 text-xs font-bold uppercase transition-colors ${inputCurrency === 'sol' ? 'bg-[#4FD48E] text-black' : 'text-[#A6A6A6] hover:text-white'}`} whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }}>\n ✓ SOL\n \n : {token.symbol}}\n

\n {}\n

\n \n \n \n

\n {}\n

\n \n

\n {mode === 'buy' ? {token.symbol} :

\n setInputCurrency(selectedCurrency)} className={`px-2 py-1 text-xs font-bold uppercase transition-colors ${inputCurrency === selectedCurrency ? 'bg-[#4FD48E] text-black' : 'text-[#A6A6A6] hover:text-white'}`} whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }}>\n ✓ {getCurrencySymbol(selectedCurrency)}{selectedCurrency.toUpperCase()}\n \n setInputCurrency('sol')} className={`px-2 py-1 text-xs font-bold uppercase transition-colors ${inputCurrency === 'sol' ? 'bg-[#4FD48E] text-black' : 'text-[#A6A6A6] hover:text-white'}`} whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }}>\n ✓ SOL\n \n

}\n

\n {}\n

1 {token.symbol} = SOL{(() => {\n if (extendedData?.geckoPrices?.sol) {\n return extendedData.geckoPrices.sol.toFixed(8);\n }\n if (!currentPrice) return '0.00000000';\n const estimatedSolPrice = 220;\n const solPrice = currentPrice / estimatedSolPrice;\n return solPrice.toFixed(8);\n })()}

\n ;\n};\nconst PoolDepthAnalysis = ({\n pools,\n selectedCurrency\n}) => {\n if (!pools || pools.length === 0) return null;\n const totalLiquidity = pools.reduce((sum, pool) => sum + (pool.liquidity || 0), 0);\n return \n

POOL DEPTH ANALYSIS

\n {pools.slice(0, 5).map((pool, index) => {\n const percentage = totalLiquidity > 0 ? pool.liquidity / totalLiquidity * 100 : 0;\n const barWidth = Math.max(percentage, 1);\n return \n

\n {pool.dexId?.toUpperCase()}\n

\n \n

\n {percentage.toFixed(1)}%\n

\n {formatNumber(pool.liquidity, true, selectedCurrency)}\n

\n ;\n })}\n

\n TOTAL LIQUIDITY: {formatNumber(totalLiquidity, true, selectedCurrency)}\n

\n ;\n};\nconst BasicTokenInfo = ({\n token,\n extendedData,\n selectedCurrency\n}) => {\n return

\n {}\n \n

TOKEN INFORMATION

\n CONTRACT\n \n

\n CREATOR\n \n

\n CREATED\n \n {extendedData?.creationTime ? (() => {\n const creationDate = new Date(extendedData.creationTime * 1000);\n const now = new Date();\n const ageInDays = Math.floor((now - creationDate) / (1000 * 60 * 60 * 24));\n return `${creationDate.toLocaleDateString()} (${ageInDays}d)`;\n })() : 'N/A'}\n \n

\n DECIMALS\n {extendedData?.decimals || 'N/A'}\n

\n SUPPLY\n {formatNumber(extendedData?.supply || token.total_supply, false)}\n

\n {extendedData?.rank &&

\n RANK\n #{extendedData.rank}\n

}\n

\n \n

;\n};\nconst getPrice = (priceObj, currency) => {\n if (!priceObj || typeof priceObj !== 'object') return null;\n return priceObj[currency] || priceObj.usd;\n};\nconst getConsistentValues = (tokenData, extendedData, selectedCurrency) => {\n const currentPrice = getPrice(extendedData?.geckoPrices, selectedCurrency) || tokenData?.price || extendedData?.dexPrice;\n const marketCap = getPrice(extendedData?.geckoMarketCaps, selectedCurrency) || tokenData?.marketcap;\n const volume24h = getPrice(extendedData?.geckoVolumes24h, selectedCurrency) || tokenData?.volumeIn24h || extendedData?.dexVolume24h;\n let fdv = getPrice(extendedData?.geckoFdvs, selectedCurrency);\n if (!fdv && extendedData?.dexFdvUsd) {\n let fdvValue = extendedData.dexFdvUsd;\n if (selectedCurrency !== 'usd' && extendedData?.geckoPrices) {\n const usdPrice = extendedData.geckoPrices.usd;\n const targetPrice = extendedData.geckoPrices[selectedCurrency];\n if (usdPrice && targetPrice) {\n const conversionRate = targetPrice / usdPrice;\n fdvValue = extendedData.dexFdvUsd * conversionRate;\n }\n }\n fdv = fdvValue;\n }\n if (!fdv && extendedData?.fdv) {\n let fdvValue = extendedData.fdv;\n if (selectedCurrency !== 'usd' && extendedData?.geckoPrices) {\n const usdPrice = extendedData.geckoPrices.usd;\n const targetPrice = extendedData.geckoPrices[selectedCurrency];\n if (usdPrice && targetPrice) {\n const conversionRate = targetPrice / usdPrice;\n fdvValue = extendedData.fdv * conversionRate;\n }\n }\n fdv = fdvValue;\n }\n if (!fdv && marketCap) {\n fdv = marketCap;\n }\n return {\n currentPrice,\n marketCap,\n volume24h,\n fdv\n };\n};\nconst TokenAnalytics = ({\n token,\n extendedData,\n selectedCurrency\n}) => {\n const [, setAdvancedMetrics] = useState(null);\n const [selectedDexPool, setSelectedDexPool] = useState(null);\n const [holdersCollapsed, setHoldersCollapsed] = useState(true);\n useEffect(() => {\n const metrics = generateAdvancedMetrics(token, extendedData);\n setAdvancedMetrics(metrics);\n if (extendedData?.allPairs && extendedData.allPairs.length > 0) {\n setSelectedDexPool(extendedData.allPairs[0]);\n }\n }, [token, extendedData]);\n const formatDate = timestamp => {\n if (!timestamp) return 'N/A';\n return new Date(timestamp).toLocaleDateString();\n };\n const priceChangeColor = token.priceChangeIn24h && token.priceChangeIn24h >= 0 ? 'text-green-500' : token.priceChangeIn24h && token.priceChangeIn24h < 0 ? 'text-red-500' : 'text-gray-500';\n const currentPrice = getPrice(extendedData?.geckoPrices, selectedCurrency) || token.price;\n const marketCap = getPrice(extendedData?.geckoMarketCaps, selectedCurrency) || token.marketcap;\n const volume24h = getPrice(extendedData?.geckoVolumes24h, selectedCurrency) || token.volumeIn24h;\n const athPrice = getPrice(extendedData?.athPrice, selectedCurrency);\n const atlPrice = getPrice(extendedData?.atlPrice, selectedCurrency);\n let fdv = getPrice(extendedData?.geckoFdvs, selectedCurrency);\n if (!fdv && extendedData?.dexFdvUsd) {\n let fdvValue = extendedData.dexFdvUsd;\n if (selectedCurrency !== 'usd' && extendedData?.geckoPrices) {\n const usdPrice = extendedData.geckoPrices.usd;\n const targetPrice = extendedData.geckoPrices[selectedCurrency];\n if (usdPrice && targetPrice) {\n const conversionRate = targetPrice / usdPrice;\n fdvValue = extendedData.dexFdvUsd * conversionRate;\n }\n }\n fdv = fdvValue;\n }\n if (!fdv && extendedData?.fdv) {\n let fdvValue = extendedData.fdv;\n if (selectedCurrency !== 'usd' && extendedData?.geckoPrices) {\n const usdPrice = extendedData.geckoPrices.usd;\n const targetPrice = extendedData.geckoPrices[selectedCurrency];\n if (usdPrice && targetPrice) {\n const conversionRate = targetPrice / usdPrice;\n fdvValue = extendedData.fdv * conversionRate;\n }\n }\n fdv = fdvValue;\n }\n if (!fdv && marketCap) {\n fdv = marketCap;\n }\n return

\n {}\n \n

KEY METRICS

PRICE

\n {formatPrice(currentPrice || extendedData?.dexPrice, selectedCurrency, extendedData)}\n

\n {token.priceChangeIn24h || extendedData?.dexPriceChange24h || extendedData?.priceChange24h ? `${(token.priceChangeIn24h || extendedData?.dexPriceChange24h || extendedData?.priceChange24h).toFixed(2)}% (24h)` : 'N/A'}\n

MARKET CAP

{formatNumber(marketCap, true, selectedCurrency, extendedData)}

24H VOLUME

{formatNumber(volume24h || extendedData?.dexVolume24h, true, selectedCurrency, extendedData)}

FDV

{formatNumber(fdv, true, selectedCurrency, extendedData)}

LIQUIDITY

{formatNumber(extendedData?.dexLiquidity || token.liquidityInUSD, true, selectedCurrency, extendedData)}

\n {extendedData?.watchlistUsers &&

WATCHLIST

{formatNumber(extendedData.watchlistUsers, false)}

}\n

\n \n

TRANSACTIONS / HOLDERS / TRADERS

LIVE DATA

\n {}\n

Total Txns (24h)

\n {extendedData?.dexTxns24h || (token.buyTxIn24h || 0) + (token.sellTxIn24h || 0) || 'N/A'}\n

Buys (24h)

\n {extendedData?.dexBuys24h || token.buyTxIn24h || 'N/A'}\n

Sells (24h)

\n {extendedData?.dexSells24h || token.sellTxIn24h || 'N/A'}\n

Buy/Sell Ratio

\n {(() => {\n const buys = extendedData?.dexBuys24h || token.buyTxIn24h || 0;\n const sells = extendedData?.dexSells24h || token.sellTxIn24h || 0;\n if (buys + sells === 0) return 'N/A';\n return `${(buys / (buys + sells) * 100).toFixed(1)}%`;\n })()}\n

\n {}\n

Activity Breakdown

\n \n \n \n \n \n \n \n \n \n \n \n \n {extendedData?.allPairs?.[0] && [{\n period: '5m',\n buys: extendedData.allPairs[0].buys5m,\n sells: extendedData.allPairs[0].sells5m,\n volume: extendedData.allPairs[0].volume5m\n }, {\n period: '1h',\n buys: extendedData.allPairs[0].buys1h,\n sells: extendedData.allPairs[0].sells1h,\n volume: extendedData.allPairs[0].volume1h\n }, {\n period: '6h',\n buys: extendedData.allPairs[0].buys6h,\n sells: extendedData.allPairs[0].sells6h,\n volume: extendedData.allPairs[0].volume6h\n }, {\n period: '24h',\n buys: extendedData.allPairs[0].buys24h,\n sells: extendedData.allPairs[0].sells24h,\n volume: extendedData.allPairs[0].volume24h\n }].map((timeframe, index) => \n \n \n \n \n \n \n )}\n {!extendedData?.allPairs?.[0] && \n \n }\n \n

Timeframe	Buys	Sells	Total	Volume	Sentiment
{timeframe.period}	\n {timeframe.buys \|\| 0}\n	\n {timeframe.sells \|\| 0}\n	\n {(timeframe.buys \|\| 0) + (timeframe.sells \|\| 0)}\n	\n {timeframe.volume ? formatNumber(timeframe.volume, true, selectedCurrency, extendedData) : 'N/A'}\n	\n {(() => {\n const total = (timeframe.buys \|\| 0) + (timeframe.sells \|\| 0);\n if (total === 0) return NEUTRAL;\n const buyRatio = (timeframe.buys \|\| 0) / total;\n if (buyRatio > 0.6) return BULLISH;\n if (buyRatio < 0.4) return BEARISH;\n return NEUTRAL;\n })()}\n
\n NO DETAILED TRANSACTION DATA AVAILABLE\n

\n {}\n

Avg Trade Size

\n {(() => {\n const volume = extendedData?.dexVolume24h || token.volumeIn24h;\n const txns = extendedData?.dexTxns24h || (token.buyTxIn24h || 0) + (token.sellTxIn24h || 0);\n if (!volume || !txns || txns === 0) return 'N/A';\n return formatNumber(volume / txns, true, selectedCurrency, extendedData);\n })()}\n

Volume/Mcap Ratio

\n {(() => {\n const volume = extendedData?.dexVolume24h || token.volumeIn24h;\n const marketCap = getConsistentValues(token, extendedData, selectedCurrency).marketCap;\n if (!volume || !marketCap || marketCap === 0) return 'N/A';\n return `${(volume / marketCap * 100).toFixed(2)}%`;\n })()}\n

\n \n {(athPrice || atlPrice) && \n

HISTORICAL PERFORMANCE

\n {athPrice && \n

ALL TIME HIGH

{formatPrice(athPrice, selectedCurrency, extendedData)}

{formatDate(extendedData.athDate?.[selectedCurrency])}

\n {currentPrice ? `${((currentPrice - athPrice) / athPrice * 100).toFixed(1)}% FROM ATH` : 'N/A'}\n

\n }\n {atlPrice && \n

ALL TIME LOW

{formatPrice(atlPrice, selectedCurrency, extendedData)}

{formatDate(extendedData.atlDate?.[selectedCurrency])}

\n {currentPrice ? `${((currentPrice - atlPrice) / atlPrice * 100).toFixed(1)}% FROM ATL` : 'N/A'}\n

\n }\n

\n }\n {(extendedData?.allPairs || extendedData?.pairAddress) && \n

POOL ANALYTICS

\n {extendedData?.allPairs && extendedData.allPairs.length > 0 &&

Available Trading Pools

\n formatNumber(num, isCurrency, selectedCurrency, extendedData)} selectedCurrency={selectedCurrency} />\n {selectedDexPool && \n

Price

{formatPrice(selectedDexPool.price, selectedCurrency, extendedData)}

24h Volume

{formatNumber(selectedDexPool.volume24h, true, selectedCurrency, extendedData)}

Liquidity

{formatNumber(selectedDexPool.liquidity, true, selectedCurrency, extendedData)}

24h Change

= 0 ? 'text-[#4FD48E]' : 'text-red-400'}`}>\n {selectedDexPool.priceChange24h ? selectedDexPool.priceChange24h.toFixed(2) : '0.00'}%\n

Trading Activity

\n Buys (24h)\n {selectedDexPool.buys24h || 'N/A'}\n

\n Sells (24h)\n {selectedDexPool.sells24h || 'N/A'}\n

\n Total Txns\n {selectedDexPool.txns24h || 'N/A'}\n

\n {selectedDexPool.buys24h && selectedDexPool.sells24h &&

\n Buy/Sell Ratio\n \n {(selectedDexPool.buys24h / (selectedDexPool.buys24h + selectedDexPool.sells24h) * 100).toFixed(1)}%\n \n

}\n

Pool Details

\n DEX\n {selectedDexPool.dexId}\n

\n Pair Address\n \n

\n {selectedDexPool.baseToken && selectedDexPool.quoteToken &&

\n Trading Pair\n {selectedDexPool.baseToken.symbol}/{selectedDexPool.quoteToken.symbol}\n

}\n {selectedDexPool.fdvUsd &&

\n FDV\n {formatNumber(selectedDexPool.fdvUsd, true, selectedCurrency, extendedData)}\n

}\n

\n }\n

}\n }\n

\n \n

SUPPLY ANALYSIS

TOTAL SUPPLY

{formatNumber(extendedData?.supply || token.total_supply, false) || 'N/A'}

\n {extendedData?.circulatingSupply &&

CIRCULATING SUPPLY

{formatNumber(extendedData.circulatingSupply, false)}

\n {extendedData.supply ? `${(extendedData.circulatingSupply / extendedData.supply * 100).toFixed(1)}% of total` : ''}\n

}\n {extendedData?.maxSupply &&

MAX SUPPLY

{formatNumber(extendedData.maxSupply, false)}

}\n

\n DECIMALS\n {extendedData?.decimals || 'N/A'}\n

\n \n \n

SECURITY ANALYSIS

AUTHORITY CONTROL

\n MINT AUTHORITY\n \n {extendedData?.mintAuthority === null ? '✓ DISABLED' : extendedData?.mintAuthority === undefined ? 'UNKNOWN' : '⚠ ACTIVE'}\n \n

\n FREEZE AUTHORITY\n \n {extendedData?.freezeAuthority === null ? '✓ DISABLED' : extendedData?.freezeAuthority === undefined ? 'UNKNOWN' : '⚠ ACTIVE'}\n \n

VERIFICATION STATUS

\n {extendedData?.verified !== undefined &&

\n PLATFORM VERIFIED\n \n {extendedData.verified ? '✓ YES' : '✗ NO'}\n \n

}\n {extendedData?.rank &&

\n COINGECKO RANK\n #{extendedData.rank}\n

}\n

\n \n {extendedData?.topHolders && extendedData.topHolders.length > 0 ? \n

\n setHoldersCollapsed(!holdersCollapsed)} className=\"flex items-center space-x-2 hover:text-[#4FD48E] transition-colors\" whileHover={{\n scale: 1.02\n }} whileTap={{\n scale: 0.98\n }}>\n

TOP 20 HOLDERS

\n \n \n \n \n

\n \n {extendedData?.topHolders && extendedData.topHolders.length > 0 &&

ADDRESS

BALANCE

\n {extendedData.topHolders.slice(0, 20).map((holder, index) => \n

{index + 1}

\n \n

\n {formatNumber(holder.balance, false)}\n

\n )}\n

}\n \n : null}\n {extendedData?.allPairs && extendedData.allPairs.length > 0 && }\n

;\n};\nfunction App() {\n const {\n devbaseClient\n } = useDevapp();\n const [showHoldersPopup, setShowHoldersPopup] = useState(false);\n const scrollbarStyles = `\n /* Mobile - Hide all scrollbars but keep functionality */\n @media (max-width: 767px) {\n /* Webkit browsers (Chrome, Safari, Edge) */\n ::-webkit-scrollbar {\n width: 0;\n height: 0;\n background: transparent;\n }\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n ::-webkit-scrollbar-thumb {\n background: transparent;\n }\n ::-webkit-scrollbar-corner {\n background: transparent;\n }\n /* Firefox */\n * {\n scrollbar-width: none;\n -ms-overflow-style: none;\n }\n /* Custom scrollbars for specific elements */\n .overflow-y-auto::-webkit-scrollbar,\n .overflow-x-auto::-webkit-scrollbar {\n width: 0;\n height: 0;\n background: transparent;\n }\n .overflow-y-auto::-webkit-scrollbar-thumb,\n .overflow-x-auto::-webkit-scrollbar-thumb {\n background: transparent;\n }\n }\n /* Desktop - Custom scrollbars */\n @media (min-width: 768px) {\n /* Webkit browsers (Chrome, Safari, Edge) */\n ::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n }\n ::-webkit-scrollbar-track {\n background: #0F0F1A;\n border-radius: 0;\n }\n ::-webkit-scrollbar-thumb {\n background: #2a2a3e;\n border-radius: 0;\n border: 2px solid #0F0F1A;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #4FD48E;\n }\n ::-webkit-scrollbar-corner {\n background: #0F0F1A;\n }\n /* Firefox */\n * {\n scrollbar-width: thin;\n scrollbar-color: #2a2a3e #0F0F1A;\n }\n /* Custom scrollbars for specific elements */\n .overflow-y-auto::-webkit-scrollbar,\n .overflow-x-auto::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n .overflow-y-auto::-webkit-scrollbar-thumb,\n .overflow-x-auto::-webkit-scrollbar-thumb {\n background: #414360;\n border-radius: 0;\n }\n .overflow-y-auto::-webkit-scrollbar-thumb:hover,\n .overflow-x-auto::-webkit-scrollbar-thumb:hover {\n background: #4FD48E;\n }\n }\n `;\n const [tokenData, setTokenData] = useState(null);\n const [extendedData, setExtendedData] = useState(null);\n const [selectedCurrency, setSelectedCurrency] = useState('usd');\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [liveUpdateActive, setLiveUpdateActive] = useState(false);\n const [activeTab, setActiveTab] = useState('info');\n useEffect(() => {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n }, [activeTab]);\n const loadTokenData = async (isLiveUpdate = false) => {\n const tokenAddress = '3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump';\n if (!isLiveUpdate) {\n setLoading(true);\n setError(null);\n setTokenData(null);\n setExtendedData(null);\n }\n try {\n let data = await fetchTokenInfoByAddress(tokenAddress);\n if (!data) {\n try {\n const extended = await fetchTokenMetadata(tokenAddress, devbaseClient, !isLiveUpdate ? updatedData => {\n setExtendedData(prev => ({\n ...prev,\n ...updatedData\n }));\n } : null);\n data = {\n contractAddress: tokenAddress,\n symbol: 'ZARA',\n name: 'ZARA',\n description: 'Token information fetched from Solana blockchain',\n price: null,\n marketcap: null,\n volumeIn24h: null,\n liquidityInUSD: null,\n priceChangeIn24h: 0,\n buyTxIn24h: null,\n sellTxIn24h: null,\n createdTime: null,\n creator: null,\n total_supply: extended.supply\n };\n setExtendedData(extended);\n } catch (metaError) {\n if (!isLiveUpdate) {\n throw new Error('Invalid token address');\n }\n }\n } else {\n const extended = await fetchTokenMetadata(tokenAddress, devbaseClient, !isLiveUpdate ? updatedData => {\n setExtendedData(prev => ({\n ...prev,\n ...updatedData\n }));\n } : null);\n if (isLiveUpdate) {\n setExtendedData(prev => ({\n ...prev,\n ...extended,\n topHolders: prev?.topHolders || extended.topHolders\n }));\n } else {\n setExtendedData(extended);\n }\n }\n if (data) {\n if (isLiveUpdate) {\n setTokenData(prev => ({\n ...prev,\n ...data,\n price: data.price || prev?.price,\n marketcap: data.marketcap || prev?.marketcap,\n volumeIn24h: data.volumeIn24h || prev?.volumeIn24h,\n priceChangeIn24h: data.priceChangeIn24h || prev?.priceChangeIn24h,\n buyTxIn24h: data.buyTxIn24h || prev?.buyTxIn24h,\n sellTxIn24h: data.sellTxIn24h || prev?.sellTxIn24h\n }));\n } else {\n setTokenData(data);\n }\n } else if (!isLiveUpdate) {\n setError('Token not found. Please check the address or symbol.');\n }\n } catch (err) {\n if (!isLiveUpdate) {\n setError('Failed to fetch token data. The token may not exist or there was a network error.');\n }\n } finally {\n if (!isLiveUpdate) {\n setLoading(false);\n }\n }\n };\n useEffect(() => {\n if (devbaseClient) {\n loadTokenData();\n setLiveUpdateActive(true);\n }\n }, [devbaseClient]);\n useEffect(() => {\n let interval;\n if (liveUpdateActive && tokenData?.contractAddress) {\n interval = setInterval(() => {\n loadTokenData(true);\n }, 60000);\n }\n return () => {\n if (interval) {\n clearInterval(interval);\n }\n };\n }, [liveUpdateActive, tokenData?.contractAddress]);\n useEffect(() => {\n return () => {\n setLiveUpdateActive(false);\n };\n }, []);\n if (tokenData) {\n return

\n \n {}\n \n

\n \n \n {(extendedData?.dexTokenImage || tokenData.image || extendedData?.geckoImage) && {tokenData.name}

}\n

{tokenData.name || tokenData.symbol}

\n \n

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

\n \n {}\n

\n {}\n

\n {activeTab === 'info' && <>\n {}\n \n

\n {(extendedData?.dexTokenImage || tokenData.image || extendedData?.geckoImage) && }\n

\n {tokenData.name || extendedData?.geckoName || tokenData.symbol} ({tokenData.symbol})\n

\n SOLANA\n >\n {extendedData?.dexId || 'RAYDIUM'}\n {extendedData?.rank && #{extendedData.rank}}\n

\n {liveUpdateActive &&

\n LIVE\n

}\n

\n {extendedData?.geckoCategories && extendedData.geckoCategories.length > 0 &&

\n {extendedData.geckoCategories.slice(0, 2).map((category, index) => \n {category}\n )}\n

}\n

\n {(tokenData.website || extendedData?.geckoHomepage) && \n WEBSITE\n }\n {(tokenData.twitter || extendedData?.geckoTwitter) && \n TWITTER\n }\n {(tokenData.telegram || extendedData?.geckoTelegram) && \n TELEGRAM\n }\n {extendedData?.verified && ✓ VERIFIED}\n {extendedData?.sentimentVotesUp && \n {extendedData.sentimentVotesUp}% POSITIVE\n }\n

\n \n {}\n

\n {}\n

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

PRICE

\n {formatPrice(getConsistentValues(tokenData, extendedData, selectedCurrency).currentPrice, selectedCurrency, extendedData)}\n

\n {extendedData?.dexPrice &&

\n {(extendedData.dexPrice / 1000000000).toFixed(8)} SOL\n

}\n

MARKET CAP

\n {formatNumber(getConsistentValues(tokenData, extendedData, selectedCurrency).marketCap, true, selectedCurrency, extendedData)}\n

LIQUIDITY

\n {formatNumber(extendedData?.dexLiquidity || tokenData.liquidityInUSD, true, selectedCurrency, extendedData)}\n

FDV

\n {formatNumber(getConsistentValues(tokenData, extendedData, selectedCurrency).fdv, true, selectedCurrency, extendedData)}\n

\n {}\n

\n {[{\n label: '5M',\n value: extendedData?.allPairs?.[0]?.priceChange5m || 0\n }, {\n label: '1H',\n value: extendedData?.priceChange1h || 0\n }, {\n label: '6H',\n value: extendedData?.allPairs?.[0]?.priceChange6h || 0\n }, {\n label: '24H',\n value: tokenData.priceChangeIn24h || extendedData?.dexPriceChange24h || 0\n }].map((item, index) =>

{item.label}

= 0 ? 'text-[#4FD48E]' : 'text-red-400'}`}>\n {item.value ? `${item.value > 0 ? '+' : ''}${item.value.toFixed(2)}%` : '0.00%'}\n

)}\n

\n {}\n

TXNS

\n {formatNumber(extendedData?.dexTxns24h || (tokenData.buyTxIn24h || 0) + (tokenData.sellTxIn24h || 0))}\n

BUYS

\n {formatNumber(extendedData?.dexBuys24h || tokenData.buyTxIn24h)}\n

{\n const buys = extendedData?.dexBuys24h || tokenData.buyTxIn24h || 0;\n const total = extendedData?.dexTxns24h || (tokenData.buyTxIn24h || 0) + (tokenData.sellTxIn24h || 0);\n return total > 0 ? buys / total * 100 : 0;\n })()}%`\n }}>

SELLS

\n {formatNumber(extendedData?.dexSells24h || tokenData.sellTxIn24h)}\n

{\n const sells = extendedData?.dexSells24h || tokenData.sellTxIn24h || 0;\n const total = extendedData?.dexTxns24h || (tokenData.buyTxIn24h || 0) + (tokenData.sellTxIn24h || 0);\n return total > 0 ? sells / total * 100 : 0;\n })()}%`\n }}>

\n {}\n

VOLUME

\n {formatNumber(getConsistentValues(tokenData, extendedData, selectedCurrency).volume24h, true, selectedCurrency, extendedData)}\n

BUY VOL

\n {formatNumber(getConsistentValues(tokenData, extendedData, selectedCurrency).volume24h * 0.6, true, selectedCurrency, extendedData)}\n

SELL VOL

\n {formatNumber(getConsistentValues(tokenData, extendedData, selectedCurrency).volume24h * 0.4, true, selectedCurrency, extendedData)}\n

\n {}\n

SUPPLY

\n {formatNumber(extendedData?.supply || tokenData.total_supply, false) || 'N/A'}\n

LIQUIDITY

\n {formatNumber(extendedData?.dexLiquidity || tokenData.liquidityInUSD, true, selectedCurrency, extendedData)}\n

CREATED

\n {extendedData?.creationTime ? (() => {\n const creationDate = new Date(extendedData.creationTime * 1000);\n const now = new Date();\n const ageInDays = Math.floor((now - creationDate) / (1000 * 60 * 60 * 24));\n return `${ageInDays}d ago`;\n })() : 'N/A'}\n

\n \n {}\n \n {}\n {(tokenData.description || extendedData?.geckoDescription) && \n

DESCRIPTION

{tokenData.description || extendedData?.geckoDescription}

\n }\n

\n {}\n

\n \n

\n }\n {activeTab === 'chart' &&

\n {extendedData?.allPairs?.[0] ?

say something