[{"_1":2,"_136":-5,"_137":-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":27,"_28":27,"_29":30,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_5":47,"_58":59,"_60":61,"_62":61,"_63":64,"_65":44,"_66":61,"_67":61,"_68":61,"_69":61,"_70":71,"_72":17,"_73":17,"_74":-5,"_75":76,"_77":78,"_79":80,"_89":-5,"_90":-5,"_91":27,"_92":93,"_127":34,"_128":129,"_130":27,"_131":132},"id","1d0d48cb34c97a5ea8a7","isMyApp",false,"projectId","cmfira91k000fw8dyk4ika25a","name","streamscope","description","The world's first trading terminal for livestreams where every stream is a tradeable asset! Watch real-time viewer metrics, engagement velocity, and \"finality scores\" while making PUMP/DUMP bets on which streams will go viral. It's like Bloomberg Terminal meets Twitch, with the addictive energy of meme coin trading applied to live content.","brief","Trade livestreams like stocks with real-time metrics, viral predictions & PUMP/DUMP bets!","isLive",true,"isPublic","tags",[31,32],"🔥","👑","cover","https://cdn.dev.fun/snapshot/1d0d48cb34c97a5ea8a7/103225_6ee9e71a.webp","cdnUrl","https://cdn.dev.fun/app/1d0d48cb34c97a5ea8a7/103225","createdAt",["D",1757797568488],"updatedAt",["D",1757867395717],"lastCommitId",["B","103225"],"tier",1,"credits",-52,{"_14":48,"_49":50,"_51":-5,"_52":50,"_53":54,"_55":-5,"_56":57},"c568711c-adf3-40c7-814e-b9a0d43161ab","uniqueId","8Gfdofx6JzZPcWrtme5jryqTWcH5anKA5TdyKdrrvQCF","username","solanaWallet","displayName","8Gf...QCF","bio","avatar","/avatar.svg","commitCount",21,"forkCount",0,"likeCount","runsCount",40,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount",3,"isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useRef } from 'react';\nimport { Search, TrendingUp, TrendingDown, Users, Heart, MessageCircle, Share, Trophy, Clock, Zap, Wallet, DollarSign, X, BarChart3, Activity, Copy, ExternalLink, Play } from 'lucide-react';\nimport { fetchPumpFunTrends, fetchTokenInfoByAddress, useDevapp, UserButton, DevappProvider } from '@devfunlabs/web-sdk';\nimport { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts';\nfunction AppWithProvider() {\n return \n \n ;\n}\nconst ExternalStreamButton = ({\n title,\n coin,\n pumpfunUrl,\n onEvent\n}) => {\n const [copyFeedback, setCopyFeedback] = useState('');\n const handleWatchStream = () => {\n if (!pumpfunUrl) {\n onEvent?.('stream_open_external_failed', {\n coin,\n reason: 'no_url'\n });\n return;\n }\n try {\n window.open(pumpfunUrl, '_blank', 'noopener,noreferrer');\n onEvent?.('stream_open_external', {\n coin,\n url: pumpfunUrl\n });\n } catch (error) {\n onEvent?.('stream_open_external_failed', {\n coin,\n error: error.message\n });\n }\n };\n const handleCopyUrl = () => {\n if (!pumpfunUrl) {\n onEvent?.('copy_ca_fail', {\n coin,\n reason: 'no_url'\n });\n return;\n }\n try {\n navigator.clipboard.writeText(pumpfunUrl);\n setCopyFeedback('Copied!');\n setTimeout(() => setCopyFeedback(''), 2000);\n onEvent?.('copy_ca_success', {\n coin\n });\n } catch (error) {\n onEvent?.('copy_ca_fail', {\n coin,\n error: error.message\n });\n }\n };\n return

\n Live Stream\n

\n \n

\n Embedding unavailable. Watch directly on Pump.fun.\n

{title}

\n {pumpfunUrl ? 'Click below to watch the livestream' : 'Stream link unavailable'}\n

\n \n

;\n};\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [activeTab, setActiveTab] = useState('new');\n const [streams, setStreams] = useState([]);\n const [searchTerm, setSearchTerm] = useState('');\n const [loading, setLoading] = useState(true);\n const [userBets, setUserBets] = useState([]);\n const [userBalance, setUserBalance] = useState(0);\n const [showPortfolio, setShowPortfolio] = useState(false);\n const [selectedStream, setSelectedStream] = useState(null);\n const [showTradingPanel, setShowTradingPanel] = useState(false);\n const [betAmount, setBetAmount] = useState(0.01);\n const [betAmountInput, setBetAmountInput] = useState('0.01');\n const [sellAmount, setSellAmount] = useState(0);\n const [sellAmountInput, setSellAmountInput] = useState('0');\n const [tradeMode, setTradeMode] = useState('buy');\n const [showSliderTooltip, setShowSliderTooltip] = useState(false);\n const [sliderTooltipValue, setSliderTooltipValue] = useState(0.01);\n const [tokenChartData, setTokenChartData] = useState([]);\n const [chartLoading, setChartLoading] = useState(false);\n const [tokenBalances, setTokenBalances] = useState({});\n const [estimatedProceeds, setEstimatedProceeds] = useState(0);\n const [priceImpact, setPriceImpact] = useState(0);\n const [tradingFee, setTradingFee] = useState(0);\n const [copied, setCopied] = useState('');\n const [showLeaderboard, setShowLeaderboard] = useState(false);\n const [showPnLCard, setShowPnLCard] = useState(false);\n const [leaderboardData, setLeaderboardData] = useState([]);\n const [leaderboardTimeframe, setLeaderboardTimeframe] = useState('all');\n const [pnlCardTimeframe, setPnlCardTimeframe] = useState('all');\n const [pnlCardData, setPnlCardData] = useState(null);\n const [showSettings, setShowSettings] = useState(false);\n const panelRef = useRef(null);\n const scrollContainerRef = useRef(null);\n const canvasRef = useRef(null);\n useEffect(() => {\n if (showTradingPanel) {\n document.body.style.overflow = 'hidden';\n setBetAmount(0.01);\n setBetAmountInput('0.01');\n if (panelRef.current) {\n panelRef.current.focus();\n }\n handleAnalyticsEvent('panel_open', {\n stream: selectedStream?.ticker\n });\n } else {\n document.body.style.overflow = 'unset';\n if (selectedStream) {\n handleAnalyticsEvent('panel_close', {\n stream: selectedStream?.ticker\n });\n }\n }\n return () => {\n document.body.style.overflow = 'unset';\n };\n }, [showTradingPanel, selectedStream]);\n useEffect(() => {\n const handleKeyDown = e => {\n if (showTradingPanel && e.key === 'Escape') {\n closeTradingPanel();\n }\n };\n if (showTradingPanel) {\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }\n }, [showTradingPanel]);\n const handleCopy = text => {\n try {\n navigator.clipboard.writeText(text);\n setCopied(text);\n setTimeout(() => setCopied(''), 2000);\n handleAnalyticsEvent('copy_ca_success', {\n text\n });\n } catch (error) {\n handleAnalyticsEvent('copy_ca_fail', {\n error: error.message\n });\n }\n };\n const handleAnalyticsEvent = (eventType, data) => {\n console.log(`Analytics: ${eventType}`, data);\n };\n const normalizeDecimalInput = value => {\n return value.replace(',', '.');\n };\n const formatBetAmount = amount => {\n return parseFloat(amount).toFixed(3);\n };\n const validateBetAmount = amount => {\n const min = 0.001;\n const max = 5;\n if (isNaN(amount) || amount < min) return min;\n if (amount > max) return max;\n return amount;\n };\n const updateBetAmount = (newAmount, source = 'direct') => {\n const validAmount = validateBetAmount(newAmount);\n setBetAmount(validAmount);\n setBetAmountInput(validAmount.toString());\n handleAnalyticsEvent('order_amount_change', {\n amount: validAmount,\n source,\n stream: selectedStream?.ticker\n });\n };\n const updateSellAmount = (newAmount, source = 'direct') => {\n const tokenBalance = tokenBalances[selectedStream?.id] || 0;\n const validAmount = Math.max(0, Math.min(newAmount, tokenBalance));\n setSellAmount(validAmount);\n setSellAmountInput(validAmount.toString());\n const mockPrice = 0.05;\n const proceeds = validAmount * mockPrice;\n const fee = proceeds * 0.01;\n setEstimatedProceeds(proceeds - fee);\n setTradingFee(fee);\n setPriceImpact(validAmount > tokenBalance * 0.1 ? 2.5 : 0.5);\n handleAnalyticsEvent('order_amount_change', {\n amount: validAmount,\n source,\n mode: 'sell',\n stream: selectedStream?.ticker\n });\n };\n const handleSellPercentage = percentage => {\n const tokenBalance = tokenBalances[selectedStream?.id] || 0;\n const amount = tokenBalance * (percentage / 100);\n updateSellAmount(amount, 'percentage');\n };\n const handleBetAmountInputChange = e => {\n const rawValue = e.target.value;\n setBetAmountInput(rawValue);\n const normalizedValue = normalizeDecimalInput(rawValue);\n const numericValue = parseFloat(normalizedValue);\n if (!isNaN(numericValue)) {\n const validAmount = validateBetAmount(numericValue);\n setBetAmount(validAmount);\n }\n };\n const handleSliderChange = e => {\n const value = parseFloat(e.target.value);\n updateBetAmount(value, 'slider');\n setSliderTooltipValue(value);\n };\n const handleSliderMouseDown = () => {\n setShowSliderTooltip(true);\n };\n const handleSliderMouseUp = () => {\n setShowSliderTooltip(false);\n };\n const handlePresetAmount = amount => {\n if (tradeMode === 'buy') {\n updateBetAmount(amount, 'preset');\n }\n };\n useEffect(() => {\n fetchStreamData();\n const interval = setInterval(fetchStreamData, 30000);\n return () => clearInterval(interval);\n }, []);\n useEffect(() => {\n if (userWallet && devbaseClient) {\n fetchUserData();\n fetchTokenBalances();\n }\n }, [userWallet, devbaseClient]);\n useEffect(() => {\n if (selectedStream && userWallet) {\n fetchTokenBalances();\n }\n }, [selectedStream, userWallet]);\n useEffect(() => {\n if (devbaseClient) {\n fetchLeaderboardData();\n const interval = setInterval(fetchLeaderboardData, 300000);\n return () => clearInterval(interval);\n }\n }, [devbaseClient, leaderboardTimeframe]);\n const fetchUserData = async () => {\n try {\n const bets = await devbaseClient.listEntities('bets', {\n userId: userWallet\n });\n setUserBets(bets);\n const balance = bets.reduce((total, bet) => {\n if (bet.resolved) {\n return total + (bet.won ? bet.payout : 0);\n }\n return total;\n }, 0);\n setUserBalance(balance);\n } catch (error) {\n console.error('Failed to fetch user data:', error);\n }\n };\n const fetchTokenBalances = async () => {\n if (!userWallet) return;\n try {\n const mockBalances = {};\n streams.forEach(stream => {\n mockBalances[stream.id] = Math.random() * 1000;\n });\n setTokenBalances(mockBalances);\n } catch (error) {\n console.error('Failed to fetch token balances:', error);\n }\n };\n const fetchLeaderboardData = async () => {\n try {\n const allBets = await devbaseClient.listEntities('bets');\n const now = Date.now();\n const dayMs = 24 * 60 * 60 * 1000;\n const weekMs = 7 * dayMs;\n const filteredBets = allBets.filter(bet => {\n if (leaderboardTimeframe === 'all') return true;\n const betTime = bet.createdAt;\n if (leaderboardTimeframe === 'daily') return now - betTime < dayMs;\n if (leaderboardTimeframe === 'weekly') return now - betTime < weekMs;\n return true;\n });\n const traderStats = {};\n filteredBets.forEach(bet => {\n if (!traderStats[bet.userId]) {\n traderStats[bet.userId] = {\n wallet: bet.userId,\n totalPnL: 0,\n totalVolume: 0,\n wins: 0,\n losses: 0,\n bestHit: 0,\n trades: []\n };\n }\n const trader = traderStats[bet.userId];\n trader.totalVolume += bet.amount;\n trader.trades.push(bet);\n if (bet.resolved) {\n if (bet.won) {\n const profit = bet.payout - bet.amount;\n trader.totalPnL += profit;\n trader.wins++;\n trader.bestHit = Math.max(trader.bestHit, profit);\n } else {\n trader.totalPnL -= bet.amount;\n trader.losses++;\n }\n }\n });\n const leaderboard = Object.values(traderStats).map(trader => ({\n ...trader,\n winRate: trader.wins + trader.losses > 0 ? trader.wins / (trader.wins + trader.losses) * 100 : 0,\n shortWallet: `${trader.wallet.slice(0, 6)}...${trader.wallet.slice(-4)}`\n })).sort((a, b) => b.totalPnL - a.totalPnL).slice(0, 50);\n setLeaderboardData(leaderboard);\n } catch (error) {\n console.error('Failed to fetch leaderboard data:', error);\n }\n };\n const generatePnLCardData = (wallet, timeframe) => {\n const bets = userBets.filter(bet => {\n if (timeframe === 'all') return true;\n const now = Date.now();\n const dayMs = 24 * 60 * 60 * 1000;\n const weekMs = 7 * dayMs;\n const betTime = bet.createdAt;\n if (timeframe === 'daily') return now - betTime < dayMs;\n if (timeframe === 'weekly') return now - betTime < weekMs;\n return true;\n });\n let totalPnL = 0;\n let wins = 0;\n let losses = 0;\n let bestHit = 0;\n let totalVolume = 0;\n bets.forEach(bet => {\n totalVolume += bet.amount;\n if (bet.resolved) {\n if (bet.won) {\n const profit = bet.payout - bet.amount;\n totalPnL += profit;\n wins++;\n bestHit = Math.max(bestHit, profit);\n } else {\n totalPnL -= bet.amount;\n losses++;\n }\n }\n });\n const winRate = wins + losses > 0 ? wins / (wins + losses) * 100 : 0;\n return {\n wallet: `${wallet.slice(0, 6)}...${wallet.slice(-4)}`,\n totalPnL,\n winRate,\n bestHit,\n totalVolume,\n timeframe: timeframe.charAt(0).toUpperCase() + timeframe.slice(1),\n trades: bets.length\n };\n };\n const downloadPnLCard = () => {\n const canvas = canvasRef.current;\n const ctx = canvas.getContext('2d');\n canvas.width = 800;\n canvas.height = 1000;\n const bgGradient = ctx.createRadialGradient(400, 500, 0, 400, 500, 600);\n bgGradient.addColorStop(0, '#18181b');\n bgGradient.addColorStop(0.6, '#1a1a1e');\n bgGradient.addColorStop(1, '#0f0f12');\n ctx.fillStyle = bgGradient;\n ctx.fillRect(0, 0, 800, 1000);\n ctx.shadowColor = '#9F5FD0';\n ctx.shadowBlur = 30;\n ctx.strokeStyle = '#9F5FD0';\n ctx.lineWidth = 6;\n ctx.strokeRect(20, 20, 760, 960);\n ctx.shadowBlur = 15;\n ctx.lineWidth = 2;\n ctx.strokeRect(30, 30, 740, 940);\n ctx.shadowBlur = 0;\n ctx.fillStyle = '#9F5FD0';\n ctx.shadowColor = '#9F5FD0';\n ctx.shadowBlur = 20;\n ctx.font = 'bold 56px Arial';\n ctx.textAlign = 'center';\n ctx.fillText('My StreamScope PnL', 400, 120);\n ctx.shadowBlur = 0;\n ctx.fillStyle = '#a1a1aa';\n ctx.font = '32px Arial';\n ctx.fillText(`${pnlCardData.timeframe} Performance`, 400, 170);\n const cardGradient = ctx.createLinearGradient(0, 220, 0, 820);\n cardGradient.addColorStop(0, '#27272a');\n cardGradient.addColorStop(1, '#1f1f23');\n ctx.fillStyle = cardGradient;\n ctx.fillRect(60, 220, 680, 600);\n ctx.strokeStyle = '#3f3f46';\n ctx.lineWidth = 2;\n ctx.shadowColor = '#9F5FD0';\n ctx.shadowBlur = 5;\n ctx.strokeRect(60, 220, 680, 600);\n ctx.shadowBlur = 0;\n const stats = [{\n label: 'Wallet',\n value: pnlCardData.wallet,\n color: '#ffffff',\n glow: false\n }, {\n label: 'Total PnL',\n value: `${pnlCardData.totalPnL >= 0 ? '+' : ''}${pnlCardData.totalPnL.toFixed(3)} SOL`,\n color: pnlCardData.totalPnL >= 0 ? '#10b981' : '#ef4444',\n glow: true\n }, {\n label: 'Win Rate',\n value: `${pnlCardData.winRate.toFixed(1)}%`,\n color: pnlCardData.winRate >= 70 ? '#f59e0b' : '#a1a1aa',\n glow: pnlCardData.winRate >= 70\n }, {\n label: 'Best Hit',\n value: `+${pnlCardData.bestHit.toFixed(3)} SOL`,\n color: '#10b981',\n glow: true\n }, {\n label: 'Volume',\n value: `${pnlCardData.totalVolume.toFixed(2)} SOL`,\n color: '#9F5FD0',\n glow: true\n }, {\n label: 'Trades',\n value: pnlCardData.trades.toString(),\n color: '#60a5fa',\n glow: false\n }];\n stats.forEach((stat, i) => {\n const y = 300 + i * 90;\n ctx.fillStyle = '#a1a1aa';\n ctx.font = '28px Arial';\n ctx.textAlign = 'left';\n ctx.fillText(stat.label, 100, y);\n if (stat.glow) {\n ctx.shadowColor = stat.color;\n ctx.shadowBlur = 15;\n }\n ctx.fillStyle = stat.color;\n ctx.font = 'bold 32px Arial';\n ctx.textAlign = 'right';\n ctx.fillText(stat.value, 700, y);\n ctx.shadowBlur = 0;\n });\n ctx.fillStyle = '#9F5FD0';\n ctx.shadowColor = '#9F5FD0';\n ctx.shadowBlur = 10;\n ctx.font = 'bold 24px Arial';\n ctx.textAlign = 'center';\n ctx.fillText('StreamScope', 400, 940);\n ctx.shadowBlur = 0;\n ctx.globalCompositeOperation = 'destination-over';\n ctx.shadowColor = 'rgba(0, 0, 0, 0.8)';\n ctx.shadowBlur = 40;\n ctx.shadowOffsetY = 20;\n ctx.fillStyle = 'rgba(0, 0, 0, 0.1)';\n ctx.fillRect(0, 0, 800, 1000);\n ctx.globalCompositeOperation = 'source-over';\n ctx.shadowBlur = 0;\n ctx.shadowOffsetY = 0;\n const link = document.createElement('a');\n link.download = `streamscope-pnl-${pnlCardData.timeframe.toLowerCase()}.png`;\n link.href = canvas.toDataURL();\n link.click();\n };\n const shareToX = () => {\n const text = `Just hit ${pnlCardData.totalPnL >= 0 ? '+' : ''}${pnlCardData.totalPnL.toFixed(3)} SOL PnL trading on @streamscope 🔥 #StreamScope`;\n const url = `https://twitter.com/intent/tweet?text=${encodeURIComponent(text)}`;\n window.open(url, '_blank', 'noopener,noreferrer');\n };\n const copyStatsToClipboard = () => {\n const statsText = `StreamScope ${pnlCardData.timeframe} PnL Report\nWallet: ${pnlCardData.wallet}\nTotal PnL: ${pnlCardData.totalPnL >= 0 ? '+' : ''}${pnlCardData.totalPnL.toFixed(3)} SOL\nWin Rate: ${pnlCardData.winRate.toFixed(1)}%\nBest Hit: +${pnlCardData.bestHit.toFixed(3)} SOL\nVolume: ${pnlCardData.totalVolume.toFixed(2)} SOL\nTrades: ${pnlCardData.trades}`;\n navigator.clipboard.writeText(statsText);\n setCopied('stats');\n setTimeout(() => setCopied(''), 2000);\n };\n const fetchStreamData = async () => {\n try {\n const trends = await fetchPumpFunTrends();\n const streamData = trends.slice(0, 50).map((token, index) => ({\n id: token.mint,\n title: `${token.name}`,\n avatar: token.image_uri,\n ticker: token.symbol,\n creator: token.creator,\n timeAgo: getRandomTimeAgo(),\n viewers: Math.floor(Math.random() * 10000) + 100,\n likes: Math.floor(Math.random() * 5000) + 50,\n comments: Math.floor(Math.random() * 2000) + 20,\n shares: Math.floor(Math.random() * 1000) + 10,\n streamVolume: Math.floor(token.market_cap / 1000),\n finalityScore: Math.floor(Math.random() * 100),\n category: index < 20 ? 'new' : index < 35 ? 'final' : 'migrated',\n pumpScore: Math.floor(Math.random() * 200) - 100,\n isLive: Math.random() > 0.3,\n trending: Math.random() > 0.7\n }));\n setStreams(streamData);\n setLoading(false);\n } catch (error) {\n console.error('Failed to fetch stream data:', error);\n setLoading(false);\n }\n };\n const getRandomTimeAgo = () => {\n const timeTypes = ['s', 'm', 'h', 'd'];\n const timeType = timeTypes[Math.floor(Math.random() * timeTypes.length)];\n let maxTime = timeType === 's' ? 59 : timeType === 'm' ? 59 : timeType === 'h' ? 23 : 30;\n return `${Math.floor(Math.random() * maxTime) + 1}${timeType}`;\n };\n const filteredStreams = streams.filter(stream => {\n const matchesSearch = stream.title.toLowerCase().includes(searchTerm.toLowerCase()) || stream.ticker.toLowerCase().includes(searchTerm.toLowerCase());\n const matchesTab = stream.category === activeTab;\n return matchesSearch && matchesTab;\n });\n const handlePumpDump = async (streamId, action, amount = 0.01) => {\n if (!userWallet || !devbaseClient) {\n alert('Please connect your wallet first!');\n return;\n }\n const stream = streams.find(s => s.id === streamId);\n const tokenBalance = tokenBalances[streamId] || 0;\n if (action === 'dump') {\n if (tokenBalance <= 0) {\n alert(\"You don't hold this token.\");\n return;\n }\n if (amount > tokenBalance) {\n alert(\"Insufficient tokens to sell.\");\n return;\n }\n }\n const validAmount = action === 'pump' ? validateBetAmount(amount) : amount;\n try {\n const submitButton = document.querySelector(`[data-action=\"${action}\"]`);\n if (submitButton) {\n submitButton.textContent = action === 'pump' ? 'Submitting buy...' : 'Submitting sell...';\n submitButton.disabled = true;\n }\n handleAnalyticsEvent('order_submit', {\n action,\n amount: validAmount,\n stream: selectedStream?.ticker\n });\n await devbaseClient.createEntity('bets', {\n userId: userWallet,\n streamId: streamId,\n streamTitle: stream?.title || 'Unknown Stream',\n betType: action,\n amount: validAmount\n });\n setStreams(prev => prev.map(stream => {\n if (stream.id === streamId) {\n const change = action === 'pump' ? Math.floor(Math.random() * 50) + 10 : -(Math.floor(Math.random() * 50) + 10);\n return {\n ...stream,\n pumpScore: Math.max(-100, Math.min(100, stream.pumpScore + change)),\n viewers: Math.max(0, stream.viewers + change * 10)\n };\n }\n return stream;\n }));\n if (action === 'pump') {\n const tokensReceived = validAmount / 0.05;\n setTokenBalances(prev => ({\n ...prev,\n [streamId]: (prev[streamId] || 0) + tokensReceived\n }));\n const toast = document.createElement('div');\n toast.className = 'fixed top-4 right-4 bg-green-500 text-white px-4 py-2 rounded-lg shadow-lg z-50';\n toast.textContent = `Bought ${tokensReceived.toFixed(2)} ${stream?.ticker} for ${validAmount} SOL.`;\n document.body.appendChild(toast);\n setTimeout(() => document.body.removeChild(toast), 3000);\n } else {\n setTokenBalances(prev => ({\n ...prev,\n [streamId]: Math.max(0, (prev[streamId] || 0) - validAmount)\n }));\n const solReceived = validAmount * 0.05;\n const toast = document.createElement('div');\n toast.className = 'fixed top-4 right-4 bg-green-500 text-white px-4 py-2 rounded-lg shadow-lg z-50';\n toast.textContent = `Sold ${validAmount.toFixed(2)} ${stream?.ticker} for ${solReceived.toFixed(3)} SOL.`;\n document.body.appendChild(toast);\n setTimeout(() => document.body.removeChild(toast), 3000);\n }\n await fetchUserData();\n } catch (error) {\n console.error('Failed to execute trade:', error);\n const toast = document.createElement('div');\n toast.className = 'fixed top-4 right-4 bg-red-500 text-white px-4 py-2 rounded-lg shadow-lg z-50';\n toast.textContent = action === 'pump' ? 'Buy failed. Try again.' : 'Sell failed. Try again.';\n document.body.appendChild(toast);\n setTimeout(() => document.body.removeChild(toast), 3000);\n } finally {\n const submitButton = document.querySelector(`[data-action=\"${action}\"]`);\n if (submitButton) {\n submitButton.textContent = action === 'pump' ? `BUY ${formatBetAmount(betAmount)} SOL` : `SELL ${formatBetAmount(sellAmount)} ${stream?.ticker}`;\n submitButton.disabled = false;\n }\n }\n };\n const openTradingPanel = stream => {\n setSelectedStream(stream);\n setShowTradingPanel(true);\n setTradeMode('buy');\n setBetAmount(0.01);\n setBetAmountInput('0.01');\n setSellAmount(0);\n setSellAmountInput('0');\n fetchTokenChartData(stream.id);\n const chartInterval = setInterval(() => {\n fetchTokenChartData(stream.id);\n }, 30000);\n stream.chartInterval = chartInterval;\n };\n const closeTradingPanel = () => {\n if (selectedStream && selectedStream.chartInterval) {\n clearInterval(selectedStream.chartInterval);\n }\n setShowTradingPanel(false);\n setSelectedStream(null);\n setTokenChartData([]);\n };\n const handleWatchExternal = streamId => {\n const stream = streams.find(s => s.id === streamId);\n if (stream) {\n const pumpfunUrl = `https://pump.fun/${streamId}`;\n try {\n window.open(pumpfunUrl, '_blank', 'noopener,noreferrer');\n handleAnalyticsEvent('stream_open_external', {\n coin: stream.ticker,\n url: pumpfunUrl\n });\n } catch (error) {\n handleAnalyticsEvent('stream_open_external_failed', {\n coin: stream.ticker,\n error: error.message\n });\n }\n }\n };\n const fetchTokenChartData = async tokenMint => {\n setChartLoading(true);\n try {\n const tokenInfo = await fetchTokenInfoByAddress(tokenMint);\n if (tokenInfo && tokenInfo.price) {\n const currentPrice = tokenInfo.price;\n const chartData = Array.from({\n length: 24\n }, (_, i) => {\n const priceVariation = (Math.random() - 0.5) * 0.2;\n const price = currentPrice * (1 + priceVariation * (i / 24));\n const volume = tokenInfo.volumeIn24h ? tokenInfo.volumeIn24h / 24 * (0.5 + Math.random()) : Math.floor(Math.random() * 50000) + 10000;\n return {\n time: `${i}:00`,\n price: price.toFixed(8),\n volume: Math.floor(volume),\n marketCap: tokenInfo.marketcap || 0\n };\n });\n chartData[23] = {\n time: 'Now',\n price: currentPrice.toFixed(8),\n volume: tokenInfo.volumeIn24h || Math.floor(Math.random() * 50000) + 10000,\n marketCap: tokenInfo.marketcap || 0\n };\n setTokenChartData(chartData);\n }\n } catch (error) {\n console.error('Failed to fetch token chart data:', error);\n setTokenChartData([]);\n }\n setChartLoading(false);\n };\n const generateOrderBook = () => {\n const bids = Array.from({\n length: 5\n }, (_, i) => ({\n price: (0.05 - i * 0.005).toFixed(3),\n size: (Math.random() * 10 + 1).toFixed(2),\n total: (Math.random() * 50 + 10).toFixed(2)\n }));\n const asks = Array.from({\n length: 5\n }, (_, i) => ({\n price: (0.055 + i * 0.005).toFixed(3),\n size: (Math.random() * 10 + 1).toFixed(2),\n total: (Math.random() * 50 + 10).toFixed(2)\n }));\n return {\n bids,\n asks\n };\n };\n const generateRecentTrades = () => {\n return Array.from({\n length: 10\n }, (_, i) => ({\n id: i,\n type: Math.random() > 0.5 ? 'pump' : 'dump',\n price: (Math.random() * 0.1 + 0.01).toFixed(3),\n size: (Math.random() * 5 + 0.1).toFixed(2),\n time: `${Math.floor(Math.random() * 60)}s ago`\n }));\n };\n const withdrawWinnings = async () => {\n if (!userWallet || !devbaseClient || userBalance <= 0) {\n return;\n }\n try {\n await devbaseClient.createEntity('withdrawals', {\n amount: userBalance\n });\n setUserBalance(0);\n alert('Withdrawal successful!');\n } catch (error) {\n console.error('Failed to withdraw:', error);\n alert('Failed to withdraw. Please try again.');\n }\n };\n const handleBackdropWheel = e => {\n e.preventDefault();\n e.stopPropagation();\n };\n const StreamCard = ({\n stream\n }) => {\n const isPumping = stream.pumpScore > 0;\n const isDumping = stream.pumpScore < 0;\n return

openTradingPanel(stream)} className=\"bg-zinc-800 border border-zinc-700 rounded-lg p-4 transition-all duration-300 hover:border-[#9F5FD0]/50 hover:shadow-[0_0_20px_5px_rgba(159,95,208,0.15)] cursor-pointer\">\n

{stream.title}

\n {stream.isLive && LIVE}\n {stream.trending && }\n

${stream.ticker}

\n \n {stream.timeAgo}\n

\n \n

{stream.viewers.toLocaleString()}

viewers

\n \n

{stream.likes.toLocaleString()}

likes

\n \n

{stream.comments.toLocaleString()}

comments

\n \n

{stream.shares}

\n Stream Vol: \n ${stream.streamVolume.toLocaleString()}K\n

\n F Score: \n {stream.finalityScore}\n

\n \n \n \n

\n \n

\n {isPumping ? '+' : ''}{stream.pumpScore}\n

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

Loading StreamScope...

;\n }\n return

\n StreamScope\n

The Trading Terminal for Livestreams

\n {streams.filter(s => s.isLive).length} LIVE\n

\n {userWallet && <>\n \n \n

\n \n {userBalance.toFixed(3)} SOL\n

\n }\n \n \n

\n \n setSearchTerm(e.target.value)} className=\"w-full bg-zinc-800 border border-zinc-700 rounded-lg pl-10 pr-4 py-2 text-white placeholder-zinc-400 focus:outline-none focus:ring-2 focus:ring-[#9F5FD0]\" />\n

\n {[{\n id: 'new',\n label: 'New Streams',\n count: streams.filter(s => s.category === 'new').length\n }, {\n id: 'final',\n label: 'Final Stretch',\n count: streams.filter(s => s.category === 'final').length\n }, {\n id: 'migrated',\n label: 'Migrated',\n count: streams.filter(s => s.category === 'migrated').length\n }].map(tab => )}\n

\n {showPortfolio && userWallet &&

Portfolio

\n \n

{userBalance.toFixed(3)} SOL

Wallet Balance

\n {userBalance > 0 && }\n

Recent Trades ({userBets.length})

\n \n

\n {userBets.length === 0 ?

No trades executed yet

: userBets.slice(-10).reverse().map(bet =>

{bet.streamTitle}

\n {bet.betType.toUpperCase()} • {bet.amount} SOL\n

\n {bet.resolved ? bet.won ? `+${bet.payout.toFixed(3)}◎` : 'LOST' : 'PENDING'}\n

)}\n

}\n {showLeaderboard &&

\n Leaderboard\n

\n \n

\n {[{\n id: 'daily',\n label: 'Daily'\n }, {\n id: 'weekly',\n label: 'Weekly'\n }, {\n id: 'all',\n label: 'All-Time'\n }].map(timeframe => )}\n

\n Rank\n Wallet\n PnL (SOL)\n Win Rate\n Volume\n Best Trade\n Actions\n

\n {leaderboardData.map((trader, index) =>

\n \n #{index + 1}\n \n {index < 3 && }\n

\n {trader.shortWallet.slice(0, 2).toUpperCase()}\n

\n {trader.shortWallet}\n

\n = 0 ? 'text-green-400' : 'text-red-400'}`}>\n {trader.totalPnL >= 0 ? '+' : ''}{trader.totalPnL.toFixed(3)}\n \n {trader.winRate.toFixed(1)}%\n {trader.totalVolume.toFixed(2)}\n +{trader.bestHit.toFixed(3)}\n \n

)}\n {leaderboardData.length === 0 &&

\n No trading data available for this timeframe\n

}\n

}\n {showSettings &&

\n Settings\n

\n \n

\n \n Theme\n

Dark mode, custom themes

Coming soon

\n\n

\n \n Notifications\n

Live alerts, trading notifications

Coming soon

\n\n

\n \n Account\n

Profile, wallet settings

Coming soon

\n\n

\n \n About\n

Version info, support

Coming soon

\n\n

🚀 More features coming soon!

We're constantly improving StreamScope

}\n\n {showPnLCard && pnlCardData &&

PnL Card Generator

\n \n

\n {[{\n id: 'daily',\n label: 'Daily'\n }, {\n id: 'weekly',\n label: 'Weekly'\n }, {\n id: 'all',\n label: 'All-Time'\n }].map(timeframe => )}\n

My StreamScope PnL

{pnlCardData.timeframe} Performance

\n Wallet:\n {pnlCardData.wallet}\n

\n Total PnL:\n = 0 ? 'text-green-400' : 'text-red-400'}`} style={{\n textShadow: pnlCardData.totalPnL >= 0 ? '0 0 8px rgba(16, 185, 129, 0.5)' : '0 0 8px rgba(239, 68, 68, 0.5)'\n }}>\n {pnlCardData.totalPnL >= 0 ? '+' : ''}{pnlCardData.totalPnL.toFixed(3)} SOL\n \n

\n Win Rate:\n = 70 ? 'text-yellow-400' : 'text-zinc-300'}`} style={{\n textShadow: pnlCardData.winRate >= 70 ? '0 0 8px rgba(245, 158, 11, 0.5)' : 'none'\n }}>\n {pnlCardData.winRate.toFixed(1)}%\n \n

\n Best Hit:\n \n +{pnlCardData.bestHit.toFixed(3)} SOL\n \n

\n Volume:\n \n {pnlCardData.totalVolume.toFixed(2)} SOL\n \n

\n Trades:\n {pnlCardData.trades}\n

\n StreamScope\n

\n \n \n \n \n

\n \n

}\n {showTradingPanel && selectedStream &&

{selectedStream.title}

${selectedStream.ticker}

\n \n

F Score: {selectedStream.finalityScore}

0 ? 'text-green-400' : selectedStream.pumpScore < 0 ? 'text-red-400' : 'text-zinc-400'}`}>\n {selectedStream.pumpScore > 0 ? '+' : ''}{selectedStream.pumpScore}\n

