\n \n \n\n",[],[253,255],"d38b44e1-73c8-4ecd-aff3-d510d24742af","favicon.svg","019f3bca-84bb-7554-be09-66ff4174bf58",2,["D",1783414555839],"\n",[],[253,263],"ef55046e-156f-45dc-83c2-ac3005286d7a","Chart.tsx","1cce6e8e-79e2-11f1-ad26-1607ee4eb77e","019f3bca-84bb-7554-be09-585fa05036d1",11,["D",1783414747799],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { createChart, type IChartApi } from \"https://esm.sh/lightweight-charts@4.2.3\";\n\ninterface Candle { ts: number; o: number; h: number; l: number; c: number; vol: number }\n\nexport default function Chart(\n { candles, series }: {\n candles: Candle[];\n series: { ema20: (number | null)[]; ema50: (number | null)[]; ema200: (number | null)[] };\n },\n) {\n const ref = useRef(null);\n const chartRef = useRef(null);\n\n useEffect(() => {\n if (!ref.current) return;\n const chart = createChart(ref.current, {\n height: 420,\n layout: { background: { color: \"#0f1420\" }, textColor: \"#8b95a7\" },\n grid: {\n vertLines: { color: \"#1a2130\" },\n horzLines: { color: \"#1a2130\" },\n },\n timeScale: { timeVisible: true, secondsVisible: false, borderColor: \"#1a2130\" },\n rightPriceScale: { borderColor: \"#1a2130\" },\n crosshair: { mode: 0 },\n });\n chartRef.current = chart;\n\n const candleSeries = chart.addCandlestickSeries({\n upColor: \"#22c55e\",\n downColor: \"#ef4444\",\n borderVisible: false,\n wickUpColor: \"#22c55e\",\n wickDownColor: \"#ef4444\",\n });\n candleSeries.setData(\n candles.map((c) => ({\n time: (c.ts / 1000) as any,\n open: c.o,\n high: c.h,\n low: c.l,\n close: c.c,\n })),\n );\n\n const addEma = (values: (number | null)[], color: string, title: string) => {\n const line = chart.addLineSeries({ color, lineWidth: 1, title, priceLineVisible: false, lastValueVisible: false });\n line.setData(\n values\n .map((v, i) => (v !== null ? { time: (candles[i].ts / 1000) as any, value: v } : null))\n .filter(Boolean) as any,\n );\n };\n addEma(series.ema20, \"#38bdf8\", \"EMA20\");\n addEma(series.ema50, \"#f59e0b\", \"EMA50\");\n addEma(series.ema200, \"#a78bfa\", \"EMA200\");\n\n chart.timeScale().fitContent();\n\n const onResize = () => {\n if (ref.current) chart.applyOptions({ width: ref.current.clientWidth });\n };\n onResize();\n window.addEventListener(\"resize\", onResize);\n return () => {\n window.removeEventListener(\"resize\", onResize);\n chart.remove();\n chartRef.current = null;\n };\n }, [candles, series]);\n\n return

