[{"_1":2,"_153":-5,"_154":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_57":58,"_59":42,"_60":61,"_62":63,"_64":65,"_66":42,"_67":42,"_68":69,"_70":65,"_71":65,"_72":17,"_73":17,"_74":75,"_76":77,"_78":79,"_80":81,"_82":83,"_100":-5,"_101":17,"_102":103,"_149":32,"_150":151,"_152":17},"id","0769b0dd9378797565ec","isMyApp",false,"name","yapscan","description","Instantly visualize anyone's Yaps score with a sleek dashboard that turns boring API data into social media clout crystals! Watch as time-series metrics materialize before your eyes, making Twitter influence tangible enough to taste.","brief","","isLive",true,"isPublic","tags",[29,30],"💰","👑","cover","https://cdn.dev.fun/snapshot/0769b0dd9378797565ec/86718_2c003a48.webp","cdnUrl","https://cdn.dev.fun/app/0769b0dd9378797565ec/86718","createdAt",["D",1741693435363],"updatedAt",["D",1752006638883],"lastCommitId",["B","86718"],"tier",1,"credits",88,{"_14":46,"_47":48,"_49":48,"_50":51,"_52":48,"_53":54,"_55":56},"69ecd625-7e23-4f66-8d1e-bf684e47b38c","uniqueId","Fantardio","username","solanaWallet","45u887sPrVSQ1UTkpwakc2ocqUSRLYrwENbvhJPrhhAf","displayName","bio","I am Fantardio, a fantasy.top maxi turned vibe-coder. Follow me on X: \n\nhttps://x.com/Fantardio","avatar","https://cdn.dev.fun/avatar/69ecd625-7e23-4f66-8d1e-bf684e47b38c/3cb3d8e5.webp","commitCount",42,"forkCount","likeCount",11,"runsCount",4697,"downvoteCount",0,"upvoteCount","upvoteRate","commentCount",2,"reportCount","visitorCount","isArchived","isRenamed","contractAddress","3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump","code","import { useState } from 'react';\nimport { Search, User, AlertCircle, TrendingUp, Clock, Sparkles, Zap, Users, Trophy, ArrowLeftRight } from 'lucide-react';\nimport { motion, AnimatePresence } from 'framer-motion';\nexport default function App() {\n const [username, setUsername] = useState('');\n const [username2, setUsername2] = useState('');\n const [userData, setUserData] = useState(null);\n const [userData2, setUserData2] = useState(null);\n const [ethosData, setEthosData] = useState(null);\n const [ethosData2, setEthosData2] = useState(null);\n const [isCompareMode, setIsCompareMode] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [searchHistory, setSearchHistory] = useState([]);\n const [showHistory, setShowHistory] = useState(false);\n const [showChart,,] = useState(false);\n const fetchEthosData = async (searchUsername, isSecondUser = false) => {\n try {\n const ethosUrl = `https://api.ethos.network/api/v2/user/by/x/${searchUsername}`;\n const response = await fetch(ethosUrl, {\n headers: {\n 'X-Ethos-Client': 'yapscan@1.0.0',\n 'Accept': '*/*'\n }\n });\n if (response.ok) {\n const data = await response.json();\n const processedEthosData = {\n score: data.score || 0,\n displayName: data.displayName || searchUsername,\n description: data.description || '',\n avatarUrl: data.avatarUrl || '',\n xpTotal: data.xpTotal || 0,\n xpStreakDays: data.xpStreakDays || 0,\n stats: data.stats || {\n review: {\n received: {\n negative: 0,\n neutral: 0,\n positive: 0\n }\n },\n vouch: {\n given: {\n count: 0,\n amountWeiTotal: 0\n },\n received: {\n count: 0,\n amountWeiTotal: 0\n }\n }\n },\n status: data.status || 'UNKNOWN'\n };\n if (isSecondUser) {\n setEthosData2(processedEthosData);\n } else {\n setEthosData(processedEthosData);\n }\n } else {\n const defaultEthosData = {\n score: 0,\n displayName: searchUsername,\n description: '',\n avatarUrl: '',\n xpTotal: 0,\n xpStreakDays: 0,\n stats: {\n review: {\n received: {\n negative: 0,\n neutral: 0,\n positive: 0\n }\n },\n vouch: {\n given: {\n count: 0,\n amountWeiTotal: 0\n },\n received: {\n count: 0,\n amountWeiTotal: 0\n }\n }\n },\n status: 'NOT_FOUND'\n };\n if (isSecondUser) {\n setEthosData2(defaultEthosData);\n } else {\n setEthosData(defaultEthosData);\n }\n }\n } catch (error) {\n console.error('Ethos API Error:', error);\n const defaultEthosData = {\n score: 0,\n displayName: searchUsername,\n description: '',\n avatarUrl: '',\n xpTotal: 0,\n xpStreakDays: 0,\n stats: {\n review: {\n received: {\n negative: 0,\n neutral: 0,\n positive: 0\n }\n },\n vouch: {\n given: {\n count: 0,\n amountWeiTotal: 0\n },\n received: {\n count: 0,\n amountWeiTotal: 0\n }\n }\n },\n status: 'ERROR'\n };\n if (isSecondUser) {\n setEthosData2(defaultEthosData);\n } else {\n setEthosData(defaultEthosData);\n }\n }\n };\n const fetchUserData = async (searchUsername, isSecondUser = false) => {\n setIsLoading(true);\n setError(null);\n try {\n const apiUrl = `https://api.allorigins.win/get?url=${encodeURIComponent(`https://api.kaito.ai/api/v1/yaps?username=${searchUsername}`)}`;\n try {\n const response = await fetch(apiUrl);\n if (!response.ok) {\n throw new Error(`${response.status}: ${response.statusText}`);\n }\n let data;\n try {\n const rawData = await response.json();\n data = rawData.contents ? JSON.parse(rawData.contents) : rawData;\n } catch (jsonError) {\n throw new Error(\"Invalid response from server. Please try again later.\");\n }\n const processedData = {\n ...data,\n yaps_all: data.yaps_all || 0,\n yaps_l24h: data.yaps_l24h || 0,\n yaps_l48h: data.yaps_l48h || 0,\n yaps_l7d: data.yaps_l7d || 0,\n yaps_l30d: data.yaps_l30d || 0,\n username: data.username || searchUsername,\n user_id: data.user_id || 'Unknown'\n };\n if (isSecondUser) {\n setUserData2(processedData);\n } else {\n setUserData(processedData);\n }\n if (!searchHistory.some(item => item.username === data.username)) {\n setSearchHistory(prev => [data, ...prev].slice(0, 5));\n }\n fetchEthosData(searchUsername, isSecondUser);\n } catch (fetchError) {\n console.error(\"Fetch Error:\", fetchError);\n throw new Error(`Failed to fetch: ${fetchError.message}`);\n }\n } catch (err) {\n console.error(\"API Error:\", err);\n setError(`Failed to fetch data: ${err.message}`);\n if (err.message.includes('404')) {\n setUserData(isSecondUser ? null : {\n username: searchUsername,\n user_id: 'Not Found',\n yaps_all: 0,\n yaps_l24h: 0,\n yaps_l48h: 0,\n yaps_l7d: 0,\n yaps_l30d: 0\n });\n if (isSecondUser) {\n setUserData2({\n username: searchUsername,\n user_id: 'Not Found',\n yaps_all: 0,\n yaps_l24h: 0,\n yaps_l48h: 0,\n yaps_l7d: 0,\n yaps_l30d: 0\n });\n }\n fetchEthosData(searchUsername, isSecondUser);\n }\n } finally {\n setIsLoading(false);\n }\n };\n const handleSearch = e => {\n e.preventDefault();\n if (isCompareMode) {\n if (username.trim() && username2.trim()) {\n fetchUserData(username.trim());\n fetchUserData(username2.trim(), true);\n }\n } else {\n if (username.trim()) {\n setUserData2(null);\n setEthosData2(null);\n fetchUserData(username.trim());\n }\n }\n };\n const handleHistoryClick = (historyUsername, isSecondUser = false) => {\n if (isSecondUser) {\n setUsername2(historyUsername);\n } else {\n setUsername(historyUsername);\n }\n fetchUserData(historyUsername, isSecondUser);\n setShowHistory(false);\n };\n const toggleCompareMode = () => {\n setIsCompareMode(!isCompareMode);\n if (!isCompareMode) {\n setUserData2(null);\n setEthosData2(null);\n }\n };\n const getScoreMessage = (score, ethosData) => {\n let yapsMessage = \"\";\n if (score > 5000) yapsMessage = \"Legendary Influence! You're in the elite category.\";else if (score > 2000) yapsMessage = \"Impressive reach! You're making waves.\";else if (score > 500) yapsMessage = \"Growing influence! You're on the right track.\";else if (score > 100) yapsMessage = \"Emerging voice! Keep building your presence.\";else yapsMessage = \"Just getting started! Every journey begins somewhere.\";\n if (!ethosData || ethosData.status !== 'ACTIVE') {\n return yapsMessage + \" Consider building your Ethos reputation to boost trust.\";\n }\n const ethosScore = ethosData.score;\n let ethosMessage = \"\";\n if (ethosScore >= 2700) ethosMessage = \" Your Ethos reputation is legendary - people would name their children after you!\";else if (ethosScore >= 2500) ethosMessage = \" You're revered in the community with exceptional trust.\";else if (ethosScore >= 2200) ethosMessage = \" Your exemplary reputation speaks volumes.\";else if (ethosScore >= 2000) ethosMessage = \" You've built an exemplary trust profile.\";else if (ethosScore >= 1800) ethosMessage = \" You're very reputable in the community.\";else if (ethosScore >= 1700) ethosMessage = \" You have a solid, reputable standing.\";else if (ethosScore >= 1500) ethosMessage = \" Your trust score is getting there - keep building!\";else if (ethosScore >= 1200) ethosMessage = \" Your reputation is neutral - room for growth.\";else if (ethosScore >= 800) ethosMessage = \" Your trust score needs some work.\";else ethosMessage = \" Focus on building community trust to improve your reputation.\";\n return yapsMessage + ethosMessage;\n };\n return

\n {}\n

say something