Multi-Broker Auto-Trading Bot

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_319":320,"_321":322},"routes/_app.x.$handle.$name",{"_105":104,"_37":50,"_113":95,"_32":114,"_13":14,"_115":-5,"_11":116,"_117":118,"_119":120,"_121":122,"_123":124,"_26":-5,"_125":-5,"_126":-5,"_127":30,"_128":129,"_130":64,"_131":-5,"_132":-5,"_133":134},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":30},"version",14,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","f79387e2-2afa-4821-be88-506c97f01627","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","src/frontend/components/Chart.tsx","latestPath","fileId","0cccf722-80df-11f1-ba29-1607ee4eb77e","name","Chart.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { Candle } from \"../api.ts\";\n\nexport function CandleChart({ candles }: { candles: Candle[] }) {\n const ref = useRef(null);\n\n useEffect(() => {\n const canvas = ref.current;\n if (!canvas || candles.length === 0) return;\n const dpr = window.devicePixelRatio || 1;\n const W = canvas.clientWidth;\n const H = canvas.clientHeight;\n canvas.width = W * dpr;\n canvas.height = H * dpr;\n const ctx = canvas.getContext(\"2d\")!;\n ctx.scale(dpr, dpr);\n ctx.clearRect(0, 0, W, H);\n\n const priceH = H * 0.78;\n const volH = H * 0.22;\n const padR = 56;\n const plotW = W - padR;\n\n const data = candles.slice(-120);\n const highs = data.map((c) => c.high);\n const lows = data.map((c) => c.low);\n const maxP = Math.max(...highs);\n const minP = Math.min(...lows);\n const range = maxP - minP || 1;\n const maxV = Math.max(...data.map((c) => c.volume), 1);\n\n const cw = plotW / data.length;\n const bodyW = Math.max(1, cw * 0.6);\n const yP = (p: number) => 6 + (priceH - 12) * (1 - (p - minP) / range);\n\n ctx.font = \"10px ui-monospace, monospace\";\n ctx.textBaseline = \"middle\";\n for (let i = 0; i <= 4; i++) {\n const p = minP + (range * i) / 4;\n const y = yP(p);\n ctx.strokeStyle = \"rgba(148,163,184,0.12)\";\n ctx.beginPath();\n ctx.moveTo(0, y);\n ctx.lineTo(plotW, y);\n ctx.stroke();\n ctx.fillStyle = \"rgba(148,163,184,0.8)\";\n ctx.fillText(p.toFixed(2), plotW + 6, y);\n }\n\n data.forEach((c, i) => {\n const x = i * cw + cw / 2;\n const up = c.close >= c.open;\n const color = up ? \"#22c55e\" : \"#ef4444\";\n ctx.strokeStyle = color;\n ctx.fillStyle = color;\n ctx.beginPath();\n ctx.moveTo(x, yP(c.high));\n ctx.lineTo(x, yP(c.low));\n ctx.stroke();\n const yo = yP(c.open);\n const yc = yP(c.close);\n const top = Math.min(yo, yc);\n const h = Math.max(1, Math.abs(yc - yo));\n ctx.fillRect(x - bodyW / 2, top, bodyW, h);\n const vh = (c.volume / maxV) * (volH - 6);\n ctx.globalAlpha = 0.5;\n ctx.fillRect(x - bodyW / 2, H - vh, bodyW, vh);\n ctx.globalAlpha = 1;\n });\n }, [candles]);\n\n return

{title}

Diff · v14