tradebot-ng-ui (0.0.0)
Published 2026-04-21 11:05:48 +00:00 by derfenix
Installation
registry=npm install tradebot-ng-ui@0.0.0"tradebot-ng-ui": "0.0.0"About this package
tradebot-ng-ui
Trading bot monitoring dashboard built with Vue 3 and Vite. Provides real-time portfolio tracking, decision history visualization, and account management for automated trading systems.
Features
- Dashboard Overview — consolidated view of all trading accounts with key metrics
- Portfolio Cards — per-account equity, P&L, position details, and health status
- Decision Chart — interactive price history with buy/sell/hold decision markers
- Auto-Refresh — clock-aligned data updates (every 15 minutes at :00, :15, :30, :45)
- Dark/Light Theme — automatic theme detection with CSS variable-based styling
Tech Stack
- Vue 3 (Composition API)
- TypeScript
- Vite
- Pinia (state management)
- Vue Router
- OpenAPI-generated API client
Development
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Run linter
npm run lint
API Integration
The UI connects to a REST API (configured via VITE_API_URL environment variable). API types are auto-generated from OpenAPI specification using openapi-typescript.
Project Structure
src/
api/ — API client and generated types
components/ — Vue components (PortfolioCard, DecisionChart)
stores/ — Pinia stores (portfolio state management)
views/ — Page components (Dashboard, AccountDetail)
Dependencies
Dependencies
| ID | Version |
|---|---|
| pinia | ^3.0.4 |
| vue | ^3.5.31 |
| vue-router | ^5.0.4 |
Development dependencies
| ID | Version |
|---|---|
| @tsconfig/node24 | ^24.0.4 |
| @types/node | ^24.12.0 |
| @vitejs/plugin-vue | ^6.0.5 |
| @vue/eslint-config-typescript | ^14.7.0 |
| @vue/tsconfig | ^0.9.1 |
| eslint | ^10.1.0 |
| eslint-config-prettier | ^10.1.8 |
| eslint-plugin-oxlint | ~1.57.0 |
| eslint-plugin-vue | ~10.8.0 |
| jiti | ^2.6.1 |
| npm-run-all2 | ^8.0.4 |
| openapi-typescript | ^7.13.0 |
| oxlint | ~1.57.0 |
| prettier | 3.8.1 |
| typescript | ~6.0.0 |
| vite | ^8.0.3 |
| vite-plugin-vue-devtools | ^8.1.1 |
| vue-tsc | ^3.2.6 |
Details
2026-04-21 11:05:48 +00:00
Assets (1)
Versions (3)
View all
npm
4
233 KiB
tradebot-ng-ui-0.0.0.tgz
233 KiB