Updated dependencies

Author: Tom32i

.eslintrc.json

@@ -1,12 +1,12 @@
 {
     "env": {
         "browser": true,
-        "es6": true,
+        "es2021": true,
         "node": true
     },
     "extends": "eslint:recommended",
     "parserOptions": {
-        "ecmaVersion": 2017,
+        "ecmaVersion": "latest",
         "sourceType": "module"
     },
     "rules": {
@@ -30,6 +30,10 @@
         "no-console": [
             "error",
             { "allow": ["info", "error"] }
+        ],
+        "spaced-comment": [
+            "error",
+            "always"
         ]
     }
 }

demo-client.js

@@ -12,16 +12,16 @@ window.addEventListener('load', () => {
     ]);
 
     // Create the client
-    const client = new Client('ws://localhost:8002', encoder);
+    const client = new Client('ws://127.0.0.1:8002', encoder);
     let ping;
 
     // Listen for a "pong" event
-    client.on('pong', pong => {
+    client.on('pong', ({ detail: pong }) => {
         console.info('pong: %s ms', pong - ping);
     });
 
     // Listen for an "id" event
-    client.on('id', id => {
+    client.on('id', ({ detail: id }) => {
         console.log('connected with id %s', id);
         ping = Date.now();
 
@@ -30,12 +30,12 @@ window.addEventListener('load', () => {
     });
 
     // Listen for a "total" event
-    client.on('total', total => {
+    client.on('total', ({ detail: total }) => {
         console.log(`There is ${total} people connected.`)
     });
 
     // Listen for an "inverse" event
-    client.on('inverse', status => {
+    client.on('inverse', ({ detail: status }) => {
         // Answer with an "inverse" event
         client.send('inverse', !status);
         console.log('Inverse received: %s', status);
@@ -45,7 +45,7 @@ window.addEventListener('load', () => {
     });
 
     // Listen for a "greeting" event
-    client.on('greeting', message => {
+    client.on('greeting', ({ detail: message }) => {
         console.log('Servers geets you: "%s"', message);
     });
 

demo-server.js

@@ -12,7 +12,7 @@ const encoder = new BinaryEncoder([
 
 // Create the server
 const port = process.argv[2];
-const server = new Server(port, 'localhost', encoder, 10);
+const server = new Server(port, '127.0.0.1', encoder, 3);
 
 // Listen for new clients
 server.on('client:join', client => {
@@ -43,14 +43,20 @@ server.on('client:join', client => {
     // Send event "id" to the client
     client.send('id', client.id);
 
-    if (server.clients.length > 1) {
-        server.clients.forEach(client => client.send('total', server.clients.length));
-    }
+    broadcastTotal();
 });
 
 // Listen for disconnecting clients
 server.on('client:leave', client => {
     console.log('Client %s left.', client.id);
+    broadcastTotal();
 });
 
+server.on('ready', () => console.log('Listening on port %s', port));
+
+function broadcastTotal() {
+    const { length } = server.clients;
+    server.clients.forEach(client => client.send('total', length));
+}
+
 module.exports = server;