\n );\n}\n\nfunction TradingIndicators({ data }: { data: CryptoData }) {\n // Advanced trading indicators\n const calculateVolatility = () => {\n return ((data.high - data.low) / data.price * 100).toFixed(2);\n };\n\n const getTrendIndicator = () => {\n if (data.change24h > 2) return \"🚀 Strong Bullish\";\n if (data.change24h > 0) return \"📈 Moderate Bullish\";\n if (data.change24h === 0) return \"➡️ Neutral\";\n if (data.change24h > -2) return \"📉 Moderate Bearish\";\n return \"🔻 Strong Bearish\";\n };\n\n return (\n

\n 24h Change: \n = 0 ? '#00ff00' : '#ff0000' }}>\n {data.change24h.toFixed(2)}%\n \n

\n Volatility: {calculateVolatility()}%\n

\n Volume: ${(data.volume / 1000000).toFixed(2)}M\n

\n Trend: {getTrendIndicator()}\n

\n );\n}\n\nfunction ChatInterface({ \n data, \n onSendMessage \n}: { \n data: CryptoData, \n onSendMessage: (message: string) => void \n}) {\n const [message, setMessage] = useState('');\n\n const handleSend = () => {\n if (message.trim()) {\n onSendMessage(message);\n setMessage('');\n }\n };\n\n return (\n

\n setMessage(e.target.value)}\n placeholder=\"Market ke baare mein poochho...\"\n style={{\n flex: 1,\n padding: '10px',\n background: 'rgba(255,255,255,0.1)',\n color: 'white',\n border: '1px solid #00ffcc',\n borderRadius: '5px'\n }}\n onKeyPress={(e) => e.key === 'Enter' && handleSend()}\n />\n \n

\n );\n}\n\nfunction App() {\n const [cryptoData, setCryptoData] = useState({\n price: 0,\n change24h: 0,\n high: 0,\n low: 0,\n volume: 0,\n symbol: 'BTC',\n name: 'Bitcoin'\n });\n const [messages, setMessages] = useState([]);\n const [loading, setLoading] = useState(false);\n const [theme, setTheme] = useState('dark');\n const [currentSymbol, setCurrentSymbol] = useState('BTC');\n const messagesEndRef = useRef(null);\n\n // Crypto symbol mapping for common queries\n const cryptoMapping: { [key: string]: string } = {\n 'bitcoin': 'BTC',\n 'btc': 'BTC',\n 'ethereum': 'ETH',\n 'eth': 'ETH',\n 'binance': 'BNB',\n 'bnb': 'BNB',\n 'cardano': 'ADA',\n 'ada': 'ADA',\n 'solana': 'SOL',\n 'sol': 'SOL',\n 'dogecoin': 'DOGE',\n 'doge': 'DOGE',\n 'polygon': 'MATIC',\n 'matic': 'MATIC',\n 'chainlink': 'LINK',\n 'link': 'LINK',\n 'polkadot': 'DOT',\n 'dot': 'DOT',\n 'avalanche': 'AVAX',\n 'avax': 'AVAX'\n };\n\n // Extract crypto symbol from user message\n const extractCryptoSymbol = (message: string): string | null => {\n const lowerMessage = message.toLowerCase();\n for (const [key, symbol] of Object.entries(cryptoMapping)) {\n if (lowerMessage.includes(key)) {\n return symbol;\n }\n }\n return null;\n };\n\n // Fetch crypto data for specific symbol\n const fetchCryptoData = async (symbol: string = 'bitcoin') => {\n try {\n const coinId = symbol.toLowerCase() === 'btc' ? 'bitcoin' : \n symbol.toLowerCase() === 'eth' ? 'ethereum' :\n symbol.toLowerCase() === 'bnb' ? 'binancecoin' :\n symbol.toLowerCase() === 'ada' ? 'cardano' :\n symbol.toLowerCase() === 'sol' ? 'solana' :\n symbol.toLowerCase() === 'doge' ? 'dogecoin' :\n symbol.toLowerCase() === 'matic' ? 'matic-network' :\n symbol.toLowerCase() === 'link' ? 'chainlink' :\n symbol.toLowerCase() === 'dot' ? 'polkadot' :\n symbol.toLowerCase() === 'avax' ? 'avalanche-2' : 'bitcoin';\n\n const response = await fetch(`https://api.coingecko.com/api/v3/coins/${coinId}`);\n const data = await response.json();\n \n setCryptoData({\n price: data.market_data.current_price.usd,\n change24h: data.market_data.price_change_percentage_24h,\n high: data.market_data.high_24h.usd,\n low: data.market_data.low_24h.usd,\n volume: data.market_data.total_volume.usd,\n symbol: symbol.toUpperCase(),\n name: data.name\n });\n } catch (error) {\n console.error('Price fetch error:', error);\n }\n };\n\n // Real-time price tracking\n useEffect(() => {\n fetchCryptoData(currentSymbol);\n const interval = setInterval(() => fetchCryptoData(currentSymbol), 10000);\n return () => clearInterval(interval);\n }, [currentSymbol]);\n\n // Scroll to bottom of messages\n useEffect(() => {\n messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n }, [messages]);\n\n const sendMessage = async (userMessage: string) => {\n // Check if user is asking about a specific crypto\n const detectedSymbol = extractCryptoSymbol(userMessage);\n if (detectedSymbol && detectedSymbol !== currentSymbol) {\n setCurrentSymbol(detectedSymbol);\n await fetchCryptoData(detectedSymbol);\n }\n\n const newMessages = [\n ...messages, \n { \n id: Date.now(), \n type: 'user', \n content: userMessage, \n timestamp: Date.now() \n }\n ];\n setMessages(newMessages);\n setLoading(true);\n\n try {\n const response = await fetch('/ai-analysis', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ \n data: cryptoData, \n question: userMessage \n })\n });\n\n const data = await response.json();\n setMessages(prev => [\n ...prev, \n { \n id: Date.now() + 1, \n type: 'ai', \n content: data.analysis, \n timestamp: Date.now() \n }\n ]);\n } catch (error) {\n console.error('AI analysis error:', error);\n setMessages(prev => [\n ...prev, \n { \n id: Date.now() + 1, \n type: 'ai', \n content: 'Kuch gadbad ho gaya. Phir se try karo.', \n timestamp: Date.now() \n }\n ]);\n } finally {\n setLoading(false);\n }\n };\n\n const toggleTheme = () => {\n setTheme(theme === 'dark' ? 'light' : 'dark');\n };\n\n return (\n

\n TradeXpert - Crypto Intelligence\n

\n\n

\n {cryptoData.symbol} ${cryptoData.price.toLocaleString()}\n

\n {cryptoData.name}\n

\n \n

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

\n {messages.length === 0 && (\n

💬 Koi bhi crypto ke baare mein poocho!

\n Examples: \"Bitcoin ka trend kya hai?\", \"Ethereum buy karna chahiye?\", \"Solana analysis do\"\n

\n )}\n {messages.map(msg => (\n

\n {msg.content}\n

\n ))}\n {loading && (\n

🤖 AI analysis kar raha hai...

\n )}\n

\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === 'POST' && new URL(request.url).pathname === '/ai-analysis') {\n try {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n \n const body: AIAnalysisRequest = await request.json();\n const { data, question } = body;\n\n if (!question || typeof question !== 'string') {\n return new Response(JSON.stringify({ \n analysis: \"Invalid question input\" \n }), {\n status: 400,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n const openai = new OpenAI();\n\n const prompt = `Tu ek expert crypto trader aur market analyst hai. \n Current ${data.name || 'Cryptocurrency'} (${data.symbol || 'CRYPTO'}) Details:\n - Price: ${data.price}\n - 24h Change: ${data.change24h}%\n - 24h High: ${data.high}\n - 24h Low: ${data.low}\n - Volume: ${data.volume}\n\n User ka sawaal: ${question}\n\n Apna advanced market insight aur trading strategy provide karo. \n Technical analysis, sentiment, aur potential scenarios ke saath respond karo. \n Creative aur informative hinglish mein jawab do. Agar user ne koi specific coin mention kiya hai to uske baare mein detailed analysis do.`;\n\n const completion = await openai.chat.completions.create({\n messages: [{ role: \"user\", content: prompt }],\n model: \"gpt-4o-mini\",\n max_tokens: 300\n });\n\n return new Response(JSON.stringify({\n analysis: completion.choices[0]?.message?.content || \"Kuch analysis nahi mil paya\"\n }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n console.error(\"Server-side AI analysis error:\", error);\n return new Response(JSON.stringify({ \n analysis: `AI analysis error: ${String(error)}` \n }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n // Default HTML Response\n return new Response(`\n \n \n TradeXpert\n \n \n \n \n \n

\n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/Kkkhan/TrdingX/code/index.ts","extension","actionData","errors"]