feat: Add presence heartbeat for Matrix online status
- matrix-gateway: POST /internal/matrix/presence/online endpoint - usePresenceHeartbeat hook with activity tracking - Auto away after 5 min inactivity - Offline on page close/visibility change - Integrated in MatrixChatRoom component
This commit is contained in:
154
node-network-app/README.md
Normal file
154
node-network-app/README.md
Normal file
@@ -0,0 +1,154 @@
|
||||
# 🌐 DAGI Node Network App
|
||||
|
||||
Окремий застосунок для управління мережею нод DAGI на порту **3000**.
|
||||
|
||||
## 🎯 Що це?
|
||||
|
||||
Це мобільний/веб застосунок для:
|
||||
- 📊 Моніторингу нод у мережі DAGI
|
||||
- ➕ Підключення нових нод
|
||||
- 📈 Перегляду метрик та статистики
|
||||
- 🎛️ Управління кабінетами нод
|
||||
|
||||
## 🚀 Швидкий старт
|
||||
|
||||
```bash
|
||||
# 1. Встановити залежності
|
||||
npm install
|
||||
|
||||
# 2. Запустити dev server
|
||||
npm run dev
|
||||
|
||||
# 3. Відкрити в браузері
|
||||
http://localhost:3000
|
||||
```
|
||||
|
||||
## 📦 Структура
|
||||
|
||||
```
|
||||
node-network-app/
|
||||
├── src/
|
||||
│ ├── components/
|
||||
│ │ └── Layout.tsx # Основний layout з навігацією
|
||||
│ ├── pages/
|
||||
│ │ ├── Dashboard.tsx # Головна сторінка з оглядом
|
||||
│ │ ├── NodesPage.tsx # Список всіх нод
|
||||
│ │ ├── NodeDetailPage.tsx # Детальна інформація про ноду
|
||||
│ │ ├── ConnectNodePage.tsx # Підключення нових нод
|
||||
│ │ └── MetricsPage.tsx # Метрики та статистика
|
||||
│ ├── App.tsx
|
||||
│ ├── main.tsx
|
||||
│ └── index.css
|
||||
├── index.html
|
||||
├── vite.config.ts
|
||||
├── tailwind.config.js
|
||||
└── package.json
|
||||
```
|
||||
|
||||
## 🎨 Features
|
||||
|
||||
### ✅ Dashboard
|
||||
- Network statistics (всього нод, online, offline, uptime)
|
||||
- Список останніх нод
|
||||
- Quick actions (підключити ноду, метрики)
|
||||
|
||||
### ✅ Ноди
|
||||
- Список всіх зареєстрованих нод
|
||||
- Пошук та фільтрація
|
||||
- Детальна інформація про кожну ноду
|
||||
- Real-time оновлення статусів
|
||||
|
||||
### ✅ Підключення
|
||||
- Інструкції для macOS/Linux/Windows
|
||||
- Copy-to-clipboard команди
|
||||
- Підказки для користувачів
|
||||
|
||||
### ✅ Метрики (Coming Soon)
|
||||
- Графіки продуктивності
|
||||
- Історія heartbeat
|
||||
- Аналіз використання ресурсів
|
||||
|
||||
## 🔌 API Integration
|
||||
|
||||
Застосунок підключається до Node Registry Service:
|
||||
|
||||
```typescript
|
||||
// Proxy налаштовано в vite.config.ts
|
||||
'/api' -> 'http://localhost:9205'
|
||||
|
||||
// Endpoints:
|
||||
GET /api/v1/nodes - Список нод
|
||||
GET /api/v1/nodes/:id - Інформація про ноду
|
||||
GET /api/metrics - Network statistics
|
||||
POST /api/v1/nodes/register - Реєстрація ноди
|
||||
POST /api/v1/nodes/heartbeat - Heartbeat
|
||||
```
|
||||
|
||||
## 📱 Responsive Design
|
||||
|
||||
- ✅ Desktop (1920x1080+)
|
||||
- ✅ Tablet (768px+)
|
||||
- ✅ Mobile (375px+)
|
||||
- ✅ Touch-friendly navigation
|
||||
|
||||
## 🎯 Порти
|
||||
|
||||
- **3000** - DAGI Node Network App (цей проект)
|
||||
- **8899** - MicroDAO Main App
|
||||
- **9205** - Node Registry Service
|
||||
|
||||
## 🛠️ Технології
|
||||
|
||||
- React 18
|
||||
- TypeScript
|
||||
- Vite
|
||||
- Tailwind CSS
|
||||
- React Router
|
||||
- Lucide Icons
|
||||
|
||||
## 📝 Development
|
||||
|
||||
```bash
|
||||
# Запустити dev server
|
||||
npm run dev
|
||||
|
||||
# Build для production
|
||||
npm run build
|
||||
|
||||
# Preview production build
|
||||
npm run preview
|
||||
```
|
||||
|
||||
## 🎨 Дизайн
|
||||
|
||||
- Dark theme
|
||||
- Gradient backgrounds
|
||||
- Glassmorphism effects
|
||||
- Mobile-first approach
|
||||
- Beautiful animations
|
||||
|
||||
## 🔥 Що далі?
|
||||
|
||||
### Phase 2:
|
||||
- [ ] Real-time WebSocket оновлення
|
||||
- [ ] Metrics charts (Chart.js)
|
||||
- [ ] Node actions (reboot, logs)
|
||||
- [ ] User authentication
|
||||
- [ ] Node groups/tags
|
||||
|
||||
### Phase 3:
|
||||
- [ ] Mobile app (React Native)
|
||||
- [ ] Push notifications
|
||||
- [ ] Advanced analytics
|
||||
- [ ] Multi-language support
|
||||
|
||||
## 📄 License
|
||||
|
||||
Private - DAGI Project
|
||||
|
||||
---
|
||||
|
||||
**Created by**: Daarion Team
|
||||
**Date**: 2025-11-23
|
||||
**Version**: 1.0.0
|
||||
|
||||
Reference in New Issue
Block a user