Bring newly-commented images up to the top of the feed

[zombocom-ai] / index.js

diff --git a/index.js b/index.js
index 9d4028fbd4cad5a1889ddadc037fd39949388946..49a85669e45c3c436ccf2141042d4ca30f9c1339 100644 (file)
--- a/index.js
+++ b/index.js
@@ -42,7 +42,7 @@ io.use(wrap(session_middleware));
 // Load comments at server startup
 fs.readFile(state_file, (err, data) => {
     if (err)
-        state = { images: [], comments: [] };
+        state = { images: [] };
     else
         state = JSON.parse(data);
 });
@@ -65,36 +65,53 @@ 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');
-    state.comments.forEach((comment) => {
-        socket.emit('comment', comment)
-    });
     state.images.forEach((image) => {
         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) => {
+        const images = state.images;
+
+        // Send comment to clients after adding commenter's name
+        comment.name = socket.request.session.name;
         io.emit('comment', comment);
-        state.comments.push(comment);
+
+        const index = images.findIndex(image => image.id == comment.image_id);
+
+        // Before adding the comment to server's state, drop the image_id
+        delete comment.image_id;
+
+        // Now add the comment to the image, remove the image from the
+        // images array and then add it back at the end, (so it appears
+        // as the most-recently-modified image for any new clients)
+        const image = images[index];
+        image.comments.push(comment);
+        images.splice(index, 1);
+        images.push(image);
     });
 
     // Generate an image when requested
     socket.on('generate', (request) => {
-        console.log(`Generating image with code=${request['code']} and prompt=${request['prompt']}`);
+        console.log(`Generating image for ${socket.request.session.name} with code=${request['code']} and prompt=${request['prompt']}`);
         async function generate_image(code, prompt) {
             var promise;
             if (code) {
@@ -106,7 +123,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.id = state.images.length;
                     io.emit('image', image);
                     state.images.push(image);
                 });