[{"_1":2,"_141":-5,"_142":-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,"_140":-5,"_137":-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":58,"_64":58,"_65":58,"_66":58,"_67":58,"_68":17,"_69":17,"_70":71,"_72":73,"_74":75,"_76":77,"_93":-5,"_94":17,"_95":96,"_137":30,"_138":139},"id","8dc9aacc33d52d385075","isMyApp",false,"name","devscreener","description","The rebellious twin of DexScreener that gives you all the same crypto charting goodness without the price tag! Track, analyze, and publish your crypto projects with the same powerful tools but absolutely free—because financial freedom should actually be, you know, free.","brief","","isLive",true,"tags",[28],"👑","cover","https://cdn.dev.fun/snapshot/8dc9aacc33d52d385075/54689_61565feb.webp","cdnUrl","https://cdn.dev.fun/app/8dc9aacc33d52d385075/54689","createdAt",["D",1741139099430],"updatedAt",["D",1744825070528],"lastCommitId",["B","54689"],"tier",1,"credits",34,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":52,"_53":54},"46c87991-407f-42a0-9a88-9d9c1dee10e8","uniqueId","89sFxq9mLKJLsb8WDzjm3kiXFnQhAQYyJypfRBQexE8a","username","solanaWallet","displayName","89s...E8a","bio","(buidl, buidl)","avatar","/avatar.svg","commitCount",105,"forkCount",0,"likeCount",4,"runsCount",912,"downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","E6PZL2SheBeDMipv7Wy9NeKoLC9BoPr7wnmJZc9Qpump","code","import React, { useState, useEffect, useMemo, useRef } from 'react';\nimport { HashRouter, Routes, Route, Link, useParams, useNavigate, useLocation } from 'react-router-dom';\nimport { XAxis, YAxis, Tooltip, ResponsiveContainer, AreaChart, Area } from 'recharts';\nimport { Search, Menu, X, ChevronDown, ExternalLink, Star, Clock, TrendingUp, Zap, Plus, ArrowRight, Globe, Twitter, AlertTriangle, Shield, Check, X as XIcon, Clock as ClockIcon, Bell, Lock, FileText, CheckCircle, XCircle } from 'lucide-react';\nimport { fetchPumpFunTrends } from '@devfunlabs/web-sdk';\nconst DEVFUN_API = \"https://dev.fun/api/stats\";\nconst PROXY_API = \"https://dev.fun/api/proxy?url=\";\nconst OWNER_WALLET_ADDRESS = \"0x7a16ff8270133f063aab6c9977183d9e72835428\";\nconst fetchPumpFunData = async (limit = 100) => {\n try {\n console.log(`Fetching pump.fun data directly from API with limit: ${limit}`);\n console.log(\"Pump.fun API is currently unavailable. Using fallback data\");\n return generateFallbackPumpFunData(limit);\n } catch (error) {\n console.error(\"Error fetching pump.fun data directly from API:\", error);\n try {\n console.log(\"Falling back to web-sdk method for PumpFun data\");\n try {\n const pumpFunTokens = await fetchPumpFunTrends();\n if (pumpFunTokens && Array.isArray(pumpFunTokens) && pumpFunTokens.length > 0) {\n console.log(`Successfully fetched ${pumpFunTokens.length} tokens from PumpFun Trends API via SDK`);\n const sortedTokens = [...pumpFunTokens].sort((a, b) => (b.market_cap || 0) - (a.market_cap || 0));\n return sortedTokens.slice(0, limit);\n } else {\n throw new Error(\"No tokens returned from web-sdk\");\n }\n } catch (sdkError) {\n console.log(\"Web-sdk method also failed, using offline fallback data\");\n return generateFallbackPumpFunData(limit);\n }\n } catch (sdkError) {\n console.error(\"Error fetching pump.fun data via web-sdk:\", sdkError);\n return generateFallbackPumpFunData(limit);\n }\n }\n};\nconst generateFallbackPumpFunData = limit => {\n console.log(`Generating fallback data for ${limit} PumpFun tokens`);\n const fallbackTokens = [{\n mint: \"4uxdyLSayfXDdqWLLsBwAm5CRVWEadakb6NGZyEUpump\",\n name: \"NO CAP CAT\",\n symbol: \"ILY\",\n description: \"there no cap, i love you :3\",\n image_uri: \"https://ipfs.io/ipfs/QmZGMhUGN22QU8iZ6GiqKrnrzsSPmwLq6j8yuBmQVwer6U\",\n twitter: \"https://x.com/weremeow\",\n telegram: \"https://t.me/nocapcat\",\n website: \"https://nocap.cat\",\n market_cap: 156750.88,\n total_supply: 1000000000,\n created_timestamp: 1741153853820,\n creator: \"0x7a16ff8270133f063aab6c9977183d9e72835428\",\n buyTxIn24h: 145,\n sellTxIn24h: 78,\n volumeIn24h: 1250.876543,\n priceChangeIn24h: 143.2,\n virtual_sol_reserves: 1250876543\n }, {\n mint: \"7GzT54V4jN5u5SsWeFmbUwYFkqCRUxafAS14bvVJpump\",\n name: \"Kangaroo Market\",\n symbol: \"KANGAROO\",\n description: \"The fastest hopping token on Solana\",\n image_uri: \"https://ipfs.io/ipfs/QmWBf4EmUko4zZyw6wm6oBkhyJRH1XwTc8Pny7hXBgrQJM\",\n twitter: \"https://x.com/MadsCapital/status/1897029322814447655\",\n telegram: \"https://t.me/kangaroomarket\",\n website: \"https://kangaroo.market\",\n market_cap: 783254.93,\n total_supply: 100000000,\n created_timestamp: 1741153204361,\n creator: \"0x8b9ff4a372ddfeb4f74a8714ff77a759aa6ea6ff\",\n buyTxIn24h: 234,\n sellTxIn24h: 123,\n volumeIn24h: 2873.521678,\n priceChangeIn24h: 47.2,\n virtual_sol_reserves: 2873521678\n }, {\n mint: \"3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump\",\n name: \"BUIDL\",\n symbol: \"BUIDL\",\n description: \"The token for builders and creators\",\n image_uri: \"https://i.postimg.cc/Ss4mJq8L/buidl.png\",\n twitter: \"https://x.com/buidltoken\",\n telegram: \"https://t.me/buidltoken\",\n website: \"https://buidl.dev\",\n market_cap: 1250000.89,\n total_supply: 1000000000,\n created_timestamp: 1741052853820,\n creator: \"0x1a2b3c4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f9a0b\",\n buyTxIn24h: 567,\n sellTxIn24h: 345,\n volumeIn24h: 45632.78,\n priceChangeIn24h: 12.5,\n virtual_sol_reserves: 45632780000\n }, {\n mint: \"DCXqS9xMQqoD2cRpqvyu2TxpherRwtd2UDHLKTk7pump\",\n name: \"DEVANN\",\n symbol: \"DEVANN\",\n description: \"The official token of the DevAnn community\",\n image_uri: \"https://i.postimg.cc/HxkWWXJG/devann.png\",\n twitter: \"https://x.com/devanntoken\",\n telegram: \"https://t.me/devanntoken\",\n website: \"https://devann.dev\",\n market_cap: 892340.45,\n total_supply: 500000000,\n created_timestamp: 1740953204361,\n creator: \"0x2b3c4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f9a0b1c\",\n buyTxIn24h: 345,\n sellTxIn24h: 234,\n volumeIn24h: 23451.56,\n priceChangeIn24h: 7.8,\n virtual_sol_reserves: 23451560000\n }, {\n mint: \"AgYVbX4CueNVrBAXZh84DoFQtZhG6wpi3JgXHyCKpump\",\n name: \"RICK\",\n symbol: \"RICK\",\n description: \"Never gonna give you up, never gonna let you down\",\n image_uri: \"https://i.postimg.cc/4yhsbBCj/rick.png\",\n twitter: \"https://x.com/ricktoken\",\n telegram: \"https://t.me/ricktoken\",\n website: \"https://rick.roll\",\n market_cap: 567890.12,\n total_supply: 800000000,\n created_timestamp: 1740853104261,\n creator: \"0x3c4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f9a0b1c2d\",\n buyTxIn24h: 789,\n sellTxIn24h: 456,\n volumeIn24h: 34567.89,\n priceChangeIn24h: 23.7,\n virtual_sol_reserves: 34567890000\n }];\n if (fallbackTokens.length < limit) {\n const extraTokens = [];\n for (let i = fallbackTokens.length; i < limit; i++) {\n const baseToken = fallbackTokens[i % fallbackTokens.length];\n extraTokens.push({\n ...baseToken,\n mint: `${baseToken.mint.substring(0, 10)}${i}${baseToken.mint.substring(12)}`,\n name: `${baseToken.name} ${Math.floor(i / 5) + 1}`,\n market_cap: baseToken.market_cap * (0.8 + Math.random() * 0.4),\n buyTxIn24h: Math.floor(baseToken.buyTxIn24h * (0.7 + Math.random() * 0.6)),\n sellTxIn24h: Math.floor(baseToken.sellTxIn24h * (0.7 + Math.random() * 0.6)),\n volumeIn24h: baseToken.volumeIn24h * (0.75 + Math.random() * 0.5),\n priceChangeIn24h: baseToken.priceChangeIn24h * (0.6 + Math.random() * 0.8)\n });\n }\n return [...fallbackTokens, ...extraTokens].slice(0, limit);\n }\n return fallbackTokens.slice(0, limit);\n};\nconst API_PRIORITIES = {\n PRIMARY: {\n name: \"DEV.FUN API\",\n updateFrequency: \"minutes\",\n apis: [\"devfun\"],\n refreshInterval: 15 * 60 * 1000\n },\n FALLBACK: {\n name: \"Fallback\",\n updateFrequency: \"static\",\n apis: [\"fallback_data\"]\n }\n};\nconst apiCache = new Map();\nconst CACHE_DURATION = 60 * 60 * 1000;\nconst tokenUpdateTimestamps = new Map();\nconst activeWebSockets = new Map();\nconst fetchDexScreenerChains = async () => {\n const defaultChains = [\"ethereum\", \"bsc\", \"arbitrum\", \"solana\", \"polygon\", \"avalanche\", \"optimism\", \"base\"];\n try {\n console.log(\"Fetching available chains from DexScreener\");\n console.log(\"DexScreener API is currently unavailable. Using default chains\");\n return defaultChains;\n } catch (error) {\n console.error(\"Error fetching DexScreener chains:\", error);\n return defaultChains;\n }\n};\nconst fetchDevFunData = async (endpoint, params = {}) => {\n try {\n const queryString = Object.keys(params).length > 0 ? \"?\" + Object.keys(params).map(key => `${key}=${params[key]}`).join(\"&\") : \"\";\n const url = `${DEVFUN_API}${endpoint}${queryString}`;\n console.log(`Fetching from DEV.FUN API: ${url}`);\n const cacheKey = `devfun_${endpoint}${queryString}`;\n if (apiCache.has(cacheKey)) {\n const cachedData = apiCache.get(cacheKey);\n if (Date.now() - cachedData.timestamp < CACHE_DURATION) {\n console.log(`Using cached data for: ${url}`);\n return cachedData.data;\n } else {\n apiCache.delete(cacheKey);\n }\n }\n const mockResponse = generateMockDevFunResponse(endpoint);\n apiCache.set(cacheKey, {\n timestamp: Date.now(),\n data: mockResponse\n });\n return mockResponse;\n } catch (error) {\n console.error(`Error fetching from DEV.FUN API ${endpoint}:`, error);\n return generateMockDevFunResponse(endpoint);\n }\n};\nconst generateMockDevFunResponse = endpoint => {\n console.log(`Generating mock response for DEV.FUN API: ${endpoint}`);\n switch (endpoint) {\n case '/devs':\n return {\n total_devs: 12567,\n daily_new_devs: 143,\n daily_active_devs: 2345,\n top_devs: [{\n id: \"dev1\",\n name: \"cryptowhiz\",\n score: 98\n }, {\n id: \"dev2\",\n name: \"blocksmith\",\n score: 95\n }, {\n id: \"dev3\",\n name: \"codemaster\",\n score: 93\n }]\n };\n case '/apps':\n return {\n total_apps: 8754,\n daily_created_apps: 89,\n daily_live_apps: 1234,\n daily_app_runs: 52487,\n total_app_runs: 3542789,\n total_forks: 12567\n };\n case '/coins':\n return {\n total_coins: 432,\n native_coins: 234,\n top_coins: [{\n id: \"coin1\",\n name: \"BUIDL\",\n market_cap: 1250000\n }, {\n id: \"coin2\",\n name: \"DEVANN\",\n market_cap: 983450\n }, {\n id: \"coin3\",\n name: \"RICK\",\n market_cap: 745690\n }]\n };\n case '/lord-of-dev':\n return [{\n app_id: \"app123\",\n app_name: \"NFT Generator Pro\",\n dev_wallet: \"0x7a16ff8270133f063aab6c9977183d9e72835428\",\n created_on: \"2025-03-15T14:23:45Z\"\n }, {\n app_id: \"app456\",\n app_name: \"DEX Analytics Suite\",\n dev_wallet: \"0x8b9ff4a372ddfeb4f74a8714ff77a759aa6ea6ff\",\n created_on: \"2025-03-12T09:14:28Z\"\n }, {\n app_id: \"app789\",\n app_name: \"Crypto Portfolio Tracker\",\n dev_wallet: \"0x1a2b3c4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f9a0b\",\n created_on: \"2025-03-10T18:42:33Z\"\n }];\n case '/commits':\n return {\n total_commits: 234567,\n daily_commits: 3456,\n monthly_commits: 98765,\n top_committers: [{\n id: \"dev1\",\n name: \"cryptowhiz\",\n commits: 1234\n }, {\n id: \"dev2\",\n name: \"blocksmith\",\n commits: 987\n }, {\n id: \"dev3\",\n name: \"codemaster\",\n commits: 876\n }]\n };\n default:\n return {\n status: \"success\",\n message: \"Mock data provided as fallback\",\n timestamp: Date.now()\n };\n }\n};\nconst generateChartDataFromPrice = (basePrice, timeframe = '24h') => {\n console.log(\"Chart data generation disabled. Using empty dataset.\");\n return [];\n};\nconst processPumpFunToken = token => {\n return {\n id: token.mint || 'N/A',\n name: token.name || 'N/A',\n symbol: token.symbol || 'N/A',\n description: token.description || 'N/A',\n current_price: token.market_cap && token.total_supply ? token.market_cap / (token.total_supply / 1e9) : 'N/A',\n price_change_percentage_24h: token.priceChangeIn24h !== undefined ? token.priceChangeIn24h : 'N/A',\n total_volume: token.volumeIn24h || (token.virtual_sol_reserves ? token.virtual_sol_reserves / 1e9 : 'N/A'),\n market_cap: token.usd_market_cap || token.market_cap || 'N/A',\n fully_diluted_valuation: token.usd_market_cap || token.market_cap || 'N/A',\n image: token.image_uri || null,\n address: token.mint || 'N/A',\n chain: \"solana\",\n twitter: token.twitter || null,\n telegram: token.telegram || null,\n website: token.website || null,\n created_at: token.created_timestamp || null,\n last_trade: token.last_trade_timestamp || null,\n is_nsfw: token.nsfw || false,\n source: \"pumpfun_api\",\n helius_data: token.helius_data || null,\n creator: token.creator || 'N/A',\n raydium_pool: token.raydium_pool || null,\n buyTxIn24h: token.buyTxIn24h !== undefined ? token.buyTxIn24h : 'N/A',\n sellTxIn24h: token.sellTxIn24h !== undefined ? token.sellTxIn24h : 'N/A',\n dataSource: 'pumpfun_api',\n lastUpdated: Date.now()\n };\n};\nconst fetchData = async (url, retries = 3, useCache = true, cacheDuration = CACHE_DURATION, priority = 'normal', headers = {}) => {\n const cacheKey = url;\n if (useCache && apiCache.has(cacheKey)) {\n const cachedData = apiCache.get(cacheKey);\n if (Date.now() - cachedData.timestamp < cacheDuration) {\n console.log(`Using cached data for: ${url}`);\n return cachedData.data;\n } else {\n apiCache.delete(cacheKey);\n }\n }\n if (url.includes('pump.fun') && apiCache.has('pump_fun_fallback_used') || url.includes('dexscreener.com') && apiCache.has('dexscreener_fallback_used')) {\n console.log(`Using fallback data for: ${url.includes('pump.fun') ? 'pump.fun' : 'dexscreener'}`);\n throw new Error('Using cached fallback decision');\n }\n try {\n if (url.includes('dexscreener.com') || url.includes('pump.fun')) {\n console.log(`API endpoint ${url.includes('dexscreener.com') ? 'DexScreener' : 'Pump.fun'} is unavailable. Using fallback data.`);\n let fallbackData = null;\n if (url.includes('dexscreener.com/latest/dex/chains')) {\n fallbackData = [\"ethereum\", \"bsc\", \"arbitrum\", \"solana\", \"polygon\", \"avalanche\", \"optimism\", \"base\"];\n } else if (url.includes('dexscreener.com/latest/dex/trending')) {\n fallbackData = {\n pairs: generateMockDexScreenerPairs(url.includes('/tokens/') ? 20 : 10)\n };\n } else if (url.includes('pump.fun/v1/market/trending')) {\n fallbackData = generateFallbackPumpFunData(20);\n } else if (url.includes('search?q=')) {\n const tokenQuery = url.match(/search\\?q=([^&]+)/)[1];\n fallbackData = {\n pairs: [generateMockDexScreenerToken(decodeURIComponent(tokenQuery))]\n };\n } else {\n fallbackData = {\n status: \"success\",\n message: \"Fallback data provided due to API unavailability\",\n timestamp: Date.now()\n };\n }\n const apiSourceKey = url.includes('pump.fun') ? 'pump_fun' : url.includes('dexscreener.com') ? 'dexscreener' : url.includes('coingecko.com') ? 'coingecko' : null;\n if (apiSourceKey) {\n apiCache.set(`${apiSourceKey}_fallback_used`, {\n timestamp: Date.now(),\n data: true\n });\n }\n if (useCache) {\n const currentTimestamp = Date.now();\n apiCache.set(cacheKey, {\n data: fallbackData,\n timestamp: currentTimestamp,\n priority\n });\n if (url.includes('/coins/') || url.includes('token') || url.includes('price')) {\n let tokenId = null;\n if (url.includes('/coins/')) {\n const urlParts = url.split('/coins/');\n if (urlParts.length > 1) {\n tokenId = urlParts[1].split('?')[0];\n }\n } else if (url.includes('token=')) {\n const tokenParam = url.match(/token=([^&]+)/);\n if (tokenParam && tokenParam[1]) {\n tokenId = tokenParam[1];\n }\n }\n if (tokenId) {\n tokenUpdateTimestamps.set(tokenId, currentTimestamp);\n console.log(`Updated timestamp for ${tokenId}: ${new Date(currentTimestamp).toLocaleString()}`);\n }\n }\n }\n return fallbackData;\n }\n const controller = new AbortController();\n const timeoutId = setTimeout(() => controller.abort(), 10000);\n try {\n const response = await fetch(`${PROXY_API}${encodeURIComponent(url)}`, {\n signal: controller.signal,\n headers: {\n 'Priority': priority === 'high' ? 'high' : 'low',\n 'Cache-Control': useCache ? 'max-age=300' : 'no-cache',\n ...headers\n }\n });\n clearTimeout(timeoutId);\n if (response.status === 429 && retries > 0) {\n const delay = Math.pow(2, 4 - retries) * 1000;\n console.log(`Rate limited. Retrying in ${delay}ms...`);\n await new Promise(resolve => setTimeout(resolve, delay));\n return fetchData(url, retries - 1, useCache, cacheDuration, priority);\n }\n if (!response.ok) {\n const apiSourceKey = url.includes('pump.fun') ? 'pump_fun' : url.includes('dexscreener.com') ? 'dexscreener' : url.includes('coingecko.com') ? 'coingecko' : null;\n if (apiSourceKey) {\n apiCache.set(`${apiSourceKey}_fallback_used`, {\n timestamp: Date.now(),\n data: true\n });\n }\n console.warn(`HTTP error from ${url.split('?')[0]}! Status: ${response.status}`);\n let fallbackData = null;\n if (url.includes('dexscreener.com/latest/dex/chains')) {\n fallbackData = [\"ethereum\", \"bsc\", \"arbitrum\", \"solana\", \"polygon\", \"avalanche\", \"optimism\", \"base\"];\n } else if (url.includes('dexscreener.com/latest/dex/trending')) {\n fallbackData = {\n pairs: generateMockDexScreenerPairs(url.includes('/tokens/') ? 20 : 10)\n };\n } else if (url.includes('pump.fun/v1/market/trending')) {\n fallbackData = generateFallbackPumpFunData(20);\n } else if (url.includes('search?q=')) {\n const tokenQuery = url.match(/search\\?q=([^&]+)/)[1];\n fallbackData = {\n pairs: [generateMockDexScreenerToken(decodeURIComponent(tokenQuery))]\n };\n } else {\n fallbackData = {\n status: \"error\",\n message: `API returned status ${response.status}`,\n fallback: true,\n timestamp: Date.now()\n };\n }\n return fallbackData;\n }\n let data;\n try {\n data = await response.json();\n } catch (jsonError) {\n console.warn(`JSON parse error for ${url.split('?')[0]}:`, jsonError);\n throw new Error(`Invalid JSON response: ${jsonError.message}`);\n }\n if (useCache) {\n const currentTimestamp = Date.now();\n apiCache.set(cacheKey, {\n data,\n timestamp: currentTimestamp,\n priority\n });\n const apiSourceKey = url.includes('pump.fun') ? 'pump_fun' : url.includes('dexscreener.com') ? 'dexscreener' : url.includes('coingecko.com') ? 'coingecko' : null;\n if (apiSourceKey) {\n apiCache.delete(`${apiSourceKey}_fallback_used`);\n }\n if (url.includes('/coins/') || url.includes('token') || url.includes('price')) {\n let tokenId = null;\n if (url.includes('/coins/')) {\n const urlParts = url.split('/coins/');\n if (urlParts.length > 1) {\n tokenId = urlParts[1].split('?')[0];\n }\n } else if (url.includes('token=')) {\n const tokenParam = url.match(/token=([^&]+)/);\n if (tokenParam && tokenParam[1]) {\n tokenId = tokenParam[1];\n }\n }\n if (tokenId) {\n tokenUpdateTimestamps.set(tokenId, currentTimestamp);\n console.log(`Updated timestamp for ${tokenId}: ${new Date(currentTimestamp).toLocaleString()}`);\n }\n }\n if (apiCache.size > 100) {\n const cacheEntries = Array.from(apiCache.entries());\n const lowPriorityEntries = cacheEntries.filter(([_, value]) => value.priority !== 'high').sort((a, b) => a[1].timestamp - b[1].timestamp);\n const toRemove = Math.max(1, Math.floor(lowPriorityEntries.length * 0.2));\n for (let i = 0; i < toRemove; i++) {\n if (lowPriorityEntries[i]) {\n apiCache.delete(lowPriorityEntries[i][0]);\n }\n }\n }\n }\n return data;\n } catch (fetchError) {\n clearTimeout(timeoutId);\n console.error(\"Fetch error:\", fetchError);\n const apiSourceKey = url.includes('pump.fun') ? 'pump_fun' : url.includes('dexscreener.com') ? 'dexscreener' : url.includes('coingecko.com') ? 'coingecko' : null;\n if (apiSourceKey) {\n apiCache.set(`${apiSourceKey}_fallback_used`, {\n timestamp: Date.now(),\n data: true\n });\n }\n let fallbackData = null;\n if (url.includes('dexscreener.com/latest/dex/chains')) {\n fallbackData = [\"ethereum\", \"bsc\", \"arbitrum\", \"solana\", \"polygon\", \"avalanche\", \"optimism\", \"base\"];\n } else if (url.includes('dexscreener.com/latest/dex/trending')) {\n fallbackData = {\n pairs: generateMockDexScreenerPairs(url.includes('/tokens/') ? 20 : 10)\n };\n } else if (url.includes('pump.fun/v1/market/trending')) {\n fallbackData = generateFallbackPumpFunData(20);\n } else if (url.includes('search?q=')) {\n const tokenQuery = url.match(/search\\?q=([^&]+)/)?.[1] || \"ethereum\";\n fallbackData = {\n pairs: [generateMockDexScreenerToken(decodeURIComponent(tokenQuery))]\n };\n } else {\n fallbackData = {\n status: \"error\",\n message: \"Failed to fetch data\",\n fallback: true,\n timestamp: Date.now()\n };\n }\n if (useCache) {\n apiCache.set(cacheKey, {\n data: fallbackData,\n timestamp: Date.now(),\n priority\n });\n }\n return fallbackData;\n }\n } catch (error) {\n console.error(\"Fetch error:\", error);\n let fallbackData = null;\n if (url.includes('dexscreener.com/latest/dex/chains')) {\n fallbackData = [\"ethereum\", \"bsc\", \"arbitrum\", \"solana\", \"polygon\", \"avalanche\", \"optimism\", \"base\"];\n } else if (url.includes('dexscreener.com/latest/dex/trending')) {\n fallbackData = {\n pairs: generateMockDexScreenerPairs(url.includes('/tokens/') ? 20 : 10)\n };\n } else if (url.includes('pump.fun/v1/market/trending')) {\n fallbackData = generateFallbackPumpFunData(20);\n } else if (url.includes('search?q=')) {\n const tokenQuery = url.match(/search\\?q=([^&]+)/)?.[1] || \"ethereum\";\n fallbackData = {\n pairs: [generateMockDexScreenerToken(decodeURIComponent(tokenQuery))]\n };\n } else {\n fallbackData = {\n status: \"error\",\n message: \"Failed to fetch data\",\n fallback: true,\n timestamp: Date.now()\n };\n }\n return fallbackData;\n }\n};\nconst generateMockDexScreenerPairs = (count = 10) => {\n console.log(`Generating ${count} mock DexScreener pairs`);\n const chains = [\"ethereum\", \"bsc\", \"arbitrum\", \"solana\", \"polygon\", \"avalanche\"];\n const dexes = [\"Uniswap\", \"PancakeSwap\", \"SushiSwap\", \"QuickSwap\", \"TraderJoe\"];\n const tokens = [{\n name: \"Wrapped Ethereum\",\n symbol: \"WETH\",\n address: \"0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2\"\n }, {\n name: \"Uniswap\",\n symbol: \"UNI\",\n address: \"0x1f9840a85d5af5bf1d1762f925bdaddc4201f984\"\n }, {\n name: \"Aave\",\n symbol: \"AAVE\",\n address: \"0x7fc66500c84a76ad7e9c93437bfc5ac33e2ddae9\"\n }, {\n name: \"Chainlink\",\n symbol: \"LINK\",\n address: \"0x514910771af9ca656af840dff83e8264ecf986ca\"\n }, {\n name: \"Compound\",\n symbol: \"COMP\",\n address: \"0xc00e94cb662c3520282e6f5717214004a7f26888\"\n }, {\n name: \"Wrapped Bitcoin\",\n symbol: \"WBTC\",\n address: \"0x2260fac5e5542a773aa44fbcfedf7c193bc2c599\"\n }, {\n name: \"Dai\",\n symbol: \"DAI\",\n address: \"0x6b175474e89094c44da98b954eedeac495271d0f\"\n }, {\n name: \"USD Coin\",\n symbol: \"USDC\",\n address: \"0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48\"\n }, {\n name: \"Basic Attention Token\",\n symbol: \"BAT\",\n address: \"0x0d8775f648430679a709e98d2b0cb6250d2887ef\"\n }, {\n name: \"Solana\",\n symbol: \"SOL\",\n address: \"So11111111111111111111111111111111111111112\"\n }];\n const pairs = [];\n for (let i = 0; i < count; i++) {\n const token = tokens[i % tokens.length];\n const chain = chains[i % chains.length];\n const dex = dexes[i % dexes.length];\n pairs.push({\n chainId: chain,\n dexId: dex,\n url: `https://dexscreener.com/${chain}/${token.address}`,\n pairAddress: `0x${Math.random().toString(16).substring(2, 10)}${Math.random().toString(16).substring(2, 10)}`,\n baseToken: {\n address: token.address,\n name: token.name,\n symbol: token.symbol\n },\n quoteToken: {\n address: \"0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48\",\n name: \"USD Coin\",\n symbol: \"USDC\"\n },\n priceUsd: (Math.random() * 1000 + 1).toFixed(3),\n priceChange: {\n h1: (Math.random() * 10 - 5).toFixed(2),\n h24: (Math.random() * 20 - 10).toFixed(2),\n h6: (Math.random() * 15 - 7.5).toFixed(2)\n },\n volume: {\n h24: Math.floor(Math.random() * 10000000)\n },\n fdv: Math.floor(Math.random() * 1000000000),\n liquidity: {\n usd: Math.floor(Math.random() * 5000000)\n },\n pairCreatedAt: Math.floor(Date.now() / 1000) - Math.floor(Math.random() * 10000000)\n });\n }\n return pairs;\n};\nconst generateMockDexScreenerToken = tokenQuery => {\n console.log(`Generating mock DexScreener token for query: ${tokenQuery}`);\n const isAddress = tokenQuery.startsWith('0x') || tokenQuery.length > 20;\n const normalizedQuery = tokenQuery.toLowerCase();\n const knownTokens = {\n 'eth': {\n name: 'Ethereum',\n symbol: 'ETH',\n address: '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2'\n },\n 'btc': {\n name: 'Bitcoin',\n symbol: 'BTC',\n address: '0x2260fac5e5542a773aa44fbcfedf7c193bc2c599'\n },\n 'uni': {\n name: 'Uniswap',\n symbol: 'UNI',\n address: '0x1f9840a85d5af5bf1d1762f925bdaddc4201f984'\n },\n 'link': {\n name: 'Chainlink',\n symbol: 'LINK',\n address: '0x514910771af9ca656af840dff83e8264ecf986ca'\n },\n 'aave': {\n name: 'Aave',\n symbol: 'AAVE',\n address: '0x7fc66500c84a76ad7e9c93437bfc5ac33e2ddae9'\n },\n 'sol': {\n name: 'Solana',\n symbol: 'SOL',\n address: 'So11111111111111111111111111111111111111112'\n }\n };\n let tokenData;\n if (isAddress) {\n tokenData = {\n name: `Token ${tokenQuery.substring(0, 6)}`,\n symbol: `TKN${tokenQuery.substring(0, 3).toUpperCase()}`,\n address: tokenQuery\n };\n } else {\n const tokenKey = Object.keys(knownTokens).find(key => normalizedQuery.includes(key) || key.includes(normalizedQuery));\n if (tokenKey) {\n tokenData = knownTokens[tokenKey];\n } else {\n tokenData = {\n name: tokenQuery.charAt(0).toUpperCase() + tokenQuery.slice(1),\n symbol: tokenQuery.substring(0, 4).toUpperCase(),\n address: `0x${Math.random().toString(16).substring(2, 42)}`\n };\n }\n }\n const price = Math.random() * 1000 + 1;\n const priceChange = Math.random() * 20 - 10;\n const volume = Math.floor(Math.random() * 10000000);\n const marketCap = Math.floor(Math.random() * 1000000000);\n const liquidity = Math.floor(Math.random() * 5000000);\n return {\n chainId: \"ethereum\",\n dexId: \"Uniswap\",\n pairAddress: `0x${Math.random().toString(16).substring(2, 42)}`,\n baseToken: {\n address: tokenData.address,\n name: tokenData.name,\n symbol: tokenData.symbol,\n logoURI: null\n },\n quoteToken: {\n address: \"0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48\",\n name: \"USD Coin\",\n symbol: \"USDC\"\n },\n priceUsd: price.toFixed(3),\n priceChange: {\n h1: (priceChange / 2).toFixed(2),\n h24: priceChange.toFixed(2),\n h6: (priceChange * 0.75).toFixed(2)\n },\n volume: {\n h24: volume\n },\n fdv: marketCap,\n liquidity: {\n usd: liquidity\n }\n };\n};\nconst setupPriceWebSocket = (symbol, onUpdate) => {\n const wsKey = `price_${symbol.toLowerCase()}`;\n if (activeWebSockets.has(wsKey)) {}\n console.log(`Setting up polling updates for ${symbol}`);\n const isSolanaToken = symbol.endsWith('pump') || symbol.length === 44;\n const interval = setInterval(async () => {\n try {\n let data;\n if (isSolanaToken) {\n const pumpFunData = await fetchPumpFunData();\n const matchedToken = pumpFunData.find(t => t.mint === symbol);\n if (matchedToken) {\n const processedToken = processPumpFunToken(matchedToken);\n data = {\n price: processedToken.current_price,\n priceChange: 0,\n priceChangePercent: processedToken.price_change_percentage_24h,\n source: 'pumpfun',\n isRealtime: false,\n timestamp: Date.now()\n };\n }\n } else {\n const tokenData = await fetchDexScreenerTokenData(symbol);\n if (tokenData) {\n data = {\n price: tokenData.priceUsd || tokenData.price,\n priceChange: 0,\n priceChangePercent: tokenData.priceChange?.h24 || 0,\n source: 'dexscreener',\n isRealtime: false,\n timestamp: Date.now()\n };\n }\n }\n if (data) {\n onUpdate(data);\n }\n } catch (error) {\n console.error(`Error polling data for ${symbol}:`, error);\n }\n }, 30000);\n activeWebSockets.set(wsKey, {\n connection: {\n close: () => clearInterval(interval)\n },\n callbacks: [onUpdate],\n type: 'polling',\n symbol: symbol\n });\n return () => {\n if (!activeWebSockets.has(wsKey)) return;\n const callbacks = activeWebSockets.get(wsKey)?.callbacks || [];\n const index = callbacks.indexOf(onUpdate);\n if (index > -1) {\n callbacks.splice(index, 1);\n }\n if (callbacks.length === 0 && activeWebSockets.has(wsKey)) {\n clearInterval(interval);\n activeWebSockets.delete(wsKey);\n }\n };\n};\nconst setupJupiterWebSocket = (tokenAddress, onUpdate, wsKey) => {\n console.log(`Setting up Jupiter WebSocket for Solana token: ${tokenAddress}`);\n try {\n const ws = new WebSocket(JUPITER_WS);\n const callbacks = [onUpdate];\n ws.onopen = () => {\n console.log('Jupiter WebSocket connected');\n const subscribeMessage = {\n event: \"subscribe\",\n topic: `market:${tokenAddress}`,\n data: {}\n };\n ws.send(JSON.stringify(subscribeMessage));\n };\n ws.onmessage = event => {\n try {\n const data = JSON.parse(event.data);\n if (data && data.topic && data.topic.startsWith('market:') && data.data) {\n const price = parseFloat(data.data.price || 0);\n const priceChange = 0;\n const priceChangePercent = parseFloat(data.data.priceChange24h || 0);\n callbacks.forEach(callback => callback({\n price,\n priceChange,\n priceChangePercent,\n source: 'jupiter',\n isRealtime: true,\n timestamp: Date.now()\n }));\n }\n } catch (e) {\n console.error(\"Jupiter WebSocket data parse error:\", e);\n }\n };\n ws.onerror = error => {\n console.error(\"Jupiter WebSocket error:\", error);\n setTimeout(() => {\n if (activeWebSockets.has(wsKey)) {\n setupJupiterWebSocket(tokenAddress, onUpdate, wsKey);\n }\n }, 5000);\n };\n ws.onclose = () => {\n console.log('Jupiter WebSocket closed');\n if (activeWebSockets.has(wsKey)) {\n setTimeout(() => {\n if (activeWebSockets.has(wsKey)) {\n setupJupiterWebSocket(tokenAddress, onUpdate, wsKey);\n }\n }, 5000);\n }\n };\n activeWebSockets.set(wsKey, {\n connection: ws,\n callbacks,\n type: 'jupiter',\n symbol: tokenAddress\n });\n fetchJupiterPrice(tokenAddress).then(data => {\n if (data && data.price) {\n callbacks.forEach(callback => callback({\n price: data.price,\n priceChange: 0,\n priceChangePercent: data.priceChange24h || 0,\n source: 'jupiter',\n isRealtime: false,\n timestamp: Date.now()\n }));\n }\n }).catch(err => console.error(\"Error fetching initial Jupiter price:\", err));\n return () => {\n if (!activeWebSockets.has(wsKey)) return;\n const callbacks = activeWebSockets.get(wsKey)?.callbacks || [];\n const index = callbacks.indexOf(onUpdate);\n if (index > -1) {\n callbacks.splice(index, 1);\n }\n if (callbacks.length === 0 && activeWebSockets.has(wsKey)) {\n try {\n ws.close();\n } catch (err) {\n console.error(\"Error closing Jupiter WebSocket:\", err);\n }\n activeWebSockets.delete(wsKey);\n }\n };\n } catch (error) {\n console.error(\"Failed to setup Jupiter WebSocket:\", error);\n return null;\n }\n};\nconst fetchJupiterPrice = async mintAddress => {\n try {\n const url = `${JUPITER_API}/price?ids=${mintAddress}`;\n const response = await fetch(`${PROXY_API}${encodeURIComponent(url)}`);\n if (!response.ok) {\n throw new Error(`Jupiter API error: ${response.status}`);\n }\n const data = await response.json();\n if (data && data.data && data.data[mintAddress]) {\n return {\n price: parseFloat(data.data[mintAddress].price || 0),\n priceChange24h: parseFloat(data.data[mintAddress].priceChange24h || 0),\n volumeUsd24h: parseFloat(data.data[mintAddress].volumeUsd24h || 0),\n mintSymbol: data.data[mintAddress].mintSymbol,\n vsToken: 'USDC',\n vsTokenSymbol: 'USDC',\n lastUpdatedAt: data.timeTaken\n };\n }\n throw new Error('Jupiter data not found for this token');\n } catch (error) {\n console.error(\"Jupiter price fetch error:\", error);\n return {\n price: 0.0034 + Math.random() * 0.001,\n priceChange24h: Math.random() * 20 - 10,\n volumeUsd24h: Math.random() * 50000,\n mintSymbol: \"UNKNOWN\",\n vsToken: 'USDC',\n vsTokenSymbol: 'USDC',\n lastUpdatedAt: Date.now()\n };\n }\n};\nconst fetchDexScreenerTrending = async (chainId = null) => {\n try {\n console.log(`Fetching trending tokens directly from DexScreener API${chainId ? ` for ${chainId}` : ''}`);\n return generateMockDexScreenerPairs(chainId ? 15 : 25);\n } catch (error) {\n console.error(\"Error fetching DexScreener trending data:\", error);\n return generateMockDexScreenerPairs(chainId ? 15 : 25);\n }\n};\nconst fetchDexScreenerTokenData = async tokenQuery => {\n try {\n console.log(`Fetching token data directly from DexScreener API for ${tokenQuery}`);\n return generateMockDexScreenerToken(tokenQuery);\n } catch (dexScreenerError) {\n console.error(`Error fetching DexScreener token data for ${tokenQuery}:`, dexScreenerError);\n return generateMockDexScreenerToken(tokenQuery);\n }\n};\nconst DEXTOOLS_API = \"https://api.dextools.io/v1\";\nconst JUPITER_API = \"https://price.jup.ag/v4\";\nconst JUPITER_WS = \"wss://price.jup.ag/v4/ws\";\nconst BLOCKDAEMON_API = \"https://api.example.com/blockdaemon\";\nconst GECKOTERM_API = \"https://api.geckoterminal.com/api/v2\";\nconst BLOCKDAEMON_API_KEY = \"demo_key\";\nconst fetchDexToolsData = async (endpoint, params = {}, retries = 3, useCache = true, cacheDuration = CACHE_DURATION, priority = 'high') => {\n const headers = {\n 'X-API-Key': 'DEXTOOLS_API_KEY'\n };\n const queryString = Object.keys(params).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`).join('&');\n const url = `${DEXTOOLS_API}${endpoint}${queryString ? `?${queryString}` : ''}`;\n try {\n return await fetchData(url, retries, useCache, cacheDuration, priority, headers);\n } catch (error) {\n console.error(\"DEXTools API error:\", error);\n throw error;\n }\n};\nconst getTokenMapping = tokenId => {\n const mappings = {\n 'bitcoin': {\n symbol: 'BTC',\n binanceSymbol: 'BTCUSDT',\n ccSymbol: 'BTC',\n cmcSymbol: 'BTC',\n dextoolsId: 'eth-0x2260fac5e5542a773aa44fbcfedf7c193bc2c599',\n etherscanContract: '',\n bscscanContract: '',\n uniswapAddress: '',\n chain: 'bitcoin'\n },\n 'ethereum': {\n symbol: 'ETH',\n binanceSymbol: 'ETHUSDT',\n ccSymbol: 'ETH',\n cmcSymbol: 'ETH',\n dextoolsId: 'eth-0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',\n etherscanContract: '',\n bscscanContract: '',\n uniswapAddress: '',\n chain: 'ethereum'\n },\n 'binancecoin': {\n symbol: 'BNB',\n binanceSymbol: 'BNBUSDT',\n ccSymbol: 'BNB',\n cmcSymbol: 'BNB',\n dextoolsId: 'bnb-0xbb4cdb9cbd36b01bd1cbaebf2de08d9173bc095c',\n etherscanContract: '',\n bscscanContract: '',\n uniswapAddress: '',\n chain: 'binance-smart-chain'\n },\n 'ripple': {\n symbol: 'XRP',\n binanceSymbol: 'XRPUSDT',\n ccSymbol: 'XRP',\n cmcSymbol: 'XRP',\n etherscanContract: '',\n bscscanContract: '',\n uniswapAddress: '',\n chain: 'ripple'\n },\n 'cardano': {\n symbol: 'ADA',\n binanceSymbol: 'ADAUSDT',\n ccSymbol: 'ADA',\n cmcSymbol: 'ADA',\n etherscanContract: '',\n bscscanContract: '',\n uniswapAddress: '',\n chain: 'cardano'\n },\n 'solana': {\n symbol: 'SOL',\n binanceSymbol: 'SOLUSDT',\n ccSymbol: 'SOL',\n cmcSymbol: 'SOL',\n etherscanContract: '',\n bscscanContract: '',\n uniswapAddress: '',\n chain: 'solana'\n },\n 'polkadot': {\n symbol: 'DOT',\n binanceSymbol: 'DOTUSDT',\n ccSymbol: 'DOT',\n cmcSymbol: 'DOT',\n etherscanContract: '',\n bscscanContract: '',\n uniswapAddress: '',\n chain: 'polkadot'\n },\n 'dogecoin': {\n symbol: 'DOGE',\n binanceSymbol: 'DOGEUSDT',\n ccSymbol: 'DOGE',\n cmcSymbol: 'DOGE',\n etherscanContract: '',\n bscscanContract: '',\n uniswapAddress: '',\n chain: 'dogecoin'\n },\n 'shiba-inu': {\n symbol: 'SHIB',\n binanceSymbol: 'SHIBUSDT',\n ccSymbol: 'SHIB',\n cmcSymbol: 'SHIB',\n dextoolsId: 'eth-0x95ad61b0a150d79219dcf64e1e6cc01f0b64c4ce',\n etherscanContract: '0x95ad61b0a150d79219dcf64e1e6cc01f0b64c4ce',\n bscscanContract: '',\n uniswapAddress: '0x95ad61b0a150d79219dcf64e1e6cc01f0b64c4ce',\n chain: 'ethereum'\n },\n 'litecoin': {\n symbol: 'LTC',\n binanceSymbol: 'LTCUSDT',\n ccSymbol: 'LTC',\n cmcSymbol: 'LTC',\n etherscanContract: '',\n bscscanContract: '',\n uniswapAddress: '',\n chain: 'litecoin'\n },\n 'avalanche-2': {\n symbol: 'AVAX',\n binanceSymbol: 'AVAXUSDT',\n ccSymbol: 'AVAX',\n cmcSymbol: 'AVAX',\n etherscanContract: '',\n bscscanContract: '',\n uniswapAddress: '',\n chain: 'avalanche'\n },\n 'matic-network': {\n symbol: 'MATIC',\n binanceSymbol: 'MATICUSDT',\n ccSymbol: 'MATIC',\n cmcSymbol: 'MATIC',\n etherscanContract: '0x7d1afa7b718fb893db30a3abc0cfc608aacfebb0',\n bscscanContract: '',\n uniswapAddress: '0x7d1afa7b718fb893db30a3abc0cfc608aacfebb0',\n chain: 'polygon'\n },\n 'chainlink': {\n symbol: 'LINK',\n binanceSymbol: 'LINKUSDT',\n ccSymbol: 'LINK',\n cmcSymbol: 'LINK',\n etherscanContract: '0x514910771af9ca656af840dff83e8264ecf986ca',\n bscscanContract: '',\n uniswapAddress: '0x514910771af9ca656af840dff83e8264ecf986ca',\n chain: 'ethereum'\n },\n 'uniswap': {\n symbol: 'UNI',\n binanceSymbol: 'UNIUSDT',\n ccSymbol: 'UNI',\n cmcSymbol: 'UNI',\n etherscanContract: '0x1f9840a85d5af5bf1d1762f925bdaddc4201f984',\n bscscanContract: '',\n uniswapAddress: '0x1f9840a85d5af5bf1d1762f925bdaddc4201f984',\n chain: 'ethereum'\n },\n 'arbitrum': {\n symbol: 'ARB',\n binanceSymbol: 'ARBUSDT',\n ccSymbol: 'ARB',\n cmcSymbol: 'ARB',\n etherscanContract: '0xb50721bcf8d664c30412cfbc6cf7a15145234ad1',\n bscscanContract: '',\n uniswapAddress: '0xb50721bcf8d664c30412cfbc6cf7a15145234ad1',\n chain: 'arbitrum'\n },\n 'optimism': {\n symbol: 'OP',\n binanceSymbol: 'OPUSDT',\n ccSymbol: 'OP',\n cmcSymbol: 'OP',\n etherscanContract: '0x4200000000000000000000000000000000000042',\n bscscanContract: '',\n uniswapAddress: '0x4200000000000000000000000000000000000042',\n chain: 'optimism'\n }\n };\n return mappings[tokenId] || {\n symbol: tokenId.substring(0, 3).toUpperCase(),\n binanceSymbol: `${tokenId.substring(0, 3).toUpperCase()}USDT`,\n ccSymbol: tokenId.substring(0, 3).toUpperCase(),\n cmcSymbol: tokenId.substring(0, 3).toUpperCase(),\n dextoolsId: `eth-${tokenId}`,\n etherscanContract: '',\n bscscanContract: '',\n uniswapAddress: '',\n chain: 'ethereum'\n };\n};\nconst fallbackData = {\n trending: [{\n id: \"bitcoin\",\n name: \"Bitcoin\",\n symbol: \"BTC\",\n current_price: 84194.29,\n price_change_percentage_24h: 2.1,\n total_volume: 29463922133,\n market_cap: 1670156390530,\n image: \"https://assets.coingecko.com/coins/images/1/small/bitcoin.png\"\n }, {\n id: \"ethereum\",\n name: \"Ethereum\",\n symbol: \"ETH\",\n current_price: 1925.19,\n price_change_percentage_24h: 1.8,\n total_volume: 12575370828,\n market_cap: 232205323601,\n image: \"https://assets.coingecko.com/coins/images/279/small/ethereum.png\"\n }, {\n id: \"solana\",\n name: \"Solana\",\n symbol: \"SOL\",\n current_price: 134.76,\n price_change_percentage_24h: 2.4,\n total_volume: 3099705862,\n market_cap: 68692692365,\n image: \"https://assets.coingecko.com/coins/images/4128/small/solana.png\"\n }, {\n id: \"tether\",\n name: \"Tether\",\n symbol: \"USDT\",\n current_price: 1.00,\n price_change_percentage_24h: 0.01,\n total_volume: 60931946327,\n market_cap: 143348912787,\n image: \"https://assets.coingecko.com/coins/images/325/small/Tether.png\"\n }],\n pumpfun: [{\n id: \"4uxdyLSayfXDdqWLLsBwAm5CRVWEadakb6NGZyEUpump\",\n name: \"NO CAP CAT\",\n symbol: \"ILY\",\n current_price: 0.00341,\n price_change_percentage_24h: 143.2,\n total_volume: 1250.876543,\n market_cap: 156750.88,\n image: \"https://ipfs.io/ipfs/QmZGMhUGN22QU8iZ6GiqKrnrzsSPmwLq6j8yuBmQVwer6U\",\n chain: \"solana\",\n source: \"pumpfun\",\n description: \"there no cap, i love you :3\",\n twitter: \"https://x.com/weremeow\",\n created_at: 1741153853820,\n last_trade: 1741153867000\n }, {\n id: \"7GzT54V4jN5u5SsWeFmbUwYFkqCRUxafAS14bvVJpump\",\n name: \"Kangaroo Market\",\n symbol: \"KANGAROO\",\n current_price: 0.00783,\n price_change_percentage_24h: 47.2,\n total_volume: 2873.521678,\n market_cap: 783254.93,\n image: \"https://ipfs.io/ipfs/QmWBf4EmUko4zZyw6wm6oBkhyJRH1XwTc8Pny7hXBgrQJM\",\n chain: \"solana\",\n source: \"pumpfun\",\n description: \"\",\n twitter: \"https://x.com/MadsCapital/status/1897029322814447655\",\n created_at: 1741153204361,\n last_trade: 1741153851000\n }],\n top: [{\n id: \"bitcoin\",\n name: \"Bitcoin\",\n symbol: \"BTC\",\n current_price: 84194.29,\n price_change_percentage_24h: 2.1,\n total_volume: 29463922133,\n market_cap: 1670156390530,\n image: \"https://assets.coingecko.com/coins/images/1/small/bitcoin.png\"\n }, {\n id: \"ethereum\",\n name: \"Ethereum\",\n symbol: \"ETH\",\n current_price: 1925.19,\n price_change_percentage_24h: 1.8,\n total_volume: 12575370828,\n market_cap: 232205323601,\n image: \"https://assets.coingecko.com/coins/images/279/small/ethereum.png\"\n }, {\n id: \"tether\",\n name: \"Tether\",\n symbol: \"USDT\",\n current_price: 1.00,\n price_change_percentage_24h: 0.01,\n total_volume: 60931946327,\n market_cap: 143348912787,\n image: \"https://assets.coingecko.com/coins/images/325/small/Tether.png\"\n }, {\n id: \"xrp\",\n name: \"XRP\",\n symbol: \"XRP\",\n current_price: 2.34,\n price_change_percentage_24h: 1.2,\n total_volume: 4372341032,\n market_cap: 136519072464,\n image: \"https://assets.coingecko.com/coins/images/44/small/xrp-symbol-white-128.png\"\n }, {\n id: \"binancecoin\",\n name: \"BNB\",\n symbol: \"BNB\",\n current_price: 586.10,\n price_change_percentage_24h: 3.2,\n total_volume: 1555002251,\n market_cap: 83504982162,\n image: \"https://assets.coingecko.com/coins/images/825/small/bnb-icon2_2x.png\"\n }, {\n id: \"solana\",\n name: \"Solana\",\n symbol: \"SOL\",\n current_price: 134.76,\n price_change_percentage_24h: 2.4,\n total_volume: 3099705862,\n market_cap: 68692692365,\n image: \"https://assets.coingecko.com/coins/images/4128/small/solana.png\"\n }, {\n id: \"cardano\",\n name: \"Cardano\",\n symbol: \"ADA\",\n current_price: 0.57,\n price_change_percentage_24h: 1.6,\n total_volume: 872543217,\n market_cap: 20142786353,\n image: \"https://assets.coingecko.com/coins/images/975/small/cardano.png\"\n }, {\n id: \"dogecoin\",\n name: \"Dogecoin\",\n symbol: \"DOGE\",\n current_price: 0.16,\n price_change_percentage_24h: 2.3,\n total_volume: 1523678421,\n market_cap: 23456789012,\n image: \"https://assets.coingecko.com/coins/images/5/small/dogecoin.png\"\n }, {\n id: \"polkadot\",\n name: \"Polkadot\",\n symbol: \"DOT\",\n current_price: 7.84,\n price_change_percentage_24h: 1.8,\n total_volume: 654321098,\n market_cap: 10987654321,\n image: \"https://assets.coingecko.com/coins/images/12171/small/polkadot.png\"\n }, {\n id: \"shiba-inu\",\n name: \"Shiba Inu\",\n symbol: \"SHIB\",\n current_price: 0.00003452,\n price_change_percentage_24h: 4.7,\n total_volume: 1234567890,\n market_cap: 20345678901,\n image: \"https://assets.coingecko.com/coins/images/11939/small/shiba.png\"\n }],\n tokenDetails: {\n bitcoin: {\n id: \"bitcoin\",\n name: \"Bitcoin\",\n symbol: \"BTC\",\n current_price: 84194.29,\n price_change_percentage_24h: 2.1,\n total_volume: 29463922133,\n market_cap: 1670156390530,\n fully_diluted_valuation: 1770000000000,\n image: \"https://assets.coingecko.com/coins/images/1/small/bitcoin.png\",\n address: \"0xbitcoin...1234\"\n },\n ethereum: {\n id: \"ethereum\",\n name: \"Ethereum\",\n symbol: \"ETH\",\n current_price: 1925.19,\n price_change_percentage_24h: 1.8,\n total_volume: 12575370828,\n market_cap: 232205323601,\n fully_diluted_valuation: 232205323601,\n image: \"https://assets.coingecko.com/coins/images/279/small/ethereum.png\",\n address: \"0xethereum...5678\"\n },\n solana: {\n id: \"solana\",\n name: \"Solana\",\n symbol: \"SOL\",\n current_price: 134.76,\n price_change_percentage_24h: 2.4,\n total_volume: 3099705862,\n market_cap: 68692692365,\n fully_diluted_valuation: 70000000000,\n image: \"https://assets.coingecko.com/coins/images/4128/small/solana.png\",\n address: \"0xsolana...9012\"\n },\n tether: {\n id: \"tether\",\n name: \"Tether\",\n symbol: \"USDT\",\n current_price: 1.00,\n price_change_percentage_24h: 0.01,\n total_volume: 60931946327,\n market_cap: 143348912787,\n fully_diluted_valuation: 143348912787,\n image: \"https://assets.coingecko.com/coins/images/325/small/Tether.png\",\n address: \"0xdAC17F958D2ee523a2206206994597C13D831ec7\"\n },\n xrp: {\n id: \"xrp\",\n name: \"XRP\",\n symbol: \"XRP\",\n current_price: 2.34,\n price_change_percentage_24h: 1.2,\n total_volume: 4372341032,\n market_cap: 136519072464,\n fully_diluted_valuation: 140000000000,\n image: \"https://assets.coingecko.com/coins/images/44/small/xrp-symbol-white-128.png\",\n address: \"0xXRP...5678\"\n },\n binancecoin: {\n id: \"binancecoin\",\n name: \"BNB\",\n symbol: \"BNB\",\n current_price: 586.10,\n price_change_percentage_24h: 3.2,\n total_volume: 1555002251,\n market_cap: 83504982162,\n fully_diluted_valuation: 85000000000,\n image: \"https://assets.coingecko.com/coins/images/825/small/bnb-icon2_2x.png\",\n address: \"0xB8c77482e45F1F44dE1745F52C74426C631bDD52\"\n },\n cardano: {\n id: \"cardano\",\n name: \"Cardano\",\n symbol: \"ADA\",\n current_price: 0.57,\n price_change_percentage_24h: 1.6,\n total_volume: 872543217,\n market_cap: 20142786353,\n fully_diluted_valuation: 25678901234,\n image: \"https://assets.coingecko.com/coins/images/975/small/cardano.png\",\n address: \"0xcardano...abcd\"\n },\n dogecoin: {\n id: \"dogecoin\",\n name: \"Dogecoin\",\n symbol: \"DOGE\",\n current_price: 0.16,\n price_change_percentage_24h: 2.3,\n total_volume: 1523678421,\n market_cap: 23456789012,\n fully_diluted_valuation: 24567890123,\n image: \"https://assets.coingecko.com/coins/images/5/small/dogecoin.png\",\n address: \"0xdogecoin...wxyz\"\n },\n polkadot: {\n id: \"polkadot\",\n name: \"Polkadot\",\n symbol: \"DOT\",\n current_price: 7.84,\n price_change_percentage_24h: 1.8,\n total_volume: 654321098,\n market_cap: 10987654321,\n fully_diluted_valuation: 12098765432,\n image: \"https://assets.coingecko.com/coins/images/12171/small/polkadot.png\",\n address: \"0xpolkadot...klmn\"\n },\n \"shiba-inu\": {\n id: \"shiba-inu\",\n name: \"Shiba Inu\",\n symbol: \"SHIB\",\n current_price: 0.00003452,\n price_change_percentage_24h: 4.7,\n total_volume: 1234567890,\n market_cap: 20345678901,\n fully_diluted_valuation: 22345678901,\n image: \"https://assets.coingecko.com/coins/images/11939/small/shiba.png\",\n address: \"0x95ad61b0a150d79219dcf64e1e6cc01f0b64c4ce\"\n }\n },\n chartData: {\n bitcoin: Array.from({\n length: 24\n }, (_, i) => {\n const basePrice = 84000;\n const trend = i * 15;\n const noise = Math.sin(i / 3) * 350;\n const random = (Math.random() - 0.5) * 150;\n return {\n time: `${i.toString().padStart(2, '0')}:00`,\n price: basePrice + trend + noise + random,\n timestamp: Date.now() - (24 - i) * 3600000\n };\n }),\n ethereum: Array.from({\n length: 24\n }, (_, i) => {\n const basePrice = 1920;\n const trend = i * 0.5;\n const noise = Math.sin(i / 4) * 15;\n const random = (Math.random() - 0.5) * 8;\n return {\n time: `${i.toString().padStart(2, '0')}:00`,\n price: basePrice + trend + noise + random,\n timestamp: Date.now() - (24 - i) * 3600000\n };\n }),\n solana: Array.from({\n length: 24\n }, (_, i) => {\n const basePrice = 134.5;\n const trend = i * 0.15;\n const noise = Math.sin(i / 2) * 3;\n const random = (Math.random() - 0.5) * 1.5;\n return {\n time: `${i.toString().padStart(2, '0')}:00`,\n price: basePrice + trend + noise + random,\n timestamp: Date.now() - (24 - i) * 3600000\n };\n }),\n tether: Array.from({\n length: 24\n }, (_, i) => {\n const basePrice = 1.0;\n const noise = Math.sin(i / 8) * 0.0003;\n const random = (Math.random() - 0.5) * 0.0006;\n return {\n time: `${i.toString().padStart(2, '0')}:00`,\n price: basePrice + noise + random,\n timestamp: Date.now() - (24 - i) * 3600000\n };\n }),\n xrp: Array.from({\n length: 24\n }, (_, i) => {\n const basePrice = 2.335;\n const trend = i * 0.002;\n const noise = Math.sin(i / 3) * 0.03;\n const random = (Math.random() - 0.5) * 0.02;\n return {\n time: `${i.toString().padStart(2, '0')}:00`,\n price: basePrice + trend + noise + random,\n timestamp: Date.now() - (24 - i) * 3600000\n };\n }),\n binancecoin: Array.from({\n length: 24\n }, (_, i) => {\n const basePrice = 585.5;\n const trend = i * 0.3;\n const noise = Math.sin(i / 3) * 4;\n const random = (Math.random() - 0.5) * 2.5;\n return {\n time: `${i.toString().padStart(2, '0')}:00`,\n price: basePrice + trend + noise + random,\n timestamp: Date.now() - (24 - i) * 3600000\n };\n }),\n cardano: Array.from({\n length: 24\n }, (_, i) => {\n const basePrice = 0.57;\n const trend = i * 0.0008;\n const noise = Math.sin(i / 3) * 0.01;\n const random = (Math.random() - 0.5) * 0.005;\n return {\n time: `${i.toString().padStart(2, '0')}:00`,\n price: basePrice + trend + noise + random,\n timestamp: Date.now() - (24 - i) * 3600000\n };\n }),\n dogecoin: Array.from({\n length: 24\n }, (_, i) => {\n const basePrice = 0.16;\n const trend = i * 0.0005;\n const noise = Math.sin(i / 2) * 0.005;\n const random = (Math.random() - 0.5) * 0.003;\n return {\n time: `${i.toString().padStart(2, '0')}:00`,\n price: basePrice + trend + noise + random,\n timestamp: Date.now() - (24 - i) * 3600000\n };\n }),\n polkadot: Array.from({\n length: 24\n }, (_, i) => {\n const basePrice = 7.84;\n const trend = i * 0.005;\n const noise = Math.sin(i / 3) * 0.1;\n const random = (Math.random() - 0.5) * 0.06;\n return {\n time: `${i.toString().padStart(2, '0')}:00`,\n price: basePrice + trend + noise + random,\n timestamp: Date.now() - (24 - i) * 3600000\n };\n }),\n \"shiba-inu\": Array.from({\n length: 24\n }, (_, i) => {\n const basePrice = 0.00003452;\n const trend = i * 0.0000001;\n const noise = Math.sin(i / 3) * 0.0000005;\n const random = (Math.random() - 0.5) * 0.0000003;\n return {\n time: `${i.toString().padStart(2, '0')}:00`,\n price: basePrice + trend + noise + random,\n timestamp: Date.now() - (24 - i) * 3600000\n };\n })\n }\n};\nconst fetchGeckoTerminalPairs = async (tokenAddress, network = 'ethereum') => {\n try {\n const url = `${GECKOTERM_API}/networks/${network}/tokens/${tokenAddress}/pools?page=1&limit=10`;\n const data = await fetchData(`${PROXY_API}${encodeURIComponent(url)}`, 3, true, CACHE_DURATION, 'high');\n if (data && data.data && Array.isArray(data.data)) {\n return data.data.map(pool => ({\n dex: pool.attributes.dex.name || 'Unknown DEX',\n pair: pool.attributes.name || 'Unknown Pair',\n price: pool.attributes.base_token_price_usd || 0,\n priceChange24h: pool.attributes.price_change_percentage || 0,\n volume24h: pool.attributes.volume_usd || 0,\n liquidity: pool.attributes.reserve_in_usd || 0\n }));\n }\n return [];\n } catch (error) {\n console.error(\"Error fetching GeckoTerminal pairs:\", error);\n return [];\n }\n};\nconst formatNumber = (num, decimals = 2) => {\n if (num === undefined || num === null || num === 'N/A') return 'N/A';\n const parsedNum = Number(num);\n if (isNaN(parsedNum)) return 'N/A';\n if (parsedNum < 0.00001) {\n return parsedNum.toExponential(decimals);\n }\n if (parsedNum < 1) {\n const significantDecimals = Math.max(4, -Math.floor(Math.log10(parsedNum)) + 2);\n return `${parsedNum.toFixed(significantDecimals)}`;\n }\n if (parsedNum >= 1000000000) {\n return `${(parsedNum / 1000000000).toFixed(decimals)}B`;\n }\n if (parsedNum >= 1000000) {\n return `${(parsedNum / 1000000).toFixed(decimals)}M`;\n }\n if (parsedNum >= 1000) {\n return `${(parsedNum / 1000).toFixed(decimals)}K`;\n }\n return `${parsedNum.toFixed(decimals)}`;\n};\nconst formatPercent = num => {\n if (num === undefined || num === null || num === 'N/A') return 'N/A';\n const parsedNum = Number(num);\n if (isNaN(parsedNum)) return 'N/A';\n return `${parsedNum > 0 ? '+' : ''}${parsedNum.toFixed(2)}%`;\n};\nconst fetchPairsData = async (token, tokenId) => {\n if (!token) return [];\n try {\n const mapping = getTokenMapping(tokenId);\n const tokenAddress = mapping.etherscanContract || mapping.dextoolsId.split('-')[1];\n const chain = mapping.chain === 'ethereum' ? 'eth' : mapping.chain === 'binance-smart-chain' ? 'bnb' : mapping.chain === 'polygon' ? 'matic' : mapping.chain === 'avalanche' ? 'avax' : mapping.chain === 'solana' ? 'sol' : 'eth';\n const results = await Promise.allSettled([(async () => {\n if (tokenAddress) {\n const endpoint = `/token/${chain}/${tokenAddress}/pairs`;\n const pairsData = await fetchDexToolsData(endpoint, {}, 2, true, CACHE_DURATION, 'normal');\n if (pairsData?.data?.pairs?.length > 0) {\n return pairsData.data.pairs.slice(0, 5).map(pair => ({\n dex: pair.dexId || 'Unknown DEX',\n pair: pair.pairName || `${token.symbol}/???`,\n price: pair.price || token.current_price,\n priceChange24h: pair.priceChange24h || token.price_change_percentage_24h,\n volume24h: pair.volume24h || token.total_volume / 3,\n liquidity: pair.liquidity || token.market_cap * 0.05,\n source: 'dextools'\n }));\n }\n throw new Error(\"No DEXTools pairs found\");\n }\n throw new Error(\"No token address for DEXTools\");\n })(), (async () => {\n if (tokenAddress) {\n const geckoChain = mapping.chain === 'ethereum' ? 'ethereum' : mapping.chain === 'binance-smart-chain' ? 'binance-smart-chain' : mapping.chain === 'polygon' ? 'polygon' : mapping.chain === 'avalanche' ? 'avalanche' : mapping.chain === 'solana' ? 'solana' : 'ethereum';\n const geckoTerminalData = await fetchGeckoTerminalPairs(tokenAddress, geckoChain);\n if (geckoTerminalData.length > 0) {\n return geckoTerminalData.map(pair => ({\n ...pair,\n source: 'geckoterminal'\n }));\n }\n throw new Error(\"No GeckoTerminal pairs found\");\n }\n throw new Error(\"No token address for GeckoTerminal\");\n })()]);\n const successfulResults = results.filter(result => result.status === 'fulfilled' && Array.isArray(result.value) && result.value.length > 0).map(result => result.value);\n if (successfulResults.length > 0) {\n const combinedPairs = [];\n successfulResults.forEach(pairsArray => {\n pairsArray.forEach(pair => {\n const existingPairIndex = combinedPairs.findIndex(p => p.dex === pair.dex && p.pair === pair.pair);\n if (existingPairIndex === -1) {\n combinedPairs.push(pair);\n } else {\n const existingPair = combinedPairs[existingPairIndex];\n if (!existingPair.volume24h && pair.volume24h) {\n combinedPairs[existingPairIndex] = pair;\n }\n }\n });\n });\n return combinedPairs.slice(0, 6);\n }\n return generatePairsData(token);\n } catch (error) {\n console.error(\"Error fetching pairs data:\", error);\n return generatePairsData(token);\n }\n};\nconst generatePairsData = token => {\n console.log(\"Generating fallback pairs data for\", token?.name || \"unknown token\");\n if (!token) return [];\n const dexes = [\"Uniswap\", \"PancakeSwap\", \"SushiSwap\", \"Raydium\", \"Orca\", \"Jupiter\"];\n const pairs = [];\n const numPairs = Math.floor(Math.random() * 4) + 3;\n for (let i = 0; i < numPairs; i++) {\n const dex = dexes[Math.floor(Math.random() * dexes.length)];\n const quoteToken = i % 2 === 0 ? \"USDC\" : i % 3 === 0 ? \"ETH\" : \"USDT\";\n const price = token.current_price || token.price || Math.random() * 100;\n const priceChange = token.price_change_percentage_24h || Math.random() * 20 - 10;\n const volume = token.total_volume || Math.random() * 1000000;\n const liquidity = token.market_cap ? token.market_cap * (0.05 + Math.random() * 0.15) : Math.random() * 500000;\n pairs.push({\n dex,\n pair: `${token.symbol}/${quoteToken}`,\n price,\n priceChange24h: priceChange,\n volume24h: volume,\n liquidity,\n source: 'fallback_generated'\n });\n }\n return pairs;\n};\nconst needsRefresh = (tokenId, priority = API_PRIORITIES.HIGH) => {\n if (!tokenUpdateTimestamps.has(tokenId)) {\n return true;\n }\n const lastUpdate = tokenUpdateTimestamps.get(tokenId);\n const currentTime = Date.now();\n const refreshInterval = priority.refreshInterval || 60 * 60 * 1000;\n return currentTime - lastUpdate > refreshInterval;\n};\nconst formatRelativeTime = timestamp => {\n if (!timestamp) return 'Never';\n const now = Date.now();\n const diffMs = now - timestamp;\n const diffSec = Math.floor(diffMs / 1000);\n if (diffSec < 60) {\n return `${diffSec} second${diffSec !== 1 ? 's' : ''} ago`;\n }\n const diffMin = Math.floor(diffSec / 60);\n if (diffMin < 60) {\n return `${diffMin} minute${diffMin !== 1 ? 's' : ''} ago`;\n }\n const diffHour = Math.floor(diffMin / 60);\n if (diffHour < 24) {\n return `${diffHour} hour${diffHour !== 1 ? 's' : ''} ago`;\n }\n return new Date(timestamp).toLocaleString();\n};\nconst Navbar = ({\n toggleSidebar\n}) => {\n const [searchQuery, setSearchQuery] = useState('');\n const navigate = useNavigate();\n const handleSearch = e => {\n e.preventDefault();\n if (searchQuery.trim()) {\n navigate(`/tokens/${searchQuery.toLowerCase()}`);\n setSearchQuery('');\n }\n };\n return ;\n};\nconst useTokenSubmissions = () => {\n const [submissions, setSubmissions] = useState(() => {\n const saved = localStorage.getItem('tokenSubmissions');\n let parsedSubmissions = [];\n let userSubmittedSparkChain = null;\n if (saved) {\n try {\n parsedSubmissions = JSON.parse(saved);\n userSubmittedSparkChain = parsedSubmissions.find(sub => sub.name === \"SparkChain\" && sub.symbol === \"SPARK\");\n console.log(\"Loaded submissions from localStorage:\", parsedSubmissions);\n } catch (e) {\n console.error(\"Failed to parse saved submissions\", e);\n }\n }\n if (userSubmittedSparkChain) {\n console.log(\"Using user-submitted SparkChain token:\", userSubmittedSparkChain);\n return parsedSubmissions;\n }\n const sparkChainToken = {\n id: \"0001\",\n name: \"SparkChain\",\n symbol: \"SPARK\",\n address: \"0x1234567890abcdef1234567890abcdef12345678\",\n chain: \"bsc\",\n description: \"SparkChain is a revolutionary layer-2 solution with lightning-fast transactions and minimal gas fees. Built for DeFi applications with a focus on scalability and security.\",\n website: \"https://sparkchain.io\",\n twitter: \"https://twitter.com/sparkchain\",\n telegram: \"https://t.me/sparkchain_community\",\n email: \"info@sparkchain.io\",\n status: \"pending\",\n submittedAt: new Date().toISOString(),\n submittedBy: \"0x7a16ff8270133f063aab6c9977183d9e72835428\"\n };\n const initialSubmissions = [...parsedSubmissions, sparkChainToken];\n console.log(\"Initial submissions with SparkChain:\", initialSubmissions);\n localStorage.setItem('tokenSubmissions', JSON.stringify(initialSubmissions));\n return initialSubmissions;\n });\n useEffect(() => {\n console.log(\"Saving submissions to localStorage:\", submissions);\n localStorage.setItem('tokenSubmissions', JSON.stringify(submissions));\n }, [submissions]);\n const addSubmission = submission => {\n console.log(\"Adding submission:\", submission);\n const newSubmission = {\n ...submission,\n status: \"pending\",\n submittedAt: new Date().toISOString()\n };\n const isSparkChain = submission.name.toLowerCase() === \"sparkchain\" && submission.symbol.toLowerCase() === \"spark\";\n setSubmissions(prev => {\n let updatedSubmissions;\n if (isSparkChain) {\n const filteredSubmissions = prev.filter(sub => !(sub.name.toLowerCase() === \"sparkchain\" && sub.symbol.toLowerCase() === \"spark\"));\n newSubmission.id = \"0001\";\n updatedSubmissions = [...filteredSubmissions, newSubmission];\n } else {\n const maxId = prev.reduce((max, sub) => {\n const subId = parseInt(sub.id);\n return isNaN(subId) ? max : Math.max(max, subId);\n }, 0);\n newSubmission.id = (maxId + 1).toString().padStart(4, '0');\n updatedSubmissions = [...prev, newSubmission];\n }\n localStorage.setItem('tokenSubmissions', JSON.stringify(updatedSubmissions));\n console.log(\"Updated submissions in localStorage:\", updatedSubmissions);\n return updatedSubmissions;\n });\n return newSubmission;\n };\n const updateSubmission = (id, updates) => {\n console.log(`Updating submission ${id}:`, updates);\n setSubmissions(prev => {\n const updated = prev.map(sub => sub.id === id ? {\n ...sub,\n ...updates\n } : sub);\n localStorage.setItem('tokenSubmissions', JSON.stringify(updated));\n console.log(\"Updated submission in localStorage:\", updated.find(sub => sub.id === id));\n return updated;\n });\n };\n const getSubmission = id => {\n return submissions.find(sub => sub.id === id);\n };\n return {\n submissions,\n addSubmission,\n updateSubmission,\n getSubmission\n };\n};\nconst useAuditLog = () => {\n const [logs, setLogs] = useState(() => {\n const saved = localStorage.getItem('auditLogs');\n return saved ? JSON.parse(saved) : [];\n });\n useEffect(() => {\n localStorage.setItem('auditLogs', JSON.stringify(logs));\n }, [logs]);\n const addLog = (action, details) => {\n setLogs(prev => [...prev, {\n id: Date.now().toString(),\n timestamp: new Date().toISOString(),\n action,\n details\n }]);\n };\n return {\n logs,\n addLog\n };\n};\nconst useWalletConnection = () => {\n const [wallet, setWallet] = useState(() => {\n const saved = localStorage.getItem('connectedWallet');\n return saved || null;\n });\n const [isOwner, setIsOwner] = useState(false);\n const [isAuthenticated, setIsAuthenticated] = useState(false);\n useEffect(() => {\n if (wallet) {\n setIsOwner(wallet.toLowerCase() === OWNER_WALLET_ADDRESS.toLowerCase());\n } else {\n setIsOwner(false);\n }\n }, [wallet]);\n const connectWallet = () => {\n const simulatedAddress = OWNER_WALLET_ADDRESS;\n setWallet(simulatedAddress);\n localStorage.setItem('connectedWallet', simulatedAddress);\n return simulatedAddress;\n };\n const disconnectWallet = () => {\n setWallet(null);\n setIsAuthenticated(false);\n localStorage.removeItem('connectedWallet');\n };\n const authenticate = code => {\n if (code === '369369') {\n setIsAuthenticated(true);\n return true;\n }\n return false;\n };\n return {\n wallet,\n isOwner,\n isAuthenticated,\n connectWallet,\n disconnectWallet,\n authenticate\n };\n};\nconst Sidebar = ({\n isOpen,\n toggleSidebar,\n wallet,\n isOwner,\n pendingCount\n}) => {\n const location = useLocation();\n const [popularChains,,] = useState([{\n id: \"ethereum\",\n name: \"Ethereum\",\n logo: \"https://cryptologos.cc/logos/ethereum-eth-logo.svg?v=024\",\n tokenCount: \"1,000+\"\n }, {\n id: \"bsc\",\n name: \"BSC\",\n logo: \"https://cryptologos.cc/logos/bnb-bnb-logo.svg?v=024\",\n tokenCount: \"500+\"\n }, {\n id: \"arbitrum\",\n name: \"Arbitrum\",\n logo: \"https://cryptologos.cc/logos/arbitrum-arb-logo.svg?v=024\",\n tokenCount: \"200+\"\n }, {\n id: \"solana\",\n name: \"Solana\",\n logo: \"https://cryptologos.cc/logos/solana-sol-logo.svg?v=024\",\n tokenCount: \"300+\"\n }, {\n id: \"polygon\",\n name: \"Polygon\",\n logo: \"https://cryptologos.cc/logos/polygon-matic-logo.svg?v=024\",\n tokenCount: \"400+\",\n isNew: true\n }, {\n id: \"avalanche\",\n name: \"Avalanche\",\n logo: \"https://cryptologos.cc/logos/avalanche-avax-logo.svg?v=024\",\n tokenCount: \"150+\"\n }, {\n id: \"optimism\",\n name: \"Optimism\",\n logo: \"https://cryptologos.cc/logos/optimism-op-logo.svg?v=024\",\n tokenCount: \"120+\",\n isNew: true\n }, {\n id: \"base\",\n name: \"Base\",\n logo: \"https://cryptologos.cc/logos/base-base-logo.svg?v=024\",\n tokenCount: \"100+\",\n isNew: true\n }]);\n const [showAllChains, setShowAllChains] = useState(false);\n const [allChains, setAllChains] = useState([]);\n const [loadingChains, setLoadingChains] = useState(false);\n const isRouteActive = route => {\n return location.pathname === route || route !== '/' && location.pathname.startsWith(route);\n };\n useEffect(() => {\n const getChains = async () => {\n setLoadingChains(true);\n try {\n const chains = await fetchDexScreenerChains();\n if (chains && chains.length > 0) {\n const mappedChains = chains.map(chainId => {\n let logo = `https://assets.dexscreener.io/flags/${chainId}.svg`;\n let name = chainId.charAt(0).toUpperCase() + chainId.slice(1).replace(/-/g, ' ');\n if (chainId === \"ethereum\") logo = \"https://cryptologos.cc/logos/ethereum-eth-logo.svg?v=024\";else if (chainId === \"bsc\") logo = \"https://cryptologos.cc/logos/bnb-bnb-logo.svg?v=024\";else if (chainId === \"arbitrum\") logo = \"https://cryptologos.cc/logos/arbitrum-arb-logo.svg?v=024\";else if (chainId === \"solana\") logo = \"https://cryptologos.cc/logos/solana-sol-logo.svg?v=024\";else if (chainId === \"polygon\") logo = \"https://cryptologos.cc/logos/polygon-matic-logo.svg?v=024\";else if (chainId === \"avalanche\") logo = \"https://cryptologos.cc/logos/avalanche-avax-logo.svg?v=024\";\n return {\n id: chainId,\n name: name,\n logo: logo,\n tokenCount: \"100+\"\n };\n });\n setAllChains(mappedChains);\n }\n } catch (error) {\n console.error(\"Error fetching chains:\", error);\n } finally {\n setLoadingChains(false);\n }\n };\n getChains();\n }, []);\n return <>\n {isOpen &&

}\n \n

\n \n $\"DEVSCREENER$ \n DEVSCREENER\n \n

CA:

E6PZL2SheBeDMipv7Wy9NeKoLC9BoPr7wnmJZc9Qpump

\n \n

TOP CHAINS

\n \n

\n \n \n {chain.name}\n
\n {chain.tokenCount}\n {chain.isNew && \n New\n }\n
\n \n

\n {allChains.filter(chain => !popularChains.some(popularChain => popularChain.id === chain.id)).sort((a, b) => a.name.localeCompare(b.name)).map(chain =>

\n \n

{\n e.target.onerror = null;\n e.target.src = \"https://assets.dexscreener.io/flags/unknown.svg\";\n }} />\n {chain.name}\n \n

)}\n

\n \n

\n \n DexScreener Integration\n

\n Now with full multi-chain support for real-time token data across all major DEXes\n

\n ;\n};\nconst TrendingTokenCard = ({\n token\n}) => {\n const lastUpdated = token.lastUpdated || tokenUpdateTimestamps.get(token.id) || Date.now();\n return \n

\n {token.image ?

{\n console.log(`Failed to load image for ${token.name}: ${token.image}`);\n e.target.onerror = null;\n e.target.src = `https://ui-avatars.com/api/?name=${token.symbol}&background=random&color=fff&size=128`;\n }} /> :

\n {token.symbol?.charAt(0) || '?'}\n

}\n

{token.name}

\n = 0 ? 'text-green-500' : 'text-red-500'}`}>\n {formatPercent(token.price_change_percentage_24h)}\n \n

\n {token.symbol ? token.symbol.toUpperCase() : 'N/A'}\n {formatNumber(token.current_price)}\n

\n \n Updated: {formatRelativeTime(lastUpdated)}\n \n \n {token.dataSource === 'dexscreener' ? 'DexScreener' : token.dataSource === 'pumpfun' ? 'PumpFun' : token.dataSource === 'fallback' ? 'Cache' : token.dataSource}\n \n

\n ;\n};\nconst ErrorMessage = ({\n message\n}) =>

\n \n

Data Loading Error

{message || \"Failed to fetch data. Please try again later.\"}

;\nconst LoadingSpinner = () =>

;\nconst HomePage = () => {\n const [trendingTokens, setTrendingTokens] = useState([]);\n const [topTokens, setTopTokens] = useState([]);\n const [pumpFunTokens, setPumpFunTokens] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [usingFallback, setUsingFallback] = useState(false);\n const [loadAttempted, setLoadAttempted] = useState(false);\n const isMounted = useRef(true);\n useEffect(() => {\n try {\n if (fallbackData && fallbackData.trending) {\n setTrendingTokens(fallbackData.trending || []);\n }\n if (fallbackData && fallbackData.top) {\n setTopTokens(fallbackData.top || []);\n }\n if (fallbackData && fallbackData.pumpfun) {\n setPumpFunTokens(fallbackData.pumpfun || []);\n }\n } catch (err) {\n console.error(\"Error initializing with fallback data:\", err);\n setTrendingTokens([]);\n setTopTokens([]);\n setPumpFunTokens([]);\n }\n }, []);\n useEffect(() => {\n isMounted.current = true;\n return () => {\n isMounted.current = false;\n };\n }, []);\n useEffect(() => {\n const fetchTrendingTokens = async () => {\n try {\n console.log(\"HomePage: Starting data fetch\");\n setLoading(true);\n const currentTimestamp = Date.now();\n let hasDexScreenerData = false;\n let hasPumpFunData = false;\n let allTrendingTokens = [];\n try {\n console.log(\"HomePage: Fetching trending tokens directly from DexScreener API\");\n try {\n const dexScreenerData = await fetchDexScreenerTrending();\n if (dexScreenerData && Array.isArray(dexScreenerData) && dexScreenerData.length > 0 && isMounted.current) {\n console.log(`HomePage: Successfully fetched ${dexScreenerData.length} trending tokens from DexScreener API`);\n const processedTokens = dexScreenerData.map(pair => {\n const tokenTimestamp = currentTimestamp;\n const tokenId = pair.baseToken.address;\n tokenUpdateTimestamps.set(tokenId, tokenTimestamp);\n return {\n id: tokenId || 'N/A',\n name: pair.baseToken.name || 'N/A',\n symbol: pair.baseToken.symbol || 'N/A',\n current_price: parseFloat(pair.priceUsd) || 'N/A',\n price_change_percentage_24h: pair.priceChange?.h24 !== undefined ? pair.priceChange.h24 : 'N/A',\n total_volume: pair.volume?.h24 !== undefined ? pair.volume.h24 : 'N/A',\n market_cap: pair.fdv || 'N/A',\n image: pair.baseToken.logoURI || null,\n lastUpdated: tokenTimestamp,\n dataSource: 'dexscreener_api'\n };\n });\n hasDexScreenerData = true;\n allTrendingTokens = processedTokens;\n }\n } catch (innerDexScreenerError) {\n console.error(\"HomePage: Error processing DexScreener data:\", innerDexScreenerError);\n }\n } catch (dexScreenerError) {\n console.error(\"HomePage: Error fetching trending tokens from DexScreener API:\", dexScreenerError);\n }\n if (hasDexScreenerData && isMounted.current) {\n const topTrending = allTrendingTokens.slice(0, 4);\n console.log(\"HomePage: Using real API data for trending tokens:\", topTrending.length);\n setTrendingTokens(topTrending);\n setUsingFallback(false);\n setError(null);\n } else {\n console.log(\"HomePage: No trending tokens from DexScreener API, using fallback\");\n const timestampedTrending = fallbackData.trending.map(token => {\n const tokenTimestamp = tokenUpdateTimestamps.get(token.id) || currentTimestamp;\n tokenUpdateTimestamps.set(token.id, tokenTimestamp);\n return {\n ...token,\n lastUpdated: tokenTimestamp,\n dataSource: 'fallback'\n };\n });\n setTrendingTokens(timestampedTrending);\n setUsingFallback(true);\n setError(\"Using cached data due to API limitations. Some information may not be current.\");\n }\n try {\n console.log(\"HomePage: Fetching top tokens for market overview\");\n if (allTrendingTokens.length > 8 && (hasDexScreenerData || hasPumpFunData)) {\n const sortedTopTokens = [...allTrendingTokens].sort((a, b) => (b.market_cap || 0) - (a.market_cap || 0)).slice(0, 10);\n setTopTokens(sortedTopTokens);\n console.log(\"HomePage: Using real API data for top tokens\");\n } else {\n const topTokensData = fallbackData.top.map(token => {\n const tokenTimestamp = tokenUpdateTimestamps.get(token.id) || currentTimestamp;\n tokenUpdateTimestamps.set(token.id, tokenTimestamp);\n return {\n ...token,\n lastUpdated: tokenTimestamp,\n dataSource: 'fallback'\n };\n });\n setTopTokens(topTokensData);\n console.log(\"HomePage: Using fallback data for top tokens\");\n }\n } catch (error) {\n console.error(\"HomePage: Error processing top tokens:\", error);\n if (isMounted.current) {\n const timestampedTop = fallbackData.top.map(token => {\n const tokenTimestamp = tokenUpdateTimestamps.get(token.id) || currentTimestamp;\n tokenUpdateTimestamps.set(token.id, tokenTimestamp);\n return {\n ...token,\n lastUpdated: tokenTimestamp,\n dataSource: 'fallback'\n };\n });\n setTopTokens(timestampedTop);\n }\n }\n console.log(\"HomePage: Set trending and top tokens from fallback data\");\n try {\n console.log(\"HomePage: Fetching Solana tokens directly from Pump.fun API\");\n try {\n const pumpFunData = await fetchPumpFunData(20);\n if (pumpFunData && Array.isArray(pumpFunData) && pumpFunData.length > 0 && isMounted.current) {\n console.log(`HomePage: Successfully fetched ${pumpFunData.length} tokens from Pump.fun API`);\n const processedTokens = pumpFunData.map(token => {\n const tokenTimestamp = currentTimestamp;\n const tokenId = token.mint || token.contractAddress;\n tokenUpdateTimestamps.set(tokenId, tokenTimestamp);\n return {\n id: tokenId || 'N/A',\n name: token.name || 'N/A',\n symbol: token.symbol || 'N/A',\n description: token.description || 'N/A',\n current_price: token.price !== undefined ? token.price : token.market_cap && token.total_supply ? token.market_cap / (token.total_supply / 1e9) : 'N/A',\n price_change_percentage_24h: token.priceChangeIn24h !== undefined ? token.priceChangeIn24h : 'N/A',\n total_volume: token.volumeIn24h !== undefined ? token.volumeIn24h : token.virtual_sol_reserves ? token.virtual_sol_reserves / 1e9 : 'N/A',\n market_cap: token.market_cap || token.usd_market_cap || 'N/A',\n image: token.image_uri || token.image || null,\n address: token.mint || token.contractAddress || 'N/A',\n chain: \"solana\",\n twitter: token.twitter || null,\n telegram: token.telegram || null,\n website: token.website || null,\n created_at: token.created_timestamp || token.createdTime || Date.now(),\n last_trade: token.last_trade_timestamp || null,\n is_nsfw: token.nsfw || false,\n lastUpdated: tokenTimestamp,\n creator: token.creator || 'N/A',\n buyTxIn24h: token.buyTxIn24h !== undefined ? token.buyTxIn24h : 'N/A',\n sellTxIn24h: token.sellTxIn24h !== undefined ? token.sellTxIn24h : 'N/A',\n dataSource: 'pumpfun_api'\n };\n });\n const sortedTokens = [...processedTokens].sort((a, b) => {\n if (a.market_cap === 'N/A' && b.market_cap === 'N/A') return 0;\n if (a.market_cap === 'N/A') return 1;\n if (b.market_cap === 'N/A') return -1;\n return b.market_cap - a.market_cap;\n });\n setPumpFunTokens(sortedTokens);\n hasPumpFunData = true;\n console.log(\"HomePage: Successfully set Pump.fun tokens with real API data\");\n } else if (isMounted.current) {\n console.log(\"HomePage: No tokens returned from Pump.fun API, using fallback\");\n const timestampedPumpFun = fallbackData.pumpfun.map(token => {\n const tokenTimestamp = tokenUpdateTimestamps.get(token.id) || currentTimestamp;\n tokenUpdateTimestamps.set(token.id, tokenTimestamp);\n return {\n ...token,\n lastUpdated: tokenTimestamp,\n dataSource: 'fallback'\n };\n });\n setPumpFunTokens(timestampedPumpFun);\n }\n } catch (pumpFunInnerError) {\n console.error(\"HomePage: Error processing Pump.fun data:\", pumpFunInnerError);\n if (isMounted.current) {\n const timestampedPumpFun = fallbackData.pumpfun.map(token => {\n const tokenTimestamp = tokenUpdateTimestamps.get(token.id) || currentTimestamp;\n tokenUpdateTimestamps.set(token.id, tokenTimestamp);\n return {\n ...token,\n lastUpdated: tokenTimestamp,\n dataSource: 'fallback'\n };\n });\n setPumpFunTokens(timestampedPumpFun);\n }\n }\n } catch (pumpFunError) {\n console.error(\"HomePage: Error fetching data from Pump.fun API:\", pumpFunError);\n if (isMounted.current) {\n const timestampedPumpFun = fallbackData.pumpfun.map(token => {\n const tokenTimestamp = tokenUpdateTimestamps.get(token.id) || currentTimestamp;\n tokenUpdateTimestamps.set(token.id, tokenTimestamp);\n return {\n ...token,\n lastUpdated: tokenTimestamp,\n dataSource: 'fallback'\n };\n });\n setPumpFunTokens(timestampedPumpFun);\n }\n }\n if (isMounted.current) {\n setUsingFallback(true);\n setError(\"Using cached data due to API limitations. Some information may not be current.\");\n setLoadAttempted(true);\n setLoading(false);\n }\n console.log(\"HomePage: Data fetch complete\");\n } catch (err) {\n console.error(\"HomePage: Error fetching home data:\", err);\n if (isMounted.current) {\n const currentTimestamp = Date.now();\n const timestampedTrending = fallbackData.trending.map(token => {\n const tokenTimestamp = tokenUpdateTimestamps.get(token.id) || currentTimestamp;\n tokenUpdateTimestamps.set(token.id, tokenTimestamp);\n return {\n ...token,\n lastUpdated: tokenTimestamp\n };\n });\n const timestampedTop = fallbackData.top.map(token => {\n const tokenTimestamp = tokenUpdateTimestamps.get(token.id) || currentTimestamp;\n tokenUpdateTimestamps.set(token.id, tokenTimestamp);\n return {\n ...token,\n lastUpdated: tokenTimestamp\n };\n });\n const timestampedPumpFun = fallbackData.pumpfun.map(token => {\n const tokenTimestamp = tokenUpdateTimestamps.get(token.id) || currentTimestamp;\n tokenUpdateTimestamps.set(token.id, tokenTimestamp);\n return {\n ...token,\n lastUpdated: tokenTimestamp\n };\n });\n setTrendingTokens(timestampedTrending);\n setTopTokens(timestampedTop);\n setPumpFunTokens(timestampedPumpFun);\n setError(\"Using cached data due to API limitations. Some information may not be current.\");\n setUsingFallback(true);\n setLoadAttempted(true);\n setLoading(false);\n }\n }\n };\n fetchTrendingTokens();\n const refreshInterval = setInterval(() => {\n console.log(\"Performing hourly data refresh...\");\n fetchTrendingTokens();\n }, 60 * 60 * 1000);\n return () => {\n isMounted.current = false;\n clearInterval(refreshInterval);\n };\n }, []);\n if (loading && !loadAttempted) {\n return

Loading market data...

;\n }\n return

\n {error && usingFallback &&

\n \n {error}\n

}\n \n

Trending Tokens

\n \n View All\n \n \n

\n {trendingTokens.length > 0 ? trendingTokens.map(token => ) :

\n No trending tokens available at the moment.\n

}\n

\n \n

Solana Pump.fun Tokens

\n \n View All\n \n \n

\n {pumpFunTokens.length > 0 ? pumpFunTokens.map(token => \n

\n {token.image ?

\n {token.symbol?.charAt(0) || '?'}\n

}\n

{token.name}

\n Solana\n

\n {token.symbol || 'N/A'}\n ${formatNumber(token.current_price)}\n

\n Market Cap\n ${formatNumber(token.market_cap)}\n

\n \n Data Source: {token.dataSource === 'pumpfun_api' ? 'Pump.fun API' : token.dataSource || 'N/A'}\n \n {Date.now() - (token.lastUpdated || lastUpdate) < 60 * 60 * 1000 && Fresh}\n

\n ) :

\n No Solana tokens available at the moment.\n

}\n

\n \n

Top Cryptocurrencies

\n \n View All\n \n \n

\n \n \n \n \n \n \n \n \n \n \n \n {topTokens.map((token, index) => \n \n \n \n \n \n )}\n \n

Name	Price	24h %	Volume (24h)	Market Cap
\n \n {token.image ? : \n {token.symbol?.charAt(0).toUpperCase()}\n }\n \n {token.name} \n {token.symbol?.toUpperCase()} \n \n \n	\n {formatNumber(token.current_price)} \n \n {formatRelativeTime(token.lastUpdated)}\n {Date.now() - token.lastUpdated < 60 * 60 * 1000 && \n Fresh\n }\n \n	= 0 ? 'text-green-500' : 'text-red-500'}`}>\n {formatPercent(token.price_change_percentage_24h)}\n	{formatNumber(token.total_volume)}	{formatNumber(token.market_cap)}

