function MainComponent() { const [cryptos, setCryptos] = useState([]); const [newCrypto, setNewCrypto] = useState(""); const [notifications, setNotifications] = useState([]); const [rsiData, setRsiData] = useState({}); const [cryptoSettings, setCryptoSettings] = useState({}); const [prices, setPrices] = useState({}); const [suggestions, setSuggestions] = useState([]); const [expandedCrypto, setExpandedCrypto] = useState(null); const [historicalData, setHistoricalData] = useState({}); useEffect(()=>{ if (cryptos.length > 0) { const checkRSI = async ()=>{ try { const mockRSIData = {}; const mockPrices = {}; cryptos.forEach((crypto)=>{ mockRSIData[crypto] = Math.random() * 100; mockPrices[crypto] = (Math.random() * 100000).toFixed(2); }); setRsiData(mockRSIData); setPrices(mockPrices); Object.entries(mockRSIData).forEach(async ([crypto, rsi])=>{ const settings = cryptoSettings[crypto] || { threshold: 30, condition: "menor" }; const shouldNotify = settings.condition === "menor" && rsi <= settings.threshold || settings.condition === "maior" && rsi >= settings.threshold || settings.condition === "igual" && rsi === settings.threshold; if (shouldNotify) { const notification = { message: `RSI do ${crypto} está em ${rsi.toFixed(2)}`, date: new Date().toLocaleString() }; if (!notifications.some((n)=>n.message === notification.message)) { setNotifications((prev)=>[ notification, ...prev ]); if ("Notification" in window) { Notification.requestPermission().then((permission)=>{ if (permission === "granted") { new Notification("Alerta RSI", { body: notification.message }); } }); } } } }); } catch (error) { console.error("Erro ao buscar RSI:", error); } }; const rsiInterval = setInterval(checkRSI, 60000); checkRSI(); const fetchData = async ()=>{ try { const response = await fetch("/api/new-function", { method: "POST", body: JSON.stringify({ newCrypto: cryptos[0] }) }); const data = await response.json(); const formattedData = data.prices.map((price)=>({ time: new Date(price[0]).toISOString(), price: price[1].toFixed(2), rsi: calculateRSI(data.prices.map((p)=>p[1]), 14) })); setHistoricalData({ [cryptos[0]]: formattedData }); } catch (error) { console.error("Erro ao buscar dados:", error); } }; const calculateRSI = (prices, period)=>{ if (prices.length < period + 1) return "50"; let gains = 0; let losses = 0; for(let i = 1; i <= period; i++){ const difference = prices[i] - prices[i - 1]; if (difference >= 0) { gains += difference; } else { losses -= difference; } } let avgGain = gains / period; let avgLoss = losses / period; for(let i = period + 1; i < prices.length; i++){ const difference = prices[i] - prices[i - 1]; if (difference >= 0) { avgGain = (avgGain * (period - 1) + difference) / period; avgLoss = avgLoss * (period - 1) / period; } else { avgGain = avgGain * (period - 1) / period; avgLoss = (avgLoss * (period - 1) - difference) / period; } } const rs = avgGain / avgLoss; const rsi = (100 - 100 / (1 + rs)).toFixed(2); return rsi; }; fetchData(); const dataInterval = setInterval(fetchData, 60000); return ()=>{ clearInterval(rsiInterval); clearInterval(dataInterval); }; } }, [ cryptos, cryptoSettings ]); const addCrypto = ()=>{ if (newCrypto && !cryptos.includes(newCrypto)) { const symbol = newCrypto.toUpperCase(); setCryptos([ ...cryptos, symbol ]); setCryptoSettings((prev)=>({ ...prev, [symbol]: { threshold: 30, interval: 14, timeframe: "1h", condition: "menor" } })); setNewCrypto(""); } }; const removeCrypto = (crypto)=>{ setCryptos(cryptos.filter((c)=>c !== crypto)); setCryptoSettings((prev)=>{ const newSettings = { ...prev }; delete newSettings[crypto]; return newSettings; }); }; const updateCryptoSettings = (crypto, field, value)=>{ setCryptoSettings((prev)=>({ ...prev, [crypto]: { ...prev[crypto], [field]: value } })); }; const removeNotification = (index)=>{ setNotifications((prev)=>prev.filter((_, i)=>i !== index)); }; const clearNotifications = ()=>{ setNotifications([]); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#121212] p-4 text-white font-roboto", __source: { fileName: "", lineNumber: 171, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 172, columnNumber: 7 }, __self: this }, "Monitor de RSI Crypto"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 173, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] p-4 rounded-lg", __source: { fileName: "", lineNumber: 174, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }, "Adicionar Crypto"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] p-4 rounded-lg relative", __source: { fileName: "", lineNumber: 176, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 177, columnNumber: 13 }, __self: this }, "Adicionar Crypto"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 178, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 relative", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: newCrypto, onChange: (e)=>{ setNewCrypto(e.target.value); if (e.target.value) { const commonCryptos = [ "BTC", "ETH", "BNB", "XRP", "ADA", "DOGE", "SOL", "DOT", "MATIC", "LINK" ]; const filtered = commonCryptos.filter((crypto)=>crypto.toLowerCase().includes(e.target.value.toLowerCase())); setSuggestions(filtered); } else { setSuggestions([]); } }, placeholder: "BTC, ETH...", className: "w-full bg-[#2D2D2D] p-2 rounded-md text-white", name: "crypto-input", __source: { fileName: "", lineNumber: 180, columnNumber: 17 }, __self: this }), suggestions.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "absolute w-full bg-[#2D2D2D] mt-1 rounded-md shadow-lg z-10", __source: { fileName: "", lineNumber: 213, columnNumber: 19 }, __self: this }, suggestions.map((suggestion)=>/*#__PURE__*/ React.createElement("div", { key: suggestion, className: "p-2 hover:bg-[#3D3D3D] cursor-pointer", onClick: ()=>{ setNewCrypto(suggestion); setSuggestions([]); }, __source: { fileName: "", lineNumber: 215, columnNumber: 23 }, __self: this }, suggestion)))), /*#__PURE__*/ React.createElement("button", { onClick: addCrypto, className: "bg-[#4CAF50] px-4 py-2 rounded-md", __source: { fileName: "", lineNumber: 229, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 233, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-[#1E1E1E] rounded-lg p-4", __source: { fileName: "", lineNumber: 240, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg mb-4", __source: { fileName: "", lineNumber: 241, columnNumber: 9 }, __self: this }, "Cryptos Monitoradas"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 242, columnNumber: 9 }, __self: this }, cryptos.map((crypto)=>/*#__PURE__*/ React.createElement("div", { key: crypto, className: "bg-[#2D2D2D] p-4 rounded-md", __source: { fileName: "", lineNumber: 244, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4 cursor-pointer", onClick: ()=>setExpandedCrypto(expandedCrypto === crypto ? null : crypto), __source: { fileName: "", lineNumber: 245, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg", __source: { fileName: "", lineNumber: 251, columnNumber: 17 }, __self: this }, crypto), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 items-center", __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 253, columnNumber: 19 }, __self: this }, "Preço: $", prices[crypto] || "--"), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 256, columnNumber: 19 }, __self: this }, "RSI: ", rsiData[crypto] ? rsiData[crypto].toFixed(2) : "--"), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); removeCrypto(crypto); }, className: "text-[#FF4444] p-2", __source: { fileName: "", lineNumber: 259, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 266, columnNumber: 21 }, __self: this })))), expandedCrypto === crypto && /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-[#1E1E1E] p-4 rounded-md", __source: { fileName: "", lineNumber: 271, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-[300px] bg-[#2D2D2D] rounded-md p-4", __source: { fileName: "", lineNumber: 272, columnNumber: 19 }, __self: this }, historicalData[crypto] ? /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex flex-col", __source: { fileName: "", lineNumber: 274, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 relative", __source: { fileName: "", lineNumber: 275, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 276, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 h-full flex flex-col justify-between text-xs text-gray-400", __source: { fileName: "", lineNumber: 277, columnNumber: 29 }, __self: this }, Array.from({ length: 5 }).map((_, i)=>{ const max = Math.max(...historicalData[crypto].map((p)=>parseFloat(p.price))); const value = max - i * (max / 4); return /*#__PURE__*/ React.createElement("span", { key: i, __source: { fileName: "", lineNumber: 285, columnNumber: 40 }, __self: this }, "$", value.toFixed(2)); })), /*#__PURE__*/ React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 100 100", preserveAspectRatio: "none", __source: { fileName: "", lineNumber: 288, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("line", { x1: "0", y1: "100", x2: "100", y2: "100", stroke: "#333", strokeWidth: "1", __source: { fileName: "", lineNumber: 294, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: `M ${historicalData[crypto].map((point, index)=>`${index / (historicalData[crypto].length - 1) * 100},${100 - parseFloat(point.price) / Math.max(...historicalData[crypto].map((p)=>parseFloat(p.price))) * 100}`).join(" L ")}`, fill: "none", stroke: "#4CAF50", strokeWidth: "2", __source: { fileName: "", lineNumber: 302, columnNumber: 31 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-xs text-gray-400 mt-2", __source: { fileName: "", lineNumber: 327, columnNumber: 25 }, __self: this }, historicalData[crypto].filter((_, i)=>i % 5 === 0).map((point)=>/*#__PURE__*/ React.createElement("span", { key: point.time, __source: { fileName: "", lineNumber: 331, columnNumber: 31 }, __self: this }, new Date(point.time).toLocaleDateString()))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 relative mt-4", __source: { fileName: "", lineNumber: 336, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 337, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 h-full flex flex-col justify-between text-xs text-gray-400", __source: { fileName: "", lineNumber: 338, columnNumber: 29 }, __self: this }, [ 100, 75, 50, 25, 0 ].map((value)=>/*#__PURE__*/ React.createElement("span", { key: value, __source: { fileName: "", lineNumber: 340, columnNumber: 33 }, __self: this }, value))), /*#__PURE__*/ React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 100 100", preserveAspectRatio: "none", __source: { fileName: "", lineNumber: 343, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("line", { x1: "0", y1: "100", x2: "100", y2: "100", stroke: "#333", strokeWidth: "1", __source: { fileName: "", lineNumber: 349, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: `M ${historicalData[crypto].map((point, index)=>`${index / (historicalData[crypto].length - 1) * 100},${100 - parseFloat(point.rsi) / 100 * 100}`).join(" L ")}`, fill: "none", stroke: "#FF4444", strokeWidth: "2", __source: { fileName: "", lineNumber: 357, columnNumber: 31 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4 mt-2", __source: { fileName: "", lineNumber: 374, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 375, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-4 h-0.5 bg-[#4CAF50]", __source: { fileName: "", lineNumber: 376, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-400", __source: { fileName: "", lineNumber: 377, columnNumber: 29 }, __self: this }, "Preço")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 379, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-4 h-0.5 bg-[#FF4444]", __source: { fileName: "", lineNumber: 380, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-400", __source: { fileName: "", lineNumber: 381, columnNumber: 29 }, __self: this }, "RSI")))) : /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex items-center justify-center", __source: { fileName: "", lineNumber: 386, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 387, columnNumber: 25 }, __self: this }, "Carregando dados...")))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 395, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-2", __source: { fileName: "", lineNumber: 396, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-sm", __source: { fileName: "", lineNumber: 397, columnNumber: 19 }, __self: this }, "Condição"), /*#__PURE__*/ React.createElement("select", { value: cryptoSettings[crypto]?.condition || "menor", onChange: (e)=>updateCryptoSettings(crypto, "condition", e.target.value), className: "bg-[#1E1E1E] p-2 rounded-md text-white", name: `rsi-condition-${crypto}`, __source: { fileName: "", lineNumber: 398, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "menor", __source: { fileName: "", lineNumber: 406, columnNumber: 21 }, __self: this }, "Menor que"), /*#__PURE__*/ React.createElement("option", { value: "maior", __source: { fileName: "", lineNumber: 407, columnNumber: 21 }, __self: this }, "Maior que"), /*#__PURE__*/ React.createElement("option", { value: "igual", __source: { fileName: "", lineNumber: 408, columnNumber: 21 }, __self: this }, "Igual a"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-2", __source: { fileName: "", lineNumber: 411, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-sm", __source: { fileName: "", lineNumber: 412, columnNumber: 19 }, __self: this }, "RSI Limite"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] p-2 rounded-md text-white", __source: { fileName: "", lineNumber: 413, columnNumber: 19 }, __self: this }, cryptoSettings[crypto]?.threshold || 30)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-2", __source: { fileName: "", lineNumber: 417, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-sm", __source: { fileName: "", lineNumber: 418, columnNumber: 19 }, __self: this }, "Período RSI"), /*#__PURE__*/ React.createElement("select", { value: cryptoSettings[crypto]?.interval || 14, onChange: (e)=>updateCryptoSettings(crypto, "interval", Number(e.target.value)), className: "bg-[#1E1E1E] p-2 rounded-md text-white", name: `rsi-interval-${crypto}`, __source: { fileName: "", lineNumber: 419, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "14", __source: { fileName: "", lineNumber: 431, columnNumber: 21 }, __self: this }, "14 períodos"), /*#__PURE__*/ React.createElement("option", { value: "7", __source: { fileName: "", lineNumber: 432, columnNumber: 21 }, __self: this }, "7 períodos"), /*#__PURE__*/ React.createElement("option", { value: "21", __source: { fileName: "", lineNumber: 433, columnNumber: 21 }, __self: this }, "21 períodos"), /*#__PURE__*/ React.createElement("option", { value: "25", __source: { fileName: "", lineNumber: 434, columnNumber: 21 }, __self: this }, "25 períodos"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-2", __source: { fileName: "", lineNumber: 437, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-sm", __source: { fileName: "", lineNumber: 438, columnNumber: 19 }, __self: this }, "Intervalo"), /*#__PURE__*/ React.createElement("select", { value: cryptoSettings[crypto]?.timeframe || "1h", onChange: (e)=>updateCryptoSettings(crypto, "timeframe", e.target.value), className: "bg-[#1E1E1E] p-2 rounded-md text-white", name: `rsi-timeframe-${crypto}`, __source: { fileName: "", lineNumber: 439, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "15m", __source: { fileName: "", lineNumber: 447, columnNumber: 21 }, __self: this }, "15 minutos"), /*#__PURE__*/ React.createElement("option", { value: "30m", __source: { fileName: "", lineNumber: 448, columnNumber: 21 }, __self: this }, "30 minutos"), /*#__PURE__*/ React.createElement("option", { value: "1h", __source: { fileName: "", lineNumber: 449, columnNumber: 21 }, __self: this }, "1 hora"), /*#__PURE__*/ React.createElement("option", { value: "4h", __source: { fileName: "", lineNumber: 450, columnNumber: 21 }, __self: this }, "4 horas"), /*#__PURE__*/ React.createElement("option", { value: "1d", __source: { fileName: "", lineNumber: 451, columnNumber: 21 }, __self: this }, "1 dia")))))), cryptos.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400", __source: { fileName: "", lineNumber: 458, columnNumber: 13 }, __self: this }, "Nenhuma crypto adicionada"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-[#1E1E1E] rounded-lg p-4", __source: { fileName: "", lineNumber: 465, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 466, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg", __source: { fileName: "", lineNumber: 467, columnNumber: 11 }, __self: this }, "Alertas"), notifications.length > 0 && /*#__PURE__*/ React.createElement("button", { onClick: clearNotifications, className: "bg-[#FF4444] px-3 py-1 rounded-md text-sm", __source: { fileName: "", lineNumber: 469, columnNumber: 13 }, __self: this }, "Limpar Todos")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-2", __source: { fileName: "", lineNumber: 477, columnNumber: 9 }, __self: this }, notifications.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400", __source: { fileName: "", lineNumber: 479, columnNumber: 13 }, __self: this }, "Nenhum alerta ainda") : notifications.map((notif, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-[#2D2D2D] p-3 rounded-md flex justify-between items-center", __source: { fileName: "", lineNumber: 482, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 486, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 487, columnNumber: 19 }, __self: this }, notif.message), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 488, columnNumber: 19 }, __self: this }, notif.date)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 490, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>removeNotification(index), className: "text-[#FF4444] p-1", __source: { fileName: "", lineNumber: 491, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 495, columnNumber: 21 }, __self: this })))))))); }