server.js

const express = require('express');
const app = express();
const http = require('http');
const path = require('path');
const { Server } = require('socket.io');
const ACTIONS = require('./Actions');

const server = http.createServer(app);
const io = new Server(server);


app.use(express.static('build'));
app.use((req, res, next) => {
    res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

const userSocketMap = {};
function getAllConnectedClients(roomId) {
    // Map
    return Array.from(io.sockets.adapter.rooms.get(roomId) || []).map(
        (socketId) => {
            return {
                socketId,
                username: userSocketMap[socketId],
            };
        }
    );
}

io.on('connection', (socket) => {
    console.log('socket connected', socket.id);

    socket.on(ACTIONS.JOIN, ({ roomId, username }) => {
        userSocketMap[socket.id] = username;
        socket.join(roomId);
        const clients = getAllConnectedClients(roomId);
        clients.forEach(({ socketId }) => {
            io.to(socketId).emit(ACTIONS.JOINED, {
                clients,
                username,
                socketId: socket.id,
            });
        });
    });

    socket.on(ACTIONS.SYNC_CODE, ({ socketId, htmlCode, cssCode, jsCode }) => {
        io.to(socketId).emit(ACTIONS.SYNC_CODE, { htmlCode, cssCode, jsCode  });
    });


    socket.on(ACTIONS.HTML_CODE_CHANGE, ({ roomId, htmlCode }) => {
        socket.in(roomId).emit(ACTIONS.HTML_CODE_CHANGE, { htmlCode });
    });

    socket.on(ACTIONS.CSS_CODE_CHANGE, ({ roomId, cssCode }) => {
        socket.in(roomId).emit(ACTIONS.CSS_CODE_CHANGE, { cssCode });
    });

    socket.on(ACTIONS.JS_CODE_CHANGE, ({ roomId, jsCode }) => {
        socket.in(roomId).emit(ACTIONS.JS_CODE_CHANGE, { jsCode });
    });


    socket.on('disconnecting', () => {
        const rooms = [...socket.rooms];
        rooms.forEach((roomId) => {
            socket.in(roomId).emit(ACTIONS.DISCONNECTED, {
                socketId: socket.id,
                username: userSocketMap[socket.id],
            });
        });
        delete userSocketMap[socket.id];
        socket.leave();
    });
});

const PORT = process.env.PORT || 5000;
server.listen(PORT, () => console.log(`Listening on port ${PORT}`));