Added version tagging and cleaned up npm packages

html/index.html

@@ -79,7 +79,6 @@
                 </div>
                 <div>
                     <button id="restart" disabled>Restart</button>
-                    <!-- <button>Toggle dark mode</button> -->
                 </div>
             </div>
         </div>
@@ -88,8 +87,8 @@
     <script src="/main.js"></script>
 
     <footer>
-        > Coded by <a href="//arnweb.nl" target="new">McArn</a>. (v1.0.7)<br>
+        <span>> Coded by <a href="//arnweb.nl" target="new">McArn</a>. (v<%= version %>)</span><br>
-        > Found bugs? <a href="//arnweb.nl/contact/">Contact me</a>
+        <span>> Found bugs? <a href="//arnweb.nl/contact/">Contact me</a></span>
     </footer>
 
 </body>

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "minesweeper",
-  "version": "1.0.0",
+  "version": "1.0.8",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -56,11 +56,6 @@
         "strip-json-comments": "^3.1.1"
       }
     },
-    "@fortawesome/fontawesome-free": {
-      "version": "5.15.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.1.tgz",
-      "integrity": "sha512-OEdH7SyC1suTdhBGW91/zBfR6qaIhThbcN8PUXtXilY4GYnSBbVqOntdHbC1vXwsDnX0Qix2m2+DSU1J51ybOQ=="
-    },
     "@types/component-emitter": {
       "version": "1.2.10",
       "resolved": "https://registry.npmjs.org/@types/component-emitter/-/component-emitter-1.2.10.tgz",
@@ -783,14 +778,6 @@
       "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
       "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw="
     },
-    "chainsaw": {
-      "version": "0.0.9",
-      "resolved": "https://registry.npmjs.org/chainsaw/-/chainsaw-0.0.9.tgz",
-      "integrity": "sha1-EaBRAtHEx4W20EFdM21aOhYSkT4=",
-      "requires": {
-        "traverse": ">=0.3.0 <0.4"
-      }
-    },
     "chalk": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
@@ -956,13 +943,13 @@
       }
     },
     "command-line-usage": {
-      "version": "6.1.0",
+      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/command-line-usage/-/command-line-usage-6.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/command-line-usage/-/command-line-usage-6.1.1.tgz",
-      "integrity": "sha512-Ew1clU4pkUeo6AFVDFxCbnN7GIZfXl48HIOQeFQnkO3oOqvpI7wdqtLRwv9iOCZ/7A+z4csVZeiDdEcj8g6Wiw==",
+      "integrity": "sha512-F59pEuAR9o1SF/bD0dQBDluhpT4jJQNWUHEuVBqpDmCUo6gPjCi+m9fCWnWZVR/oG6cMTUms4h+3NPl74wGXvA==",
       "requires": {
-        "array-back": "^4.0.0",
+        "array-back": "^4.0.1",
         "chalk": "^2.4.2",
-        "table-layout": "^1.0.0",
+        "table-layout": "^1.0.1",
         "typical": "^5.2.0"
       },
       "dependencies": {
@@ -1432,6 +1419,12 @@
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
       "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
     },
+    "ejs": {
+      "version": "2.7.4",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-2.7.4.tgz",
+      "integrity": "sha512-7vmuyh5+kuUyJKePhQfRQBhXV5Ce+RnaeeQArKu1EAMpL3WbgMt5WG6uQZpEVvYSSsxMXRKOewtDk9RaTKXRlA==",
+      "dev": true
+    },
     "electron-to-chromium": {
       "version": "1.3.589",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.589.tgz",
@@ -2456,14 +2449,6 @@
         }
       }
     },
-    "hashish": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/hashish/-/hashish-0.0.4.tgz",
-      "integrity": "sha1-bWC8b/r3Ebav1g5CbQd5iAFOZVQ=",
-      "requires": {
-        "traverse": ">=0.2.4"
-      }
-    },
     "hosted-git-info": {
       "version": "2.8.8",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
@@ -2910,11 +2895,6 @@
         }
       }
     },
-    "jquery": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.5.1.tgz",
-      "integrity": "sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg=="
-    },
     "js-base64": {
       "version": "2.6.4",
       "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
@@ -4261,14 +4241,6 @@
       "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz",
       "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q=="
     },