\n \n

\n \n Live Price Chart\n {chartLoading &&

Updating...

}\n

\n {tokenChartData.length > 0 ? \n \n \n \n \n [name === 'price' ? `${parseFloat(value).toFixed(8)}` : value, name === 'price' ? 'Price' : 'Volume']} />\n \n \n :

\n {chartLoading ? 'Loading chart data...' : 'No chart data available'}\n

}\n

\n \n

\n \n Order Book\n

\n Price (SOL)\n Size\n Total\n

\n {generateOrderBook().asks.reverse().map((ask, i) =>

\n {ask.price}\n {ask.size}\n {ask.total}\n

)}\n

\n {generateOrderBook().bids.map((bid, i) =>

\n {bid.price}\n {bid.size}\n {bid.total}\n

)}\n

Recent Trades

\n {generateRecentTrades().map(trade =>

\n \n {trade.type === 'pump' ? 'BUY' : 'SELL'}\n \n {trade.price}\n {trade.size}\n {trade.time}\n

)}\n

My Positions

\n {userBets.filter(bet => bet.streamId === selectedStream.id).length === 0 ?

No positions

\n {userBets.filter(bet => bet.streamId === selectedStream.id).map(bet =>

\n \n {bet.betType === 'pump' ? 'BUY' : 'SELL'}\n \n {bet.amount} SOL\n

\n {bet.resolved ? bet.won ? `+${bet.payout.toFixed(3)} SOL` : 'LOST' : 'PENDING'}\n

)}\n

}\n

