\n \n\n\n",[],[104,123],"28ec6afe-5458-11f1-b5cf-ee650bb23af1","app-loader.js","28ec6ba8-5458-11f1-b5cf-ee650bb23af1",18,["D",1779287304549],"import { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { createElement } from \"https://esm.sh/react@18.2.0\";\n\n// Load the app & styles from esm.town (handles TSX transpilation)\nconst [{ default: App }, { CSS }] = await Promise.all([\n import(\"https://esm.town/v/minhheoaaa/trading-signals/frontend/App.tsx\"),\n import(\"https://esm.town/v/minhheoaaa/trading-signals/frontend/styles.ts\"),\n]);\n\n// Inject styles\nconst style = document.createElement(\"style\");\nstyle.textContent = CSS;\ndocument.head.appendChild(style);\n\n// Mount React app\nconst root = createRoot(document.getElementById(\"root\"));\nroot.render(createElement(App));\n",[],[104,131],"1efdb4f8-5458-11f1-bb6e-ee650bb23af1","App.tsx","a14a4c16-5456-11f1-b79f-ee650bb23af1",16,["D",1779287287888],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback, useRef } from \"https://esm.sh/react@18.2.0\";\n\ninterface SignalData {\n symbol: string;\n timeframe: string;\n candleCount: number;\n lastPrice: number | null;\n priceChange: number;\n signals: {\n type: \"BUY\" | \"SELL\" | \"NEUTRAL\";\n strength: number;\n confidence: number;\n reasons: string[];\n indicators: Record;\n };\n chart: {\n timestamp: number[];\n open: number[];\n high: number[];\n low: number[];\n close: number[];\n volume: number[];\n };\n}\n\nconst POPULAR = [\n { symbol: \"BINANCE:BTCUSDT\", name: \"Bitcoin\", icon: \"₿\", cat: \"crypto\" },\n { symbol: \"BINANCE:ETHUSDT\", name: \"Ethereum\", icon: \"Ξ\", cat: \"crypto\" },\n { symbol: \"BINANCE:SOLUSDT\", name: \"Solana\", icon: \"◎\", cat: \"crypto\" },\n { symbol: \"BINANCE:XRPUSDT\", name: \"XRP\", icon: \"✕\", cat: \"crypto\" },\n { symbol: \"BINANCE:BNBUSDT\", name: \"BNB\", icon: \"⬡\", cat: \"crypto\" },\n { symbol: \"BINANCE:DOGEUSDT\", name: \"DOGE\", icon: \"🐕\", cat: \"crypto\" },\n { symbol: \"BINANCE:PEPEUSDT\", name: \"PEPE\", icon: \"🐸\", cat: \"crypto\" },\n { symbol: \"BINANCE:SUIUSDT\", name: \"SUI\", icon: \"💧\", cat: \"crypto\" },\n { symbol: \"NASDAQ:AAPL\", name: \"Apple\", icon: \"🍎\", cat: \"stock\" },\n { symbol: \"NASDAQ:TSLA\", name: \"Tesla\", icon: \"⚡\", cat: \"stock\" },\n { symbol: \"NASDAQ:NVDA\", name: \"NVIDIA\", icon: \"🟢\", cat: \"stock\" },\n { symbol: \"NASDAQ:MSFT\", name: \"Microsoft\", icon: \"🪟\", cat: \"stock\" },\n { symbol: \"NASDAQ:GOOGL\", name: \"Google\", icon: \"🔍\", cat: \"stock\" },\n { symbol: \"NASDAQ:AMZN\", name: \"Amazon\", icon: \"📦\", cat: \"stock\" },\n { symbol: \"NASDAQ:META\", name: \"Meta\", icon: \"👁️\", cat: \"stock\" },\n { symbol: \"NYSE:AMD\", name: \"AMD\", icon: \"🔴\", cat: \"stock\" },\n { symbol: \"TVC:GOLD\", name: \"Vàng\", icon: \"🥇\", cat: \"commodity\" },\n { symbol: \"TVC:SILVER\", name: \"Bạc\", icon: \"🥈\", cat: \"commodity\" },\n { symbol: \"NYMEX:CL1!\", name: \"Dầu thô\", icon: \"🛢️\", cat: \"commodity\" },\n { symbol: \"NYMEX:NG1!\", name: \"Khí gas\", icon: \"🔥\", cat: \"commodity\" },\n { symbol: \"FX:EURUSD\", name: \"EUR/USD\", icon: \"€\", cat: \"forex\" },\n { symbol: \"FX:GBPUSD\", name: \"GBP/USD\", icon: \"£\", cat: \"forex\" },\n { symbol: \"FX:USDJPY\", name: \"USD/JPY\", icon: \"¥\", cat: \"forex\" },\n];\n\nconst TIMEFRAMES = [\n { key: \"1\", label: \"1m\" },\n { key: \"5\", label: \"5m\" },\n { key: \"15\", label: \"15m\" },\n { key: \"60\", label: \"1H\" },\n { key: \"1D\", label: \"1D\" },\n { key: \"1W\", label: \"1W\" },\n { key: \"1M\", label: \"1M\" },\n];\n\nconst CATEGORIES = [\n { key: \"all\", label: \"Tất cả\", icon: \"🌐\" },\n { key: \"crypto\", label: \"Crypto\", icon: \"₿\" },\n { key: \"stock\", label: \"Cổ phiếu\", icon: \"📈\" },\n { key: \"commodity\", label: \"Hàng hóa\", icon: \"🥇\" },\n { key: \"forex\", label: \"Forex\", icon: \"💱\" },\n];\n\nexport default function App() {\n const [symbol, setSymbol] = useState(\"BINANCE:BTCUSDT\");\n const [timeframe, setTimeframe] = useState(\"1D\");\n const [data, setData] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n const [query, setQuery] = useState(\"\");\n const [searchResults, setSearchResults] = useState([]);\n const [showSearch, setShowSearch] = useState(false);\n const [category, setCategory] = useState(\"all\");\n const [watchlist, setWatchlist] = useState(() => {\n try { return JSON.parse(localStorage.getItem(\"wl\") || \"[]\"); }\n catch { return []; }\n });\n const [now, setNow] = useState(Date.now());\n const searchRef = useRef(null);\n\n // Clock\n useEffect(() => {\n const t = setInterval(() => setNow(Date.now()), 1000);\n return () => clearInterval(t);\n }, []);\n\n // Save watchlist\n useEffect(() => { localStorage.setItem(\"wl\", JSON.stringify(watchlist)); }, [watchlist]);\n\n // Search\n useEffect(() => {\n if (query.length < 2) { setSearchResults([]); return; }\n const t = setTimeout(async () => {\n try {\n const r = await fetch(`/api/search?q=${encodeURIComponent(query)}`);\n const d = await r.json();\n setSearchResults(d?.quotes?.slice(0, 8) || []);\n } catch { setSearchResults([]); }\n }, 250);\n return () => clearTimeout(t);\n }, [query]);\n\n // Click outside\n useEffect(() => {\n const h = (e: MouseEvent) => {\n if (searchRef.current && !searchRef.current.contains(e.target as Node)) setShowSearch(false);\n };\n document.addEventListener(\"mousedown\", h);\n return () => document.removeEventListener(\"mousedown\", h);\n }, []);\n\n // Fetch data\n const load = useCallback(async () => {\n setLoading(true);\n setError(\"\");\n try {\n const r = await fetch(`/api/signals/${symbol}?tf=${timeframe}`);\n const d = await r.json();\n if (d.error) throw new Error(d.error);\n setData(d);\n } catch (e: any) {\n setError(e.message);\n } finally {\n setLoading(false);\n }\n }, [symbol, timeframe]);\n\n useEffect(() => {\n load();\n const iv = setInterval(load, 45_000);\n return () => clearInterval(iv);\n }, [load]);\n\n const pick = (s: string) => { setSymbol(s); setShowSearch(false); setQuery(\"\"); };\n const inWl = (s: string) => watchlist.includes(s);\n const toggleWl = (s: string, e?: React.MouseEvent) => {\n e?.stopPropagation();\n setWatchlist(p => inWl(s) ? p.filter(x => x !== s) : [...p, s]);\n };\n\n const filtered = POPULAR.filter(p => category === \"all\" || p.cat === category);\n const sig = data?.signals;\n const sigColor = !sig ? \"#666\" : sig.type === \"BUY\" ? \"#00e676\" : sig.type === \"SELL\" ? \"#ff1744\" : \"#ffab00\";\n const priceFmt = (n: number | null | undefined) => {\n if (n == null) return \"—\";\n if (n >= 1000) return n.toLocaleString(\"en-US\", { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n if (n >= 1) return n.toFixed(2);\n return n.toFixed(6);\n };\n\n return (\n

