Make a separate comments section for each image

[zombocom-ai] / index.js

diff --git a/index.js b/index.js
index 9d4028fbd4cad5a1889ddadc037fd39949388946..11fac962fa3a4955c721f11c19f887718fbe55dd 100644 (file)
--- a/index.js
+++ b/index.js
@@ -65,17 +65,15 @@ process.on('SIGINT', () => {
 });
 
 app.get('/index.html', (req, res) => {
-    if (req.session.views) {
-        req.session.views++;
-    } else {
-        req.session.views = 1;
-    }
     res.sendFile(__dirname + '/index.html');
 });
 
 io.on('connection', (socket) => {
 
-    console.log("Connection from client with " + socket.request.session.views + " views.");
+    // First things first, tell the client their name (if any)
+    if (socket.request.session.name) {
+        socket.emit('inform-name', socket.request.session.name);
+    }
 
     // Replay old comments and images to a newly-joining client
     socket.emit('reset');
@@ -86,8 +84,15 @@ io.on('connection', (socket) => {
         socket.emit('image', image)
     });
 
+    socket.on('set-name', (name) => {
+        console.log("Received set-name event: " + name);
+        socket.request.session.name = name;
+        socket.request.session.save();
+    });
+
     // When any client comments, send that to all clients (including sender)
     socket.on('comment', (comment) => {
+        comment.name = socket.request.session.name;
         io.emit('comment', comment);
         state.comments.push(comment);
     });
@@ -106,7 +111,7 @@ io.on('connection', (socket) => {
             child.stdout.on('data', (data) => {
                 const images = JSON.parse(data);
                 images.forEach((image) => {
-                    console.log(`Emitting image to clients: ${image}`);
+                    image.index = state.images.length;
                     io.emit('image', image);
                     state.images.push(image);
                 });