Trade Execution

\n \n

\n \n \n

\n\n {tradeMode === 'sell' &&

Your Balance:

\n {(tokenBalances[selectedStream?.id] || 0).toFixed(2)} {selectedStream?.ticker}\n

}\n\n {tradeMode === 'buy' && <>\n

\n {[0.01, 0.1, 1].map(amount => )}\n

\n SOL Amount\n

\n setBetAmountInput(formatBetAmount(betAmount))} pattern=\"[0-9]*[.,]?[0-9]*\" className=\"w-full bg-zinc-700 border border-zinc-600 rounded-lg px-3 py-2 text-white text-sm focus:outline-none focus:ring-2 focus:ring-[#9F5FD0]\" placeholder=\"0.001\" />\n {!userWallet &&

\n Connect wallet to trade\n

}\n {userWallet && betAmount < 0.001 &&

\n Min 0.001\n

}\n

\n }\n\n {tradeMode === 'sell' && <>\n

\n {[25, 50, 75, 100].map(percentage => )}\n

\n Token Amount\n

\n {\n setSellAmountInput(e.target.value);\n const value = parseFloat(e.target.value) || 0;\n updateSellAmount(value, 'input');\n }} pattern=\"[0-9]*[.,]?[0-9]*\" className=\"w-full bg-zinc-700 border border-zinc-600 rounded-lg px-3 py-2 text-white text-sm focus:outline-none focus:ring-2 focus:ring-[#9F5FD0]\" placeholder=\"0\" />\n {!userWallet &&

