sysmon-tui-dashboard 1.0.0

package/.qwen/settings.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm install *)"
+    ]
+  }
+}

package/README-npm.md

@@ -0,0 +1,100 @@
+# tui-sysmon
+
+> Real-time system monitor dashboard in your terminal
+
+Beautiful terminal-based system monitoring dashboard showing CPU, RAM, Network, Disk usage and top processes.
+
+![Node.js](https://img.shields.io/badge/node-%3E%3D14.0.0-brightgreen)
+![License](https://img.shields.io/badge/license-MIT-blue)
+![Platform](https://img.shields.io/badge/platform-Windows%20%7C%20Linux%20%7C%20macOS-lightgrey)
+
+## Features
+
+- 📊 **CPU Usage** - Real-time CPU load with per-core support and history graph
+- 💾 **RAM Usage** - Memory usage gauge with history sparkline
+- 🌐 **Network** - Upload/Download speed chart
+- 💿 **Disk Usage** - Visual disk space usage per drive
+- 📋 **Top Processes** - Table of top processes by CPU/RAM
+- ℹ️ **System Info** - OS, CPU, cores, uptime
+
+## Installation
+
+### Global (recommended)
+
+```bash
+npm install -g tui-sysmon
+```
+
+### Without installation
+
+```bash
+npx tui-sysmon
+```
+
+### Local project
+
+```bash
+npm install tui-sysmon
+```
+
+## Usage
+
+If installed globally:
+```bash
+sysmon
+```
+
+Or via npm script:
+```bash
+npx tui-sysmon
+```
+
+### Controls
+
+| Key | Action |
+|-----|--------|
+| `q` / `Esc` / `Ctrl+C` | Exit |
+
+## Dashboard Layout
+
+```
+┌───────── CPU ─────────┬───────── RAM ─────────┐
+│      [==== 72% ====]  │      [==== 45% ====]  │
+├───────── History ─────┴───────── History ──────┤
+│  ▁▃▅▇▆▄▂▁▃▅▇█▆▄▂     │  ▂▄▆▅▃▁▂▄▆▅▃▁▂▄▆     │
+├─────── Network ───────┬──────── Disk ──────────┤
+│    ╱╲    ╱╲           │  C:\  [████░░] 65%    │
+│   ╱  ╲  ╱  ╲          │  D:\  [██░░░░] 32%    │
+│  ╱    ╲╱    ╲         │  E:\  [██████] 89%    │
+├──── System Info ──────┬──── Top Processes ─────┤
+│  OS: Windows 11       │  PID  Name     CPU RAM │
+│  CPU: Ryzen 7 5800X   │  1234 chrome   12% 2G │
+│  Cores: 16            │  5678 node      8% 500M│
+│  Uptime: 3d 14h 22m   │  9012 code      5% 800M│
+└───────────────────────┴────────────────────────┘
+```
+
+## Requirements
+
+- Node.js >= 14.0.0
+- Works on Windows, Linux, macOS
+
+## Development
+
+```bash
+# Clone and run
+git clone <repo-url>
+cd tui-sysmon
+npm install
+npm start
+```
+
+## Tech Stack
+
+- [blessed](https://github.com/chjj/blessed) - Terminal UI framework
+- [blessed-contrib](https://github.com/yaronn/blessed-contrib) - Terminal widgets (charts, gauges, tables)
+- [systeminformation](https://github.com/sebhildebrandt/systeminformation) - System metrics library
+
+## License
+
+MIT

package/dashboard.js

@@ -0,0 +1,307 @@
+#!/usr/bin/env node
+
+const blessed = require('blessed');
+const contrib = require('blessed-contrib');
+const si = require('systeminformation');
+
+// Создаем экран
+const screen = blessed.screen({
+  smartCSR: true,
+  fullUnicode: true,
+  title: 'System Monitor Dashboard'
+});
+
+// Создаем grid layout
+const grid = new contrib.grid({
+  rows: 12,
+  cols: 12,
+  screen: screen
+});
+
+// === Виджеты ===
+
+// CPU Usage - gauge
+const cpuGauge = grid.set(0, 0, 2, 6, contrib.gauge, {
+  label: 'CPU Usage',
+  stroke: 'green',
+  fill: 'green',
+  stack: []
+});
+
+// RAM Usage - gauge
+const ramGauge = grid.set(0, 6, 2, 6, contrib.gauge, {
+  label: 'RAM Usage',
+  stroke: 'cyan',
+  fill: 'cyan',
+  stack: []
+});
+
+// CPU History - sparkline
+const cpuSpark = grid.set(2, 0, 3, 6, contrib.sparkline, {
+  label: 'CPU History (%)',
+  tags: true,
+  style: { fg: 'green' },
+  totalMax: 100
+});
+
+// RAM History - sparkline
+const ramSpark = grid.set(2, 6, 3, 6, contrib.sparkline, {
+  label: 'RAM History (%)',
+  tags: true,
+  style: { fg: 'cyan' },
+  totalMax: 100
+});
+
+// Network - line chart
+const networkChart = grid.set(5, 0, 4, 6, contrib.line, {
+  label: 'Network (KB/s)',
+  tags: true,
+  style: {
+    text: 'yellow',
+    baseline: 'black'
+  },
+  xLabelPadding: 3,
+  xPadding: 5,
+  showLegend: true,
+  legend: { width: 15 }
+});
+
+// Disk Usage - bar chart
+const diskChart = grid.set(5, 6, 4, 6, contrib.bar, {
+  label: 'Disk Usage (%)',
+  tags: true,
+  style: {
+    text: 'white',
+    header: 'white',
+    baseline: 'black'
+  },
+  barBgColor: ['red', 'green', 'blue', 'magenta', 'cyan'],
+  barFgColor: ['white', 'white', 'white', 'white', 'white'],
+  xLabelPadding: 2,
+  xPadding: 5
+});
+
+// System Info - box
+const sysInfo = grid.set(9, 0, 3, 4, blessed.box, {
+  label: 'System Info',
+  tags: true,
+  border: 'line',
+  style: { fg: 'white' },
+  content: 'Loading...'
+});
+
+// Top Processes - table
+const processTable = grid.set(9, 4, 3, 8, contrib.table, {
+  label: 'Top Processes (by CPU)',
+  keys: true,
+  tags: true,
+  interactive: true,
+  border: 'line',
+  columnSpacing: 2,
+  columnWidth: [6, 30, 10, 10, 10]
+});
+
+// Собираем данные для истории
+const cpuHistory = [];
+const ramHistory = [];
+const networkHistory = { upload: [], download: [] };
+const maxHistoryPoints = 30;
+
+// Форматирование байтов
+function formatBytes(bytes) {
+  if (bytes === 0) return '0 B';
+  const k = 1024;
+  const sizes = ['B', 'KB', 'MB', 'GB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
+}
+
+// Форматирование времени аптайма
+function formatUptime(seconds) {
+  const days = Math.floor(seconds / 86400);
+  const hours = Math.floor((seconds % 86400) / 3600);
+  const minutes = Math.floor((seconds % 3600) / 60);
+  if (days > 0) return `${days}d ${hours}h ${minutes}m`;
+  if (hours > 0) return `${hours}h ${minutes}m`;
+  return `${minutes}m`;
+}
+
+// Обновление CPU gauge
+async function updateCPU() {
+  try {
+    const cpuData = await si.currentLoad();
+    const cpuPercent = cpuData.currentLoad.toFixed(1);
+    
+    cpuGauge.setData([parseFloat(cpuPercent)]);
+    cpuGauge.setLabel(`CPU Usage: ${cpuPercent}%`);
+    
+    // История CPU
+    cpuHistory.push(parseFloat(cpuPercent));
+    if (cpuHistory.length > maxHistoryPoints) cpuHistory.shift();
+    
+    cpuSpark.setData(['CPU'], [cpuHistory], ['green']);
+    
+    return cpuData;
+  } catch (err) {
+    console.error('CPU update error:', err);
+    return null;
+  }
+}
+
+// Обновление RAM gauge
+async function updateRAM() {
+  try {
+    const memData = await si.mem();
+    const memPercent = ((memData.active / memData.total) * 100).toFixed(1);
+    
+    ramGauge.setData([parseFloat(memPercent)]);
+    ramGauge.setLabel(`RAM: ${formatBytes(memData.active)} / ${formatBytes(memData.total)}`);
+    
+    // История RAM
+    ramHistory.push(parseFloat(memPercent));
+    if (ramHistory.length > maxHistoryPoints) ramHistory.shift();
+    
+    ramSpark.setData(['RAM'], [ramHistory], ['cyan']);
+    
+    return memData;
+  } catch (err) {
+    console.error('RAM update error:', err);
+    return null;
+  }
+}
+
+// Обновление сети
+let lastNetworkData = null;
+async function updateNetwork() {
+  try {
+    const netData = await si.networkStats();
+    
+    if (netData.length > 0 && lastNetworkData) {
+      const mainInterface = netData[0];
+      const uploadSpeed = (mainInterface.tx_sec - lastNetworkData.tx_sec) * 1000; // KB/s
+      const downloadSpeed = (mainInterface.rx_sec - lastNetworkData.rx_sec) * 1000; // KB/s
+      
+      networkHistory.upload.push(parseFloat((uploadSpeed / 1024).toFixed(2)));
+      networkHistory.download.push(parseFloat((downloadSpeed / 1024).toFixed(2)));
+      
+      if (networkHistory.upload.length > maxHistoryPoints) networkHistory.upload.shift();
+      if (networkHistory.download.length > maxHistoryPoints) networkHistory.download.shift();
+      
+      const timeLabels = networkHistory.upload.map((_, i) => {
+        const secondsAgo = (maxHistoryPoints - i - 1) * 2;
+        return secondsAgo === 0 ? 'now' : `-${secondsAgo}s`;
+      });
+      
+      networkChart.setData({
+        title: 'Upload',
+        x: timeLabels.slice(-15),
+        y: networkHistory.upload.slice(-15),
+        style: 'yellow'
+      }, {
+        title: 'Download',
+        x: timeLabels.slice(-15),
+        y: networkHistory.download.slice(-15),
+        style: 'green'
+      });
+    }
+    
+    lastNetworkData = netData[0];
+  } catch (err) {
+    console.error('Network update error:', err);
+  }
+}
+
+// Обновление диска
+async function updateDisk() {
+  try {
+    const fsData = await si.fsSize();
+    
+    const bars = fsData.slice(0, 5).map(disk => ({
+      title: disk.mount,
+      value: parseFloat(disk.use.toFixed(1))
+    }));
+    
+    diskChart.setData({
+      titles: bars.map(b => b.title),
+      data: bars.map(b => b.value)
+    });
+  } catch (err) {
+    console.error('Disk update error:', err);
+  }
+}
+
+// Обновление системной информации
+async function updateSysInfo() {
+  try {
+    const osInfo = await si.osInfo();
+    const cpuInfo = await si.cpu();
+    const time = await si.time();
+    
+    const uptime = formatUptime(time.uptime);
+    
+    const content = [
+      `OS: ${osInfo.platform}`,
+      `Arch: ${osInfo.arch}`,
+      `Kernel: ${osInfo.kernel}`,
+      `CPU: ${cpuInfo.brand}`,
+      `Cores: ${cpuInfo.cores}`,
+      `Uptime: ${uptime}`
+    ].join('\n');
+    
+    sysInfo.setContent(content);
+  } catch (err) {
+    console.error('SysInfo update error:', err);
+  }
+}
+
+// Обновление таблицы процессов
+async function updateProcesses() {
+  try {
+    const processes = await si.processes();
+    
+    const topProcesses = processes.list
+      .sort((a, b) => b.cpu - a.cpu)
+      .slice(0, 15)
+      .map(p => [
+        p.pid.toString(),
+        p.name.substring(0, 30),
+        p.cpu.toFixed(1) + '%',
+        formatBytes(p.memRss || 0),
+        p.user || 'system'
+      ]);
+    
+    processTable.setData({
+      headers: ['PID', 'Name', 'CPU', 'RAM', 'User'],
+      data: topProcesses
+    });
+  } catch (err) {
+    console.error('Process update error:', err);
+  }
+}
+
+// Главное обновление
+async function updateAll() {
+  await Promise.allSettled([
+    updateCPU(),
+    updateRAM(),
+    updateNetwork(),
+    updateDisk(),
+    updateSysInfo(),
+    updateProcesses()
+  ]);
+  
+  screen.render();
+}
+
+// Обработка выхода
+screen.key(['escape', 'q', 'C-c'], () => {
+  return process.exit(0);
+});
+
+// Запуск
+updateAll();
+
+// Обновление каждые 2 секунды
+setInterval(updateAll, 2000);
+
+screen.render();

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "sysmon-tui-dashboard",
+  "version": "1.0.0",
+  "description": "Real-time system monitor dashboard in your terminal - CPU, RAM, Network, Disk, Processes",
+  "main": "dashboard.js",
+  "bin": {
+    "sysmon": "./dashboard.js"
+  },
+  "scripts": {
+    "start": "node dashboard.js",
+    "monitor": "node dashboard.js",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "system-monitor",
+    "terminal-ui",
+    "dashboard",
+    "cpu",
+    "ram",
+    "network",
+    "disk-usage",
+    "processes",
+    "blessed",
+    "tui",
+    "cli",
+    "real-time",
+    "monitoring"
+  ],
+  "author": "Professional",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Professional/tui-sysmon"
+  },
+  "homepage": "https://github.com/Professional/tui-sysmon#readme",
+  "bugs": {
+    "url": "https://github.com/Professional/tui-sysmon/issues"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  },
+  "os": [
+    "win32",
+    "linux",
+    "darwin"
+  ],
+  "dependencies": {
+    "blessed": "^0.1.81",
+    "blessed-contrib": "^4.11.0",
+    "systeminformation": "^5.31.5"
+  }
+}