tradebot-ng-ui (0.1.1)

Published 2026-05-13 18:11:02 +00:00 by derfenix

Installation

registry=
npm install tradebot-ng-ui@0.1.1
"tradebot-ng-ui": "0.1.1"

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
npm
2026-05-13 18:11:02 +00:00
1
latest
244 KiB
Assets (1)
Versions (3) View all
0.1.1 2026-05-13
0.1.0 2026-04-21
0.0.0 2026-04-21