Added new packages, updated scripts

package.json

@@ -5,17 +5,15 @@
   "author": "Paul Graffam",
   "main": "app.js",
   "scripts": {
-    "dev": "run-p dev:sass webpack-server",
+    "dev": "run-s dev:js webpack-server",
-    "build": "run-s prebuild build:dir build:js build:sass",
+    "build": "run-s prebuild build:dir build:js",
     "prebuild": "run-s clean lint",
     "clean": "rimraf build",
     "lint": "eslint src/js/",
     "webpack-server": "webpack-dev-server --env.NODE_ENV=dev --progress --color --open --hot",
     "webpack-watch": "webpack --env.NODE_ENV=dev --progress --color --watch --hot",
-    "dev:sass": "node-sass -w -r src/css/ -o src/public/assets/css/",
     "dev:js": "webpack --env.NODE_ENV=dev",
-    "build:dir": "copyfiles -a -u 2 -E src/public/**/*.* build/",
+    "build:dir": "copyfiles -a -u 2 src/public/assets/**/*.* build/",
-    "build:sass": "node-sass --output-style compressed src/css/ -o build/public/assets/css/",
     "build:js": "webpack --env.NODE_ENV=prod --progress --color"
   },
   "dependencies": {
@@ -24,6 +22,7 @@
     "tween.js": "^16.6.0"
   },
   "devDependencies": {
+    "autoprefixer": "^9.4.7",
     "@babel/core": "^7.2.2",
     "@babel/preset-env": "^7.3.1",
     "babel-loader": "^8.0.5",
@@ -31,11 +30,15 @@
     "css-loader": "^2.1.0",
     "eslint": "^5.12.1",
     "html-webpack-plugin": "^3.2.0",
+    "mini-css-extract-plugin": "^0.5.0",
     "node-sass": "^4.11.0",
     "npm-run-all": "^4.1.5",
+    "optimize-css-assets-webpack-plugin": "^5.0.1",
+    "postcss-loader": "^3.0.0",
     "rimraf": "^2.6.3",
     "sass-loader": "^7.1.0",
     "style-loader": "^0.23.1",
+    "uglifyjs-webpack-plugin": "^2.1.1",
     "webpack": "^4.29.0",
     "webpack-cli": "^3.2.1",
     "webpack-dev-server": "^3.1.14"

src/public/css/rStats.css

@@ -0,0 +1,87 @@
+.alarm{
+  color: #b70000;
+  text-shadow: 0 0 0 #b70000,
+  0 0 1px #fff,
+  0 0 1px #fff,
+  0 0 2px #fff,
+  0 0 2px #fff,
+  0 0 3px #fff,
+  0 0 3px #fff,
+  0 0 4px #fff,
+  0 0 4px #fff;
+}
+
+.rs-base{
+  position: absolute;
+  z-index: 10000;
+  padding: 10px;
+  background-color: #222;
+  font-size: 10px;
+  line-height: 1.2em;
+  width: 350px;
+  font-family: 'Roboto Condensed', tahoma, sans-serif;
+  left: 0;
+  top: 0;
+  overflow: hidden;
+}
+
+.rs-base h1{
+  margin: 0;
+  padding: 0;
+  font-size: 1.4em;
+  color: #fff;
+  margin-bottom: 5px;
+  cursor: pointer;
+}
+
+.rs-base div.rs-group{
+  margin-bottom: 10px;
+}
+
+.rs-base div.rs-group.hidden{
+  display: none;
+}
+
+.rs-base div.rs-fraction{
+  position: relative;
+  margin-bottom: 5px;
+}
+
+.rs-base div.rs-fraction p{
+  width: 120px;
+  text-align: right;
+  margin: 0;
+  padding: 0;
+}
+
+.rs-base div.rs-legend{
+  position: absolute;
+  line-height: 1em;
+}
+
+.rs-base div.rs-counter-base{
+  position: relative;
+  margin: 2px 0;
+  height: 1em;
+  color: white;
+}
+
+.rs-base span.rs-counter-id{
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.rs-base div.rs-counter-value{
+  position: absolute;
+  left: 90px;
+  width: 30px;
+  height: 1em;
+  top: 0;
+  text-align: right;
+}
+
+.rs-base canvas.rs-canvas{
+  position: absolute;
+  right: 0;
+}