🤖🍲 Checkpoint

./room.js:530995/86
./server.js:530995/1413
./package.json:530995/1484
./views/room.handlebars:530995/1594

package.json

@@ -13,7 +13,8 @@
     "express": "^4.17.1",
     "express-handlebars": "^4.0.3",
     "body-parser": "^1.19.0",
-    "express-fingerprint": "^1.1.3"
+    "express-fingerprint": "^1.1.3",
+    "ws": "^7.2.3"
   },
   "engines": {
     "node": "12.x"

room.js

@@ -26,3 +26,4 @@ function addParticipant(roomId, participantId, participantName) {
   rooms[roomId] = room;
 }
 
+module.exports = {getOrCreateRoom, addParticipant}

server.js

@@ -1,11 +1,14 @@
 const express = require("express");
 const exphbs  = require('express-handlebars');
-const bodyParser = require('body-parser')
+const bodyParser = require('body-parser');
-const Fingerprint = require('express-fingerprint')
+const Fingerprint = require('express-fingerprint');
+const WebSocket = require('ws');
+const http = require('http');
 
 const rooms = require('./room');
 
 const app = express();
+const server = http.createServer(app);
 
 app.use(Fingerprint({
     parameters:[
@@ -50,6 +53,16 @@ app.post("/:roomId/join", (request, response) => {
   });
 });
 
-const listener = app.listen(process.env.PORT, () => {
+server.listen(process.env.PORT, () => {
-  console.log("Your app is listening on port " + listener.address().port);
+    console.log("Your app is listening on port " + server.address().port);
+});
+
+
+const wss = new WebSocket.Server({ server });
+wss.on('connection', (ws) => {
+    ws.on('message', (message) => {
+        console.log('received: %s', message);
+    });
+
+    ws.send('Connected');
 });

shrinkwrap.yaml

@@ -3,6 +3,7 @@ dependencies:
   express: 4.17.1
   express-fingerprint: 1.1.3
   express-handlebars: 4.0.3
+  ws: 7.2.3
 packages:
   /accepts/1.3.7:
     dependencies:
@@ -705,6 +706,15 @@ packages:
     dev: false
     resolution:
       integrity: sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+  /ws/7.2.3:
+    dev: false
+    engines:
+      node: '>=8.3.0'
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: ^5.0.2
+    resolution:
+      integrity: sha512-HTDl9G9hbkNDk98naoR/cHDws7+EyYMOdL1BmjsZXRUjf7d+MficC4B7HLUPlSiho0vg+CWKrGIt/VJBd1xunQ==
   /yallist/2.1.2:
     dev: false
     resolution:
@@ -724,3 +734,4 @@ specifiers:
   express: ^4.17.1
   express-fingerprint: ^1.1.3
   express-handlebars: ^4.0.3
+  ws: ^7.2.3

views/room.handlebars

@@ -22,5 +22,21 @@
         BUZZ
       </button>
     </main>
+    
+    <script>
+    let socket = new WebSocket(`wss://${window.location.hostname}`);
+
+    socket.onopen = function(e) {
+      socket.send("My name is John");
+    };
+
+    socket.onmessage = function(event) {
+      a
+    };
+
+    socket.onerror = function(error) {
+      alert(`[error] ${error.message}`);
+    };
+    </script>
   </body>
 </html>