feat: resizable cpu/mem charts

src/UILayout.js

@@ -14,7 +14,7 @@ function createTopCalculator() {
   };
 }
 
-class UI extends EventEmitter {
+class UILayout extends EventEmitter {
   constructor({command, dashboard, version}) {
     super();
 
@@ -222,4 +222,4 @@ class UI extends EventEmitter {
   }
 }
 
-module.exports = UI;
+module.exports = UILayout;

src/ui/Header.js

@@ -16,7 +16,7 @@ class Header {
 
   _render() {
     const content = [
-      `{bold}${this.command}{/bold} `,
+      `{bold}${blessed.escape(this.command)}{/bold} `,
       `[PID: {bold}${this.pid}{/bold}]`,
       `[uptime: {bold}${this.time}{/bold}]`,
       '{|}',

src/ui/SparklineChart.js

@@ -23,21 +23,31 @@ class SparklineChart {
     this.screen = screen;
     this.props = props;
 
+    this._dataArray = [];
+
     this._init();
     this._render();
+
+    this.screen.on('resize', () => {
+      this._init();
+      this._render();
+    });
   }
 
   _init() {
     const countLimit = Math.max(this.screen.width - this.title.length - this.valuePadding, 1);
 
-    this._dataArray = new Array(countLimit).fill(0);
+    let oldDataArray = this._dataArray;
+    if (oldDataArray.length > countLimit) {
+      oldDataArray = this._dataArray.slice(-countLimit);
+    }
 
-    // first one is allways 100% for the right 0-maxValue scale
-    this._dataArray[0] = this.maxValue;
+    this._dataArray = new Array(countLimit - oldDataArray.length).fill(0).concat(oldDataArray);
   }
 
   _render(value = 0) {
-    const graphString = sparkline(this._dataArray)
+    // first one is allways 100% for the right 0-maxValue scale
+    const graphString = sparkline([this.maxValue].concat(this._dataArray.slice(1)))
       .split('')
       .map((s, i) => {
         if (i === 0) {
@@ -73,7 +83,6 @@ class SparklineChart {
 
     this._dataArray.push(validatedValue);
     this._dataArray.shift();
-    this._dataArray[0] = this.maxValue;
     this._render(validatedValue);
   }
 }

tests/scriptLoadCpuMemWithChildren.js

@@ -25,8 +25,8 @@ function run(title) {
 
 console.log(`Parent process pid: ${process.pid}`);
 
-const cpuCount = os.cpus().length;
+const subprocessCount = os.cpus().length - 2 || 1;
 
-for (let i = 0; i < cpuCount - 1 || i === 0; i++) {
+for (let i = 0; i < subprocessCount; i++) {
   run(i + 1);
 }