;\n}\n",[],[253,279,271],"components","6ada164a-622f-4bf1-ac9d-3ed348ddf195","App.tsx","019f3bca-84bb-7554-be09-5c4f368635be",13,["D",1783414808522],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport Chart from \"./Chart.tsx\";\nimport AnalysisPanel from \"./AnalysisPanel.tsx\";\n\nconst PAIRS = [\n \"BTC-USDT\",\n \"ETH-USDT\",\n \"SOL-USDT\",\n \"XRP-USDT\",\n \"BNB-USDT\",\n \"DOGE-USDT\",\n \"TON-USDT\",\n \"ADA-USDT\",\n \"LINK-USDT\",\n \"AVAX-USDT\",\n \"SUI-USDT\",\n \"PEPE-USDT\",\n];\n\nconst BARS = [\n { v: \"5m\", label: \"5м\" },\n { v: \"15m\", label: \"15м\" },\n { v: \"30m\", label: \"30м\" },\n { v: \"1H\", label: \"1ч\" },\n { v: \"4H\", label: \"4ч\" },\n { v: \"1D\", label: \"1д\" },\n];\n\nexport default function App() {\n const [instId, setInstId] = useState(\"BTC-USDT\");\n const [bar, setBar] = useState(\"15m\");\n const [chartData, setChartData] = useState(null);\n const [analysis, setAnalysis] = useState(null);\n const [loadingAnalysis, setLoadingAnalysis] = useState(false);\n const [analysisError, setAnalysisError] = useState(null);\n const reqId = useRef(0);\n\n const loadCandles = useCallback(async (id: string, b: string) => {\n try {\n const res = await fetch(`/api/candles?instId=${id}&bar=${b}`);\n const json = await res.json();\n if (json.error) throw new Error(json.error);\n setChartData(json);\n } catch (e) {\n console.error(\"candles error\", e);\n }\n }, []);\n\n const loadAnalysis = useCallback(async (id: string, b: string) => {\n const my = ++reqId.current;\n setLoadingAnalysis(true);\n setAnalysisError(null);\n try {\n const res = await fetch(`/api/analyze?instId=${id}&bar=${b}`);\n const json = await res.json();\n if (my !== reqId.current) return; // устаревший запрос\n if (json.error) throw new Error(json.error);\n setAnalysis(json);\n } catch (e) {\n if (my === reqId.current) setAnalysisError((e as Error).message);\n } finally {\n if (my === reqId.current) setLoadingAnalysis(false);\n }\n }, []);\n\n // при смене пары/ТФ — грузим всё; свечи автообновляются каждые 30 сек\n useEffect(() => {\n setAnalysis(null);\n loadCandles(instId, bar);\n loadAnalysis(instId, bar);\n const t = setInterval(() => loadCandles(instId, bar), 30_000);\n return () => clearInterval(t);\n }, [instId, bar, loadCandles, loadAnalysis]);\n\n const ticker = chartData?.ticker;\n const chgCls = ticker && ticker.change24hPct >= 0 ? \"text-green-400\" : \"text-red-400\";\n\n return (\n

\n {/* Шапка */}\n

🤖 Crypto Monitor

ИИ-анализ графиков OKX: индикаторы + Smart Money Concepts

\n {ticker && (\n

{ticker.last.toLocaleString()}

\n {ticker.change24hPct >= 0 ? \"+\" : \"\"}\n {ticker.change24hPct.toFixed(2)}% за 24ч\n

\n )}\n

\n\n {/* Панель управления */}\n

\n setInstId(e.target.value)}\n className=\"bg-slate-900 border border-slate-700 rounded-lg px-3 py-2 text-sm font-mono focus:outline-none focus:border-sky-500\"\n >\n {PAIRS.map((p) => )}\n \n\n

\n {BARS.map((b) => (\n setBar(b.v)}\n className={`px-3 py-2 text-sm font-medium transition-colors ${\n bar === b.v ? \"bg-sky-600 text-white\" : \"bg-slate-900 text-slate-400 hover:bg-slate-800\"\n }`}\n >\n {b.label}\n \n ))}\n

\n\n loadAnalysis(instId, bar)}\n disabled={loadingAnalysis}\n className=\"ml-auto px-4 py-2 rounded-lg bg-sky-600 hover:bg-sky-500 disabled:opacity-50 text-sm font-semibold transition-colors\"\n >\n {loadingAnalysis ? \"Анализ…\" : \"🔄 Обновить анализ\"}\n \n

\n\n {/* График */}\n

\n {chartData\n ? \n : (\n

\n Загрузка графика…\n

\n )}\n

\n ━ EMA20\n ━ EMA50\n ━ EMA200\n автообновление свечей каждые 30 сек\n

\n\n {/* Анализ */}\n \n\n \n

\n );\n}\n",[],[253,279,281],"ff297743-22b9-4ecf-ae12-fb87ec63028f","AnalysisPanel.tsx","3224fc12-79e2-11f1-93fb-1607ee4eb77e",12,["D",1783414783585],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nconst VERDICT_META: Record = {\n uptrend: { label: \"Растёт\", icon: \"📈\", cls: \"bg-green-500/15 text-green-400 border-green-500/40\" },\n downtrend: { label: \"Падает\", icon: \"📉\", cls: \"bg-red-500/15 text-red-400 border-red-500/40\" },\n range: { label: \"Боковик\", icon: \"↔️\", cls: \"bg-yellow-500/15 text-yellow-400 border-yellow-500/40\" },\n reversal_risk: { label: \"Риск разворота\", icon: \"⚠️\", cls: \"bg-orange-500/15 text-orange-400 border-orange-500/40\" },\n};\n\nconst BIAS_META: Record = {\n long: { label: \"LONG\", cls: \"text-green-400\" },\n short: { label: \"SHORT\", cls: \"text-red-400\" },\n neutral: { label: \"НЕЙТРАЛЬНО\", cls: \"text-slate-400\" },\n};\n\nexport default function AnalysisPanel({ data, loading, error }: { data: any; loading: boolean; error: string | null }) {\n if (loading) {\n return (\n

