refactor: restructure project directories for better modularity

- Delete llm/ dead code (3 files, zero references) - Split mcp/ into sub-packages: mcp/provider/ (8 providers) and mcp/payment/ (4 payment clients) with registry pattern - Export Client internal fields and ClientHooks interface for sub-package access - Split api/server.go (3892 lines) into 8 domain-specific handler files - Split trader/auto_trader.go (2296 lines) into 5 focused files - Reorganize web/src/components/ flat files into auth/, charts/, trader/, common/, modals/, backtest/ subdirectories - Update all consumer imports to use registry-based provider creation
2026-07-11 14:56:57 +08:00 · 2026-03-11 23:58:13 +08:00
parent 6a30e11ee5
commit 8e294a5eed
103 changed files with 6391 additions and 8984 deletions
--- a/web/src/components/charts/ChartWithOrdersSimple.tsx
+++ b/web/src/components/charts/ChartWithOrdersSimple.tsx
@@ -0,0 +1,121 @@
+import { useEffect, useState } from 'react'
+import { httpClient } from '../../lib/httpClient'
+
+interface ChartWithOrdersSimpleProps {
+  symbol: string
+  interval?: string
+  traderID?: string
+  height?: number
+}
+
+export function ChartWithOrdersSimple({
+  symbol = 'BTCUSDT',
+  interval = '5m',
+  traderID,
+  height = 500,
+}: ChartWithOrdersSimpleProps) {
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<string | null>(null)
+  const [klineCount, setKlineCount] = useState(0)
+  const [orderCount, setOrderCount] = useState(0)
+
+  useEffect(() => {
+    const loadData = async () => {
+      console.log('[ChartSimple] Loading data for', symbol, interval, 'trader:', traderID)
+      setLoading(true)
+      setError(null)
+
+      try {
+        // 从我们自己的服务获取K线数据
+        const limit = 100
+        const klineUrl = `/api/klines?symbol=${symbol}&interval=${interval}&limit=${limit}`
+
+        console.log('[ChartSimple] Fetching klines from our service:', klineUrl)
+        const klineResult = await httpClient.get(klineUrl)
+
+        if (!klineResult.success || !klineResult.data) {
+          throw new Error('Failed to fetch klines from our service')
+        }
+
+        console.log('[ChartSimple] Received klines:', klineResult.data.length)
+        setKlineCount(klineResult.data.length)
+
+        // 测试获取订单数据
+        if (traderID) {
+          const tradesUrl = `/api/trades?trader_id=${traderID}&symbol=${symbol}&limit=100`
+          console.log('[ChartSimple] Fetching trades from:', tradesUrl)
+          const tradesResult = await httpClient.get(tradesUrl)
+
+          if (tradesResult.success && tradesResult.data) {
+            console.log('[ChartSimple] Received trades:', tradesResult.data.length)
+            setOrderCount(tradesResult.data.length)
+          } else {
+            console.warn('[ChartSimple] Failed to fetch trades:', tradesResult.message || 'Unknown error', tradesResult)
+          }
+        }
+
+        setLoading(false)
+      } catch (err: any) {
+        console.error('[ChartSimple] Error:', err)
+        setError(err.message || 'Failed to load data')
+        setLoading(false)
+      }
+    }
+
+    loadData()
+  }, [symbol, interval, traderID])
+
+  return (
+    <div className="relative" style={{ background: '#0B0E11', borderRadius: '8px', overflow: 'hidden', minHeight: height }}>
+      {/* 标题栏 */}
+      <div className="flex items-center justify-between p-4" style={{ borderBottom: '1px solid #2B3139' }}>
+        <div className="flex items-center gap-3">
+          <span className="text-xl">📈</span>
+          <h3 className="text-lg font-bold" style={{ color: '#EAECEF' }}>
+            {symbol} {interval} (测试模式)
+          </h3>
+        </div>
+        {loading && (
+          <div className="text-sm" style={{ color: '#848E9C' }}>
+            加载中...
+          </div>
+        )}
+      </div>
+
+      {/* 测试信息 */}
+      <div className="p-8 space-y-4">
+        {error ? (
+          <div className="text-center">
+            <div className="text-2xl mb-2">⚠️</div>
+            <div style={{ color: '#F6465D' }}>{error}</div>
+          </div>
+        ) : (
+          <>
+            <div className="p-4 rounded" style={{ background: '#1E2329', border: '1px solid #2B3139' }}>
+              <div className="text-sm mb-2" style={{ color: '#848E9C' }}>币安K线数据</div>
+              <div className="text-2xl font-bold" style={{ color: '#0ECB81' }}>
+                {klineCount} 根K线
+              </div>
+            </div>
+
+            {traderID && (
+              <div className="p-4 rounded" style={{ background: '#1E2329', border: '1px solid #2B3139' }}>
+                <div className="text-sm mb-2" style={{ color: '#848E9C' }}>历史订单数据</div>
+                <div className="text-2xl font-bold" style={{ color: '#F0B90B' }}>
+                  {orderCount} 笔订单
+                </div>
+              </div>
+            )}
+
+            <div className="p-4 rounded" style={{ background: '#1E2329', border: '1px solid #2B3139' }}>
+              <div className="text-sm mb-2" style={{ color: '#848E9C' }}>状态</div>
+              <div className="text-lg" style={{ color: '#EAECEF' }}>
+                ✅ 数据获取正常，图表组件开发中
+              </div>
+            </div>
+          </>
+        )}
+      </div>
+    </div>
+  )
+}