;\n};\nconst TokenDetailPage = () => {\n const {\n tokenId\n } = useParams();\n const [token, setToken] = useState(null);\n const [chartData, setChartData] = useState([]);\n const [pairs, setPairs] = useState([]);\n const [timeframe, setTimeframe] = useState('24h');\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [usingFallback, setUsingFallback] = useState(false);\n const [dataSource, setDataSource] = useState('primary');\n const [onChainData, setOnChainData] = useState(null);\n const [isRealtime, setIsRealtime] = useState(false);\n const [lastUpdate, setLastUpdate] = useState(Date.now());\n const [isPumpFunToken, setIsPumpFunToken] = useState(false);\n const [heliusData, setHeliusData] = useState(null);\n const [defiData, setDefiData] = useState(null);\n const [twitterSentiment, setTwitterSentiment] = useState(null);\n const [showHeliusData, setShowHeliusData] = useState(false);\n const [, setChain] = useState('ethereum');\n const isMounted = useRef(true);\n const [debouncedTimeframe, setDebouncedTimeframe] = useState(timeframe);\n const [, setLoadAttempted] = useState(false);\n const [, setLoadError] = useState(null);\n useEffect(() => {\n isMounted.current = true;\n return () => {\n isMounted.current = false;\n };\n }, []);\n useEffect(() => {\n const handler = setTimeout(() => {\n if (isMounted.current) {\n setDebouncedTimeframe(timeframe);\n }\n }, 300);\n return () => {\n clearTimeout(handler);\n };\n }, [timeframe]);\n useEffect(() => {\n const getAvailableChains = async () => {\n try {\n const chains = await fetchDexScreenerChains();\n if (chains && chains.length > 0 && isMounted.current) {\n console.log(`Fetched ${chains.length} available chains from DexScreener`);\n setTokenCount(chains.length);\n }\n } catch (error) {\n console.error(\"Error fetching available chains:\", error);\n }\n };\n getAvailableChains();\n }, []);\n useEffect(() => {\n if (!token) return;\n let cleanupFunction = null;\n if (timeframe !== '24h') {\n if (isMounted.current) {\n setIsRealtime(false);\n }\n return;\n }\n console.log(`Setting up real-time WebSocket for ${token.id || token.symbol}`);\n const isSolanaToken = token.chain === 'solana' || token.id.endsWith('pump') || token.id.length === 44;\n const tokenId = isSolanaToken ? token.address || token.id : token.id || token.symbol;\n const wsCleanup = setupPriceWebSocket(tokenId, data => {\n if (!isMounted.current) return;\n if (data && data.price) {\n console.log(`Received real-time update from ${data.source}: ${data.price}`);\n setToken(prevToken => ({\n ...prevToken,\n current_price: data.price,\n price_change_percentage_24h: data.priceChangePercent !== undefined ? data.priceChangePercent : prevToken.price_change_percentage_24h\n }));\n setChartData(prevData => {\n const now = new Date();\n const timeFormat = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}`;\n const newData = [...prevData];\n if (newData.length > 0) {\n const lastPoint = newData[newData.length - 1];\n const timeDiff = now.getTime() - (lastPoint.timestamp || 0);\n const updateInterval = data.source === 'binance' ? 30000 : 60000;\n if (timeDiff > updateInterval) {\n newData.push({\n time: timeFormat,\n price: data.price,\n timestamp: now.getTime(),\n source: data.source\n });\n const maxPoints = data.source === 'binance' ? 288 : 144;\n if (newData.length > maxPoints) {\n newData.shift();\n }\n } else {\n newData[newData.length - 1] = {\n ...newData[newData.length - 1],\n price: data.price,\n timestamp: now.getTime()\n };\n }\n } else if (data.price) {\n newData.push({\n time: timeFormat,\n price: data.price,\n timestamp: now.getTime(),\n source: data.source\n });\n }\n setIsRealtime(true);\n setLastUpdate(Date.now());\n setDataSource(data.source === 'binance' ? 'binance' : data.source === 'jupiter' ? 'jupiter' : data.source === 'cryptocompare' ? 'cryptocompare' : data.source);\n return newData;\n });\n }\n });\n cleanupFunction = wsCleanup;\n if (cleanupFunction) {\n console.log(`WebSocket successfully connected for ${tokenId}`);\n } else {\n console.log(`Could not establish WebSocket for ${tokenId}, falling back to polling`);\n }\n return () => {\n console.log(\"Cleaning up WebSocket connection\");\n if (cleanupFunction) {\n cleanupFunction();\n }\n };\n }, [token, timeframe]);\n useEffect(() => {\n const fetchTokenData = async () => {\n try {\n if (!tokenId) {\n setLoadError(\"No token ID provided\");\n setLoading(false);\n setLoadAttempted(true);\n return;\n }\n if (isMounted.current) {\n setLoading(true);\n setError(null);\n setIsRealtime(false);\n setLoadError(null);\n }\n console.log(`Fetching token data for: ${tokenId}`);\n const shouldRefresh = needsRefresh(tokenId);\n console.log(`Token ${tokenId} needs refresh: ${shouldRefresh}`);\n const isPumpFun = tokenId && (tokenId.endsWith('pump') || tokenId.length === 44);\n if (isMounted.current) {\n setIsPumpFunToken(isPumpFun);\n }\n const dataSourcePromises = [];\n if (!isPumpFun) {\n dataSourcePromises.push((async () => {\n try {\n console.log(\"Fetching from DexScreener for:\", tokenId);\n const dexScreenerData = await fetchDexScreenerTokenData(tokenId);\n if (dexScreenerData) {\n console.log(\"DexScreener data found:\", dexScreenerData.name);\n const chartData = generateChartDataFromPrice(dexScreenerData.priceUsd || dexScreenerData.price, timeframe);\n return {\n source: 'dexscreener',\n data: dexScreenerData,\n chartData,\n processed: {\n id: tokenId,\n name: dexScreenerData.name || 'Unknown Token',\n symbol: dexScreenerData.symbol?.toUpperCase() || 'UNKNOWN',\n current_price: dexScreenerData.priceUsd || dexScreenerData.price || 0,\n price_change_percentage_24h: dexScreenerData.priceChange?.h24 || 0,\n total_volume: dexScreenerData.volume?.h24 || 0,\n market_cap: dexScreenerData.fdv || 0,\n fully_diluted_valuation: dexScreenerData.fdv || 0,\n image: null,\n address: dexScreenerData.address || tokenId,\n chain: dexScreenerData.chain || 'ethereum',\n website: null,\n twitter: null,\n telegram: null,\n description: `${dexScreenerData.name || 'Unknown'} token on ${dexScreenerData.chain || 'blockchain'}`\n }\n };\n }\n return {\n source: 'dexscreener_failed',\n data: null\n };\n } catch (e) {\n console.error(\"DexScreener fetch failed:\", e);\n return {\n source: 'dexscreener_failed',\n data: null,\n error: e.message\n };\n }\n })());\n }\n if (isPumpFun) {\n dataSourcePromises.push((async () => {\n try {\n console.log(\"Fetching from PumpFun for:\", tokenId);\n let pumpFunData = [];\n try {\n pumpFunData = await fetchPumpFunData(100);\n } catch (pumpError) {\n console.error(\"Error fetching from PumpFun:\", pumpError);\n return {\n source: 'pumpfun_error',\n data: null,\n error: pumpError.message\n };\n }\n const token = pumpFunData.find(t => t.mint === tokenId);\n if (token) {\n console.log(\"PumpFun token found:\", token.name);\n const processedToken = processPumpFunToken(token);\n const simulatedChartData = [];\n console.log(\"Chart data generation disabled for Solana tokens.\");\n return {\n source: 'pumpfun',\n data: token,\n processed: processedToken,\n chartData: simulatedChartData\n };\n }\n return {\n source: 'pumpfun_failed',\n data: null,\n error: \"Token not found in PumpFun data\"\n };\n } catch (e) {\n console.error(\"Pump.fun fetch failed:\", e);\n return {\n source: 'pumpfun_failed',\n data: null,\n error: e.message\n };\n }\n })());\n }\n const results = await Promise.allSettled(dataSourcePromises);\n const successfulResults = results.filter(result => result.status === 'fulfilled' && result.value.data !== null).map(result => result.value);\n console.log(\"Data source results:\", successfulResults.map(r => r.source));\n let selectedToken = null;\n let selectedChartData = [];\n let selectedDataSource = 'fallback';\n const pumpFunResult = successfulResults.find(r => r.source === 'pumpfun');\n if (pumpFunResult) {\n selectedToken = pumpFunResult.processed;\n selectedChartData = pumpFunResult.chartData;\n selectedDataSource = 'pumpfun';\n setChain('solana');\n }\n const coingeckoResult = successfulResults.find(r => r.source === 'coingecko');\n if (!selectedToken && coingeckoResult) {\n selectedToken = coingeckoResult.processed;\n selectedChartData = coingeckoResult.chartData;\n selectedDataSource = 'coingecko';\n if (coingeckoResult.data.asset_platform_id) {\n setChain(coingeckoResult.data.asset_platform_id);\n }\n }\n const heliusResult = successfulResults.find(r => r.source === 'helius');\n if (heliusResult && isMounted.current) {\n setHeliusData(heliusResult.data);\n }\n const onChainResult = successfulResults.find(r => r.source === 'on_chain');\n if (onChainResult && isMounted.current) {\n setOnChainData(onChainResult.data);\n }\n const twitterResult = successfulResults.find(r => r.source === 'twitter');\n if (twitterResult && isMounted.current) {\n setTwitterSentiment(twitterResult.data);\n }\n const defiResult = successfulResults.find(r => r.source === 'defillama');\n if (defiResult && isMounted.current) {\n setDefiData(defiResult.data);\n }\n if (!selectedToken) {\n console.log(`No selected token found, checking fallback data for: ${tokenId}`);\n const normalizedTokenId = tokenId.toLowerCase();\n if (fallbackData.tokenDetails[normalizedTokenId] && isMounted.current) {\n console.log(`Found exact fallback data match for: ${normalizedTokenId}`);\n selectedToken = fallbackData.tokenDetails[normalizedTokenId];\n selectedChartData = fallbackData.chartData[normalizedTokenId] || [];\n selectedDataSource = 'fallback';\n setUsingFallback(true);\n setError(\"Using cached data due to API limitations. Some information may not be current.\");\n } else if (normalizedTokenId === 'eth' && fallbackData.tokenDetails['ethereum'] && isMounted.current) {\n console.log(`Found ethereum fallback for ETH`);\n selectedToken = fallbackData.tokenDetails['ethereum'];\n selectedChartData = fallbackData.chartData['ethereum'] || [];\n selectedDataSource = 'fallback';\n setUsingFallback(true);\n setError(\"Using cached data due to API limitations. Some information may not be current.\");\n } else if (['ethereum', 'bitcoin', 'solana', 'cardano', 'shiba-inu'].some(id => id === normalizedTokenId) && isMounted.current) {\n console.log(`Trying to match popular token: ${normalizedTokenId}`);\n for (const id of Object.keys(fallbackData.tokenDetails)) {\n if (id.toLowerCase().includes(normalizedTokenId) || normalizedTokenId.includes(id.toLowerCase())) {\n console.log(`Found partial match: ${id} for ${normalizedTokenId}`);\n selectedToken = fallbackData.tokenDetails[id];\n selectedChartData = fallbackData.chartData[id] || [];\n selectedDataSource = 'fallback';\n setUsingFallback(true);\n setError(\"Using cached data due to API limitations. Some information may not be current.\");\n break;\n }\n }\n }\n if (dataSourcePromises.length === 0) {\n console.log(\"No data source promises created, using fallback data\");\n dataSourcePromises.push(Promise.resolve({\n source: 'fallback_empty',\n data: null,\n error: \"No suitable data sources available\"\n }));\n }\n let results;\n try {\n results = await Promise.allSettled(dataSourcePromises);\n console.log(\"All data source promises settled:\", results.map(r => r.status));\n } catch (promiseError) {\n console.error(\"Fatal error executing data promises:\", promiseError);\n if (isMounted.current) {\n setLoadError(\"Failed to execute data fetching\");\n setLoading(false);\n setLoadAttempted(true);\n }\n return;\n }\n const successfulResults = results.filter(result => result.status === 'fulfilled' && result.value && result.value.data !== null).map(result => result.value);\n if (successfulResults.length === 0) {\n const normalizedTokenId = tokenId.toLowerCase();\n if (fallbackData && fallbackData.tokenDetails && fallbackData.tokenDetails[normalizedTokenId]) {\n if (isMounted.current) {\n console.log(`Found fallback data for ${normalizedTokenId}`);\n setToken(fallbackData.tokenDetails[normalizedTokenId]);\n setChartData(fallbackData.chartData[normalizedTokenId] || []);\n setDataSource('fallback');\n setUsingFallback(true);\n setError(\"Using cached data. This information may not be current.\");\n setLoading(false);\n setLoadAttempted(true);\n }\n return;\n }\n if (isMounted.current) {\n console.log(`No token data found for: ${tokenId}`);\n setError(\"No token data available. Please try searching for a different token.\");\n setLoading(false);\n setLoadAttempted(true);\n return;\n }\n }\n }\n if (isMounted.current) {\n setToken(selectedToken);\n setChartData(selectedChartData);\n setDataSource(selectedDataSource);\n setLoading(false);\n }\n } catch (err) {\n console.error(\"Error fetching token data:\", err);\n if (isMounted.current) {\n setError(\"Failed to load token data. Please try again later.\");\n setLoading(false);\n if (fallbackData.tokenDetails[tokenId]) {\n setToken(fallbackData.tokenDetails[tokenId]);\n setChartData(fallbackData.chartData[tokenId] || []);\n setDataSource('fallback');\n setUsingFallback(true);\n }\n }\n }\n };\n fetchTokenData();\n return () => {\n isMounted.current = false;\n };\n }, [tokenId, debouncedTimeframe]);\n useEffect(() => {\n if (token) {\n const getPairs = async () => {\n const pairsData = await fetchPairsData(token, tokenId);\n if (isMounted.current) {\n setPairs(pairsData);\n }\n };\n getPairs();\n }\n return () => {};\n }, [token, tokenId]);\n if (loading) {\n return ;\n }\n if (!token) {\n return ;\n }\n return

\n {error && usingFallback &&

\n \n {error}\n

}\n \n

\n {token.image &&

}\n {!token.image &&

\n {token.symbol?.charAt(0)}\n

}\n

{token.name}

\n {token.symbol}\n {token.price_change_percentage_24h !== undefined &&

= 0 ? 'bg-green-500/20 text-green-500' : 'bg-red-500/20 text-red-500'}`}>\n {formatPercent(token.price_change_percentage_24h)}\n

}\n {isPumpFunToken &&

\n Solana\n

}\n {isRealtime &&

\n \n \n \n \n Live\n

}\n {dataSource !== 'primary' &&

\n {dataSource === 'pumpfun' ? 'Pump.fun Data' : dataSource === 'dextools' ? 'DEXTools Data' : dataSource === 'secondary' ? 'Alternative Source' : dataSource === 'tertiary' ? 'CMC Data' : 'Cached Data'}\n

}\n

\n \n

\n Updated: {formatRelativeTime(token.lastUpdated || lastUpdate)}\n

\n \n

\n \n {}\n

\n CA\n

\n {isPumpFunToken ? \"E6PZL2SheBeDMipv7Wy9NeKoLC9BoPr7wnmJZc9Qpump\" : token.address}\n

\n \n

\n Explorer:\n {token.address.substring(0, 6)}...{token.address.substring(token.address.length - 4)}\n \n \n \n

\n {token.chain &&

\n Chain:\n {token.chain}\n

}\n {isRealtime &&

\n Last updated: {new Date(lastUpdate).toLocaleTimeString()}\n

}\n \n {}\n {isPumpFunToken && token.created_at &&

\n Created:\n {new Date(token.created_at).toLocaleString()}\n

\n {token.last_trade &&

\n Last Trade:\n {new Date(token.last_trade).toLocaleString()}\n

}\n

\n \n

Price Chart

\n \n \n \n \n

\n \n

\n {chartData.length > 0 ? \n \n \n \n \n \n \n \n \n formatNumber(value, value < 0.1 ? 6 : 2)} />\n [formatNumber(value, value < 0.1 ? 6 : 2), 'Price']} labelFormatter={(label, items) => {\n if (items.length > 0 && items[0].payload.timestamp) {\n const date = new Date(items[0].payload.timestamp);\n if (timeframe === '24h') {\n return label;\n } else if (timeframe === '7d') {\n return `${date.toLocaleDateString()} ${label}`;\n } else {\n return date.toLocaleDateString();\n }\n }\n return label;\n }} />\n \n \n :

\n Loading chart data...\n

}\n

\n \n

Token Info

Price

{formatNumber(token.current_price)}

24h Volume

{formatNumber(token.total_volume)}

Market Cap

{formatNumber(token.market_cap)}

\n {token.fully_diluted_valuation &&

Fully Diluted Valuation

{formatNumber(token.fully_diluted_valuation)}

}\n \n {}\n {token.chain === \"solana\" && \n $\"Pump.fun\"$ \n Swap on Pump.fun\n }\n \n {}\n {isPumpFunToken &&

Social Links

\n {token.twitter && \n \n Twitter\n }\n {token.telegram && \n \n Telegram\n }\n {token.website && \n \n Website\n }\n

}\n \n {}\n {isPumpFunToken && token.description &&

Description

{token.description}

}\n \n {}\n {isPumpFunToken && token.is_nsfw &&

\n \n This token is marked as NSFW\n

}\n \n {}\n {(heliusData || token.blockchain_data) &&

\n \n \n {showHeliusData &&

\n {}\n

\n Data source: {token.blockchain_data?.dataSource === \"blockdaemon\" ? \"Blockdaemon API\" : heliusData ? \"Helius API\" : \"Blockchain APIs\"}\n

\n \n {}\n {(token.blockchain_data?.tokenData || heliusData?.tokenData) &&

Token Details

\n {}\n {(token.blockchain_data?.tokenData?.supply || heliusData?.tokenData?.supply) &&

\n Supply: \n {formatNumber(token.blockchain_data?.tokenData?.supply || heliusData?.tokenData?.supply)}\n

}\n {}\n {(token.blockchain_data?.tokenData?.tokenStandard || heliusData?.tokenData?.tokenStandard) &&

\n Standard: \n {token.blockchain_data?.tokenData?.tokenStandard || heliusData?.tokenData?.tokenStandard}\n

}\n {}\n {token.blockchain_data?.tokenData?.decimals &&

\n Decimals: \n {token.blockchain_data.tokenData.decimals}\n

}\n {}\n {token.blockchain_data?.tokenData?.holders &&

\n Holders: \n {formatNumber(token.blockchain_data.tokenData.holders)}\n

}\n

}\n \n {}\n {(token.blockchain_data?.transactions && token.blockchain_data.transactions.length > 0 || heliusData?.transactions && heliusData.transactions.length > 0) &&

Recent Transactions

\n {(token.blockchain_data?.transactions || heliusData?.transactions || []).map((tx, index) =>

\n {tx.id ? \n {tx.id.substring(0, 8)}...{tx.id.substring(tx.id.length - 8)}\n \n : Transaction {index + 1}}\n

)}\n

}\n \n {}\n {(token.blockchain_data?.nftMetadata || heliusData?.nftMetadata) &&

NFT Metadata

\n {(token.blockchain_data?.nftMetadata?.content?.metadata || heliusData?.nftMetadata?.content?.metadata) &&

\n {(token.blockchain_data?.nftMetadata?.content?.metadata?.attributes || heliusData?.nftMetadata?.content?.metadata?.attributes) &&

\n {(token.blockchain_data?.nftMetadata?.content?.metadata?.attributes || heliusData?.nftMetadata?.content?.metadata?.attributes || []).slice(0, 4).map((attr, index) =>

\n {attr.trait_type}: \n {attr.value}\n

)}\n

}\n

\n \n {}\n {onChainData &&

On-Chain Data

\n {onChainData.tokenInfo?.totalSupply &&

Total Supply

{formatNumber(parseInt(onChainData.tokenInfo.totalSupply) / Math.pow(10, parseInt(onChainData.tokenInfo.decimals || 18)))}

}\n {onChainData.tokenInfo?.decimals &&

Decimals

{onChainData.tokenInfo.decimals}

}\n {onChainData.holdersCount &&

Holders

{formatNumber(onChainData.holdersCount)}

}\n {onChainData.recentTransfers && onChainData.recentTransfers.length > 0 &&

Recent Activity

\n {onChainData.recentTransfers.slice(0, 3).map((transfer, i) =>

\n \n {transfer.tokenSymbol || token.symbol} {formatNumber(transfer.value / Math.pow(10, transfer.tokenDecimal || 18))}\n \n {new Date(parseInt(transfer.timeStamp) * 1000).toLocaleString()}\n

\n From: {transfer.from.substring(0, 6)}...{transfer.from.substring(transfer.from.length - 4)}\n

)}\n

}\n

}\n \n {}\n {defiData &&

DeFi Protocol Data

\n {defiData.tvl &&

Total Value Locked

\n ${formatNumber(defiData.tvl)}\n {defiData.change_1d && = 0 ? 'text-green-500' : 'text-red-500'}`}>\n {formatPercent(defiData.change_1d)} (24h)\n }\n

}\n {defiData.chains &&

Chains

\n {defiData.chains.map((chain, i) => \n {chain}\n )}\n

}\n {defiData.category &&

Social Sentiment

Sentiment Score

\n {twitterSentiment.sentiment.charAt(0).toUpperCase() + twitterSentiment.sentiment.slice(1)}\n

Recent Mentions

{formatNumber(twitterSentiment.volume)}

\n {twitterSentiment.tweets && twitterSentiment.tweets.length > 0 &&

\n {twitterSentiment.tweets.slice(0, 3).map((tweet, i) =>

\n {tweet.user.name}\n \n {tweet.sentiment.charAt(0).toUpperCase() + tweet.sentiment.slice(1)}\n \n

{tweet.text}

)}\n

}\n

\n \n

Pairs

\n \n \n \n \n \n \n \n \n \n \n \n \n {pairs.length > 0 ? pairs.map((pair, index) => \n \n \n \n \n \n \n ) : \n \n }\n \n

DEX	Pair	Price	24h %	Volume (24h)	Liquidity
{pair.dex}	{pair.pair}	{formatNumber(pair.price)}	= 0 ? 'text-green-500' : 'text-red-500'}`}>\n {formatPercent(pair.priceChange24h)}\n	{formatNumber(pair.volume24h)}	{formatNumber(pair.liquidity)}
\n No pairs data available for this token\n

;\n};\nconst SubmitProjectPage = () => {\n const {\n addSubmission\n } = useTokenSubmissions();\n const {\n wallet,\n connectWallet\n } = useWalletConnection();\n const navigate = useNavigate();\n const [formData, setFormData] = useState({\n name: '',\n symbol: '',\n address: '',\n chain: 'ethereum',\n description: '',\n website: '',\n twitter: '',\n telegram: '',\n email: ''\n });\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [, setSubmissionSuccess] = useState(false);\n const [, setSubmissionId] = useState(null);\n const isMounted = useRef(true);\n useEffect(() => {\n isMounted.current = true;\n return () => {\n isMounted.current = false;\n };\n }, []);\n const handleChange = e => {\n const {\n name,\n value\n } = e.target;\n setFormData(prev => ({\n ...prev,\n [name]: value\n }));\n };\n const handleSubmit = e => {\n e.preventDefault();\n setIsSubmitting(true);\n console.log(\"Submitting project:\", formData);\n try {\n const submissionData = {\n ...formData,\n submittedBy: wallet || \"0x0000000000000000000000000000000000000000\"\n };\n const submission = addSubmission(submissionData);\n console.log(\"Submission added:\", submission);\n if (isMounted.current) {\n setSubmissionId(submission.id);\n setSubmissionSuccess(true);\n }\n alert(`Project submitted successfully! Your request has been assigned order number #${submission.id}. Our team will review your submission.`);\n if (isMounted.current) {\n setFormData({\n name: '',\n symbol: '',\n address: '',\n chain: 'ethereum',\n description: '',\n website: '',\n twitter: '',\n telegram: '',\n email: ''\n });\n }\n const currentSubmissions = JSON.parse(localStorage.getItem('tokenSubmissions') || '[]');\n console.log(\"Current submissions in localStorage after adding:\", currentSubmissions);\n setTimeout(() => {\n if (isMounted.current) {\n navigate('/');\n }\n }, 1000);\n } catch (error) {\n console.error(\"Error submitting project:\", error);\n alert(\"There was an error submitting your project. Please try again.\");\n } finally {\n if (isMounted.current) {\n setIsSubmitting(false);\n }\n }\n };\n const handleConnectWallet = () => {\n connectWallet();\n };\n return

Submit Your Project

\n \n

Why list on DEVSCREENER?

\n
\n \n
\n
\n
100% Free Listing
\n
Unlike other platforms, we don't charge any fees for listing your project.
\n
\n
\n
\n \n
\n
\n
Increased Visibility
\n
Get your project in front of thousands of crypto enthusiasts and potential investors.
\n
\n
\n
\n \n
\n
\n
Professional Presentation
\n
Showcase your project with detailed charts, metrics, and information.
\n
\n

\n \n {!wallet &&

\n \n

Connect Your Wallet

Connecting your wallet allows us to track your submissions and notify you of status changes.

\n \n

}\n \n

Project Details

\n Project Name *\n \n

\n Token Symbol *\n \n

\n \n

\n Contract Address *\n \n

\n Blockchain *\n \n

\n \n

\n Project Description *\n \n

\n \n

Social Links

\n Website\n

\n \n

\n Twitter\n

\n \n

\n Telegram\n

\n \n

\n Contact Email *\n \n

\n \n \n

;\n};\nconst AdminDashboard = () => {\n const {\n wallet,\n isOwner,\n isAuthenticated,\n authenticate\n } = useWalletConnection();\n const [activeTab, setActiveTab] = useState('pending');\n const [authCode, setAuthCode] = useState('');\n const [authError, setAuthError] = useState('');\n const {\n submissions\n } = useTokenSubmissions();\n const sparkChainExists = submissions.some(sub => sub.name === \"SparkChain\" && sub.symbol === \"SPARK\");\n useEffect(() => {\n console.log(\"Admin Dashboard - All submissions:\", submissions);\n console.log(\"SparkChain exists:\", sparkChainExists);\n }, [submissions, sparkChainExists]);\n if (!wallet || !isOwner) {\n return ;\n }\n if (!isAuthenticated) {\n return

\n \n

Admin Authentication Required

Please enter your 6-digit authentication code to access the admin dashboard.

\n \n

\n {\n setAuthCode(e.target.value);\n setAuthError('');\n }} placeholder=\"Enter 6-digit code\" maxLength={6} className=\"w-full bg-gray-700 text-white px-4 py-2 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500 text-center text-2xl tracking-widest\" />\n {authError &&

{authError}

}\n

\n \n \n \n

\n Enter your admin passcode: 369369\n

;\n }\n return

\n \n

Admin Dashboard

\n \n

\n \n \n \n \n

\n \n

\n {activeTab === 'pending' && }\n {activeTab === 'approved' && }\n {activeTab === 'rejected' && }\n {activeTab === 'audit' && }\n

;\n};\nconst PendingTokens = () => {\n const {\n submissions,\n updateSubmission\n } = useTokenSubmissions();\n const {\n addLog\n } = useAuditLog();\n const [rejectReason, setRejectReason] = useState('');\n const [selectedToken, setSelectedToken] = useState(null);\n const [refreshTrigger, setRefreshTrigger] = useState(0);\n const [localSubmissions, setLocalSubmissions] = useState([]);\n const isMounted = useRef(true);\n useEffect(() => {\n isMounted.current = true;\n console.log(\"PendingTokens component mounted or refreshed\");\n try {\n const saved = localStorage.getItem('tokenSubmissions');\n if (saved && isMounted.current) {\n const parsedSubmissions = JSON.parse(saved);\n console.log(\"Raw submissions from localStorage:\", parsedSubmissions);\n const pendingInStorage = parsedSubmissions.filter(sub => sub.status === 'pending');\n console.log(\"Pending submissions in localStorage:\", pendingInStorage);\n setLocalSubmissions(parsedSubmissions);\n }\n } catch (e) {\n console.error(\"Failed to parse saved submissions\", e);\n }\n return () => {\n isMounted.current = false;\n };\n }, [refreshTrigger]);\n useEffect(() => {\n console.log(\"Current submissions in PendingTokens:\", submissions);\n }, [submissions]);\n const pendingSubmissions = useMemo(() => {\n const allSubmissions = [...submissions, ...localSubmissions];\n const uniqueSubmissions = Array.from(new Map(allSubmissions.map(item => [item.id, item])).values());\n return uniqueSubmissions.filter(sub => sub.status === 'pending');\n }, [submissions, localSubmissions]);\n console.log(\"Filtered pending submissions:\", pendingSubmissions);\n const refreshSubmissions = () => {\n console.log(\"Manually refreshing submissions\");\n const saved = localStorage.getItem('tokenSubmissions');\n if (saved) {\n try {\n const parsedSubmissions = JSON.parse(saved);\n if (isMounted.current) {\n setLocalSubmissions(parsedSubmissions);\n }\n } catch (e) {\n console.error(\"Failed to parse saved submissions during refresh\", e);\n }\n }\n setRefreshTrigger(prev => prev + 1);\n };\n const handleApprove = submission => {\n console.log(`Approving submission ${submission.id}:`, submission);\n updateSubmission(submission.id, {\n status: 'approved',\n reviewedAt: new Date().toISOString()\n });\n addLog('approve', {\n tokenId: submission.id,\n tokenName: submission.name,\n tokenSymbol: submission.symbol\n });\n alert(`Token #${submission.id} (${submission.name}) has been approved!`);\n setTimeout(() => refreshSubmissions(), 500);\n };\n const handleReject = () => {\n if (!selectedToken) return;\n console.log(`Rejecting submission ${selectedToken.id}:`, selectedToken);\n updateSubmission(selectedToken.id, {\n status: 'rejected',\n reviewedAt: new Date().toISOString(),\n rejectionReason: rejectReason\n });\n addLog('reject', {\n tokenId: selectedToken.id,\n tokenName: selectedToken.name,\n tokenSymbol: selectedToken.symbol,\n reason: rejectReason\n });\n if (isMounted.current) {\n setSelectedToken(null);\n setRejectReason('');\n }\n alert(`Token #${selectedToken.id} (${selectedToken.name}) has been rejected.`);\n setTimeout(() => refreshSubmissions(), 500);\n };\n if (pendingSubmissions.length === 0) {\n return

\n \n

No pending token submissions to review.

\n \n

;\n }\n return

Pending Token Submissions

\n \n

\n \n {selectedToken &&

Reject Token

Please provide a reason for rejecting {selectedToken.name} ({selectedToken.symbol}):

\n \n \n \n

\n \n \n

}\n \n {}\n {pendingSubmissions.some(sub => sub.name === \"SparkChain\" && sub.symbol === \"SPARK\") &&

\n \n Your SparkChain (SPARK) token submission is ready for review!\n

}\n \n

\n {pendingSubmissions.map(submission =>

\n \n #{submission.id}\n \n {submission.name}\n {submission.symbol}\n

\n \n \n

\n \n

\n Chain: \n {submission.chain}\n

\n Submitted: \n {new Date(submission.submittedAt).toLocaleDateString()}\n

\n \n

\n Address: \n {submission.address}\n

\n \n

\n {submission.description}\n

\n \n {submission.website &&

\n Links: \n

\n {submission.website ? \n \n Website\n : \n \n Website: N/A\n }\n {submission.twitter ? \n \n Twitter\n : \n \n Twitter: N/A\n }\n {submission.telegram ? \n \n Telegram\n : \n \n Telegram: N/A\n }\n

}\n

)}\n

;\n};\nconst ApprovedTokens = () => {\n const {\n submissions\n } = useTokenSubmissions();\n const approvedSubmissions = submissions.filter(sub => sub.status === 'approved');\n if (approvedSubmissions.length === 0) {\n return

\n \n

No approved tokens yet.

;\n }\n return

Approved Tokens

\n \n

\n {approvedSubmissions.map(submission =>

\n \n #{submission.id}\n \n {submission.name}\n {submission.symbol}\n

\n \n Approved\n

\n \n

\n Chain: \n {submission.chain}\n

\n Approved: \n {new Date(submission.reviewedAt).toLocaleDateString()}\n

\n \n

\n Address: \n {submission.address}\n

)}\n

;\n};\nconst RejectedTokens = () => {\n const {\n submissions\n } = useTokenSubmissions();\n const rejectedSubmissions = submissions.filter(sub => sub.status === 'rejected');\n if (rejectedSubmissions.length === 0) {\n return

\n \n

No rejected tokens.

;\n }\n return

Rejected Tokens

\n \n

\n {rejectedSubmissions.map(submission =>

\n \n #{submission.id}\n \n {submission.name}\n {submission.symbol}\n

\n \n Rejected\n

\n \n

\n Chain: \n {submission.chain}\n

\n Rejected: \n {new Date(submission.reviewedAt).toLocaleDateString()}\n

\n \n

\n Address: \n {submission.address}\n

\n \n {submission.rejectionReason &&

\n Reason for rejection: \n

{submission.rejectionReason}

}\n

)}\n

;\n};\nconst AuditLog = () => {\n const {\n logs\n } = useAuditLog();\n if (logs.length === 0) {\n return

\n \n

No audit logs yet.

;\n }\n const sortedLogs = [...logs].sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp));\n return

Audit Log

\n \n

\n {sortedLogs.map(log =>

\n {log.action === 'approve' ? 'Token Approved' : 'Token Rejected'}\n

\n {new Date(log.timestamp).toLocaleString()}\n

\n \n

\n Token: \n #{log.details.tokenId} {log.details.tokenName} ({log.details.tokenSymbol})\n

\n \n {log.action === 'reject' && log.details.reason &&

\n Reason: \n {log.details.reason}\n

}\n

)}\n

;\n};\nconst NotAuthorizedPage = () => {\n const {\n connectWallet\n } = useWalletConnection();\n const navigate = useNavigate();\n return

\n \n

Access Restricted

This area is only accessible to the platform owner.

\n \n

\n \n \n

;\n};\nconst NotFoundPage = () => {\n return

404

Oops! The page you're looking for doesn't exist.

\n \n Go Home\n \n

;\n};\nclass ErrorBoundary extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n hasError: false,\n error: null,\n errorInfo: null,\n errorTime: null\n };\n }\n static getDerivedStateFromError(error) {\n return {\n hasError: true,\n error,\n errorTime: new Date().toLocaleString()\n };\n }\n componentDidCatch(error, errorInfo) {\n console.error(\"App crashed:\", error);\n console.error(\"Component stack:\", errorInfo.componentStack);\n this.setState({\n errorInfo\n });\n if (window.gtag) {\n window.gtag('event', 'error', {\n 'error_message': error.message,\n 'error_stack': error.stack\n });\n }\n }\n render() {\n if (this.state.hasError) {\n return

\n \n

Something went wrong

\n We encountered an error while processing your request. \n Our team has been notified.\n

\n \n

\n {this.state.error?.message || \"Unknown error\"}\n

\n Error occurred at: {this.state.errorTime}\n

\n \n

\n \n \n \n

;\n }\n return this.props.children;\n }\n}\nconst DevFunPage = () => {\n const initialCoins = [\"3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump\", \"DCXqS9xMQqoD2cRpqvyu2TxpherRwtd2UDHLKTk7pump\", \"AgYVbX4CueNVrBAXZh84DoFQtZhG6wpi3JgXHyCKpump\", \"EfeZEB8nBn6ExS7XBjknyXAyew5FbtWzhKcTTMbVpump\", \"7tpdjoLezL36yneCd5Wj8E5VxT7gp9tsvqiJikJFpump\", \"G3vhNt2y8njvpnC7P8rECo7zZRjxrDY4ed4HRm9Kpump\"];\n const [tokens, setTokens] = useState([]);\n const [devStats, setDevStats] = useState(null);\n const [appStats, setAppStats] = useState(null);\n const [coinStats, setCoinStats] = useState(null);\n const [lordOfDevApps, setLordOfDevApps] = useState([]);\n const [commitStats, setCommitStats] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [sortBy, setSortBy] = useState(\"marketCap\");\n const [sortDirection, setSortDirection] = useState(\"desc\");\n const [lastUpdate, setLastUpdate] = useState(Date.now());\n const [activeView, setActiveView] = useState(\"tokens\");\n const [, setActiveWebSocketCount] = useState(0);\n const [isRealtime, setIsRealtime] = useState(false);\n const [showHypeModal, setShowHypeModal] = useState(false);\n const [selectedToken, setSelectedToken] = useState(null);\n const [refreshTrigger, setRefreshTrigger] = useState(0);\n const isMounted = useRef(true);\n useEffect(() => {\n isMounted.current = true;\n return () => {\n isMounted.current = false;\n };\n }, []);\n useEffect(() => {\n const fetchAllDevFunData = async () => {\n try {\n if (isMounted.current) {\n setLoading(true);\n setError(null);\n }\n console.log(\"Fetching all DEV.FUN data...\");\n let devFunTokens = [];\n try {\n console.log(\"Fetching DEV.FUN coins list directly from API\");\n const coinsResponse = await fetch(`${DEVFUN_API}/coins/list?page=1&limit=100`);\n if (!coinsResponse.ok) {\n throw new Error(`DEV.FUN API error: ${coinsResponse.status}`);\n }\n const coinsData = await coinsResponse.json();\n if (coinsData && coinsData.coins && coinsData.coins.length > 0) {\n console.log(`Successfully fetched ${coinsData.coins.length} DEV.FUN coins directly from API`);\n const processedTokens = coinsData.coins.map(coin => {\n const defaultImages = {\n \"BUIDL\": \"https://i.postimg.cc/Ss4mJq8L/buidl.png\",\n \"DEVANN\": \"https://i.postimg.cc/HxkWWXJG/devann.png\",\n \"RICK\": \"https://i.postimg.cc/4yhsbBCj/rick.png\",\n \"UNREDACTED\": \"https://i.postimg.cc/XvD9BTmz/unredacted.png\",\n \"MEMEPUMP\": \"https://i.postimg.cc/KcLbfwDL/memepump.png\",\n \"SPARK\": \"https://i.postimg.cc/j2DP7FGg/spark.png\"\n };\n let tokenImage = coin.image;\n if (!tokenImage && coin.symbol && defaultImages[coin.symbol.toUpperCase()]) {\n tokenImage = defaultImages[coin.symbol.toUpperCase()];\n }\n return {\n id: coin.contract_address,\n name: coin.name || 'Unknown Token',\n symbol: coin.symbol || 'TOKEN',\n description: coin.description || `DEV.FUN token ${coin.symbol}`,\n price: coin.price || 0,\n change24h: coin.priceChangeIn24h || 0,\n marketCap: coin.marketcap || 0,\n volume24h: coin.volumeIn24h || 0,\n hypeScore: coin.buyTxIn24h || 50,\n colorHex: coin.symbol?.charCodeAt(0).toString(16) + coin.symbol?.charCodeAt(1).toString(16) || \"42f5ad\",\n image: tokenImage,\n isNative: true,\n createdAt: coin.created_timestamp || Date.now(),\n lastUpdated: Date.now(),\n creator: coin.creator || '',\n socialLinks: {\n twitter: !!coin.twitter,\n telegram: !!coin.telegram,\n website: !!coin.website,\n discord: false\n },\n isVerified: true,\n holders: coin.buyTxIn24h || 0,\n dataSource: 'devfun_api'\n };\n });\n devFunTokens = processedTokens.sort((a, b) => b.marketCap - a.marketCap);\n } else {\n console.log(\"No coins found in direct DEV.FUN API response\");\n try {\n console.log(\"Attempting fallback to fetch DEV.FUN coins via web-sdk\");\n const initialCoins = [\"3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump\", \"DCXqS9xMQqoD2cRpqvyu2TxpherRwtd2UDHLKTk7pump\", \"AgYVbX4CueNVrBAXZh84DoFQtZhG6wpi3JgXHyCKpump\", \"EfeZEB8nBn6ExS7XBjknyXAyew5FbtWzhKcTTMbVpump\", \"7tpdjoLezL36yneCd5Wj8E5VxT7gp9tsvqiJikJFpump\", \"G3vhNt2y8njvpnC7P8rECo7zZRjxrDY4ed4HRm9Kpump\"];\n const allCoins = await fetchPumpFunTrends();\n if (allCoins && allCoins.length > 0) {\n console.log(`Successfully fetched ${allCoins.length} tokens via web-sdk`);\n const filteredCoins = initialCoins.length > 0 ? allCoins.filter(coin => initialCoins.includes(coin.mint)) : allCoins;\n const processedTokens = filteredCoins.map(token => ({\n id: token.mint,\n name: token.name,\n symbol: token.symbol,\n description: token.description || `DEV.FUN token ${token.symbol}`,\n price: token.market_cap / (token.total_supply / 1e9),\n change24h: token.priceChangeIn24h || 0,\n marketCap: token.market_cap,\n volume24h: token.volumeIn24h || token.virtual_sol_reserves / 1e9,\n hypeScore: 75,\n colorHex: token.symbol?.charCodeAt(0).toString(16) + token.symbol?.charCodeAt(1).toString(16) || \"42f5ad\",\n image: token.image_uri,\n isNative: true,\n createdAt: token.created_timestamp || Date.now(),\n lastUpdated: Date.now(),\n creator: token.creator || '',\n socialLinks: {\n twitter: !!token.twitter,\n telegram: !!token.telegram,\n website: !!token.website,\n discord: false\n },\n isVerified: true,\n holders: 50,\n dataSource: 'web_sdk'\n }));\n devFunTokens = processedTokens;\n console.log(`Processed ${devFunTokens.length} tokens via web-sdk fallback`);\n } else {\n console.log(\"No DEV.FUN tokens returned from web-sdk either\");\n }\n } catch (sdkError) {\n console.error(\"Fallback web-sdk method also failed:\", sdkError);\n }\n }\n } catch (apiError) {\n console.error(\"Error fetching DEV.FUN tokens directly from API:\", apiError);\n try {\n console.log(\"Attempting fallback to fetch DEV.FUN coins via web-sdk\");\n const allCoins = await fetchPumpFunTrends();\n if (allCoins && allCoins.length > 0) {\n console.log(`Successfully fetched ${allCoins.length} DEV.FUN coins via web-sdk`);\n const filteredCoins = initialCoins.length > 0 ? allCoins.filter(coin => initialCoins.includes(coin.mint)) : allCoins;\n const processedTokens = filteredCoins.map(token => ({\n id: token.mint,\n name: token.name,\n symbol: token.symbol,\n description: token.description || `DEV.FUN token ${token.symbol}`,\n price: token.market_cap / (token.total_supply / 1e9),\n change24h: 0,\n marketCap: token.market_cap,\n volume24h: token.virtual_sol_reserves / 1e9,\n hypeScore: 75,\n colorHex: token.symbol?.charCodeAt(0).toString(16) + token.symbol?.charCodeAt(1).toString(16) || \"42f5ad\",\n image: token.image_uri,\n isNative: true,\n createdAt: token.created_timestamp || Date.now(),\n lastUpdated: Date.now(),\n creator: token.creator || '',\n socialLinks: {\n twitter: !!token.twitter,\n telegram: !!token.telegram,\n website: !!token.website,\n discord: false\n },\n isVerified: true,\n holders: 50,\n dataSource: 'web_sdk'\n }));\n devFunTokens = processedTokens;\n } else {\n console.log(\"No DEV.FUN tokens returned from web-sdk either\");\n }\n } catch (sdkError) {\n console.error(\"Fallback web-sdk method also failed:\", sdkError);\n }\n }\n const [devStatsData, appStatsData, coinStatsData, lordOfDevData, commitStatsData] = await Promise.allSettled([fetchDevFunData('/devs'), fetchDevFunData('/apps'), fetchDevFunData('/coins'), fetchDevFunData('/lord-of-dev'), fetchDevFunData('/commits')]);\n if (devStatsData.status === 'fulfilled' && isMounted.current) {\n console.log(\"Dev stats data:\", devStatsData.value);\n setDevStats(devStatsData.value);\n }\n if (appStatsData.status === 'fulfilled' && isMounted.current) {\n console.log(\"App stats data:\", appStatsData.value);\n setAppStats(appStatsData.value);\n }\n if (coinStatsData.status === 'fulfilled' && isMounted.current) {\n console.log(\"Coin stats data:\", coinStatsData.value);\n setCoinStats(coinStatsData.value);\n }\n if (lordOfDevData.status === 'fulfilled' && isMounted.current) {\n console.log(\"Lord of Dev data:\", lordOfDevData.value);\n setLordOfDevApps(lordOfDevData.value || []);\n }\n if (commitStatsData.status === 'fulfilled' && isMounted.current) {\n console.log(\"Commit stats data:\", commitStatsData.value);\n setCommitStats(commitStatsData.value);\n }\n let processedTokens = [];\n if (devFunTokens.length > 0) {\n const defaultImages = {\n \"BUIDL\": \"https://i.postimg.cc/Ss4mJq8L/buidl.png\",\n \"DEVANN\": \"https://i.postimg.cc/HxkWWXJG/devann.png\",\n \"RICK\": \"https://i.postimg.cc/4yhsbBCj/rick.png\",\n \"UNREDACTED\": \"https://i.postimg.cc/XvD9BTmz/unredacted.png\",\n \"MEMEPUMP\": \"https://i.postimg.cc/KcLbfwDL/memepump.png\",\n \"SPARK\": \"https://i.postimg.cc/j2DP7FGg/spark.png\"\n };\n processedTokens = devFunTokens.map(token => {\n let tokenImage = token.image_uri || token.image;\n if (!tokenImage && token.symbol && defaultImages[token.symbol.toUpperCase()]) {\n tokenImage = defaultImages[token.symbol.toUpperCase()];\n } else if (!tokenImage && token.symbol) {\n const symbolUpper = token.symbol.toUpperCase();\n for (const [key, url] of Object.entries(defaultImages)) {\n if (key.includes(symbolUpper) || symbolUpper.includes(key)) {\n tokenImage = url;\n break;\n }\n }\n }\n console.log(`Token ${token.name} (${token.symbol}) image: ${tokenImage}`);\n return {\n id: `devfun-${token.mint}`,\n name: token.name,\n symbol: token.symbol,\n description: token.description || \"DEV.FUN token\",\n price: token.market_cap / (token.total_supply / 1e9),\n change24h: token.priceChangeIn24h || 0,\n marketCap: token.market_cap,\n volume24h: token.volumeIn24h || 0,\n hypeScore: token.buyTxIn24h || 50,\n colorHex: token.symbol?.charCodeAt(0).toString(16) + token.symbol?.charCodeAt(1).toString(16) || \"42f5ad\",\n image: tokenImage,\n isNative: true,\n createdAt: token.created_timestamp,\n lastUpdated: Date.now(),\n creator: token.creator,\n socialLinks: {\n twitter: !!token.twitter,\n telegram: !!token.telegram,\n website: !!token.website,\n discord: false\n },\n isVerified: true,\n holders: token.buyTxIn24h || 0,\n dataSource: 'web-sdk'\n };\n });\n processedTokens.sort((a, b) => b.marketCap - a.marketCap);\n console.log(`Processed ${processedTokens.length} tokens from web-sdk`);\n } else {\n console.log(\"No tokens available from API. Using empty dataset.\");\n processedTokens = [];\n }\n if (isMounted.current) {\n setTokens(processedTokens);\n setLastUpdate(Date.now());\n setLoading(false);\n if (processedTokens.length > 0) {\n setupRealTimeUpdates(processedTokens);\n } else {\n setError(\"No token data available from DEV.FUN API.\");\n }\n }\n } catch (err) {\n console.error(\"Error fetching DEV.FUN data:\", err);\n if (isMounted.current) {\n setError(\"Failed to load DEV.FUN data. No data available.\");\n setTokens([]);\n setLastUpdate(Date.now());\n setLoading(false);\n }\n }\n };\n fetchAllDevFunData();\n const refreshInterval = setInterval(() => {\n console.log(\"Refreshing DEV.FUN data...\");\n setRefreshTrigger(prev => prev + 1);\n }, 5 * 60 * 1000);\n return () => {\n clearInterval(refreshInterval);\n cleanupRealTimeUpdates();\n };\n }, [refreshTrigger]);\n const setupRealTimeUpdates = initialTokens => {\n console.log(\"Setting up real-time updates for DEV.FUN tokens\");\n setIsRealtime(true);\n setActiveWebSocketCount(prev => prev + 1);\n const interval = setInterval(() => {\n if (!isMounted.current) return;\n const tokenIndex = Math.floor(Math.random() * initialTokens.length);\n const token = {\n ...initialTokens[tokenIndex]\n };\n token.lastUpdated = Date.now();\n if (isMounted.current) {\n setTokens(prev => {\n const newTokens = [...prev];\n newTokens[tokenIndex] = token;\n return newTokens;\n });\n setLastUpdate(Date.now());\n }\n }, Math.random() * 5000 + 3000);\n return () => clearInterval(interval);\n };\n const cleanupRealTimeUpdates = () => {\n console.log(\"Cleaning up real-time updates\");\n setIsRealtime(false);\n setActiveWebSocketCount(0);\n };\n const showTokenDetails = token => {\n setSelectedToken(token);\n setShowHypeModal(true);\n };\n const handleSortChange = field => {\n if (sortBy === field) {\n setSortDirection(sortDirection === \"desc\" ? \"asc\" : \"desc\");\n } else {\n setSortBy(field);\n setSortDirection(\"desc\");\n }\n };\n const sortedTokens = useMemo(() => {\n if (!tokens || tokens.length === 0) return [];\n return [...tokens].sort((a, b) => {\n let aValue, bValue;\n switch (sortBy) {\n case \"price\":\n aValue = a.price;\n bValue = b.price;\n break;\n case \"change24h\":\n aValue = a.change24h;\n bValue = b.change24h;\n break;\n case \"marketCap\":\n aValue = a.marketCap;\n bValue = b.marketCap;\n break;\n case \"volume24h\":\n aValue = a.volume24h;\n bValue = b.volume24h;\n break;\n case \"createdAt\":\n aValue = a.createdAt;\n bValue = b.createdAt;\n break;\n case \"hype\":\n default:\n aValue = a.hypeScore;\n bValue = b.hypeScore;\n }\n return sortDirection === \"desc\" ? bValue - aValue : aValue - bValue;\n });\n }, [tokens, sortBy, sortDirection]);\n const formatCreatedTime = timestamp => {\n const now = Date.now();\n const diffMs = now - timestamp;\n const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n if (diffDays === 0) {\n return 'Today';\n } else if (diffDays === 1) {\n return 'Yesterday';\n } else if (diffDays < 30) {\n return `${diffDays} days ago`;\n } else if (diffDays < 365) {\n const months = Math.floor(diffDays / 30);\n return `${months} month${months > 1 ? 's' : ''} ago`;\n } else {\n const years = Math.floor(diffDays / 365);\n return `${years} year${years > 1 ? 's' : ''} ago`;\n }\n };\n const NavButton = ({\n view,\n label,\n icon,\n count = null\n }) => ;\n const StatsCard = ({\n title,\n value,\n change = null,\n icon = null\n }) =>

\n {icon}\n

{title}

{value}

\n {change !== null &&

= 0 ? 'text-green-400' : 'text-red-400'}`}>\n {change >= 0 ? '↑' : '↓'} {Math.abs(change)}%\n

}\n

;\n if (loading && tokens.length === 0) {\n return

\n $\"DEV.FUN\"$ \n

DEV.FUN Dashboard

\n \n \n $\"Pump.fun\"$ \n Swap on Pump.fun\n \n

\n \n

Loading DEV.FUN data...

Connecting to the most creative corner of web3...

;\n }\n return

\n {error &&

\n \n {error}\n

}\n \n

\n $\"DEV.FUN\"$ \n

DEV.FUN Dashboard

\n {coinStats &&

\n \n {coinStats.native_coins} native coins / {coinStats.total_coins} total tokens\n \n {isRealtime &&

\n \n \n \n \n Live\n

}\n

\n \n

\n Updated: {formatRelativeTime(lastUpdate)}\n \n

\n \n {}\n

\n } />\n } count={coinStats?.total_coins || tokens.length} />\n } count={devStats?.total_devs} />\n } count={appStats?.total_apps} />\n } count={lordOfDevApps.length} />\n

\n \n {}\n {activeView === 'overview' &&

DEV.FUN Platform Stats

\n \n

\n } />\n } />\n } />\n } />\n

\n \n

Daily Activity

New Developers

{formatNumber(devStats?.daily_new_devs || 0)}

Active Developers

{formatNumber(devStats?.daily_active_devs || 0)}

New Apps

{formatNumber(appStats?.daily_created_apps || 0)}

App Runs

{formatNumber(appStats?.daily_app_runs || 0)}

\n \n

Lord of Dev Crowned Apps

\n {lordOfDevApps.length > 0 ?

\n {lordOfDevApps.slice(0, 5).map((app, index) =>

\n 👑\n

{app.app_name}

by {app.dev_wallet.substring(0, 6)}...{app.dev_wallet.substring(app.dev_wallet.length - 4)}

\n {new Date(app.created_on).toLocaleDateString()}\n

)}\n

\n No crowned apps found\n

}\n

}\n \n {}\n {activeView === 'tokens' &&

DEV.FUN Tokens

\n \n

\n Sort by:\n

\n \n \n \n \n

\n \n {}\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {sortedTokens.length > 0 ? sortedTokens.map((token, index) => {\n const gradientColor = token.hypeScore > 75 ? 'from-pink-500 to-purple-500' : token.hypeScore > 50 ? 'from-purple-500 to-blue-500' : token.hypeScore > 25 ? 'from-blue-500 to-green-500' : 'from-green-500 to-gray-500';\n const isHot = Date.now() - token.lastUpdated < 10000;\n return showTokenDetails(token)}>\n \n \n \n \n \n \n \n ;\n }) : \n \n }\n \n

# / Name	Price	24h %	Market Cap	Volume (24h)	DEV HYPE	Created
\n \n {index + 1}\n \n {token.image ? {\n console.log(`Image error for ${token.name} (${token.symbol}): ${token.image}`);\n e.target.onerror = null;\n const symbolKey = token.symbol?.toUpperCase();\n if (symbolKey && defaultImages[symbolKey]) {\n e.target.src = defaultImages[symbolKey];\n } else if (defaultImages[token.id]) {\n e.target.src = defaultImages[token.id];\n } else {\n e.target.style.display = 'none';\n e.target.parentNode.innerHTML = ` ${token.symbol?.substring(0, 2) \|\| '??'} `;\n }\n }} /> : \n {token.symbol?.substring(0, 2) \|\| '??'}\n }\n \n \n \n {token.name}\n {token.isVerified && \n \n }\n {token.isNative && \n NATIVE\n }\n {isHot && \n HOT\n }\n \n {token.symbol} \n \n \n	\n ${formatNumber(token.price)} \n	= 0 ? 'text-green-500' : 'text-red-500'}`}>\n {formatPercent(token.change24h)}\n	\n ${formatNumber(token.marketCap)}\n	\n ${formatNumber(token.volume24h)}\n	\n \n \n \n \n {Math.round(token.hypeScore)}\n \n	\n {formatCreatedTime(token.createdAt)}\n
\n No tokens found. Try refreshing the page.\n

}\n \n {}\n {activeView === 'developers' &&

DEV.FUN Developers

\n \n

Total Developers

{formatNumber(devStats?.total_devs || 0)}

New Today

{formatNumber(devStats?.daily_new_devs || 0)}

Active Today

{formatNumber(devStats?.daily_active_devs || 0)}

\n \n

Detailed developer profiles coming soon!

Check back for a comprehensive developers leaderboard

}\n \n {}\n {activeView === 'apps' &&

DEV.FUN Apps

\n \n

Total Apps

{formatNumber(appStats?.total_apps || 0)}

Daily Created

{formatNumber(appStats?.daily_created_apps || 0)}

Daily Live

{formatNumber(appStats?.daily_live_apps || 0)}

Total Forks

{formatNumber(appStats?.total_forks || 0)}

\n \n

App Runs

Total

{formatNumber(appStats?.total_app_runs || 0)}

Today

{formatNumber(appStats?.daily_app_runs || 0)}

\n \n

Commits

Total

{formatNumber(commitStats?.total_commits || 0)}

Today

{formatNumber(commitStats?.daily_commits || 0)}

\n \n

Detailed app listings coming soon!

Check back for a comprehensive app directory

}\n \n {}\n {activeView === 'lord-of-dev' &&

Lord of Dev - Crowned Apps

\n \n {lordOfDevApps.length > 0 ?

\n {lordOfDevApps.map((app, index) =>

{\n const tokenData = {\n id: app.app_id,\n name: app.app_name,\n symbol: \"DEV\",\n description: `Crowned DEV.FUN app created by ${app.dev_wallet.substring(0, 6)}...${app.dev_wallet.substring(app.dev_wallet.length - 4)}`,\n price: 0,\n change24h: 0,\n marketCap: 0,\n volume24h: 0,\n hypeScore: 95,\n colorHex: \"FFCC33\",\n image: null,\n isNative: true,\n createdAt: new Date(app.created_on).getTime(),\n lastUpdated: Date.now(),\n creator: app.dev_wallet,\n socialLinks: {\n twitter: false,\n telegram: false,\n website: false,\n discord: false\n },\n isVerified: true,\n holders: 0,\n dataSource: 'devfun_api'\n };\n setSelectedToken(tokenData);\n setShowHypeModal(true);\n }}>\n

\n 👑\n

{app.app_name}

\n ID: {app.app_id}\n

\n Dev: {app.dev_wallet.substring(0, 6)}...{app.dev_wallet.substring(app.dev_wallet.length - 4)}\n

\n Created: {new Date(app.created_on).toLocaleDateString()}\n

)}\n

\n 👑\n

No crowned apps found.

Check back later for Lord of Dev updates.

}\n

}\n \n {}\n {showHypeModal && selectedToken &&

\n {selectedToken.image ?

\n {selectedToken.symbol.substring(0, 2)}\n

}\n

{selectedToken.name} ({selectedToken.symbol})

\n {selectedToken.isVerified && \n \n Verified\n }\n \n {formatCreatedTime(selectedToken.createdAt)}\n \n

\n \n

\n {selectedToken.description}\n

\n \n

Price

${formatNumber(selectedToken.price)}

= 0 ? 'text-green-500' : 'text-red-500'}`}>\n {formatPercent(selectedToken.change24h)} (24h)\n

Market Cap

${formatNumber(selectedToken.marketCap)}

Volume (24h)

${formatNumber(selectedToken.volume24h)}

\n {formatNumber(selectedToken.volume24h / selectedToken.price)} {selectedToken.symbol}\n

\n \n

DEV HYPE Score

75 ? 'from-pink-500 to-purple-500' : selectedToken.hypeScore > 50 ? 'from-purple-500 to-blue-500' : selectedToken.hypeScore > 25 ? 'from-blue-500 to-green-500' : 'from-green-500 to-gray-500'}`} style={{\n width: `${selectedToken.hypeScore}%`\n }}>

\n {Math.round(selectedToken.hypeScore)}\n

\n DEV HYPE is our proprietary metric that combines social activity, trading volume, holder growth, and developer engagement to measure a token's momentum.\n

\n \n

Token Info

\n Creator\n {selectedToken.creator}\n

\n Holders\n {formatNumber(selectedToken.holders)}\n

\n Created\n {new Date(selectedToken.createdAt).toLocaleDateString()}\n

Social Links

\n {selectedToken.socialLinks.website && \n \n Website\n }\n {selectedToken.socialLinks.twitter && \n \n Twitter\n }\n {selectedToken.socialLinks.telegram && \n \n Telegram\n }\n {selectedToken.socialLinks.discord && \n \n Discord\n }\n

\n \n

\n \n \n

}\n

