daniellizik/Server.js

## index.html
<html>
<head>
  <title></title>
</head>
<body>

  <input id="chat" />

  <div id="display"></div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.4.6/socket.io.min.js"></script>
  <script src="index.js"></script>

</body>
</html>

## index.js
// backend index

const Server = require('./Server');
const server = new Server();

server.serveStatic([ {path: __dirname + '/public', publicPath: '/'} ]);
server.sockets({
  'CHATTING_UP': (io, socket, msg, type) => {
    io.emit('CHATTING_DOWN', `${msg} ${new Date().getTime()}`);
  }
});
server.listen(9999);

## script.js
// front end index

const socket = io.connect();

socket.on('CHATTING_DOWN', res => {
  const disp = document.querySelector('#display');
  disp.textContent += res;
});

document.querySelector('#chat').addEventListener('keyup', e => {
  socket.emit('CHATTING_UP', e.target.value);
});

## Server.js
'use strict';

const path = require('path');
const express = require('express');
const http = require('http');
const io = require('socket.io');

class Server {

  constructor(config) {
    this.rooms = [];
    this.app = express();
    this.server = http.Server(this.app);
    this.socket = io;
    this.io = this.socket(this.server);
  }

  middleware(device) {
    if (Array.isArray(device)) {
      device.forEach(this.middleware.bind(this));
    } else if (typeof device === 'function') {
      this.app.use(device());
    } else {
      this.app.use(device);
    }
  }

  serveStatic(asset) {
    if (Array.isArray(asset)) {
      return asset.forEach(this.serveStatic.bind(this));
    }
    if (typeof asset === 'object') {
      this.app.use(asset.publicPath, express.static(asset.path));
    }
  }

  listen(port) {
    this.server.listen(port, () => console.log(`listening on ${port}`));
    return {
      close: () => this.server.close()
    }
  }

  sockets(hooks) {
    this.io.on('connection', socket => {
      this.rooms.push(socket);
      for (let type in hooks) {
        socket.on(type, msg => hooks[type](this.io, socket, msg, type));
      }
    });
  }

}

module.exports = Server;
	<html>
	<head>
	<title></title>
	</head>
	<body>

	<input id="chat" />

	<div id="display"></div>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.4.6/socket.io.min.js"></script>
	<script src="index.js"></script>

	</body>
	</html>
	// backend index

	const Server = require('./Server');
	const server = new Server();

	server.serveStatic([ {path: __dirname + '/public', publicPath: '/'} ]);
	server.sockets({
	'CHATTING_UP': (io, socket, msg, type) => {
	io.emit('CHATTING_DOWN', `${msg} ${new Date().getTime()}`);
	}
	});
	server.listen(9999);
	// front end index

	const socket = io.connect();

	socket.on('CHATTING_DOWN', res => {
	const disp = document.querySelector('#display');
	disp.textContent += res;
	});

	document.querySelector('#chat').addEventListener('keyup', e => {
	socket.emit('CHATTING_UP', e.target.value);
	});
	'use strict';

	const path = require('path');
	const express = require('express');
	const http = require('http');
	const io = require('socket.io');

	class Server {

	constructor(config) {
	this.rooms = [];
	this.app = express();
	this.server = http.Server(this.app);
	this.socket = io;
	this.io = this.socket(this.server);
	}

	middleware(device) {
	if (Array.isArray(device)) {
	device.forEach(this.middleware.bind(this));
	} else if (typeof device === 'function') {
	this.app.use(device());
	} else {
	this.app.use(device);
	}
	}

	serveStatic(asset) {
	if (Array.isArray(asset)) {
	return asset.forEach(this.serveStatic.bind(this));
	}
	if (typeof asset === 'object') {
	this.app.use(asset.publicPath, express.static(asset.path));
	}
	}

	listen(port) {
	this.server.listen(port, () => console.log(`listening on ${port}`));
	return {
	close: () => this.server.close()
	}
	}

	sockets(hooks) {
	this.io.on('connection', socket => {
	this.rooms.push(socket);
	for (let type in hooks) {
	socket.on(type, msg => hooks[type](this.io, socket, msg, type));
	}
	});
	}

	}

	module.exports = Server;