[{"_1":2,"_116":-5,"_117":-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,"_115":-5,"_112":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_54":55,"_56":57,"_58":40,"_59":60,"_61":57,"_62":57,"_63":57,"_64":57,"_65":57,"_66":17,"_67":17,"_68":-5,"_69":70,"_71":72,"_73":-5,"_74":-5,"_75":17,"_76":77,"_112":30,"_113":114},"id","613694f3fd3588c7d19d","isMyApp",false,"name","solsentiment","description","Dive into the collective consciousness of the Solana ecosystem with this real-time sentiment tracker! Watch as the community's predictions unfold through simple true/false polls on everything from price predictions to memecoin mania, with hypnotic visualizations that transform raw votes into vibes.","brief","The pulse-checking oracle where Solana believers vote their truth into existence!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/613694f3fd3588c7d19d/79553_84d2da5a.webp","cdnUrl","https://cdn.dev.fun/app/613694f3fd3588c7d19d/79553","createdAt",["D",1749664591620],"updatedAt",["D",1749677042262],"lastCommitId",["B","79553"],"tier",1,"credits",61,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":-5,"_52":53},"aca7a959-0d12-4b8a-ab5e-cc4cae18e98f","uniqueId","AF4f2xMgbMyxJPCLLNoEW5cnx2nbqUm8GTQpds2cEzX1","username","solanaWallet","displayName","AF4...zX1","bio","avatar","/avatar.svg","commitCount",13,"forkCount",0,"likeCount","runsCount",17,"downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useRef } from 'react';\nimport { useDevapp, UserButton, DevappProvider } from '@devfunlabs/web-sdk';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { MessageCircle, Send, Clock } from 'lucide-react';\nexport default function AppWithProvider() {\n return \n \n ;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [comments, setComments] = useState({});\n const [polls, setPolls] = useState([{\n id: 'ath-2025',\n question: 'Solana will reach an all time high in 2025',\n trueVotes: 0,\n falseVotes: 0,\n userVote: null\n }, {\n id: 'holders-market',\n question: 'We are in a holders market',\n trueVotes: 0,\n falseVotes: 0,\n userVote: null\n }, {\n id: 'memecoins-peaked',\n question: 'Memecoins have peaked',\n trueVotes: 0,\n falseVotes: 0,\n userVote: null\n }, {\n id: 'pumpfun-good',\n question: 'Pumpfun is good for Solana',\n trueVotes: 0,\n falseVotes: 0,\n userVote: null\n }, {\n id: 'building-important',\n question: 'Building has never been more important',\n trueVotes: 0,\n falseVotes: 0,\n userVote: null\n }, {\n id: 'still-early',\n question: 'We are STILL early (to crypto)',\n trueVotes: 0,\n falseVotes: 0,\n userVote: null\n }, {\n id: 'memecoins-new-wave',\n question: 'Memecoins will have a new wave of retail buyers',\n trueVotes: 0,\n falseVotes: 0,\n userVote: null\n }, {\n id: 'solana-best',\n question: 'Solana is still the best blockchain',\n trueVotes: 0,\n falseVotes: 0,\n userVote: null\n }, {\n id: 'narrative-over-utility',\n question: 'Narrative is more important than utility',\n trueVotes: 0,\n falseVotes: 0,\n userVote: null\n }, {\n id: 'trenches-decouple',\n question: 'The trenches will decouple from Solana\\'s price action',\n trueVotes: 0,\n falseVotes: 0,\n userVote: null\n }]);\n const [loading, setLoading] = useState(true);\n const [activeTab, setActiveTab] = useState('sentiment');\n const [allComments, setAllComments] = useState([]);\n useEffect(() => {\n if (devbaseClient && userWallet) {\n loadVotes();\n loadComments();\n } else if (devbaseClient) {\n loadTotalVotes();\n loadComments();\n }\n }, [devbaseClient, userWallet]);\n const loadComments = async () => {\n try {\n const commentsData = await devbaseClient.listEntities('comments');\n const commentsByPoll = {};\n commentsData.forEach(comment => {\n if (!commentsByPoll[comment.pollId]) {\n commentsByPoll[comment.pollId] = [];\n }\n commentsByPoll[comment.pollId].push(comment);\n });\n Object.keys(commentsByPoll).forEach(pollId => {\n commentsByPoll[pollId].sort((a, b) => b.timestamp - a.timestamp);\n });\n setComments(commentsByPoll);\n const sortedAllComments = [...commentsData].sort((a, b) => b.timestamp - a.timestamp);\n setAllComments(sortedAllComments);\n } catch (error) {\n console.error('Error loading comments:', error);\n }\n };\n const loadVotes = async () => {\n setLoading(true);\n try {\n const allVotes = await devbaseClient.listEntities('votes');\n const userVotes = allVotes.filter(vote => vote.userId === userWallet);\n const updatedPolls = [...polls];\n for (const poll of updatedPolls) {\n const pollVotes = allVotes.filter(vote => vote.pollId === poll.id);\n poll.trueVotes = pollVotes.filter(vote => vote.value === true).length;\n poll.falseVotes = pollVotes.filter(vote => vote.value === false).length;\n const userVote = userVotes.find(vote => vote.pollId === poll.id);\n poll.userVote = userVote ? userVote.value : null;\n }\n setPolls(updatedPolls);\n } catch (error) {\n console.error('Error loading votes:', error);\n } finally {\n setLoading(false);\n }\n };\n const loadTotalVotes = async () => {\n setLoading(true);\n try {\n const allVotes = await devbaseClient.listEntities('votes');\n const updatedPolls = [...polls];\n for (const poll of updatedPolls) {\n const pollVotes = allVotes.filter(vote => vote.pollId === poll.id);\n poll.trueVotes = pollVotes.filter(vote => vote.value === true).length;\n poll.falseVotes = pollVotes.filter(vote => vote.value === false).length;\n }\n setPolls(updatedPolls);\n } catch (error) {\n console.error('Error loading votes:', error);\n } finally {\n setLoading(false);\n }\n };\n const handleVote = async (pollId, value) => {\n if (!userWallet) {\n alert('Please connect your wallet to vote');\n return;\n }\n try {\n const existingVotes = await devbaseClient.listEntities('votes', {\n userId: userWallet,\n pollId: pollId\n });\n if (existingVotes.length > 0) {\n const existingVote = existingVotes[0];\n await devbaseClient.updateEntity('votes', existingVote.id, {\n ...existingVote,\n value: value,\n timestamp: Date.now()\n });\n } else {\n await devbaseClient.createEntity('votes', {\n userId: userWallet,\n pollId: pollId,\n value: value,\n timestamp: Date.now()\n });\n }\n await loadVotes();\n } catch (error) {\n console.error('Error voting:', error);\n }\n };\n const handleAddComment = async (pollId, text) => {\n if (!userWallet) {\n alert('Please connect your wallet to comment');\n return;\n }\n try {\n await devbaseClient.createEntity('comments', {\n userId: userWallet,\n pollId: pollId,\n text: text,\n timestamp: Date.now()\n });\n await loadComments();\n } catch (error) {\n console.error('Error adding comment:', error);\n }\n };\n const handleDeleteComment = async commentId => {\n try {\n await devbaseClient.deleteEntity('comments', commentId);\n await loadComments();\n } catch (error) {\n console.error('Error deleting comment:', error);\n }\n };\n return