\n Connect wallet to trade\n

}\n {userWallet && (tokenBalances[selectedStream?.id] || 0) <= 0 &&

\n You don't hold this token\n

}\n {userWallet && sellAmount > (tokenBalances[selectedStream?.id] || 0) &&

\n Insufficient tokens\n

}\n

\n {sellAmount > 0 &&

\n Estimated Proceeds:\n {estimatedProceeds.toFixed(4)} SOL\n

\n Trading Fee:\n {tradingFee.toFixed(4)} SOL\n

\n Price Impact:\n {priceImpact.toFixed(1)}%\n

}\n }\n\n {tradeMode === 'buy' &&

\n {\n if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n const step = e.shiftKey ? 0.01 : 0.001;\n const direction = e.key === 'ArrowRight' ? 1 : -1;\n const newValue = betAmount + step * direction;\n updateBetAmount(newValue, 'keyboard');\n } else if (e.key === 'PageUp' || e.key === 'PageDown') {\n const step = 0.1;\n const direction = e.key === 'PageUp' ? 1 : -1;\n const newValue = betAmount + step * direction;\n updateBetAmount(newValue, 'keyboard');\n }\n }} disabled={!userWallet} className=\"w-full h-2 bg-zinc-700 rounded-lg appearance-none cursor-pointer range-thumb disabled:cursor-not-allowed disabled:opacity-50\" aria-label=\"Trade amount slider\" />\n {showSliderTooltip &&

