Implement Jupiter-style trading chart with lightweight-charts

- Add TradingView Lightweight Charts library for professional chart display
- Create TradingChart component with real-time candlestick data
- Implement position overlays (entry, stop loss, take profit lines)
- Add chart header with symbol and price information
- Create CompactTradingPanel for Jupiter-style order form
- Build ChartTradingPage combining chart and trading panel
- Add demo and test pages for chart functionality
- Use dynamic imports to avoid SSR issues with lightweight-charts
- Generate sample price data for demonstration

Features:
- Full-screen candlestick chart with dark theme
- Position markers on chart (blue entry, red SL, green TP)
- Real-time price display and P&L tracking
- Responsive design with proper chart resizing
- Professional trading interface similar to Jupiter Perps
This commit is contained in:
mindesbunister
2025-07-16 12:31:58 +02:00
parent 39b6300939
commit 2db2be241b
12 changed files with 1622 additions and 1 deletions

View File

@@ -42,6 +42,7 @@
"@solana/web3.js": "^1.98.2",
"bs58": "^6.0.0",
"dotenv": "^17.2.0",
"lightweight-charts": "^5.0.8",
"next": "15.3.5",
"node-fetch": "^3.3.2",
"openai": "^5.8.3",