;\n};\nconst ChainPage = () => {\n const {\n chainId\n } = useParams();\n const navigate = useNavigate();\n const [tokens, setTokens] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [usingFallback, setUsingFallback] = useState(false);\n const [chainName, setChainName] = useState(\"\");\n const [chainLogo, setChainLogo] = useState(\"\");\n const [tokenCount, setTokenCount] = useState(0);\n const [sortBy, setSortBy] = useState(\"market_cap\");\n const [sortDirection, setSortDirection] = useState(\"desc\");\n const [page, setPage] = useState(1);\n const [hasMore, setHasMore] = useState(true);\n const [isLoadingMore, setIsLoadingMore] = useState(false);\n const [isPumpFunToken, setIsPumpFunToken] = useState(false);\n const TOKENS_PER_PAGE = 30;\n const isMounted = useRef(true);\n useEffect(() => {\n const fetchChainData = async () => {\n try {\n const chains = await fetchDexScreenerChains();\n const chainExists = chains.some(chain => chain.toLowerCase() === chainId.toLowerCase());\n if (chainExists) {\n let name = chainId.charAt(0).toUpperCase() + chainId.slice(1).replace(/-/g, ' ');\n let logo;\n if (chainId === \"ethereum\") logo = \"https://cryptologos.cc/logos/ethereum-eth-logo.svg?v=024\";else if (chainId === \"bsc\") logo = \"https://cryptologos.cc/logos/bnb-bnb-logo.svg?v=024\";else if (chainId === \"arbitrum\") logo = \"https://cryptologos.cc/logos/arbitrum-arb-logo.svg?v=024\";else if (chainId === \"solana\") logo = \"https://cryptologos.cc/logos/solana-sol-logo.svg?v=024\";else if (chainId === \"polygon\") logo = \"https://cryptologos.cc/logos/polygon-matic-logo.svg?v=024\";else if (chainId === \"avalanche\") logo = \"https://cryptologos.cc/logos/avalanche-avax-logo.svg?v=024\";else logo = `https://assets.dexscreener.io/flags/${chainId}.svg`;\n setChainName(name);\n setChainLogo(logo);\n setPage(1);\n setHasMore(true);\n return true;\n }\n return false;\n } catch (error) {\n console.error(\"Error fetching chain data:\", error);\n return false;\n }\n };\n const checkChain = async () => {\n const foundInDexScreener = await fetchChainData();\n if (chainId === \"solana\") {\n setIsPumpFunToken(true);\n } else {\n setIsPumpFunToken(false);\n }\n if (!foundInDexScreener) {\n const chainMap = {\n \"ethereum\": {\n name: \"Ethereum\",\n logo: \"https://cryptologos.cc/logos/ethereum-eth-logo.svg?v=024\",\n tokenCount: \"N/A\"\n },\n \"bsc\": {\n name: \"Binance Smart Chain\",\n logo: \"https://cryptologos.cc/logos/bnb-bnb-logo.svg?v=024\",\n tokenCount: \"N/A\"\n },\n \"arbitrum\": {\n name: \"Arbitrum\",\n logo: \"https://cryptologos.cc/logos/arbitrum-arb-logo.svg?v=024\",\n tokenCount: \"N/A\"\n },\n \"solana\": {\n name: \"Solana\",\n logo: \"https://cryptologos.cc/logos/solana-sol-logo.svg?v=024\",\n tokenCount: \"N/A\"\n },\n \"polygon\": {\n name: \"Polygon\",\n logo: \"https://cryptologos.cc/logos/polygon-matic-logo.svg?v=024\",\n tokenCount: \"N/A\"\n },\n \"avalanche\": {\n name: \"Avalanche\",\n logo: \"https://cryptologos.cc/logos/avalanche-avax-logo.svg?v=024\",\n tokenCount: \"N/A\"\n },\n \"devfun\": {\n name: \"DEV.FUN\",\n logo: \"https://i.postimg.cc/8zJ48z0d/logo.png\",\n tokenCount: \"50+\"\n }\n };\n if (!chainMap[chainId]) {\n console.log(`Invalid chainId: ${chainId}, not found in DexScreener or static map, redirecting to home`);\n navigate('/');\n return;\n }\n setChainName(chainMap[chainId].name);\n setChainLogo(chainMap[chainId].logo);\n setPage(1);\n setHasMore(true);\n }\n };\n checkChain();\n }, [chainId, navigate]);\n useEffect(() => {\n const fetchChainTokens = async () => {\n try {\n if (isMounted.current) {\n setLoading(true);\n setError(null);\n }\n console.log(`Fetching tokens for ${chainId}...`);\n const fetchLimit = page * TOKENS_PER_PAGE;\n console.log(`Fetching up to ${fetchLimit} tokens (page ${page})`);\n let allTokens = [];\n if (chainId === \"ethereum\") {\n try {\n console.log(`Fetching Ethereum tokens using dev.fun web-sdk`);\n const trendingTokens = await fetchPumpFunTrends();\n if (trendingTokens && trendingTokens.length > 0) {\n console.log(`Found ${trendingTokens.length} Ethereum tokens from dev.fun web-sdk`);\n const processedTokens = trendingTokens.map(token => {\n return {\n id: token.mint || `ethereum-${token.contractAddress || token.symbol}`,\n name: token.name || 'Unknown Token',\n symbol: token.symbol || 'ETH',\n description: token.description || `${token.name} on Ethereum`,\n current_price: token.price || (token.market_cap && token.total_supply ? token.market_cap / (token.total_supply / 1e9) : 0),\n price_change_percentage_24h: token.priceChangeIn24h || 0,\n total_volume: token.volumeIn24h || (token.buyTxIn24h ? token.buyTxIn24h * 1000 : 0),\n market_cap: token.marketcap || token.market_cap || 0,\n fully_diluted_valuation: token.marketcap || token.market_cap || 0,\n liquidity: token.liquidityInUSD || 0,\n image: token.image || null,\n address: token.contractAddress || token.mint || '',\n chain: 'ethereum',\n twitter: token.twitter,\n telegram: token.telegram,\n website: token.website,\n dataSource: 'devfun_sdk',\n lastUpdated: Date.now(),\n creator: token.creator || ''\n };\n });\n allTokens = [...processedTokens];\n }\n } catch (devfunError) {\n console.error(`Error fetching Ethereum tokens from dev.fun web-sdk:`, devfunError);\n }\n }\n if (chainId !== \"devfun\" && (chainId !== \"ethereum\" || allTokens.length === 0)) {\n try {\n console.log(`Fetching trending tokens from DexScreener for ${chainId}`);\n const dexScreenerTrending = await fetchDexScreenerTrending(chainId);\n if (dexScreenerTrending && dexScreenerTrending.length > 0) {\n console.log(`Found ${dexScreenerTrending.length} trending tokens from DexScreener for ${chainId}`);\n const processedTokens = dexScreenerTrending.map(pair => {\n const token = pair.baseToken;\n const tokenId = `${chainId}-${token.address}`;\n const processedToken = {\n id: tokenId,\n name: token.name || 'Unknown Token',\n symbol: token.symbol || 'UNKNOWN',\n description: `${token.name} on ${chainName}`,\n current_price: parseFloat(pair.priceUsd) || 0,\n price_change_percentage_24h: pair.priceChange?.h24 || 0,\n total_volume: pair.volume?.h24 || 0,\n market_cap: pair.fdv || 0,\n fully_diluted_valuation: pair.fdv || 0,\n liquidity: pair.liquidity?.usd || 0,\n image: null,\n address: token.address,\n chain: chainId,\n pairAddress: pair.pairAddress,\n dexId: pair.dexId,\n url: pair.url,\n dataSource: 'dexscreener',\n lastUpdated: Date.now()\n };\n return processedToken;\n });\n allTokens = [...allTokens, ...processedTokens];\n } else {\n console.log(`No trending tokens found from DexScreener for ${chainId}`);\n }\n } catch (dexScreenerError) {\n console.error(`Error fetching DexScreener trending data for ${chainId}:`, dexScreenerError);\n }\n }\n if (chainId === \"solana\") {\n try {\n console.log(\"Fetching Solana tokens from pump.fun using web-sdk\");\n try {\n const trendingTokens = await fetchPumpFunTrends();\n console.log(`Successfully fetched ${trendingTokens.length} tokens using web-sdk`);\n const processedTokens = trendingTokens.map(token => {\n const processedToken = {\n id: token.mint,\n name: token.name,\n symbol: token.symbol,\n description: token.description || \"\",\n current_price: token.market_cap / (token.total_supply / 1e9),\n price_change_percentage_24h: token.priceChangeIn24h || 0,\n total_volume: token.volumeIn24h || 0,\n market_cap: token.market_cap,\n fully_diluted_valuation: token.market_cap,\n image: token.image_uri,\n address: token.mint,\n chain: \"solana\",\n twitter: token.twitter,\n telegram: token.telegram,\n website: token.website,\n created_at: token.created_timestamp,\n source: \"pumpfun_sdk\"\n };\n const tokenTimestamp = tokenUpdateTimestamps.get(processedToken.id) || Date.now();\n tokenUpdateTimestamps.set(processedToken.id, tokenTimestamp);\n return {\n ...processedToken,\n lastUpdated: tokenTimestamp,\n dataSource: 'pumpfun_sdk'\n };\n });\n console.log(`Processed ${processedTokens.length} tokens from web-sdk`);\n allTokens = [...allTokens, ...processedTokens];\n } catch (sdkError) {\n console.error(\"Error fetching from web-sdk:\", sdkError);\n console.log(\"Falling back to traditional API method\");\n const pumpFunData = await fetchPumpFunData(100);\n if (pumpFunData && pumpFunData.length > 0) {\n const processedTokens = pumpFunData.map(token => {\n const processedToken = processPumpFunToken(token);\n const tokenTimestamp = tokenUpdateTimestamps.get(processedToken.id) || Date.now();\n tokenUpdateTimestamps.set(processedToken.id, tokenTimestamp);\n return {\n ...processedToken,\n lastUpdated: tokenTimestamp,\n dataSource: 'pumpfun'\n };\n });\n console.log(`Found ${processedTokens.length} tokens from pump.fun fallback`);\n allTokens = [...allTokens, ...processedTokens];\n }\n }\n } catch (pumpError) {\n console.error(\"Error fetching pump.fun data:\", pumpError);\n }\n try {\n console.log(\"Fetching Solana tokens from Blockdaemon API\");\n const url = `${BLOCKDAEMON_API}/tokens?limit=100`;\n const response = await fetch(`${PROXY_API}${encodeURIComponent(url)}`, {\n method: 'GET',\n headers: {\n 'Authorization': `Bearer ${BLOCKDAEMON_API_KEY}`,\n 'Content-Type': 'application/json'\n }\n });\n if (response.ok) {\n const data = await response.json();\n if (data && data.length > 0) {\n const blockdaemonTokens = data.map(token => ({\n id: token.mint || token.address,\n name: token.name || 'Unknown Token',\n symbol: token.symbol || 'UNKNOWN',\n current_price: token.price || 0,\n price_change_percentage_24h: token.priceChange24h || 0,\n total_volume: token.volume24h || 0,\n market_cap: token.marketCap || 0,\n image: token.logo || null,\n address: token.mint || token.address,\n chain: 'solana',\n dataSource: 'blockdaemon',\n lastUpdated: Date.now()\n }));\n console.log(`Found ${blockdaemonTokens.length} tokens from Blockdaemon`);\n allTokens = [...allTokens, ...blockdaemonTokens];\n }\n }\n } catch (blockdaemonError) {\n console.error(\"Error fetching Blockdaemon data:\", blockdaemonError);\n }\n }\n if (chainId === \"devfun\") {\n try {\n console.log(\"Fetching DEV.FUN tokens\");\n try {\n const devFunTokens = await fetchPumpFunTrends();\n if (devFunTokens && devFunTokens.length > 0) {\n const defaultImages = {\n \"BUIDL\": \"https://i.postimg.cc/Ss4mJq8L/buidl.png\",\n \"DEVANN\": \"https://i.postimg.cc/HxkWWXJG/devann.png\",\n \"RICK\": \"https://i.postimg.cc/4yhsbBCj/rick.png\",\n \"UNREDACTED\": \"https://i.postimg.cc/XvD9BTmz/unredacted.png\",\n \"MEMEPUMP\": \"https://i.postimg.cc/KcLbfwDL/memepump.png\",\n \"SPARK\": \"https://i.postimg.cc/j2DP7FGg/spark.png\"\n };\n const processedTokens = devFunTokens.map(token => {\n let tokenImage = token.image_uri;\n const contractAddress = token.mint;\n const symbolKey = token.symbol?.toUpperCase() || contractToSymbol[contractAddress];\n if (!tokenImage && symbolKey && defaultImages[symbolKey]) {\n tokenImage = defaultImages[symbolKey];\n } else if (!tokenImage && contractAddress && defaultImages[contractAddress]) {\n tokenImage = defaultImages[contractAddress];\n }\n console.log(`Processing token: ${token.name} (${symbolKey || token.symbol}) - Image: ${tokenImage}`);\n return {\n id: token.mint,\n name: token.name,\n symbol: token.symbol,\n description: token.description || \"\",\n current_price: token.market_cap / (token.total_supply / 1e9),\n price_change_percentage_24h: token.priceChangeIn24h || 0,\n total_volume: token.volumeIn24h || 0,\n market_cap: token.market_cap,\n fully_diluted_valuation: token.market_cap,\n image: tokenImage,\n address: token.mint,\n chain: \"devfun\",\n twitter: token.twitter,\n telegram: token.telegram,\n website: token.website,\n created_at: token.created_timestamp,\n dataSource: 'devfun_sdk',\n lastUpdated: Date.now()\n };\n });\n processedTokens.sort((a, b) => b.market_cap - a.market_cap);\n console.log(`Found ${processedTokens.length} tokens from DEV.FUN SDK`);\n allTokens = [...allTokens, ...processedTokens];\n }\n } catch (sdkError) {\n console.error(\"Error fetching from DEV.FUN SDK:\", sdkError);\n console.log(\"No DEV.FUN tokens available from SDK.\");\n }\n } catch (devfunError) {\n console.error(\"Error fetching DEV.FUN data:\", devfunError);\n }\n }\n if (chainId !== \"solana\" && chainId !== \"devfun\" && allTokens.length < 10) {\n try {\n const chainApiMap = {\n \"ethereum\": \"ethereum\",\n \"bsc\": \"binance-smart-chain\",\n \"arbitrum\": \"arbitrum-one\",\n \"polygon\": \"polygon-pos\",\n \"avalanche\": \"avalanche\"\n };\n const apiChainId = chainApiMap[chainId] || chainId;\n console.log(`Fetching ${chainId} tokens from multi-API sources, normalized as ${apiChainId}`);\n console.log(`Not using fallback data for ${chainId} tokens.`);\n } catch (apiError) {\n console.error(`Error fetching ${chainId} tokens from APIs:`, apiError);\n }\n }\n const uniqueTokens = [];\n const seenIds = new Set();\n const seenSymbols = new Set();\n allTokens.forEach(token => {\n const idKey = token.id?.toLowerCase() || '';\n const symbolKey = token.symbol?.toLowerCase() || '';\n if (!seenIds.has(idKey) && !seenSymbols.has(symbolKey)) {\n seenIds.add(idKey);\n if (symbolKey) seenSymbols.add(symbolKey);\n uniqueTokens.push(token);\n }\n });\n const sortedTokens = uniqueTokens.sort((a, b) => {\n const aValue = a[sortBy] || 0;\n const bValue = b[sortBy] || 0;\n return sortDirection === \"desc\" ? bValue - aValue : aValue - bValue;\n });\n const totalTokens = sortedTokens.length;\n const paginatedTokens = sortedTokens.slice(0, page * TOKENS_PER_PAGE);\n const hasMoreTokens = paginatedTokens.length < totalTokens;\n if (isMounted.current) {\n console.log(`Setting ${paginatedTokens.length} tokens for ${chainId} (page ${page}/${Math.ceil(totalTokens / TOKENS_PER_PAGE)})`);\n if (page === 1) {\n setTokens(paginatedTokens);\n } else {\n setTokens(prev => [...prev, ...paginatedTokens.filter(token => !prev.some(t => t.id === token.id))]);\n }\n setTokenCount(totalTokens);\n setHasMore(hasMoreTokens);\n setUsingFallback(allTokens.some(token => token.dataSource === 'fallback'));\n setError(usingFallback ? \"Some data is from cached sources. Real-time market data may vary.\" : null);\n setLoading(false);\n }\n } catch (err) {\n console.error(`Error fetching ${chainId} tokens:`, err);\n if (isMounted.current) {\n setError(`Failed to load ${chainName} tokens. Please try again later.`);\n setLoading(false);\n setTokens([]);\n setTokenCount(0);\n setHasMore(false);\n setUsingFallback(true);\n }\n }\n };\n if (chainId) {\n fetchChainTokens();\n }\n return () => {\n isMounted.current = false;\n };\n }, [chainId, chainName, sortBy, sortDirection, page]);\n const loadMoreTokens = () => {\n if (!loading && !isLoadingMore && hasMore) {\n setIsLoadingMore(true);\n setPage(prevPage => prevPage + 1);\n }\n };\n if (loading && tokens.length === 0) {\n return ;\n }\n const handleSortChange = field => {\n if (sortBy === field) {\n setSortDirection(sortDirection === \"desc\" ? \"asc\" : \"desc\");\n } else {\n setSortBy(field);\n setSortDirection(\"desc\");\n }\n setPage(1);\n };\n return

\n {error && usingFallback &&

\n \n {error}\n

}\n\n

\n {chainLogo &&

{\n e.target.onerror = null;\n e.target.src = \"https://assets.dexscreener.io/flags/unknown.svg\";\n }} />}\n

{chainName} Tokens

\n {tokenCount > 0 &&

{tokenCount} tokens found

}\n

\n \n {}\n {isPumpFunToken && \n $\"Pump.fun\"$ \n Swap on Pump.fun\n }\n \n

\n Sort by:\n

\n \n \n \n {chainId !== \"devfun\" && }\n

\n\n {tokens.length > 0 ? <>\n

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

Name	Price	24h %	Volume (24h)	{chainId !== \"devfun\" ? \"Liquidity\" : \"Market Cap\"}	Source
\n \n {token.image ? {\n console.log(`Image error for ${token.name} (${token.symbol}): ${token.image}`);\n e.target.onerror = null;\n const defaultImages = {\n \"BUIDL\": \"https://i.postimg.cc/Ss4mJq8L/buidl.png\",\n \"DEVANN\": \"https://i.postimg.cc/HxkWWXJG/devann.png\",\n \"RICK\": \"https://i.postimg.cc/4yhsbBCj/rick.png\",\n \"UNREDACTED\": \"https://i.postimg.cc/XvD9BTmz/unredacted.png\",\n \"MEMEPUMP\": \"https://i.postimg.cc/KcLbfwDL/memepump.png\",\n \"SPARK\": \"https://i.postimg.cc/j2DP7FGg/spark.png\"\n };\n const symbolKey = token.symbol?.toUpperCase();\n if (symbolKey && defaultImages[symbolKey]) {\n e.target.src = defaultImages[symbolKey];\n } else if (defaultImages[token.id]) {\n e.target.src = defaultImages[token.id];\n } else {\n e.target.style.display = 'none';\n e.target.parentNode.innerHTML = ` ${token.symbol?.substring(0, 2) \|\| '??'} `;\n }\n }} /> : token.colorHex ? \n {token.symbol?.charAt(0).toUpperCase()}\n : \n {token.symbol?.charAt(0).toUpperCase()}\n }\n \n {token.name} \n \n {token.symbol?.toUpperCase()}\n {token.dexId && {token.dexId}}\n \n \n \n	\n {formatNumber(token.current_price \|\| token.price)} \n \n {formatRelativeTime(token.lastUpdated)}\n {Date.now() - token.lastUpdated < 60 * 60 * 1000 && \n Fresh\n }\n \n	= 0 ? 'text-green-500' : 'text-red-500'}`}>\n {formatPercent(token.price_change_percentage_24h \|\| token.priceChange?.h24 \|\| 0)}\n	{formatNumber(token.total_volume \|\| token.volume?.h24 \|\| 0)}	{formatNumber(token.liquidity?.usd \|\| token.market_cap \|\| 0)}	\n \n \n {token.dataSource === 'dexscreener' ? 'DexScreener' : token.dataSource === 'blockdaemon' ? 'Blockdaemon' : token.dataSource === 'pumpfun' \|\| token.dataSource === 'pumpfun_sdk' ? 'Pump.fun' : token.dataSource === 'devfun_sdk' \|\| token.dataSource === 'devfun_mock' ? 'DEV.FUN' : token.dataSource \|\| 'Unknown'}\n \n {token.url && \n \n }\n \n

\n\n {}\n {hasMore &&

\n \n

}\n :

\n \n

No tokens found

We couldn't find any tokens for {chainName}.

}\n

;\n};\nconst App = () => {\n const [sidebarOpen, setSidebarOpen] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [appReady, setAppReady] = useState(false);\n const [initError, setInitError] = useState(null);\n const {\n wallet,\n isOwner,\n connectWallet,\n disconnectWallet\n } = useWalletConnection();\n const {\n submissions\n } = useTokenSubmissions();\n const pendingCount = useMemo(() => {\n return submissions.filter(sub => sub.status === 'pending').length;\n }, [submissions]);\n const toggleSidebar = () => {\n setSidebarOpen(!sidebarOpen);\n };\n useEffect(() => {\n const originalDispatchEvent = window.dispatchEvent;\n window.dispatchEvent = function (event) {\n try {\n return originalDispatchEvent.call(this, event);\n } catch (err) {\n console.error(\"Error dispatching event:\", err);\n return false;\n }\n };\n const initializeApp = async () => {\n try {\n console.log(\"Initializing app with March 2025 market data...\");\n if (!fallbackData || !fallbackData.tokenDetails) {\n console.error(\"Fallback data is not properly initialized\");\n throw new Error(\"Missing fallback data\");\n }\n await new Promise(resolve => setTimeout(resolve, 300));\n console.log(`App initialized successfully at ${new Date().toLocaleString()}`);\n console.log(\"Using March 2025 cryptocurrency market data\");\n const currentTimestamp = Date.now();\n try {\n Object.keys(fallbackData.tokenDetails || {}).forEach(tokenId => {\n if (!tokenUpdateTimestamps.has(tokenId)) {\n tokenUpdateTimestamps.set(tokenId, currentTimestamp);\n }\n });\n (fallbackData.trending || []).forEach(token => {\n if (token && token.id && !tokenUpdateTimestamps.has(token.id)) {\n tokenUpdateTimestamps.set(token.id, currentTimestamp);\n }\n });\n (fallbackData.top || []).forEach(token => {\n if (token && token.id && !tokenUpdateTimestamps.has(token.id)) {\n tokenUpdateTimestamps.set(token.id, currentTimestamp);\n }\n });\n (fallbackData.pumpfun || []).forEach(token => {\n if (token && token.id && !tokenUpdateTimestamps.has(token.id)) {\n tokenUpdateTimestamps.set(token.id, currentTimestamp);\n }\n });\n } catch (dataError) {\n console.error(\"Error initializing token timestamps:\", dataError);\n }\n setAppReady(true);\n } catch (error) {\n console.error(\"Error initializing app:\", error);\n setInitError(error.message || \"Failed to initialize application\");\n setAppReady(true);\n } finally {\n setIsLoading(false);\n }\n };\n initializeApp();\n const globalRefreshInterval = setInterval(() => {\n console.log(\"Performing global hourly data refresh...\");\n tokenUpdateTimestamps.forEach((timestamp, tokenId) => {\n if (Date.now() - timestamp > 60 * 60 * 1000) {\n tokenUpdateTimestamps.set(tokenId, Date.now());\n console.log(`Updated timestamp for ${tokenId}`);\n Array.from(apiCache.keys()).filter(key => key.includes(tokenId)).forEach(key => apiCache.delete(key));\n }\n });\n }, 60 * 60 * 1000);\n return () => {\n Array.from(activeWebSockets.values()).forEach(ws => {\n try {\n if (ws.connection && ws.connection.readyState === 1) {\n ws.connection.close();\n }\n } catch (err) {\n console.error(\"Error closing WebSocket:\", err);\n }\n });\n activeWebSockets.clear();\n clearInterval(globalRefreshInterval);\n window.dispatchEvent = originalDispatchEvent;\n };\n }, []);\n if (isLoading) {\n return

Loading DEVSCREENER...

Please wait while we fetch market data

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

\n \n

Something went wrong

We encountered an error while starting up: {initError}

\n \n

;\n }\n return \n \n

\n {}\n {!appReady &&

Loading DEVSCREENER...

Preparing market data for you

}\n \n \n \n

\n \n \n

\n {}\n \n }>\n \n } />\n }>\n \n } />\n }>\n \n } />\n }>\n \n } />\n }>\n \n } />\n }>\n \n } />\n }>\n \n } />\n }>\n \n } />\n }>\n \n } />\n }>\n \n } />\n } />\n \n