\n {formatBetAmount(sliderTooltipValue)} SOL\n

}\n

\n 0.001\n 5 SOL\n

}\n\n

\n {tradeMode === 'buy' ? : }\n

\n \n {!userWallet &&

\n Connect wallet to trade\n

}\n

\n {!userWallet &&

Connect Wallet to Start Trading

Connect your Solana wallet to buy and sell livestream tokens

}\n {filteredStreams.length === 0 ?

No streams found

Try adjusting your search or check back later

\n {filteredStreams.map(stream => )}\n

}\n

\n {streams.filter(s => s.pumpScore > 0).length}\n

Pumping

\n {streams.filter(s => s.pumpScore < 0).length}\n

Dumping

\n {streams.reduce((acc, s) => acc + s.viewers, 0).toLocaleString()}\n

Total Viewers

\n ${streams.reduce((acc, s) => acc + s.streamVolume, 0).toLocaleString()}K\n

Total Volume

\n {userBets.length}\n

Your Trades

\n \n

;\n}\nexport default AppWithProvider;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.6\",\"@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\",\"recharts\":\"2.8.0\",\"framer-motion\":\"10.16.4\",\"react-router-dom\":\"6.18.0\"}}","appFunctions",[81],{"_14":82,"_37":83,"_39":84,"_20":85,"_86":87,"_88":42},["B","26329"],["D",1757867866886],["D",1757867866886],"$FUNC_CAN_WITHDRAW","body","async function $FUNC_CAN_WITHDRAW() {\n const userBets = await $ENTITY('bets').list({ userId: $USER_ID });\n const winnings = userBets.reduce((total, bet) => {\n if (bet.resolved && bet.won) {\n return total + bet.payout;\n }\n return total;\n }, 0);\n return winnings > 0;\n}","commitId","token","upstreamApp","isLordOfDev","analytics",[94,98,100,102,104,106,108,110,112,114,116,118,120,122,124],{"_95":96,"_97":61},"day","2025-08-31","runCount",{"_95":99,"_97":61},"2025-09-01",{"_95":101,"_97":61},"2025-09-02",{"_95":103,"_97":61},"2025-09-03",{"_95":105,"_97":61},"2025-09-04",{"_95":107,"_97":61},"2025-09-05",{"_95":109,"_97":61},"2025-09-06",{"_95":111,"_97":61},"2025-09-07",{"_95":113,"_97":61},"2025-09-08",{"_95":115,"_97":61},"2025-09-09",{"_95":117,"_97":61},"2025-09-10",{"_95":119,"_97":61},"2025-09-11",{"_95":121,"_97":61},"2025-09-12",{"_95":123,"_97":44},"2025-09-13",{"_95":125,"_97":126},"2025-09-14",39,"snapshot","ogImage","https://cdn.dev.fun/og/image/1d0d48cb34c97a5ea8a7/4a57519c.webp","isDevbase","project",{"_14":19,"_133":-5,"_20":134,"_135":-5,"_22":-5},"image","evb","oneliner","actionData","errors"]

{stream.title}

\n StreamScope\n

Portfolio

Recent Trades ({userBets.length})

\n Leaderboard\n

\n Settings\n

\n \n \n \n Theme\n

\n \n \n \n \n \n Notifications\n

\n \n \n \n Account\n

\n \n \n \n About\n

PnL Card Generator

My StreamScope PnL

{selectedStream.title}

Recent Trades

My Positions

Trade Execution

Connect Wallet to Start Trading

\n \n Theme\n

\n \n Notifications\n

\n \n Account\n

\n \n About\n

say something