\n \n ИИ анализирует график (индикаторы + Smart Money)…\n

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

Ошибка анализа: {error}

;\n }\n if (!data) return null;\n\n const a = data.analysis;\n const v = VERDICT_META[a.verdict] ?? VERDICT_META.range;\n const b = BIAS_META[a.bias] ?? BIAS_META.neutral;\n const smc = data.smc;\n const ind = data.indicators;\n\n return (\n

\n {/* Вердикт */}\n

Вердикт ИИ · {v.icon} {v.label}

{a.headline}

{b.label}

уверенность {a.confidence}%

{a.summary}

\n\n {/* Наблюдения */}\n

🔍 Наблюдения

\n ▸\n {o}\n

\n\n {/* Уровни и сценарии */}\n

🎯 Ключевые уровни

\n Сопротивления: {a.keyLevels.resistance.map((x: number) => x.toLocaleString()).join(\" · \") || \"—\"}\n

\n Поддержки: {a.keyLevels.support.map((x: number) => x.toLocaleString()).join(\" · \") || \"—\"}\n

🔮 Сценарии

Бычий: {a.scenarios.bullish}

Медвежий: {a.scenarios.bearish}

\n\n {/* Сырые данные: индикаторы + SMC */}\n

📊 Индикаторы

\n \n \n \n \n \n 0 ? \"+\" : \"\"}${ind.ema.priceVsEma200Pct}%`} />\n \n \n \n \n

🧠 Smart Money

\n \n \n \n \n \n `${f.type === \"bullish\" ? \"буч.\" : \"медв.\"} ${f.bottom.toLocaleString()}–${f.top.toLocaleString()}`).join(\"; \") : \"нет\"} />\n `${o.type === \"bullish\" ? \"буч.\" : \"медв.\"} ${o.bottom.toLocaleString()}–${o.top.toLocaleString()}`).join(\"; \") : \"нет\"} />\n `${p.type === \"buy_side\" ? \"сверху\" : \"снизу\"} @${p.price.toLocaleString()}`).join(\"; \") : \"нет\"} />\n \n

\n\n

\n Анализ от {new Date(data.analyzedAt).toLocaleTimeString()} {data.cached ? \"(кэш — обновится с закрытием новой свечи)\" : \"(свежий)\"} · Не является финансовым советом\n

\n );\n}\n\nfunction Row({ k, v }: { k: string; v: any }) {\n return (\n \n {k}\n {String(v ?? \"—\")}\n \n );\n}\n",[],[253,279,289],"5bf49824-27df-4281-9d45-1569bd328d97",["D",1783414555839],[219,220,221],[253,279],"f461d775-da91-4372-be11-2ce55fe25b7e",["D",1783414555839],[218,222,223,224],[253],["D",1783414662913],[],[18,92],["D",1783414589784],[],[18,68],["D",1783414625301],[],[18,83],["D",1783414691082],[],[18,101],["D",1783414589784],[213,214,215,216],[18],["D",1783414239783],{"_11":12,"_152":74},{"_11":12,"_148":74,"_73":74,"_31":72,"_149":150,"_151":30},{"_42":139,"_13":16,"_36":39,"_140":105,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":14,"_147":12},"ctx",{"_56":-5,"_171":356,"_357":358,"_359":360,"_361":30,"_362":30,"_363":30,"_364":24,"_365":-5,"_366":-7,"_367":-7,"_368":26,"_369":30,"_370":30,"_371":-5,"_372":30,"_373":30,"_374":30,"_375":-5},"ENV",{"_327":328,"_329":330,"_331":16,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · backend