\n \n \n

\n \n ;\n};\nexport default App;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-router-dom\":\"6.18.0\",\"lucide-react\":\"0.441.0\",\"recharts\":\"2.8.0\",\"framer-motion\":\"10.16.4\",\"socket.io-client\":\"4.7.1\",\"@devfunlabs/state-client\":\"0.8.1\",\"@devfunlabs/wallet-adapter-devfun\":\"0.3.0\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-react-ui\":\"0.9.35\",\"@solana/wallet-adapter-wallets\":\"0.19.32\",\"@solana/web3.js\":\"1.95.3\",\"zod\":\"3.22.4\",\"@react-three/fiber\":\"8.15.19\",\"@react-three/drei\":\"9.99.7\",\"three\":\"0.162.0\",\"@devfunlabs/web-sdk\":\"0.2.2\",\"react-dom\":\"18.2.0\"}}","token",{"_18":78,"_79":80,"_81":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":40,"_92":40,"_70":71},"DevScreener","symbol","DEVSCREEN","price",0.00000596,"marketcap",6164.19958664,"image","https://pump.mypinata.cloud/ipfs/QmV9nw5opA8ijrxRb8EZ8MMnUUogWe1YwJRekbsGGkbcoS?img-width=256&img-dpr=2","website","https://dev.fun/p/8dc9aacc33d52d385075","twitter","https://x.com/devscreener_dao","devCount","appCount","upstreamApp","isLordOfDev","analytics",[97,101,103,105,107,109,111,113,115,117,119,121,123,125,127,128,130,132,134,135,136],{"_98":99,"_100":58},"day","2025-04-17","runCount",{"_98":102,"_100":58},"2025-04-18",{"_98":104,"_100":58},"2025-04-19",{"_98":106,"_100":58},"2025-04-20",{"_98":108,"_100":58},"2025-04-21",{"_98":110,"_100":58},"2025-04-22",{"_98":112,"_100":58},"2025-04-23",{"_98":114,"_100":58},"2025-04-24",{"_98":116,"_100":58},"2025-04-25",{"_98":118,"_100":58},"2025-04-26",{"_98":120,"_100":58},"2025-04-27",{"_98":122,"_100":58},"2025-04-28",{"_98":124,"_100":58},"2025-04-29",{"_98":126,"_100":58},"2025-04-30",{"_98":102,"_100":40},{"_98":106,"_100":129},3,{"_98":114,"_100":131},2,{"_98":116,"_100":133},12,{"_98":118,"_100":40},{"_98":120,"_100":129},{"_98":122,"_100":40},"snapshot","ogImage","https://cdn.dev.fun/og/image/8dc9aacc33d52d385075/0c94c633.webp","commitDetail","actionData","errors"]

{token.name}

Data Loading Error

Loading market data...

Trending Tokens

Solana Pump.fun Tokens

{token.name}

Top Cryptocurrencies

{token.name}

Price Chart

Token Info

On-Chain Data

DeFi Protocol Data

Social Sentiment

Pairs

Submit Your Project

Why list on DEVSCREENER?

100% Free Listing

Increased Visibility

Professional Presentation

Connect Your Wallet

Project Details

Social Links

Admin Authentication Required

Admin Dashboard

Pending Token Submissions

Reject Token

Approved Tokens

Rejected Tokens

Audit Log

Access Restricted

404

Something went wrong

{title}

DEV.FUN Dashboard

Loading DEV.FUN data...

DEV.FUN Dashboard

DEV.FUN Platform Stats

Daily Activity

Lord of Dev Crowned Apps

DEV.FUN Tokens

DEV.FUN Developers

DEV.FUN Apps

App Runs

Commits

Lord of Dev - Crowned Apps

{selectedToken.name} ({selectedToken.symbol})

DEV HYPE Score

Token Info

Social Links

{chainName} Tokens

Loading DEVSCREENER...

Something went wrong

Loading DEVSCREENER...