-    "remove": {
-      "version": "0.1.5",
-      "resolved": "https://registry.npmjs.org/remove/-/remove-0.1.5.tgz",
-      "integrity": "sha1-CV/9gn1lyfQa2X0z5BanWBEHmVU=",
-      "requires": {
-        "seq": ">= 0.3.5"
-      }
-    },
     "remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -4543,15 +4515,6 @@
         }
       }
     },
-    "seq": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/seq/-/seq-0.3.5.tgz",
-      "integrity": "sha1-rgKvOkJHk9jMvyEtaRdODFTf/jg=",
-      "requires": {
-        "chainsaw": ">=0.0.7 <0.1",
-        "hashish": ">=0.0.2 <0.1"
-      }
-    },
     "serialize-javascript": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-5.0.1.tgz",
@@ -5332,11 +5295,6 @@
         "punycode": "^2.1.1"
       }
     },
-    "traverse": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.3.9.tgz",
-      "integrity": "sha1-cXuPIgzAu3tE5AUUwisui7xw2Lk="
-    },
     "trim-newlines": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
@@ -6014,6 +5972,29 @@
         "source-map": "^0.6.1"
       }
     },
+    "webpack-version-file": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/webpack-version-file/-/webpack-version-file-0.1.6.tgz",
+      "integrity": "sha512-vGc2h2i+3s15fidvzGxUIWrnZZvYlPDSlbowoI8SRW3MV5wS6IJJ8O3BRKXlTg+VwDxyiEXh67v1T28qRBoY2A==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.1.0",
+        "ejs": "^2.5.2"
+      },
+      "dependencies": {
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        }
+      }
+    },
     "websocket-driver": {
       "version": "0.6.5",
       "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.6.5.tgz",

package.json

@@ -1,10 +1,11 @@
 {
   "name": "minesweeper",
-  "version": "1.0.0",
+  "version": "1.0.8",
   "description": "Real actual competitive minesweeper in Node.JS. Flagging a mine correctly will send it to one of the other players.",
   "main": "src/index.js",
   "scripts": {
     "start": "webpack serve",
+    "start:dev": "webpack-dev-server",
     "lint": "eslint .",
     "build": "webpack"
   },
@@ -15,26 +16,24 @@
   "author": "Arne van Iterson",
   "license": "GPL-3.0-or-later",
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^5.15.1",
     "axios": "^0.21.0",
     "cookie-storage": "^6.1.0",
-    "css-loader": "^5.0.1",
-    "eslint": "^7.12.1",
-    "jquery": "^3.5.1",
-    "node-sass": "^5.0.0",
-    "remove": "^0.1.5",
-    "sass": "^1.29.0",
-    "sass-loader": "^10.0.5",
     "socket.io-client": "^3.0.0",
-    "striptags": "^3.1.1",
+    "striptags": "^3.1.1"
-    "style-loader": "^2.0.0",
-    "webpack": "^5.4.0",
-    "webpack-cli": "^4.2.0",
-    "webpack-dev-server": "^3.11.0"
   },
   "devDependencies": {
+    "webpack": "^5.4.0",
+    "webpack-version-file": "^0.1.6",
+    "webpack-cli": "^4.2.0",
+    "webpack-dev-server": "^3.11.0",
+    "node-sass": "^5.0.0",
+    "sass": "^1.29.0",
+    "eslint": "^7.12.1",
     "eslint-loader": "^4.0.2",
     "file-loader": "^6.2.0",
-    "ttf-loader": "^1.0.2"
+    "ttf-loader": "^1.0.2",
+    "style-loader": "^2.0.0",
+    "sass-loader": "^10.0.5",
+    "css-loader": "^5.0.1"
   }
 }

webpack.config.js

@@ -1,4 +1,13 @@
+const VersionFile = require("webpack-version-file");
+
 module.exports = {
+    plugins: [
+        new VersionFile({
+            output: "./dist/index.html",
+            template: "./html/index.html",
+            package: "./package.json"
+        })
+    ],
     module: {
         rules: [
             {