server.js

const express           = require('express');
const path              = require('path');
const compress          = require('compression');

const webpack               = require('webpack');
const webpackDevMiddleware  = require("webpack-dev-middleware");
const webpackHotMiddleware  = require('webpack-hot-middleware');
const config                = require('./webpack.config');

const app               = express();
const server            = require('http').Server(app);
const io                = require('socket.io')(server);

const compiler = webpack(config);
app.use(webpackDevMiddleware(compiler, {
  noInfo: true,
  publicPath: config.output.publicPath,
  stats: {
    colors: true
  },
  hot: true,
  historyApiFallback: true
}));
app.use(webpackHotMiddleware(compiler));

// Default routes
const publicPath = path.join(__dirname, 'public');
app.use(express.static(publicPath));
app.use(compress());

app.get('/', (req, res) => {
  res.sendFile(path.join(publicPath, 'index.html'));
});

// Socket handler
io.on('connection', socket => {
  console.log('connected');
  socket.on('username', username => {
    if (!username || !username.trim()) {
      return socket.emit('errorMessage', 'No username!');
    }
    socket.username = String(username);
  });

  socket.on('room', requestedRoom => {
    if (!socket.username) {
      return socket.emit('errorMessage', 'Username not set!');
    }
    if (!requestedRoom) {
      return socket.emit('errorMessage', 'No room!');
    }
    if (socket.room) {
      socket.leave(socket.room);
    }
    socket.room = requestedRoom;
    console.log("settig socket.room username is", socket.username);
    socket.join(requestedRoom, () => {
      socket.to(requestedRoom).emit('message', {
        username: 'System',
        content: `${socket.username} has joined`
      });
    });
  });

  socket.on('message', message => {
    if (!socket.room) {
      return socket.emit('errorMessage', 'No rooms joined!');
    }
    console.log("server received message event with", message);
    socket.to(socket.room).emit('message', {
      username: socket.username,
      content: message
    });
  })


  socket.on('typing', usertyping => {
    if (!socket.room) {
      return socket.emit('errorMessage', 'No room in typing!');
    }
    socket.broadcast.to(socket.room).emit('typing',usertyping)

  })

  socket.on('stoptyping', stoptypingevent => {
    if (!socket.room) {
      return socket.emit('errorMessage', 'No room in typing!');
    }
    socket.broadcast.to(socket.room).emit('stoptyping',stoptypingevent)

  })
});

const port = process.env.PORT || 3000;
server.listen(port, () => {
  console.log(`Server listening on port ${port}!`);
});