\n {/* TOP BAR */}\n

\n 📊\n TradingSignals\n LIVE\n

\n 🔍\n setShowSearch(true)}\n onChange={e => setQuery(e.target.value)}\n />\n

\n {showSearch && query.length >= 2 && (\n

\n {searchResults.length === 0\n ?

Không tìm thấy

\n : searchResults.map((r: any, i: number) => (\n

pick(r.symbol || `${r.exchDisp}:${r.symbol}`)}>\n

\n {r.symbol}\n {r.shortname || r.longname}\n

\n {r.typeDisp || r.quoteType}\n

\n ))}\n

\n )}\n

\n {new Date(now).toLocaleTimeString(\"vi-VN\")} UTC+7\n {\"\"}\n

\n\n

\n {/* SIDEBAR */}\n

\n {/* Category tabs */}\n

\n {CATEGORIES.map(c => (\n \n ))}\n

\n\n {/* Watchlist */}\n {watchlist.length > 0 && (\n

⭐ Watchlist

\n {watchlist.map(s => (\n

pick(s)}>\n {s.split(\":\")[1]}\n \n

\n ))}\n

\n )}\n\n {/* Market list */}\n

\n {CATEGORIES.find(c => c.key === category)?.icon}{\" \"}\n {CATEGORIES.find(c => c.key === category)?.label}\n

\n {filtered.map(p => (\n

pick(p.symbol)}>\n {p.icon}\n

\n {p.symbol.split(\":\")[1]}\n {p.name}\n

\n \n

\n ))}\n

\n\n {/* MAIN */}\n

\n {/* Symbol header */}\n

{symbol}

\n \n {data && (\n

\n {priceFmt(data.lastPrice)}\n = 0 ? \"up\" : \"down\"}`}>\n {data.priceChange >= 0 ? \"▲\" : \"▼\"} {Math.abs(data.priceChange).toFixed(2)}%\n \n

\n )}\n

\n {TIMEFRAMES.map(tf => (\n \n ))}\n \n

\n\n {/* Loading bar */}\n {loading &&

}\n {error &&

⚠️ {error}

}\n\n {/* CHART */}\n

\n {data?.chart ? : (\n

{loading ? \"Đang tải...\" : \"Chọn mã để xem biểu đồ\"}

\n )}\n

\n\n {/* SIGNAL DASHBOARD */}\n {sig && (\n

\n {/* Hero signal */}\n

\n {sig.type === \"BUY\" ? \"🟢 MUA MẠNH\" : sig.type === \"SELL\" ? \"🔴 BÁN MẠNH\" : \"🟡 CHỜ ĐỢI\"}\n

\n \n \n

\n {sig.strength}%\n

Xác suất {sig.type === \"BUY\" ? \"tăng\" : sig.type === \"SELL\" ? \"giảm\" : \"đi ngang\"}

\n\n {/* Indicator cards */}\n

\n 70 ? \"Quá mua\" : \"Trung tính\"}\n color={Number(sig.indicators.rsi) < 30 ? \"#00e676\" : Number(sig.indicators.rsi) > 70 ? \"#ff1744\" : \"#9e9e9e\"} />\n \n \n \n \n \n

\n\n {/* Reasons */}\n

📋 Phân tích chi tiết ({data?.candleCount} nến)

\n {sig.reasons.map((r, i) =>

→ {r}

)}\n

\n\n

\n ⚠️ Tín hiệu dựa trên phân tích kỹ thuật tự động. KHÔNG phải lời khuyên đầu tư. Hãy luôn tự nghiên cứu (DYOR).\n

\n )}\n

\n );\n}\n\nfunction Meter({ label, value, color }: { label: string; value: number; color: string }) {\n return (\n

\n {label}\n {value}%\n

\n );\n}\n\nfunction IndCard({ label, value, hint, color }: { label: string; value: string; hint?: string; color: string }) {\n return (\n

\n {label}\n {value}\n {hint && {hint}}\n

\n );\n}\n\nfunction CandleChart({ chart }: { chart: SignalData[\"chart\"] }) {\n const { timestamp, open, high, low, close, volume } = chart;\n // Filter valid candles\n const indices: number[] = [];\n for (let i = 0; i < timestamp.length; i++) {\n if (open[i] != null && close[i] != null && open[i] > 0) indices.push(i);\n }\n if (indices.length < 2) return

Không đủ dữ liệu biểu đồ

;\n\n const W = 960, H = 400, PAD = { t: 15, r: 70, b: 40, l: 10 };\n const cW = W - PAD.l - PAD.r;\n const cH = H - PAD.t - PAD.b;\n const volH = 60; // volume section height at bottom\n\n const prices = indices.flatMap(i => [high[i], low[i]]);\n const minP = Math.min(...prices);\n const maxP = Math.max(...prices);\n const pRange = maxP - minP || 1;\n const maxVol = Math.max(...indices.map(i => volume[i] || 0)) || 1;\n\n const toY = (p: number) => PAD.t + (cH - volH) * (1 - (p - minP) / pRange);\n const gap = cW / indices.length;\n const candleW = Math.max(1.5, Math.min(10, gap - 1.5));\n\n // SMA20 line\n const sma20: (number | null)[] = indices.map((_, j) => {\n if (j < 19) return null;\n let sum = 0;\n for (let k = j - 19; k <= j; k++) sum += close[indices[k]];\n return sum / 20;\n });\n\n const smaPath = sma20.map((v, j) => {\n if (v === null) return \"\";\n const x = PAD.l + j * gap + gap / 2;\n const y = toY(v);\n return (j === 0 || sma20[j - 1] === null) ? `M${x},${y}` : `L${x},${y}`;\n }).join(\"\");\n\n // Price grid\n const gridSteps = 6;\n const gridLines = Array.from({ length: gridSteps + 1 }, (_, i) => {\n const p = minP + (pRange / gridSteps) * i;\n return { p, y: toY(p) };\n });\n\n const lastClose = close[indices[indices.length - 1]];\n const lastY = toY(lastClose);\n\n return (\n \n );\n}\n",[],[104,139],["D",1779286533919],[149,150,151],[19],{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":158,"_17":65,"_52":53,"_54":73,"_56":57,"_58":-5,"_90":159,"_18":160},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":155,"_17":65,"_52":53,"_54":66,"_56":57,"_58":-5,"_90":156,"_18":157},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":152,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_90":153,"_18":154},["D",1779286565955],[],[19,38],["D",1779287129285],[],[19,61],["D",1779287116688],[],[19,69],"4f15590e-5456-11f1-b185-ee650bb23af1",["D",1779286509590],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","TradingView-like charts with probability signals","imageUrl","userId","dc5e8e8b-d4bb-46c6-976e-943266f77e93","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019e45b7-9b83-73b3-a72a-a32f9fa01ccb","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_215":211},"org",{"_11":12,"_208":209,"_210":211,"_171":172,"_212":213,"_214":57},"branch",{"_17":96,"_13":16,"_36":44,"_200":161,"_201":-5,"_202":-5,"_203":-5,"_204":-5,"_205":-5,"_206":14,"_207":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Zola Hammonds","avatar","https://lh3.googleusercontent.com/a/ACg8ocIn7Ohie3qSo9ApmpO1WvNL9JvK4p_geYXcKnJng3Y1TQFMCw=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":161,"_13":14,"_49":285,"_163":-5,"_164":57,"_165":166,"_167":166,"_168":169,"_170":-5,"_171":172,"_173":95,"_174":48,"_175":-5,"_176":-5,"_177":51,"_178":179,"_180":-5,"_181":-5,"_182":-5,"_183":-5,"_184":185,"_186":185,"_187":188,"_189":188,"_190":188,"_191":185,"_192":185,"_193":286,"_195":287,"_197":288,"_199":57},[252,256,261,262],"files",[252,253,254,255,256,257,258,259,260,261,262],"counts",{"_243":51,"_244":65,"_245":51,"_32":246,"_247":248},[237,238,239],{"_36":75,"_43":44,"_39":42,"_13":19,"_54":-5,"_52":77,"_17":51,"_41":-5,"_49":235,"_45":65,"_58":-5,"_18":236},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1779286533919],[19],{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":72,"_17":65,"_52":53,"_54":73,"_56":57,"_58":-5,"_18":242},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":65,"_52":53,"_54":66,"_56":57,"_58":-5,"_18":241},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":240},[19,38],[19,61],[19,69],"pulls","branches","forks",{"_249":65,"_251":51},"connections",{"_249":51,"_250":51},"count","unfilledCount","emptyCount",{"_36":75,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":65,"_47":48,"_49":146,"_17":51,"_52":77,"_54":-5,"_56":57,"_58":-5,"_90":283,"_18":284},{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":158,"_17":65,"_52":53,"_54":73,"_56":57,"_58":-5,"_90":281,"_18":282},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":155,"_17":65,"_52":53,"_54":66,"_56":57,"_58":-5,"_90":279,"_18":280},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":152,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_90":277,"_18":278},{"_36":103,"_13":104,"_39":105,"_41":-5,"_43":44,"_45":106,"_47":48,"_49":107,"_17":51,"_52":77,"_54":-5,"_56":57,"_58":-5,"_90":275,"_18":276},{"_36":138,"_13":139,"_39":140,"_41":105,"_43":44,"_45":141,"_47":48,"_49":142,"_17":46,"_52":53,"_54":143,"_56":57,"_58":-5,"_90":273,"_18":274},{"_36":130,"_13":131,"_39":132,"_41":105,"_43":44,"_45":133,"_47":48,"_49":134,"_17":51,"_52":53,"_54":135,"_56":57,"_58":-5,"_90":271,"_18":272},{"_36":122,"_13":123,"_39":124,"_41":105,"_43":44,"_45":125,"_47":48,"_49":126,"_17":65,"_52":24,"_54":127,"_56":57,"_58":-5,"_90":269,"_18":270},{"_36":114,"_13":115,"_39":116,"_41":105,"_43":44,"_45":117,"_47":48,"_49":118,"_17":65,"_52":53,"_54":119,"_56":57,"_58":-5,"_90":267,"_18":268},{"_36":93,"_13":94,"_39":95,"_41":-5,"_43":44,"_45":96,"_47":48,"_49":97,"_17":88,"_52":98,"_54":99,"_56":57,"_58":100,"_90":265,"_18":266},{"_36":83,"_13":84,"_39":85,"_41":-5,"_43":44,"_45":86,"_47":48,"_49":87,"_17":88,"_52":53,"_54":89,"_56":57,"_58":-5,"_90":263,"_18":264},[],[84],[],[94],[],[104,115],[],[104,123],[],[104,131],[],[104,139],[257,258,259,260],[104],[],[19,38],[],[19,61],[],[19,69],[253,254,255],[19],["D",1779286509590],{"_11":12,"_215":211},{"_11":12,"_208":209,"_210":211,"_171":172,"_212":213,"_214":57},{"_17":96,"_13":16,"_36":44,"_200":161,"_201":-5,"_202":-5,"_203":-5,"_204":-5,"_205":-5,"_206":14,"_207":12},"ctx",{"_193":-5,"_232":322,"_323":324,"_325":326,"_327":57,"_328":57,"_329":57,"_330":48,"_331":-5,"_332":-7,"_333":-7,"_334":51,"_335":57,"_336":57,"_337":-5,"_338":57,"_339":57,"_340":57,"_341":-5},"ENV",{"_293":294,"_295":296,"_297":16,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321},"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"]