\n \n

\n SolSentiment\n

The collective $Sentiment of Solana

\n \n

\n\n

\n \n \n \n

\n\n {loading ?

: \n {activeTab === 'sentiment' ? \n \n : activeTab === 'details' ? \n

\n {polls.map(poll => handleVote(poll.id, value)} userConnected={!!userWallet} pollComments={comments[poll.id] || []} onAddComment={text => handleAddComment(poll.id, text)} onDeleteComment={handleDeleteComment} userWallet={userWallet} />)}\n

\n : \n \n }\n }\n \n \n

;\n}\nfunction SentimentView({\n polls\n}) {\n const totalTrueVotes = polls.reduce((sum, poll) => sum + poll.trueVotes, 0);\n const totalFalseVotes = polls.reduce((sum, poll) => sum + poll.falseVotes, 0);\n const totalVotes = totalTrueVotes + totalFalseVotes;\n const sentimentScore = totalVotes > 0 ? totalTrueVotes / totalVotes * 100 : 50;\n const sentimentText = () => {\n if (sentimentScore > 75) return \"Extremely Bullish\";\n if (sentimentScore > 60) return \"Bullish\";\n if (sentimentScore > 40) return \"Neutral\";\n if (sentimentScore > 25) return \"Bearish\";\n return \"Extremely Bearish\";\n };\n const sentimentColor = () => {\n if (sentimentScore > 75) return \"#00bfff\";\n if (sentimentScore > 60) return \"#66d9ff\";\n if (sentimentScore > 40) return \"#ffff00\";\n if (sentimentScore > 25) return \"#ff9900\";\n return \"#ff0000\";\n };\n return

Overall Solana Sentiment

\n \n

{sentimentText()}

{sentimentScore.toFixed(1)}% Positive

Based on {totalVotes} votes

\n\n

\n {polls.map(poll =>

{poll.question}

\n \n \n

\n {poll.trueVotes + poll.falseVotes} Total Votes\n {poll.trueVotes > 0 || poll.falseVotes > 0 ? \n {(poll.trueVotes / (poll.trueVotes + poll.falseVotes) * 100).toFixed(1)}% Agree\n : No votes yet}\n

)}\n

;\n}\nfunction SentimentBar({\n trueCount,\n falseCount\n}) {\n const total = trueCount + falseCount;\n const truePercentage = total > 0 ? trueCount / total * 100 : 0;\n return

\n \n \n {truePercentage > 0 && }\n \n

\n {trueCount > 0 ? `TRUE (${trueCount})` : ''}\n {falseCount > 0 ? `FALSE (${falseCount})` : ''}\n

;\n}\nfunction PollCard({\n poll,\n onVote,\n userConnected,\n pollComments,\n onAddComment,\n onDeleteComment,\n userWallet\n}) {\n const total = poll.trueVotes + poll.falseVotes;\n const truePercentage = total > 0 ? poll.trueVotes / total * 100 : 0;\n const falsePercentage = total > 0 ? poll.falseVotes / total * 100 : 0;\n const [showComments, setShowComments] = useState(false);\n const commentCount = pollComments.length;\n return

{poll.question}

\n \n

\n onVote(true)} color=\"#00bfff\" disabled={!userConnected} />\n \n onVote(false)} color=\"#ff00ff\" disabled={!userConnected} />\n

\n \n

\n {!userConnected ?

Connect wallet to vote

: poll.userVote !== null ?

You voted: {poll.userVote ? 'TRUE' : 'FALSE'}

You haven't voted yet

}\n

\n \n

\n {total} votes\n \n {truePercentage.toFixed(1)}% True | {falsePercentage.toFixed(1)}% False\n \n

\n \n

\n \n \n \n {showComments && \n \n }\n \n

;\n}\nfunction CommentSection({\n comments,\n onAddComment,\n onDeleteComment,\n userConnected,\n userWallet\n}) {\n const [newComment, setNewComment] = useState('');\n const commentInputRef = useRef(null);\n const handleSubmit = e => {\n e.preventDefault();\n if (newComment.trim()) {\n onAddComment(newComment.trim());\n setNewComment('');\n }\n };\n const formatTimestamp = timestamp => {\n const date = new Date(timestamp);\n return date.toLocaleString();\n };\n const truncateWallet = wallet => {\n if (!wallet) return '';\n return wallet.slice(0, 4) + '...' + wallet.slice(-4);\n };\n return

\n {userConnected ? :

\n Connect wallet to join the discussion\n

}\n \n {comments.length > 0 ?

\n {comments.map(comment => \n

\n {truncateWallet(comment.userId)}\n {comment.userId === userWallet && You}\n

\n \n {comment.userId === userWallet && onDeleteComment(comment.id)} className=\"text-blue-500 hover:text-red-500 text-xs\" whileHover={{\n scale: 1.1\n }} whileTap={{\n scale: 0.9\n }}>\n ×\n }\n

\n \n

{comment.text}

\n \n

\n \n {formatTimestamp(comment.timestamp)}\n

\n )}\n

\n No comments yet. Be the first to share your thoughts!\n

}\n

;\n}\nfunction VoteButton({\n label,\n active,\n percentage,\n onClick,\n color,\n disabled\n}) {\n return \n

\n \n {active && }\n \n

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

\n ;\n}\nfunction DiscussionView({\n allComments,\n polls,\n userConnected,\n userWallet,\n onAddComment,\n onDeleteComment\n}) {\n const [selectedPoll, setSelectedPoll] = useState('all');\n const [newComment, setNewComment] = useState('');\n const commentInputRef = useRef(null);\n const filteredComments = selectedPoll === 'all' ? allComments : allComments.filter(comment => comment.pollId === selectedPoll);\n const handleSubmit = e => {\n e.preventDefault();\n if (newComment.trim() && selectedPoll !== 'all') {\n onAddComment(selectedPoll, newComment.trim());\n setNewComment('');\n } else if (selectedPoll === 'all') {\n alert('Please select a specific topic to comment on');\n }\n };\n const formatTimestamp = timestamp => {\n const date = new Date(timestamp);\n return date.toLocaleString();\n };\n const truncateWallet = wallet => {\n if (!wallet) return '';\n return wallet.slice(0, 4) + '...' + wallet.slice(-4);\n };\n const getPollQuestion = pollId => {\n const poll = polls.find(p => p.id === pollId);\n return poll ? poll.question : 'Unknown poll';\n };\n return

Solana Community Discussion

\n \n

\n Select a topic to discuss:\n \n

\n \n {userConnected && selectedPoll !== 'all' && }\n \n {filteredComments.length > 0 ?

\n {filteredComments.map((comment, index) => \n

\n \n {truncateWallet(comment.userId)}\n {comment.userId === userWallet && You}\n \n

\n On: {getPollQuestion(comment.pollId)}\n

\n \n {comment.userId === userWallet && onDeleteComment(comment.id)} className=\"text-blue-500 hover:text-red-500 text-xs\" whileHover={{\n scale: 1.1\n }} whileTap={{\n scale: 0.9\n }}>\n ×\n }\n

\n \n

{comment.text}

\n \n

\n \n {formatTimestamp(comment.timestamp)}\n

\n )}\n

\n \n \n \n

No comments yet in this section. Be the first to share your thoughts!

\n {!userConnected &&

Connect your wallet to join the conversation

}\n

;\n}\nfunction RetroAnimatedBackground() {\n return

\n {Array.from({\n length: 50\n }).map((_, i) => {\n const randomX = Math.random() * window.innerWidth;\n const randomY = Math.random() * window.innerHeight;\n const randomOpacity = Math.random() * 0.5 + 0.1;\n const randomWidth = Math.floor(Math.random() * 8) * 2;\n const randomHeight = Math.floor(Math.random() * 8) * 2;\n const randomDuration = Math.random() * 50 + 30;\n const targetX = Math.random() * window.innerWidth;\n const targetY = Math.random() * window.innerHeight;\n return ;\n })}\n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"react-dom\":\"18.2.0\"}}","token","upstreamApp","isLordOfDev","analytics",[78,82,84,86,88,90,92,94,96,98,100,102,104,106,108,110],{"_79":80,"_81":57},"day","2025-05-30","runCount",{"_79":83,"_81":57},"2025-05-31",{"_79":85,"_81":57},"2025-06-01",{"_79":87,"_81":57},"2025-06-02",{"_79":89,"_81":57},"2025-06-03",{"_79":91,"_81":57},"2025-06-04",{"_79":93,"_81":57},"2025-06-05",{"_79":95,"_81":57},"2025-06-06",{"_79":97,"_81":57},"2025-06-07",{"_79":99,"_81":57},"2025-06-08",{"_79":101,"_81":57},"2025-06-09",{"_79":103,"_81":57},"2025-06-10",{"_79":105,"_81":57},"2025-06-11",{"_79":107,"_81":57},"2025-06-12",{"_79":105,"_81":109},14,{"_79":107,"_81":111},3,"snapshot","ogImage","https://cdn.dev.fun/og/image/613694f3fd3588c7d19d/d97b2df0.webp","commitDetail","actionData","errors"]