From 0f3f5fa7f63dddbfbf095f65b05f89cf27cbc6cf Mon Sep 17 00:00:00 2001
From: jameshu111 <boo15869@gmail.com>
Date: Mon, 6 Mar 2023 16:14:57 -0500
Subject: /stats handler

---
 package-lock.json                     | 169 ++++++++++++++++++----------------
 package.json                          |   2 +
 src/server/ApiManagers/UserManager.ts |   1 +
 src/server/DashStats.ts               |  70 ++++++++++++++
 src/server/index.ts                   |   7 ++
 src/server/stats/userLoginStats.csv   |   2 +
 src/server/websocket.ts               |  17 +++-
 7 files changed, 188 insertions(+), 80 deletions(-)
 create mode 100644 src/server/DashStats.ts
 create mode 100644 src/server/stats/userLoginStats.csv

diff --git a/package-lock.json b/package-lock.json
index 4695adf40..a5f1324a4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5318,6 +5318,19 @@
             "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
             "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
         },
+        "csv-parser": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/csv-parser/-/csv-parser-3.0.0.tgz",
+            "integrity": "sha512-s6OYSXAK3IdKqYO33y09jhypG/bSDHPuyCme/IdEHfWpLf/jKcpitVFyOC6UemgGk8v7Q5u2XE0vvwmanxhGlQ==",
+            "requires": {
+                "minimist": "^1.2.0"
+            }
+        },
+        "csv-stringify": {
+            "version": "6.3.0",
+            "resolved": "https://registry.npmjs.org/csv-stringify/-/csv-stringify-6.3.0.tgz",
+            "integrity": "sha512-kTnnBkkLmAR1G409aUdShppWUClNbBQZXhrKrXzKYBGw4yfROspiFvVmjbKonCrdGfwnqwMXKLQG7ej7K/jwjg=="
+        },
         "currently-unhandled": {
             "version": "0.4.1",
             "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
@@ -13650,7 +13663,7 @@
             "dependencies": {
                 "@iarna/cli": {
                     "version": "2.1.0",
-                    "resolved": "https://registry.npmjs.org/@iarna/cli/-/cli-2.1.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-rvVVqDa2g860niRbqs3D5RhL4la3dc1vwk+NlpKPZxKaMSHtE2se6C2x8NeveN+rcjp3/686X+u+09CZ+7lmAQ==",
                     "requires": {
                         "glob": "^7.1.2",
@@ -13753,7 +13766,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -13768,7 +13781,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -13777,12 +13790,12 @@
                 },
                 "asap": {
                     "version": "2.0.6",
-                    "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+                    "resolved": false,
                     "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA=="
                 },
                 "asn1": {
                     "version": "0.2.6",
-                    "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
+                    "resolved": false,
                     "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
                     "requires": {
                         "safer-buffer": "~2.1.0"
@@ -13790,7 +13803,7 @@
                 },
                 "assert-plus": {
                     "version": "1.0.0",
-                    "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw=="
                 },
                 "asynckit": {
@@ -13800,22 +13813,22 @@
                 },
                 "aws-sign2": {
                     "version": "0.7.0",
-                    "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA=="
                 },
                 "aws4": {
                     "version": "1.11.0",
-                    "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA=="
                 },
                 "balanced-match": {
                     "version": "1.0.2",
-                    "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+                    "resolved": false,
                     "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
                 },
                 "bcrypt-pbkdf": {
                     "version": "1.0.2",
-                    "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+                    "resolved": false,
                     "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
                     "requires": {
                         "tweetnacl": "^0.14.3"
@@ -13836,7 +13849,7 @@
                 },
                 "bluebird": {
                     "version": "3.7.2",
-                    "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+                    "resolved": false,
                     "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
                 },
                 "boxen": {
@@ -13884,7 +13897,7 @@
                 },
                 "cacache": {
                     "version": "12.0.4",
-                    "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.4.tgz",
+                    "resolved": false,
                     "integrity": "sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ==",
                     "requires": {
                         "bluebird": "^3.5.5",
@@ -13921,7 +13934,7 @@
                 },
                 "caseless": {
                     "version": "0.12.0",
-                    "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw=="
                 },
                 "chalk": {
@@ -14065,7 +14078,7 @@
                 },
                 "combined-stream": {
                     "version": "1.0.8",
-                    "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+                    "resolved": false,
                     "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
                     "requires": {
                         "delayed-stream": "~1.0.0"
@@ -14073,7 +14086,7 @@
                 },
                 "concat-map": {
                     "version": "0.0.1",
-                    "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
                 },
                 "concat-stream": {
@@ -14103,7 +14116,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -14118,7 +14131,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -14127,7 +14140,7 @@
                 },
                 "config-chain": {
                     "version": "1.1.13",
-                    "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
+                    "resolved": false,
                     "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
                     "requires": {
                         "ini": "^1.3.4",
@@ -14228,7 +14241,7 @@
                 },
                 "dashdash": {
                     "version": "1.14.1",
-                    "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==",
                     "requires": {
                         "assert-plus": "^1.0.0"
@@ -14261,7 +14274,7 @@
                 },
                 "decode-uri-component": {
                     "version": "0.2.2",
-                    "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+                    "resolved": false,
                     "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ=="
                 },
                 "deep-extend": {
@@ -14307,7 +14320,7 @@
                 },
                 "dezalgo": {
                     "version": "1.0.4",
-                    "resolved": "https://registry.npmjs.org/dezalgo/-/dezalgo-1.0.4.tgz",
+                    "resolved": false,
                     "integrity": "sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==",
                     "requires": {
                         "asap": "^2.0.0",
@@ -14359,7 +14372,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -14374,7 +14387,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -14383,7 +14396,7 @@
                 },
                 "ecc-jsbn": {
                     "version": "0.1.2",
-                    "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+                    "resolved": false,
                     "integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==",
                     "requires": {
                         "jsbn": "~0.1.0",
@@ -14418,7 +14431,7 @@
                 },
                 "env-paths": {
                     "version": "2.2.1",
-                    "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A=="
                 },
                 "err-code": {
@@ -14502,7 +14515,7 @@
                 },
                 "extsprintf": {
                     "version": "1.3.0",
-                    "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g=="
                 },
                 "fast-json-stable-stringify": {
@@ -14512,12 +14525,12 @@
                 },
                 "figgy-pudding": {
                     "version": "3.5.2",
-                    "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz",
+                    "resolved": false,
                     "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw=="
                 },
                 "filter-obj": {
                     "version": "1.1.0",
-                    "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-1.1.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ=="
                 },
                 "find-npm-prefix": {
@@ -14550,7 +14563,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -14565,7 +14578,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -14574,12 +14587,12 @@
                 },
                 "forever-agent": {
                     "version": "0.6.1",
-                    "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw=="
                 },
                 "form-data": {
                     "version": "2.3.3",
-                    "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+                    "resolved": false,
                     "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
                     "requires": {
                         "asynckit": "^0.4.0",
@@ -14612,7 +14625,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -14627,7 +14640,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -14695,7 +14708,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -14710,7 +14723,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -14719,7 +14732,7 @@
                 },
                 "fs.realpath": {
                     "version": "1.0.0",
-                    "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
                 },
                 "function-bind": {
@@ -14809,7 +14822,7 @@
                 },
                 "getpass": {
                     "version": "0.1.7",
-                    "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+                    "resolved": false,
                     "integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==",
                     "requires": {
                         "assert-plus": "^1.0.0"
@@ -14817,7 +14830,7 @@
                 },
                 "glob": {
                     "version": "7.2.3",
-                    "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+                    "resolved": false,
                     "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
                     "requires": {
                         "fs.realpath": "^1.0.0",
@@ -14830,7 +14843,7 @@
                     "dependencies": {
                         "minimatch": {
                             "version": "3.1.2",
-                            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+                            "resolved": false,
                             "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
                             "requires": {
                                 "brace-expansion": "^1.1.7"
@@ -14873,12 +14886,12 @@
                 },
                 "graceful-fs": {
                     "version": "4.2.10",
-                    "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+                    "resolved": false,
                     "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
                 },
                 "har-schema": {
                     "version": "2.0.0",
-                    "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q=="
                 },
                 "har-validator": {
@@ -14957,7 +14970,7 @@
                 },
                 "http-signature": {
                     "version": "1.2.0",
-                    "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==",
                     "requires": {
                         "assert-plus": "^1.0.0",
@@ -15084,7 +15097,7 @@
                 },
                 "is-cidr": {
                     "version": "3.1.1",
-                    "resolved": "https://registry.npmjs.org/is-cidr/-/is-cidr-3.1.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-Gx+oErgq1j2jAKCR2Kbq0b3wbH0vQKqZ0wOlHxm0o56nq51Cs/DZA8oz9dMDhbHyHEGgJ86eTeVudtgMMOx3Mw==",
                     "requires": {
                         "cidr-regex": "^2.0.10"
@@ -15163,7 +15176,7 @@
                 },
                 "is-typedarray": {
                     "version": "1.0.0",
-                    "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA=="
                 },
                 "isarray": {
@@ -15178,12 +15191,12 @@
                 },
                 "isstream": {
                     "version": "0.1.2",
-                    "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+                    "resolved": false,
                     "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g=="
                 },
                 "jsbn": {
                     "version": "0.1.1",
-                    "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg=="
                 },
                 "json-parse-better-errors": {
@@ -15193,7 +15206,7 @@
                 },
                 "json-parse-even-better-errors": {
                     "version": "2.3.1",
-                    "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
                 },
                 "json-schema": {
@@ -15203,7 +15216,7 @@
                 },
                 "json-stringify-safe": {
                     "version": "5.0.1",
-                    "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA=="
                 },
                 "jsonparse": {
@@ -15421,7 +15434,7 @@
                 },
                 "lock-verify": {
                     "version": "2.2.2",
-                    "resolved": "https://registry.npmjs.org/lock-verify/-/lock-verify-2.2.2.tgz",
+                    "resolved": false,
                     "integrity": "sha512-2CUNtr1ZSVKJHcYP8uEzafmmuyauCB5zZimj8TvQd/Lflt9kXVZs+8S+EbAzZLaVUDn8CYGmeC3DFGdYfnCzeQ==",
                     "requires": {
                         "@iarna/cli": "^2.1.0",
@@ -15550,7 +15563,7 @@
                 },
                 "meant": {
                     "version": "1.0.3",
-                    "resolved": "https://registry.npmjs.org/meant/-/meant-1.0.3.tgz",
+                    "resolved": false,
                     "integrity": "sha512-88ZRGcNxAq4EH38cQ4D85PM57pikCwS8Z99EWHODxN7KBY+UuPiqzRTtZzS8KTXO/ywSWbdjjJST2Hly/EQxLw=="
                 },
                 "mime-db": {
@@ -15568,7 +15581,7 @@
                 },
                 "minimatch": {
                     "version": "3.1.2",
-                    "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+                    "resolved": false,
                     "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
                     "requires": {
                         "brace-expansion": "^1.1.7"
@@ -15617,7 +15630,7 @@
                 },
                 "mkdirp": {
                     "version": "0.5.6",
-                    "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+                    "resolved": false,
                     "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
                     "requires": {
                         "minimist": "^1.2.6"
@@ -15665,7 +15678,7 @@
                 },
                 "node-gyp": {
                     "version": "5.1.1",
-                    "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-5.1.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-WH0WKGi+a4i4DUt2mHnvocex/xPLp9pYt5R6M2JdFB7pJ7Z34hveZ4nDTGTiLXCkitA9T8HFZjhinBCiVHYcWw==",
                     "requires": {
                         "env-paths": "^2.2.0",
@@ -16003,7 +16016,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -16018,7 +16031,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -16032,7 +16045,7 @@
                 },
                 "path-is-absolute": {
                     "version": "1.0.1",
-                    "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg=="
                 },
                 "path-is-inside": {
@@ -16052,7 +16065,7 @@
                 },
                 "performance-now": {
                     "version": "2.1.0",
-                    "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
                 },
                 "pify": {
@@ -16101,7 +16114,7 @@
                 },
                 "proto-list": {
                     "version": "1.2.4",
-                    "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+                    "resolved": false,
                     "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA=="
                 },
                 "protoduck": {
@@ -16124,7 +16137,7 @@
                 },
                 "psl": {
                     "version": "1.9.0",
-                    "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag=="
                 },
                 "pump": {
@@ -16164,12 +16177,12 @@
                 },
                 "qs": {
                     "version": "6.5.3",
-                    "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
+                    "resolved": false,
                     "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA=="
                 },
                 "query-string": {
                     "version": "6.14.1",
-                    "resolved": "https://registry.npmjs.org/query-string/-/query-string-6.14.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-XDxAeVmpfu1/6IjyT/gXHOl+S0vQ9owggJ30hhWKdHAsNPOcasn5o9BW0eejZqL2e4vMjhAxoW3jVHcD6mbcYw==",
                     "requires": {
                         "decode-uri-component": "^0.2.0",
@@ -16180,7 +16193,7 @@
                 },
                 "qw": {
                     "version": "1.0.2",
-                    "resolved": "https://registry.npmjs.org/qw/-/qw-1.0.2.tgz",
+                    "resolved": false,
                     "integrity": "sha512-1PhZ/iLKwlVNq45dnerTMKFjMof49uqli7/0QsvPNbX5OJ3IZ8msa9lUpvPheVdP+IYYPrf6cOaVil7S35joVA=="
                 },
                 "rc": {
@@ -16226,7 +16239,7 @@
                 },
                 "read-package-json": {
                     "version": "2.1.2",
-                    "resolved": "https://registry.npmjs.org/read-package-json/-/read-package-json-2.1.2.tgz",
+                    "resolved": false,
                     "integrity": "sha512-D1KmuLQr6ZSJS0tW8hf3WGpRlwszJOXZ3E8Yd/DNRaM5d+1wVRZdHlpGBLAuovjr28LbWvjpWkBHMxpRGGjzNA==",
                     "requires": {
                         "glob": "^7.1.1",
@@ -16285,7 +16298,7 @@
                 },
                 "request": {
                     "version": "2.88.2",
-                    "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+                    "resolved": false,
                     "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
                     "requires": {
                         "aws-sign2": "~0.7.0",
@@ -16355,7 +16368,7 @@
                 },
                 "safe-buffer": {
                     "version": "5.2.1",
-                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
                 },
                 "safer-buffer": {
@@ -16526,7 +16539,7 @@
                 },
                 "sshpk": {
                     "version": "1.17.0",
-                    "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==",
                     "requires": {
                         "asn1": "~0.2.3",
@@ -16582,7 +16595,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -16597,7 +16610,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -16611,7 +16624,7 @@
                 },
                 "strict-uri-encode": {
                     "version": "2.0.0",
-                    "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ=="
                 },
                 "string-width": {
@@ -16767,7 +16780,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -16782,7 +16795,7 @@
                             "dependencies": {
                                 "safe-buffer": {
                                     "version": "5.1.2",
-                                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+                                    "resolved": false,
                                     "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
                                 }
                             }
@@ -16801,7 +16814,7 @@
                 },
                 "tough-cookie": {
                     "version": "2.5.0",
-                    "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
                     "requires": {
                         "psl": "^1.1.28",
@@ -16810,7 +16823,7 @@
                     "dependencies": {
                         "punycode": {
                             "version": "2.1.1",
-                            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+                            "resolved": false,
                             "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
                         }
                     }
@@ -16825,7 +16838,7 @@
                 },
                 "tweetnacl": {
                     "version": "0.14.5",
-                    "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+                    "resolved": false,
                     "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA=="
                 },
                 "typedarray": {
@@ -16896,7 +16909,7 @@
                 },
                 "uri-js": {
                     "version": "4.4.1",
-                    "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+                    "resolved": false,
                     "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
                     "requires": {
                         "punycode": "^2.1.0"
@@ -16937,7 +16950,7 @@
                 },
                 "uuid": {
                     "version": "3.4.0",
-                    "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
                 },
                 "validate-npm-package-license": {
@@ -16959,7 +16972,7 @@
                 },
                 "verror": {
                     "version": "1.10.0",
-                    "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+                    "resolved": false,
                     "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
                     "requires": {
                         "assert-plus": "^1.0.0",
diff --git a/package.json b/package.json
index 00ce356f9..7fa90e431 100644
--- a/package.json
+++ b/package.json
@@ -184,6 +184,8 @@
         "cookie-session": "^2.0.0",
         "core-js": "^3.28.0",
         "cors": "^2.8.5",
+        "csv-parser": "^3.0.0",
+        "csv-stringify": "^6.3.0",
         "depcheck": "^0.9.2",
         "equation-editor-react": "github:bobzel/equation-editor-react#useLocally",
         "exif": "^0.6.0",
diff --git a/src/server/ApiManagers/UserManager.ts b/src/server/ApiManagers/UserManager.ts
index 53e55c1c3..c3dadd821 100644
--- a/src/server/ApiManagers/UserManager.ts
+++ b/src/server/ApiManagers/UserManager.ts
@@ -5,6 +5,7 @@ import { msToTime } from '../ActionUtilities';
 import * as bcrypt from 'bcrypt-nodejs';
 import { Opt } from '../../fields/Doc';
 import { WebSocket } from '../websocket';
+import { DashStats } from '../DashStats';
 
 export const timeMap: { [id: string]: number } = {};
 interface ActivityUnit {
diff --git a/src/server/DashStats.ts b/src/server/DashStats.ts
new file mode 100644
index 000000000..13ee61b3a
--- /dev/null
+++ b/src/server/DashStats.ts
@@ -0,0 +1,70 @@
+import { magenta } from 'colors';
+import { Request, Response } from 'express';
+import SocketIO from 'socket.io';
+import { Client } from './Client';
+import { WebSocket } from './websocket';
+const fs = require('fs');
+const csv = require('csv-parser');
+import { stringify } from 'csv-stringify/sync';
+
+export namespace DashStats {
+    const statsCSVFilename = './src/server/stats/userLoginStats.csv';
+    const columns = ['USERNAME', 'ACTION', 'TIME'];
+
+    interface SocketPair {
+        socketId: string;
+        username: string;
+    }
+
+    interface CSVStore {
+        USERNAME: string;
+        ACTION: string;
+        TIME: string;
+    }
+
+    export function handleStatsView(res: Response) {
+        const results: CSVStore[] = [];
+        fs.createReadStream(statsCSVFilename)
+            .pipe(csv(columns))
+            .on('data', (data: any) => results.push(data))
+            .on('end', () => {
+                console.log(results);
+            });
+
+        // let newRow = stringify([{ USERNAME: 'hi', ACTION: 'hi', TIME: 'hi' }], { header: true, columns: columns });
+        // console.log(newRow);
+
+        let current = getCurrentConnections();
+        res.json({
+            message: 'welcome to stats',
+            currentConnections: current.length,
+            socketMap: current,
+        });
+    }
+
+    export function logUserLogin(username: string | undefined, socket: SocketIO.Socket) {
+        if (!(username === undefined)) {
+            let currentDate = new Date();
+            console.log(magenta(`User ${username.split(' ')[0]} logged in at: ${currentDate.toISOString()}`));
+            console.log('stringify -> ');
+        }
+    }
+
+    export function logUserLogout(username: string | undefined, socket: SocketIO.Socket) {
+        if (!(username === undefined)) {
+            let currentDate = new Date();
+            console.log(magenta(`User ${username.split(' ')[0]} logged out at: ${currentDate.toISOString()}`));
+        }
+    }
+
+    function getCurrentConnections(): SocketPair[] {
+        let socketPairs: SocketPair[] = [];
+        for (let [key, value] of WebSocket.socketMap) {
+            if (!key.disconnected) {
+                socketPairs.push({ socketId: key.id, username: value.split(' ')[0] });
+            }
+        }
+        console.log(socketPairs);
+        return socketPairs;
+    }
+}
diff --git a/src/server/index.ts b/src/server/index.ts
index 6e6bde3cb..0848d828e 100644
--- a/src/server/index.ts
+++ b/src/server/index.ts
@@ -18,6 +18,7 @@ import { GoogleCredentialsLoader, SSL } from './apis/google/CredentialsLoader';
 import { GoogleApiServerUtils } from './apis/google/GoogleApiServerUtils';
 import { DashSessionAgent } from './DashSession/DashSessionAgent';
 import { AppliedSessionAgent } from './DashSession/Session/agents/applied_session_agent';
+import { DashStats } from './DashStats';
 import { DashUploadUtils } from './DashUploadUtils';
 import { Database } from './database';
 import { Logger } from './ProcessFactory';
@@ -83,6 +84,12 @@ function routeSetter({ isRelease, addSupervisedRoute, logRegistrationOutcome }:
         secureHandler: ({ res }) => res.send(true),
     });
 
+    addSupervisedRoute({
+        method: Method.GET,
+        subscription: '/stats',
+        secureHandler: ({ res }) => DashStats.handleStatsView(res),
+    });
+
     addSupervisedRoute({
         method: Method.GET,
         subscription: '/resolvedPorts',
diff --git a/src/server/stats/userLoginStats.csv b/src/server/stats/userLoginStats.csv
new file mode 100644
index 000000000..ec33b01b2
--- /dev/null
+++ b/src/server/stats/userLoginStats.csv
@@ -0,0 +1,2 @@
+USERNAME,ACTION,TIME
+boo15869,loggedIn,2023-01
\ No newline at end of file
diff --git a/src/server/websocket.ts b/src/server/websocket.ts
index 9b91a35a6..e556ecc17 100644
--- a/src/server/websocket.ts
+++ b/src/server/websocket.ts
@@ -1,4 +1,4 @@
-import { blue } from 'colors';
+import { blue, magenta } from 'colors';
 import * as express from 'express';
 import { createServer, Server } from 'https';
 import { networkInterfaces } from 'os';
@@ -12,6 +12,7 @@ import { GoogleCredentialsLoader, SSL } from './apis/google/CredentialsLoader';
 import YoutubeApi from './apis/youtube/youtubeApiSample';
 import { initializeGuest } from './authentication/DashUserModel';
 import { Client } from './Client';
+import { DashStats } from './DashStats';
 import { Database } from './database';
 import { DocumentsCollection } from './IDatabase';
 import { Diff, GestureContent, MessageStore, MobileDocumentUploadContent, MobileInkOverlayContent, Transferable, Types, UpdateMobileInkOverlayPositionContent, YoutubeQueryInput, YoutubeQueryTypes } from './Message';
@@ -20,7 +21,7 @@ import { resolvedPorts } from './server_Initialization';
 
 export namespace WebSocket {
     export let _socket: Socket;
-    const clients: { [key: string]: Client } = {};
+    export const clients: { [key: string]: Client } = {};
     export const socketMap = new Map<SocketIO.Socket, string>();
     export let disconnect: Function;
 
@@ -97,6 +98,13 @@ export namespace WebSocket {
                 console.log('received bye');
             });
 
+            socket.on('disconnect', function () {
+                let currentUser = socketMap.get(socket);
+                if (!(currentUser === undefined)) {
+                    DashStats.logUserLogout(socketMap.get(socket), socket);
+                }
+            });
+
             Utils.Emit(socket, MessageStore.Foo, 'handshooken');
 
             Utils.AddServerHandler(socket, MessageStore.Bar, guid => barReceived(socket, guid));
@@ -176,7 +184,12 @@ export namespace WebSocket {
         const currentdate = new Date();
         const datetime = currentdate.getDate() + '/' + (currentdate.getMonth() + 1) + '/' + currentdate.getFullYear() + ' @ ' + currentdate.getHours() + ':' + currentdate.getMinutes() + ':' + currentdate.getSeconds();
         console.log(blue(`user ${userEmail} has connected to the web socket at: ${datetime}`));
+        console.log(magenta(`currently connected: ${JSON.stringify(clients)}`));
+        // console.log(magenta('socket map below'));
+        // console.log([...socketMap.entries()]);
+        printActiveUsers();
         socketMap.set(socket, userEmail + ' at ' + datetime);
+        DashStats.logUserLogin(socketMap.get(socket), socket);
     }
 
     function getField([id, callback]: [string, (result?: Transferable) => void]) {
-- 
cgit v1.2.3-70-g09d2


From d51a57e1d0823fc08a90b73d427ab5e35b72422f Mon Sep 17 00:00:00 2001
From: Mohammad Amoush <51237606+jameshu111@users.noreply.github.com>
Date: Sat, 18 Mar 2023 16:56:13 -0400
Subject: Add operations counter

---
 src/server/Client.ts                |  13 +++-
 src/server/DashStats.ts             | 119 ++++++++++++++++++++++++++++++------
 src/server/index.ts                 |   6 ++
 src/server/stats/userLoginStats.csv |  77 ++++++++++++++++++++++-
 src/server/websocket.ts             |  24 ++++++--
 views/stats.pug                     |  22 +++++++
 views/stylesheets/statsview.css     |  56 +++++++++++++++++
 7 files changed, 290 insertions(+), 27 deletions(-)
 create mode 100644 views/stats.pug
 create mode 100644 views/stylesheets/statsview.css

diff --git a/src/server/Client.ts b/src/server/Client.ts
index e6f953712..be1ffc2ba 100644
--- a/src/server/Client.ts
+++ b/src/server/Client.ts
@@ -1,11 +1,22 @@
-import { computed } from "mobx";
+import { action, computed } from "mobx";
 
 export class Client {
     private _guid: string;
+    // private operations: number;
 
     constructor(guid: string) {
         this._guid = guid;
+        // this.operations = 0;
     }
 
+    // @computed public get OPERATIONS(): number {
+    //     return this.operations;
+    // }
+
+    // @action
+    // public setOperations(newOperations: number): void {
+    //     this.operations = newOperations;
+    // }
+
     @computed public get GUID(): string { return this._guid; }
 }
\ No newline at end of file
diff --git a/src/server/DashStats.ts b/src/server/DashStats.ts
index 13ee61b3a..a10b28608 100644
--- a/src/server/DashStats.ts
+++ b/src/server/DashStats.ts
@@ -1,11 +1,11 @@
-import { magenta } from 'colors';
+import { cyan, magenta } from 'colors';
 import { Request, Response } from 'express';
+import { Server } from 'http';
 import SocketIO from 'socket.io';
-import { Client } from './Client';
+import { timeMap } from './ApiManagers/UserManager';
 import { WebSocket } from './websocket';
 const fs = require('fs');
 const csv = require('csv-parser');
-import { stringify } from 'csv-stringify/sync';
 
 export namespace DashStats {
     const statsCSVFilename = './src/server/stats/userLoginStats.csv';
@@ -14,6 +14,8 @@ export namespace DashStats {
     interface SocketPair {
         socketId: string;
         username: string;
+        time: string;
+        operations: number;
     }
 
     interface CSVStore {
@@ -22,49 +24,128 @@ export namespace DashStats {
         TIME: string;
     }
 
-    export function handleStatsView(res: Response) {
+    enum ServerTraffic {
+        NOT_BUSY,
+        BUSY,
+        VERY_BUSY
+    }
+
+    const BUSY_SERVER_BOUND = 2;
+    const VERY_BUSY_SERVER_BOUND = 3;
+
+    const serverTrafficMessages = [
+        "Not Busy",
+        "Busy",
+        "Very Busy"
+    ]
+
+    export function handleStats(res: Response) {
+        let current = getCurrentConnections();
         const results: CSVStore[] = [];
-        fs.createReadStream(statsCSVFilename)
-            .pipe(csv(columns))
-            .on('data', (data: any) => results.push(data))
-            .on('end', () => {
-                console.log(results);
+        res.json({
+                message: 'welcome to stats',
+                currentConnections: current.length,
+                socketMap: current,
             });
 
-        // let newRow = stringify([{ USERNAME: 'hi', ACTION: 'hi', TIME: 'hi' }], { header: true, columns: columns });
-        // console.log(newRow);
+        // fs.createReadStream(statsCSVFilename)
+        //     .pipe(csv())
+        //     .on('data', (data: any) => results.push(data))
+        //     .on('end', () => {
+        //         console.log(results);
+        //         res.json({
+        //             message: 'welcome to stats',
+        //             currentConnections: current.length,
+        //             socketMap: current,
+        //             results: results,
+        //         });
+        //     });
+    }
 
+    export function handleStatsView(res: Response) {
         let current = getCurrentConnections();
-        res.json({
-            message: 'welcome to stats',
-            currentConnections: current.length,
-            socketMap: current,
+
+        let connectedUsers = current.map((socketPair) => {
+            return socketPair.time + " - " + socketPair.username + " Operations: " + socketPair.operations;
+        })
+
+        let serverTraffic = ServerTraffic.NOT_BUSY;
+        if(current.length < BUSY_SERVER_BOUND) {
+            serverTraffic = ServerTraffic.NOT_BUSY;
+        } else if(current.length >= BUSY_SERVER_BOUND && current.length < VERY_BUSY_SERVER_BOUND) {
+            serverTraffic = ServerTraffic.BUSY;
+        } else {
+            serverTraffic = ServerTraffic.VERY_BUSY;
+        }
+        
+        res.render("stats.pug", {
+            title: "Dash Stats",
+            numConnections: current.length,
+            serverTraffic: serverTraffic,
+            serverTrafficMessage : serverTrafficMessages[serverTraffic],
+            connectedUsers: connectedUsers
         });
     }
 
     export function logUserLogin(username: string | undefined, socket: SocketIO.Socket) {
         if (!(username === undefined)) {
             let currentDate = new Date();
-            console.log(magenta(`User ${username.split(' ')[0]} logged in at: ${currentDate.toISOString()}`));
-            console.log('stringify -> ');
+            // console.log(magenta(`User ${username.split(' ')[0]} logged in at: ${currentDate.toISOString()}`));
+
+            let toWrite: CSVStore = {
+                USERNAME : username,
+                ACTION : "loggedIn",
+                TIME : currentDate.toISOString()
+            }
+
+            let statsFile = fs.createWriteStream(statsCSVFilename, { flags: "a"});
+            statsFile.write(convertToCSV(toWrite));
+            statsFile.end();
+            console.log(cyan(convertToCSV(toWrite)));
         }
     }
 
     export function logUserLogout(username: string | undefined, socket: SocketIO.Socket) {
         if (!(username === undefined)) {
             let currentDate = new Date();
-            console.log(magenta(`User ${username.split(' ')[0]} logged out at: ${currentDate.toISOString()}`));
+            // console.log(magenta(`User ${username.split(' ')[0]} logged out at: ${currentDate.toISOString()}`));
+
+            let statsFile = fs.createWriteStream(statsCSVFilename, { flags: "a"});
+            let toWrite: CSVStore = {
+                USERNAME : username,
+                ACTION : "loggedOut",
+                TIME : currentDate.toISOString()
+            }
+            statsFile.write(convertToCSV(toWrite));
+            statsFile.end();
         }
     }
 
     function getCurrentConnections(): SocketPair[] {
+        console.log("timeMap: " + timeMap);
+        console.log("clients:" + WebSocket.clients);
         let socketPairs: SocketPair[] = [];
         for (let [key, value] of WebSocket.socketMap) {
+            let username = value.split(' ')[0];
+            let connectionTime = new Date(timeMap[username]);
+
+            let connectionTimeString = connectionTime.toLocaleDateString() + " " + connectionTime.toLocaleTimeString();
+
             if (!key.disconnected) {
-                socketPairs.push({ socketId: key.id, username: value.split(' ')[0] });
+                socketPairs.push({ 
+                    socketId: key.id,
+                    username: username,
+                    time: connectionTimeString.includes("Invalid Date") ? "" : connectionTimeString,
+                    operations : WebSocket.userOperations.get(username) ? WebSocket.userOperations.get(username)! : 0,
+                });
             }
         }
         console.log(socketPairs);
+        // console.log([...WebSocket.clients.entries()]);
         return socketPairs;
     }
+
+    function convertToCSV(dataObject: CSVStore): string {
+        return `${dataObject.USERNAME},${dataObject.ACTION},${dataObject.TIME}\n`;
+    }
 }
diff --git a/src/server/index.ts b/src/server/index.ts
index 0848d828e..d76f12b95 100644
--- a/src/server/index.ts
+++ b/src/server/index.ts
@@ -87,6 +87,12 @@ function routeSetter({ isRelease, addSupervisedRoute, logRegistrationOutcome }:
     addSupervisedRoute({
         method: Method.GET,
         subscription: '/stats',
+        secureHandler: ({ res }) => DashStats.handleStats(res),
+    });
+
+    addSupervisedRoute({
+        method: Method.GET,
+        subscription: '/statsview',
         secureHandler: ({ res }) => DashStats.handleStatsView(res),
     });
 
diff --git a/src/server/stats/userLoginStats.csv b/src/server/stats/userLoginStats.csv
index ec33b01b2..d5e56502c 100644
--- a/src/server/stats/userLoginStats.csv
+++ b/src/server/stats/userLoginStats.csv
@@ -1,2 +1,75 @@
-USERNAME,ACTION,TIME
-boo15869,loggedIn,2023-01
\ No newline at end of file
+USER,ACTION,TIME
+aaa@gmail.com,loggedIn,2023-03-18T20:10:29.928Z
+guest,loggedIn,2023-03-18T20:10:47.384Z
+aaa@gmail.com,loggedOut,2023-03-18T20:10:55.364Z
+aaa@gmail.com,loggedIn,2023-03-18T20:11:15.879Z
+guest,loggedIn,2023-03-18T20:18:03.724Z
+aaa@gmail.com,loggedIn,2023-03-18T20:18:03.860Z
+guest,loggedOut,2023-03-18T20:19:00.211Z
+guest,loggedIn,2023-03-18T20:19:03.087Z
+guest,loggedOut,2023-03-18T20:19:50.668Z
+boo15869@gmail.com,loggedIn,2023-03-18T20:20:17.890Z
+boo15869@gmail.com,loggedOut,2023-03-18T20:21:03.542Z
+boo15869@gmail.com,loggedIn,2023-03-18T20:21:06.149Z
+boo15869@gmail.com,loggedOut,2023-03-18T20:21:51.874Z
+a@gmail.com,loggedIn,2023-03-18T20:22:02.122Z
+aaa@gmail.com,loggedOut,2023-03-18T20:22:42.882Z
+aaa@gmail.com,loggedIn,2023-03-18T20:22:45.631Z
+aaa@gmail.com,loggedIn,2023-03-18T20:25:34.658Z
+a@gmail.com,loggedIn,2023-03-18T20:25:34.681Z
+aaa@gmail.com,loggedIn,2023-03-18T20:29:04.297Z
+a@gmail.com,loggedIn,2023-03-18T20:29:08.701Z
+a@gmail.com,loggedIn,2023-03-18T20:29:18.565Z
+aaa@gmail.com,loggedIn,2023-03-18T20:29:21.974Z
+aaa@gmail.com,loggedIn,2023-03-18T20:29:51.477Z
+a@gmail.com,loggedIn,2023-03-18T20:29:51.489Z
+aaa@gmail.com,loggedIn,2023-03-18T20:30:15.011Z
+aaa@gmail.com,loggedIn,2023-03-18T20:30:57.818Z
+a@gmail.com,loggedIn,2023-03-18T20:30:57.838Z
+aaa@gmail.com,loggedIn,2023-03-18T20:31:12.061Z
+a@gmail.com,loggedIn,2023-03-18T20:31:12.080Z
+a@gmail.com,loggedIn,2023-03-18T20:31:19.447Z
+aaa@gmail.com,loggedIn,2023-03-18T20:31:22.738Z
+aaa@gmail.com,loggedIn,2023-03-18T20:32:36.919Z
+a@gmail.com,loggedIn,2023-03-18T20:32:36.929Z
+a@gmail.com,loggedIn,2023-03-18T20:32:56.212Z
+aaa@gmail.com,loggedIn,2023-03-18T20:32:59.300Z
+aaa@gmail.com,loggedIn,2023-03-18T20:34:27.543Z
+a@gmail.com,loggedIn,2023-03-18T20:34:27.570Z
+a@gmail.com,loggedIn,2023-03-18T20:34:35.299Z
+aaa@gmail.com,loggedIn,2023-03-18T20:34:35.302Z
+a@gmail.com,loggedIn,2023-03-18T20:34:51.579Z
+aaa@gmail.com,loggedIn,2023-03-18T20:34:52.392Z
+a@gmail.com,loggedIn,2023-03-18T20:35:08.509Z
+aaa@gmail.com,loggedIn,2023-03-18T20:35:15.202Z
+a@gmail.com,loggedIn,2023-03-18T20:36:46.796Z
+aaa@gmail.com,loggedIn,2023-03-18T20:36:51.756Z
+a@gmail.com,loggedIn,2023-03-18T20:36:55.286Z
+a@gmail.com,loggedIn,2023-03-18T20:40:06.226Z
+a@gmail.com,loggedIn,2023-03-18T20:40:18.474Z
+aaa@gmail.com,loggedIn,2023-03-18T20:40:31.894Z
+a@gmail.com,loggedIn,2023-03-18T20:40:31.903Z
+a@gmail.com,loggedIn,2023-03-18T20:42:25.301Z
+aaa@gmail.com,loggedIn,2023-03-18T20:42:31.182Z
+aaa@gmail.com,loggedOut,2023-03-18T20:43:05.741Z
+aaa@gmail.com,loggedIn,2023-03-18T20:43:09.203Z
+a@gmail.com,loggedOut,2023-03-18T20:45:24.343Z
+a@gmail.com,loggedIn,2023-03-18T20:45:27.207Z
+aaa@gmail.com,loggedIn,2023-03-18T20:46:15.618Z
+a@gmail.com,loggedIn,2023-03-18T20:46:56.163Z
+a@gmail.com,loggedOut,2023-03-18T20:48:37.464Z
+a@gmail.com,loggedIn,2023-03-18T20:48:40.562Z
+a@gmail.com,loggedOut,2023-03-18T20:50:32.478Z
+a@gmail.com,loggedIn,2023-03-18T20:50:40.384Z
+a@gmail.com,loggedOut,2023-03-18T20:51:34.159Z
+a@gmail.com,loggedIn,2023-03-18T20:51:49.206Z
+a@gmail.com,loggedOut,2023-03-18T20:52:04.673Z
+qw@gmail.com,loggedIn,2023-03-18T20:52:36.270Z
+qw@gmail.com,loggedIn,2023-03-18T20:53:58.175Z
+aaa@gmail.com,loggedIn,2023-03-18T20:53:58.204Z
+aaa@gmail.com,loggedIn,2023-03-18T20:54:20.518Z
+qw@gmail.com,loggedIn,2023-03-18T20:54:24.225Z
+qw@gmail.com,loggedIn,2023-03-18T20:54:37.007Z
+aaa@gmail.com,loggedIn,2023-03-18T20:54:39.959Z
+aaa@gmail.com,loggedOut,2023-03-18T20:55:55.199Z
+qw@gmail.com,loggedOut,2023-03-18T20:55:59.010Z
diff --git a/src/server/websocket.ts b/src/server/websocket.ts
index e556ecc17..54944e944 100644
--- a/src/server/websocket.ts
+++ b/src/server/websocket.ts
@@ -1,4 +1,4 @@
-import { blue, magenta } from 'colors';
+import { blue, magenta, yellow } from 'colors';
 import * as express from 'express';
 import { createServer, Server } from 'https';
 import { networkInterfaces } from 'os';
@@ -22,7 +22,9 @@ import { resolvedPorts } from './server_Initialization';
 export namespace WebSocket {
     export let _socket: Socket;
     export const clients: { [key: string]: Client } = {};
+    // export const clients = new Map<string, Client>();
     export const socketMap = new Map<SocketIO.Socket, string>();
+    export const userOperations = new Map<string, number>();
     export let disconnect: Function;
 
     export async function initialize(isRelease: boolean, app: express.Express) {
@@ -101,7 +103,9 @@ export namespace WebSocket {
             socket.on('disconnect', function () {
                 let currentUser = socketMap.get(socket);
                 if (!(currentUser === undefined)) {
-                    DashStats.logUserLogout(socketMap.get(socket), socket);
+                    let currentUsername = currentUser.split(' ')[0]
+                    DashStats.logUserLogout(currentUsername, socket);
+                    delete timeMap[currentUsername]
                 }
             });
 
@@ -180,16 +184,20 @@ export namespace WebSocket {
     }
 
     function barReceived(socket: SocketIO.Socket, userEmail: string) {
-        clients[userEmail] = new Client(userEmail.toString());
+         clients[userEmail] = new Client(userEmail.toString());
+        // clients.set(userEmail, new Client(userEmail.toString()));
         const currentdate = new Date();
         const datetime = currentdate.getDate() + '/' + (currentdate.getMonth() + 1) + '/' + currentdate.getFullYear() + ' @ ' + currentdate.getHours() + ':' + currentdate.getMinutes() + ':' + currentdate.getSeconds();
         console.log(blue(`user ${userEmail} has connected to the web socket at: ${datetime}`));
-        console.log(magenta(`currently connected: ${JSON.stringify(clients)}`));
+        // console.log(magenta(`currently connected: ${[...clients.entries()]}`));
         // console.log(magenta('socket map below'));
         // console.log([...socketMap.entries()]);
         printActiveUsers();
+
+        timeMap[userEmail] = Date.now();
         socketMap.set(socket, userEmail + ' at ' + datetime);
-        DashStats.logUserLogin(socketMap.get(socket), socket);
+        userOperations.set(userEmail, 0);
+        DashStats.logUserLogin(userEmail, socket);
     }
 
     function getField([id, callback]: [string, (result?: Transferable) => void]) {
@@ -359,6 +367,12 @@ export namespace WebSocket {
     var CurUser: string | undefined = undefined;
 
     function UpdateField(socket: Socket, diff: Diff) {
+        console.log(magenta(`1 OP ${socketMap.get(socket)}`));
+
+        let currentUsername = socketMap.get(socket)!.split(' ')[0];
+        userOperations.set(currentUsername, userOperations.get(currentUsername) !== undefined ? userOperations.get(currentUsername)! + 1 : 0);
+        console.log(yellow("Total Operations: " + userOperations.get(currentUsername)));
+        
         if (CurUser !== socketMap.get(socket)) {
             CurUser = socketMap.get(socket);
             console.log('Switch User: ' + CurUser);
diff --git a/views/stats.pug b/views/stats.pug
new file mode 100644
index 000000000..54c017e70
--- /dev/null
+++ b/views/stats.pug
@@ -0,0 +1,22 @@
+extends ./layout
+
+block content
+    style
+        include ./stylesheets/authentication.css
+        include ./stylesheets/statsview.css
+    .outermost
+        .stats-container
+            h1 Dash Stats
+            p(class="stats-content") Current Connections: #{numConnections}
+            div(class="stats-content stats-server-status-container")
+                p Server Status: 
+                div(class="stats-server-status-item stats-server-status-" + serverTraffic)
+                    p #{serverTrafficMessage}
+            div(class="stats-content stats-connected-users")
+                p Connected Users: 
+                ul
+                    each username in connectedUsers
+                        li(class="none")= username
+                        
+
+    
\ No newline at end of file
diff --git a/views/stylesheets/statsview.css b/views/stylesheets/statsview.css
new file mode 100644
index 000000000..c018bedfc
--- /dev/null
+++ b/views/stylesheets/statsview.css
@@ -0,0 +1,56 @@
+.outermost {
+    background-color: #251f1f;
+    display: flex;
+    flex-direction: row;
+    height: 98vh;
+    width: 99vw;
+    justify-content: center;
+    position: relative;
+}
+
+.stats-container {
+    background-color: white;
+
+    padding: 1rem;
+    width: 80vw;
+    border-radius: 8px;
+}
+
+.stats-content {
+    font-size: 1.25em;
+    
+}
+
+.stats-server-status-container {
+    display: flex;
+    flex-direction: row;
+}
+
+.stats-server-status-item {
+    margin-left: 0.25rem;
+    padding: 0px 5px;
+
+    border-radius: 3px;
+    width: 8rem;
+    text-align: center;
+}
+
+.stats-server-status-0 {
+    /* not busy */
+    border: 3px green solid;
+}
+
+.stats-server-status-1 {
+    /* busy */
+    border: 3px #ffcc00 solid;
+}
+
+.stats-server-status-2 {
+    /* very busy */
+    border: 3px red solid;
+}
+
+.stats-connected-users {
+    max-height: 70vh;
+    overflow-y: auto;
+}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2


From 0a38e3f91f4f85f07fdbb7575ceb678032dcdfe9 Mon Sep 17 00:00:00 2001
From: Mohammad Amoush <51237606+jameshu111@users.noreply.github.com>
Date: Sat, 8 Apr 2023 16:57:02 -0400
Subject: Clean code and Comments

---
 src/server/Client.ts                   |  13 +--
 src/server/DashStats.ts                | 198 ++++++++++++++++++++++++++++-----
 src/server/Message.ts                  |   2 +
 src/server/stats/userLoginStats.csv    |  82 ++------------
 src/server/websocket.ts                |  23 ++--
 views/resources/statsviewcontroller.js | 114 +++++++++++++++++++
 views/stats.pug                        |  18 ++-
 7 files changed, 320 insertions(+), 130 deletions(-)
 create mode 100644 views/resources/statsviewcontroller.js

diff --git a/src/server/Client.ts b/src/server/Client.ts
index be1ffc2ba..e6f953712 100644
--- a/src/server/Client.ts
+++ b/src/server/Client.ts
@@ -1,22 +1,11 @@
-import { action, computed } from "mobx";
+import { computed } from "mobx";
 
 export class Client {
     private _guid: string;
-    // private operations: number;
 
     constructor(guid: string) {
         this._guid = guid;
-        // this.operations = 0;
     }
 
-    // @computed public get OPERATIONS(): number {
-    //     return this.operations;
-    // }
-
-    // @action
-    // public setOperations(newOperations: number): void {
-    //     this.operations = newOperations;
-    // }
-
     @computed public get GUID(): string { return this._guid; }
 }
\ No newline at end of file
diff --git a/src/server/DashStats.ts b/src/server/DashStats.ts
index a10b28608..8d341db63 100644
--- a/src/server/DashStats.ts
+++ b/src/server/DashStats.ts
@@ -1,35 +1,72 @@
 import { cyan, magenta } from 'colors';
-import { Request, Response } from 'express';
-import { Server } from 'http';
+import { Response } from 'express';
 import SocketIO from 'socket.io';
 import { timeMap } from './ApiManagers/UserManager';
 import { WebSocket } from './websocket';
 const fs = require('fs');
-const csv = require('csv-parser');
 
+/**
+ * DashStats focuses on tracking user data for each session.
+ * 
+ * This includes time connected, number of operations, and
+ * the rate of their operations
+ */
 export namespace DashStats {
+    export const SAMPLING_INTERVAL = 1000; // in milliseconds (ms) - Time interval to update the frontend. 
+    export const RATE_INTERVAL = 10; // in seconds (s) - Used to calculate rate
+
     const statsCSVFilename = './src/server/stats/userLoginStats.csv';
     const columns = ['USERNAME', 'ACTION', 'TIME'];
 
-    interface SocketPair {
+    /**
+     * UserStats holds the stats associated with a particular user. 
+     */
+    interface UserStats {
         socketId: string;
         username: string;
         time: string;
         operations: number;
+        rate: number;
+    }
+
+    /**
+     * UserLastOperations is the queue object for each user 
+     * storing their past operations. 
+     */
+    interface UserLastOperations {
+        sampleOperations: number; // stores how many operations total are in this rate section (10 sec, for example)
+        lastSampleOperations: number; // stores how many total operations were recorded at the last sample
+        previousOperationsQueue: number[]; // stores the operations to calculate rate. 
     }
 
+    /**
+     * StatsDataBundle represents an object that will be sent to the frontend view
+     * on each websocket update. 
+     */
+    interface StatsDataBundle {
+        connectedUsers: UserStats[];
+    }
+
+    /**
+     * CSVStore represents how objects will be stored in the CSV
+     */
     interface CSVStore {
         USERNAME: string;
         ACTION: string;
         TIME: string;
     }
 
+    /**
+     * ServerTraffic describes the current traffic going to the backend. 
+     */
     enum ServerTraffic {
         NOT_BUSY,
         BUSY,
         VERY_BUSY
     }
 
+    // These values can be changed after further testing how many
+    // users correspond to each traffic level in Dash. 
     const BUSY_SERVER_BOUND = 2;
     const VERY_BUSY_SERVER_BOUND = 3;
 
@@ -39,31 +76,47 @@ export namespace DashStats {
         "Very Busy"
     ]
 
+    // lastUserOperations maps each username to a UserLastOperations
+    // structure 
+    export const lastUserOperations = new Map<string, UserLastOperations>();
+
+    /**
+     * handleStats is called when the /stats route is called, providing a JSON
+     * object with relevant stats. In this case, we return the number of
+     * current connections and 
+     * @param res Response object from Express
+     */
     export function handleStats(res: Response) {
-        let current = getCurrentConnections();
+        let current = getCurrentStats();
         const results: CSVStore[] = [];
         res.json({
-                message: 'welcome to stats',
                 currentConnections: current.length,
                 socketMap: current,
             });
+    }
+
+    /**
+     * getUpdatedStatesBundle() sends an updated copy of the current stats to the 
+     * frontend /statsview route via websockets. 
+     * 
+     * @returns a StatsDataBundle that is sent to the frontend view on each websocket update
+     */
+    export function getUpdatedStatsBundle(): StatsDataBundle {
+        let current = getCurrentStats();
 
-        // fs.createReadStream(statsCSVFilename)
-        //     .pipe(csv())
-        //     .on('data', (data: any) => results.push(data))
-        //     .on('end', () => {
-        //         console.log(results);
-        //         res.json({
-        //             message: 'welcome to stats',
-        //             currentConnections: current.length,
-        //             socketMap: current,
-        //             results: results,
-        //         });
-        //     });
+        return {
+            connectedUsers: current,
+        }
     }
 
+    /**
+     * handleStatsView() is called when the /statsview route is called. This 
+     * will use pug to render a frontend view of the current stats
+     * 
+     * @param res 
+     */
     export function handleStatsView(res: Response) {
-        let current = getCurrentConnections();
+        let current = getCurrentStats();
 
         let connectedUsers = current.map((socketPair) => {
             return socketPair.time + " - " + socketPair.username + " Operations: " + socketPair.operations;
@@ -80,17 +133,23 @@ export namespace DashStats {
         
         res.render("stats.pug", {
             title: "Dash Stats",
-            numConnections: current.length,
+            numConnections: connectedUsers.length,
             serverTraffic: serverTraffic,
             serverTrafficMessage : serverTrafficMessages[serverTraffic],
             connectedUsers: connectedUsers
         });
     }
 
+    /**
+     * logUserLogin() writes a login event to the CSV file. 
+     * 
+     * @param username the username in the format of "username@domain.com logged in"
+     * @param socket the websocket associated with the current connection
+     */
     export function logUserLogin(username: string | undefined, socket: SocketIO.Socket) {
         if (!(username === undefined)) {
             let currentDate = new Date();
-            // console.log(magenta(`User ${username.split(' ')[0]} logged in at: ${currentDate.toISOString()}`));
+            console.log(magenta(`User ${username.split(' ')[0]} logged in at: ${currentDate.toISOString()}`));
 
             let toWrite: CSVStore = {
                 USERNAME : username,
@@ -105,10 +164,15 @@ export namespace DashStats {
         }
     }
 
+    /**
+     * logUserLogout() writes a logout event to the CSV file. 
+     * 
+     * @param username the username in the format of "username@domain.com logged in"
+     * @param socket the websocket associated with the current connection. 
+     */
     export function logUserLogout(username: string | undefined, socket: SocketIO.Socket) {
         if (!(username === undefined)) {
             let currentDate = new Date();
-            // console.log(magenta(`User ${username.split(' ')[0]} logged out at: ${currentDate.toISOString()}`));
 
             let statsFile = fs.createWriteStream(statsCSVFilename, { flags: "a"});
             let toWrite: CSVStore = {
@@ -121,10 +185,79 @@ export namespace DashStats {
         }
     }
 
-    function getCurrentConnections(): SocketPair[] {
-        console.log("timeMap: " + timeMap);
-        console.log("clients:" + WebSocket.clients);
-        let socketPairs: SocketPair[] = [];
+    /**
+     * getLastOperationsOrDefault() is a helper method that will attempt
+     * to query the lastUserOperations map for a specified username. If the
+     * username is not in the map, an empty UserLastOperations object is returned. 
+     * @param username 
+     * @returns the user's UserLastOperations structure or an empty
+     * UserLastOperations object (All values set to 0) if the username is not found.
+     */
+    function getLastOperationsOrDefault(username: string): UserLastOperations {
+        if(lastUserOperations.get(username) === undefined) {
+            let initializeOperationsQueue = [];
+            for(let i = 0; i < RATE_INTERVAL; i++) {
+                initializeOperationsQueue.push(0);
+            }
+            return {
+                sampleOperations: 0,
+                lastSampleOperations: 0,
+                previousOperationsQueue: initializeOperationsQueue
+            }
+        }
+        return lastUserOperations.get(username)!;
+    }
+
+    /**
+     * updateLastOperations updates a specific user's UserLastOperations information
+     * for the current sampling cycle. The method removes old/outdated counts for
+     * operations from the queue and adds new data for the current sampling 
+     * cycle to the queue, updating the total count as it goes. 
+     * @param lastOperationData the old UserLastOperations data that must be updated
+     * @param currentOperations the total number of operations measured for this sampling cycle.
+     * @returns the udpated UserLastOperations structure. 
+     */
+    function updateLastOperations(lastOperationData: UserLastOperations, currentOperations: number): UserLastOperations {
+        // create a copy of the UserLastOperations to modify
+        let newLastOperationData: UserLastOperations = {
+            sampleOperations: lastOperationData.sampleOperations,
+            lastSampleOperations: lastOperationData.lastSampleOperations,
+            previousOperationsQueue: lastOperationData.previousOperationsQueue.slice()
+        }
+
+        let newSampleOperations = newLastOperationData.sampleOperations;
+        newSampleOperations -= newLastOperationData.previousOperationsQueue.shift()!; // removes and returns the first element of the queue
+        let operationsThisCycle = currentOperations - lastOperationData.lastSampleOperations;
+        newSampleOperations += operationsThisCycle; // add the operations this cycle to find out what our count for the interval should be (e.g operations in the last 10 seconds)
+
+        // update values for the copy object
+        newLastOperationData.sampleOperations = newSampleOperations;
+
+        newLastOperationData.previousOperationsQueue.push(operationsThisCycle);
+        newLastOperationData.lastSampleOperations = currentOperations;
+
+        return newLastOperationData;
+    }
+
+    /**
+     * getUserOperationsOrDefault() is a helper method to get the user's total
+     * operations for the CURRENT sampling interval. The method will return 0 
+     * if the username is not in the userOperations map.
+     * @param username the username to search the map for
+     * @returns the total number of operations recorded up to this sampling cycle. 
+     */
+    function getUserOperationsOrDefault(username: string): number {
+        return WebSocket.userOperations.get(username) === undefined ? 0 : WebSocket.userOperations.get(username)!
+    }
+
+    /**
+     * getCurrentStats() calculates the total stats for this cycle. In this case,
+     * getCurrentStats() returns an Array of UserStats[] objects describing 
+     * the stats for each user
+     * @returns an array of UserStats storing data for each user at the current moment. 
+     */
+    function getCurrentStats(): UserStats[] {
+        let socketPairs: UserStats[] = [];
         for (let [key, value] of WebSocket.socketMap) {
             let username = value.split(' ')[0];
             let connectionTime = new Date(timeMap[username]);
@@ -132,19 +265,28 @@ export namespace DashStats {
             let connectionTimeString = connectionTime.toLocaleDateString() + " " + connectionTime.toLocaleTimeString();
 
             if (!key.disconnected) {
+                let lastRecordedOperations = getLastOperationsOrDefault(username);
+                let currentUserOperationCount = getUserOperationsOrDefault(username);
+
                 socketPairs.push({ 
                     socketId: key.id,
                     username: username,
                     time: connectionTimeString.includes("Invalid Date") ? "" : connectionTimeString,
                     operations : WebSocket.userOperations.get(username) ? WebSocket.userOperations.get(username)! : 0,
+                    rate: lastRecordedOperations.sampleOperations
                 });
+                lastUserOperations.set(username, updateLastOperations(lastRecordedOperations,currentUserOperationCount));
             }
         }
-        console.log(socketPairs);
-        // console.log([...WebSocket.clients.entries()]);
         return socketPairs;
     }
 
+    /**
+     * convertToCSV() is a helper method that stringifies a CSVStore object
+     * that can be written to the CSV file later. 
+     * @param dataObject the object to stringify
+     * @returns the object as a string. 
+     */
     function convertToCSV(dataObject: CSVStore): string {
         return `${dataObject.USERNAME},${dataObject.ACTION},${dataObject.TIME}\n`;
     }
diff --git a/src/server/Message.ts b/src/server/Message.ts
index d87ae5027..8f0af08bc 100644
--- a/src/server/Message.ts
+++ b/src/server/Message.ts
@@ -94,4 +94,6 @@ export namespace MessageStore {
     export const YoutubeApiQuery = new Message<YoutubeQueryInput>("Youtube Api Query");
     export const DeleteField = new Message<string>("Delete field");
     export const DeleteFields = new Message<string[]>("Delete fields");
+
+    export const UpdateStats = new Message<string>("updatestats");
 }
diff --git a/src/server/stats/userLoginStats.csv b/src/server/stats/userLoginStats.csv
index d5e56502c..23bcef885 100644
--- a/src/server/stats/userLoginStats.csv
+++ b/src/server/stats/userLoginStats.csv
@@ -1,75 +1,7 @@
-USER,ACTION,TIME
-aaa@gmail.com,loggedIn,2023-03-18T20:10:29.928Z
-guest,loggedIn,2023-03-18T20:10:47.384Z
-aaa@gmail.com,loggedOut,2023-03-18T20:10:55.364Z
-aaa@gmail.com,loggedIn,2023-03-18T20:11:15.879Z
-guest,loggedIn,2023-03-18T20:18:03.724Z
-aaa@gmail.com,loggedIn,2023-03-18T20:18:03.860Z
-guest,loggedOut,2023-03-18T20:19:00.211Z
-guest,loggedIn,2023-03-18T20:19:03.087Z
-guest,loggedOut,2023-03-18T20:19:50.668Z
-boo15869@gmail.com,loggedIn,2023-03-18T20:20:17.890Z
-boo15869@gmail.com,loggedOut,2023-03-18T20:21:03.542Z
-boo15869@gmail.com,loggedIn,2023-03-18T20:21:06.149Z
-boo15869@gmail.com,loggedOut,2023-03-18T20:21:51.874Z
-a@gmail.com,loggedIn,2023-03-18T20:22:02.122Z
-aaa@gmail.com,loggedOut,2023-03-18T20:22:42.882Z
-aaa@gmail.com,loggedIn,2023-03-18T20:22:45.631Z
-aaa@gmail.com,loggedIn,2023-03-18T20:25:34.658Z
-a@gmail.com,loggedIn,2023-03-18T20:25:34.681Z
-aaa@gmail.com,loggedIn,2023-03-18T20:29:04.297Z
-a@gmail.com,loggedIn,2023-03-18T20:29:08.701Z
-a@gmail.com,loggedIn,2023-03-18T20:29:18.565Z
-aaa@gmail.com,loggedIn,2023-03-18T20:29:21.974Z
-aaa@gmail.com,loggedIn,2023-03-18T20:29:51.477Z
-a@gmail.com,loggedIn,2023-03-18T20:29:51.489Z
-aaa@gmail.com,loggedIn,2023-03-18T20:30:15.011Z
-aaa@gmail.com,loggedIn,2023-03-18T20:30:57.818Z
-a@gmail.com,loggedIn,2023-03-18T20:30:57.838Z
-aaa@gmail.com,loggedIn,2023-03-18T20:31:12.061Z
-a@gmail.com,loggedIn,2023-03-18T20:31:12.080Z
-a@gmail.com,loggedIn,2023-03-18T20:31:19.447Z
-aaa@gmail.com,loggedIn,2023-03-18T20:31:22.738Z
-aaa@gmail.com,loggedIn,2023-03-18T20:32:36.919Z
-a@gmail.com,loggedIn,2023-03-18T20:32:36.929Z
-a@gmail.com,loggedIn,2023-03-18T20:32:56.212Z
-aaa@gmail.com,loggedIn,2023-03-18T20:32:59.300Z
-aaa@gmail.com,loggedIn,2023-03-18T20:34:27.543Z
-a@gmail.com,loggedIn,2023-03-18T20:34:27.570Z
-a@gmail.com,loggedIn,2023-03-18T20:34:35.299Z
-aaa@gmail.com,loggedIn,2023-03-18T20:34:35.302Z
-a@gmail.com,loggedIn,2023-03-18T20:34:51.579Z
-aaa@gmail.com,loggedIn,2023-03-18T20:34:52.392Z
-a@gmail.com,loggedIn,2023-03-18T20:35:08.509Z
-aaa@gmail.com,loggedIn,2023-03-18T20:35:15.202Z
-a@gmail.com,loggedIn,2023-03-18T20:36:46.796Z
-aaa@gmail.com,loggedIn,2023-03-18T20:36:51.756Z
-a@gmail.com,loggedIn,2023-03-18T20:36:55.286Z
-a@gmail.com,loggedIn,2023-03-18T20:40:06.226Z
-a@gmail.com,loggedIn,2023-03-18T20:40:18.474Z
-aaa@gmail.com,loggedIn,2023-03-18T20:40:31.894Z
-a@gmail.com,loggedIn,2023-03-18T20:40:31.903Z
-a@gmail.com,loggedIn,2023-03-18T20:42:25.301Z
-aaa@gmail.com,loggedIn,2023-03-18T20:42:31.182Z
-aaa@gmail.com,loggedOut,2023-03-18T20:43:05.741Z
-aaa@gmail.com,loggedIn,2023-03-18T20:43:09.203Z
-a@gmail.com,loggedOut,2023-03-18T20:45:24.343Z
-a@gmail.com,loggedIn,2023-03-18T20:45:27.207Z
-aaa@gmail.com,loggedIn,2023-03-18T20:46:15.618Z
-a@gmail.com,loggedIn,2023-03-18T20:46:56.163Z
-a@gmail.com,loggedOut,2023-03-18T20:48:37.464Z
-a@gmail.com,loggedIn,2023-03-18T20:48:40.562Z
-a@gmail.com,loggedOut,2023-03-18T20:50:32.478Z
-a@gmail.com,loggedIn,2023-03-18T20:50:40.384Z
-a@gmail.com,loggedOut,2023-03-18T20:51:34.159Z
-a@gmail.com,loggedIn,2023-03-18T20:51:49.206Z
-a@gmail.com,loggedOut,2023-03-18T20:52:04.673Z
-qw@gmail.com,loggedIn,2023-03-18T20:52:36.270Z
-qw@gmail.com,loggedIn,2023-03-18T20:53:58.175Z
-aaa@gmail.com,loggedIn,2023-03-18T20:53:58.204Z
-aaa@gmail.com,loggedIn,2023-03-18T20:54:20.518Z
-qw@gmail.com,loggedIn,2023-03-18T20:54:24.225Z
-qw@gmail.com,loggedIn,2023-03-18T20:54:37.007Z
-aaa@gmail.com,loggedIn,2023-03-18T20:54:39.959Z
-aaa@gmail.com,loggedOut,2023-03-18T20:55:55.199Z
-qw@gmail.com,loggedOut,2023-03-18T20:55:59.010Z
+USER,ACTION,TIMEaaa@gmail.com,loggedIn,2023-04-08T20:08:17.533Z
+aaa@gmail.com,loggedIn,2023-04-08T20:14:32.460Z
+aaa@gmail.com,loggedIn,2023-04-08T20:14:44.884Z
+aaa@gmail.com,loggedIn,2023-04-08T20:14:56.854Z
+aaa@gmail.com,loggedIn,2023-04-08T20:16:59.747Z
+aaa@gmail.com,loggedIn,2023-04-08T20:56:50.759Z
+aaa@gmail.com,loggedIn,2023-04-08T20:56:58.175Z
diff --git a/src/server/websocket.ts b/src/server/websocket.ts
index 54944e944..5d1390d37 100644
--- a/src/server/websocket.ts
+++ b/src/server/websocket.ts
@@ -1,4 +1,4 @@
-import { blue, magenta, yellow } from 'colors';
+import { blue } from 'colors';
 import * as express from 'express';
 import { createServer, Server } from 'https';
 import { networkInterfaces } from 'os';
@@ -22,7 +22,6 @@ import { resolvedPorts } from './server_Initialization';
 export namespace WebSocket {
     export let _socket: Socket;
     export const clients: { [key: string]: Client } = {};
-    // export const clients = new Map<string, Client>();
     export const socketMap = new Map<SocketIO.Socket, string>();
     export const userOperations = new Map<string, number>();
     export let disconnect: Function;
@@ -52,6 +51,8 @@ export namespace WebSocket {
                 next();
             });
 
+            socket.emit(MessageStore.UpdateStats.Message, DashStats.getUpdatedStatsBundle())
+
             // convenience function to log server messages on the client
             function log(message?: any, ...optionalParams: any[]) {
                 socket.emit('log', ['Message from server:', message, ...optionalParams]);
@@ -109,6 +110,8 @@ export namespace WebSocket {
                 }
             });
 
+
+
             Utils.Emit(socket, MessageStore.Foo, 'handshooken');
 
             Utils.AddServerHandler(socket, MessageStore.Bar, guid => barReceived(socket, guid));
@@ -142,6 +145,12 @@ export namespace WebSocket {
                 socket.disconnect(true);
             };
         });
+
+        setInterval(function() {
+            // Utils.Emit(socket, MessageStore.UpdateStats, DashStats.getUpdatedStatsBundle());
+
+            io.emit(MessageStore.UpdateStats.Message, DashStats.getUpdatedStatsBundle())
+        }, DashStats.SAMPLING_INTERVAL);
     }
 
     function processGesturePoints(socket: Socket, content: GestureContent) {
@@ -185,13 +194,9 @@ export namespace WebSocket {
 
     function barReceived(socket: SocketIO.Socket, userEmail: string) {
          clients[userEmail] = new Client(userEmail.toString());
-        // clients.set(userEmail, new Client(userEmail.toString()));
         const currentdate = new Date();
         const datetime = currentdate.getDate() + '/' + (currentdate.getMonth() + 1) + '/' + currentdate.getFullYear() + ' @ ' + currentdate.getHours() + ':' + currentdate.getMinutes() + ':' + currentdate.getSeconds();
         console.log(blue(`user ${userEmail} has connected to the web socket at: ${datetime}`));
-        // console.log(magenta(`currently connected: ${[...clients.entries()]}`));
-        // console.log(magenta('socket map below'));
-        // console.log([...socketMap.entries()]);
         printActiveUsers();
 
         timeMap[userEmail] = Date.now();
@@ -321,7 +326,8 @@ export namespace WebSocket {
         const remListItems = diff.diff.$set[updatefield].fields;
         const curList = (curListItems as any)?.fields?.[updatefield.replace('fields.', '')]?.fields.filter((f: any) => f !== null) || [];
         diff.diff.$set[updatefield].fields = curList?.filter(
-            (curItem: any) => !remListItems.some((remItem: any) => (remItem.fieldId ? remItem.fieldId === curItem.fieldId : remItem.heading ? remItem.heading === curItem.heading : remItem === curItem))
+            (curItem: any) => !remListItems.some((remItem: any) => (remItem.fieldId ? remItem.fieldId === curItem.fieldId :
+                 remItem.heading ? remItem.heading === curItem.heading : remItem === curItem))
         );
         const sendBack = diff.diff.length !== diff.diff.$set[updatefield].fields.length;
         delete diff.diff.length;
@@ -367,11 +373,8 @@ export namespace WebSocket {
     var CurUser: string | undefined = undefined;
 
     function UpdateField(socket: Socket, diff: Diff) {
-        console.log(magenta(`1 OP ${socketMap.get(socket)}`));
-
         let currentUsername = socketMap.get(socket)!.split(' ')[0];
         userOperations.set(currentUsername, userOperations.get(currentUsername) !== undefined ? userOperations.get(currentUsername)! + 1 : 0);
-        console.log(yellow("Total Operations: " + userOperations.get(currentUsername)));
         
         if (CurUser !== socketMap.get(socket)) {
             CurUser = socketMap.get(socket);
diff --git a/views/resources/statsviewcontroller.js b/views/resources/statsviewcontroller.js
new file mode 100644
index 000000000..090e112e7
--- /dev/null
+++ b/views/resources/statsviewcontroller.js
@@ -0,0 +1,114 @@
+/**
+ * statsviewcontroller.js stores the JavaScript functions to update the stats page
+ * when the websocket updates. 
+ */
+
+const BUSY_SERVER_BOUND = 2;
+const VERY_BUSY_SERVER_BOUND = 3;
+
+const MEDIUM_USE_BOUND = 100; //operations per 10 seconds
+const HIGH_USE_BOUND = 300;
+
+const serverTrafficMessages = {
+    0 : "Not Busy",
+    1 : "Busy",
+    2: "Very Busy"
+};
+
+/**
+ * userDataComparator sorts the users based on the rate
+ * 
+ * @param {*} user1 the first user to compare
+ * @param {*} user2 the second user to comapre
+ * @returns an integer indiciating which user should come first
+ */
+function userDataComparator(user1, user2) {
+    if(user1.rate < user2.rate) {
+        return 1;
+    } else if(user1.rate > user2.rate) {
+        return -1;
+    } else {
+        return 0;
+    }
+}
+
+/**
+ * calculateServerTraffic() returns an integer corresponding
+ * to the current traffic that can be used to get the message
+ * from "serverTrafficMessages"
+ * 
+ * @param {*} data the incoming data from the backend
+ * @returns an integer where 0 is not busy, 1 is busy, and 2 is very busy. 
+ */
+function calculateServerTraffic(data) {
+    let currentTraffic = data.connectedUsers.length;
+
+    let serverTraffic = 0;
+    if(currentTraffic < BUSY_SERVER_BOUND) {
+        serverTraffic = 0;
+    } else if(currentTraffic >= BUSY_SERVER_BOUND && currentTraffic < VERY_BUSY_SERVER_BOUND) {
+        serverTraffic = 1;
+    } else {
+        serverTraffic = 2;
+    }
+
+    return serverTraffic;
+}
+
+/**
+ * getUserRateColor determines what color the user's rate should
+ * be on the front end
+ * @param {*} rate the operations per time interval for a specific user
+ * @returns a string representing the color to make the user rate
+ */
+function getUserRateColor(rate) {
+    if(rate < MEDIUM_USE_BOUND) {
+        return "black";
+    } else if(rate >= MEDIUM_USE_BOUND && rate < HIGH_USE_BOUND) {
+        return "orange";
+    } else if(rate >= HIGH_USE_BOUND){
+        return "red";
+    } else {
+        return "black";
+    }
+}
+
+/**
+ * handleStatsUpdats() is called when new data is received from the backend
+ * from a websocket event. The method updates the HTML site to reflect the
+ * updated data
+ * 
+ * @param {*} data the data coming from the backend. 
+ */
+function handleStatsUpdate(data) {
+    let userListInnerHTML = "";
+    data.connectedUsers.sort(userDataComparator);
+    data.connectedUsers.map((userData, index) => {
+        let userRateColor = getUserRateColor(userData.rate);
+        let userEntry = `<p>${userData.time}</p>
+            <p>${userData.username}</p>
+            <p>Operations: ${userData.operations}</p>
+            <p style="color:${userRateColor}">Rate: ${userData.rate} operations per last 10 seconds</p>
+            `; // user data comes as last 10 seconds but it can be adjusted in DastStats.ts and websocket.ts
+        userListInnerHTML += "<li class=\"none\">" + userEntry + "</li>";
+    })
+
+    document.getElementById("connection-count").innerHTML = `Current Connections: ${data.connectedUsers.length}`
+    document.getElementById("connected-user-list").innerHTML = userListInnerHTML;
+
+    let serverTraffic = calculateServerTraffic(data);
+    let serverTrafficMessage = "Not Busy";
+    switch(serverTraffic) {
+        case 0:
+            serverTrafficMessage = "Not Busy";
+            break;
+        case 1:
+            serverTrafficMessage = "Busy";
+            break;
+        case 2:
+            serverTrafficMessage = "Very Busy";
+            break;
+    }
+    document.getElementById("stats-traffic-message").className="stats-server-status-item stats-server-status-" + serverTraffic;
+    document.getElementById("stats-traffic-message").innerHTML = `<p>${serverTrafficMessage}</p>`;
+}
\ No newline at end of file
diff --git a/views/stats.pug b/views/stats.pug
index 54c017e70..16c28087e 100644
--- a/views/stats.pug
+++ b/views/stats.pug
@@ -1,22 +1,30 @@
 extends ./layout
 
+//- stats.pug is the frontend for the stats page
 block content
     style
         include ./stylesheets/authentication.css
         include ./stylesheets/statsview.css
+    script(src=`http://localhost:4321/socket.io/socket.io.js`)
+    script
+        include ./resources/statsviewcontroller.js
+    script.
+        var socket = io.connect("http://localhost:4321");
+        socket.on("connect", () => console.log("connected to socket"));
+
+        socket.on("a2cf757f-abd7-537b-953e-ef2f4f798f7e", (data) => handleStatsUpdate(data));
     .outermost
         .stats-container
             h1 Dash Stats
-            p(class="stats-content") Current Connections: #{numConnections}
+
+            p(class="stats-content" id="connection-count") Current Connections: #{numConnections}
             div(class="stats-content stats-server-status-container")
                 p Server Status: 
-                div(class="stats-server-status-item stats-server-status-" + serverTraffic)
+                div(id="stats-traffic-message" class="stats-server-status-item stats-server-status-" + serverTraffic)
                     p #{serverTrafficMessage}
             div(class="stats-content stats-connected-users")
                 p Connected Users: 
-                ul
-                    each username in connectedUsers
-                        li(class="none")= username
+                ul(id="connected-user-list")
                         
 
     
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2


From 782271987bc2585fd92659dfe09dcb7270535b20 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Mon, 17 Apr 2023 11:08:03 -0400
Subject: used stats to detect unnecessary server message when changing css
 style for text notes

---
 .gitignore                                         |  1 +
 src/client/views/collections/CollectionMenu.tsx    |  2 +-
 .../CollectionFreeFormLinkView.tsx                 |  6 +-
 .../views/nodes/formattedText/FormattedTextBox.tsx | 72 +++++++++++-----------
 src/fields/Doc.ts                                  |  2 +
 5 files changed, 44 insertions(+), 39 deletions(-)

diff --git a/.gitignore b/.gitignore
index 7d3a4d214..e94da5580 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,6 +10,7 @@ src/scraping/buxton/final/source/
 src/scraping/buxton/final/json/
 src/scraping/buxton/source/
 src/server/public/files/
+src/server/stats/userLoginStats.csv
 src/scraping/acm/package-lock.json
 src/server/session_manager/logs/**/*.log
 *.crt
diff --git a/src/client/views/collections/CollectionMenu.tsx b/src/client/views/collections/CollectionMenu.tsx
index 5b631676e..2154016bd 100644
--- a/src/client/views/collections/CollectionMenu.tsx
+++ b/src/client/views/collections/CollectionMenu.tsx
@@ -1329,7 +1329,7 @@ export class Collection3DCarouselViewChrome extends React.Component<CollectionVi
         return (
             <div className="collection3DCarouselViewChrome-cont">
                 <div className="collection3DCarouselViewChrome-scrollSpeed-cont">
-                    {FormattedTextBox.Focused ? <RichTextMenu /> : null}
+                    {/* {FormattedTextBox.Focused ? <RichTextMenu /> : null} */}
                     <div className="collectionStackingViewChrome-scrollSpeed-label">AUTOSCROLL SPEED:</div>
                     <div className="collection3DCarouselViewChrome-scrollSpeed">
                         <EditableView GetValue={() => StrCast(this.scrollSpeed)} oneLine SetValue={this.setValue} contents={this.scrollSpeed ? this.scrollSpeed : 1000} />
diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormLinkView.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormLinkView.tsx
index 7f1e15c2f..0dfd119d7 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormLinkView.tsx
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormLinkView.tsx
@@ -1,6 +1,6 @@
 import { action, computed, IReactionDisposer, observable, reaction } from 'mobx';
 import { observer } from 'mobx-react';
-import { Doc, Field } from '../../../../fields/Doc';
+import { CssSym, Doc, Field } from '../../../../fields/Doc';
 import { Id } from '../../../../fields/FieldSymbols';
 import { List } from '../../../../fields/List';
 import { Cast, NumCast, StrCast } from '../../../../fields/Types';
@@ -35,10 +35,10 @@ export class CollectionFreeFormLinkView extends React.Component<CollectionFreeFo
             () => [
                 this.props.A.props.ScreenToLocalTransform(),
                 Cast(Cast(Cast(this.props.A.rootDoc, Doc, null)?.anchor1, Doc, null)?.annotationOn, Doc, null)?.scrollTop,
-                Cast(Cast(Cast(this.props.A.rootDoc, Doc, null)?.anchor1, Doc, null)?.annotationOn, Doc, null)?._highlights,
+                Cast(Cast(Cast(this.props.A.rootDoc, Doc, null)?.anchor1, Doc, null)?.annotationOn, Doc, null)?.[CssSym],
                 this.props.B.props.ScreenToLocalTransform(),
                 Cast(Cast(Cast(this.props.A.rootDoc, Doc, null)?.anchor2, Doc, null)?.annotationOn, Doc, null)?.scrollTop,
-                Cast(Cast(Cast(this.props.A.rootDoc, Doc, null)?.anchor2, Doc, null)?.annotationOn, Doc, null)?._highlights,
+                Cast(Cast(Cast(this.props.A.rootDoc, Doc, null)?.anchor2, Doc, null)?.annotationOn, Doc, null)?.[CssSym],
             ],
             action(() => {
                 this._start = Date.now();
diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.tsx b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
index 5719ea83c..f5826ef95 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.tsx
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
@@ -1,7 +1,7 @@
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { isEqual } from 'lodash';
-import { action, computed, IReactionDisposer, observable, reaction, runInAction } from 'mobx';
+import { action, computed, IReactionDisposer, observable, ObservableSet, reaction, runInAction } from 'mobx';
 import { observer } from 'mobx-react';
 import { baseKeymap, selectAll } from 'prosemirror-commands';
 import { history } from 'prosemirror-history';
@@ -11,13 +11,13 @@ import { Fragment, Mark, Node, Slice } from 'prosemirror-model';
 import { EditorState, NodeSelection, Plugin, TextSelection, Transaction } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { DateField } from '../../../../fields/DateField';
-import { AclAdmin, AclAugment, AclEdit, AclSelfEdit, Doc, DocListCast, Field, ForceServerWrite, HeightSym, Opt, UpdatingFromServer, WidthSym } from '../../../../fields/Doc';
+import { AclAdmin, AclAugment, AclEdit, AclSelfEdit, CssSym, Doc, DocListCast, Field, ForceServerWrite, HeightSym, Opt, UpdatingFromServer, WidthSym } from '../../../../fields/Doc';
 import { Id } from '../../../../fields/FieldSymbols';
 import { InkTool } from '../../../../fields/InkField';
 import { PrefetchProxy } from '../../../../fields/Proxy';
 import { RichTextField } from '../../../../fields/RichTextField';
 import { RichTextUtils } from '../../../../fields/RichTextUtils';
-import { ComputedField, ScriptField } from '../../../../fields/ScriptField';
+import { ComputedField } from '../../../../fields/ScriptField';
 import { BoolCast, Cast, DocCast, FieldValue, NumCast, ScriptCast, StrCast } from '../../../../fields/Types';
 import { GetEffectiveAcl, TraceMobx } from '../../../../fields/util';
 import { addStyleSheet, addStyleSheetRule, clearStyleSheetRules, emptyFunction, numberRange, returnFalse, returnZero, setupMoveUpEvents, smoothScroll, unimplementedFunction, Utils } from '../../../../Utils';
@@ -29,6 +29,7 @@ import { DictationManager } from '../../../util/DictationManager';
 import { DocumentManager } from '../../../util/DocumentManager';
 import { DragManager } from '../../../util/DragManager';
 import { MakeTemplate } from '../../../util/DropConverter';
+import { IsFollowLinkScript } from '../../../util/LinkFollower';
 import { LinkManager } from '../../../util/LinkManager';
 import { SelectionManager } from '../../../util/SelectionManager';
 import { SnappingManager } from '../../../util/SnappingManager';
@@ -64,7 +65,6 @@ import { schema } from './schema_rts';
 import { SummaryView } from './SummaryView';
 import applyDevTools = require('prosemirror-dev-tools');
 import React = require('react');
-import { IsFollowLinkScript } from '../../../util/LinkFollower';
 const translateGoogleApi = require('translate-google-api');
 
 export const GoogleRef = 'googleDocId';
@@ -79,7 +79,8 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
     public static blankState = () => EditorState.create(FormattedTextBox.Instance.config);
     public static Instance: FormattedTextBox;
     public static LiveTextUndo: UndoManager.Batch | undefined;
-    static _globalHighlights: string[] = ['Audio Tags', 'Text from Others', 'Todo Items', 'Important Items', 'Disagree Items', 'Ignore Items'];
+    static _globalHighlightsCache: string = '';
+    static _globalHighlights = new ObservableSet<string>(['Audio Tags', 'Text from Others', 'Todo Items', 'Important Items', 'Disagree Items', 'Ignore Items']);
     static _highlightStyleSheet: any = addStyleSheet();
     static _bulletStyleSheet: any = addStyleSheet();
     static _userStyleSheet: any = addStyleSheet();
@@ -193,7 +194,6 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
     constructor(props: any) {
         super(props);
         FormattedTextBox.Instance = this;
-        this.updateHighlights();
         this._recordingStart = Date.now();
     }
 
@@ -605,45 +605,46 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
         return ret;
     }
 
-    updateHighlights = () => {
-        const highlights = FormattedTextBox._globalHighlights;
+    updateHighlights = (highlights: string[]) => {
+        if (Array.from(highlights).join('') === FormattedTextBox._globalHighlightsCache) return;
+        setTimeout(() => (FormattedTextBox._globalHighlightsCache = Array.from(highlights).join('')));
         clearStyleSheetRules(FormattedTextBox._userStyleSheet);
-        if (highlights.indexOf('Audio Tags') === -1) {
+        if (highlights.includes('Audio Tags')) {
             addStyleSheetRule(FormattedTextBox._userStyleSheet, 'audiotag', { display: 'none' }, '');
         }
-        if (highlights.indexOf('Text from Others') !== -1) {
+        if (highlights.includes('Text from Others')) {
             addStyleSheetRule(FormattedTextBox._userStyleSheet, 'UM-remote', { background: 'yellow' });
         }
-        if (highlights.indexOf('My Text') !== -1) {
+        if (highlights.includes('My Text')) {
             addStyleSheetRule(FormattedTextBox._userStyleSheet, 'UM-' + Doc.CurrentUserEmail.replace('.', '').replace('@', ''), { background: 'moccasin' });
         }
-        if (highlights.indexOf('Todo Items') !== -1) {
+        if (highlights.includes('Todo Items')) {
             addStyleSheetRule(FormattedTextBox._userStyleSheet, 'UT-todo', { outline: 'black solid 1px' });
         }
-        if (highlights.indexOf('Important Items') !== -1) {
+        if (highlights.includes('Important Items')) {
             addStyleSheetRule(FormattedTextBox._userStyleSheet, 'UT-important', { 'font-size': 'larger' });
         }
-        if (highlights.indexOf('Bold Text') !== -1) {
-            addStyleSheetRule(FormattedTextBox._userStyleSheet, '.formattedTextBox-inner-selected .ProseMirror strong > span', { 'font-size': 'large' }, '');
-            addStyleSheetRule(FormattedTextBox._userStyleSheet, '.formattedTextBox-inner-selected .ProseMirror :not(strong > span)', { 'font-size': '0px' }, '');
+        if (highlights.includes('Bold Text')) {
+            addStyleSheetRule(FormattedTextBox._userStyleSheet, '.formattedTextBox-inner .ProseMirror strong > span', { 'font-size': 'large' }, '');
+            addStyleSheetRule(FormattedTextBox._userStyleSheet, '.formattedTextBox-inner .ProseMirror :not(strong > span)', { 'font-size': '0px' }, '');
         }
-        if (highlights.indexOf('Disagree Items') !== -1) {
+        if (highlights.includes('Disagree Items')) {
             addStyleSheetRule(FormattedTextBox._userStyleSheet, 'UT-disagree', { 'text-decoration': 'line-through' });
         }
-        if (highlights.indexOf('Ignore Items') !== -1) {
+        if (highlights.includes('Ignore Items')) {
             addStyleSheetRule(FormattedTextBox._userStyleSheet, 'UT-ignore', { 'font-size': '1' });
         }
-        if (highlights.indexOf('By Recent Minute') !== -1) {
+        if (highlights.includes('By Recent Minute')) {
             addStyleSheetRule(FormattedTextBox._userStyleSheet, 'UM-' + Doc.CurrentUserEmail.replace('.', '').replace('@', ''), { opacity: '0.1' });
             const min = Math.round(Date.now() / 1000 / 60);
             numberRange(10).map(i => addStyleSheetRule(FormattedTextBox._userStyleSheet, 'UM-min-' + (min - i), { opacity: ((10 - i - 1) / 10).toString() }));
-            setTimeout(this.updateHighlights);
         }
-        if (highlights.indexOf('By Recent Hour') !== -1) {
+        if (highlights.includes('By Recent Hour')) {
             addStyleSheetRule(FormattedTextBox._userStyleSheet, 'UM-' + Doc.CurrentUserEmail.replace('.', '').replace('@', ''), { opacity: '0.1' });
             const hr = Math.round(Date.now() / 1000 / 60 / 60);
             numberRange(10).map(i => addStyleSheetRule(FormattedTextBox._userStyleSheet, 'UM-hr-' + (hr - i), { opacity: ((10 - i - 1) / 10).toString() }));
         }
+        this.layoutDoc[CssSym] = this.layoutDoc[CssSym] + 1; // css changes happen outside of react/mobx.  so we need to set a flag that will notify anyone intereted in layout changes triggered by css changes (eg., CollectionLinkView)
     };
 
     @observable _showSidebar = false;
@@ -781,18 +782,16 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
         const expertHighlighting = [...noviceHighlighting, 'Important Items', 'Ignore Items', 'Disagree Items', 'By Recent Minute', 'By Recent Hour'];
         (Doc.noviceMode ? noviceHighlighting : expertHighlighting).forEach(option =>
             highlighting.push({
-                description: (FormattedTextBox._globalHighlights.indexOf(option) === -1 ? 'Highlight ' : 'Unhighlight ') + option,
-                event: () => {
+                description: (!FormattedTextBox._globalHighlights.has(option) ? 'Highlight ' : 'Unhighlight ') + option,
+                event: action(() => {
                     e.stopPropagation();
-                    if (FormattedTextBox._globalHighlights.indexOf(option) === -1) {
-                        FormattedTextBox._globalHighlights.push(option);
+                    if (!FormattedTextBox._globalHighlights.has(option)) {
+                        FormattedTextBox._globalHighlights.add(option);
                     } else {
-                        FormattedTextBox._globalHighlights.splice(FormattedTextBox._globalHighlights.indexOf(option), 1);
+                        FormattedTextBox._globalHighlights.delete(option);
                     }
-                    runInAction(() => (this.layoutDoc._highlights = FormattedTextBox._globalHighlights.join('')));
-                    this.updateHighlights();
-                },
-                icon: FormattedTextBox._globalHighlights.indexOf(option) === -1 ? 'highlighter' : 'remove-format',
+                }),
+                icon: !FormattedTextBox._globalHighlights.has(option) ? 'highlighter' : 'remove-format',
             })
         );
 
@@ -1031,6 +1030,11 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
             () => this.autoHeight,
             autoHeight => autoHeight && this.tryUpdateScrollHeight()
         );
+        this._disposers.highlights = reaction(
+            () => Array.from(FormattedTextBox._globalHighlights).slice(),
+            highlights => this.updateHighlights(highlights),
+            { fireImmediately: true }
+        );
         this._disposers.width = reaction(
             () => this.props.PanelWidth(),
             width => this.tryUpdateScrollHeight()
@@ -1115,7 +1119,9 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
         this._disposers.selected = reaction(
             () => this.props.isSelected(),
             action(selected => {
-                this.layoutDoc._highlights = selected ? FormattedTextBox._globalHighlights.join('') : '';
+                if (FormattedTextBox._globalHighlights.has('Bold Text')) {
+                    this.layoutDoc[CssSym] = this.layoutDoc[CssSym] + 1; // css change happens outside of mobx/react, so this will notify anyone interested in the layout that it has changed
+                }
                 if (RichTextMenu.Instance?.view === this._editorView && !selected) {
                     RichTextMenu.Instance?.updateMenu(undefined, undefined, undefined);
                 }
@@ -1431,7 +1437,6 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
     }
 
     componentWillUnmount() {
-        FormattedTextBox.Focused === this && (FormattedTextBox.Focused = undefined);
         Object.values(this._disposers).forEach(disposer => disposer?.());
         this.endUndoTypingBatch();
         this.unhighlightSearchTerms();
@@ -1532,11 +1537,9 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
     @action
     onFocused = (e: React.FocusEvent): void => {
         //applyDevTools.applyDevTools(this._editorView);
-        FormattedTextBox.Focused = this;
         this.ProseRef?.children[0] === e.nativeEvent.target && this._editorView && RichTextMenu.Instance?.updateMenu(this._editorView, undefined, this.props);
         this.startUndoTypingBatch();
     };
-    @observable public static Focused: FormattedTextBox | undefined;
 
     onClick = (e: React.MouseEvent): void => {
         if (!this.props.isContentActive()) return;
@@ -1633,7 +1636,6 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
                 tr && this._editorView.dispatch(tr);
             }
         }
-        FormattedTextBox.Focused === this && (FormattedTextBox.Focused = undefined);
         if (RichTextMenu.Instance?.view === this._editorView && !this.props.isSelected(true)) {
             RichTextMenu.Instance?.updateMenu(undefined, undefined, undefined);
         }
diff --git a/src/fields/Doc.ts b/src/fields/Doc.ts
index 662792ff0..6c808c145 100644
--- a/src/fields/Doc.ts
+++ b/src/fields/Doc.ts
@@ -96,6 +96,7 @@ export const HighlightSym = Symbol('Highlight');
 export const DataSym = Symbol('Data');
 export const LayoutSym = Symbol('Layout');
 export const FieldsSym = Symbol('Fields');
+export const CssSym = Symbol('Css');
 export const AclSym = Symbol('Acl');
 export const DirectLinksSym = Symbol('DirectLinks');
 export const AclUnset = Symbol('AclUnset');
@@ -341,6 +342,7 @@ export class Doc extends RefField {
     @observable private ___fieldKeys: any = {};
     /// all of the raw acl's that have been set on this document.  Use GetEffectiveAcl to determine the actual ACL of the doc for editing
     @observable public [AclSym]: { [key: string]: symbol } = {};
+    @observable public [CssSym]: number = 0; // incrementer denoting a change to CSS layout
     @observable public [DirectLinksSym]: Set<Doc> = new Set();
     @observable public [AnimationSym]: Opt<Doc>;
     @observable public [HighlightSym]: boolean = false;
-- 
cgit v1.2.3-70-g09d2


From 2c4a38a97ea89d39828964cee576477689ffff81 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Mon, 17 Apr 2023 11:08:59 -0400
Subject: trying to gitignore login stats

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index e94da5580..f60c94fa4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,3 +21,4 @@ debug.log
 .vscodeignore
 Dockerfile
 .vscode/launch.json
+src/server/stats/userLoginStats.csv
-- 
cgit v1.2.3-70-g09d2


From c2ee641e1f6a8003e961d03550aaffeb668f2545 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Mon, 17 Apr 2023 11:14:07 -0400
Subject: more gitignore

---
 .gitignore                          | 4 ----
 src/server/stats/userLoginStats.csv | 7 -------
 2 files changed, 11 deletions(-)
 delete mode 100644 src/server/stats/userLoginStats.csv

diff --git a/.gitignore b/.gitignore
index f60c94fa4..f841c1a86 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,9 +6,6 @@ ClientUtils.ts
 solr-8.3.1/server/logs/
 solr-8.3.1/server/solr/dash/data/tlog/*
 solr-8.3.1/server/solr/dash/data/index/*
-src/scraping/buxton/final/source/
-src/scraping/buxton/final/json/
-src/scraping/buxton/source/
 src/server/public/files/
 src/server/stats/userLoginStats.csv
 src/scraping/acm/package-lock.json
@@ -21,4 +18,3 @@ debug.log
 .vscodeignore
 Dockerfile
 .vscode/launch.json
-src/server/stats/userLoginStats.csv
diff --git a/src/server/stats/userLoginStats.csv b/src/server/stats/userLoginStats.csv
deleted file mode 100644
index 23bcef885..000000000
--- a/src/server/stats/userLoginStats.csv
+++ /dev/null
@@ -1,7 +0,0 @@
-USER,ACTION,TIMEaaa@gmail.com,loggedIn,2023-04-08T20:08:17.533Z
-aaa@gmail.com,loggedIn,2023-04-08T20:14:32.460Z
-aaa@gmail.com,loggedIn,2023-04-08T20:14:44.884Z
-aaa@gmail.com,loggedIn,2023-04-08T20:14:56.854Z
-aaa@gmail.com,loggedIn,2023-04-08T20:16:59.747Z
-aaa@gmail.com,loggedIn,2023-04-08T20:56:50.759Z
-aaa@gmail.com,loggedIn,2023-04-08T20:56:58.175Z
-- 
cgit v1.2.3-70-g09d2