Update app.js

app.js

@@ -1,47 +1,114 @@
-const http = require("http");
-const fs = require("fs");
-const WebSocket = require("ws");
-const cluster = require("cluster");
-const os = require("os");
-
-const cpus = os.cpus().length;
-const port = 7860;
-const index = fs.readFileSync("./index.html");
+$(function () {
+  var mychart;
+  var previous = null;
+  var count = 0;
+  $(window).load(function () {
+    initiateChart("container");
+    parseFile();
+  });
 
-if (cluster.isMaster) {
-  console.log(`Number of CPUs is ${cpus}`);
-  console.log(`Master ${process.pid} is running`);
+  function parseFile() {
+    // actually skidded from vshield, gonna recode it
+    $.ajax({
+      url: "/nginx_status",
+      dataType: "text",
+      cache: false,
+    })
+      .done(function (data) {
+        var current = 0;
+        var part = data.split(" ")[9];
+        var series = mychart.series[0],
+          current = parseInt(part);
+        shift = series.data.length > 40;
+        if (previous !== null) {
+          series.addPoint(
+            [Math.floor($.now()), current - previous],
+            true,
+            shift
+          );
+        }
+        previous = current;
+        count++;
+        // call it again after one second
+        setTimeout(parseFile, 1000);
+      })
+      .fail(function (jqXHR, textStatus, errorThrown) {
+        console.log(errorThrown);
+      });
+  }
 
-  let requests = 0;
-  let childs = [];
-  for (let i = 0; i < cpus; i++) {
-    let child = cluster.fork();
-    child.on("message", (msg) => {
-      requests++;
+  function initiateChart(divid) {
+    mychart = Highcharts.chart("container", {
+      chart: {
+        type: "area",
+        backgroundColor: "#242222",
+      },
+      title: {
+        text: "@renzalwaysnt",
+      },
+      xAxis: {
+        type: "datetime",
+        dateTimeLabelFormats: {
+          day: "%a",
+        },
+        gridLineColor: "#7851a9",
+        labels: {
+          style: {
+            color: "#7851a9",
+          },
+        },
+      },
+      yAxis: {
+        allowDecimals: false,
+        labels: {
+          formatter: function () {
+            if (this.value > 1000) {
+              return this.value / 1000 + "k r/s";
+            } else {
+              return this.value + " r/s";
+            }
+          },
+        },
+      },
+      tooltip: {
+        pointFormat: "Requests:  {point.y:,.0f}",
+      },
+      colors: [
+        { linearGradient: [0, 0, 0, 0], stops: [[0, "rgba(120,81,169,1)"]] },
+      ],
+      plotOptions: {
+        area: {
+          fillColor: {
+            linearGradient: {
+              x1: 0,
+              y1: 0,
+              x2: 0,
+              y2: 1,
+            },
+            stops: [
+              [0, "#7851a9"],
+              [1, new Highcharts.Color("#7851a9").setOpacity(0).get("rgba")],
+            ],
+          },
+          pointStart: 1940,
+          marker: {
+            enabled: true,
+            symbol: "circle",
+            radius: 2,
+            states: {
+              hover: {
+                enabled: true,
+              },
+            },
+          },
+        },
+      },
+      series: [
+        {
+          name: "Requests",
+          data: [],
+        },
+      ],
     });
-    childs.push(child);
   }
-
-  setInterval(() => {
-    for (let child of childs) {
-      child.send(requests);
-    }
-    requests = 0;
-  }, 1000);
-} else {
-  console.log(`Worker ${process.pid} started`);
-
-  const handler = function (req, res) {
-    if (req.url == "/dstat") {
-      process.send(0);
-      res.end();
-    } else {
-      res.end(index);
-    }
-  };
-
-  // Create the HTTP server
-  http.createServer(handler).listen(port, () => {
-    console.log(`Worker ${process.pid} listening on port ${port}`);
-  });
-}
+});