From 2e166ca2b26b48d89896612cc101f38279e64696 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Tue, 15 Oct 2019 08:03:18 +0200
Subject: [PATCH 01/74] Created reducer and stateactions for lobby.

---
 app/src/actions/stateActions.js | 24 +++++++++++++++
 app/src/reducers/lobbyPeers.js  | 52 +++++++++++++++++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 app/src/reducers/lobbyPeers.js

diff --git a/app/src/actions/stateActions.js b/app/src/actions/stateActions.js
index fda3ceb..13df082 100644
--- a/app/src/actions/stateActions.js
+++ b/app/src/actions/stateActions.js
@@ -391,6 +391,30 @@ export const setPeerVolume = (peerId, volume) =>
 	};
 };
 
+export const addLobbyPeer = (lobbyPeer) =>
+{
+	return {
+		type    : 'ADD_LOBBY_PEER',
+		payload : { lobbyPeer }
+	};
+};
+
+export const removeLobbyPeer = (peerId) =>
+{
+	return {
+		type    : 'REMOVE_LOBBY_PEER',
+		payload : { peerId }
+	};
+};
+
+export const setLobbyPeerDisplayName = (displayName, peerId) =>
+{
+	return {
+		type    : 'SET_LOBBY_PEER_DISPLAY_NAME',
+		payload : { displayName, peerId }
+	};
+};
+
 export const addNotification = (notification) =>
 {
 	return {
diff --git a/app/src/reducers/lobbyPeers.js b/app/src/reducers/lobbyPeers.js
new file mode 100644
index 0000000..ad538f7
--- /dev/null
+++ b/app/src/reducers/lobbyPeers.js
@@ -0,0 +1,52 @@
+const lobbyPeer = (state = {}, action) =>
+{
+	switch (action.type) 
+	{
+		case 'ADD_LOBBY_PEER':
+			return action.payload.lobbyPeer;
+
+		case 'SET_LOBBY_PEER_DISPLAY_NAME':
+			return { ...state, displayName: action.payload.displayName };
+
+		default:
+			return state;
+	}
+};
+
+const lobbyPeers = (state = {}, action) =>
+{
+	switch (action.type)
+	{
+		case 'ADD_LOBBY_PEER':
+		{
+			return { ...state, [action.payload.lobbyPeer.id]: lobbyPeer(undefined, action) };
+		}
+
+		case 'REMOVE_LOBBY_PEER':
+		{
+			const { peerId } = action.payload;
+			const newState = { ...state };
+
+			delete newState[peerId];
+
+			return newState;
+		}
+
+		case 'SET_LOBBY_PEER_DISPLAY_NAME':
+		{
+			const oldLobbyPeer = state[action.payload.peerId];
+
+			if (!oldLobbyPeer) 
+			{
+				throw new Error('no Peer found');
+			}
+
+			return { ...state, [oldLobbyPeer.id]: lobbyPeer(oldLobbyPeer, action) };
+		}
+
+		default:
+			return state;
+	}
+};
+
+export default lobbyPeers;

From 937f142c6e493a6da092fe9a423208ef5c111f25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Tue, 15 Oct 2019 08:03:55 +0200
Subject: [PATCH 02/74] Added lobby to server, still missing some signaling.

---
 server/lib/Lobby.js | 80 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 80 insertions(+)
 create mode 100644 server/lib/Lobby.js

diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
new file mode 100644
index 0000000..f606a91
--- /dev/null
+++ b/server/lib/Lobby.js
@@ -0,0 +1,80 @@
+'use strict';
+
+const EventEmitter = require('events').EventEmitter;
+const Logger = require('./Logger');
+
+const logger = new Logger('Lobby');
+
+class Lobby extends EventEmitter
+{
+	constructor()
+	{
+		logger.info('constructor()');
+
+		super();
+
+		this._peers = new Map();
+	}
+
+	close()
+	{
+		logger.info('close()');
+
+		// Close the peers
+		if (this._peers)
+		{
+			this._peers.forEach((peer) =>
+			{
+				if (peer.socket)
+					peer.socket.disconnect();
+			});
+		}
+
+		this._peers.clear();
+	}
+
+	peerList()
+	{
+		logger.info('peerList()');
+
+		return this._peers;
+	}
+
+	promoteAllPeers()
+	{
+		logger.info('promoteAllPeers()');
+
+		if (this._peers)
+		{
+			this._peers.forEach((peer) =>
+			{
+				if (peer.socket)
+					this.promotePeer(peer.peerId);
+			});
+		}
+	}
+
+	promotePeer(peerId)
+	{
+		logger.info('promotePeer() [peerId: %s]', peerId);
+
+		const peer = this._peers.get(peerId);
+
+		this._peers.delete(peerId);
+
+		this.emit('promotePeer', peer);
+	}
+
+	parkPeer({ peerId, consume, socket })
+	{
+		logger.info('parkPeer()');
+
+		const peer = { peerId, socket, consume };
+
+		socket.emit('notification', { method: 'enteredLobby', data: {} });
+
+		this._peers.set(peerId, peer);
+	}
+}
+
+module.exports = Lobby;
\ No newline at end of file

From 66a2becf63753a8e93ddd64898c365ff2e61d33e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Tue, 15 Oct 2019 10:52:14 +0200
Subject: [PATCH 03/74] Inital work on lobby.

---
 app/src/RoomClient.js                         |  40 +++
 app/src/actions/stateActions.js               |   4 +-
 .../ParticipantList/ListLobbyPeer.js          | 231 ++++++++++++++++++
 .../ParticipantList/ParticipantList.js        |  28 ++-
 app/src/components/Selectors.js               |   6 +
 app/src/reducers/lobbyPeers.js                |   4 +-
 server/lib/Room.js                            |  48 +++-
 7 files changed, 352 insertions(+), 9 deletions(-)
 create mode 100644 app/src/components/MeetingDrawer/ParticipantList/ListLobbyPeer.js

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index aea8f94..0f77197 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -1283,6 +1283,46 @@ export default class RoomClient
 					break;
 				}
 
+				case 'parkedPeer':
+				{
+					const { peerId } = notification.data;
+
+					store.dispatch(
+						stateActions.addLobbyPeer(peerId));
+
+					store.dispatch(requestActions.notify(
+						{
+							text : 'New participant entered the lobby.'
+						}));
+
+					break;
+				}
+
+				case 'promotedPeer':
+				{
+					const { peerId } = notification.data;
+
+					store.dispatch(
+						stateActions.removeLobbyPeer(peerId));
+
+					break;
+				}
+
+				case 'parkedPeerDisplayName':
+				{
+					const { peerId, displayName } = notification.data;
+
+					store.dispatch(
+						stateActions.setLobbyPeerDisplayName(displayName, peerId));
+
+					store.dispatch(requestActions.notify(
+						{
+							text : `Participant in lobby changed name to ${displayName}.`
+						}));
+
+					break;
+				}
+
 				case 'activeSpeaker':
 				{
 					const { peerId } = notification.data;
diff --git a/app/src/actions/stateActions.js b/app/src/actions/stateActions.js
index 13df082..7908b99 100644
--- a/app/src/actions/stateActions.js
+++ b/app/src/actions/stateActions.js
@@ -391,11 +391,11 @@ export const setPeerVolume = (peerId, volume) =>
 	};
 };
 
-export const addLobbyPeer = (lobbyPeer) =>
+export const addLobbyPeer = (peerId) =>
 {
 	return {
 		type    : 'ADD_LOBBY_PEER',
-		payload : { lobbyPeer }
+		payload : { peerId }
 	};
 };
 
diff --git a/app/src/components/MeetingDrawer/ParticipantList/ListLobbyPeer.js b/app/src/components/MeetingDrawer/ParticipantList/ListLobbyPeer.js
new file mode 100644
index 0000000..7bc6178
--- /dev/null
+++ b/app/src/components/MeetingDrawer/ParticipantList/ListLobbyPeer.js
@@ -0,0 +1,231 @@
+import React from 'react';
+import { connect } from 'react-redux';
+import { withStyles } from '@material-ui/core/styles';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import * as appPropTypes from '../../appPropTypes';
+import { withRoomContext } from '../../../RoomContext';
+import EmptyAvatar from '../../../images/avatar-empty.jpeg';
+import HandIcon from '../../../images/icon-hand-white.svg';
+
+const styles = (theme) =>
+	({
+		root :
+		{
+			padding  : theme.spacing(1),
+			width    : '100%',
+			overflow : 'hidden',
+			cursor   : 'auto',
+			display  : 'flex'
+		},
+		listPeer :
+		{
+			display : 'flex'
+		},
+		avatar :
+		{
+			borderRadius : '50%',
+			height       : '2rem'
+		},
+		peerInfo :
+		{
+			fontSize    : '1rem',
+			border      : 'none',
+			display     : 'flex',
+			paddingLeft : theme.spacing(1),
+			flexGrow    : 1,
+			alignItems  : 'center'
+		},
+		indicators :
+		{
+			left           : 0,
+			top            : 0,
+			display        : 'flex',
+			flexDirection  : 'row',
+			justifyContent : 'flex-start',
+			alignItems     : 'center',
+			transition     : 'opacity 0.3s'
+		},
+		icon :
+		{
+			flex               : '0 0 auto',
+			margin             : '0.3rem',
+			borderRadius       : 2,
+			backgroundPosition : 'center',
+			backgroundSize     : '75%',
+			backgroundRepeat   : 'no-repeat',
+			backgroundColor    : 'rgba(0, 0, 0, 0.5)',
+			transitionProperty : 'opacity, background-color',
+			transitionDuration : '0.15s',
+			width              : 'var(--media-control-button-size)',
+			height             : 'var(--media-control-button-size)',
+			opacity            : 0.85,
+			'&:hover'          :
+			{
+				opacity : 1
+			},
+			'&.on' :
+			{
+				opacity : 1
+			},
+			'&.off' :
+			{
+				opacity : 0.2
+			},
+			'&.raise-hand' :
+			{
+				backgroundImage : `url(${HandIcon})`
+			}
+		},
+		controls :
+		{
+			float          : 'right',
+			display        : 'flex',
+			flexDirection  : 'row',
+			justifyContent : 'flex-start',
+			alignItems     : 'center'
+		},
+		button :
+		{
+			flex               : '0 0 auto',
+			margin             : '0.3rem',
+			borderRadius       : 2,
+			backgroundColor    : 'rgba(0, 0, 0, 0.5)',
+			cursor             : 'pointer',
+			transitionProperty : 'opacity, background-color',
+			transitionDuration : '0.15s',
+			width              : 'var(--media-control-button-size)',
+			height             : 'var(--media-control-button-size)',
+			opacity            : 0.85,
+			'&:hover'          :
+			{
+				opacity : 1
+			},
+			'&.unsupported' :
+			{
+				pointerEvents : 'none'
+			},
+			'&.disabled' :
+			{
+				pointerEvents   : 'none',
+				backgroundColor : 'var(--media-control-botton-disabled)'
+			},
+			'&.on' :
+			{
+				backgroundColor : 'var(--media-control-botton-on)'
+			},
+			'&.off' :
+			{
+				backgroundColor : 'var(--media-control-botton-off)'
+			}
+		}
+	});
+
+const ListLobbyPeer = (props) =>
+{
+	const {
+		// roomClient,
+		peer,
+		classes
+	} = props;
+
+	const picture = peer.picture || EmptyAvatar;
+
+	return (
+		<div className={classes.root}>
+			<img alt='Peer avatar' className={classes.avatar} src={picture} />
+
+			<div className={classes.peerInfo}>
+				{peer.displayName}
+			</div>
+			<div className={classes.indicators}>
+				{ /* peer.raiseHandState ?
+					<div className={
+						classnames(
+							classes.icon, 'raise-hand', {
+								on  : peer.raiseHandState,
+								off : !peer.raiseHandState
+							}
+						)
+					}
+					/>
+					:null
+				*/ }
+			</div>
+			<div className={classes.controls}>
+				{/* { screenConsumer ?
+					<div
+						className={classnames(classes.button, 'screen', {
+							on       : screenVisible,
+							off      : !screenVisible,
+							disabled : peer.peerScreenInProgress
+						})}
+						onClick={(e) =>
+						{
+							e.stopPropagation();
+							screenVisible ?
+								roomClient.modifyPeerConsumer(peer.id, 'screen', true) :
+								roomClient.modifyPeerConsumer(peer.id, 'screen', false);
+						}}
+					>
+						{ screenVisible ?
+							<ScreenIcon />
+							:
+							<ScreenOffIcon />
+						}
+					</div>
+					:null
+				}
+				<div
+					className={classnames(classes.button, 'mic', {
+						on       : micEnabled,
+						off      : !micEnabled,
+						disabled : peer.peerAudioInProgress
+					})}
+					onClick={(e) =>
+					{
+						e.stopPropagation();
+						micEnabled ?
+							roomClient.modifyPeerConsumer(peer.id, 'mic', true) :
+							roomClient.modifyPeerConsumer(peer.id, 'mic', false);
+					}}
+				>
+					{ micEnabled ?
+						<MicIcon />
+						:
+						<MicOffIcon />
+					}
+				</div> */}
+			</div>
+		</div>
+	);
+};
+
+ListLobbyPeer.propTypes =
+{
+	roomClient   : PropTypes.any.isRequired,
+	advancedMode : PropTypes.bool,
+	peer         : appPropTypes.Peer.isRequired,
+	classes      : PropTypes.object.isRequired
+};
+
+const mapStateToProps = (state, { id }) =>
+{
+	return {
+		peer : state.lobbyPeers[id]
+	};
+};
+
+export default withRoomContext(connect(
+	mapStateToProps,
+	null,
+	null,
+	{
+		areStatesEqual : (next, prev) =>
+		{
+			return (
+				prev.lobbyPeers === next.lobbyPeers
+			);
+		}
+	}
+)(withStyles(styles)(ListLobbyPeer)));
\ No newline at end of file
diff --git a/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js b/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
index a4f66ed..f8c98e4 100644
--- a/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
+++ b/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
@@ -2,13 +2,15 @@ import React from 'react';
 import { connect } from 'react-redux';
 import {
 	passivePeersSelector,
-	spotlightPeersSelector
+	spotlightPeersSelector,
+	lobbyPeersKeySelector
 } from '../../Selectors';
 import classNames from 'classnames';
 import { withStyles } from '@material-ui/core/styles';
 import { withRoomContext } from '../../../RoomContext';
 import PropTypes from 'prop-types';
 import ListPeer from './ListPeer';
+import ListLobbyPeer from './ListLobbyPeer';
 import ListMe from './ListMe';
 import Volume from '../../Containers/Volume';
 
@@ -78,6 +80,7 @@ class ParticipantList extends React.PureComponent
 			passivePeers,
 			selectedPeerId,
 			spotlightPeers,
+			lobbyPeers,
 			classes
 		} = this.props;
 
@@ -88,6 +91,22 @@ class ParticipantList extends React.PureComponent
 					<ListMe />
 				</ul>
 				<br />
+
+				{ lobbyPeers ?
+					<ul className={classes.list}>
+						<li className={classes.listheader}>Participants in Spotlight:</li>
+						{ lobbyPeers.map((peerId) => (
+							<li
+								key={peerId}
+								className={classes.listItem}
+							>
+								<ListLobbyPeer id={peerId} advancedMode={advancedMode} />
+							</li>
+						))}
+					</ul>
+					:null
+				}
+
 				<ul className={classes.list}>
 					<li className={classes.listheader}>Participants in Spotlight:</li>
 					{ spotlightPeers.map((peer) => (
@@ -131,6 +150,7 @@ ParticipantList.propTypes =
 	passivePeers   : PropTypes.array,
 	selectedPeerId : PropTypes.string,
 	spotlightPeers : PropTypes.array,
+	lobbyPeers     : PropTypes.array,
 	classes        : PropTypes.object.isRequired
 };
 
@@ -139,7 +159,8 @@ const mapStateToProps = (state) =>
 	return {
 		passivePeers   : passivePeersSelector(state),
 		selectedPeerId : state.room.selectedPeerId,
-		spotlightPeers : spotlightPeersSelector(state)
+		spotlightPeers : spotlightPeersSelector(state),
+		lobbyPeers     : lobbyPeersKeySelector(state)
 	};
 };
 
@@ -153,7 +174,8 @@ const ParticipantListContainer = withRoomContext(connect(
 			return (
 				prev.peers === next.peers &&
 				prev.room.spotlights === next.room.spotlights &&
-				prev.room.selectedPeerId === next.room.selectedPeerId
+				prev.room.selectedPeerId === next.room.selectedPeerId &&
+				prev.lobbyPeers === next.lobbyPeers
 			);
 		}
 	}
diff --git a/app/src/components/Selectors.js b/app/src/components/Selectors.js
index 95291f4..d3e293d 100644
--- a/app/src/components/Selectors.js
+++ b/app/src/components/Selectors.js
@@ -4,6 +4,7 @@ const producersSelect = (state) => state.producers;
 const consumersSelect = (state) => state.consumers;
 const spotlightsSelector = (state) => state.room.spotlights;
 const peersSelector = (state) => state.peers;
+const lobbyPeersSelector = (state) => state.lobbyPeers;
 const getPeerConsumers = (state, props) =>
 	(state.peers[props.id] ? state.peers[props.id].consumers : null);
 const getAllConsumers = (state) => state.consumers;
@@ -12,6 +13,11 @@ const peersKeySelector = createSelector(
 	(peers) => Object.keys(peers)
 );
 
+export const lobbyPeersKeySelector = createSelector(
+	lobbyPeersSelector,
+	(lobbyPeers) => Object.keys(lobbyPeers)
+);
+
 export const micProducersSelector = createSelector(
 	producersSelect,
 	(producers) => Object.values(producers).filter((producer) => producer.source === 'mic')
diff --git a/app/src/reducers/lobbyPeers.js b/app/src/reducers/lobbyPeers.js
index ad538f7..391d595 100644
--- a/app/src/reducers/lobbyPeers.js
+++ b/app/src/reducers/lobbyPeers.js
@@ -3,7 +3,7 @@ const lobbyPeer = (state = {}, action) =>
 	switch (action.type) 
 	{
 		case 'ADD_LOBBY_PEER':
-			return action.payload.lobbyPeer;
+			return { peerId: action.payload.peerId };
 
 		case 'SET_LOBBY_PEER_DISPLAY_NAME':
 			return { ...state, displayName: action.payload.displayName };
@@ -19,7 +19,7 @@ const lobbyPeers = (state = {}, action) =>
 	{
 		case 'ADD_LOBBY_PEER':
 		{
-			return { ...state, [action.payload.lobbyPeer.id]: lobbyPeer(undefined, action) };
+			return { ...state, [action.payload.peerId]: lobbyPeer(undefined, action) };
 		}
 
 		case 'REMOVE_LOBBY_PEER':
diff --git a/server/lib/Room.js b/server/lib/Room.js
index 8c7f8d6..e51da1f 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -2,6 +2,7 @@
 
 const EventEmitter = require('events').EventEmitter;
 const Logger = require('./Logger');
+const Lobby = require('./Lobby');
 const config = require('../config/config');
 
 const logger = new Logger('Room');
@@ -54,6 +55,15 @@ class Room extends EventEmitter
 		// Locked flag.
 		this._locked = false;
 
+		this._lobby = new Lobby();
+
+		this._lobby.on('promotePeer', (peer) =>
+		{
+			logger.info('promotePeer() [peer:"%o"]', peer);
+
+			this._peerJoining({ ...peer });
+		});
+
 		this._chatHistory = [];
 
 		this._fileHistory = [];
@@ -118,6 +128,8 @@ class Room extends EventEmitter
 
 		this._closed = true;
 
+		this._lobby.close();
+
 		// Close the peers
 		if (this._peers)
 		{
@@ -165,11 +177,21 @@ class Room extends EventEmitter
 		}
 		else if (this._locked) // Don't allow connections to a locked room
 		{
-			this._notification(socket, 'roomLocked');
-			socket.disconnect(true);
+			this._lobby.parkPeer({ peerId, consume, socket });
+
+			this._peers.forEach((peer) =>
+			{
+				this._notification(peer.socket, 'parkedPeer', { peerId });
+			});
+
 			return;
 		}
 
+		this._peerJoining({ peerId, consume, socket });
+	}
+
+	_peerJoining({ peerId, consume, socket })
+	{
 		socket.join(this._roomId);
 
 		const peer = { id : peerId, socket : socket };
@@ -808,6 +830,28 @@ class Room extends EventEmitter
 				break;
 			}
 
+			case 'promotePeer':
+			{
+				const { peerId } = request.data;
+
+				this._lobby.promotePeer(peerId);
+
+				// Return no error
+				cb();
+
+				break;
+			}
+
+			case 'promoteAllPeers':
+			{
+				this._lobby.promoteAllPeers();
+
+				// Return no error
+				cb();
+
+				break;
+			}
+
 			case 'sendFile':
 			{
 				const { magnetUri } = request.data;

From 513f0efa0ba059c91540417f2d3a2bae438e1f2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Wed, 16 Oct 2019 14:09:29 +0200
Subject: [PATCH 04/74] First working version of lobby.

---
 app/src/RoomClient.js                         |  45 ++++++-
 app/src/actions/stateActions.js               |   8 ++
 app/src/components/JoinDialog.js              |  55 +++++++-
 .../ParticipantList/ListLobbyPeer.js          | 117 ++----------------
 .../ParticipantList/ParticipantList.js        |   5 +-
 app/src/reducers/lobbyPeers.js                |   9 +-
 app/src/reducers/rootReducer.js               |   2 +
 server/lib/Lobby.js                           |  55 +++++++-
 server/lib/Room.js                            |  29 +++++
 9 files changed, 207 insertions(+), 118 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 0f77197..1435dc1 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -934,6 +934,26 @@ export default class RoomClient
 			stateActions.setSelectedPeer(peerId));
 	}
 
+	async promoteLobbyPeer(peerId)
+	{
+		logger.debug('promoteLobbyPeer() [peerId:"%s"]', peerId);
+
+		store.dispatch(
+			stateActions.setLobbyPeerPromotionInProgress(peerId, true));
+
+		try
+		{
+			await this.sendRequest('promotePeer', { peerId });
+		}
+		catch (error)
+		{
+			logger.error('promoteLobbyPeer() failed: %o', error);
+		}
+
+		store.dispatch(
+			stateActions.setLobbyPeerPromotionInProgress(peerId, false));
+	}
+
 	// type: mic/webcam/screen
 	// mute: true/false
 	async modifyPeerConsumer(peerId, type, mute)
@@ -1243,6 +1263,14 @@ export default class RoomClient
 
 			switch (notification.method)
 			{
+				case 'enteredLobby':
+				{
+					const { displayName } = store.getState().settings;
+
+					await this.sendRequest('changeDisplayName', { displayName });
+					break;
+				}
+
 				case 'roomReady':
 				{
 					await this._joinRoom({ joinVideo });
@@ -1298,6 +1326,21 @@ export default class RoomClient
 					break;
 				}
 
+				case 'lobbyPeerClosed':
+				{
+					const { peerId } = notification.data;
+
+					store.dispatch(
+						stateActions.removeLobbyPeer(peerId));
+
+					store.dispatch(requestActions.notify(
+						{
+							text : 'Participant in lobby left.'
+						}));
+
+					break;
+				}
+
 				case 'promotedPeer':
 				{
 					const { peerId } = notification.data;
@@ -1308,7 +1351,7 @@ export default class RoomClient
 					break;
 				}
 
-				case 'parkedPeerDisplayName':
+				case 'lobbyPeerDisplayNameChanged':
 				{
 					const { peerId, displayName } = notification.data;
 
diff --git a/app/src/actions/stateActions.js b/app/src/actions/stateActions.js
index 7908b99..24f6870 100644
--- a/app/src/actions/stateActions.js
+++ b/app/src/actions/stateActions.js
@@ -415,6 +415,14 @@ export const setLobbyPeerDisplayName = (displayName, peerId) =>
 	};
 };
 
+export const setLobbyPeerPromotionInProgress = (peerId, flag) =>
+{
+	return {
+		type    : 'SET_LOBBY_PEER_PROMOTION_IN_PROGRESS',
+		payload : { peerId, flag }
+	};
+};
+
 export const addNotification = (notification) =>
 {
 	return {
diff --git a/app/src/components/JoinDialog.js b/app/src/components/JoinDialog.js
index ae11771..c5bca93 100644
--- a/app/src/components/JoinDialog.js
+++ b/app/src/components/JoinDialog.js
@@ -1,11 +1,14 @@
 import React from 'react';
+import { connect } from 'react-redux';
 import { withStyles } from '@material-ui/core/styles';
 import { withRoomContext } from '../RoomContext';
+import * as stateActions from '../actions/stateActions';
 import PropTypes from 'prop-types';
 import Dialog from '@material-ui/core/Dialog';
 import Typography from '@material-ui/core/Typography';
 import DialogActions from '@material-ui/core/DialogActions';
 import Button from '@material-ui/core/Button';
+import TextField from '@material-ui/core/TextField';
 
 const styles = (theme) =>
 	({
@@ -41,6 +44,8 @@ const styles = (theme) =>
 
 const JoinDialog = ({
 	roomClient,
+	displayName,
+	changeDisplayName,
 	classes
 }) =>
 {
@@ -76,6 +81,19 @@ const JoinDialog = ({
 				>
 					Audio and Video
 				</Button>
+				<TextField
+					id='displayname'
+					label='Name'
+					className={classes.textField}
+					value={displayName}
+					onChange={(event) =>
+					{
+						const { value } = event.target;
+
+						changeDisplayName(value);
+					}}
+					margin='normal'
+				/>
 			</DialogActions>
 		</Dialog>
 	);
@@ -83,8 +101,39 @@ const JoinDialog = ({
 
 JoinDialog.propTypes =
 {
-	roomClient : PropTypes.any.isRequired,
-	classes    : PropTypes.object.isRequired
+	roomClient        : PropTypes.any.isRequired,
+	displayName       : PropTypes.string.isRequired,
+	changeDisplayName : PropTypes.func.isRequired,
+	classes           : PropTypes.object.isRequired
 };
 
-export default withRoomContext(withStyles(styles)(JoinDialog));
\ No newline at end of file
+const mapStateToProps = (state) =>
+{
+	return {
+		displayName : state.settings.displayName
+	};
+};
+
+const mapDispatchToProps = (dispatch) =>
+{
+	return {
+		changeDisplayName : (displayName) =>
+		{
+			dispatch(stateActions.setDisplayName(displayName));
+		}
+	};
+};
+
+export default withRoomContext(connect(
+	mapStateToProps,
+	mapDispatchToProps,
+	null,
+	{
+		areStatesEqual : (next, prev) =>
+		{
+			return (
+				prev.settings.displayName === next.settings.displayName
+			);
+		}
+	}
+)(withStyles(styles)(JoinDialog)));
\ No newline at end of file
diff --git a/app/src/components/MeetingDrawer/ParticipantList/ListLobbyPeer.js b/app/src/components/MeetingDrawer/ParticipantList/ListLobbyPeer.js
index 7bc6178..85b0136 100644
--- a/app/src/components/MeetingDrawer/ParticipantList/ListLobbyPeer.js
+++ b/app/src/components/MeetingDrawer/ParticipantList/ListLobbyPeer.js
@@ -3,10 +3,9 @@ import { connect } from 'react-redux';
 import { withStyles } from '@material-ui/core/styles';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import * as appPropTypes from '../../appPropTypes';
 import { withRoomContext } from '../../../RoomContext';
 import EmptyAvatar from '../../../images/avatar-empty.jpeg';
-import HandIcon from '../../../images/icon-hand-white.svg';
+import PromoteIcon from '@material-ui/icons/OpenInBrowser';
 
 const styles = (theme) =>
 	({
@@ -18,10 +17,6 @@ const styles = (theme) =>
 			cursor   : 'auto',
 			display  : 'flex'
 		},
-		listPeer :
-		{
-			display : 'flex'
-		},
 		avatar :
 		{
 			borderRadius : '50%',
@@ -36,47 +31,6 @@ const styles = (theme) =>
 			flexGrow    : 1,
 			alignItems  : 'center'
 		},
-		indicators :
-		{
-			left           : 0,
-			top            : 0,
-			display        : 'flex',
-			flexDirection  : 'row',
-			justifyContent : 'flex-start',
-			alignItems     : 'center',
-			transition     : 'opacity 0.3s'
-		},
-		icon :
-		{
-			flex               : '0 0 auto',
-			margin             : '0.3rem',
-			borderRadius       : 2,
-			backgroundPosition : 'center',
-			backgroundSize     : '75%',
-			backgroundRepeat   : 'no-repeat',
-			backgroundColor    : 'rgba(0, 0, 0, 0.5)',
-			transitionProperty : 'opacity, background-color',
-			transitionDuration : '0.15s',
-			width              : 'var(--media-control-button-size)',
-			height             : 'var(--media-control-button-size)',
-			opacity            : 0.85,
-			'&:hover'          :
-			{
-				opacity : 1
-			},
-			'&.on' :
-			{
-				opacity : 1
-			},
-			'&.off' :
-			{
-				opacity : 0.2
-			},
-			'&.raise-hand' :
-			{
-				backgroundImage : `url(${HandIcon})`
-			}
-		},
 		controls :
 		{
 			float          : 'right',
@@ -101,22 +55,14 @@ const styles = (theme) =>
 			{
 				opacity : 1
 			},
-			'&.unsupported' :
-			{
-				pointerEvents : 'none'
-			},
 			'&.disabled' :
 			{
 				pointerEvents   : 'none',
 				backgroundColor : 'var(--media-control-botton-disabled)'
 			},
-			'&.on' :
+			'&.promote' :
 			{
 				backgroundColor : 'var(--media-control-botton-on)'
-			},
-			'&.off' :
-			{
-				backgroundColor : 'var(--media-control-botton-off)'
 			}
 		}
 	});
@@ -124,7 +70,7 @@ const styles = (theme) =>
 const ListLobbyPeer = (props) =>
 {
 	const {
-		// roomClient,
+		roomClient,
 		peer,
 		classes
 	} = props;
@@ -138,64 +84,19 @@ const ListLobbyPeer = (props) =>
 			<div className={classes.peerInfo}>
 				{peer.displayName}
 			</div>
-			<div className={classes.indicators}>
-				{ /* peer.raiseHandState ?
-					<div className={
-						classnames(
-							classes.icon, 'raise-hand', {
-								on  : peer.raiseHandState,
-								off : !peer.raiseHandState
-							}
-						)
-					}
-					/>
-					:null
-				*/ }
-			</div>
 			<div className={classes.controls}>
-				{/* { screenConsumer ?
-					<div
-						className={classnames(classes.button, 'screen', {
-							on       : screenVisible,
-							off      : !screenVisible,
-							disabled : peer.peerScreenInProgress
-						})}
-						onClick={(e) =>
-						{
-							e.stopPropagation();
-							screenVisible ?
-								roomClient.modifyPeerConsumer(peer.id, 'screen', true) :
-								roomClient.modifyPeerConsumer(peer.id, 'screen', false);
-						}}
-					>
-						{ screenVisible ?
-							<ScreenIcon />
-							:
-							<ScreenOffIcon />
-						}
-					</div>
-					:null
-				}
 				<div
-					className={classnames(classes.button, 'mic', {
-						on       : micEnabled,
-						off      : !micEnabled,
-						disabled : peer.peerAudioInProgress
+					className={classnames(classes.button, 'promote', {
+						disabled : peer.promotionInProgress
 					})}
 					onClick={(e) =>
 					{
 						e.stopPropagation();
-						micEnabled ?
-							roomClient.modifyPeerConsumer(peer.id, 'mic', true) :
-							roomClient.modifyPeerConsumer(peer.id, 'mic', false);
+						roomClient.promoteLobbyPeer(peer.id);
 					}}
 				>
-					{ micEnabled ?
-						<MicIcon />
-						:
-						<MicOffIcon />
-					}
-				</div> */}
+					<PromoteIcon />
+				</div>
 			</div>
 		</div>
 	);
@@ -205,7 +106,7 @@ ListLobbyPeer.propTypes =
 {
 	roomClient   : PropTypes.any.isRequired,
 	advancedMode : PropTypes.bool,
-	peer         : appPropTypes.Peer.isRequired,
+	peer         : PropTypes.object.isRequired,
 	classes      : PropTypes.object.isRequired
 };
 
diff --git a/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js b/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
index f8c98e4..38f2aea 100644
--- a/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
+++ b/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
@@ -92,9 +92,9 @@ class ParticipantList extends React.PureComponent
 				</ul>
 				<br />
 
-				{ lobbyPeers ?
+				{ lobbyPeers.length > 0 ?
 					<ul className={classes.list}>
-						<li className={classes.listheader}>Participants in Spotlight:</li>
+						<li className={classes.listheader}>Participants in Lobby:</li>
 						{ lobbyPeers.map((peerId) => (
 							<li
 								key={peerId}
@@ -107,6 +107,7 @@ class ParticipantList extends React.PureComponent
 					:null
 				}
 
+				<br />
 				<ul className={classes.list}>
 					<li className={classes.listheader}>Participants in Spotlight:</li>
 					{ spotlightPeers.map((peer) => (
diff --git a/app/src/reducers/lobbyPeers.js b/app/src/reducers/lobbyPeers.js
index 391d595..9b905ed 100644
--- a/app/src/reducers/lobbyPeers.js
+++ b/app/src/reducers/lobbyPeers.js
@@ -3,11 +3,14 @@ const lobbyPeer = (state = {}, action) =>
 	switch (action.type) 
 	{
 		case 'ADD_LOBBY_PEER':
-			return { peerId: action.payload.peerId };
+			return { id: action.payload.peerId };
 
 		case 'SET_LOBBY_PEER_DISPLAY_NAME':
 			return { ...state, displayName: action.payload.displayName };
 
+		case 'SET_LOBBY_PEER_PROMOTION_IN_PROGRESS':
+			return { ...state, promotionInProgress: action.payload.flag };
+
 		default:
 			return state;
 	}
@@ -33,12 +36,14 @@ const lobbyPeers = (state = {}, action) =>
 		}
 
 		case 'SET_LOBBY_PEER_DISPLAY_NAME':
+		case 'SET_LOBBY_PEER_PROMOTION_IN_PROGRESS':
 		{
 			const oldLobbyPeer = state[action.payload.peerId];
 
 			if (!oldLobbyPeer) 
 			{
-				throw new Error('no Peer found');
+				// Tried to update non-existant lobbyPeer. Has probably been promoted, or left.
+				return state;
 			}
 
 			return { ...state, [oldLobbyPeer.id]: lobbyPeer(oldLobbyPeer, action) };
diff --git a/app/src/reducers/rootReducer.js b/app/src/reducers/rootReducer.js
index ea78cdb..539c8d7 100644
--- a/app/src/reducers/rootReducer.js
+++ b/app/src/reducers/rootReducer.js
@@ -3,6 +3,7 @@ import room from './room';
 import me from './me';
 import producers from './producers';
 import peers from './peers';
+import lobbyPeers from './lobbyPeers';
 import consumers from './consumers';
 import peerVolumes from './peerVolumes';
 import notifications from './notifications';
@@ -16,6 +17,7 @@ export default combineReducers({
 	me,
 	producers,
 	peers,
+	lobbyPeers,
 	consumers,
 	peerVolumes,
 	notifications,
diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index f606a91..ddd7802 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -13,6 +13,9 @@ class Lobby extends EventEmitter
 
 		super();
 
+		// Closed flag.
+		this._closed = false;
+
 		this._peers = new Map();
 	}
 
@@ -20,6 +23,8 @@ class Lobby extends EventEmitter
 	{
 		logger.info('close()');
 
+		this._closed = true;
+
 		// Close the peers
 		if (this._peers)
 		{
@@ -60,9 +65,9 @@ class Lobby extends EventEmitter
 
 		const peer = this._peers.get(peerId);
 
-		this._peers.delete(peerId);
-
 		this.emit('promotePeer', peer);
+
+		this._peers.delete(peerId);
 	}
 
 	parkPeer({ peerId, consume, socket })
@@ -74,6 +79,52 @@ class Lobby extends EventEmitter
 		socket.emit('notification', { method: 'enteredLobby', data: {} });
 
 		this._peers.set(peerId, peer);
+
+		socket.on('request', (request, cb) =>
+		{
+			logger.debug(
+				'Peer "request" event [method:%s, peerId:%s]',
+				request.method, peer.peerId);
+
+			this._handleSocketRequest(peer, request, cb)
+				.catch((error) =>
+				{
+					logger.error('request failed:%o', error);
+
+					cb(error);
+				});
+		});
+
+		socket.on('disconnect', () =>
+		{
+			if (this._closed)
+				return;
+
+			logger.debug('Peer "close" event [peerId:%s]', peer.peerId);
+
+			this.emit('peerClosed', peer);
+
+			this._peers.delete(peer.peerId);
+		});
+	}
+
+	async _handleSocketRequest(peer, request, cb)
+	{
+		switch (request.method)
+		{
+			case 'changeDisplayName':
+			{
+				const { displayName } = request.data;
+
+				peer.displayName = displayName;
+
+				this.emit('lobbyPeerDisplayNameChanged', peer);
+
+				cb();
+
+				break;
+			}
+		}
 	}
 }
 
diff --git a/server/lib/Room.js b/server/lib/Room.js
index e51da1f..f71a4a6 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -61,7 +61,36 @@ class Room extends EventEmitter
 		{
 			logger.info('promotePeer() [peer:"%o"]', peer);
 
+			const { peerId } = peer;
+
 			this._peerJoining({ ...peer });
+
+			this._peers.forEach((peer) =>
+			{
+				this._notification(peer.socket, 'promotedPeer', { peerId });
+			});
+		});
+
+		this._lobby.on('lobbyPeerDisplayNameChanged', (peer) =>
+		{
+			const { peerId, displayName } = peer;
+
+			this._peers.forEach((peer) =>
+			{
+				this._notification(peer.socket, 'lobbyPeerDisplayNameChanged', { peerId, displayName });
+			});
+		});
+
+		this._lobby.on('peerClosed', (peer) =>
+		{
+			logger.info('peerClosed() [peer:"%o"]', peer);
+
+			const { peerId } = peer;
+
+			this._peers.forEach((peer) =>
+			{
+				this._notification(peer.socket, 'lobbyPeerClosed', { peerId });
+			});
 		});
 
 		this._chatHistory = [];

From f51d07285de22aa2aa94d18cf318c493630a22f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Wed, 16 Oct 2019 21:41:55 +0200
Subject: [PATCH 05/74] Added pulsing effect to badge.

---
 .../ParticipantList/ParticipantList.js        |  5 ---
 app/src/components/Room.js                    | 36 +++++++++++++++++--
 2 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js b/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
index 38f2aea..85a71cb 100644
--- a/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
+++ b/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
@@ -90,8 +90,6 @@ class ParticipantList extends React.PureComponent
 					<li className={classes.listheader}>Me:</li>
 					<ListMe />
 				</ul>
-				<br />
-
 				{ lobbyPeers.length > 0 ?
 					<ul className={classes.list}>
 						<li className={classes.listheader}>Participants in Lobby:</li>
@@ -106,8 +104,6 @@ class ParticipantList extends React.PureComponent
 					</ul>
 					:null
 				}
-
-				<br />
 				<ul className={classes.list}>
 					<li className={classes.listheader}>Participants in Spotlight:</li>
 					{ spotlightPeers.map((peer) => (
@@ -124,7 +120,6 @@ class ParticipantList extends React.PureComponent
 						</li>
 					))}
 				</ul>
-				<br />
 				<ul className={classes.list}>
 					<li className={classes.listheader}>Passive Participants:</li>
 					{ passivePeers.map((peerId) => (
diff --git a/app/src/components/Room.js b/app/src/components/Room.js
index 040511e..3ebebeb 100644
--- a/app/src/components/Room.js
+++ b/app/src/components/Room.js
@@ -150,6 +150,38 @@ const styles = (theme) =>
 		}
 	});
 
+const PulsingBadge = withStyles((theme) =>
+	({
+		badge :
+		{
+			backgroundColor : theme.palette.secondary.main,
+			// boxShadow       : `0 0 0 2px ${theme.palette.secondary.main}`,
+			'&::after'      :
+			{
+				position     : 'absolute',
+				width        : '100%',
+				height       : '100%',
+				borderRadius : '50%',
+				animation    : '$ripple 1.2s infinite ease-in-out',
+				border       : `3px solid ${theme.palette.secondary.main}`,
+				content      : '""'
+			}
+		},
+		'@keyframes ripple' :
+		{
+			'0%' :
+			{
+				transform : 'scale(.8)',
+				opacity   : 1
+			},
+			'100%' :
+			{
+				transform : 'scale(2.4)',
+				opacity   : 0
+			}
+		}
+	}))(Badge);
+
 class Room extends React.PureComponent
 {
 	constructor(props)
@@ -286,7 +318,7 @@ class Room extends React.PureComponent
 						className={room.toolbarsVisible ? classes.show : classes.hide}
 					>
 						<Toolbar>
-							<Badge
+							<PulsingBadge
 								color='secondary'
 								badgeContent={unread}
 							>
@@ -298,7 +330,7 @@ class Room extends React.PureComponent
 								>
 									<MenuIcon />
 								</IconButton>
-							</Badge>
+							</PulsingBadge>
 							{ window.config.logo ?
 								<img alt='Logo' className={classes.logo} src={window.config.logo} />
 								:null

From 3495245e37bf18bd5024fccf17a288fa3bc8f8f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 17 Oct 2019 10:55:03 +0200
Subject: [PATCH 06/74] Updated serverhistory and fixed some bugs.

---
 app/src/RoomClient.js | 21 ++++++++++++++++++++-
 server/lib/Lobby.js   | 37 +++++++++++++++----------------------
 server/lib/Room.js    | 39 ++++++++++++++++++++-------------------
 3 files changed, 55 insertions(+), 42 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 1435dc1..f9af263 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -607,7 +607,9 @@ export default class RoomClient
 			const {
 				chatHistory,
 				fileHistory,
-				lastN
+				lastN,
+				locked,
+				lobbyPeers
 			} = await this.sendRequest('serverHistory');
 
 			if (chatHistory.length > 0)
@@ -635,6 +637,23 @@ export default class RoomClient
 
 				this._spotlights.addSpeakerList(lastN);
 			}
+
+			locked ? 
+				store.dispatch(stateActions.setRoomLocked()) :
+				store.dispatch(stateActions.setRoomUnLocked());
+
+			if (lobbyPeers.length > 0)
+			{
+				logger.debug('Got lobby peers');
+
+				lobbyPeers.forEach((peer) =>
+				{
+					store.dispatch(
+						stateActions.addLobbyPeer(peer.peerId));
+					store.dispatch(
+						stateActions.setLobbyPeerDisplayName(peer.displayName));
+				});
+			}
 		}
 		catch (error)
 		{
diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index ddd7802..be10725 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -16,7 +16,7 @@ class Lobby extends EventEmitter
 		// Closed flag.
 		this._closed = false;
 
-		this._peers = new Map();
+		this._peers = {};
 	}
 
 	close()
@@ -25,49 +25,42 @@ class Lobby extends EventEmitter
 
 		this._closed = true;
 
-		// Close the peers
-		if (this._peers)
+		Object.values(this._peers).forEach((peer) =>
 		{
-			this._peers.forEach((peer) =>
-			{
-				if (peer.socket)
-					peer.socket.disconnect();
-			});
-		}
+			if (peer.socket)
+				peer.socket.disconnect();
+		});
 
-		this._peers.clear();
+		this._peers = {};
 	}
 
 	peerList()
 	{
 		logger.info('peerList()');
 
-		return this._peers;
+		return Object.values(this._peers).map((peer) => ({ peerId: peer.peerId, displayName: peer.displayName }));
 	}
 
 	promoteAllPeers()
 	{
 		logger.info('promoteAllPeers()');
 
-		if (this._peers)
+		Object.values(this._peers).forEach((peer) =>
 		{
-			this._peers.forEach((peer) =>
-			{
-				if (peer.socket)
-					this.promotePeer(peer.peerId);
-			});
-		}
+			if (peer.socket)
+				this.promotePeer(peer.peerId);
+		});
 	}
 
 	promotePeer(peerId)
 	{
 		logger.info('promotePeer() [peerId: %s]', peerId);
 
-		const peer = this._peers.get(peerId);
+		const peer = this._peers[peerId];
 
 		this.emit('promotePeer', peer);
 
-		this._peers.delete(peerId);
+		delete this._peers[peerId];
 	}
 
 	parkPeer({ peerId, consume, socket })
@@ -78,7 +71,7 @@ class Lobby extends EventEmitter
 
 		socket.emit('notification', { method: 'enteredLobby', data: {} });
 
-		this._peers.set(peerId, peer);
+		this._peers[peerId] = peer;
 
 		socket.on('request', (request, cb) =>
 		{
@@ -104,7 +97,7 @@ class Lobby extends EventEmitter
 
 			this.emit('peerClosed', peer);
 
-			this._peers.delete(peer.peerId);
+			delete this._peers[peer.peerId];
 		});
 	}
 
diff --git a/server/lib/Room.js b/server/lib/Room.js
index f71a4a6..f1763f8 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -65,7 +65,7 @@ class Room extends EventEmitter
 
 			this._peerJoining({ ...peer });
 
-			this._peers.forEach((peer) =>
+			Object.values(this._peers).forEach((peer) =>
 			{
 				this._notification(peer.socket, 'promotedPeer', { peerId });
 			});
@@ -75,7 +75,7 @@ class Room extends EventEmitter
 		{
 			const { peerId, displayName } = peer;
 
-			this._peers.forEach((peer) =>
+			Object.values(this._peers).forEach((peer) =>
 			{
 				this._notification(peer.socket, 'lobbyPeerDisplayNameChanged', { peerId, displayName });
 			});
@@ -87,7 +87,7 @@ class Room extends EventEmitter
 
 			const { peerId } = peer;
 
-			this._peers.forEach((peer) =>
+			Object.values(this._peers).forEach((peer) =>
 			{
 				this._notification(peer.socket, 'lobbyPeerClosed', { peerId });
 			});
@@ -99,9 +99,7 @@ class Room extends EventEmitter
 
 		this._lastN = [];
 
-		// this._io = io;
-
-		this._peers = new Map();
+		this._peers = {};
 
 		// mediasoup Router instance.
 		// @type {mediasoup.Router}
@@ -121,7 +119,7 @@ class Room extends EventEmitter
 			//	producer.id, volume);
 
 			// Notify all Peers.
-			this._peers.forEach((peer) =>
+			Object.values(this._peers).forEach((peer) =>
 			{
 				this._notification(peer.socket, 'activeSpeaker', {
 					peerId : producer.appData.peerId,
@@ -135,7 +133,7 @@ class Room extends EventEmitter
 			// logger.debug('audioLevelObserver "silence" event');
 
 			// Notify all Peers.
-			this._peers.forEach((peer) =>
+			Object.values(this._peers).forEach((peer) =>
 			{
 				this._notification(peer.socket, 'activeSpeaker', { peerId : null });
 			});
@@ -162,7 +160,7 @@ class Room extends EventEmitter
 		// Close the peers
 		if (this._peers)
 		{
-			this._peers.forEach((peer) =>
+			Object.values(this._peers).forEach((peer) =>
 			{
 				if (peer.socket)
 					peer.socket.disconnect();
@@ -192,23 +190,23 @@ class Room extends EventEmitter
 		logger.info('handleConnection() [peerId:"%s"]', peerId);
 
 		// This will allow reconnects to join despite lock
-		if (this._peers.has(peerId))
+		if (this._peers[peerId])
 		{
 			logger.warn(
 				'handleConnection() | there is already a peer with same peerId, ' +
 				'closing the previous one [peerId:"%s"]',
 				peerId);
 
-			const peer = this._peers.get(peerId);
+			const peer = this._peers[peerId];
 
 			peer.socket.disconnect();
-			this._peers.delete(peerId);
+			delete this._peers[peerId];
 		}
 		else if (this._locked) // Don't allow connections to a locked room
 		{
 			this._lobby.parkPeer({ peerId, consume, socket });
 
-			this._peers.forEach((peer) =>
+			Object.values(this._peers).forEach((peer) =>
 			{
 				this._notification(peer.socket, 'parkedPeer', { peerId });
 			});
@@ -232,7 +230,7 @@ class Room extends EventEmitter
 			this._lastN.push(peerId);
 		}
 
-		this._peers.set(peerId, peer);
+		this._peers[peerId] = peer;
 
 		this._handlePeer({ peer, consume });
 		this._notification(socket, 'roomReady');
@@ -253,7 +251,7 @@ class Room extends EventEmitter
 			picture
 		} = data;
 
-		const peer = this._peers.get(peerId);
+		const peer = this._peers[peerId];
 
 		if (peer)
 		{
@@ -326,7 +324,7 @@ class Room extends EventEmitter
 				transport.close();
 			}
 
-			this._peers.delete(peer.id);
+			delete this._peers[peer.id];
 
 			// If this is the latest Peer in the room, close the room after a while.
 			if (this._peers.size === 0)
@@ -385,7 +383,7 @@ class Room extends EventEmitter
 
 				const peerInfos = [];
 
-				this._peers.forEach((joinedPeer) =>
+				Object.values(this._peers).forEach((joinedPeer) =>
 				{
 					if (joinedPeer.data.joined)
 					{
@@ -548,7 +546,7 @@ class Room extends EventEmitter
 
 				cb(null, { id: producer.id });
 
-				this._peers.forEach((otherPeer) =>
+				Object.values(this._peers).forEach((otherPeer) =>
 				{
 					if (otherPeer.data.joined && otherPeer !== peer)
 					{
@@ -817,12 +815,15 @@ class Room extends EventEmitter
 			case 'serverHistory':
 			{
 				// Return to sender
+				const lobbyPeers = this._lobby.peerList();
 				cb(
 					null,
 					{
 						chatHistory : this._chatHistory,
 						fileHistory : this._fileHistory,
-						lastN       : this._lastN
+						lastN       : this._lastN,
+						locked      : this._locked,
+						lobbyPeers  : lobbyPeers
 					}
 				);
 

From 4181afd1a3d6e8e741cc1dcf66cc43daa5516fc9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 18 Oct 2019 14:56:02 +0200
Subject: [PATCH 07/74] Further work on sessions and authentication

---
 app/src/RoomClient.js |  2 +-
 server/lib/Lobby.js   | 52 ++++++++++++++++++++++++++++--
 server/lib/Room.js    |  4 +++
 server/package.json   |  4 +++
 server/server.js      | 75 +++++++++++++++++++++++++------------------
 5 files changed, 103 insertions(+), 34 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index f9af263..56f13d8 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -305,7 +305,7 @@ export default class RoomClient
 
 	login()
 	{
-		const url = `/auth/login?roomId=${this._roomId}&peerId=${this._peerId}`;
+		const url = `/auth/login?id=${this._signalingSocket.io.engine.id}`;
 
 		this._loginWindow = window.open(url, 'loginWindow');
 	}
diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index be10725..1d77700 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -34,6 +34,32 @@ class Lobby extends EventEmitter
 		this._peers = {};
 	}
 
+	authCallback(data, roomLocked)
+	{
+		logger.debug('authCallback() | [data:"%o", roomLocked:"%s"]', data, roomLocked);
+
+		const {
+			peerId,
+			displayName,
+			picture
+		} = data;
+
+		const peer = this._peers[peerId];
+
+		if (peer)
+		{
+			this._notification(peer.socket, 'auth', {
+				displayName : displayName,
+				picture     : picture
+			});
+
+			if (!roomLocked)
+			{
+				this.promotePeer(peerId);
+			}
+		}
+	}
+
 	peerList()
 	{
 		logger.info('peerList()');
@@ -41,6 +67,11 @@ class Lobby extends EventEmitter
 		return Object.values(this._peers).map((peer) => ({ peerId: peer.peerId, displayName: peer.displayName }));
 	}
 
+	hasPeer(peerId)
+	{
+		return Boolean(this._peers[peerId]);
+	}
+
 	promoteAllPeers()
 	{
 		logger.info('promoteAllPeers()');
@@ -58,9 +89,12 @@ class Lobby extends EventEmitter
 
 		const peer = this._peers[peerId];
 
-		this.emit('promotePeer', peer);
+		if (peer)
+		{
+			this.emit('promotePeer', peer);
 
-		delete this._peers[peerId];
+			delete this._peers[peerId];
+		}
 	}
 
 	parkPeer({ peerId, consume, socket })
@@ -119,6 +153,20 @@ class Lobby extends EventEmitter
 			}
 		}
 	}
+
+	_notification(socket, method, data = {}, broadcast = false)
+	{
+		if (broadcast)
+		{
+			socket.broadcast.to(this._roomId).emit(
+				'notification', { method, data }
+			);
+		}
+		else
+		{
+			socket.emit('notification', { method, data });
+		}
+	}
 }
 
 module.exports = Lobby;
\ No newline at end of file
diff --git a/server/lib/Room.js b/server/lib/Room.js
index f1763f8..db10bb1 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -260,6 +260,10 @@ class Room extends EventEmitter
 				picture     : picture
 			});
 		}
+		else if (this._lobby.hasPeer(peerId))
+		{
+			this._lobby.authCallback(data, this._locked);
+		}
 	}
 
 	_handlePeer({ peer, consume })
diff --git a/server/package.json b/server/package.json
index 1762e0c..0a98b10 100644
--- a/server/package.json
+++ b/server/package.json
@@ -11,12 +11,16 @@
     "base-64": "^0.1.0",
     "colors": "^1.1.2",
     "compression": "^1.7.3",
+    "connect-redis": "^4.0.3",
+    "cookie-parser": "^1.4.4",
     "debug": "^4.1.0",
     "express": "^4.16.3",
     "express-session": "^1.16.1",
     "mediasoup": "^3.0.12",
     "openid-client": "^2.5.0",
     "passport": "^0.4.0",
+    "passport.socketio": "^3.7.0",
+    "redis": "^2.8.0",
     "socket.io": "^2.1.1",
     "spdy": "^4.0.0"
   },
diff --git a/server/server.js b/server/server.js
index 366181e..3dffd3c 100755
--- a/server/server.js
+++ b/server/server.js
@@ -20,6 +20,12 @@ const base64 = require('base-64');
 const passport = require('passport');
 const { Issuer, Strategy } = require('openid-client');
 const session = require('express-session');
+const passportSocketIo = require('passport.socketio');
+const cookieParser = require('cookie-parser');
+// Session storage
+const redis = require('redis');
+const RedisStore = require('connect-redis')(session);
+const redisClient = redis.createClient();
 
 /* eslint-disable no-console */
 console.log('- process.env.DEBUG:', process.env.DEBUG);
@@ -49,6 +55,8 @@ const tls =
 	key  : fs.readFileSync(config.tls.key)
 };
 
+const sessionStore = new RedisStore({ client: redisClient });
+
 const app = express();
 let httpsServer;
 let oidcClient;
@@ -202,6 +210,7 @@ async function setupAuth(oidcIssuer)
 		secret            : config.cookieSecret,
 		resave            : true,
 		saveUninitialized : true,
+		store             : sessionStore,
 		cookie            : { secure: true }
 	}));
 
@@ -213,9 +222,8 @@ async function setupAuth(oidcIssuer)
 	{
 		passport.authenticate('oidc', {
 			state : base64.encode(JSON.stringify({
-				roomId : req.query.roomId,
-				peerId : req.query.peerId,
-				code   : utils.random(10)
+				id   : req.query.id,
+				code : utils.random(10)
 			}))
 		})(req, res, next);
 	});
@@ -235,39 +243,37 @@ async function setupAuth(oidcIssuer)
 		{
 			const state = JSON.parse(base64.decode(req.query.state));
 
-			if (rooms.has(state.roomId))
+			let displayName;
+			let photo;
+
+			if (req.user != null)
 			{
-				let displayName;
-				let photo;
+				if (req.user.displayName != null)
+					displayName = req.user.displayName;
+				else
+					displayName = '';
 
-				if (req.user != null)
+				if (
+					req.user.Photos != null &&
+					req.user.Photos[0] != null &&
+					req.user.Photos[0].value != null
+				)
+					photo = req.user.Photos[0].value;
+				else
+					photo = '/static/media/buddy.403cb9f6.svg';
+			}
+
+			// const room = rooms.get(state.roomId);
+
+			io.sockets.socket(state.id).emit('notification',
+			{
+				method: 'auth',
+				data :
 				{
-					if (req.user.displayName != null)
-						displayName = req.user.displayName;
-					else
-						displayName = '';
-
-					if (
-						req.user.Photos != null &&
-						req.user.Photos[0] != null &&
-						req.user.Photos[0].value != null
-					)
-						photo = req.user.Photos[0].value;
-					else
-						photo = '/static/media/buddy.403cb9f6.svg';
-				}
-
-				const data =
-				{
-					peerId      : state.peerId,
 					displayName : displayName,
 					picture     : photo
-				};
-
-				const room = rooms.get(state.roomId);
-
-				room.authCallback(data);
-			}
+				}
+			});
 
 			res.send('');
 		}
@@ -322,6 +328,13 @@ async function runWebSocketServer()
 {
 	const io = require('socket.io')(httpsServer);
 
+	io.use(passportSocketIo.authorize({
+		secret       : config.cookieSecret,
+		passport     : passport,
+		cookieParser : cookieParser,
+		store        : sessionStore,
+	}));
+
 	// Handle connections from clients.
 	io.on('connection', (socket) =>
 	{

From 0299e5f661fc5d1b90076c61b56203f556f9cc7f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Tue, 22 Oct 2019 15:04:28 +0200
Subject: [PATCH 08/74] Fixed some small bugs, now sharing session between
 Express and Socket.io.

---
 server/package.json |  5 +----
 server/server.js    | 54 +++++++++++++++++++--------------------------
 2 files changed, 24 insertions(+), 35 deletions(-)

diff --git a/server/package.json b/server/package.json
index 0a98b10..ab5c911 100644
--- a/server/package.json
+++ b/server/package.json
@@ -11,16 +11,13 @@
     "base-64": "^0.1.0",
     "colors": "^1.1.2",
     "compression": "^1.7.3",
-    "connect-redis": "^4.0.3",
-    "cookie-parser": "^1.4.4",
     "debug": "^4.1.0",
     "express": "^4.16.3",
     "express-session": "^1.16.1",
+    "express-socket.io-session": "^1.3.5",
     "mediasoup": "^3.0.12",
     "openid-client": "^2.5.0",
     "passport": "^0.4.0",
-    "passport.socketio": "^3.7.0",
-    "redis": "^2.8.0",
     "socket.io": "^2.1.1",
     "spdy": "^4.0.0"
   },
diff --git a/server/server.js b/server/server.js
index 3dffd3c..057b8b2 100755
--- a/server/server.js
+++ b/server/server.js
@@ -19,19 +19,19 @@ const base64 = require('base-64');
 // auth
 const passport = require('passport');
 const { Issuer, Strategy } = require('openid-client');
-const session = require('express-session');
-const passportSocketIo = require('passport.socketio');
-const cookieParser = require('cookie-parser');
-// Session storage
-const redis = require('redis');
-const RedisStore = require('connect-redis')(session);
-const redisClient = redis.createClient();
+const session = require('express-session')({
+	secret            : config.cookieSecret,
+	resave            : true,
+	saveUninitialized : true,
+	cookie            : { secure: true }
+});
+const sharedSession = require('express-socket.io-session');
 
 /* eslint-disable no-console */
 console.log('- process.env.DEBUG:', process.env.DEBUG);
 console.log('- config.mediasoup.logLevel:', config.mediasoup.logLevel);
 console.log('- config.mediasoup.logTags:', config.mediasoup.logTags);
-/* eslint-enable no-console */
+/* eslint-enable nopassportSocketIo-console */
 
 const logger = new Logger();
 
@@ -55,9 +55,10 @@ const tls =
 	key  : fs.readFileSync(config.tls.key)
 };
 
-const sessionStore = new RedisStore({ client: redisClient });
-
 const app = express();
+
+app.use(session);
+
 let httpsServer;
 let oidcClient;
 let oidcStrategy;
@@ -76,13 +77,13 @@ const auth = config.auth;
 
 async function run()
 {
-	if ( 
+	if (
 		typeof(auth) !== 'undefined' &&
 		typeof(auth.issuerURL) !== 'undefined' &&
 		typeof(auth.clientOptions) !== 'undefined'
 	)
 	{
-		Issuer.discover(auth.issuerURL).then( async (oidcIssuer) => 
+		Issuer.discover(auth.issuerURL).then(async (oidcIssuer) => 
 		{
 			// Setup authentication
 			await setupAuth(oidcIssuer);
@@ -96,10 +97,10 @@ async function run()
 			// Run WebSocketServer.
 			await runWebSocketServer();
 		})
-			.catch((err) =>
-			{ 
-				logger.error(err); 
-			});
+		.catch((err) =>
+		{
+			logger.error(err);
+		});
 	}
 	else
 	{
@@ -206,18 +207,10 @@ async function setupAuth(oidcIssuer)
 
 	passport.use('oidc', oidcStrategy);
 
-	app.use(session({
-		secret            : config.cookieSecret,
-		resave            : true,
-		saveUninitialized : true,
-		store             : sessionStore,
-		cookie            : { secure: true }
-	}));
-
 	app.use(passport.initialize());
 	app.use(passport.session());
 
-	// login
+	// loginparams
 	app.get('/auth/login', (req, res, next) =>
 	{
 		passport.authenticate('oidc', {
@@ -328,12 +321,11 @@ async function runWebSocketServer()
 {
 	const io = require('socket.io')(httpsServer);
 
-	io.use(passportSocketIo.authorize({
-		secret       : config.cookieSecret,
-		passport     : passport,
-		cookieParser : cookieParser,
-		store        : sessionStore,
-	}));
+	io.use(
+		sharedSession(session, {
+			autoSave: true
+		})
+	);
 
 	// Handle connections from clients.
 	io.on('connection', (socket) =>

From 38cf88aa62e418a7ef4c5ac45efc11cee7d40993 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Tue, 22 Oct 2019 15:30:04 +0200
Subject: [PATCH 09/74] Cleanup and handling of events.

---
 app/src/RoomClient.js |  2 +-
 server/lib/Lobby.js   | 26 --------------------------
 server/lib/Room.js    | 30 +++++++++---------------------
 server/server.js      | 12 ++++++++----
 4 files changed, 18 insertions(+), 52 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 56f13d8..243ce57 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -305,7 +305,7 @@ export default class RoomClient
 
 	login()
 	{
-		const url = `/auth/login?id=${this._signalingSocket.io.engine.id}`;
+		const url = `/auth/login?id=${this._signalingSocket.io.engine.id}&roomId=${this._roomId}&peerId=${this._peerId}`;
 
 		this._loginWindow = window.open(url, 'loginWindow');
 	}
diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index 1d77700..62da0e5 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -34,32 +34,6 @@ class Lobby extends EventEmitter
 		this._peers = {};
 	}
 
-	authCallback(data, roomLocked)
-	{
-		logger.debug('authCallback() | [data:"%o", roomLocked:"%s"]', data, roomLocked);
-
-		const {
-			peerId,
-			displayName,
-			picture
-		} = data;
-
-		const peer = this._peers[peerId];
-
-		if (peer)
-		{
-			this._notification(peer.socket, 'auth', {
-				displayName : displayName,
-				picture     : picture
-			});
-
-			if (!roomLocked)
-			{
-				this.promotePeer(peerId);
-			}
-		}
-	}
-
 	peerList()
 	{
 		logger.info('peerList()');
diff --git a/server/lib/Room.js b/server/lib/Room.js
index db10bb1..ef9d941 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -179,9 +179,9 @@ class Room extends EventEmitter
 	logStatus()
 	{
 		logger.info(
-			'logStatus() [room id:"%s", peers:%s]',
+			'logStatus() [room id:"%s", peers:%o]',
 			this._roomId,
-			this._peers.size
+			this._peers
 		);
 	}
 
@@ -241,28 +241,16 @@ class Room extends EventEmitter
 		return this._locked;
 	}
 
-	authCallback(data)
+	peerAuthenticated(peerid)
 	{
-		logger.debug('authCallback()');
+		logger.debug('peerAuthenticated() | [peerId:"%s"]', peerId);
 
-		const {
-			peerId,
-			displayName,
-			picture
-		} = data;
-
-		const peer = this._peers[peerId];
-
-		if (peer)
+		if (!this._locked)
 		{
-			this._notification(peer.socket, 'auth', {
-				displayName : displayName,
-				picture     : picture
-			});
-		}
-		else if (this._lobby.hasPeer(peerId))
-		{
-			this._lobby.authCallback(data, this._locked);
+			if (!Boolean(this._peers[peerid]))
+			{
+				this._lobby.promotePeer(peerId);
+			}
 		}
 	}
 
diff --git a/server/server.js b/server/server.js
index 057b8b2..2af5bdd 100755
--- a/server/server.js
+++ b/server/server.js
@@ -215,8 +215,10 @@ async function setupAuth(oidcIssuer)
 	{
 		passport.authenticate('oidc', {
 			state : base64.encode(JSON.stringify({
-				id   : req.query.id,
-				code : utils.random(10)
+				id     : req.query.id,
+				roomId : req.query.roomId,
+				peerId : req.query.peerId,
+				code   : utils.random(10)
 			}))
 		})(req, res, next);
 	});
@@ -256,7 +258,9 @@ async function setupAuth(oidcIssuer)
 					photo = '/static/media/buddy.403cb9f6.svg';
 			}
 
-			// const room = rooms.get(state.roomId);
+			const room = rooms.get(state.roomId);
+
+			room.peerAuthenticated(state.peerId);
 
 			io.sockets.socket(state.id).emit('notification',
 			{
@@ -315,7 +319,7 @@ async function runHttpsServer()
 }
 
 /**
- * Create a protoo WebSocketServer to allow WebSocket connections from browsers.
+ * Create a WebSocketServer to allow WebSocket connections from browsers.
  */
 async function runWebSocketServer()
 {

From 223642a44ff9727623794af54ec84f10795582e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Tue, 22 Oct 2019 15:35:46 +0200
Subject: [PATCH 10/74] Update dependencies.

---
 app/package.json    | 36 ++++++++++++++++++------------------
 server/package.json | 22 +++++++++++-----------
 2 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/app/package.json b/app/package.json
index b85d265..9a87fbb 100644
--- a/app/package.json
+++ b/app/package.json
@@ -6,32 +6,32 @@
 	"author": "Håvar Aambø Fosstveit <h@fosstveit.net>",
 	"license": "MIT",
 	"dependencies": {
-		"@material-ui/core": "^4.1.2",
-		"@material-ui/icons": "^4.2.1",
-		"bowser": "^2.4.0",
-		"create-torrent": "^3.33.0",
+		"@material-ui/core": "^4.5.1",
+		"@material-ui/icons": "^4.5.1",
+		"bowser": "^2.7.0",
+		"create-torrent": "^4.4.1",
 		"domready": "^1.0.8",
-		"file-saver": "^2.0.1",
+		"file-saver": "^2.0.2",
 		"hark": "^1.2.3",
-		"marked": "^0.6.1",
-		"mediasoup-client": "^3.0.6",
-		"notistack": "^0.5.1",
+		"marked": "^0.7.0",
+		"mediasoup-client": "^3.2.7",
+		"notistack": "^0.9.5",
 		"prop-types": "^15.7.2",
 		"random-string": "^0.2.0",
-		"react": "^16.8.5",
-		"react-cookie-consent": "^2.2.2",
-		"react-dom": "^16.8.5",
-		"react-redux": "^6.0.1",
-		"react-scripts": "2.1.8",
-		"redux": "^4.0.1",
+		"react": "^16.10.2",
+		"react-cookie-consent": "^2.5.0",
+		"react-dom": "^16.10.2",
+		"react-redux": "^7.1.1",
+		"react-scripts": "3.2.0",
+		"redux": "^4.0.4",
 		"redux-logger": "^3.0.6",
-		"redux-persist": "^5.10.0",
+		"redux-persist": "^6.0.0",
 		"redux-thunk": "^2.3.0",
 		"reselect": "^4.0.0",
 		"riek": "^1.1.0",
-		"socket.io-client": "^2.2.0",
-		"source-map-explorer": "^1.8.0",
-		"webtorrent": "^0.103.1"
+		"socket.io-client": "^2.3.0",
+		"source-map-explorer": "^2.1.0",
+		"webtorrent": "^0.107.16"
 	},
 	"scripts": {
 		"analyze-main": "source-map-explorer build/static/js/main.*",
diff --git a/server/package.json b/server/package.json
index ab5c911..76e6ab6 100644
--- a/server/package.json
+++ b/server/package.json
@@ -9,21 +9,21 @@
   "dependencies": {
     "awaitqueue": "^1.0.0",
     "base-64": "^0.1.0",
-    "colors": "^1.1.2",
-    "compression": "^1.7.3",
-    "debug": "^4.1.0",
-    "express": "^4.16.3",
-    "express-session": "^1.16.1",
+    "colors": "^1.4.0",
+    "compression": "^1.7.4",
+    "debug": "^4.1.1",
+    "express": "^4.17.1",
+    "express-session": "^1.17.0",
     "express-socket.io-session": "^1.3.5",
     "mediasoup": "^3.0.12",
-    "openid-client": "^2.5.0",
+    "openid-client": "^3.7.3",
     "passport": "^0.4.0",
-    "socket.io": "^2.1.1",
-    "spdy": "^4.0.0"
+    "socket.io": "^2.3.0",
+    "spdy": "^4.0.1"
   },
   "devDependencies": {
-    "gulp": "^4.0.0",
-    "gulp-eslint": "^5.0.0",
-    "gulp-plumber": "^1.2.0"
+    "gulp": "^4.0.2",
+    "gulp-eslint": "^6.0.0",
+    "gulp-plumber": "^1.2.1"
   }
 }

From 12dd85a99d7af31860b36853191cf4c099d0562d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Wed, 23 Oct 2019 11:29:32 +0200
Subject: [PATCH 11/74] Lifted some logic up a level to clean up code.

---
 app/src/components/App.js        |  56 +++++++
 app/src/components/JoinDialog.js | 100 ++++++-----
 app/src/components/Lobby.js      | 108 ++++++++++++
 app/src/components/Room.js       | 277 ++++++++++++++-----------------
 app/src/index.js                 |   4 +-
 server/server.js                 |  14 +-
 6 files changed, 350 insertions(+), 209 deletions(-)
 create mode 100644 app/src/components/App.js
 create mode 100644 app/src/components/Lobby.js

diff --git a/app/src/components/App.js b/app/src/components/App.js
new file mode 100644
index 0000000..9cd566b
--- /dev/null
+++ b/app/src/components/App.js
@@ -0,0 +1,56 @@
+import React from 'react';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+import Room from './Room';
+import JoinDialog from './JoinDialog';
+import Lobby from './Lobby';
+
+const App = (props) =>
+{
+	const {
+		room
+	} = props;
+
+	if (room.lockedOut)
+	{
+		return (
+			<Lobby />
+		);
+	}
+	else if (!room.joined)
+	{
+		return (
+			<JoinDialog />
+		);
+	}
+	else
+	{
+		return (
+			<Room />
+		);
+	}
+}
+
+App.propTypes =
+{
+	room : PropTypes.object.isRequired
+};
+
+const mapStateToProps = (state) =>
+	({
+		room : state.room
+	});
+
+export default connect(
+	mapStateToProps,
+	null,
+	null,
+	{
+		areStatesEqual : (next, prev) =>
+		{
+			return (
+				prev.room === next.room
+			);
+		}
+	}
+)(App);
\ No newline at end of file
diff --git a/app/src/components/JoinDialog.js b/app/src/components/JoinDialog.js
index c5bca93..ed7f290 100644
--- a/app/src/components/JoinDialog.js
+++ b/app/src/components/JoinDialog.js
@@ -14,6 +14,15 @@ const styles = (theme) =>
 	({
 		root :
 		{
+			display              : 'flex',
+			width                : '100%',
+			height               : '100%',
+			backgroundColor      : 'var(--background-color)',
+			backgroundImage      : `url(${window.config.background})`,
+			backgroundAttachment : 'fixed',
+			backgroundPosition   : 'center',
+			backgroundSize       : 'cover',
+			backgroundRepeat     : 'no-repeat'
 		},
 		dialogPaper :
 		{
@@ -50,52 +59,53 @@ const JoinDialog = ({
 }) =>
 {
 	return (
-		<Dialog
-			className={classes.root}
-			open
-			classes={{
-				paper : classes.dialogPaper
-			}}
-		>
-			{ window.config.logo ?
-				<img alt='Logo' className={classes.logo} src={window.config.logo} />
-				:null
-			}
-			<Typography variant='subtitle1'>You are about to join a meeting, how would you like to join?</Typography>
-			<DialogActions>
-				<Button
-					onClick={() =>
-					{
-						roomClient.join({ joinVideo: false });
-					}}
-					variant='contained'
-				>
-					Audio only
-				</Button>
-				<Button
-					onClick={() =>
-					{
-						roomClient.join({ joinVideo: true });
-					}}
-					variant='contained'
-				>
-					Audio and Video
-				</Button>
-				<TextField
-					id='displayname'
-					label='Name'
-					className={classes.textField}
-					value={displayName}
-					onChange={(event) =>
-					{
-						const { value } = event.target;
+		<div className={classes.root}>
+			<Dialog
+				open
+				classes={{
+					paper : classes.dialogPaper
+				}}
+			>
+				{ window.config.logo ?
+					<img alt='Logo' className={classes.logo} src={window.config.logo} />
+					:null
+				}
+				<Typography variant='subtitle1'>You are about to join a meeting, how would you like to join?</Typography>
+				<DialogActions>
+					<Button
+						onClick={() =>
+						{
+							roomClient.join({ joinVideo: false });
+						}}
+						variant='contained'
+					>
+						Audio only
+					</Button>
+					<Button
+						onClick={() =>
+						{
+							roomClient.join({ joinVideo: true });
+						}}
+						variant='contained'
+					>
+						Audio and Video
+					</Button>
+					<TextField
+						id='displayname'
+						label='Name'
+						className={classes.textField}
+						value={displayName}
+						onChange={(event) =>
+						{
+							const { value } = event.target;
 
-						changeDisplayName(value);
-					}}
-					margin='normal'
-				/>
-			</DialogActions>
-		</Dialog>
+							changeDisplayName(value);
+						}}
+						margin='normal'
+					/>
+				</DialogActions>
+			</Dialog>
+		</div>
 	);
 };
 
diff --git a/app/src/components/Lobby.js b/app/src/components/Lobby.js
new file mode 100644
index 0000000..0d29762
--- /dev/null
+++ b/app/src/components/Lobby.js
@@ -0,0 +1,108 @@
+import React from 'react';
+import { connect } from 'react-redux';
+import { withStyles } from '@material-ui/core/styles';
+import { withRoomContext } from '../RoomContext';
+import * as stateActions from '../actions/stateActions';
+import PropTypes from 'prop-types';
+import Dialog from '@material-ui/core/Dialog';
+import Typography from '@material-ui/core/Typography';
+import Paper from '@material-ui/core/Paper';
+import DialogActions from '@material-ui/core/DialogActions';
+import Button from '@material-ui/core/Button';
+import TextField from '@material-ui/core/TextField';
+
+const styles = (theme) =>
+	({
+		root :
+		{
+			display              : 'flex',
+			width                : '100%',
+			height               : '100%',
+			backgroundColor      : 'var(--background-color)',
+			backgroundImage      : `url(${window.config.background})`,
+			backgroundAttachment : 'fixed',
+			backgroundPosition   : 'center',
+			backgroundSize       : 'cover',
+			backgroundRepeat     : 'no-repeat'
+		},
+		dialogPaper :
+		{
+			width                          : '20vw',
+			padding                        : theme.spacing(2),
+			[theme.breakpoints.down('lg')] :
+			{
+				width : '30vw'
+			},
+			[theme.breakpoints.down('md')] :
+			{
+				width : '40vw'
+			},
+			[theme.breakpoints.down('sm')] :
+			{
+				width : '60vw'
+			},
+			[theme.breakpoints.down('xs')] :
+			{
+				width : '80vw'
+			}
+		},
+		logo :
+		{
+			display : 'block'
+		}
+	});
+
+const Lobby = ({
+	roomClient,
+	displayName,
+	changeDisplayName,
+	classes
+}) =>
+{
+	return (
+		<div className={classes.root}>
+			<Paper className={classes.message}>
+				<Typography variant='h2'>This room is locked at the moment, try again later.</Typography>
+			</Paper>
+		</div>
+	);
+};
+
+Lobby.propTypes =
+{
+	roomClient        : PropTypes.any.isRequired,
+	displayName       : PropTypes.string.isRequired,
+	changeDisplayName : PropTypes.func.isRequired,
+	classes           : PropTypes.object.isRequired
+};
+
+const mapStateToProps = (state) =>
+{
+	return {
+		displayName : state.settings.displayName
+	};
+};
+
+const mapDispatchToProps = (dispatch) =>
+{
+	return {
+		changeDisplayName : (displayName) =>
+		{
+			dispatch(stateActions.setDisplayName(displayName));
+		}
+	};
+};
+
+export default withRoomContext(connect(
+	mapStateToProps,
+	mapDispatchToProps,
+	null,
+	{
+		areStatesEqual : (next, prev) =>
+		{
+			return (
+				prev.settings.displayName === next.settings.displayName
+			);
+		}
+	}
+)(withStyles(styles)(Lobby)));
\ No newline at end of file
diff --git a/app/src/components/Room.js b/app/src/components/Room.js
index 3ebebeb..5385b21 100644
--- a/app/src/components/Room.js
+++ b/app/src/components/Room.js
@@ -13,7 +13,6 @@ import AppBar from '@material-ui/core/AppBar';
 import Toolbar from '@material-ui/core/Toolbar';
 import SwipeableDrawer from '@material-ui/core/SwipeableDrawer';
 import Hidden from '@material-ui/core/Hidden';
-import Paper from '@material-ui/core/Paper';
 import Typography from '@material-ui/core/Typography';
 import IconButton from '@material-ui/core/IconButton';
 import MenuIcon from '@material-ui/icons/Menu';
@@ -34,7 +33,6 @@ import LockIcon from '@material-ui/icons/Lock';
 import LockOpenIcon from '@material-ui/icons/LockOpen';
 import Button from '@material-ui/core/Button';
 import Settings from './Settings/Settings';
-import JoinDialog from './JoinDialog';
 
 const TIMEOUT = 10 * 1000;
 
@@ -277,172 +275,139 @@ class Room extends React.PureComponent
 			democratic : Democratic
 		}[room.mode];
 
-		if (room.lockedOut)
-		{
-			return (
-				<div className={classes.root}>
-					<Paper className={classes.message}>
-						<Typography variant='h2'>This room is locked at the moment, try again later.</Typography>
-					</Paper>
-				</div>
-			);
-		}
-		else if (!room.joined)
-		{
-			return (
-				<div className={classes.root}>
-					<JoinDialog />
-				</div>
-			);
-		}
-		else
-		{
-			return (
-				<div className={classes.root}>
-					<CookieConsent>
-						This website uses cookies to enhance the user experience.
-					</CookieConsent>
+		return (
+			<div className={classes.root}>
+				<CookieConsent>
+					This website uses cookies to enhance the user experience.
+				</CookieConsent>
 
-					<FullScreenView advancedMode={advancedMode} />
+				<FullScreenView advancedMode={advancedMode} />
 
-					<VideoWindow advancedMode={advancedMode} />
+				<VideoWindow advancedMode={advancedMode} />
 
-					<AudioPeers />
+				<AudioPeers />
 
-					<Notifications />
+				<Notifications />
 
-					<CssBaseline />
+				<CssBaseline />
 
-					<AppBar
-						position='fixed'
-						className={room.toolbarsVisible ? classes.show : classes.hide}
-					>
-						<Toolbar>
-							<PulsingBadge
-								color='secondary'
-								badgeContent={unread}
-							>
-								<IconButton
-									color='inherit'
-									aria-label='Open drawer'
-									onClick={() => toggleToolArea()}
-									className={classes.menuButton}
-								>
-									<MenuIcon />
-								</IconButton>
-							</PulsingBadge>
-							{ window.config.logo ?
-								<img alt='Logo' className={classes.logo} src={window.config.logo} />
-								:null
-							}
-							<Typography
-								className={classes.title}
-								variant='h6'
+				<AppBar
+					position='fixed'
+					className={room.toolbarsVisible ? classes.show : classes.hide}
+				>
+					<Toolbar>
+						<PulsingBadge
+							color='secondary'
+							badgeContent={unread}
+						>
+							<IconButton
 								color='inherit'
-								noWrap
+								aria-label='Open drawer'
+								onClick={() => toggleToolArea()}
+								className={classes.menuButton}
 							>
-								{ window.config.title }
-							</Typography>
-							<div className={classes.grow} />
-							<div className={classes.actionButtons}>
-								<IconButton
-									aria-label='Lock room'
-									className={classes.actionButton}
-									color='inherit'
-									onClick={() =>
-									{
-										if (room.locked)
-										{
-											roomClient.unlockRoom();
-										}
-										else
-										{
-											roomClient.lockRoom();
-										}
-									}}
-								>
-									{ room.locked ?
-										<LockIcon />
-										:
-										<LockOpenIcon />
-									}
-								</IconButton>
-								{ this.fullscreen.fullscreenEnabled ?
-									<IconButton
-										aria-label='Fullscreen'
-										className={classes.actionButton}
-										color='inherit'
-										onClick={this.handleToggleFullscreen}
-									>
-										{ this.state.fullscreen ?
-											<FullScreenExitIcon />
-											:
-											<FullScreenIcon />
-										}
-									</IconButton>
-									:null
-								}
-								<IconButton
-									aria-label='Settings'
-									className={classes.actionButton}
-									color='inherit'
-									onClick={() => setSettingsOpen(!room.settingsOpen)}
-								>
-									<SettingsIcon />
-								</IconButton>
-								{ loginEnabled ?
-									<IconButton
-										aria-label='Account'
-										className={classes.actionButton}
-										color='inherit'
-										onClick={() => 
-										{
-											loggedIn ? roomClient.logout() : roomClient.login();
-										}}
-									>
-										{ myPicture ?
-											<Avatar src={myPicture} />
-											:
-											<AccountCircle />
-										}
-									</IconButton>
-									:null
-								}
-								<Button
-									aria-label='Leave meeting'
-									className={classes.actionButton}
-									variant='contained'
-									color='secondary'
-									onClick={() => roomClient.close()}
-								>
-									Leave
-								</Button>
-							</div>
-						</Toolbar>
-					</AppBar>
-					<nav>
-						<Hidden implementation='css'>
-							<SwipeableDrawer
-								variant='temporary'
-								anchor={theme.direction === 'rtl' ? 'right' : 'left'}
-								open={toolAreaOpen}
-								onClose={() => toggleToolArea()}
-								onOpen={() => toggleToolArea()}
-								classes={{
-									paper : classes.drawerPaper
+								<MenuIcon />
+							</IconButton>
+						</PulsingBadge>
+						{ window.config.logo && <img alt='Logo' className={classes.logo} src={window.config.logo} /> }
+						<Typography
+							className={classes.title}
+							variant='h6'
+							color='inherit'
+							noWrap
+						>
+							{ window.config.title }
+						</Typography>
+						<div className={classes.grow} />
+						<div className={classes.actionButtons}>
+							<IconButton
+								aria-label='Lock room'
+								className={classes.actionButton}
+								color='inherit'
+								onClick={() =>
+								{
+									room.locked ? roomClient.unlockRoom() : roomClient.lockRoom();
 								}}
 							>
-								<MeetingDrawer closeDrawer={toggleToolArea} />
-							</SwipeableDrawer>
-						</Hidden>
-					</nav>
+								{ room.locked ?
+									<LockIcon />
+									:
+									<LockOpenIcon />
+								}
+							</IconButton>
+							{ this.fullscreen.fullscreenEnabled &&
+								<IconButton
+									aria-label='Fullscreen'
+									className={classes.actionButton}
+									color='inherit'
+									onClick={this.handleToggleFullscreen}
+								>
+									{ this.state.fullscreen ?
+										<FullScreenExitIcon />
+										:
+										<FullScreenIcon />
+									}
+								</IconButton>
+							}
+							<IconButton
+								aria-label='Settings'
+								className={classes.actionButton}
+								color='inherit'
+								onClick={() => setSettingsOpen(!room.settingsOpen)}
+							>
+								<SettingsIcon />
+							</IconButton>
+							{ loginEnabled &&
+								<IconButton
+									aria-label='Account'
+									className={classes.actionButton}
+									color='inherit'
+									onClick={() => 
+									{
+										loggedIn ? roomClient.logout() : roomClient.login();
+									}}
+								>
+									{ myPicture ?
+										<Avatar src={myPicture} />
+										:
+										<AccountCircle />
+									}
+								</IconButton>
+							}
+							<Button
+								aria-label='Leave meeting'
+								className={classes.actionButton}
+								variant='contained'
+								color='secondary'
+								onClick={() => roomClient.close()}
+							>
+								Leave
+							</Button>
+						</div>
+					</Toolbar>
+				</AppBar>
+				<nav>
+					<Hidden implementation='css'>
+						<SwipeableDrawer
+							variant='temporary'
+							anchor={theme.direction === 'rtl' ? 'right' : 'left'}
+							open={toolAreaOpen}
+							onClose={() => toggleToolArea()}
+							onOpen={() => toggleToolArea()}
+							classes={{
+								paper : classes.drawerPaper
+							}}
+						>
+							<MeetingDrawer closeDrawer={toggleToolArea} />
+						</SwipeableDrawer>
+					</Hidden>
+				</nav>
 
-					<View advancedMode={advancedMode} />
+				<View advancedMode={advancedMode} />
 
-					<Settings />
-				</div>
-			);
-		}
+				<Settings />
+			</div>
+		);
 	}
 }
 
diff --git a/app/src/index.js b/app/src/index.js
index 8e30c9d..0efc135 100644
--- a/app/src/index.js
+++ b/app/src/index.js
@@ -9,7 +9,7 @@ import RoomClient from './RoomClient';
 import RoomContext from './RoomContext';
 import deviceInfo from './deviceInfo';
 import * as stateActions from './actions/stateActions';
-import Room from './components/Room';
+import App from './components/App';
 import LoadingView from './components/LoadingView';
 import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
 import { PersistGate } from 'redux-persist/lib/integration/react';
@@ -94,7 +94,7 @@ function run()
 				<PersistGate loading={<LoadingView />} persistor={persistor}>
 					<RoomContext.Provider value={roomClient}>
 						<SnackbarProvider>
-							<Room />
+							<App />
 						</SnackbarProvider>
 					</RoomContext.Provider>
 				</PersistGate>
diff --git a/server/server.js b/server/server.js
index 2af5bdd..4e42518 100755
--- a/server/server.js
+++ b/server/server.js
@@ -19,12 +19,7 @@ const base64 = require('base-64');
 // auth
 const passport = require('passport');
 const { Issuer, Strategy } = require('openid-client');
-const session = require('express-session')({
-	secret            : config.cookieSecret,
-	resave            : true,
-	saveUninitialized : true,
-	cookie            : { secure: true }
-});
+const expressSession = require('express-session');
 const sharedSession = require('express-socket.io-session');
 
 /* eslint-disable no-console */
@@ -57,6 +52,13 @@ const tls =
 
 const app = express();
 
+const session = expressSession({
+	secret            : config.cookieSecret,
+	resave            : true,
+	saveUninitialized : true,
+	cookie            : { secure: true }
+})
+
 app.use(session);
 
 let httpsServer;

From e5ddaa458aebc128ee26d3809bd20b715176c168 Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan@x1yoga.uninett.no>
Date: Wed, 23 Oct 2019 11:47:41 +0200
Subject: [PATCH 12/74] lock Dialog

---
 app/src/RoomClient.js                         | 109 +++++++++-
 app/src/actions/stateActions.js               |  30 +++
 .../LockDialog}/ListLobbyPeer.js              |  42 ++--
 .../AccessControl/LockDialog/LockDialog.js    | 191 ++++++++++++++++++
 .../ParticipantList/ParticipantList.js        |  26 +--
 app/src/components/Room.js                    |  38 ++--
 app/src/index.js                              |   3 +-
 app/src/reducers/room.js                      |  24 +++
 server/lib/Room.js                            |  48 ++++-
 9 files changed, 445 insertions(+), 66 deletions(-)
 rename app/src/components/{MeetingDrawer/ParticipantList => AccessControl/LockDialog}/ListLobbyPeer.js (76%)
 create mode 100644 app/src/components/AccessControl/LockDialog/LockDialog.js

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 243ce57..7c586ef 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -77,7 +77,7 @@ export default class RoomClient
 	}
 
 	constructor(
-		{ roomId, peerId, device, useSimulcast, produce, consume, forceTcp })
+		{ roomId, peerId, accessCode, device, useSimulcast, produce, consume, forceTcp })
 	{
 		logger.debug(
 			'constructor() [roomId: "%s", peerId: "%s", device: "%s", useSimulcast: "%s", produce: "%s", consume: "%s", forceTcp: "%s"]',
@@ -112,6 +112,9 @@ export default class RoomClient
 		// My peer name.
 		this._peerId = peerId;
 
+		// Access code
+		this._accessCode = accessCode;
+
 		// Alert sound
 		this._soundAlert = new Audio('/sounds/notify.mp3');
 
@@ -609,7 +612,8 @@ export default class RoomClient
 				fileHistory,
 				lastN,
 				locked,
-				lobbyPeers
+				lobbyPeers,
+				accessCode
 			} = await this.sendRequest('serverHistory');
 
 			if (chatHistory.length > 0)
@@ -654,6 +658,13 @@ export default class RoomClient
 						stateActions.setLobbyPeerDisplayName(peer.displayName));
 				});
 			}
+
+			if (accessCode != null)
+			{
+				logger.debug('Got accessCode');
+
+				store.dispatch(stateActions.setAccessCode(accessCode))
+			}
 		}
 		catch (error)
 		{
@@ -1385,6 +1396,46 @@ export default class RoomClient
 					break;
 				}
 
+				case 'setAccessCode':
+				{
+					const { accessCode } = notification.data;
+
+					store.dispatch(
+						stateActions.setAccessCode(accessCode));
+					
+					store.dispatch(requestActions.notify(
+						{
+							text : 'Access code for room updated'
+						}));
+
+					break;
+				}
+
+				case 'setJoinByAccessCode':
+				{
+					const { joinByAccessCode } = notification.data;
+					
+					store.dispatch(
+						stateActions.setJoinByAccessCode(joinByAccessCode));
+					
+					if (joinByAccessCode) 
+					{
+						store.dispatch(requestActions.notify(
+							{
+								text : 'Access code for room is now activated'
+							}));
+					}
+					else 
+					{
+						store.dispatch(requestActions.notify(
+							{
+								text : 'Access code for room is now deactivated'
+							}));
+					}
+
+					break;
+				}
+
 				case 'activeSpeaker':
 				{
 					const { peerId } = notification.data;
@@ -1843,6 +1894,60 @@ export default class RoomClient
 		}
 	}
 
+	async setAccessCode(code)
+	{
+		logger.debug('setAccessCode()');
+
+		try
+		{
+			await this.sendRequest('setAccessCode', { accessCode: code });
+
+			store.dispatch(
+				stateActions.setAccessCode(code));
+
+			store.dispatch(requestActions.notify(
+				{
+					text : 'Access code saved.'
+				}));
+		}
+		catch (error)
+		{
+			logger.error('setAccessCode() | failed: %o', error);
+			store.dispatch(requestActions.notify(
+				{
+					type : 'error',
+					text : 'Unable to set access code.'
+				}));
+		}
+	}
+
+	async setJoinByAccessCode(value)
+	{
+		logger.debug('setJoinByAccessCode()');
+
+		try
+		{
+			await this.sendRequest('setJoinByAccessCode', { joinByAccessCode: value });
+
+			store.dispatch(
+				stateActions.setJoinByAccessCode(value));
+
+			store.dispatch(requestActions.notify(
+				{
+					text : `You switched Join by access-code to ${value}`
+				}));
+		}
+		catch (error)
+		{
+			logger.error('setAccessCode() | failed: %o', error);
+			store.dispatch(requestActions.notify(
+				{
+					type : 'error',
+					text : 'Unable to set join by access code.'
+				}));
+		}
+	}
+
 	async enableMic()
 	{
 		if (this._micProducer)
diff --git a/app/src/actions/stateActions.js b/app/src/actions/stateActions.js
index 24f6870..1e72125 100644
--- a/app/src/actions/stateActions.js
+++ b/app/src/actions/stateActions.js
@@ -43,12 +43,35 @@ export const setRoomLockedOut = () =>
 	};
 };
 
+export const setAccessCode = (accessCode) =>
+{
+	return {
+		type    : 'SET_ACCESS_CODE',
+		payload : { accessCode }
+	};
+};
+
+export const setJoinByAccessCode = (joinByAccessCode) =>
+{
+	return {
+		type    : 'SET_JOIN_BY_ACCESS_CODE',
+		payload : { joinByAccessCode }
+	};
+};
+
+
 export const setSettingsOpen = ({ settingsOpen }) =>
 	({
 		type    : 'SET_SETTINGS_OPEN',
 		payload : { settingsOpen }
 	});
 
+export const setLockDialogOpen = ({ lockDialogOpen }) =>
+	({
+		type    : 'SET_LOCK_DIALOG_OPEN',
+		payload : { lockDialogOpen }
+	});
+		
 export const setMe = ({ peerId, device, loginEnabled }) =>
 {
 	return {
@@ -178,6 +201,13 @@ export const toggleSettings = () =>
 	};
 };
 
+export const toggleLockDialog = () =>
+{
+	return {
+		type : 'TOGGLE_LOCK_DIALOG'
+	};
+};
+
 export const toggleToolArea = () =>
 {
 	return {
diff --git a/app/src/components/MeetingDrawer/ParticipantList/ListLobbyPeer.js b/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js
similarity index 76%
rename from app/src/components/MeetingDrawer/ParticipantList/ListLobbyPeer.js
rename to app/src/components/AccessControl/LockDialog/ListLobbyPeer.js
index 85b0136..665561d 100644
--- a/app/src/components/MeetingDrawer/ParticipantList/ListLobbyPeer.js
+++ b/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js
@@ -4,6 +4,11 @@ import { withStyles } from '@material-ui/core/styles';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { withRoomContext } from '../../../RoomContext';
+import ListItem from '@material-ui/core/ListItem';
+import ListItemText from '@material-ui/core/ListItemText';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import ListItemAvatar from '@material-ui/core/ListItemAvatar';
+import Avatar from '@material-ui/core/Avatar';
 import EmptyAvatar from '../../../images/avatar-empty.jpeg';
 import PromoteIcon from '@material-ui/icons/OpenInBrowser';
 
@@ -78,27 +83,30 @@ const ListLobbyPeer = (props) =>
 	const picture = peer.picture || EmptyAvatar;
 
 	return (
-		<div className={classes.root}>
-			<img alt='Peer avatar' className={classes.avatar} src={picture} />
-
-			<div className={classes.peerInfo}>
-				{peer.displayName}
-			</div>
-			<div className={classes.controls}>
-				<div
-					className={classnames(classes.button, 'promote', {
-						disabled : peer.promotionInProgress
-					})}
-					onClick={(e) =>
+		<ListItem 
+			key={peer.peerId}
+			button
+			alignItems="flex-start"
+		>
+			<ListItemAvatar>
+				<Avatar alt='Peer avatar' src={picture} />
+			</ListItemAvatar>			
+			<ListItemText
+				primary={peer.displayName}
+			/>
+			<ListItemIcon
+				className={classnames(classes.button, 'promote', {
+					disabled : peer.promotionInProgress
+				})}
+				onClick={(e) =>
 					{
 						e.stopPropagation();
 						roomClient.promoteLobbyPeer(peer.id);
 					}}
-				>
-					<PromoteIcon />
-				</div>
-			</div>
-		</div>
+			>
+				<PromoteIcon />
+			</ListItemIcon>
+		</ListItem>
 	);
 };
 
diff --git a/app/src/components/AccessControl/LockDialog/LockDialog.js b/app/src/components/AccessControl/LockDialog/LockDialog.js
new file mode 100644
index 0000000..021cf20
--- /dev/null
+++ b/app/src/components/AccessControl/LockDialog/LockDialog.js
@@ -0,0 +1,191 @@
+import React from 'react';
+import { connect } from 'react-redux';
+import {
+	lobbyPeersKeySelector
+} from '../../Selectors';
+import * as appPropTypes from '../../appPropTypes';
+import { withStyles } from '@material-ui/core/styles';
+import { withRoomContext } from '../../../RoomContext';
+import * as stateActions from '../../../actions/stateActions';
+import PropTypes from 'prop-types';
+import Dialog from '@material-ui/core/Dialog';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import DialogActions from '@material-ui/core/DialogActions';
+import Button from '@material-ui/core/Button';
+import FormLabel from '@material-ui/core/FormLabel';
+import FormControl from '@material-ui/core/FormControl';
+import FormGroup from '@material-ui/core/FormGroup';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import Checkbox from '@material-ui/core/Checkbox';
+import InputLabel from '@material-ui/core/InputLabel';
+import OutlinedInput from '@material-ui/core/OutlinedInput';
+import Switch from '@material-ui/core/Switch';
+import List from '@material-ui/core/List';
+import ListSubheader from '@material-ui/core/ListSubheader';
+import ListLobbyPeer from './ListLobbyPeer';
+
+
+const styles = (theme) =>
+	({
+		root :
+		{
+		},
+		dialogPaper :
+		{
+			width                          : '30vw',
+			[theme.breakpoints.down('lg')] :
+			{
+				width : '40vw'
+			},
+			[theme.breakpoints.down('md')] :
+			{
+				width : '50vw'
+			},
+			[theme.breakpoints.down('sm')] :
+			{
+				width : '70vw'
+			},
+			[theme.breakpoints.down('xs')] :
+			{
+				width : '90vw'
+			}
+		},
+		lock :
+		{
+			padding : theme.spacing.unit * 2
+		}
+	});
+
+const LockDialog = ({
+	roomClient,
+	room,
+	handleCloseLockDialog,
+	handleAccessCode,
+	lobbyPeers,
+	classes
+}) =>
+{
+	return (
+		<Dialog
+			className={classes.root}
+			open={room.lockDialogOpen}
+			onClose={() => handleCloseLockDialog({ lockDialogOpen: false })}
+			classes={{
+				paper : classes.dialogPaper
+			}}
+		>
+			<DialogTitle id='form-dialog-title'>Room access control</DialogTitle>
+			<form className={classes.lock} autoComplete='off'>
+				<FormControl component='fieldset' className={classes.formControl}>
+					<FormLabel component='legend'>Room lock</FormLabel>
+					<FormGroup>
+						<FormControlLabel
+							control={
+								<Switch checked={room.locked} onChange={() => 
+								{
+									if (room.locked)
+									{
+										roomClient.unlockRoom();
+									}
+									else
+									{
+										roomClient.lockRoom();
+									}
+								}}
+								/>}
+							label='Lock'
+						/>
+						{/* TODO: access code
+						<FormControlLabel disabled={ room.locked ? false : true } 
+							control={
+								<Checkbox checked={room.joinByAccessCode} 
+									onChange={
+										(event) => roomClient.setJoinByAccessCode(event.target.checked)
+									}
+								/>}
+							label='Join by Access code'
+						/>
+						<InputLabel htmlFor='access-code-input' />
+						<OutlinedInput 
+							disabled={ room.locked ? false : true }
+							id='acces-code-input'
+							label='Access code'
+							labelWidth={0}
+							variant='outlined'
+							value={room.accessCode}
+							onChange={(event) => handleAccessCode(event.target.value)}
+						>
+						</OutlinedInput>
+						<Button onClick={() => roomClient.setAccessCode(room.accessCode)} color='primary'>
+								save
+						</Button>
+						*/}
+					</FormGroup>
+				</FormControl>
+
+				{ lobbyPeers.length > 0 ?
+					<List subheader={
+						<ListSubheader component="div">
+						  Participants in Lobby
+						</ListSubheader>
+					}>
+					{ 
+						lobbyPeers.map((peerId) => { return (<ListLobbyPeer id={peerId} />); })
+					}
+					</List>
+					: null
+				} 
+			</form>
+			<DialogActions>
+				
+				<Button onClick={() => handleCloseLockDialog({ lockDialogOpen: false })} color='primary'>
+					Close
+				</Button>
+			</DialogActions>
+		</Dialog>
+	);
+};
+
+LockDialog.propTypes =
+{
+	roomClient            : PropTypes.any.isRequired,
+	room                  : appPropTypes.Room.isRequired,
+	handleCloseLockDialog : PropTypes.func.isRequired,
+	handleAccessCode      : PropTypes.func.isRequired,
+	lobbyPeers            : PropTypes.array,
+	classes               : PropTypes.object.isRequired
+};
+
+const mapStateToProps = (state) =>
+{
+	return {
+		room       : state.room,
+		lobbyPeers : lobbyPeersKeySelector(state)
+
+	};
+};
+
+const mapDispatchToProps = {
+	handleCloseLockDialog : stateActions.setLockDialogOpen,
+	handleAccessCode      : stateActions.setAccessCode
+};
+
+export default withRoomContext(connect(
+	mapStateToProps,
+	mapDispatchToProps,
+	null,
+	{
+		areStatesEqual : (next, prev) =>
+		{
+			return (
+				prev.room.locked === next.room.locked &&
+				prev.room.joinByAccessCode === next.room.joinByAccessCode &&
+				prev.room.accessCode === next.room.accessCode &&
+				prev.room.code === next.room.code &&
+				prev.room.lockDialogOpen === next.room.lockDialogOpen &&
+				prev.room.codeHidden === next.room.codeHidden &&
+				prev.lobbyPeers === next.lobbyPeers
+			);
+		}
+	}
+)(withStyles(styles)(LockDialog)));
\ No newline at end of file
diff --git a/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js b/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
index 85a71cb..484c7ba 100644
--- a/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
+++ b/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
@@ -2,15 +2,13 @@ import React from 'react';
 import { connect } from 'react-redux';
 import {
 	passivePeersSelector,
-	spotlightPeersSelector,
-	lobbyPeersKeySelector
+	spotlightPeersSelector
 } from '../../Selectors';
 import classNames from 'classnames';
 import { withStyles } from '@material-ui/core/styles';
 import { withRoomContext } from '../../../RoomContext';
 import PropTypes from 'prop-types';
 import ListPeer from './ListPeer';
-import ListLobbyPeer from './ListLobbyPeer';
 import ListMe from './ListMe';
 import Volume from '../../Containers/Volume';
 
@@ -80,7 +78,6 @@ class ParticipantList extends React.PureComponent
 			passivePeers,
 			selectedPeerId,
 			spotlightPeers,
-			lobbyPeers,
 			classes
 		} = this.props;
 
@@ -90,20 +87,6 @@ class ParticipantList extends React.PureComponent
 					<li className={classes.listheader}>Me:</li>
 					<ListMe />
 				</ul>
-				{ lobbyPeers.length > 0 ?
-					<ul className={classes.list}>
-						<li className={classes.listheader}>Participants in Lobby:</li>
-						{ lobbyPeers.map((peerId) => (
-							<li
-								key={peerId}
-								className={classes.listItem}
-							>
-								<ListLobbyPeer id={peerId} advancedMode={advancedMode} />
-							</li>
-						))}
-					</ul>
-					:null
-				}
 				<ul className={classes.list}>
 					<li className={classes.listheader}>Participants in Spotlight:</li>
 					{ spotlightPeers.map((peer) => (
@@ -146,7 +129,6 @@ ParticipantList.propTypes =
 	passivePeers   : PropTypes.array,
 	selectedPeerId : PropTypes.string,
 	spotlightPeers : PropTypes.array,
-	lobbyPeers     : PropTypes.array,
 	classes        : PropTypes.object.isRequired
 };
 
@@ -155,8 +137,7 @@ const mapStateToProps = (state) =>
 	return {
 		passivePeers   : passivePeersSelector(state),
 		selectedPeerId : state.room.selectedPeerId,
-		spotlightPeers : spotlightPeersSelector(state),
-		lobbyPeers     : lobbyPeersKeySelector(state)
+		spotlightPeers : spotlightPeersSelector(state)
 	};
 };
 
@@ -170,8 +151,7 @@ const ParticipantListContainer = withRoomContext(connect(
 			return (
 				prev.peers === next.peers &&
 				prev.room.spotlights === next.room.spotlights &&
-				prev.room.selectedPeerId === next.room.selectedPeerId &&
-				prev.lobbyPeers === next.lobbyPeers
+				prev.room.selectedPeerId === next.room.selectedPeerId
 			);
 		}
 	}
diff --git a/app/src/components/Room.js b/app/src/components/Room.js
index 3ebebeb..c002a94 100644
--- a/app/src/components/Room.js
+++ b/app/src/components/Room.js
@@ -35,6 +35,7 @@ import LockOpenIcon from '@material-ui/icons/LockOpen';
 import Button from '@material-ui/core/Button';
 import Settings from './Settings/Settings';
 import JoinDialog from './JoinDialog';
+import LockDialog from './AccessControl/LockDialog/LockDialog';
 
 const TIMEOUT = 10 * 1000;
 
@@ -264,6 +265,7 @@ class Room extends React.PureComponent
 			loggedIn,
 			loginEnabled,
 			setSettingsOpen,
+			setLockDialogOpen,
 			toolAreaOpen,
 			toggleToolArea,
 			unread,
@@ -345,28 +347,6 @@ class Room extends React.PureComponent
 							</Typography>
 							<div className={classes.grow} />
 							<div className={classes.actionButtons}>
-								<IconButton
-									aria-label='Lock room'
-									className={classes.actionButton}
-									color='inherit'
-									onClick={() =>
-									{
-										if (room.locked)
-										{
-											roomClient.unlockRoom();
-										}
-										else
-										{
-											roomClient.lockRoom();
-										}
-									}}
-								>
-									{ room.locked ?
-										<LockIcon />
-										:
-										<LockOpenIcon />
-									}
-								</IconButton>
 								{ this.fullscreen.fullscreenEnabled ?
 									<IconButton
 										aria-label='Fullscreen'
@@ -390,6 +370,13 @@ class Room extends React.PureComponent
 								>
 									<SettingsIcon />
 								</IconButton>
+								<IconButton
+									aria-label='Lock'
+									color='inherit'
+									onClick={() => setLockDialogOpen(!room.lockDialogOpen)}
+								>
+									{ room.locked ? <LockIcon /> : <LockOpenIcon /> }
+								</IconButton>
 								{ loginEnabled ?
 									<IconButton
 										aria-label='Account'
@@ -439,6 +426,8 @@ class Room extends React.PureComponent
 
 					<View advancedMode={advancedMode} />
 
+					<LockDialog />
+
 					<Settings />
 				</div>
 			);
@@ -457,6 +446,7 @@ Room.propTypes =
 	toolAreaOpen       : PropTypes.bool.isRequired,
 	setToolbarsVisible : PropTypes.func.isRequired,
 	setSettingsOpen    : PropTypes.func.isRequired,
+	setLockDialogOpen  : PropTypes.func.isRequired,
 	toggleToolArea     : PropTypes.func.isRequired,
 	unread             : PropTypes.number.isRequired,
 	classes            : PropTypes.object.isRequired,
@@ -485,6 +475,10 @@ const mapDispatchToProps = (dispatch) =>
 		{
 			dispatch(stateActions.setSettingsOpen({ settingsOpen }));
 		},
+		setLockDialogOpen : (lockDialogOpen) =>
+		{
+			dispatch(stateActions.setLockDialogOpen({ lockDialogOpen }));
+		},
 		toggleToolArea : () =>
 		{
 			dispatch(stateActions.toggleToolArea());
diff --git a/app/src/index.js b/app/src/index.js
index 8e30c9d..c85fa18 100644
--- a/app/src/index.js
+++ b/app/src/index.js
@@ -62,6 +62,7 @@ function run()
 		window.history.pushState('', '', urlParser.toString());
 	}
 
+	const accessCode = parameters.get('code');
 	const produce = parameters.get('produce') !== 'false';
 	const consume = parameters.get('consume') !== 'false';
 	const useSimulcast = parameters.get('simulcast') === 'true';
@@ -84,7 +85,7 @@ function run()
 	);
 
 	roomClient = new RoomClient(
-		{ roomId, peerId, device, useSimulcast, produce, consume, forceTcp });
+		{ roomId, peerId, accessCode, device, useSimulcast, produce, consume, forceTcp });
 
 	global.CLIENT = roomClient;
 
diff --git a/app/src/reducers/room.js b/app/src/reducers/room.js
index e1444c3..20a6026 100644
--- a/app/src/reducers/room.js
+++ b/app/src/reducers/room.js
@@ -4,6 +4,8 @@ const initialState =
 	state              : 'new', // new/connecting/connected/disconnected/closed,
 	locked             : false,
 	lockedOut          : false,
+	accessCode         : '', // access code to the room if locked and joinByAccessCode == true
+	joinByAccessCode   : true, // if true: accessCode is a possibility to open the room
 	activeSpeakerId    : null,
 	torrentSupport     : false,
 	showSettings       : false,
@@ -14,6 +16,7 @@ const initialState =
 	selectedPeerId     : null,
 	spotlights         : [],
 	settingsOpen       : false,
+	lockDialogOpen     : false,
 	joined             : false
 };
 
@@ -53,6 +56,27 @@ const room = (state = initialState, action) =>
 			return { ...state, lockedOut: true };
 		}
 
+		case 'SET_ACCESS_CODE':
+		{
+			const { accessCode } = action.payload;
+
+			return { ...state, accessCode };
+		}
+
+		case 'SET_JOIN_BY_ACCESS_CODE':
+		{
+			const { joinByAccessCode } = action.payload;
+
+			return { ...state, joinByAccessCode };
+		}
+
+		case 'SET_LOCK_DIALOG_OPEN':
+		{
+			const { lockDialogOpen } = action.payload;
+
+			return { ...state, lockDialogOpen };
+		}
+	
 		case 'SET_SETTINGS_OPEN':
 		{
 			const { settingsOpen } = action.payload;
diff --git a/server/lib/Room.js b/server/lib/Room.js
index ef9d941..f382880 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -55,6 +55,12 @@ class Room extends EventEmitter
 		// Locked flag.
 		this._locked = false;
 
+		// if true: accessCode is a possibility to open the room
+		this._joinByAccesCode = true;
+
+		// access code to the room, applicable if ( _locked == true and _joinByAccessCode == true )
+		this._accessCode = '';
+
 		this._lobby = new Lobby();
 
 		this._lobby.on('promotePeer', (peer) =>
@@ -815,7 +821,8 @@ class Room extends EventEmitter
 						fileHistory : this._fileHistory,
 						lastN       : this._lastN,
 						locked      : this._locked,
-						lobbyPeers  : lobbyPeers
+						lobbyPeers  : lobbyPeers,
+						accessCode  : this._accessCode
 					}
 				);
 
@@ -852,6 +859,45 @@ class Room extends EventEmitter
 				break;
 			}
 
+			case 'setAccessCode':
+			{
+				const { accessCode } = request.data;
+	
+				this._accessCode = accessCode;
+
+				// Spread to others
+				// if (request.public) {
+				this._notification(peer.socket, 'setAccessCode', {
+					peerId     : peer.id,
+					accessCode : accessCode
+				}, true);
+				//}
+
+				// Return no error
+				cb();
+
+				break;
+			}
+
+			case 'setJoinByAccessCode':
+			{
+				const { joinByAccessCode } = request.data;
+	
+				this._joinByAccessCode = joinByAccessCode;
+
+				// Spread to others
+				this._notification(peer.socket, 'setJoinByAccessCode', {
+					peerId     : peer.id,
+					joinByAccessCode : joinByAccessCode
+				}, true);
+
+				// Return no error
+				cb();
+
+				break;
+			}
+	
+
 			case 'promotePeer':
 			{
 				const { peerId } = request.data;

From 79ecaf74086b3e0461f802a7135e57755c9dc0ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Wed, 23 Oct 2019 12:15:22 +0200
Subject: [PATCH 13/74] Small cleanups here and there.

---
 app/src/components/Containers/HiddenPeers.js  |  2 +-
 app/src/components/Containers/Me.js           | 23 +++++------
 app/src/components/Containers/Peer.js         | 38 ++++++++-----------
 app/src/components/Containers/SpeakerPeer.js  | 12 ++----
 app/src/components/JoinDialog.js              | 35 +++++++++--------
 .../MeetingDrawer/FileSharing/File.js         | 12 ++----
 .../MeetingDrawer/ParticipantList/ListMe.js   |  3 +-
 .../MeetingDrawer/ParticipantList/ListPeer.js |  6 +--
 app/src/components/MeetingViews/Democratic.js |  3 +-
 app/src/components/MeetingViews/Filmstrip.js  |  6 +--
 .../components/VideoContainers/VideoView.js   | 19 +++-------
 app/src/components/VideoWindow/NewWindow.js   |  6 +--
 12 files changed, 68 insertions(+), 97 deletions(-)

diff --git a/app/src/components/Containers/HiddenPeers.js b/app/src/components/Containers/HiddenPeers.js
index 7d155d0..4afb943 100644
--- a/app/src/components/Containers/HiddenPeers.js
+++ b/app/src/components/Containers/HiddenPeers.js
@@ -96,7 +96,7 @@ class HiddenPeers extends React.PureComponent
 				onClick={() => openUsersTab()}
 			>
 				<p>+{hiddenPeersCount} <br /> participant
-					{(hiddenPeersCount === 1) ? null : 's'}
+					{(hiddenPeersCount > 1) && 's'}
 				</p>
 			</div>
 		);
diff --git a/app/src/components/Containers/Me.js b/app/src/components/Containers/Me.js
index 8d3e465..2ff2adf 100644
--- a/app/src/components/Containers/Me.js
+++ b/app/src/components/Containers/Me.js
@@ -332,13 +332,11 @@ const Me = (props) =>
 										}
 									}}
 								>
-									{ screenState === 'on' || screenState === 'unsupported' ?
+									{ (screenState === 'on' || screenState === 'unsupported') &&
 										<ScreenOffIcon/>
-										:null
 									}
-									{ screenState === 'off' ?
+									{ screenState === 'off' &&
 										<ScreenIcon/>
-										:null
 									}
 								</Fab>
 							</div>
@@ -351,10 +349,10 @@ const Me = (props) =>
 						peer={me}
 						displayName={settings.displayName}
 						showPeerInfo
-						videoTrack={webcamProducer ? webcamProducer.track : null}
+						videoTrack={webcamProducer && webcamProducer.track}
 						videoVisible={videoVisible}
-						audioCodec={micProducer ? micProducer.codec : null}
-						videoCodec={webcamProducer ? webcamProducer.codec : null}
+						audioCodec={micProducer && micProducer.codec}
+						videoCodec={webcamProducer && webcamProducer.codec}
 						onChangeDisplayName={(displayName) =>
 						{
 							roomClient.changeDisplayName(displayName);
@@ -364,9 +362,9 @@ const Me = (props) =>
 					</VideoView>
 				</div>
 			</div>
-			{ screenProducer ?
+			{ screenProducer &&
 				<div
-					className={classnames(classes.root, 'screen', hover ? 'hover' : null)}
+					className={classnames(classes.root, 'screen', hover && 'hover')}
 					onMouseOver={() => setHover(true)}
 					onMouseOut={() => setHover(false)}
 					onTouchStart={() =>
@@ -390,7 +388,7 @@ const Me = (props) =>
 				>
 					<div className={classnames(classes.viewContainer)} style={style}>
 						<div
-							className={classnames(classes.controls, hover ? 'hover' : null)}
+							className={classnames(classes.controls, hover && 'hover')}
 							onMouseOver={() => setHover(true)}
 							onMouseOut={() => setHover(false)}
 							onTouchStart={() =>
@@ -420,13 +418,12 @@ const Me = (props) =>
 							isScreen
 							advancedMode={advancedMode}
 							videoContain
-							videoTrack={screenProducer ? screenProducer.track : null}
+							videoTrack={screenProducer && screenProducer.track}
 							videoVisible={screenVisible}
-							videoCodec={screenProducer ? screenProducer.codec : null}
+							videoCodec={screenProducer && screenProducer.codec}
 						/>
 					</div>
 				</div>
-				:null
 			}
 		</React.Fragment>
 	);
diff --git a/app/src/components/Containers/Peer.js b/app/src/components/Containers/Peer.js
index ee7fd2e..4abb38f 100644
--- a/app/src/components/Containers/Peer.js
+++ b/app/src/components/Containers/Peer.js
@@ -166,8 +166,8 @@ const Peer = (props) =>
 					classnames(
 						classes.root,
 						'webcam',
-						hover ? 'hover' : null,
-						activeSpeaker ? 'active-speaker' : null
+						hover && 'hover',
+						activeSpeaker && 'active-speaker'
 					)
 				}
 				onMouseOver={() => setHover(true)}
@@ -192,15 +192,14 @@ const Peer = (props) =>
 				style={rootStyle}
 			>
 				<div className={classnames(classes.viewContainer)}>
-					{ !videoVisible ?
+					{ !videoVisible &&
 						<div className={classes.videoInfo}>
 							<p>this video is paused</p>
 						</div>
-						:null
 					}
 
 					<div
-						className={classnames(classes.controls, hover ? 'hover' : null)}
+						className={classnames(classes.controls, hover && 'hover')}
 						onMouseOver={() => setHover(true)}
 						onMouseOut={() => setHover(false)}
 						onTouchStart={() =>
@@ -241,7 +240,7 @@ const Peer = (props) =>
 							}
 						</Fab>
 
-						{ !smallScreen ?
+						{ !smallScreen &&
 							<Fab
 								aria-label='New window'
 								className={classes.fab}
@@ -257,7 +256,6 @@ const Peer = (props) =>
 							>
 								<NewWindowIcon />
 							</Fab>
-							:null
 						}
 
 						<Fab
@@ -279,20 +277,20 @@ const Peer = (props) =>
 						peer={peer}
 						displayName={peer.displayName}
 						showPeerInfo
-						videoTrack={webcamConsumer ? webcamConsumer.track : null}
+						videoTrack={webcamConsumer && webcamConsumer.track}
 						videoVisible={videoVisible}
 						videoProfile={videoProfile}
-						audioCodec={micConsumer ? micConsumer.codec : null}
-						videoCodec={webcamConsumer ? webcamConsumer.codec : null}
+						audioCodec={micConsumer && micConsumer.codec}
+						videoCodec={webcamConsumer && webcamConsumer.codec}
 					>
 						<Volume id={peer.id} />
 					</VideoView>
 				</div>
 			</div>
 
-			{ screenConsumer ?
+			{ screenConsumer &&
 				<div
-					className={classnames(classes.root, 'screen', hover ? 'hover' : null)}
+					className={classnames(classes.root, 'screen', hover && 'hover')}
 					onMouseOver={() => setHover(true)}
 					onMouseOut={() => setHover(false)}
 					onTouchStart={() =>
@@ -314,17 +312,16 @@ const Peer = (props) =>
 					}}
 					style={rootStyle}
 				>
-					{ !screenVisible ?
+					{ !screenVisible &&
 						<div className={classes.videoInfo}>
 							<p>this video is paused</p>
 						</div>
-						:null
 					}
 
-					{ screenVisible ?
+					{ screenVisible &&
 						<div className={classnames(classes.viewContainer)}>
 							<div
-								className={classnames(classes.controls, hover ? 'hover' : null)}
+								className={classnames(classes.controls, hover && 'hover')}
 								onMouseOver={() => setHover(true)}
 								onMouseOut={() => setHover(false)}
 								onTouchStart={() =>
@@ -346,7 +343,7 @@ const Peer = (props) =>
 									}, 2000);
 								}}
 							>
-								{ !smallScreen ?
+								{ !smallScreen &&
 									<Fab
 										aria-label='New window'
 										className={classes.fab}
@@ -362,7 +359,6 @@ const Peer = (props) =>
 									>
 										<NewWindowIcon />
 									</Fab>
-									:null
 								}
 
 								<Fab
@@ -381,16 +377,14 @@ const Peer = (props) =>
 							<VideoView
 								advancedMode={advancedMode}
 								videoContain
-								videoTrack={screenConsumer ? screenConsumer.track : null}
+								videoTrack={screenConsumer && screenConsumer.track}
 								videoVisible={screenVisible}
 								videoProfile={screenProfile}
-								videoCodec={screenConsumer ? screenConsumer.codec : null}
+								videoCodec={screenConsumer && screenConsumer.codec}
 							/>
 						</div>
-						:null
 					}
 				</div>
-				:null
 			}
 		</React.Fragment>
 	);
diff --git a/app/src/components/Containers/SpeakerPeer.js b/app/src/components/Containers/SpeakerPeer.js
index 85aeb0b..c31baca 100644
--- a/app/src/components/Containers/SpeakerPeer.js
+++ b/app/src/components/Containers/SpeakerPeer.js
@@ -117,11 +117,10 @@ const SpeakerPeer = (props) =>
 				style={spacingStyle}
 			>
 				<div className={classnames(classes.viewContainer)} style={style}>
-					{ !videoVisible ?
+					{ !videoVisible &&
 						<div className={classes.videoInfo}>
 							<p>this video is paused</p>
 						</div>
-						:null
 					}
 
 					<VideoView
@@ -140,18 +139,17 @@ const SpeakerPeer = (props) =>
 				</div>
 			</div>
 
-			{ screenConsumer ?
+			{ screenConsumer &&
 				<div
 					className={classnames(classes.root, 'screen')}
 				>
-					{ !screenVisible ?
+					{ !screenVisible &&
 						<div className={classes.videoInfo} style={style}>
 							<p>this video is paused</p>
 						</div>
-						:null
 					}
 
-					{ screenVisible ?
+					{ screenVisible &&
 						<div className={classnames(classes.viewContainer)} style={style}>
 							<VideoView
 								advancedMode={advancedMode}
@@ -162,10 +160,8 @@ const SpeakerPeer = (props) =>
 								videoCodec={screenConsumer ? screenConsumer.codec : null}
 							/>
 						</div>
-						:null
 					}
 				</div>
-				:null
 			}
 		</React.Fragment>
 	);
diff --git a/app/src/components/JoinDialog.js b/app/src/components/JoinDialog.js
index ed7f290..1864dbc 100644
--- a/app/src/components/JoinDialog.js
+++ b/app/src/components/JoinDialog.js
@@ -66,11 +66,27 @@ const JoinDialog = ({
 					paper : classes.dialogPaper
 				}}
 			>
-				{ window.config.logo ?
+				{ window.config.logo &&
 					<img alt='Logo' className={classes.logo} src={window.config.logo} />
-					:null
 				}
-				<Typography variant='subtitle1'>You are about to join a meeting, how would you like to join?</Typography>
+				<Typography variant='subtitle1'>
+					You are about to join a meeting.
+					Set your name that others will see,
+					and chose how you want to join?
+				</Typography>
+				<TextField
+					id='displayname'
+					label='Name'
+					className={classes.textField}
+					value={displayName}
+					onChange={(event) =>
+					{
+						const { value } = event.target;
+
+						changeDisplayName(value);
+					}}
+					margin='normal'
+				/>
 				<DialogActions>
 					<Button
 						onClick={() =>
@@ -90,19 +106,6 @@ const JoinDialog = ({
 					>
 						Audio and Video
 					</Button>
-					<TextField
-						id='displayname'
-						label='Name'
-						className={classes.textField}
-						value={displayName}
-						onChange={(event) =>
-						{
-							const { value } = event.target;
-
-							changeDisplayName(value);
-						}}
-						margin='normal'
-					/>
 				</DialogActions>
 			</Dialog>
 		</div>
diff --git a/app/src/components/MeetingDrawer/FileSharing/File.js b/app/src/components/MeetingDrawer/FileSharing/File.js
index cd3a985..dd89cd2 100644
--- a/app/src/components/MeetingDrawer/FileSharing/File.js
+++ b/app/src/components/MeetingDrawer/FileSharing/File.js
@@ -67,7 +67,7 @@ class File extends React.PureComponent
 				<img alt='Avatar' className={classes.avatar} src={picture} />
 
 				<div className={classes.fileContent}>
-					{ file.files ?
+					{ file.files &&
 						<Fragment>
 							<Typography className={classes.text}>
 								File finished downloading
@@ -92,13 +92,12 @@ class File extends React.PureComponent
 								</div>
 							))}
 						</Fragment>
-						:null
 					}
 					<Typography className={classes.text}>
 						{ `${displayName} shared a file` }
 					</Typography>
 
-					{ !file.active && !file.files ?
+					{ (!file.active && !file.files) &&
 						<div className={classes.fileInfo}>
 							<Typography className={classes.text}>
 								{ magnet.decode(magnetUri).dn }
@@ -121,20 +120,17 @@ class File extends React.PureComponent
 								</Typography>
 							}
 						</div>
-						:null
 					}
 
-					{ file.timeout ?
+					{ file.timeout &&
 						<Typography className={classes.text}>
 							If this process takes a long time, there might not be anyone seeding
 							this torrent. Try asking someone to reupload the file that you want.
 						</Typography>
-						:null
 					}
 
-					{ file.active ?
+					{ file.active &&
 						<progress value={file.progress} />
-						:null
 					}
 				</div>
 			</div>
diff --git a/app/src/components/MeetingDrawer/ParticipantList/ListMe.js b/app/src/components/MeetingDrawer/ParticipantList/ListMe.js
index f506f9c..04dcfc6 100644
--- a/app/src/components/MeetingDrawer/ParticipantList/ListMe.js
+++ b/app/src/components/MeetingDrawer/ParticipantList/ListMe.js
@@ -91,9 +91,8 @@ const ListMe = (props) =>
 				</div>
 
 				<div className={classes.indicators}>
-					{ me.raisedHand ?
+					{ me.raisedHand &&
 						<div className={classnames(classes.icon, 'raise-hand')} />
-						:null
 					}
 				</div>
 			</div>
diff --git a/app/src/components/MeetingDrawer/ParticipantList/ListPeer.js b/app/src/components/MeetingDrawer/ParticipantList/ListPeer.js
index 82f6840..cd19e9e 100644
--- a/app/src/components/MeetingDrawer/ParticipantList/ListPeer.js
+++ b/app/src/components/MeetingDrawer/ParticipantList/ListPeer.js
@@ -159,7 +159,7 @@ const ListPeer = (props) =>
 				{peer.displayName}
 			</div>
 			<div className={classes.indicators}>
-				{ peer.raiseHandState ?
+				{ peer.raiseHandState &&
 					<div className={
 						classnames(
 							classes.icon, 'raise-hand', {
@@ -169,12 +169,11 @@ const ListPeer = (props) =>
 						)
 					}
 					/>
-					:null
 				}
 			</div>
 			{children}
 			<div className={classes.controls}>
-				{ screenConsumer ?
+				{ screenConsumer &&
 					<div
 						className={classnames(classes.button, 'screen', {
 							on       : screenVisible,
@@ -195,7 +194,6 @@ const ListPeer = (props) =>
 							<ScreenOffIcon />
 						}
 					</div>
-					:null
 				}
 				<div
 					className={classnames(classes.button, 'mic', {
diff --git a/app/src/components/MeetingViews/Democratic.js b/app/src/components/MeetingViews/Democratic.js
index e618719..506ddf8 100644
--- a/app/src/components/MeetingViews/Democratic.js
+++ b/app/src/components/MeetingViews/Democratic.js
@@ -153,11 +153,10 @@ class Democratic extends React.PureComponent
 						/>
 					);
 				})}
-				{ spotlightsLength < peersLength ?
+				{ spotlightsLength < peersLength &&
 					<HiddenPeers
 						hiddenPeersCount={peersLength - spotlightsLength}
 					/>
-					:null
 				}
 			</div>
 		);
diff --git a/app/src/components/MeetingViews/Filmstrip.js b/app/src/components/MeetingViews/Filmstrip.js
index 934db64..fde6515 100644
--- a/app/src/components/MeetingViews/Filmstrip.js
+++ b/app/src/components/MeetingViews/Filmstrip.js
@@ -228,13 +228,12 @@ class Filmstrip extends React.PureComponent
 		return (
 			<div className={classes.root}>
 				<div className={classes.speaker} ref={this.activePeerContainer}>
-					{ peers[activePeerId] ?
+					{ peers[activePeerId] &&
 						<SpeakerPeer
 							advancedMode={advancedMode}
 							id={activePeerId}
 							style={speakerStyle}
 						/>
-						:null
 					}
 				</div>
 
@@ -286,11 +285,10 @@ class Filmstrip extends React.PureComponent
 					</Grid>
 				</div>
 
-				{ spotlightsLength<Object.keys(peers).length ?
+				{ spotlightsLength<Object.keys(peers).length &&
 					<HiddenPeers
 						hiddenPeersCount={Object.keys(peers).length-spotlightsLength}
 					/>
-					:null
 				}
 			</div>
 		);
diff --git a/app/src/components/VideoContainers/VideoView.js b/app/src/components/VideoContainers/VideoView.js
index 89f4c55..7947219 100644
--- a/app/src/components/VideoContainers/VideoView.js
+++ b/app/src/components/VideoContainers/VideoView.js
@@ -171,24 +171,17 @@ class VideoView extends React.PureComponent
 						})}
 					>
 						<div className={classes.box}>
-							{ audioCodec ?
-								<p>{audioCodec}</p>
-								:null
-							}
+							{ audioCodec && <p>{audioCodec}</p> }
 
-							{ videoCodec ?
-								<p>{videoCodec} {videoProfile}</p>
-								:null
-							}
+							{ videoCodec && <p>{videoCodec} {videoProfile}</p> }
 
-							{ (videoVisible && videoWidth !== null) ?
+							{ (videoVisible && videoWidth !== null) &&
 								<p>{videoWidth}x{videoHeight}</p>
-								:null
 							}
 						</div>
 					</div>
 
-					{ showPeerInfo ?
+					{ showPeerInfo &&
 						<div className={classes.peer}>
 							<div className={classes.box}>
 								{ isMe ?
@@ -212,17 +205,15 @@ class VideoView extends React.PureComponent
 									</span>
 								}
 
-								{ advancedMode ?
+								{ advancedMode &&
 									<div className={classes.deviceInfo}>
 										<span>
 											{peer.device.name} {Math.floor(peer.device.version) || null}
 										</span>
 									</div>
-									:null
 								}
 							</div>
 						</div>
-						:null
 					}
 				</div>
 
diff --git a/app/src/components/VideoWindow/NewWindow.js b/app/src/components/VideoWindow/NewWindow.js
index b2255f4..1f58aa1 100644
--- a/app/src/components/VideoWindow/NewWindow.js
+++ b/app/src/components/VideoWindow/NewWindow.js
@@ -130,7 +130,7 @@ class NewWindow extends React.PureComponent
 		return ReactDOM.createPortal([
 			<div key='newwindow' className={classes.root}>
 				<div className={classes.controls}>
-					{this.fullscreen.fullscreenEnabled && (
+					{ this.fullscreen.fullscreenEnabled &&
 						<div
 							className={classes.button}
 							onClick={this.handleToggleFullscreen}
@@ -144,9 +144,9 @@ class NewWindow extends React.PureComponent
 								<FullScreenIcon className={classes.icon} />
 							}
 						</div>
-					)}
+					}
 				</div>
-				{this.props.children}
+				{ this.props.children }
 			</div>
 		], this.container);
 	}

From 79609f3b7333641a46844ce0620f7594b5c1efd2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Wed, 23 Oct 2019 13:08:24 +0200
Subject: [PATCH 14/74] Fixed some eslint stuff.

---
 app/.eslintrc.json | 333 ++++++++++++++++++++++++++++++++++++++++++++
 app/package.json   | 339 +--------------------------------------------
 2 files changed, 339 insertions(+), 333 deletions(-)
 create mode 100644 app/.eslintrc.json

diff --git a/app/.eslintrc.json b/app/.eslintrc.json
new file mode 100644
index 0000000..44a50ba
--- /dev/null
+++ b/app/.eslintrc.json
@@ -0,0 +1,333 @@
+{
+	"env": {
+		"browser": true,
+		"es6": true,
+		"node": true
+	},
+	"plugins": [
+		"import",
+		"react"
+	],
+	"extends": [
+		"eslint:recommended",
+		"plugin:react/recommended",
+		"react-app"
+	],
+	"settings": {
+		"react": {
+			"pragma": "React",
+			"version": "16"
+		}
+	},
+	"parser": "babel-eslint",
+	"parserOptions": {
+		"ecmaVersion": 2018,
+		"sourceType": "module",
+		"ecmaFeatures": {
+			"impliedStrict": true,
+			"jsx": true
+		}
+	},
+	"rules": {
+		"array-bracket-spacing": [
+			2,
+			"always",
+			{
+				"objectsInArrays": true,
+				"arraysInArrays": true
+			}
+		],
+		"arrow-parens": [
+			2,
+			"always"
+		],
+		"arrow-spacing": 2,
+		"block-spacing": [
+			2,
+			"always"
+		],
+		"brace-style": [
+			2,
+			"allman",
+			{
+				"allowSingleLine": true
+			}
+		],
+		"camelcase": 2,
+		"comma-dangle": 2,
+		"comma-spacing": [
+			2,
+			{
+				"before": false,
+				"after": true
+			}
+		],
+		"comma-style": 2,
+		"computed-property-spacing": 2,
+		"constructor-super": 2,
+		"func-call-spacing": 2,
+		"generator-star-spacing": 2,
+		"guard-for-in": 2,
+		"indent": [
+			2,
+			"tab",
+			{
+				"SwitchCase": 1
+			}
+		],
+		"key-spacing": [
+			2,
+			{
+				"singleLine": {
+					"beforeColon": false,
+					"afterColon": true
+				},
+				"multiLine": {
+					"beforeColon": true,
+					"afterColon": true,
+					"align": "colon"
+				}
+			}
+		],
+		"keyword-spacing": 2,
+		"linebreak-style": [
+			2,
+			"unix"
+		],
+		"lines-around-comment": [
+			2,
+			{
+				"allowBlockStart": true,
+				"allowObjectStart": true,
+				"beforeBlockComment": true,
+				"beforeLineComment": false
+			}
+		],
+		"max-len": [
+			2,
+			90,
+			{
+				"tabWidth": 2,
+				"comments": 110,
+				"ignoreUrls": true,
+				"ignoreStrings": true,
+				"ignoreTemplateLiterals": true,
+				"ignoreRegExpLiterals": true
+			}
+		],
+		"newline-after-var": 2,
+		"newline-before-return": 2,
+		"newline-per-chained-call": 2,
+		"no-alert": 2,
+		"no-caller": 2,
+		"no-case-declarations": 2,
+		"no-catch-shadow": 2,
+		"no-class-assign": 2,
+		"no-confusing-arrow": [
+			"error",
+			{
+				"allowParens": true
+			}
+		],
+		"no-console": 2,
+		"no-const-assign": 2,
+		"no-debugger": 2,
+		"no-dupe-args": 2,
+		"no-dupe-keys": 2,
+		"no-duplicate-case": 2,
+		"no-div-regex": 2,
+		"no-empty": [
+			2,
+			{
+				"allowEmptyCatch": true
+			}
+		],
+		"no-empty-pattern": 2,
+		"no-else-return": 0,
+		"no-eval": 2,
+		"no-extend-native": 2,
+		"no-ex-assign": 2,
+		"no-extra-bind": 2,
+		"no-extra-boolean-cast": 2,
+		"no-extra-label": 2,
+		"no-extra-semi": 2,
+		"no-fallthrough": 2,
+		"no-func-assign": 2,
+		"no-global-assign": 2,
+		"no-implicit-coercion": 2,
+		"no-implicit-globals": 2,
+		"no-inner-declarations": 2,
+		"no-invalid-regexp": 2,
+		"no-irregular-whitespace": 2,
+		"no-lonely-if": 2,
+		"no-mixed-operators": 2,
+		"no-mixed-spaces-and-tabs": 2,
+		"no-multi-spaces": 2,
+		"no-multi-str": 2,
+		"no-multiple-empty-lines": [
+			2,
+			{
+				"max": 1,
+				"maxEOF": 0,
+				"maxBOF": 0
+			}
+		],
+		"no-native-reassign": 2,
+		"no-negated-in-lhs": 2,
+		"no-new": 2,
+		"no-new-func": 2,
+		"no-new-wrappers": 2,
+		"no-obj-calls": 2,
+		"no-proto": 2,
+		"no-prototype-builtins": 0,
+		"no-redeclare": 2,
+		"no-regex-spaces": 2,
+		"no-restricted-imports": 2,
+		"no-return-assign": 2,
+		"no-self-assign": 2,
+		"no-self-compare": 2,
+		"no-sequences": 2,
+		"no-shadow": 2,
+		"no-shadow-restricted-names": 2,
+		"no-spaced-func": 2,
+		"no-sparse-arrays": 2,
+		"no-this-before-super": 2,
+		"no-throw-literal": 2,
+		"no-undef": 2,
+		"no-unexpected-multiline": 2,
+		"no-unmodified-loop-condition": 2,
+		"no-unreachable": 2,
+		"no-unused-vars": [
+			1,
+			{
+				"vars": "all",
+				"args": "after-used"
+			}
+		],
+		"no-use-before-define": [
+			2,
+			{
+				"functions": false
+			}
+		],
+		"no-useless-call": 2,
+		"no-useless-computed-key": 2,
+		"no-useless-concat": 2,
+		"no-useless-rename": 2,
+		"no-var": 2,
+		"no-whitespace-before-property": 2,
+		"object-curly-newline": 0,
+		"object-curly-spacing": [
+			2,
+			"always"
+		],
+		"object-property-newline": [
+			2,
+			{
+				"allowMultiplePropertiesPerLine": true
+			}
+		],
+		"prefer-const": 2,
+		"prefer-rest-params": 2,
+		"prefer-spread": 2,
+		"prefer-template": 2,
+		"quotes": [
+			2,
+			"single",
+			{
+				"avoidEscape": true
+			}
+		],
+		"semi": [
+			2,
+			"always"
+		],
+		"semi-spacing": 2,
+		"space-before-blocks": 2,
+		"space-before-function-paren": [
+			2,
+			{
+				"anonymous": "never",
+				"named": "never",
+				"asyncArrow": "always"
+			}
+		],
+		"space-in-parens": [
+			2,
+			"never"
+		],
+		"spaced-comment": [
+			2,
+			"always"
+		],
+		"strict": 2,
+		"valid-typeof": 2,
+		"eol-last": 0,
+		"yoda": 2,
+		"import/extensions": 2,
+		"import/no-duplicates": 2,
+		"jsx-quotes": [
+			2,
+			"prefer-single"
+		],
+		"react/display-name": [
+			2,
+			{
+				"ignoreTranspilerName": false
+			}
+		],
+		"react/forbid-prop-types": 0,
+		"react/jsx-boolean-value": 2,
+		"react/jsx-closing-bracket-location": 2,
+		"react/jsx-curly-spacing": 2,
+		"react/jsx-equals-spacing": 2,
+		"react/jsx-handler-names": 2,
+		"react/jsx-indent-props": [
+			2,
+			"tab"
+		],
+		"react/jsx-indent": [
+			2,
+			"tab"
+		],
+		"react/jsx-key": 2,
+		"react/jsx-max-props-per-line": 0,
+		"react/jsx-no-bind": 0,
+		"react/jsx-no-duplicate-props": 2,
+		"react/jsx-no-literals": 0,
+		"react/jsx-no-undef": 0,
+		"react/jsx-pascal-case": 2,
+		"react/jsx-sort-prop-types": 0,
+		"react/jsx-sort-props": 0,
+		"react/jsx-uses-react": 2,
+		"react/jsx-uses-vars": 2,
+		"react/no-danger": 2,
+		"react/no-deprecated": 2,
+		"react/no-did-mount-set-state": 2,
+		"react/no-did-update-set-state": 2,
+		"react/no-direct-mutation-state": 2,
+		"react/no-is-mounted": 2,
+		"react/no-multi-comp": 0,
+		"react/no-set-state": 0,
+		"react/no-string-refs": 0,
+		"react/no-unknown-property": 2,
+		"react/prefer-es6-class": 2,
+		"react/prop-types": [
+			2,
+			{
+				"skipUndeclared": true
+			}
+		],
+		"react/react-in-jsx-scope": 2,
+		"react/self-closing-comp": 2,
+		"react/sort-comp": 0,
+		"react/jsx-wrap-multilines": [
+			2,
+			{
+				"declaration": false,
+				"assignment": false,
+				"return": true
+			}
+		]
+	}
+}
\ No newline at end of file
diff --git a/app/package.json b/app/package.json
index 9a87fbb..191ff59 100644
--- a/app/package.json
+++ b/app/package.json
@@ -41,342 +41,15 @@
 		"test": "react-scripts test",
 		"eject": "react-scripts eject"
 	},
-	"eslintConfig": {
-		"env": {
-			"browser": true,
-			"es6": true,
-			"node": true
-		},
-		"plugins": [
-			"import",
-			"react"
-		],
-		"extends": [
-			"eslint:recommended",
-			"plugin:react/recommended"
-		],
-		"settings": {
-			"react": {
-				"pragma": "React",
-				"version": "16"
-			}
-		},
-		"parser": "babel-eslint",
-		"parserOptions": {
-			"ecmaVersion": 2018,
-			"sourceType": "module",
-			"ecmaFeatures": {
-				"impliedStrict": true,
-				"jsx": true
-			}
-		},
-		"rules": {
-			"array-bracket-spacing": [
-				2,
-				"always",
-				{
-					"objectsInArrays": true,
-					"arraysInArrays": true
-				}
-			],
-			"arrow-parens": [
-				2,
-				"always"
-			],
-			"arrow-spacing": 2,
-			"block-spacing": [
-				2,
-				"always"
-			],
-			"brace-style": [
-				2,
-				"allman",
-				{
-					"allowSingleLine": true
-				}
-			],
-			"camelcase": 2,
-			"comma-dangle": 2,
-			"comma-spacing": [
-				2,
-				{
-					"before": false,
-					"after": true
-				}
-			],
-			"comma-style": 2,
-			"computed-property-spacing": 2,
-			"constructor-super": 2,
-			"func-call-spacing": 2,
-			"generator-star-spacing": 2,
-			"guard-for-in": 2,
-			"indent": [
-				2,
-				"tab",
-				{
-					"SwitchCase": 1
-				}
-			],
-			"key-spacing": [
-				2,
-				{
-					"singleLine": {
-						"beforeColon": false,
-						"afterColon": true
-					},
-					"multiLine": {
-						"beforeColon": true,
-						"afterColon": true,
-						"align": "colon"
-					}
-				}
-			],
-			"keyword-spacing": 2,
-			"linebreak-style": [
-				2,
-				"unix"
-			],
-			"lines-around-comment": [
-				2,
-				{
-					"allowBlockStart": true,
-					"allowObjectStart": true,
-					"beforeBlockComment": true,
-					"beforeLineComment": false
-				}
-			],
-			"max-len": [
-				2,
-				90,
-				{
-					"tabWidth": 2,
-					"comments": 110,
-					"ignoreUrls": true,
-					"ignoreStrings": true,
-					"ignoreTemplateLiterals": true,
-					"ignoreRegExpLiterals": true
-				}
-			],
-			"newline-after-var": 2,
-			"newline-before-return": 2,
-			"newline-per-chained-call": 2,
-			"no-alert": 2,
-			"no-caller": 2,
-			"no-case-declarations": 2,
-			"no-catch-shadow": 2,
-			"no-class-assign": 2,
-			"no-confusing-arrow": [
-				"error",
-				{
-					"allowParens": true
-				}
-			],
-			"no-console": 2,
-			"no-const-assign": 2,
-			"no-debugger": 2,
-			"no-dupe-args": 2,
-			"no-dupe-keys": 2,
-			"no-duplicate-case": 2,
-			"no-div-regex": 2,
-			"no-empty": [
-				2,
-				{
-					"allowEmptyCatch": true
-				}
-			],
-			"no-empty-pattern": 2,
-			"no-else-return": 0,
-			"no-eval": 2,
-			"no-extend-native": 2,
-			"no-ex-assign": 2,
-			"no-extra-bind": 2,
-			"no-extra-boolean-cast": 2,
-			"no-extra-label": 2,
-			"no-extra-semi": 2,
-			"no-fallthrough": 2,
-			"no-func-assign": 2,
-			"no-global-assign": 2,
-			"no-implicit-coercion": 2,
-			"no-implicit-globals": 2,
-			"no-inner-declarations": 2,
-			"no-invalid-regexp": 2,
-			"no-irregular-whitespace": 2,
-			"no-lonely-if": 2,
-			"no-mixed-operators": 2,
-			"no-mixed-spaces-and-tabs": 2,
-			"no-multi-spaces": 2,
-			"no-multi-str": 2,
-			"no-multiple-empty-lines": [
-				2,
-				{
-					"max": 1,
-					"maxEOF": 0,
-					"maxBOF": 0
-				}
-			],
-			"no-native-reassign": 2,
-			"no-negated-in-lhs": 2,
-			"no-new": 2,
-			"no-new-func": 2,
-			"no-new-wrappers": 2,
-			"no-obj-calls": 2,
-			"no-proto": 2,
-			"no-prototype-builtins": 0,
-			"no-redeclare": 2,
-			"no-regex-spaces": 2,
-			"no-restricted-imports": 2,
-			"no-return-assign": 2,
-			"no-self-assign": 2,
-			"no-self-compare": 2,
-			"no-sequences": 2,
-			"no-shadow": 2,
-			"no-shadow-restricted-names": 2,
-			"no-spaced-func": 2,
-			"no-sparse-arrays": 2,
-			"no-this-before-super": 2,
-			"no-throw-literal": 2,
-			"no-undef": 2,
-			"no-unexpected-multiline": 2,
-			"no-unmodified-loop-condition": 2,
-			"no-unreachable": 2,
-			"no-unused-vars": [
-				1,
-				{
-					"vars": "all",
-					"args": "after-used"
-				}
-			],
-			"no-use-before-define": [
-				2,
-				{
-					"functions": false
-				}
-			],
-			"no-useless-call": 2,
-			"no-useless-computed-key": 2,
-			"no-useless-concat": 2,
-			"no-useless-rename": 2,
-			"no-var": 2,
-			"no-whitespace-before-property": 2,
-			"object-curly-newline": 0,
-			"object-curly-spacing": [
-				2,
-				"always"
-			],
-			"object-property-newline": [
-				2,
-				{
-					"allowMultiplePropertiesPerLine": true
-				}
-			],
-			"prefer-const": 2,
-			"prefer-rest-params": 2,
-			"prefer-spread": 2,
-			"prefer-template": 2,
-			"quotes": [
-				2,
-				"single",
-				{
-					"avoidEscape": true
-				}
-			],
-			"semi": [
-				2,
-				"always"
-			],
-			"semi-spacing": 2,
-			"space-before-blocks": 2,
-			"space-before-function-paren": [
-				2,
-				{
-					"anonymous": "never",
-					"named": "never",
-					"asyncArrow": "always"
-				}
-			],
-			"space-in-parens": [
-				2,
-				"never"
-			],
-			"spaced-comment": [
-				2,
-				"always"
-			],
-			"strict": 2,
-			"valid-typeof": 2,
-			"eol-last": 0,
-			"yoda": 2,
-			"import/extensions": 2,
-			"import/no-duplicates": 2,
-			"jsx-quotes": [
-				2,
-				"prefer-single"
-			],
-			"react/display-name": [
-				2,
-				{
-					"ignoreTranspilerName": false
-				}
-			],
-			"react/forbid-prop-types": 0,
-			"react/jsx-boolean-value": 2,
-			"react/jsx-closing-bracket-location": 2,
-			"react/jsx-curly-spacing": 2,
-			"react/jsx-equals-spacing": 2,
-			"react/jsx-handler-names": 2,
-			"react/jsx-indent-props": [
-				2,
-				"tab"
-			],
-			"react/jsx-indent": [
-				2,
-				"tab"
-			],
-			"react/jsx-key": 2,
-			"react/jsx-max-props-per-line": 0,
-			"react/jsx-no-bind": 0,
-			"react/jsx-no-duplicate-props": 2,
-			"react/jsx-no-literals": 0,
-			"react/jsx-no-undef": 0,
-			"react/jsx-pascal-case": 2,
-			"react/jsx-sort-prop-types": 0,
-			"react/jsx-sort-props": 0,
-			"react/jsx-uses-react": 2,
-			"react/jsx-uses-vars": 2,
-			"react/no-danger": 2,
-			"react/no-deprecated": 2,
-			"react/no-did-mount-set-state": 2,
-			"react/no-did-update-set-state": 2,
-			"react/no-direct-mutation-state": 2,
-			"react/no-is-mounted": 2,
-			"react/no-multi-comp": 0,
-			"react/no-set-state": 0,
-			"react/no-string-refs": 0,
-			"react/no-unknown-property": 2,
-			"react/prefer-es6-class": 2,
-			"react/prop-types": [
-				2,
-				{
-					"skipUndeclared": true
-				}
-			],
-			"react/react-in-jsx-scope": 2,
-			"react/self-closing-comp": 2,
-			"react/sort-comp": 0,
-			"react/jsx-wrap-multilines": [
-				2,
-				{
-					"declaration": false,
-					"assignment": false,
-					"return": true
-				}
-			]
-		}
-	},
 	"browserslist": [
 		">0.2%",
 		"not dead",
 		"not ie > 0",
 		"not op_mini all"
-	]
+	],
+	"devDependencies": {
+		"eslint": "^6.5.1",
+		"eslint-plugin-import": "^2.18.2",
+		"eslint-plugin-react": "^7.16.0"
+	}
 }

From 7b5601562f4ab70cd852e94bf51c97e9040329a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Wed, 23 Oct 2019 13:11:06 +0200
Subject: [PATCH 15/74] Small fixes.

---
 app/src/components/App.js   |  2 +-
 app/src/components/Lobby.js | 12 +-----------
 2 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/app/src/components/App.js b/app/src/components/App.js
index 9cd566b..ce29f80 100644
--- a/app/src/components/App.js
+++ b/app/src/components/App.js
@@ -29,7 +29,7 @@ const App = (props) =>
 			<Room />
 		);
 	}
-}
+};
 
 App.propTypes =
 {
diff --git a/app/src/components/Lobby.js b/app/src/components/Lobby.js
index 0d29762..915bc43 100644
--- a/app/src/components/Lobby.js
+++ b/app/src/components/Lobby.js
@@ -4,12 +4,8 @@ import { withStyles } from '@material-ui/core/styles';
 import { withRoomContext } from '../RoomContext';
 import * as stateActions from '../actions/stateActions';
 import PropTypes from 'prop-types';
-import Dialog from '@material-ui/core/Dialog';
 import Typography from '@material-ui/core/Typography';
 import Paper from '@material-ui/core/Paper';
-import DialogActions from '@material-ui/core/DialogActions';
-import Button from '@material-ui/core/Button';
-import TextField from '@material-ui/core/TextField';
 
 const styles = (theme) =>
 	({
@@ -53,9 +49,6 @@ const styles = (theme) =>
 	});
 
 const Lobby = ({
-	roomClient,
-	displayName,
-	changeDisplayName,
 	classes
 }) =>
 {
@@ -70,10 +63,7 @@ const Lobby = ({
 
 Lobby.propTypes =
 {
-	roomClient        : PropTypes.any.isRequired,
-	displayName       : PropTypes.string.isRequired,
-	changeDisplayName : PropTypes.func.isRequired,
-	classes           : PropTypes.object.isRequired
+	classes : PropTypes.object.isRequired
 };
 
 const mapStateToProps = (state) =>

From abca024c84a7b2ccc21e8e8e9bfc9fe6d225b077 Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Wed, 23 Oct 2019 13:29:55 +0200
Subject: [PATCH 16/74] eslint fixes;styling

---
 .../AccessControl/LockDialog/ListLobbyPeer.js | 17 +++++----
 .../AccessControl/LockDialog/LockDialog.js    | 35 ++++++++++---------
 2 files changed, 30 insertions(+), 22 deletions(-)

diff --git a/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js b/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js
index 665561d..814dbcd 100644
--- a/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js
+++ b/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js
@@ -69,6 +69,10 @@ const styles = (theme) =>
 			{
 				backgroundColor : 'var(--media-control-botton-on)'
 			}
+		},
+		ListItem :
+		{
+			alignItems: 'center'
 		}
 	});
 
@@ -84,13 +88,14 @@ const ListLobbyPeer = (props) =>
 
 	return (
 		<ListItem 
+			className={classnames(classes.ListItem)}
 			key={peer.peerId}
 			button
-			alignItems="flex-start"
+			alignItems='flex-start'
 		>
 			<ListItemAvatar>
 				<Avatar alt='Peer avatar' src={picture} />
-			</ListItemAvatar>			
+			</ListItemAvatar>
 			<ListItemText
 				primary={peer.displayName}
 			/>
@@ -99,10 +104,10 @@ const ListLobbyPeer = (props) =>
 					disabled : peer.promotionInProgress
 				})}
 				onClick={(e) =>
-					{
-						e.stopPropagation();
-						roomClient.promoteLobbyPeer(peer.id);
-					}}
+				{
+					e.stopPropagation();
+					roomClient.promoteLobbyPeer(peer.id);
+				}}
 			>
 				<PromoteIcon />
 			</ListItemIcon>
diff --git a/app/src/components/AccessControl/LockDialog/LockDialog.js b/app/src/components/AccessControl/LockDialog/LockDialog.js
index 021cf20..f5b10ca 100644
--- a/app/src/components/AccessControl/LockDialog/LockDialog.js
+++ b/app/src/components/AccessControl/LockDialog/LockDialog.js
@@ -16,15 +16,14 @@ import FormLabel from '@material-ui/core/FormLabel';
 import FormControl from '@material-ui/core/FormControl';
 import FormGroup from '@material-ui/core/FormGroup';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
-import Checkbox from '@material-ui/core/Checkbox';
-import InputLabel from '@material-ui/core/InputLabel';
-import OutlinedInput from '@material-ui/core/OutlinedInput';
+// import Checkbox from '@material-ui/core/Checkbox';
+// import InputLabel from '@material-ui/core/InputLabel';
+// import OutlinedInput from '@material-ui/core/OutlinedInput';
 import Switch from '@material-ui/core/Switch';
 import List from '@material-ui/core/List';
 import ListSubheader from '@material-ui/core/ListSubheader';
 import ListLobbyPeer from './ListLobbyPeer';
 
-
 const styles = (theme) =>
 	({
 		root :
@@ -52,7 +51,7 @@ const styles = (theme) =>
 		},
 		lock :
 		{
-			padding : theme.spacing.unit * 2
+			padding : theme.spacing(2)
 		}
 	});
 
@@ -60,7 +59,7 @@ const LockDialog = ({
 	roomClient,
 	room,
 	handleCloseLockDialog,
-	handleAccessCode,
+	// handleAccessCode,
 	lobbyPeers,
 	classes
 }) =>
@@ -123,21 +122,25 @@ const LockDialog = ({
 					</FormGroup>
 				</FormControl>
 
-				{ lobbyPeers.length > 0 ?
-					<List subheader={
-						<ListSubheader component="div">
-						  Participants in Lobby
-						</ListSubheader>
-					}>
-					{ 
-						lobbyPeers.map((peerId) => { return (<ListLobbyPeer id={peerId} />); })
+				{ (lobbyPeers.length > 0) &&
+					<List 
+						dense={true} 
+						subheader={
+							<ListSubheader component='div'>
+								Participants in Lobby
+							</ListSubheader>
 					}
+					>
+						{
+							lobbyPeers.map((peerId) =>
+							{
+								return (<ListLobbyPeer key={peerId} id={peerId} />);
+							})
+						}
 					</List>
-					: null
 				} 
 			</form>
 			<DialogActions>
-				
 				<Button onClick={() => handleCloseLockDialog({ lockDialogOpen: false })} color='primary'>
 					Close
 				</Button>

From dd9f95971db92958bdc963898dc0eb8f48a26c8e Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Wed, 23 Oct 2019 14:37:04 +0200
Subject: [PATCH 17/74] fix: rooms not closed on server after all peers left

---
 server/lib/Room.js | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/server/lib/Room.js b/server/lib/Room.js
index f382880..e702367 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -163,17 +163,13 @@ class Room extends EventEmitter
 
 		this._lobby.close();
 
-		// Close the peers
-		if (this._peers)
+		Object.values(this._peers).forEach((peer) =>
 		{
-			Object.values(this._peers).forEach((peer) =>
-			{
-				if (peer.socket)
-					peer.socket.disconnect();
-			});
-		}
+			if (peer.socket)
+				peer.socket.disconnect();
+		});
 
-		this._peers.clear();
+		this._peers = {};
 
 		// Close the mediasoup Router.
 		this._mediasoupRouter.close();
@@ -325,14 +321,14 @@ class Room extends EventEmitter
 			delete this._peers[peer.id];
 
 			// If this is the latest Peer in the room, close the room after a while.
-			if (this._peers.size === 0)
+			if (Object.keys(this._peers).length == 0)
 			{
 				setTimeout(() =>
 				{
 					if (this._closed)
 						return;
 
-					if (this._peers.size === 0)
+					if (Object.keys(this._peers).length == 0)
 					{
 						logger.info(
 							'last Peer in the room left, closing the room [roomId:%s]',

From 6596deda2a710b3fd82ee874defa30369233b509 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Wed, 23 Oct 2019 19:46:44 +0200
Subject: [PATCH 18/74] Various small changes.

---
 app/src/RoomClient.js                         |  53 ++----
 app/src/components/JoinDialog.js              |  57 +++++-
 app/src/components/PeerAudio/PeerAudio.js     |   3 +-
 .../components/VideoContainers/VideoView.js   |   5 +-
 server/.eslintrc.js                           | 168 -----------------
 server/.eslintrc.json                         | 171 ++++++++++++++++++
 server/gulpfile.js                            |  44 -----
 server/http-helpers.js                        |  43 -----
 server/lib/Lobby.js                           |   8 +-
 server/lib/Logger.js                          |   2 -
 server/lib/Room.js                            |  52 +++---
 server/package.json                           |  49 +++--
 server/server.js                              |  49 +++--
 server/util.js                                |  18 --
 14 files changed, 319 insertions(+), 403 deletions(-)
 delete mode 100644 server/.eslintrc.js
 create mode 100644 server/.eslintrc.json
 delete mode 100644 server/gulpfile.js
 delete mode 100644 server/http-helpers.js
 delete mode 100644 server/util.js

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 7c586ef..99bf103 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -610,61 +610,44 @@ export default class RoomClient
 			const {
 				chatHistory,
 				fileHistory,
-				lastN,
+				lastNHistory,
 				locked,
 				lobbyPeers,
 				accessCode
 			} = await this.sendRequest('serverHistory');
 
-			if (chatHistory.length > 0)
-			{
-				logger.debug('Got chat history');
-				store.dispatch(
-					stateActions.addChatHistory(chatHistory));
-			}
+			(chatHistory.length > 0) && store.dispatch(
+				stateActions.addChatHistory(chatHistory));
 
-			if (fileHistory.length > 0)
-			{
-				logger.debug('Got files history');
+			(fileHistory.length > 0) && store.dispatch(
+				stateActions.addFileHistory(fileHistory));
 
-				store.dispatch(stateActions.addFileHistory(fileHistory));
-			}
-
-			if (lastN.length > 0)
+			if (lastNHistory.length > 0)
 			{
-				logger.debug('Got lastN');
+				logger.debug('Got lastNHistory');
 
 				// Remove our self from list
-				const index = lastN.indexOf(this._peerId);
+				const index = lastNHistory.indexOf(this._peerId);
 
-				lastN.splice(index, 1);
+				lastNHistory.splice(index, 1);
 
-				this._spotlights.addSpeakerList(lastN);
+				this._spotlights.addSpeakerList(lastNHistory);
 			}
 
 			locked ? 
 				store.dispatch(stateActions.setRoomLocked()) :
 				store.dispatch(stateActions.setRoomUnLocked());
 
-			if (lobbyPeers.length > 0)
+			(lobbyPeers.length > 0) && lobbyPeers.forEach((peer) =>
 			{
-				logger.debug('Got lobby peers');
+				store.dispatch(
+					stateActions.addLobbyPeer(peer.peerId));
+				store.dispatch(
+					stateActions.setLobbyPeerDisplayName(peer.displayName));
+			});
 
-				lobbyPeers.forEach((peer) =>
-				{
-					store.dispatch(
-						stateActions.addLobbyPeer(peer.peerId));
-					store.dispatch(
-						stateActions.setLobbyPeerDisplayName(peer.displayName));
-				});
-			}
-
-			if (accessCode != null)
-			{
-				logger.debug('Got accessCode');
-
-				store.dispatch(stateActions.setAccessCode(accessCode))
-			}
+			(accessCode != null) && store.dispatch(
+				stateActions.setAccessCode(accessCode));
 		}
 		catch (error)
 		{
diff --git a/app/src/components/JoinDialog.js b/app/src/components/JoinDialog.js
index 1864dbc..e27d78e 100644
--- a/app/src/components/JoinDialog.js
+++ b/app/src/components/JoinDialog.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { connect } from 'react-redux';
 import { withStyles } from '@material-ui/core/styles';
 import { withRoomContext } from '../RoomContext';
@@ -58,6 +58,28 @@ const JoinDialog = ({
 	classes
 }) =>
 {
+	const [ localDisplayName, setLocalDisplayName ] = useState(displayName);
+
+	const handleKeyDown = (event) =>
+	{
+		const { key } = event;
+
+		switch (key)
+		{
+			case 'Enter':
+			case 'Escape':
+			{
+				if (localDisplayName !== '') // Don't allow empty displayName
+					changeDisplayName(localDisplayName);
+				else
+					setLocalDisplayName(displayName);
+				break;
+			}
+			default:
+				break;
+		}
+	};
+
 	return (
 		<div className={classes.root}>
 			<Dialog
@@ -69,21 +91,30 @@ const JoinDialog = ({
 				{ window.config.logo &&
 					<img alt='Logo' className={classes.logo} src={window.config.logo} />
 				}
-				<Typography variant='subtitle1'>
+				<Typography variant='h2' align='center'>
+					Welcome
+				</Typography>
+				<Typography variant='h6'>
 					You are about to join a meeting.
-					Set your name that others will see,
-					and chose how you want to join?
+					Set the name that others will see,
+					and choose how you want to join?
 				</Typography>
 				<TextField
 					id='displayname'
-					label='Name'
+					label='Your name'
 					className={classes.textField}
-					value={displayName}
+					value={localDisplayName}
 					onChange={(event) =>
 					{
 						const { value } = event.target;
 
-						changeDisplayName(value);
+						setLocalDisplayName(value);
+					}}
+					onKeyDown={handleKeyDown}
+					onBlur={() =>
+					{
+						if (localDisplayName !== displayName)
+							changeDisplayName(localDisplayName);
 					}}
 					margin='normal'
 				/>
@@ -94,6 +125,17 @@ const JoinDialog = ({
 							roomClient.join({ joinVideo: false });
 						}}
 						variant='contained'
+						color='secondary'
+					>
+						Sign in
+					</Button>
+					<Button
+						onClick={() =>
+						{
+							roomClient.join({ joinVideo: false });
+						}}
+						variant='contained'
+						color='secondary'
 					>
 						Audio only
 					</Button>
@@ -103,6 +145,7 @@ const JoinDialog = ({
 							roomClient.join({ joinVideo: true });
 						}}
 						variant='contained'
+						color='secondary'
 					>
 						Audio and Video
 					</Button>
diff --git a/app/src/components/PeerAudio/PeerAudio.js b/app/src/components/PeerAudio/PeerAudio.js
index 2e9c195..38d7faf 100644
--- a/app/src/components/PeerAudio/PeerAudio.js
+++ b/app/src/components/PeerAudio/PeerAudio.js
@@ -29,7 +29,8 @@ export default class PeerAudio extends React.PureComponent
 		this._setTrack(audioTrack);
 	}
 
-	componentWillReceiveProps(nextProps)
+	// eslint-disable-next-line camelcase
+	UNSAFE_componentWillReceiveProps(nextProps)
 	{
 		const { audioTrack } = nextProps;
 
diff --git a/app/src/components/VideoContainers/VideoView.js b/app/src/components/VideoContainers/VideoView.js
index 7947219..b90cc81 100644
--- a/app/src/components/VideoContainers/VideoView.js
+++ b/app/src/components/VideoContainers/VideoView.js
@@ -221,7 +221,7 @@ class VideoView extends React.PureComponent
 					ref='video'
 					className={classnames(classes.video, {
 						hidden  : !videoVisible,
-						'isMe' : isMe && !isScreen,
+						'isMe'  : isMe && !isScreen,
 						loading : videoProfile === 'none',
 						contain : videoContain
 					})}
@@ -247,7 +247,8 @@ class VideoView extends React.PureComponent
 		clearInterval(this._videoResolutionTimer);
 	}
 
-	componentWillReceiveProps(nextProps)
+	// eslint-disable-next-line camelcase
+	UNSAFE_componentWillReceiveProps(nextProps)
 	{
 		const { videoTrack } = nextProps;
 
diff --git a/server/.eslintrc.js b/server/.eslintrc.js
deleted file mode 100644
index bcdd959..0000000
--- a/server/.eslintrc.js
+++ /dev/null
@@ -1,168 +0,0 @@
-module.exports =
-{
-	env:
-	{
-		browser: true,
-		es6: true,
-		node: true
-	},
-	extends:
-	[
-		'eslint:recommended'
-	],
-	settings: {},
-	parserOptions:
-	{
-		ecmaVersion: 6,
-		sourceType: 'module',
-		ecmaFeatures:
-		{
-			impliedStrict: true
-		}
-	},
-	rules:
-	{
-		'array-bracket-spacing': [ 2, 'always',
-		{
-			objectsInArrays: true,
-			arraysInArrays: true
-		}],
-		'arrow-parens': [ 2, 'always' ],
-		'arrow-spacing': 2,
-		'block-spacing': [ 2, 'always' ],
-		'brace-style': [ 2, 'allman', { allowSingleLine: true } ],
-		'camelcase': 2,
-		'comma-dangle': 2,
-		'comma-spacing': [ 2, { before: false, after: true } ],
-		'comma-style': 2,
-		'computed-property-spacing': 2,
-		'constructor-super': 2,
-		'func-call-spacing': 2,
-		'generator-star-spacing': 2,
-		'guard-for-in': 2,
-		'indent': [ 2, 'tab', { 'SwitchCase': 1 } ],
-		'key-spacing': [ 2,
-		{
-			singleLine:
-			{
-				beforeColon: false,
-				afterColon: true
-			},
-			multiLine:
-			{
-				beforeColon: true,
-				afterColon: true,
-				align: 'colon'
-			}
-		}],
-		'keyword-spacing': 2,
-		'linebreak-style': [ 2, 'unix' ],
-		'lines-around-comment': [ 2,
-		{
-			allowBlockStart: true,
-			allowObjectStart: true,
-			beforeBlockComment: true,
-			beforeLineComment: false
-		}],
-		'max-len': [ 2, 90,
-		{
-			tabWidth: 2,
-			comments: 110,
-			ignoreUrls: true,
-			ignoreStrings: true,
-			ignoreTemplateLiterals: true,
-			ignoreRegExpLiterals: true
-		}],
-		'newline-after-var': 2,
-		'newline-before-return': 2,
-		'newline-per-chained-call': 2,
-		'no-alert': 2,
-		'no-caller': 2,
-		'no-case-declarations': 2,
-		'no-catch-shadow': 2,
-		'no-class-assign': 2,
-		'no-confusing-arrow': 2,
-		'no-console': 2,
-		'no-const-assign': 2,
-		'no-debugger': 2,
-		'no-dupe-args': 2,
-		'no-dupe-keys': 2,
-		'no-duplicate-case': 2,
-		'no-div-regex': 2,
-		'no-empty': [ 2, { allowEmptyCatch: true } ],
-		'no-empty-pattern': 2,
-		'no-else-return': 0,
-		'no-eval': 2,
-		'no-extend-native': 2,
-		'no-ex-assign': 2,
-		'no-extra-bind': 2,
-		'no-extra-boolean-cast': 2,
-		'no-extra-label': 2,
-		'no-extra-semi': 2,
-		'no-fallthrough': 2,
-		'no-func-assign': 2,
-		'no-global-assign': 2,
-		'no-implicit-coercion': 2,
-		'no-implicit-globals': 2,
-		'no-inner-declarations': 2,
-		'no-invalid-regexp': 2,
-		'no-invalid-this': 2,
-		'no-irregular-whitespace': 2,
-		'no-lonely-if': 2,
-		'no-mixed-operators': 2,
-		'no-mixed-spaces-and-tabs': 2,
-		'no-multi-spaces': 2,
-		'no-multi-str': 2,
-		'no-multiple-empty-lines': [ 2, { max: 1, maxEOF: 0, maxBOF: 0 } ],
-		'no-native-reassign': 2,
-		'no-negated-in-lhs': 2,
-		'no-new': 2,
-		'no-new-func': 2,
-		'no-new-wrappers': 2,
-		'no-obj-calls': 2,
-		'no-proto': 2,
-		'no-prototype-builtins': 0,
-		'no-redeclare': 2,
-		'no-regex-spaces': 2,
-		'no-restricted-imports': 2,
-		'no-return-assign': 2,
-		'no-self-assign': 2,
-		'no-self-compare': 2,
-		'no-sequences': 2,
-		'no-shadow': 2,
-		'no-shadow-restricted-names': 2,
-		'no-spaced-func': 2,
-		'no-sparse-arrays': 2,
-		'no-this-before-super': 2,
-		'no-throw-literal': 2,
-		'no-undef': 2,
-		'no-unexpected-multiline': 2,
-		'no-unmodified-loop-condition': 2,
-		'no-unreachable': 2,
-		'no-unused-vars': [ 1, { vars: 'all', args: 'after-used' }],
-		'no-use-before-define': [ 2, { functions: false } ],
-		'no-useless-call': 2,
-		'no-useless-computed-key': 2,
-		'no-useless-concat': 2,
-		'no-useless-rename': 2,
-		'no-var': 2,
-		'no-whitespace-before-property': 2,
-		'object-curly-newline': 0,
-		'object-curly-spacing': [ 2, 'always' ],
-		'object-property-newline': [ 2, { allowMultiplePropertiesPerLine: true } ],
-		'prefer-const': 2,
-		'prefer-rest-params': 2,
-		'prefer-spread': 2,
-		'prefer-template': 2,
-		'quotes': [ 2, 'single', { avoidEscape: true } ],
-		'semi': [ 2, 'always' ],
-		'semi-spacing': 2,
-		'space-before-blocks': 2,
-		'space-before-function-paren': [ 2, 'never' ],
-		'space-in-parens': [ 2, 'never' ],
-		'spaced-comment': [ 2, 'always' ],
-		'strict': 0,
-		'valid-typeof': 2,
-		'yoda': 2
-	}
-};
diff --git a/server/.eslintrc.json b/server/.eslintrc.json
new file mode 100644
index 0000000..d98852a
--- /dev/null
+++ b/server/.eslintrc.json
@@ -0,0 +1,171 @@
+{
+	"env":
+	{
+		"es6": true,
+		"node": true
+	},
+	"extends":
+	[
+		"eslint:recommended"
+	],
+	"settings": {},
+	"parserOptions":
+	{
+		"ecmaVersion": 2018,
+		"sourceType": "module",
+		"ecmaFeatures":
+		{
+			"impliedStrict": true
+		}
+	},
+	"rules":
+	{
+		"array-bracket-spacing": [ 2, "always",
+		{
+			"objectsInArrays": true,
+			"arraysInArrays": true
+		}],
+		"arrow-parens": [ 2, "always" ],
+		"arrow-spacing": 2,
+		"block-spacing": [ 2, "always" ],
+		"brace-style": [ 2, "allman", { "allowSingleLine": true } ],
+		"camelcase": 2,
+		"comma-dangle": 2,
+		"comma-spacing": [ 2, { "before": false, "after": true } ],
+		"comma-style": 2,
+		"computed-property-spacing": 2,
+		"constructor-super": 2,
+		"func-call-spacing": 2,
+		"generator-star-spacing": 2,
+		"guard-for-in": 2,
+		"indent": [ 2, "tab", { "SwitchCase": 1 } ],
+		"key-spacing": [ 2,
+		{
+			"singleLine":
+			{
+				"beforeColon": false,
+				"afterColon": true
+			},
+			"multiLine":
+			{
+				"beforeColon": true,
+				"afterColon": true,
+				"align": "colon"
+			}
+		}],
+		"keyword-spacing": 2,
+		"linebreak-style": [ 2, "unix" ],
+		"lines-around-comment": [ 2,
+		{
+			"allowBlockStart": true,
+			"allowObjectStart": true,
+			"beforeBlockComment": true,
+			"beforeLineComment": false
+		}],
+		"max-len": [ 2, 90,
+		{
+			"tabWidth": 2,
+			"comments": 90,
+			"ignoreUrls": true,
+			"ignoreStrings": true,
+			"ignoreTemplateLiterals": true,
+			"ignoreRegExpLiterals": true
+		}],
+		"newline-after-var": 2,
+		"newline-before-return": 2,
+		"newline-per-chained-call": 2,
+		"no-alert": 2,
+		"no-caller": 2,
+		"no-case-declarations": 2,
+		"no-catch-shadow": 2,
+		"no-class-assign": 2,
+		"no-confusing-arrow": 2,
+		"no-console": 2,
+		"no-const-assign": 2,
+		"no-debugger": 2,
+		"no-dupe-args": 2,
+		"no-dupe-keys": 2,
+		"no-duplicate-case": 2,
+		"no-div-regex": 2,
+		"no-empty": [ 2, { "allowEmptyCatch": true } ],
+		"no-empty-pattern": 2,
+		"no-else-return": 0,
+		"no-eval": 2,
+		"no-extend-native": 2,
+		"no-ex-assign": 2,
+		"no-extra-bind": 2,
+		"no-extra-boolean-cast": 2,
+		"no-extra-label": 2,
+		"no-extra-semi": 2,
+		"no-fallthrough": 2,
+		"no-func-assign": 2,
+		"no-global-assign": 2,
+		"no-implicit-coercion": 2,
+		"no-implicit-globals": 2,
+		"no-inner-declarations": 2,
+		"no-invalid-regexp": 2,
+		"no-invalid-this": 2,
+		"no-irregular-whitespace": 2,
+		"no-lonely-if": 2,
+		"no-mixed-operators": 2,
+		"no-mixed-spaces-and-tabs": 2,
+		"no-multi-spaces": 2,
+		"no-multi-str": 2,
+		"no-multiple-empty-lines": [ 1, { "max": 1, "maxEOF": 0, "maxBOF": 0 } ],
+		"no-native-reassign": 2,
+		"no-negated-in-lhs": 2,
+		"no-new": 2,
+		"no-new-func": 2,
+		"no-new-wrappers": 2,
+		"no-obj-calls": 2,
+		"no-proto": 2,
+		"no-prototype-builtins": 0,
+		"no-redeclare": 2,
+		"no-regex-spaces": 2,
+		"no-restricted-imports": 2,
+		"no-return-assign": 2,
+		"no-self-assign": 2,
+		"no-self-compare": 2,
+		"no-sequences": 2,
+		"no-shadow": 2,
+		"no-shadow-restricted-names": 2,
+		"no-spaced-func": 2,
+		"no-sparse-arrays": 2,
+		"no-this-before-super": 2,
+		"no-throw-literal": 2,
+		"no-undef": 2,
+		"no-unexpected-multiline": 2,
+		"no-unmodified-loop-condition": 2,
+		"no-unreachable": 2,
+		"no-unused-vars": [ 1, { "vars": "all", "args": "after-used" }],
+		"no-use-before-define": [ 2, { "functions": false } ],
+		"no-useless-call": 2,
+		"no-useless-computed-key": 2,
+		"no-useless-concat": 2,
+		"no-useless-rename": 2,
+		"no-var": 2,
+		"no-whitespace-before-property": 2,
+		"object-curly-newline": 0,
+		"object-curly-spacing": [ 2, "always" ],
+		"object-property-newline": [ 2, { "allowMultiplePropertiesPerLine": true } ],
+		"prefer-const": 2,
+		"prefer-rest-params": 2,
+		"prefer-spread": 2,
+		"prefer-template": 2,
+		"quotes": [ 2, "single", { "avoidEscape": true } ],
+		"semi": [ 2, "always" ],
+		"semi-spacing": 2,
+		"space-before-blocks": 2,
+		"space-before-function-paren": [ 2,
+		{
+			"anonymous"  : "never",
+			"named"      : "never",
+			"asyncArrow" : "always"
+		}],
+		"space-in-parens": [ 2, "never" ],
+		"spaced-comment": [ 2, "always" ],
+		"strict": 2,
+		"valid-typeof": 2,
+		"yoda": 2
+	}
+}
\ No newline at end of file
diff --git a/server/gulpfile.js b/server/gulpfile.js
deleted file mode 100644
index fa03823..0000000
--- a/server/gulpfile.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * Tasks:
- *
- * gulp lint
- *   Checks source code
- *
- * gulp watch
- *   Observes changes in the code
- *
- * gulp
- *   Invokes both `lint` and `watch` tasks
- */
-
-const gulp = require('gulp');
-const plumber = require('gulp-plumber');
-const eslint = require('gulp-eslint');
-
-const LINTING_FILES =
-[
-	'gulpfile.js',
-	'server.js',
-	'config/config.example.js',
-	'lib/**/*.js'
-];
-
-gulp.task('lint', () =>
-{
-
-	return gulp.src(LINTING_FILES)
-		.pipe(plumber())
-		.pipe(eslint())
-		.pipe(eslint.format());
-});
-
-gulp.task('lint-fix', function() 
-{
-	return gulp.src(LINTING_FILES)
-		.pipe(plumber())
-		.pipe(eslint({ fix: true }))
-		.pipe(eslint.format())
-		.pipe(gulp.dest((file) => file.base));
-});
-
-gulp.task('default', gulp.series('lint'));
diff --git a/server/http-helpers.js b/server/http-helpers.js
deleted file mode 100644
index 9195b2f..0000000
--- a/server/http-helpers.js
+++ /dev/null
@@ -1,43 +0,0 @@
-'use strict';
-
-const headers = {
-	'access-control-allow-origin': '*',
-	'access-control-allow-methods': 'GET, POST, PUT, DELETE, OPTIONS',
-	'access-control-allow-headers': 'content-type, accept',
-	'access-control-max-age': 10,
-	'Content-Type': 'application/json'
-};
-
-exports.prepareResponse = (req, cb) =>
-{
-	let data = '';
-
-	req.on('data', (chunk) =>
-	{
-		data += chunk;
-	});
-
-	req.on('end', () =>
-	{
-		cb(data);
-	});
-};
-
-exports.respond = (res, data, status) =>
-{
-	status = status || 200;
-	res.writeHead(status, headers);
-	res.end(data);
-};
-
-exports.send404 = (res) =>
-{
-	exports.respond(res, 'Not Found', 404);
-};
-
-exports.redirector = (res, loc, status) =>
-{
-	status = status || 302;
-	res.writeHead(status, { Location: loc });
-	res.end();
-};
diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index 62da0e5..e21be1d 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -1,5 +1,3 @@
-'use strict';
-
 const EventEmitter = require('events').EventEmitter;
 const Logger = require('./Logger');
 
@@ -38,7 +36,11 @@ class Lobby extends EventEmitter
 	{
 		logger.info('peerList()');
 
-		return Object.values(this._peers).map((peer) => ({ peerId: peer.peerId, displayName: peer.displayName }));
+		return Object.values(this._peers).map((peer) =>
+			({
+				peerId      : peer.peerId,
+				displayName : peer.displayName 
+			}));
 	}
 
 	hasPeer(peerId)
diff --git a/server/lib/Logger.js b/server/lib/Logger.js
index e1659dd..dc85948 100644
--- a/server/lib/Logger.js
+++ b/server/lib/Logger.js
@@ -1,5 +1,3 @@
-'use strict';
-
 const debug = require('debug');
 
 const APP_NAME = 'multiparty-meeting-server';
diff --git a/server/lib/Room.js b/server/lib/Room.js
index e702367..6335b56 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -1,5 +1,3 @@
-'use strict';
-
 const EventEmitter = require('events').EventEmitter;
 const Logger = require('./Logger');
 const Lobby = require('./Lobby');
@@ -23,7 +21,7 @@ class Room extends EventEmitter
 		logger.info('create() [roomId:%s, forceH264:%s]', roomId);
 
 		// Router media codecs.
-		let mediaCodecs = config.mediasoup.router.mediaCodecs;
+		const mediaCodecs = config.mediasoup.router.mediaCodecs;
 
 		// Create a mediasoup Router.
 		const mediasoupRouter = await mediasoupWorker.createRouter({ mediaCodecs });
@@ -58,18 +56,19 @@ class Room extends EventEmitter
 		// if true: accessCode is a possibility to open the room
 		this._joinByAccesCode = true;
 
-		// access code to the room, applicable if ( _locked == true and _joinByAccessCode == true )
+		// access code to the room,
+		// applicable if ( _locked == true and _joinByAccessCode == true )
 		this._accessCode = '';
 
 		this._lobby = new Lobby();
 
-		this._lobby.on('promotePeer', (peer) =>
+		this._lobby.on('promotePeer', (promotedPeer) =>
 		{
-			logger.info('promotePeer() [peer:"%o"]', peer);
+			logger.info('promotePeer() [promotedPeer:"%o"]', promotedPeer);
 
-			const { peerId } = peer;
+			const { peerId } = promotedPeer;
 
-			this._peerJoining({ ...peer });
+			this._peerJoining({ ...promotedPeer });
 
 			Object.values(this._peers).forEach((peer) =>
 			{
@@ -77,9 +76,9 @@ class Room extends EventEmitter
 			});
 		});
 
-		this._lobby.on('lobbyPeerDisplayNameChanged', (peer) =>
+		this._lobby.on('lobbyPeerDisplayNameChanged', (changedPeer) =>
 		{
-			const { peerId, displayName } = peer;
+			const { peerId, displayName } = changedPeer;
 
 			Object.values(this._peers).forEach((peer) =>
 			{
@@ -87,11 +86,11 @@ class Room extends EventEmitter
 			});
 		});
 
-		this._lobby.on('peerClosed', (peer) =>
+		this._lobby.on('peerClosed', (closedPeer) =>
 		{
-			logger.info('peerClosed() [peer:"%o"]', peer);
+			logger.info('peerClosed() [closedPeer:"%o"]', closedPeer);
 
-			const { peerId } = peer;
+			const { peerId } = closedPeer;
 
 			Object.values(this._peers).forEach((peer) =>
 			{
@@ -141,7 +140,7 @@ class Room extends EventEmitter
 			// Notify all Peers.
 			Object.values(this._peers).forEach((peer) =>
 			{
-				this._notification(peer.socket, 'activeSpeaker', { peerId : null });
+				this._notification(peer.socket, 'activeSpeaker', { peerId: null });
 			});
 		});
 
@@ -223,7 +222,7 @@ class Room extends EventEmitter
 	{
 		socket.join(this._roomId);
 
-		const peer = { id : peerId, socket : socket };
+		const peer = { id: peerId, socket: socket };
 
 		const index = this._lastN.indexOf(peerId);
 
@@ -243,13 +242,13 @@ class Room extends EventEmitter
 		return this._locked;
 	}
 
-	peerAuthenticated(peerid)
+	peerAuthenticated(peerId)
 	{
 		logger.debug('peerAuthenticated() | [peerId:"%s"]', peerId);
 
 		if (!this._locked)
 		{
-			if (!Boolean(this._peers[peerid]))
+			if (!this._peers[peerId])
 			{
 				this._lobby.promotePeer(peerId);
 			}
@@ -810,15 +809,16 @@ class Room extends EventEmitter
 			{
 				// Return to sender
 				const lobbyPeers = this._lobby.peerList();
+
 				cb(
 					null,
 					{
-						chatHistory : this._chatHistory,
-						fileHistory : this._fileHistory,
-						lastN       : this._lastN,
-						locked      : this._locked,
-						lobbyPeers  : lobbyPeers,
-						accessCode  : this._accessCode
+						chatHistory  : this._chatHistory,
+						fileHistory  : this._fileHistory,
+						lastNHistory : this._lastN,
+						locked       : this._locked,
+						lobbyPeers   : lobbyPeers,
+						accessCode   : this._accessCode
 					}
 				);
 
@@ -867,7 +867,7 @@ class Room extends EventEmitter
 					peerId     : peer.id,
 					accessCode : accessCode
 				}, true);
-				//}
+				// }
 
 				// Return no error
 				cb();
@@ -883,7 +883,7 @@ class Room extends EventEmitter
 
 				// Spread to others
 				this._notification(peer.socket, 'setJoinByAccessCode', {
-					peerId     : peer.id,
+					peerId           : peer.id,
 					joinByAccessCode : joinByAccessCode
 				}, true);
 
@@ -892,7 +892,6 @@ class Room extends EventEmitter
 
 				break;
 			}
-	
 
 			case 'promotePeer':
 			{
@@ -1080,7 +1079,6 @@ class Room extends EventEmitter
 					kind           : producer.kind,
 					producerId     : producer.id,
 					id             : consumer.id,
-					kind           : consumer.kind,
 					rtpParameters  : consumer.rtpParameters,
 					type           : consumer.type,
 					appData        : producer.appData,
diff --git a/server/package.json b/server/package.json
index 76e6ab6..4a80107 100644
--- a/server/package.json
+++ b/server/package.json
@@ -1,29 +1,24 @@
 {
-  "name": "multiparty-meeting-server",
-  "version": "3.0.0",
-  "private": true,
-  "description": "multiparty meeting server",
-  "author": "Håvar Aambø Fosstveit <h@fosstveit.net>",
-  "license": "MIT",
-  "main": "lib/index.js",
-  "dependencies": {
-    "awaitqueue": "^1.0.0",
-    "base-64": "^0.1.0",
-    "colors": "^1.4.0",
-    "compression": "^1.7.4",
-    "debug": "^4.1.1",
-    "express": "^4.17.1",
-    "express-session": "^1.17.0",
-    "express-socket.io-session": "^1.3.5",
-    "mediasoup": "^3.0.12",
-    "openid-client": "^3.7.3",
-    "passport": "^0.4.0",
-    "socket.io": "^2.3.0",
-    "spdy": "^4.0.1"
-  },
-  "devDependencies": {
-    "gulp": "^4.0.2",
-    "gulp-eslint": "^6.0.0",
-    "gulp-plumber": "^1.2.1"
-  }
+	"name": "multiparty-meeting-server",
+	"version": "3.0.0",
+	"private": true,
+	"description": "multiparty meeting server",
+	"author": "Håvar Aambø Fosstveit <h@fosstveit.net>",
+	"license": "MIT",
+	"main": "lib/index.js",
+	"dependencies": {
+		"awaitqueue": "^1.0.0",
+		"base-64": "^0.1.0",
+		"colors": "^1.4.0",
+		"compression": "^1.7.4",
+		"debug": "^4.1.1",
+		"express": "^4.17.1",
+		"express-session": "^1.17.0",
+		"express-socket.io-session": "^1.3.5",
+		"mediasoup": "^3.0.12",
+		"openid-client": "^3.7.3",
+		"passport": "^0.4.0",
+		"socket.io": "^2.3.0",
+		"spdy": "^4.0.1"
+	}
 }
diff --git a/server/server.js b/server/server.js
index 4e42518..32d953d 100755
--- a/server/server.js
+++ b/server/server.js
@@ -1,7 +1,5 @@
 #!/usr/bin/env node
 
-'use strict';
-
 process.title = 'multiparty-meeting-server';
 
 const config = require('./config/config');
@@ -14,7 +12,6 @@ const mediasoup = require('mediasoup');
 const AwaitQueue = require('awaitqueue');
 const Logger = require('./lib/Logger');
 const Room = require('./lib/Room');
-const utils = require('./util');
 const base64 = require('base-64');
 // auth
 const passport = require('passport');
@@ -26,7 +23,7 @@ const sharedSession = require('express-socket.io-session');
 console.log('- process.env.DEBUG:', process.env.DEBUG);
 console.log('- config.mediasoup.logLevel:', config.mediasoup.logLevel);
 console.log('- config.mediasoup.logTags:', config.mediasoup.logTags);
-/* eslint-enable nopassportSocketIo-console */
+/* eslint-enable no-console */
 
 const logger = new Logger();
 
@@ -57,11 +54,12 @@ const session = expressSession({
 	resave            : true,
 	saveUninitialized : true,
 	cookie            : { secure: true }
-})
+});
 
 app.use(session);
 
 let httpsServer;
+let io;
 let oidcClient;
 let oidcStrategy;
 
@@ -99,10 +97,10 @@ async function run()
 			// Run WebSocketServer.
 			await runWebSocketServer();
 		})
-		.catch((err) =>
-		{
-			logger.error(err);
-		});
+			.catch((err) =>
+			{
+				logger.error(err);
+			});
 	}
 	else
 	{
@@ -219,8 +217,7 @@ async function setupAuth(oidcIssuer)
 			state : base64.encode(JSON.stringify({
 				id     : req.query.id,
 				roomId : req.query.roomId,
-				peerId : req.query.peerId,
-				code   : utils.random(10)
+				peerId : req.query.peerId
 			}))
 		})(req, res, next);
 	});
@@ -265,14 +262,14 @@ async function setupAuth(oidcIssuer)
 			room.peerAuthenticated(state.peerId);
 
 			io.sockets.socket(state.id).emit('notification',
-			{
-				method: 'auth',
-				data :
 				{
-					displayName : displayName,
-					picture     : photo
-				}
-			});
+					method : 'auth',
+					data   :
+					{
+						displayName : displayName,
+						picture     : photo
+					}
+				});
 
 			res.send('');
 		}
@@ -325,11 +322,11 @@ async function runHttpsServer()
  */
 async function runWebSocketServer()
 {
-	const io = require('socket.io')(httpsServer);
+	io = require('socket.io')(httpsServer);
 
 	io.use(
 		sharedSession(session, {
-			autoSave: true
+			autoSave : true
 		})
 	);
 
@@ -356,14 +353,14 @@ async function runWebSocketServer()
 
 			room.handleConnection({ peerId, socket });
 		})
-		.catch((error) =>
-		{
-			logger.error('room creation or room joining failed:%o', error);
+			.catch((error) =>
+			{
+				logger.error('room creation or room joining failed:%o', error);
 
-			socket.disconnect(true);
+				socket.disconnect(true);
 
-			return;
-		});
+				return;
+			});
 	});
 }
 
diff --git a/server/util.js b/server/util.js
deleted file mode 100644
index cfa4548..0000000
--- a/server/util.js
+++ /dev/null
@@ -1,18 +0,0 @@
-'use strict';
-
-var crypto = require('crypto');
-
-exports.random = function (howMany, chars) {
-    chars = chars
-        || "abcdefghijklmnopqrstuwxyzABCDEFGHIJKLMNOPQRSTUWXYZ0123456789";
-    var rnd = crypto.randomBytes(howMany)
-        , value = new Array(howMany)
-        , len = len = Math.min(256, chars.length)
-        , d = 256 / len
-
-    for (var i = 0; i < howMany; i++) {
-        value[i] = chars[Math.floor(rnd[i] / d)]
-    };
-
-    return value.join('');
-}

From 1ee666125d1a1de07d0c404591b5330bbf94eaac Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Wed, 23 Oct 2019 23:56:20 +0200
Subject: [PATCH 19/74] Fix: closing room only if Lobby is empty

---
 server/lib/Lobby.js | 22 +++++++++++++----
 server/lib/Room.js  | 57 +++++++++++++++++++++++++++++++--------------
 server/server.js    |  9 +++++++
 3 files changed, 67 insertions(+), 21 deletions(-)

diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index 62da0e5..fe88377 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -34,6 +34,14 @@ class Lobby extends EventEmitter
 		this._peers = {};
 	}
 
+	checkEmpty()
+	{
+		logger.info('checkEmpty()');
+		if (Object.keys(this._peers).length == 0)
+			return true
+		else return false;
+	}
+
 	peerList()
 	{
 		logger.info('peerList()');
@@ -75,6 +83,8 @@ class Lobby extends EventEmitter
 	{
 		logger.info('parkPeer()');
 
+		if ( this._closed ) return;
+
 		const peer = { peerId, socket, consume };
 
 		socket.emit('notification', { method: 'enteredLobby', data: {} });
@@ -86,7 +96,8 @@ class Lobby extends EventEmitter
 			logger.debug(
 				'Peer "request" event [method:%s, peerId:%s]',
 				request.method, peer.peerId);
-
+			
+			if (this._closed) return;
 			this._handleSocketRequest(peer, request, cb)
 				.catch((error) =>
 				{
@@ -98,19 +109,22 @@ class Lobby extends EventEmitter
 
 		socket.on('disconnect', () =>
 		{
-			if (this._closed)
-				return;
-
 			logger.debug('Peer "close" event [peerId:%s]', peer.peerId);
 
+			if (this._closed) return;
+
 			this.emit('peerClosed', peer);
 
 			delete this._peers[peer.peerId];
+
+			if ( this.checkEmpty() ) this.emit('lobbyEmpty');
 		});
 	}
 
 	async _handleSocketRequest(peer, request, cb)
 	{
+		logger.debug('_handleSocketRequest [peer:%o], [request:%o]', peer, request);
+		if (this._closed) return;
 		switch (request.method)
 		{
 			case 'changeDisplayName':
diff --git a/server/lib/Room.js b/server/lib/Room.js
index e702367..59c64df 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -99,6 +99,16 @@ class Room extends EventEmitter
 			});
 		});
 
+		// If nobody left in lobby we should check if room is empty too and initiating
+		// rooms selfdestruction sequence  
+		this._lobby.on('lobbyEmpty', () =>
+		{
+			if ( this.checkEmpty() )
+			{
+				this.selfDestructCountdown();
+			}
+		})
+
 		this._chatHistory = [];
 
 		this._fileHistory = [];
@@ -155,6 +165,25 @@ class Room extends EventEmitter
 		return this._roomId;
 	}
 
+	selfDestructCountdown()
+	{
+		logger.debug('selfDestructCountdown() started')
+		setTimeout(() =>
+		{
+			if (this._closed)
+				return;
+
+			if (this.checkEmpty() && this._lobby.checkEmpty())
+			{
+				logger.info(
+					'Room deserted for some time, closing the room [roomId:%s]',
+					this._roomId);
+				this.close();
+			}
+			else logger.debug('selfDestructCountdown() aborted; room is not empty!')
+		}, 10000);
+	}
+
 	close()
 	{
 		logger.debug('close()');
@@ -187,6 +216,13 @@ class Room extends EventEmitter
 		);
 	}
 
+	// checks both room and lobby
+	checkEmpty()
+	{
+		if (( Object.keys(this._peers).length == 0) && (this._lobby.checkEmpty())) return true
+		else return false;
+	}
+
 	handleConnection({ peerId, consume, socket })
 	{
 		logger.info('handleConnection() [peerId:"%s"]', peerId);
@@ -296,7 +332,7 @@ class Room extends EventEmitter
 			if (this._closed)
 				return;
 
-			logger.debug('Peer "close" event [peerId:%s]', peer.id);
+			logger.debug('Peer "disconnect" event [peerId:%s]', peer.id);
 
 			// If the Peer was joined, notify all Peers.
 			if (peer.data.joined)
@@ -320,23 +356,10 @@ class Room extends EventEmitter
 
 			delete this._peers[peer.id];
 
-			// If this is the latest Peer in the room, close the room after a while.
-			if (Object.keys(this._peers).length == 0)
+			// If this is the latest Peer in the room and lobby is empty, close the room after a while.
+			if (this.checkEmpty())
 			{
-				setTimeout(() =>
-				{
-					if (this._closed)
-						return;
-
-					if (Object.keys(this._peers).length == 0)
-					{
-						logger.info(
-							'last Peer in the room left, closing the room [roomId:%s]',
-							this._roomId);
-
-						this.close();
-					}
-				}, 10000);
+				this.selfDestructCountdown();
 			}
 		});
 	}
diff --git a/server/server.js b/server/server.js
index 4e42518..c1c85d9 100755
--- a/server/server.js
+++ b/server/server.js
@@ -126,6 +126,15 @@ async function run()
 			room.logStatus();
 		}
 	}, 120000);
+
+	// check for deserted rooms
+	setInterval(() =>
+	{
+		for (const room of rooms.values())
+		{
+			room.checkEmpty();
+		}
+	}, 10000);
 }
 
 async function setupAuth(oidcIssuer)

From 1be82b45d8f4c6aa63eefc470627ec555ac16d7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 24 Oct 2019 00:01:24 +0200
Subject: [PATCH 20/74] Fixed server security issues.

---
 server/package.json |  3 +++
 server/server.js    | 47 +++++++++++++++++++++++++++++++--------------
 2 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/server/package.json b/server/package.json
index 4a80107..67da924 100644
--- a/server/package.json
+++ b/server/package.json
@@ -9,12 +9,15 @@
 	"dependencies": {
 		"awaitqueue": "^1.0.0",
 		"base-64": "^0.1.0",
+		"body-parser": "^1.19.0",
 		"colors": "^1.4.0",
 		"compression": "^1.7.4",
+		"cookie-parser": "^1.4.4",
 		"debug": "^4.1.1",
 		"express": "^4.17.1",
 		"express-session": "^1.17.0",
 		"express-socket.io-session": "^1.3.5",
+		"helmet": "^3.21.2",
 		"mediasoup": "^3.0.12",
 		"openid-client": "^3.7.3",
 		"passport": "^0.4.0",
diff --git a/server/server.js b/server/server.js
index 32d953d..8d6ccdb 100755
--- a/server/server.js
+++ b/server/server.js
@@ -7,12 +7,15 @@ const fs = require('fs');
 const http = require('http');
 const spdy = require('spdy');
 const express = require('express');
+const bodyParser = require('body-parser');
+const cookieParser = require('cookie-parser');
 const compression = require('compression');
 const mediasoup = require('mediasoup');
 const AwaitQueue = require('awaitqueue');
 const Logger = require('./lib/Logger');
 const Room = require('./lib/Room');
 const base64 = require('base-64');
+const helmet = require('helmet');
 // auth
 const passport = require('passport');
 const { Issuer, Strategy } = require('openid-client');
@@ -49,20 +52,24 @@ const tls =
 
 const app = express();
 
+app.use(helmet.hsts());
+
+app.use(cookieParser());
+app.use(bodyParser.json());
+app.use(bodyParser.urlencoded({ extended: true }));
+
 const session = expressSession({
 	secret            : config.cookieSecret,
 	resave            : true,
 	saveUninitialized : true,
-	cookie            : { secure: true }
+	cookie            : {
+		secure   : true,
+		httpOnly : true
+	}
 });
 
 app.use(session);
 
-let httpsServer;
-let io;
-let oidcClient;
-let oidcStrategy;
-
 passport.serializeUser((user, done) =>
 {
 	done(null, user);
@@ -73,6 +80,11 @@ passport.deserializeUser((user, done) =>
 	done(null, user);
 });
 
+let httpsServer;
+let io;
+let oidcClient;
+let oidcStrategy;
+
 const auth = config.auth;
 
 async function run()
@@ -261,15 +273,20 @@ async function setupAuth(oidcIssuer)
 
 			room.peerAuthenticated(state.peerId);
 
-			io.sockets.socket(state.id).emit('notification',
-				{
-					method : 'auth',
-					data   :
+			const socket = io.sockets.socket(state.id);
+
+			if (socket)
+			{
+				socket.emit('notification',
 					{
-						displayName : displayName,
-						picture     : photo
-					}
-				});
+						method : 'auth',
+						data   :
+						{
+							displayName : displayName,
+							picture     : photo
+						}
+					});
+			}
 
 			res.send('');
 		}
@@ -335,6 +352,8 @@ async function runWebSocketServer()
 	{
 		const { roomId, peerId } = socket.handshake.query;
 
+		logger.info('socket.io "connection" | [session:"%o"]', socket.handshake.session);
+
 		if (!roomId || !peerId)
 		{
 			logger.warn('connection request without roomId and/or peerId');

From a8149d29d8d44c9ad813d6c2770b258648154616 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 24 Oct 2019 00:08:49 +0200
Subject: [PATCH 21/74] Small fixes.

---
 server/lib/Room.js | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/server/lib/Room.js b/server/lib/Room.js
index 7b0cf00..a59a340 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -102,11 +102,11 @@ class Room extends EventEmitter
 		// rooms selfdestruction sequence  
 		this._lobby.on('lobbyEmpty', () =>
 		{
-			if ( this.checkEmpty() )
+			if (this.checkEmpty())
 			{
 				this.selfDestructCountdown();
 			}
-		})
+		});
 
 		this._chatHistory = [];
 
@@ -166,7 +166,8 @@ class Room extends EventEmitter
 
 	selfDestructCountdown()
 	{
-		logger.debug('selfDestructCountdown() started')
+		logger.debug('selfDestructCountdown() started');
+
 		setTimeout(() =>
 		{
 			if (this._closed)
@@ -179,7 +180,8 @@ class Room extends EventEmitter
 					this._roomId);
 				this.close();
 			}
-			else logger.debug('selfDestructCountdown() aborted; room is not empty!')
+			else
+				logger.debug('selfDestructCountdown() aborted; room is not empty!');
 		}, 10000);
 	}
 
@@ -218,8 +220,10 @@ class Room extends EventEmitter
 	// checks both room and lobby
 	checkEmpty()
 	{
-		if (( Object.keys(this._peers).length == 0) && (this._lobby.checkEmpty())) return true
-		else return false;
+		if ((Object.keys(this._peers).length == 0) && (this._lobby.checkEmpty()))
+			return true;
+		else
+			return false;
 	}
 
 	handleConnection({ peerId, consume, socket })
@@ -355,7 +359,8 @@ class Room extends EventEmitter
 
 			delete this._peers[peer.id];
 
-			// If this is the latest Peer in the room and lobby is empty, close the room after a while.
+			// If this is the last Peer in the room and
+			// lobby is empty, close the room after a while.
 			if (this.checkEmpty())
 			{
 				this.selfDestructCountdown();

From bf754d47976fdf00160468a6e70b8aa65744ccd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 24 Oct 2019 09:03:30 +0200
Subject: [PATCH 22/74] Some tests.

---
 app/public/authCallback.html     | 14 ++++++++++++++
 app/src/RoomClient.js            |  5 +++++
 app/src/components/JoinDialog.js | 27 ++++++++++++++++-----------
 server/server.js                 |  4 ++--
 4 files changed, 37 insertions(+), 13 deletions(-)
 create mode 100644 app/public/authCallback.html

diff --git a/app/public/authCallback.html b/app/public/authCallback.html
new file mode 100644
index 0000000..51b7574
--- /dev/null
+++ b/app/public/authCallback.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset='utf-8'>
+		<title>Multiparty Meeting</title>
+	</head>
+	<body>
+		<script type='text/javascript'>
+			window.opener.receiveFromChildWindow('Data from child window!');
+
+			window.close();
+		</script>
+	</body>
+</html>
diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 99bf103..6715b2d 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -323,6 +323,11 @@ export default class RoomClient
 		this._loginWindow.close();
 	}
 
+	receiveFromChildWindow(data)
+	{
+		logger.debug('receiveFromChildWindow() | [data:"%o"]', data);
+	}
+
 	_soundNotification()
 	{
 		const alertPromise = this._soundAlert.play();
diff --git a/app/src/components/JoinDialog.js b/app/src/components/JoinDialog.js
index e27d78e..70a2a94 100644
--- a/app/src/components/JoinDialog.js
+++ b/app/src/components/JoinDialog.js
@@ -54,6 +54,7 @@ const styles = (theme) =>
 const JoinDialog = ({
 	roomClient,
 	displayName,
+	loginEnabled,
 	changeDisplayName,
 	classes
 }) =>
@@ -119,16 +120,18 @@ const JoinDialog = ({
 					margin='normal'
 				/>
 				<DialogActions>
-					<Button
-						onClick={() =>
-						{
-							roomClient.join({ joinVideo: false });
-						}}
-						variant='contained'
-						color='secondary'
-					>
-						Sign in
-					</Button>
+					{ loginEnabled &&
+						<Button
+							onClick={() =>
+							{
+								roomClient.login();
+							}}
+							variant='contained'
+							color='secondary'
+						>
+							Sign in
+						</Button>
+					}
 					<Button
 						onClick={() =>
 						{
@@ -159,6 +162,7 @@ JoinDialog.propTypes =
 {
 	roomClient        : PropTypes.any.isRequired,
 	displayName       : PropTypes.string.isRequired,
+	loginEnabled      : PropTypes.string.isRequired,
 	changeDisplayName : PropTypes.func.isRequired,
 	classes           : PropTypes.object.isRequired
 };
@@ -166,7 +170,8 @@ JoinDialog.propTypes =
 const mapStateToProps = (state) =>
 {
 	return {
-		displayName : state.settings.displayName
+		displayName  : state.settings.displayName,
+		loginEnabled : state.me.loginEnabled
 	};
 };
 
diff --git a/server/server.js b/server/server.js
index 0b1409d..26c9bf3 100755
--- a/server/server.js
+++ b/server/server.js
@@ -282,7 +282,7 @@ async function setupAuth(oidcIssuer)
 
 			room.peerAuthenticated(state.peerId);
 
-			const socket = io.sockets.socket(state.id);
+			const socket = io.sockets.sockets[state.id];
 
 			if (socket)
 			{
@@ -297,7 +297,7 @@ async function setupAuth(oidcIssuer)
 					});
 			}
 
-			res.send('');
+			res.sendFile(`${__dirname}/public/authCallback.html`);
 		}
 	);
 }

From 263cdb74308e94f5683a7f558a02dfc3d3e44a0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 24 Oct 2019 09:26:34 +0200
Subject: [PATCH 23/74] Some tests.

---
 app/public/authCallback.html | 14 --------------
 server/httpHelper.js         | 21 +++++++++++++++++++++
 server/server.js             |  6 +++++-
 3 files changed, 26 insertions(+), 15 deletions(-)
 delete mode 100644 app/public/authCallback.html
 create mode 100644 server/httpHelper.js

diff --git a/app/public/authCallback.html b/app/public/authCallback.html
deleted file mode 100644
index 51b7574..0000000
--- a/app/public/authCallback.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset='utf-8'>
-		<title>Multiparty Meeting</title>
-	</head>
-	<body>
-		<script type='text/javascript'>
-			window.opener.receiveFromChildWindow('Data from child window!');
-
-			window.close();
-		</script>
-	</body>
-</html>
diff --git a/server/httpHelper.js b/server/httpHelper.js
new file mode 100644
index 0000000..bed0248
--- /dev/null
+++ b/server/httpHelper.js
@@ -0,0 +1,21 @@
+export default (data) =>
+{
+	const html = `<!DOCTYPE html>
+	<html>
+		<head>
+			<meta charset='utf-8'>
+			<title>Multiparty Meeting</title>
+		</head>
+		<body>
+			<script type='text/javascript'>
+				let data = ${data};
+	
+				window.opener.CLIENT.receiveFromChildWindow(data);
+	
+				window.close();
+			</script>
+		</body>
+	</html>`;
+
+	return html;
+};
\ No newline at end of file
diff --git a/server/server.js b/server/server.js
index 26c9bf3..760c85c 100755
--- a/server/server.js
+++ b/server/server.js
@@ -16,6 +16,7 @@ const Logger = require('./lib/Logger');
 const Room = require('./lib/Room');
 const base64 = require('base-64');
 const helmet = require('helmet');
+const httpHelper = require('./httpHelper');
 // auth
 const passport = require('passport');
 const { Issuer, Strategy } = require('openid-client');
@@ -297,7 +298,10 @@ async function setupAuth(oidcIssuer)
 					});
 			}
 
-			res.sendFile(`${__dirname}/public/authCallback.html`);
+			res.send(httpHelper({
+				displayName : displayName,
+				picture     : photo
+			}));
 		}
 	);
 }

From e148c8d2a09d32d7212aa2f7f46a582561b872a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 24 Oct 2019 09:40:35 +0200
Subject: [PATCH 24/74] Mistake.

---
 server/httpHelper.js | 6 ++++--
 server/server.js     | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/server/httpHelper.js b/server/httpHelper.js
index bed0248..29866cd 100644
--- a/server/httpHelper.js
+++ b/server/httpHelper.js
@@ -1,4 +1,4 @@
-export default (data) =>
+function httpHelper(data)
 {
 	const html = `<!DOCTYPE html>
 	<html>
@@ -18,4 +18,6 @@ export default (data) =>
 	</html>`;
 
 	return html;
-};
\ No newline at end of file
+}
+
+module.exports = httpHelper;
\ No newline at end of file
diff --git a/server/server.js b/server/server.js
index 760c85c..c1e6f14 100755
--- a/server/server.js
+++ b/server/server.js
@@ -299,6 +299,7 @@ async function setupAuth(oidcIssuer)
 			}
 
 			res.send(httpHelper({
+				success     : true,
 				displayName : displayName,
 				picture     : photo
 			}));

From 5247bfe332aec67571bc04edf297d85452356ce3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 24 Oct 2019 09:45:26 +0200
Subject: [PATCH 25/74] Need to stringify.

---
 server/httpHelper.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/server/httpHelper.js b/server/httpHelper.js
index 29866cd..c45c93a 100644
--- a/server/httpHelper.js
+++ b/server/httpHelper.js
@@ -8,7 +8,7 @@ function httpHelper(data)
 		</head>
 		<body>
 			<script type='text/javascript'>
-				let data = ${data};
+				let data = ${JSON.stringify(data)};
 	
 				window.opener.CLIENT.receiveFromChildWindow(data);
 	

From 7b6532878981153c88c23c4ba2640e2a41b15721 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 24 Oct 2019 10:10:22 +0200
Subject: [PATCH 26/74] Cleaned up login code.

---
 app/src/RoomClient.js | 40 ++++++++++++++--------------------------
 server/server.js      | 16 ----------------
 2 files changed, 14 insertions(+), 42 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 6715b2d..128c56b 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -308,7 +308,7 @@ export default class RoomClient
 
 	login()
 	{
-		const url = `/auth/login?id=${this._signalingSocket.io.engine.id}&roomId=${this._roomId}&peerId=${this._peerId}`;
+		const url = `/auth/login?roomId=${this._roomId}&peerId=${this._peerId}`;
 
 		this._loginWindow = window.open(url, 'loginWindow');
 	}
@@ -318,14 +318,22 @@ export default class RoomClient
 		window.location = '/auth/logout';
 	}
 
-	closeLoginWindow()
-	{
-		this._loginWindow.close();
-	}
-
 	receiveFromChildWindow(data)
 	{
 		logger.debug('receiveFromChildWindow() | [data:"%o"]', data);
+
+		const { displayName, picture } = data;
+
+		this.changeDisplayName(displayName);
+		this.changeProfilePicture(picture);
+
+		store.dispatch(stateActions.setPicture(picture));
+		store.dispatch(stateActions.loggedIn());
+
+		store.dispatch(requestActions.notify(
+			{
+				text : 'You are logged in.'
+			}));
 	}
 
 	_soundNotification()
@@ -1461,26 +1469,6 @@ export default class RoomClient
 					break;
 				}
 
-				case 'auth':
-				{
-					const { displayName, picture } = notification.data;
-
-					this.changeDisplayName(displayName);
-
-					this.changeProfilePicture(picture);
-					store.dispatch(stateActions.setPicture(picture));
-					store.dispatch(stateActions.loggedIn());
-
-					store.dispatch(requestActions.notify(
-						{
-							text : 'You are logged in.'
-						}));
-
-					this.closeLoginWindow();
-
-					break;
-				}
-
 				case 'chatMessage':
 				{
 					const { peerId, chatMessage } = notification.data;
diff --git a/server/server.js b/server/server.js
index c1e6f14..be40826 100755
--- a/server/server.js
+++ b/server/server.js
@@ -237,7 +237,6 @@ async function setupAuth(oidcIssuer)
 	{
 		passport.authenticate('oidc', {
 			state : base64.encode(JSON.stringify({
-				id     : req.query.id,
 				roomId : req.query.roomId,
 				peerId : req.query.peerId
 			}))
@@ -283,21 +282,6 @@ async function setupAuth(oidcIssuer)
 
 			room.peerAuthenticated(state.peerId);
 
-			const socket = io.sockets.sockets[state.id];
-
-			if (socket)
-			{
-				socket.emit('notification',
-					{
-						method : 'auth',
-						data   :
-						{
-							displayName : displayName,
-							picture     : photo
-						}
-					});
-			}
-
 			res.send(httpHelper({
 				success     : true,
 				displayName : displayName,

From 7e292b29c1f7b3c485f9b0318472db8ac7ef11d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 24 Oct 2019 10:32:28 +0200
Subject: [PATCH 27/74] User can login without joining.

---
 app/src/RoomClient.js | 7 +++++--
 server/server.js      | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 128c56b..47a04af 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -324,8 +324,11 @@ export default class RoomClient
 
 		const { displayName, picture } = data;
 
-		this.changeDisplayName(displayName);
-		this.changeProfilePicture(picture);
+		if (store.getState().room.joined)
+		{
+			this.changeDisplayName(displayName);
+			this.changeProfilePicture(picture);
+		}
 
 		store.dispatch(stateActions.setPicture(picture));
 		store.dispatch(stateActions.loggedIn());
diff --git a/server/server.js b/server/server.js
index be40826..839029f 100755
--- a/server/server.js
+++ b/server/server.js
@@ -280,7 +280,7 @@ async function setupAuth(oidcIssuer)
 
 			const room = rooms.get(state.roomId);
 
-			room.peerAuthenticated(state.peerId);
+			room && room.peerAuthenticated(state.peerId);
 
 			res.send(httpHelper({
 				success     : true,

From 5adb08e18485c724b42ba2acbce65ae9671b0385 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 24 Oct 2019 11:01:54 +0200
Subject: [PATCH 28/74] Added config for requiring guests to sign in.

---
 server/config/config.example.js |  6 ++++++
 server/lib/Room.js              | 26 ++++++++++++++++++--------
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/server/config/config.example.js b/server/config/config.example.js
index 5f2a42f..a358a14 100644
--- a/server/config/config.example.js
+++ b/server/config/config.example.js
@@ -33,6 +33,12 @@ module.exports =
 	// Any http request is redirected to https.
 	// Listening port for http server. 
 	listeningRedirectPort : 80,
+	// If this is set to true, only signed-in users will be able
+	// to join a room directly. Non-signed-in users (guests) will
+	// always be put in the lobby regardless of room lock status.
+	// If false, there is no difference between guests and signed-in
+	// users when joining.
+	requireSignInToAccess : true,
 	// Mediasoup settings
 	mediasoup             :
 	{
diff --git a/server/lib/Room.js b/server/lib/Room.js
index a59a340..6f7a379 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -244,18 +244,28 @@ class Room extends EventEmitter
 			delete this._peers[peerId];
 		}
 		else if (this._locked) // Don't allow connections to a locked room
+			this._parkPeer({ peerId, consume, socket })
+		else if (config.requireSignInToAccess) // Only allow signed in users directly into room
 		{
-			this._lobby.parkPeer({ peerId, consume, socket });
+			const { passport } = socket.handshake.session;
 
-			Object.values(this._peers).forEach((peer) =>
-			{
-				this._notification(peer.socket, 'parkedPeer', { peerId });
-			});
-
-			return;
+			if (passport && passport.user)
+				this._peerJoining({ peerId, consume, socket });
+			else
+				this._parkPeer({ peerId, consume, socket })
 		}
+		else
+			this._peerJoining({ peerId, consume, socket });
+	}
 
-		this._peerJoining({ peerId, consume, socket });
+	_parkPeer({ peerId, consume, socket })
+	{
+		this._lobby.parkPeer({ peerId, consume, socket });
+
+		Object.values(this._peers).forEach((peer) =>
+		{
+			this._notification(peer.socket, 'parkedPeer', { peerId });
+		});
 	}
 
 	_peerJoining({ peerId, consume, socket })

From f38c5e38c5dac4d7ee421c84c996fec60947d0e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 24 Oct 2019 12:43:11 +0200
Subject: [PATCH 29/74] Small fixes and requireSignIn now working.

---
 app/src/RoomClient.js                         | 13 +--
 app/src/actions/stateActions.js               |  5 +-
 .../AccessControl/LockDialog/LockDialog.js    |  1 -
 app/src/components/App.js                     |  2 +-
 app/src/components/JoinDialog.js              | 19 ++--
 app/src/components/Lobby.js                   | 98 +++++++++++++++++--
 app/src/components/Room.js                    | 17 +++-
 app/src/index.js                              |  2 +-
 app/src/reducers/room.js                      |  8 +-
 9 files changed, 127 insertions(+), 38 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 47a04af..56cdb1c 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -1116,7 +1116,6 @@ export default class RoomClient
 
 		this._spotlights = new Spotlights(this._maxSpotlights, this._signalingSocket);
 
-		store.dispatch(stateActions.toggleJoined());
 		store.dispatch(stateActions.setRoomState('connecting'));
 
 		this._signalingSocket.on('connect', () =>
@@ -1294,6 +1293,8 @@ export default class RoomClient
 			{
 				case 'enteredLobby':
 				{
+					store.dispatch(stateActions.setInLobby(true));
+
 					const { displayName } = store.getState().settings;
 
 					await this.sendRequest('changeDisplayName', { displayName });
@@ -1302,18 +1303,14 @@ export default class RoomClient
 
 				case 'roomReady':
 				{
+					store.dispatch(stateActions.toggleJoined());
+					store.dispatch(stateActions.setInLobby(false));
+
 					await this._joinRoom({ joinVideo });
 
 					break;
 				}
 
-				case 'roomLocked':
-				{
-					store.dispatch(stateActions.setRoomLockedOut());
-
-					break;
-				}
-
 				case 'lockRoom':
 				{
 					store.dispatch(
diff --git a/app/src/actions/stateActions.js b/app/src/actions/stateActions.js
index 1e72125..2d8882e 100644
--- a/app/src/actions/stateActions.js
+++ b/app/src/actions/stateActions.js
@@ -36,10 +36,11 @@ export const setRoomUnLocked = () =>
 	};
 };
 
-export const setRoomLockedOut = () =>
+export const setInLobby = (inLobby) =>
 {
 	return {
-		type : 'SET_ROOM_LOCKED_OUT'
+		type    : 'SET_IN_LOBBY',
+		payload : { inLobby }
 	};
 };
 
diff --git a/app/src/components/AccessControl/LockDialog/LockDialog.js b/app/src/components/AccessControl/LockDialog/LockDialog.js
index f5b10ca..b50c076 100644
--- a/app/src/components/AccessControl/LockDialog/LockDialog.js
+++ b/app/src/components/AccessControl/LockDialog/LockDialog.js
@@ -164,7 +164,6 @@ const mapStateToProps = (state) =>
 	return {
 		room       : state.room,
 		lobbyPeers : lobbyPeersKeySelector(state)
-
 	};
 };
 
diff --git a/app/src/components/App.js b/app/src/components/App.js
index ce29f80..bdcc03d 100644
--- a/app/src/components/App.js
+++ b/app/src/components/App.js
@@ -11,7 +11,7 @@ const App = (props) =>
 		room
 	} = props;
 
-	if (room.lockedOut)
+	if (room.inLobby)
 	{
 		return (
 			<Lobby />
diff --git a/app/src/components/JoinDialog.js b/app/src/components/JoinDialog.js
index 70a2a94..95095af 100644
--- a/app/src/components/JoinDialog.js
+++ b/app/src/components/JoinDialog.js
@@ -59,8 +59,6 @@ const JoinDialog = ({
 	classes
 }) =>
 {
-	const [ localDisplayName, setLocalDisplayName ] = useState(displayName);
-
 	const handleKeyDown = (event) =>
 	{
 		const { key } = event;
@@ -70,10 +68,8 @@ const JoinDialog = ({
 			case 'Enter':
 			case 'Escape':
 			{
-				if (localDisplayName !== '') // Don't allow empty displayName
-					changeDisplayName(localDisplayName);
-				else
-					setLocalDisplayName(displayName);
+				if (displayName === '')
+					changeDisplayName('Guest');
 				break;
 			}
 			default:
@@ -104,18 +100,18 @@ const JoinDialog = ({
 					id='displayname'
 					label='Your name'
 					className={classes.textField}
-					value={localDisplayName}
+					value={displayName}
 					onChange={(event) =>
 					{
 						const { value } = event.target;
 
-						setLocalDisplayName(value);
+						changeDisplayName(value);
 					}}
 					onKeyDown={handleKeyDown}
 					onBlur={() =>
 					{
-						if (localDisplayName !== displayName)
-							changeDisplayName(localDisplayName);
+						if (displayName === '')
+							changeDisplayName('Guest');
 					}}
 					margin='normal'
 				/>
@@ -193,7 +189,8 @@ export default withRoomContext(connect(
 		areStatesEqual : (next, prev) =>
 		{
 			return (
-				prev.settings.displayName === next.settings.displayName
+				prev.settings.displayName === next.settings.displayName &&
+				prev.me.loginEnabled === next.me.loginEnabled
 			);
 		}
 	}
diff --git a/app/src/components/Lobby.js b/app/src/components/Lobby.js
index 915bc43..e374879 100644
--- a/app/src/components/Lobby.js
+++ b/app/src/components/Lobby.js
@@ -1,11 +1,14 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { connect } from 'react-redux';
 import { withStyles } from '@material-ui/core/styles';
 import { withRoomContext } from '../RoomContext';
 import * as stateActions from '../actions/stateActions';
 import PropTypes from 'prop-types';
+import Dialog from '@material-ui/core/Dialog';
 import Typography from '@material-ui/core/Typography';
-import Paper from '@material-ui/core/Paper';
+import DialogActions from '@material-ui/core/DialogActions';
+import Button from '@material-ui/core/Button';
+import TextField from '@material-ui/core/TextField';
 
 const styles = (theme) =>
 	({
@@ -49,27 +52,104 @@ const styles = (theme) =>
 	});
 
 const Lobby = ({
+	roomClient,
+	url,
+	displayName,
+	loginEnabled,
+	changeDisplayName,
 	classes
 }) =>
 {
+	const handleKeyDown = (event) =>
+	{
+		const { key } = event;
+
+		switch (key)
+		{
+			case 'Enter':
+			case 'Escape':
+			{
+				if (displayName === '')
+					changeDisplayName('Guest');
+				break;
+			}
+			default:
+				break;
+		}
+	};
+
 	return (
 		<div className={classes.root}>
-			<Paper className={classes.message}>
-				<Typography variant='h2'>This room is locked at the moment, try again later.</Typography>
-			</Paper>
+			<Dialog
+				open
+				classes={{
+					paper : classes.dialogPaper
+				}}
+			>
+				{ window.config.logo &&
+					<img alt='Logo' className={classes.logo} src={window.config.logo} />
+				}
+				<Typography variant='h2' align='center'>
+					Virtual lobby
+				</Typography>
+				<Typography variant='h6'>
+					You are currently in the virtual lobby of: {url}
+					Please wait for someone to let you in.
+				</Typography>
+				<TextField
+					id='displayname'
+					label='Your name'
+					className={classes.textField}
+					value={displayName}
+					onChange={(event) =>
+					{
+						const { value } = event.target;
+
+						changeDisplayName(value);
+					}}
+					onKeyDown={handleKeyDown}
+					onBlur={() =>
+					{
+						if (displayName === '')
+							changeDisplayName('Guest');
+					}}
+					margin='normal'
+				/>
+				<DialogActions>
+					{ loginEnabled &&
+						<Button
+							onClick={() =>
+							{
+								roomClient.login();
+							}}
+							variant='contained'
+							color='secondary'
+						>
+							Sign in
+						</Button>
+					}
+				</DialogActions>
+			</Dialog>
 		</div>
 	);
 };
 
 Lobby.propTypes =
 {
-	classes : PropTypes.object.isRequired
+	roomClient        : PropTypes.any.isRequired,
+	url               : PropTypes.string.isRequired,
+	displayName       : PropTypes.string.isRequired,
+	loginEnabled      : PropTypes.string.isRequired,
+	changeDisplayName : PropTypes.func.isRequired,
+	classes           : PropTypes.object.isRequired
 };
 
 const mapStateToProps = (state) =>
 {
 	return {
-		displayName : state.settings.displayName
+		url          : state.room.url,
+		displayName  : state.settings.displayName,
+		loginEnabled : state.me.loginEnabled
 	};
 };
 
@@ -91,7 +171,9 @@ export default withRoomContext(connect(
 		areStatesEqual : (next, prev) =>
 		{
 			return (
-				prev.settings.displayName === next.settings.displayName
+				prev.room.url === next.room.url &&
+				prev.settings.displayName === next.settings.displayName &&
+				prev.me.loginEnabled === next.me.loginEnabled
 			);
 		}
 	}
diff --git a/app/src/components/Room.js b/app/src/components/Room.js
index 71750b1..9590650 100644
--- a/app/src/components/Room.js
+++ b/app/src/components/Room.js
@@ -1,6 +1,9 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
+import {
+	lobbyPeersKeySelector
+} from './Selectors';
 import * as appPropTypes from './appPropTypes';
 import { withRoomContext } from '../RoomContext';
 import { withStyles } from '@material-ui/core/styles';
@@ -29,8 +32,7 @@ import VideoWindow from './VideoWindow/VideoWindow';
 import FullScreenIcon from '@material-ui/icons/Fullscreen';
 import FullScreenExitIcon from '@material-ui/icons/FullscreenExit';
 import SettingsIcon from '@material-ui/icons/Settings';
-import LockIcon from '@material-ui/icons/Lock';
-import LockOpenIcon from '@material-ui/icons/LockOpen';
+import SecurityIcon from '@material-ui/icons/Security';
 import LockDialog from './AccessControl/LockDialog/LockDialog';
 import Button from '@material-ui/core/Button';
 import Settings from './Settings/Settings';
@@ -258,6 +260,7 @@ class Room extends React.PureComponent
 		const {
 			roomClient,
 			room,
+			lobbyPeers,
 			advancedMode,
 			myPicture,
 			loggedIn,
@@ -327,7 +330,12 @@ class Room extends React.PureComponent
 								color='inherit'
 								onClick={() => setLockDialogOpen(!room.lockDialogOpen)}
 							>
-								{ room.locked ? <LockIcon /> : <LockOpenIcon /> }
+								<PulsingBadge
+									color='secondary'
+									badgeContent={lobbyPeers.length}
+								>
+									<SecurityIcon />
+								</PulsingBadge>
 							</IconButton>						
 							{ this.fullscreen.fullscreenEnabled &&
 								<IconButton
@@ -411,6 +419,7 @@ Room.propTypes =
 {
 	roomClient         : PropTypes.object.isRequired,
 	room               : appPropTypes.Room.isRequired,
+	lobbyPeers         : PropTypes.array,
 	advancedMode       : PropTypes.bool.isRequired,
 	myPicture          : PropTypes.string,
 	loggedIn           : PropTypes.bool.isRequired,
@@ -428,6 +437,7 @@ Room.propTypes =
 const mapStateToProps = (state) =>
 	({
 		room         : state.room,
+		lobbyPeers   : lobbyPeersKeySelector(state),
 		advancedMode : state.settings.advancedMode,
 		loggedIn     : state.me.loggedIn,
 		loginEnabled : state.me.loginEnabled,
@@ -466,6 +476,7 @@ export default withRoomContext(connect(
 		{
 			return (
 				prev.room === next.room &&
+				prev.lobbyPeers === next.lobbyPeers &&
 				prev.me.loggedIn === next.me.loggedIn &&
 				prev.me.loginEnabled === next.me.loginEnabled &&
 				prev.settings.picture === next.settings.picture &&
diff --git a/app/src/index.js b/app/src/index.js
index e463fbc..3561578 100644
--- a/app/src/index.js
+++ b/app/src/index.js
@@ -19,7 +19,7 @@ import * as serviceWorker from './serviceWorker';
 
 import './index.css';
 
-if (process.env.NODE_ENV !== 'production')
+if (process.env.REACT_APP_DEBUG === '*')
 {
 	debug.enable('* -engine* -socket* -RIE* *WARN* *ERROR*');
 }
diff --git a/app/src/reducers/room.js b/app/src/reducers/room.js
index 20a6026..04e8c2e 100644
--- a/app/src/reducers/room.js
+++ b/app/src/reducers/room.js
@@ -3,7 +3,7 @@ const initialState =
 	url                : null,
 	state              : 'new', // new/connecting/connected/disconnected/closed,
 	locked             : false,
-	lockedOut          : false,
+	enteredLobby       : false,
 	accessCode         : '', // access code to the room if locked and joinByAccessCode == true
 	joinByAccessCode   : true, // if true: accessCode is a possibility to open the room
 	activeSpeakerId    : null,
@@ -51,9 +51,11 @@ const room = (state = initialState, action) =>
 			return { ...state, locked: false };
 		}
 
-		case 'SET_ROOM_LOCKED_OUT':
+		case 'SET_IN_LOBBY':
 		{
-			return { ...state, lockedOut: true };
+			const { inLobby } = action.payload;
+
+			return { ...state, inLobby };
 		}
 
 		case 'SET_ACCESS_CODE':

From 01ea8b05d55bb6bd3cc1537a3a87740f36b20b2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 24 Oct 2019 12:53:44 +0200
Subject: [PATCH 30/74] Fixed display name.

---
 app/src/RoomClient.js            | 3 +++
 app/src/components/JoinDialog.js | 4 ++--
 app/src/components/Lobby.js      | 4 ++--
 app/src/reducers/settings.js     | 6 +-----
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 56cdb1c..dac26a0 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -418,6 +418,9 @@ export default class RoomClient
 	{
 		logger.debug('changeDisplayName() [displayName:"%s"]', displayName);
 
+		if (!displayName)
+			displayName = 'Guest';
+		
 		try
 		{
 			await this.sendRequest('changeDisplayName', { displayName });
diff --git a/app/src/components/JoinDialog.js b/app/src/components/JoinDialog.js
index 95095af..22d47da 100644
--- a/app/src/components/JoinDialog.js
+++ b/app/src/components/JoinDialog.js
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { connect } from 'react-redux';
 import { withStyles } from '@material-ui/core/styles';
 import { withRoomContext } from '../RoomContext';
@@ -158,7 +158,7 @@ JoinDialog.propTypes =
 {
 	roomClient        : PropTypes.any.isRequired,
 	displayName       : PropTypes.string.isRequired,
-	loginEnabled      : PropTypes.string.isRequired,
+	loginEnabled      : PropTypes.bool.isRequired,
 	changeDisplayName : PropTypes.func.isRequired,
 	classes           : PropTypes.object.isRequired
 };
diff --git a/app/src/components/Lobby.js b/app/src/components/Lobby.js
index e374879..e0fe8e9 100644
--- a/app/src/components/Lobby.js
+++ b/app/src/components/Lobby.js
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { connect } from 'react-redux';
 import { withStyles } from '@material-ui/core/styles';
 import { withRoomContext } from '../RoomContext';
@@ -139,7 +139,7 @@ Lobby.propTypes =
 	roomClient        : PropTypes.any.isRequired,
 	url               : PropTypes.string.isRequired,
 	displayName       : PropTypes.string.isRequired,
-	loginEnabled      : PropTypes.string.isRequired,
+	loginEnabled      : PropTypes.bool.isRequired,
 	changeDisplayName : PropTypes.func.isRequired,
 	classes           : PropTypes.object.isRequired
 };
diff --git a/app/src/reducers/settings.js b/app/src/reducers/settings.js
index 1f0a0db..88734d6 100644
--- a/app/src/reducers/settings.js
+++ b/app/src/reducers/settings.js
@@ -24,11 +24,7 @@ const settings = (state = initialState, action) =>
 
 		case 'SET_DISPLAY_NAME':
 		{
-			let { displayName } = action.payload;
-
-			// Be ready for undefined displayName (so keep previous one).
-			if (!displayName)
-				displayName = state.displayName;
+			const { displayName } = action.payload;
 
 			return { ...state, displayName };
 		}

From 76c6b5121e919770c2032fe1ea16eda6d5bc1682 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Thu, 24 Oct 2019 12:56:31 +0200
Subject: [PATCH 31/74] Removed picture from localstorage.

---
 app/src/reducers/me.js       | 4 ++++
 app/src/reducers/settings.js | 6 ------
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/src/reducers/me.js b/app/src/reducers/me.js
index 8f0969b..4297de2 100644
--- a/app/src/reducers/me.js
+++ b/app/src/reducers/me.js
@@ -2,6 +2,7 @@ const initialState =
 {
 	id                    : null,
 	device                : null,
+	picture               : null,
 	canSendMic            : false,
 	canSendWebcam         : false,
 	canShareScreen        : false,
@@ -43,6 +44,9 @@ const me = (state = initialState, action) =>
 		case 'USER_LOGOUT':
 			return { ...state, loggedIn: false };
 
+		case 'SET_PICTURE':
+			return { ...state, picture: action.payload.picture };
+
 		case 'SET_MEDIA_CAPABILITIES':
 		{
 			const {
diff --git a/app/src/reducers/settings.js b/app/src/reducers/settings.js
index 88734d6..ec9e322 100644
--- a/app/src/reducers/settings.js
+++ b/app/src/reducers/settings.js
@@ -1,7 +1,6 @@
 const initialState =
 {
 	displayName         : 'Guest',
-	picture             : null,
 	selectedWebcam      : null,
 	selectedAudioDevice : null,
 	advancedMode        : false,
@@ -29,11 +28,6 @@ const settings = (state = initialState, action) =>
 			return { ...state, displayName };
 		}
 
-		case 'SET_PICTURE':
-		{
-			return { ...state, picture: action.payload.picture };
-		}
-
 		case 'TOGGLE_ADVANCED_MODE':
 		{
 			const advancedMode = !state.advancedMode;

From 39c3f7c36d1610563678a3815207d85bc3be22d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 25 Oct 2019 13:34:28 +0200
Subject: [PATCH 32/74] Refactored a bit of code and added a Peer class to the
 server.

---
 README.md             |   5 +
 app/src/RoomClient.js |  80 ++++----
 app/src/index.js      |   5 +-
 server/lib/Lobby.js   |  84 ++++----
 server/lib/Peer.js    | 268 +++++++++++++++++++++++++
 server/lib/Room.js    | 441 +++++++++++++++++++-----------------------
 server/server.js      |  24 ++-
 7 files changed, 571 insertions(+), 336 deletions(-)
 create mode 100644 server/lib/Peer.js

diff --git a/README.md b/README.md
index 82137d3..c699a76 100644
--- a/README.md
+++ b/README.md
@@ -110,3 +110,8 @@ This started as a fork of the [work](https://github.com/versatica/mediasoup-demo
 ## License
 
 MIT
+
+
+Contributions to this work were made on behalf of the GÉANT project, a project that has received funding from the European Union’s Horizon 2020 research and innovation programme under Grant Agreement No. 731122 (GN4-2). On behalf of GÉANT project, GÉANT Association is the sole owner of the copyright in all material which was developed by a member of the GÉANT project.
+
+GÉANT Vereniging (Association) is registered with the Chamber of Commerce in Amsterdam with registration number 40535155 and operates in the UK as a branch of GÉANT Vereniging. Registered office: Hoekenrode 3, 1102BR Amsterdam, The Netherlands. UK branch address: City House, 126-130 Hills Road, Cambridge CB2 1PQ, UK.
\ No newline at end of file
diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index dac26a0..2b6638e 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -77,11 +77,11 @@ export default class RoomClient
 	}
 
 	constructor(
-		{ roomId, peerId, accessCode, device, useSimulcast, produce, consume, forceTcp })
+		{ roomId, peerId, accessCode, device, useSimulcast, produce, forceTcp })
 	{
 		logger.debug(
-			'constructor() [roomId: "%s", peerId: "%s", device: "%s", useSimulcast: "%s", produce: "%s", consume: "%s", forceTcp: "%s"]',
-			roomId, peerId, device.flag, useSimulcast, produce, consume, forceTcp);
+			'constructor() [roomId: "%s", peerId: "%s", device: "%s", useSimulcast: "%s", produce: "%s", forceTcp: "%s"]',
+			roomId, peerId, device.flag, useSimulcast, produce, forceTcp);
 
 		this._signalingUrl = getSignalingUrl(peerId, roomId);
 
@@ -94,9 +94,6 @@ export default class RoomClient
 		// Whether we should produce.
 		this._produce = produce;
 
-		// Whether we should consume.
-		this._consume = consume;
-
 		// Wheter we force TCP
 		this._forceTcp = forceTcp;
 
@@ -308,7 +305,7 @@ export default class RoomClient
 
 	login()
 	{
-		const url = `/auth/login?roomId=${this._roomId}&peerId=${this._peerId}`;
+		const url = `/auth/login?id=${this._peerId}`;
 
 		this._loginWindow = window.open(url, 'loginWindow');
 	}
@@ -1705,44 +1702,41 @@ export default class RoomClient
 					});
 			}
 
-			if (this._consume)
-			{
-				const transportInfo = await this.sendRequest(
-					'createWebRtcTransport',
-					{
-						forceTcp  : this._forceTcp,
-						producing : false,
-						consuming : true
-					});
+			const transportInfo = await this.sendRequest(
+				'createWebRtcTransport',
+				{
+					forceTcp  : this._forceTcp,
+					producing : false,
+					consuming : true
+				});
 
-				const {
+			const {
+				id,
+				iceParameters,
+				iceCandidates,
+				dtlsParameters
+			} = transportInfo;
+
+			this._recvTransport = this._mediasoupDevice.createRecvTransport(
+				{
 					id,
 					iceParameters,
 					iceCandidates,
 					dtlsParameters
-				} = transportInfo;
+				});
 
-				this._recvTransport = this._mediasoupDevice.createRecvTransport(
-					{
-						id,
-						iceParameters,
-						iceCandidates,
-						dtlsParameters
-					});
-
-				this._recvTransport.on(
-					'connect', ({ dtlsParameters }, callback, errback) => // eslint-disable-line no-shadow
-					{
-						this.sendRequest(
-							'connectWebRtcTransport',
-							{
-								transportId : this._recvTransport.id,
-								dtlsParameters
-							})
-							.then(callback)
-							.catch(errback);
-					});
-			}
+			this._recvTransport.on(
+				'connect', ({ dtlsParameters }, callback, errback) => // eslint-disable-line no-shadow
+				{
+					this.sendRequest(
+						'connectWebRtcTransport',
+						{
+							transportId : this._recvTransport.id,
+							dtlsParameters
+						})
+						.then(callback)
+						.catch(errback);
+				});
 
 			// Set our media capabilities.
 			store.dispatch(stateActions.setMediaCapabilities(
@@ -1760,11 +1754,11 @@ export default class RoomClient
 					displayName     : displayName,
 					picture         : picture,
 					device          : this._device,
-					rtpCapabilities : this._consume
-						? this._mediasoupDevice.rtpCapabilities
-						: undefined
+					rtpCapabilities : this._mediasoupDevice.rtpCapabilities
 				});
-			
+
+			logger.debug('_joinRoom() joined, got peers [peers:"%o"]', peers);
+
 			for (const peer of peers)
 			{
 				store.dispatch(
diff --git a/app/src/index.js b/app/src/index.js
index 3561578..a412bb6 100644
--- a/app/src/index.js
+++ b/app/src/index.js
@@ -19,7 +19,7 @@ import * as serviceWorker from './serviceWorker';
 
 import './index.css';
 
-if (process.env.REACT_APP_DEBUG === '*')
+if (process.env.REACT_APP_DEBUG === '*' || process.env.NODE_ENV !== 'production')
 {
 	debug.enable('* -engine* -socket* -RIE* *WARN* *ERROR*');
 }
@@ -64,7 +64,6 @@ function run()
 
 	const accessCode = parameters.get('code');
 	const produce = parameters.get('produce') !== 'false';
-	const consume = parameters.get('consume') !== 'false';
 	const useSimulcast = parameters.get('simulcast') === 'true';
 	const forceTcp = parameters.get('forceTcp') === 'true';
 
@@ -85,7 +84,7 @@ function run()
 	);
 
 	roomClient = new RoomClient(
-		{ roomId, peerId, accessCode, device, useSimulcast, produce, consume, forceTcp });
+		{ roomId, peerId, accessCode, device, useSimulcast, produce, forceTcp });
 
 	global.CLIENT = roomClient;
 
diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index 1d7a7d3..c2c22f0 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -14,7 +14,7 @@ class Lobby extends EventEmitter
 		// Closed flag.
 		this._closed = false;
 
-		this._peers = {};
+		this._peers = new Map();
 	}
 
 	close()
@@ -23,110 +23,126 @@ class Lobby extends EventEmitter
 
 		this._closed = true;
 
-		Object.values(this._peers).forEach((peer) =>
+		this._peers.forEach((peer) =>
 		{
-			if (peer.socket)
-				peer.socket.disconnect();
+			if (!peer.closed)
+				peer.close();
 		});
 
-		this._peers = {};
+		this._peers.clear();
 	}
 
 	checkEmpty()
 	{
 		logger.info('checkEmpty()');
-		if (Object.keys(this._peers).length == 0)
-			return true
-		else return false;
+		
+		return this._peers.size === 0;
 	}
 
 	peerList()
 	{
 		logger.info('peerList()');
 
-		return Object.values(this._peers).map((peer) =>
+		return Array.from(this._peers.values()).map((peer) =>
 			({
-				peerId      : peer.peerId,
+				peerId      : peer.id,
 				displayName : peer.displayName 
 			}));
 	}
 
 	hasPeer(peerId)
 	{
-		return Boolean(this._peers[peerId]);
+		return this._peers.has(peerId);
 	}
 
 	promoteAllPeers()
 	{
 		logger.info('promoteAllPeers()');
 
-		Object.values(this._peers).forEach((peer) =>
+		this._peers.forEach((peer) =>
 		{
 			if (peer.socket)
-				this.promotePeer(peer.peerId);
+				this.promotePeer(peer.id);
 		});
 	}
 
 	promotePeer(peerId)
 	{
-		logger.info('promotePeer() [peerId: %s]', peerId);
+		logger.info('promotePeer() [peer:"%s"]', peerId);
 
-		const peer = this._peers[peerId];
+		const peer = this._peers.get(peerId);
 
 		if (peer)
 		{
 			this.emit('promotePeer', peer);
 
-			delete this._peers[peerId];
+			this._peers.delete(peerId);
 		}
 	}
 
-	parkPeer({ peerId, consume, socket })
+	parkPeer(peer)
 	{
-		logger.info('parkPeer()');
+		logger.info('parkPeer() [peer:"%s"]', peer.id);
 
-		if ( this._closed ) return;
+		if (this._closed)
+			return;
 
-		const peer = { peerId, socket, consume };
+		peer.socket.emit('notification', { method: 'enteredLobby', data: {} });
 
-		socket.emit('notification', { method: 'enteredLobby', data: {} });
+		this._peers.set(peer.id, peer);
 
-		this._peers[peerId] = peer;
+		peer.on('authenticationChange', () =>
+		{
+			logger.info('parkPeer() | authenticationChange [peer:"%s"]', peer.id);
 
-		socket.on('request', (request, cb) =>
+			peer.authenticated && this.emit('peerAuthenticated', peer);
+		});
+
+		peer.socket.on('request', (request, cb) =>
 		{
 			logger.debug(
-				'Peer "request" event [method:%s, peerId:%s]',
-				request.method, peer.peerId);
+				'Peer "request" event [method:"%s", peer:"%s"]',
+				request.method, peer.id);
 			
-			if (this._closed) return;
+			if (this._closed)
+				return;
+
 			this._handleSocketRequest(peer, request, cb)
 				.catch((error) =>
 				{
-					logger.error('request failed:%o', error);
+					logger.error('request failed [error:"%o"]', error);
 
 					cb(error);
 				});
 		});
 
-		socket.on('disconnect', () =>
+		peer.socket.on('disconnect', () =>
 		{
-			logger.debug('Peer "close" event [peerId:%s]', peer.peerId);
+			logger.debug('Peer "close" event [peer:"%s"]', peer.id);
 
-			if (this._closed) return;
+			if (this._closed)
+				return;
 
 			this.emit('peerClosed', peer);
 
-			delete this._peers[peer.peerId];
+			this._peers.delete(peer.id);
 
-			if ( this.checkEmpty() ) this.emit('lobbyEmpty');
+			if (this.checkEmpty())
+				this.emit('lobbyEmpty');
 		});
 	}
 
 	async _handleSocketRequest(peer, request, cb)
 	{
-		logger.debug('_handleSocketRequest [peer:%o], [request:%o]', peer, request);
-		if (this._closed) return;
+		logger.debug(
+			'_handleSocketRequest [peer:"%s"], [request:"%s"]',
+			peer.id,
+			request.method
+		);
+
+		if (this._closed)
+			return;
+
 		switch (request.method)
 		{
 			case 'changeDisplayName':
diff --git a/server/lib/Peer.js b/server/lib/Peer.js
new file mode 100644
index 0000000..f71aafd
--- /dev/null
+++ b/server/lib/Peer.js
@@ -0,0 +1,268 @@
+const EventEmitter = require('events').EventEmitter;
+const Logger = require('./Logger');
+
+const logger = new Logger('Peer');
+
+class Peer extends EventEmitter
+{
+	constructor({ id, socket })
+	{
+		logger.info('constructor() [id:"%s", socket:"%s"]', id, socket.id);
+		super();
+
+		this._id = id;
+
+		this._socket = socket;
+
+		this._closed = false;
+
+		this._joined = false;
+
+		this._authenticated = false;
+
+		this._displayName = false;
+
+		this._picture = null;
+
+		this._device = null;
+
+		this._rtpCapabilities = null;
+
+		this._raisedHand = false;
+
+		this._transports = new Map();
+
+		this._producers = new Map();
+
+		this._consumers = new Map();
+
+		this._handlePeer();
+	}
+
+	close()
+	{
+		logger.info('close()');
+
+		this._closed = true;
+
+		// Iterate and close all mediasoup Transport associated to this Peer, so all
+		// its Producers and Consumers will also be closed.
+		this.transports.forEach((transport) =>
+		{
+			transport.close();
+		});
+
+		if (this._socket)
+			this._socket.disconnect(true);
+
+		this.emit('close');
+	}
+
+	_handlePeer()
+	{
+		this.authenticated =
+			this.socket.handshake.session.passport &&
+			this.socket.handshake.session.passport.user;
+
+		this.socket.use((packet, next) =>
+		{
+			this.authenticated =
+				this.socket.handshake.session.passport &&
+				this.socket.handshake.session.passport.user;
+
+			return next();
+		});
+
+		this.socket.on('disconnect', () =>
+		{
+			if (this.closed)
+				return;
+
+			logger.debug('"disconnect" event [id:%s]', this.id);
+
+			this.close();
+		});
+	}
+
+	get id()
+	{
+		return this._id;
+	}
+
+	set id(id)
+	{
+		this._id = id;
+	}
+
+	get socket()
+	{
+		return this._socket;
+	}
+
+	set socket(socket)
+	{
+		this._socket = socket;
+	}
+
+	get closed()
+	{
+		return this._closed;
+	}
+
+	get joined()
+	{
+		return this._joined;
+	}
+
+	set joined(joined)
+	{
+		this._joined = joined;
+	}
+
+	get authenticated()
+	{
+		return this._authenticated;
+	}
+
+	set authenticated(authenticated)
+	{
+		if (authenticated !== this._authenticated)
+		{
+			logger.info('authenticated() | authenticationChange [peer:"%s", authenticated:"%s"]', this.id, authenticated);
+
+			this._authenticated = authenticated;
+			this.emit('authenticationChange');
+		}
+	}
+
+	get displayName()
+	{
+		return this._displayName;
+	}
+
+	set displayName(displayName)
+	{
+		this._displayName = displayName;
+	}
+
+	get picture()
+	{
+		return this._picture;
+	}
+
+	set picture(picture)
+	{
+		this._picture = picture;
+	}
+
+	get device()
+	{
+		return this._device;
+	}
+
+	set device(device)
+	{
+		this._device = device;
+	}
+
+	get rtpCapabilities()
+	{
+		return this._rtpCapabilities;
+	}
+
+	set rtpCapabilities(rtpCapabilities)
+	{
+		this._rtpCapabilities = rtpCapabilities;
+	}
+
+	get raisedHand()
+	{
+		return this._raisedHand;
+	}
+
+	set raisedHand(raisedHand)
+	{
+		this._raisedHand = raisedHand;
+	}
+
+	get transports()
+	{
+		return this._transports;
+	}
+
+	get producers()
+	{
+		return this._producers;
+	}
+
+	get consumers()
+	{
+		return this._consumers;
+	}
+
+	addTransport(id, transport)
+	{
+		this.transports.set(id, transport);
+	}
+
+	getTransport(id)
+	{
+		return this.transports.get(id);
+	}
+
+	getConsumerTransport()
+	{
+		return Array.from(this.transports.values())
+			.find((t) => t.appData.consuming);
+	}
+
+	removeTransport(id)
+	{
+		this.transports.delete(id);
+	}
+
+	addProducer(id, producer)
+	{
+		this.producers.set(id, producer);
+	}
+
+	getProducer(id)
+	{
+		return this.producers.get(id);
+	}
+
+	removeProducer(id)
+	{
+		this.producers.delete(id);
+	}
+
+	addConsumer(id, consumer)
+	{
+		this.consumers.set(id, consumer);
+	}
+
+	getConsumer(id)
+	{
+		return this.consumers.get(id);
+	}
+
+	removeConsumer(id)
+	{
+		this.consumers.delete(id);
+	}
+
+	get peerInfo()
+	{
+		const peerInfo =
+		{
+			id          : this.id,
+			displayName : this.displayName,
+			picture     : this.picture,
+			device      : this.device
+		};
+
+		return peerInfo;
+	}
+}
+
+module.exports = Peer;
diff --git a/server/lib/Room.js b/server/lib/Room.js
index 6f7a379..b8c8bf8 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -18,7 +18,7 @@ class Room extends EventEmitter
 	 */
 	static async create({ mediasoupWorker, roomId })
 	{
-		logger.info('create() [roomId:%s, forceH264:%s]', roomId);
+		logger.info('create() [roomId:"%s"]', roomId);
 
 		// Router media codecs.
 		const mediaCodecs = config.mediasoup.router.mediaCodecs;
@@ -62,39 +62,118 @@ class Room extends EventEmitter
 
 		this._lobby = new Lobby();
 
+		this._chatHistory = [];
+
+		this._fileHistory = [];
+
+		this._lastN = [];
+
+		this._peers = new Map();
+
+		// mediasoup Router instance.
+		this._mediasoupRouter = mediasoupRouter;
+
+		// mediasoup AudioLevelObserver.
+		this._audioLevelObserver = audioLevelObserver;
+
+		// Current active speaker.
+		this._currentActiveSpeaker = null;
+
+		this._handleLobby();
+		this._handleAudioLevelObserver();
+	}
+
+	close()
+	{
+		logger.debug('close()');
+
+		this._closed = true;
+
+		this._lobby.close();
+
+		this._peers.forEach((peer) =>
+		{
+			if (!peer.closed)
+				peer.close();
+		});
+
+		this._peers.clear();
+
+		// Close the mediasoup Router.
+		this._mediasoupRouter.close();
+
+		// Emit 'close' event.
+		this.emit('close');
+	}
+
+	handlePeer(peer)
+	{
+		logger.info('handlePeer() [peer:"%s"]', peer.id);
+
+		// This will allow reconnects to join despite lock
+		if (this._peers.has(peer.id))
+		{
+			logger.warn(
+				'handleConnection() | there is already a peer with same peerId [peer:"%s"]',
+				peer.id);
+
+			peer.close();
+
+			return;
+		}
+		else if (
+			this._locked ||
+			(config.requireSignInToAccess && !peer.authenticated)
+		)
+		{
+			this._parkPeer(peer);
+
+			return;
+		}
+
+		this._peerJoining(peer);
+	}
+
+	_handleLobby()
+	{
 		this._lobby.on('promotePeer', (promotedPeer) =>
 		{
-			logger.info('promotePeer() [promotedPeer:"%o"]', promotedPeer);
+			logger.info('promotePeer() [promotedPeer:"%s"]', promotedPeer.id);
 
-			const { peerId } = promotedPeer;
+			const { id } = promotedPeer;
 
-			this._peerJoining({ ...promotedPeer });
+			this._peerJoining(promotedPeer);
 
-			Object.values(this._peers).forEach((peer) =>
+			this._peers.forEach((peer) =>
 			{
-				this._notification(peer.socket, 'promotedPeer', { peerId });
+				this._notification(peer.socket, 'promotedPeer', { peerId: id });
 			});
 		});
 
 		this._lobby.on('lobbyPeerDisplayNameChanged', (changedPeer) =>
 		{
-			const { peerId, displayName } = changedPeer;
+			const { id, displayName } = changedPeer;
 
-			Object.values(this._peers).forEach((peer) =>
+			this._peers.forEach((peer) =>
 			{
-				this._notification(peer.socket, 'lobbyPeerDisplayNameChanged', { peerId, displayName });
+				this._notification(peer.socket, 'lobbyPeerDisplayNameChanged', { peerId: id, displayName });
 			});
 		});
 
+		this._lobby.on('peerAuthenticated', (peer) =>
+		{
+			!this._locked && this._lobby.promotePeer(peer.id);
+		});
+
 		this._lobby.on('peerClosed', (closedPeer) =>
 		{
-			logger.info('peerClosed() [closedPeer:"%o"]', closedPeer);
+			logger.info('peerClosed() [closedPeer:"%s"]', closedPeer.id);
 
-			const { peerId } = closedPeer;
+			const { id } = closedPeer;
 
-			Object.values(this._peers).forEach((peer) =>
+			this._peers.forEach((peer) =>
 			{
-				this._notification(peer.socket, 'lobbyPeerClosed', { peerId });
+				this._notification(peer.socket, 'lobbyPeerClosed', { peerId: id });
 			});
 		});
 
@@ -107,34 +186,17 @@ class Room extends EventEmitter
 				this.selfDestructCountdown();
 			}
 		});
+	}
 
-		this._chatHistory = [];
-
-		this._fileHistory = [];
-
-		this._lastN = [];
-
-		this._peers = {};
-
-		// mediasoup Router instance.
-		// @type {mediasoup.Router}
-		this._mediasoupRouter = mediasoupRouter;
-
-		// mediasoup AudioLevelObserver.
-		// @type {mediasoup.AudioLevelObserver}
-		this._audioLevelObserver = audioLevelObserver;
-
+	_handleAudioLevelObserver()
+	{
 		// Set audioLevelObserver events.
 		this._audioLevelObserver.on('volumes', (volumes) =>
 		{
 			const { producer, volume } = volumes[0];
 
-			// logger.debug(
-			//	'audioLevelObserver "volumes" event [producerId:%s, volume:%s]',
-			//	producer.id, volume);
-
 			// Notify all Peers.
-			Object.values(this._peers).forEach((peer) =>
+			this._peers.forEach((peer) =>
 			{
 				this._notification(peer.socket, 'activeSpeaker', {
 					peerId : producer.appData.peerId,
@@ -145,18 +207,21 @@ class Room extends EventEmitter
 
 		this._audioLevelObserver.on('silence', () =>
 		{
-			// logger.debug('audioLevelObserver "silence" event');
-
 			// Notify all Peers.
-			Object.values(this._peers).forEach((peer) =>
+			this._peers.forEach((peer) =>
 			{
 				this._notification(peer.socket, 'activeSpeaker', { peerId: null });
 			});
 		});
+	}
 
-		// Current active speaker.
-		// @type {mediasoup.Peer}
-		this._currentActiveSpeaker = null;
+	logStatus()
+	{
+		logger.info(
+			'logStatus() [room id:"%s", peers:"%s"]',
+			this._roomId,
+			this._peers.size
+		);
 	}
 
 	get id()
@@ -173,10 +238,10 @@ class Room extends EventEmitter
 			if (this._closed)
 				return;
 
-			if (this.checkEmpty() && this._lobby.checkEmpty())
+			if (this.checkEmpty())
 			{
 				logger.info(
-					'Room deserted for some time, closing the room [roomId:%s]',
+					'Room deserted for some time, closing the room [roomId:"%s"]',
 					this._roomId);
 				this.close();
 			}
@@ -185,170 +250,68 @@ class Room extends EventEmitter
 		}, 10000);
 	}
 
-	close()
-	{
-		logger.debug('close()');
-
-		this._closed = true;
-
-		this._lobby.close();
-
-		Object.values(this._peers).forEach((peer) =>
-		{
-			if (peer.socket)
-				peer.socket.disconnect();
-		});
-
-		this._peers = {};
-
-		// Close the mediasoup Router.
-		this._mediasoupRouter.close();
-
-		// Emit 'close' event.
-		this.emit('close');
-	}
-
-	logStatus()
-	{
-		logger.info(
-			'logStatus() [room id:"%s", peers:%o]',
-			this._roomId,
-			this._peers
-		);
-	}
-
 	// checks both room and lobby
 	checkEmpty()
 	{
-		if ((Object.keys(this._peers).length == 0) && (this._lobby.checkEmpty()))
+		if ((this._peers.size == 0) && (this._lobby.checkEmpty()))
 			return true;
 		else
 			return false;
 	}
 
-	handleConnection({ peerId, consume, socket })
+	_parkPeer(parkPeer)
 	{
-		logger.info('handleConnection() [peerId:"%s"]', peerId);
+		this._lobby.parkPeer(parkPeer);
 
-		// This will allow reconnects to join despite lock
-		if (this._peers[peerId])
+		this._peers.forEach((peer) =>
 		{
-			logger.warn(
-				'handleConnection() | there is already a peer with same peerId, ' +
-				'closing the previous one [peerId:"%s"]',
-				peerId);
-
-			const peer = this._peers[peerId];
-
-			peer.socket.disconnect();
-			delete this._peers[peerId];
-		}
-		else if (this._locked) // Don't allow connections to a locked room
-			this._parkPeer({ peerId, consume, socket })
-		else if (config.requireSignInToAccess) // Only allow signed in users directly into room
-		{
-			const { passport } = socket.handshake.session;
-
-			if (passport && passport.user)
-				this._peerJoining({ peerId, consume, socket });
-			else
-				this._parkPeer({ peerId, consume, socket })
-		}
-		else
-			this._peerJoining({ peerId, consume, socket });
-	}
-
-	_parkPeer({ peerId, consume, socket })
-	{
-		this._lobby.parkPeer({ peerId, consume, socket });
-
-		Object.values(this._peers).forEach((peer) =>
-		{
-			this._notification(peer.socket, 'parkedPeer', { peerId });
+			this._notification(peer.socket, 'parkedPeer', { peerId: parkPeer.id });
 		});
 	}
 
-	_peerJoining({ peerId, consume, socket })
+	_peerJoining(peer)
 	{
-		socket.join(this._roomId);
+		peer.socket.join(this._roomId);
 
-		const peer = { id: peerId, socket: socket };
-
-		const index = this._lastN.indexOf(peerId);
+		const index = this._lastN.indexOf(peer.id);
 
 		if (index === -1) // We don't have this peer, add to end
 		{
-			this._lastN.push(peerId);
+			this._lastN.push(peer.id);
 		}
 
-		this._peers[peerId] = peer;
+		this._peers.set(peer.id, peer);
 
-		this._handlePeer({ peer, consume });
-		this._notification(socket, 'roomReady');
+		this._handlePeer(peer);
+		this._notification(peer.socket, 'roomReady');
 	}
 
-	isLocked()
-	{
-		return this._locked;
-	}
-
-	peerAuthenticated(peerId)
-	{
-		logger.debug('peerAuthenticated() | [peerId:"%s"]', peerId);
-
-		if (!this._locked)
-		{
-			if (!this._peers[peerId])
-			{
-				this._lobby.promotePeer(peerId);
-			}
-		}
-	}
-
-	_handlePeer({ peer, consume })
+	_handlePeer(peer)
 	{
 		logger.debug('_handlePeer() [peer:"%s"]', peer.id);
 
-		peer.data = {};
-
-		// Not joined after a custom protoo 'join' request is later received.
-		peer.data.consume = consume;
-		peer.data.joined = false;
-		peer.data.displayName = undefined;
-		peer.data.device = undefined;
-		peer.data.rtpCapabilities = undefined;
-		peer.data.raiseHandState = false;
-
-		// Have mediasoup related maps ready even before the Peer joins since we
-		// allow creating Transports before joining.
-		peer.data.transports = new Map();
-		peer.data.producers = new Map();
-		peer.data.consumers = new Map();
-
 		peer.socket.on('request', (request, cb) =>
 		{
 			logger.debug(
-				'Peer "request" event [method:%s, peerId:%s]',
+				'Peer "request" event [method:"%s", peerId:"%s"]',
 				request.method, peer.id);
 
 			this._handleSocketRequest(peer, request, cb)
 				.catch((error) =>
 				{
-					logger.error('request failed:%o', error);
+					logger.error('"request" failed [error:"%o"]', error);
 
 					cb(error);
 				});
 		});
 
-		peer.socket.on('disconnect', () =>
+		peer.on('close', () =>
 		{
 			if (this._closed)
 				return;
 
-			logger.debug('Peer "disconnect" event [peerId:%s]', peer.id);
-
 			// If the Peer was joined, notify all Peers.
-			if (peer.data.joined)
+			if (peer.joined)
 			{
 				this._notification(peer.socket, 'peerClosed', { peerId: peer.id }, true);
 			}
@@ -360,14 +323,7 @@ class Room extends EventEmitter
 				this._lastN.splice(index, 1);
 			}
 
-			// Iterate and close all mediasoup Transport associated to this Peer, so all
-			// its Producers and Consumers will also be closed.
-			for (const transport of peer.data.transports.values())
-			{
-				transport.close();
-			}
-
-			delete this._peers[peer.id];
+			this._peers.delete(peer.id);
 
 			// If this is the last Peer in the room and
 			// lobby is empty, close the room after a while.
@@ -382,7 +338,6 @@ class Room extends EventEmitter
 	{
 		switch (request.method)
 		{
-
 			case 'getRouterRtpCapabilities':
 			{
 				cb(null, this._mediasoupRouter.rtpCapabilities);
@@ -393,7 +348,7 @@ class Room extends EventEmitter
 			case 'join':
 			{
 				// Ensure the Peer is not already joined.
-				if (peer.data.joined)
+				if (peer.joined)
 					throw new Error('Peer already joined');
 
 				const {
@@ -403,30 +358,24 @@ class Room extends EventEmitter
 					rtpCapabilities
 				} = request.data;
 
-				// Store client data into the protoo Peer data object.
-				peer.data.displayName = displayName;
-				peer.data.picture = picture;
-				peer.data.device = device;
-				peer.data.rtpCapabilities = rtpCapabilities;
+				// Store client data into the Peer data object.
+				peer.displayName = displayName;
+				peer.picture = picture;
+				peer.device = device;
+				peer.rtpCapabilities = rtpCapabilities;
 
 				// Tell the new Peer about already joined Peers.
 				// And also create Consumers for existing Producers.
 
 				const peerInfos = [];
 
-				Object.values(this._peers).forEach((joinedPeer) =>
+				this._peers.forEach((joinedPeer) =>
 				{
-					if (joinedPeer.data.joined)
+					if (joinedPeer.joined)
 					{
-						peerInfos.push(
-							{
-								id          : joinedPeer.id,
-								displayName : joinedPeer.data.displayName,
-								picture     : joinedPeer.data.picture,
-								device      : joinedPeer.data.device
-							});
+						peerInfos.push(joinedPeer.peerInfo);
 	
-						for (const producer of joinedPeer.data.producers.values())
+						joinedPeer.producers.forEach((producer) =>
 						{
 							this._createConsumer(
 								{
@@ -434,14 +383,14 @@ class Room extends EventEmitter
 									producerPeer : joinedPeer,
 									producer
 								});
-						}
+						});
 					}
 				});
 
 				cb(null, { peers: peerInfos });
 
 				// Mark the new Peer as joined.
-				peer.data.joined = true;
+				peer.joined = true;
 
 				this._notification(
 					peer.socket,
@@ -456,8 +405,8 @@ class Room extends EventEmitter
 				);
 
 				logger.debug(
-					'peer joined [peeerId: %s, displayName: %s, picture: %s, device: %o]',
-					peer.id, displayName, picture, device);
+					'peer joined [peer: "%s", displayName: "%s", picture: "%s"]',
+					peer.id, displayName, picture);
 
 				break;
 			}
@@ -483,8 +432,8 @@ class Room extends EventEmitter
 						appData   : { producing, consuming }
 					});
 
-				// Store the WebRtcTransport into the protoo Peer data Object.
-				peer.data.transports.set(transport.id, transport);
+				// Store the WebRtcTransport into the Peer data Object.
+				peer.addTransport(transport.id, transport);
 
 				cb(
 					null,
@@ -508,7 +457,7 @@ class Room extends EventEmitter
 			case 'connectWebRtcTransport':
 			{
 				const { transportId, dtlsParameters } = request.data;
-				const transport = peer.data.transports.get(transportId);
+				const transport = peer.getTransport(transportId);
 
 				if (!transport)
 					throw new Error(`transport with id "${transportId}" not found`);
@@ -523,7 +472,7 @@ class Room extends EventEmitter
 			case 'restartIce':
 			{
 				const { transportId } = request.data;
-				const transport = peer.data.transports.get(transportId);
+				const transport = peer.getTransport(transportId);
 
 				if (!transport)
 					throw new Error(`transport with id "${transportId}" not found`);
@@ -538,12 +487,12 @@ class Room extends EventEmitter
 			case 'produce':
 			{
 				// Ensure the Peer is joined.
-				if (!peer.data.joined)
+				if (!peer.joined)
 					throw new Error('Peer not yet joined');
 
 				const { transportId, kind, rtpParameters } = request.data;
 				let { appData } = request.data;
-				const transport = peer.data.transports.get(transportId);
+				const transport = peer.getTransport(transportId);
 
 				if (!transport)
 					throw new Error(`transport with id "${transportId}" not found`);
@@ -555,31 +504,27 @@ class Room extends EventEmitter
 				const producer =
 					await transport.produce({ kind, rtpParameters, appData });
 
-				// Store the Producer into the protoo Peer data Object.
-				peer.data.producers.set(producer.id, producer);
+				// Store the Producer into the Peer data Object.
+				peer.addProducer(producer.id, producer);
 
 				// Set Producer events.
 				producer.on('score', (score) =>
 				{
-					// logger.debug(
-					// 	'producer "score" event [producerId:%s, score:%o]',
-					// 	producer.id, score);
-
 					this._notification(peer.socket, 'producerScore', { producerId: producer.id, score });
 				});
 
 				producer.on('videoorientationchange', (videoOrientation) =>
 				{
 					logger.debug(
-						'producer "videoorientationchange" event [producerId:%s, videoOrientation:%o]',
+						'producer "videoorientationchange" event [producerId:"%s", videoOrientation:"%o"]',
 						producer.id, videoOrientation);
 				});
 
 				cb(null, { id: producer.id });
 
-				Object.values(this._peers).forEach((otherPeer) =>
+				this._peers.forEach((otherPeer) =>
 				{
-					if (otherPeer.data.joined && otherPeer !== peer)
+					if (otherPeer.joined && otherPeer !== peer)
 					{
 						this._createConsumer(
 							{
@@ -603,11 +548,11 @@ class Room extends EventEmitter
 			case 'closeProducer':
 			{
 				// Ensure the Peer is joined.
-				if (!peer.data.joined)
+				if (!peer.joined)
 					throw new Error('Peer not yet joined');
 
 				const { producerId } = request.data;
-				const producer = peer.data.producers.get(producerId);
+				const producer = peer.getProducer(producerId);
 
 				if (!producer)
 					throw new Error(`producer with id "${producerId}" not found`);
@@ -615,7 +560,7 @@ class Room extends EventEmitter
 				producer.close();
 
 				// Remove from its map.
-				peer.data.producers.delete(producer.id);
+				peer.removeProducer(producer.id);
 
 				cb();
 
@@ -625,11 +570,11 @@ class Room extends EventEmitter
 			case 'pauseProducer':
 			{
 				// Ensure the Peer is joined.
-				if (!peer.data.joined)
+				if (!peer.joined)
 					throw new Error('Peer not yet joined');
 
 				const { producerId } = request.data;
-				const producer = peer.data.producers.get(producerId);
+				const producer = peer.getProducer(producerId);
 
 				if (!producer)
 					throw new Error(`producer with id "${producerId}" not found`);
@@ -644,11 +589,11 @@ class Room extends EventEmitter
 			case 'resumeProducer':
 			{
 				// Ensure the Peer is joined.
-				if (!peer.data.joined)
+				if (!peer.joined)
 					throw new Error('Peer not yet joined');
 
 				const { producerId } = request.data;
-				const producer = peer.data.producers.get(producerId);
+				const producer = peer.getProducer(producerId);
 
 				if (!producer)
 					throw new Error(`producer with id "${producerId}" not found`);
@@ -663,11 +608,11 @@ class Room extends EventEmitter
 			case 'pauseConsumer':
 			{
 				// Ensure the Peer is joined.
-				if (!peer.data.joined)
+				if (!peer.joined)
 					throw new Error('Peer not yet joined');
 
 				const { consumerId } = request.data;
-				const consumer = peer.data.consumers.get(consumerId);
+				const consumer = peer.getConsumer(consumerId);
 
 				if (!consumer)
 					throw new Error(`consumer with id "${consumerId}" not found`);
@@ -682,11 +627,11 @@ class Room extends EventEmitter
 			case 'resumeConsumer':
 			{
 				// Ensure the Peer is joined.
-				if (!peer.data.joined)
+				if (!peer.joined)
 					throw new Error('Peer not yet joined');
 
 				const { consumerId } = request.data;
-				const consumer = peer.data.consumers.get(consumerId);
+				const consumer = peer.getConsumer(consumerId);
 
 				if (!consumer)
 					throw new Error(`consumer with id "${consumerId}" not found`);
@@ -701,11 +646,11 @@ class Room extends EventEmitter
 			case 'setConsumerPreferedLayers':
 			{
 				// Ensure the Peer is joined.
-				if (!peer.data.joined)
+				if (!peer.joined)
 					throw new Error('Peer not yet joined');
 
 				const { consumerId, spatialLayer, temporalLayer } = request.data;
-				const consumer = peer.data.consumers.get(consumerId);
+				const consumer = peer.getConsumer(consumerId);
 
 				if (!consumer)
 					throw new Error(`consumer with id "${consumerId}" not found`);
@@ -720,11 +665,11 @@ class Room extends EventEmitter
 			case 'requestConsumerKeyFrame':
 			{
 				// Ensure the Peer is joined.
-				if (!peer.data.joined)
+				if (!peer.joined)
 					throw new Error('Peer not yet joined');
 
 				const { consumerId } = request.data;
-				const consumer = peer.data.consumers.get(consumerId);
+				const consumer = peer.getConsumer(consumerId);
 
 				if (!consumer)
 					throw new Error(`consumer with id "${consumerId}" not found`);
@@ -739,7 +684,7 @@ class Room extends EventEmitter
 			case 'getTransportStats':
 			{
 				const { transportId } = request.data;
-				const transport = peer.data.transports.get(transportId);
+				const transport = peer.getTransport(transportId);
 
 				if (!transport)
 					throw new Error(`transport with id "${transportId}" not found`);
@@ -754,7 +699,7 @@ class Room extends EventEmitter
 			case 'getProducerStats':
 			{
 				const { producerId } = request.data;
-				const producer = peer.data.producers.get(producerId);
+				const producer = peer.getProducer(producerId);
 
 				if (!producer)
 					throw new Error(`producer with id "${producerId}" not found`);
@@ -769,7 +714,7 @@ class Room extends EventEmitter
 			case 'getConsumerStats':
 			{
 				const { consumerId } = request.data;
-				const consumer = peer.data.consumers.get(consumerId);
+				const consumer = peer.getConsumer(consumerId);
 
 				if (!consumer)
 					throw new Error(`consumer with id "${consumerId}" not found`);
@@ -784,13 +729,13 @@ class Room extends EventEmitter
 			case 'changeDisplayName':
 			{
 				// Ensure the Peer is joined.
-				if (!peer.data.joined)
+				if (!peer.joined)
 					throw new Error('Peer not yet joined');
 
 				const { displayName } = request.data;
-				const oldDisplayName = peer.data.displayName;
+				const oldDisplayName = peer.displayName;
 
-				peer.data.displayName = displayName;
+				peer.displayName = displayName;
 
 				// Spread to others
 				this._notification(peer.socket, 'changeDisplayName', {
@@ -808,7 +753,7 @@ class Room extends EventEmitter
 			case 'changeProfilePicture':
 			{
 				// Ensure the Peer is joined.
-				if (!peer.data.joined)
+				if (!peer.joined)
 					throw new Error('Peer not yet joined');
 
 				const { picture } = request.data;
@@ -973,14 +918,14 @@ class Room extends EventEmitter
 
 			case 'raiseHand':
 			{
-				const { raiseHandState } = request.data;
+				const { raisedHand } = request.data;
 
-				peer.data.raiseHandState = raiseHandState;
+				peer.raisedHand = raisedHand;
 
 				// Spread to others
 				this._notification(peer.socket, 'raiseHand', {
-					peerId         : peer.id,
-					raiseHandState : raiseHandState
+					peerId     : peer.id,
+					raisedHand : raisedHand
 				}, true);
 
 				// Return no error
@@ -1005,6 +950,13 @@ class Room extends EventEmitter
 	 */
 	async _createConsumer({ consumerPeer, producerPeer, producer })
 	{
+		logger.debug(
+			'_createConsumer() [consumerPeer:"%s", producerPeer:"%s", producer:"%s"]',
+			consumerPeer.id,
+			producerPeer.id,
+			producer.id
+		);
+
 		// Optimization:
 		// - Create the server-side Consumer. If video, do it paused.
 		// - Tell its Peer about it and wait for its response.
@@ -1014,11 +966,11 @@ class Room extends EventEmitter
 
 		// NOTE: Don't create the Consumer if the remote Peer cannot consume it.
 		if (
-			!consumerPeer.data.rtpCapabilities ||
+			!consumerPeer.rtpCapabilities ||
 			!this._mediasoupRouter.canConsume(
 				{
 					producerId      : producer.id,
-					rtpCapabilities : consumerPeer.data.rtpCapabilities
+					rtpCapabilities : consumerPeer.rtpCapabilities
 				})
 		)
 		{
@@ -1026,8 +978,7 @@ class Room extends EventEmitter
 		}
 
 		// Must take the Transport the remote Peer is using for consuming.
-		const transport = Array.from(consumerPeer.data.transports.values())
-			.find((t) => t.appData.consuming);
+		const transport = consumerPeer.getConsumerTransport();
 
 		// This should not happen.
 		if (!transport)
@@ -1045,31 +996,31 @@ class Room extends EventEmitter
 			consumer = await transport.consume(
 				{
 					producerId      : producer.id,
-					rtpCapabilities : consumerPeer.data.rtpCapabilities,
+					rtpCapabilities : consumerPeer.rtpCapabilities,
 					paused          : producer.kind === 'video'
 				});
 		}
 		catch (error)
 		{
-			logger.warn('_createConsumer() | transport.consume():%o', error);
+			logger.warn('_createConsumer() | [error:"%o"]', error);
 
 			return;
 		}
 
-		// Store the Consumer into the protoo consumerPeer data Object.
-		consumerPeer.data.consumers.set(consumer.id, consumer);
+		// Store the Consumer into the consumerPeer data Object.
+		consumerPeer.addConsumer(consumer.id, consumer);
 
 		// Set Consumer events.
 		consumer.on('transportclose', () =>
 		{
 			// Remove from its map.
-			consumerPeer.data.consumers.delete(consumer.id);
+			consumerPeer.removeConsumer(consumer.id);
 		});
 
 		consumer.on('producerclose', () =>
 		{
 			// Remove from its map.
-			consumerPeer.data.consumers.delete(consumer.id);
+			consumerPeer.removeConsumer(consumer.id);
 
 			this._notification(consumerPeer.socket, 'consumerClosed', { consumerId: consumer.id });
 		});
@@ -1086,10 +1037,6 @@ class Room extends EventEmitter
 
 		consumer.on('score', (score) =>
 		{
-			// logger.debug(
-			// 	'consumer "score" event [consumerId:%s, score:%o]',
-			// 	consumer.id, score);
-
 			this._notification(consumerPeer.socket, 'consumerScore', { consumerId: consumer.id, score });
 		});
 
@@ -1106,7 +1053,7 @@ class Room extends EventEmitter
 			);
 		});
 
-		// Send a protoo request to the remote Peer with Consumer parameters.
+		// Send a request to the remote Peer with Consumer parameters.
 		try
 		{
 			await this._request(
@@ -1140,7 +1087,7 @@ class Room extends EventEmitter
 		}
 		catch (error)
 		{
-			logger.warn('_createConsumer() | failed:%o', error);
+			logger.warn('_createConsumer() | [error:"%o"]', error);
 		}
 	}
 
diff --git a/server/server.js b/server/server.js
index 839029f..3149793 100755
--- a/server/server.js
+++ b/server/server.js
@@ -14,6 +14,7 @@ const mediasoup = require('mediasoup');
 const AwaitQueue = require('awaitqueue');
 const Logger = require('./lib/Logger');
 const Room = require('./lib/Room');
+const Peer = require('./lib/Peer');
 const base64 = require('base-64');
 const helmet = require('helmet');
 const httpHelper = require('./httpHelper');
@@ -44,6 +45,9 @@ let nextMediasoupWorkerIdx = 0;
 // Map of Room instances indexed by roomId.
 const rooms = new Map();
 
+// Map of Peer instances indexed by peerId.
+const peers = new Map();
+
 // TLS server configuration.
 const tls =
 {
@@ -237,8 +241,7 @@ async function setupAuth(oidcIssuer)
 	{
 		passport.authenticate('oidc', {
 			state : base64.encode(JSON.stringify({
-				roomId : req.query.roomId,
-				peerId : req.query.peerId
+				id : req.query.id
 			}))
 		})(req, res, next);
 	});
@@ -278,9 +281,9 @@ async function setupAuth(oidcIssuer)
 					photo = '/static/media/buddy.403cb9f6.svg';
 			}
 
-			const room = rooms.get(state.roomId);
+			const peer = peers.get(state.id);
 
-			room && room.peerAuthenticated(state.peerId);
+			peer && (peer.authenticated = true);
 
 			res.send(httpHelper({
 				success     : true,
@@ -350,8 +353,6 @@ async function runWebSocketServer()
 	{
 		const { roomId, peerId } = socket.handshake.query;
 
-		logger.info('socket.io "connection" | [session:"%o"]', socket.handshake.session);
-
 		if (!roomId || !peerId)
 		{
 			logger.warn('connection request without roomId and/or peerId');
@@ -367,12 +368,17 @@ async function runWebSocketServer()
 		queue.push(async () =>
 		{
 			const room = await getOrCreateRoom({ roomId });
+			const peer = new Peer({ id: peerId, socket });
 
-			room.handleConnection({ peerId, socket });
+			peers.set(peerId, peer);
+
+			peer.on('close', () => peers.delete(peerId));
+
+			room.handlePeer(peer);
 		})
 			.catch((error) =>
 			{
-				logger.error('room creation or room joining failed:%o', error);
+				logger.error('room creation or room joining failed [error:"%o"]', error);
 
 				socket.disconnect(true);
 
@@ -435,7 +441,7 @@ async function getOrCreateRoom({ roomId })
 	// If the Room does not exist create a new one.
 	if (!room)
 	{
-		logger.info('creating a new Room [roomId:%s]', roomId);
+		logger.info('creating a new Room [roomId:"%s"]', roomId);
 
 		const mediasoupWorker = getMediasoupWorker();
 

From 6dc3f537e4b7cab7395a484fbabe12d4a625d038 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 25 Oct 2019 13:52:13 +0200
Subject: [PATCH 33/74] Need to check for undefined.

---
 server/lib/Peer.js | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/server/lib/Peer.js b/server/lib/Peer.js
index f71aafd..31205b4 100644
--- a/server/lib/Peer.js
+++ b/server/lib/Peer.js
@@ -36,6 +36,8 @@ class Peer extends EventEmitter
 
 		this._consumers = new Map();
 
+		this._checkAuthentication();
+
 		this._handlePeer();
 	}
 
@@ -60,15 +62,9 @@ class Peer extends EventEmitter
 
 	_handlePeer()
 	{
-		this.authenticated =
-			this.socket.handshake.session.passport &&
-			this.socket.handshake.session.passport.user;
-
 		this.socket.use((packet, next) =>
 		{
-			this.authenticated =
-				this.socket.handshake.session.passport &&
-				this.socket.handshake.session.passport.user;
+			this._checkAuthentication();
 
 			return next();
 		});
@@ -84,6 +80,13 @@ class Peer extends EventEmitter
 		});
 	}
 
+	_checkAuthentication()
+	{
+		this.authenticated =
+			Boolean(this.socket.handshake.session.passport) &&
+			Boolean(this.socket.handshake.session.passport.user);
+	}
+
 	get id()
 	{
 		return this._id;

From 80c6c441cb393816cce95b47dc9744c690daa733 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 25 Oct 2019 14:13:58 +0200
Subject: [PATCH 34/74] Wrong state variable name.

---
 app/src/RoomClient.js    | 2 +-
 app/src/reducers/room.js | 2 +-
 server/lib/Peer.js       | 2 --
 3 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 2b6638e..2c4f6c2 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -321,7 +321,7 @@ export default class RoomClient
 
 		const { displayName, picture } = data;
 
-		if (store.getState().room.joined)
+		if (store.getState().room.joined || store.getState().room.inLobby)
 		{
 			this.changeDisplayName(displayName);
 			this.changeProfilePicture(picture);
diff --git a/app/src/reducers/room.js b/app/src/reducers/room.js
index 04e8c2e..9fdcc30 100644
--- a/app/src/reducers/room.js
+++ b/app/src/reducers/room.js
@@ -3,7 +3,7 @@ const initialState =
 	url                : null,
 	state              : 'new', // new/connecting/connected/disconnected/closed,
 	locked             : false,
-	enteredLobby       : false,
+	inLobby            : false,
 	accessCode         : '', // access code to the room if locked and joinByAccessCode == true
 	joinByAccessCode   : true, // if true: accessCode is a possibility to open the room
 	activeSpeakerId    : null,
diff --git a/server/lib/Peer.js b/server/lib/Peer.js
index 31205b4..dcd02cd 100644
--- a/server/lib/Peer.js
+++ b/server/lib/Peer.js
@@ -131,8 +131,6 @@ class Peer extends EventEmitter
 	{
 		if (authenticated !== this._authenticated)
 		{
-			logger.info('authenticated() | authenticationChange [peer:"%s", authenticated:"%s"]', this.id, authenticated);
-
 			this._authenticated = authenticated;
 			this.emit('authenticationChange');
 		}

From e17d712ed57a22012684f29729cf6f5885005905 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 25 Oct 2019 14:53:47 +0200
Subject: [PATCH 35/74] Simplified user info on login.

---
 server/server.js | 31 +++++++++++++------------------
 1 file changed, 13 insertions(+), 18 deletions(-)

diff --git a/server/server.js b/server/server.js
index 3149793..8b72025 100755
--- a/server/server.js
+++ b/server/server.js
@@ -185,15 +185,15 @@ async function setupAuth(oidcIssuer)
 				_claims   : tokenset.claims
 			};
 
-			if (typeof(userinfo.picture) !== 'undefined')
+			if (userinfo.picture != null)
 			{
 				if (!userinfo.picture.match(/^http/g))
 				{
-					user.Photos = [ { value: `data:image/jpeg;base64, ${userinfo.picture}` } ];
+					user.picture = `data:image/jpeg;base64, ${userinfo.picture}`;
 				}
 				else
 				{
-					user.Photos = [ { value: userinfo.picture } ];
+					user.picture = userinfo.picture;
 				}
 			}
 
@@ -209,22 +209,22 @@ async function setupAuth(oidcIssuer)
 
 			if (userinfo.email != null)
 			{
-				user.emails = [ { value: userinfo.email } ];
+				user.email = userinfo.email;
 			}
 
 			if (userinfo.given_name != null)
 			{
-				user.name = { givenName: userinfo.given_name };
+				user.name.givenName = userinfo.given_name;
 			}
 
 			if (userinfo.family_name != null)
 			{
-				user.name = { familyName: userinfo.family_name };
+				user.name.familyName = userinfo.family_name;
 			}
 
 			if (userinfo.middle_name != null)
 			{
-				user.name = { middleName: userinfo.middle_name };
+				user.name.middleName = userinfo.middle_name;
 			}
 
 			return done(null, user);
@@ -262,7 +262,7 @@ async function setupAuth(oidcIssuer)
 			const state = JSON.parse(base64.decode(req.query.state));
 
 			let displayName;
-			let photo;
+			let picture;
 
 			if (req.user != null)
 			{
@@ -271,14 +271,10 @@ async function setupAuth(oidcIssuer)
 				else
 					displayName = '';
 
-				if (
-					req.user.Photos != null &&
-					req.user.Photos[0] != null &&
-					req.user.Photos[0].value != null
-				)
-					photo = req.user.Photos[0].value;
+				if (req.user.picture != null)
+					picture = req.user.picture;
 				else
-					photo = '/static/media/buddy.403cb9f6.svg';
+					picture = '/static/media/buddy.403cb9f6.svg';
 			}
 
 			const peer = peers.get(state.id);
@@ -286,9 +282,8 @@ async function setupAuth(oidcIssuer)
 			peer && (peer.authenticated = true);
 
 			res.send(httpHelper({
-				success     : true,
-				displayName : displayName,
-				picture     : photo
+				displayName,
+				picture
 			}));
 		}
 	);

From 85d1973a6c2d5d04dbf0e3d1b72420251fc4d48a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 25 Oct 2019 15:02:55 +0200
Subject: [PATCH 36/74] Fix for state change of picture.

---
 app/src/components/MeetingDrawer/Chat/ChatInput.js   |  4 ++--
 app/src/components/MeetingDrawer/Chat/MessageList.js |  4 ++--
 .../components/MeetingDrawer/FileSharing/FileList.js | 12 ++++--------
 .../MeetingDrawer/ParticipantList/ListMe.js          |  2 +-
 app/src/components/Room.js                           |  4 ++--
 5 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/app/src/components/MeetingDrawer/Chat/ChatInput.js b/app/src/components/MeetingDrawer/Chat/ChatInput.js
index bafaa20..0f0235d 100644
--- a/app/src/components/MeetingDrawer/Chat/ChatInput.js
+++ b/app/src/components/MeetingDrawer/Chat/ChatInput.js
@@ -123,7 +123,7 @@ ChatInput.propTypes =
 const mapStateToProps = (state) =>
 	({
 		displayName : state.settings.displayName,
-		picture     : state.settings.picture
+		picture     : state.me.picture
 	});
 
 export default withRoomContext(
@@ -136,7 +136,7 @@ export default withRoomContext(
 			{
 				return (
 					prev.settings.displayName === next.settings.displayName &&
-					prev.settings.picture === next.settings.picture
+					prev.me.picture === next.me.picture
 				);
 			}
 		}
diff --git a/app/src/components/MeetingDrawer/Chat/MessageList.js b/app/src/components/MeetingDrawer/Chat/MessageList.js
index cdc8809..a5bc154 100644
--- a/app/src/components/MeetingDrawer/Chat/MessageList.js
+++ b/app/src/components/MeetingDrawer/Chat/MessageList.js
@@ -97,7 +97,7 @@ MessageList.propTypes =
 const mapStateToProps = (state) =>
 	({
 		chatmessages : state.chatmessages,
-		myPicture    : state.settings.picture
+		myPicture    : state.me.picture
 	});
 
 export default connect(
@@ -109,7 +109,7 @@ export default connect(
 		{
 			return (
 				prev.chatmessages === next.chatmessages &&
-				prev.settings.picture === next.settings.picture
+				prev.me.picture === next.me.picture
 			);
 		}
 	}
diff --git a/app/src/components/MeetingDrawer/FileSharing/FileList.js b/app/src/components/MeetingDrawer/FileSharing/FileList.js
index 1dcb905..d2142d6 100644
--- a/app/src/components/MeetingDrawer/FileSharing/FileList.js
+++ b/app/src/components/MeetingDrawer/FileSharing/FileList.js
@@ -45,7 +45,6 @@ class FileList extends React.PureComponent
 		const {
 			files,
 			me,
-			picture,
 			peers,
 			classes
 		} = this.props;
@@ -61,7 +60,7 @@ class FileList extends React.PureComponent
 					if (me.id === file.peerId)
 					{
 						displayName = 'You';
-						filePicture = picture;
+						filePicture = me.picture;
 					}
 					else if (peers[file.peerId])
 					{
@@ -91,7 +90,6 @@ FileList.propTypes =
 {
 	files   : PropTypes.object.isRequired,
 	me      : appPropTypes.Me.isRequired,
-	picture : PropTypes.string,
 	peers   : PropTypes.object.isRequired,
 	classes : PropTypes.object.isRequired
 };
@@ -99,10 +97,9 @@ FileList.propTypes =
 const mapStateToProps = (state) =>
 {
 	return {
-		files   : state.files,
-		me      : state.me,
-		picture : state.settings.picture,
-		peers   : state.peers
+		files : state.files,
+		me    : state.me,
+		peers : state.peers
 	};
 };
 
@@ -116,7 +113,6 @@ export default connect(
 			return (
 				prev.files === next.files &&
 				prev.me === next.me &&
-				prev.settings.picture === next.settings.picture &&
 				prev.peers === next.peers
 			);
 		}
diff --git a/app/src/components/MeetingDrawer/ParticipantList/ListMe.js b/app/src/components/MeetingDrawer/ParticipantList/ListMe.js
index 04dcfc6..304cbb9 100644
--- a/app/src/components/MeetingDrawer/ParticipantList/ListMe.js
+++ b/app/src/components/MeetingDrawer/ParticipantList/ListMe.js
@@ -79,7 +79,7 @@ const ListMe = (props) =>
 		classes
 	} = props;
 
-	const picture = settings.picture || EmptyAvatar;
+	const picture = me.picture || EmptyAvatar;
 
 	return (
 		<li className={classes.root}>
diff --git a/app/src/components/Room.js b/app/src/components/Room.js
index 9590650..c90c9f1 100644
--- a/app/src/components/Room.js
+++ b/app/src/components/Room.js
@@ -441,7 +441,7 @@ const mapStateToProps = (state) =>
 		advancedMode : state.settings.advancedMode,
 		loggedIn     : state.me.loggedIn,
 		loginEnabled : state.me.loginEnabled,
-		myPicture    : state.settings.picture,
+		myPicture    : state.me.picture,
 		toolAreaOpen : state.toolarea.toolAreaOpen,
 		unread       : state.toolarea.unreadMessages +
 			state.toolarea.unreadFiles
@@ -479,7 +479,7 @@ export default withRoomContext(connect(
 				prev.lobbyPeers === next.lobbyPeers &&
 				prev.me.loggedIn === next.me.loggedIn &&
 				prev.me.loginEnabled === next.me.loginEnabled &&
-				prev.settings.picture === next.settings.picture &&
+				prev.me.picture === next.me.picture &&
 				prev.toolarea.toolAreaOpen === next.toolarea.toolAreaOpen &&
 				prev.toolarea.unreadMessages === next.toolarea.unreadMessages &&
 				prev.toolarea.unreadFiles === next.toolarea.unreadFiles &&

From cacc9abf7cbaf0dcc0058aa552413db9bae3c7fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 25 Oct 2019 16:15:39 +0200
Subject: [PATCH 37/74] Restructured code.

---
 server/lib/Lobby.js | 56 ++++++-----------------------
 server/lib/Peer.js  | 67 +++++++++++++++++++++++++++++++++--
 server/lib/Room.js  | 85 ++++++++++++++++++++-------------------------
 3 files changed, 112 insertions(+), 96 deletions(-)

diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index c2c22f0..36644ab 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -87,36 +87,28 @@ class Lobby extends EventEmitter
 		if (this._closed)
 			return;
 
-		peer.socket.emit('notification', { method: 'enteredLobby', data: {} });
+		this._notification(peer.socket, 'enteredLobby');
 
 		this._peers.set(peer.id, peer);
 
-		peer.on('authenticationChange', () =>
+		peer.on('authenticationChanged', () =>
 		{
 			logger.info('parkPeer() | authenticationChange [peer:"%s"]', peer.id);
 
 			peer.authenticated && this.emit('peerAuthenticated', peer);
 		});
 
-		peer.socket.on('request', (request, cb) =>
+		peer.on('displayNameChanged', () =>
 		{
-			logger.debug(
-				'Peer "request" event [method:"%s", peer:"%s"]',
-				request.method, peer.id);
-			
-			if (this._closed)
-				return;
-
-			this._handleSocketRequest(peer, request, cb)
-				.catch((error) =>
-				{
-					logger.error('request failed [error:"%o"]', error);
-
-					cb(error);
-				});
+			this.emit('displayNameChanged', peer);
 		});
 
-		peer.socket.on('disconnect', () =>
+		peer.on('pictureChanged', () =>
+		{
+			this.emit('pictureChanged', peer);
+		});
+
+		peer.on('close', () =>
 		{
 			logger.debug('Peer "close" event [peer:"%s"]', peer.id);
 
@@ -132,34 +124,6 @@ class Lobby extends EventEmitter
 		});
 	}
 
-	async _handleSocketRequest(peer, request, cb)
-	{
-		logger.debug(
-			'_handleSocketRequest [peer:"%s"], [request:"%s"]',
-			peer.id,
-			request.method
-		);
-
-		if (this._closed)
-			return;
-
-		switch (request.method)
-		{
-			case 'changeDisplayName':
-			{
-				const { displayName } = request.data;
-
-				peer.displayName = displayName;
-
-				this.emit('lobbyPeerDisplayNameChanged', peer);
-
-				cb();
-
-				break;
-			}
-		}
-	}
-
 	_notification(socket, method, data = {}, broadcast = false)
 	{
 		if (broadcast)
diff --git a/server/lib/Peer.js b/server/lib/Peer.js
index dcd02cd..847ac52 100644
--- a/server/lib/Peer.js
+++ b/server/lib/Peer.js
@@ -69,6 +69,24 @@ class Peer extends EventEmitter
 			return next();
 		});
 
+		this.socket.on('request', (request, cb) =>
+		{
+			logger.debug(
+				'Peer "request" event [method:"%s", peer:"%s"]',
+				request.method, this.id);
+			
+			if (this._closed)
+				return;
+
+			this._handleSocketRequest(request, cb)
+				.catch((error) =>
+				{
+					logger.error('request failed [error:"%o"]', error);
+
+					cb(error);
+				});
+		});
+
 		this.socket.on('disconnect', () =>
 		{
 			if (this.closed)
@@ -80,6 +98,32 @@ class Peer extends EventEmitter
 		});
 	}
 
+	async _handleSocketRequest(request, cb)
+	{
+		logger.debug(
+			'_handleSocketRequest [peer:"%s"], [request:"%s"]',
+			this.id,
+			request.method
+		);
+
+		if (this._closed)
+			return;
+
+		switch (request.method)
+		{
+			case 'changeDisplayName':
+			{
+				const { displayName } = request.data;
+
+				this.displayName = displayName;
+
+				cb();
+
+				break;
+			}
+		}
+	}
+
 	_checkAuthentication()
 	{
 		this.authenticated =
@@ -131,8 +175,11 @@ class Peer extends EventEmitter
 	{
 		if (authenticated !== this._authenticated)
 		{
+			const oldAuthenticated = this._authenticated;
+
 			this._authenticated = authenticated;
-			this.emit('authenticationChange');
+
+			this.emit('authenticationChanged', { oldAuthenticated });
 		}
 	}
 
@@ -143,7 +190,14 @@ class Peer extends EventEmitter
 
 	set displayName(displayName)
 	{
-		this._displayName = displayName;
+		if (displayName !== this._displayName)
+		{
+			const oldDisplayName = this._displayName;
+
+			this._displayName = displayName;
+
+			this.emit('displayNameChanged', { oldDisplayName });
+		}
 	}
 
 	get picture()
@@ -153,7 +207,14 @@ class Peer extends EventEmitter
 
 	set picture(picture)
 	{
-		this._picture = picture;
+		if (picture !== this._picture)
+		{
+			const oldPicture = this._picture;
+
+			this._picture = picture;
+
+			this.emit('pictureChanged', { oldPicture });
+		}
 	}
 
 	get device()
diff --git a/server/lib/Room.js b/server/lib/Room.js
index b8c8bf8..4567495 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -150,7 +150,12 @@ class Room extends EventEmitter
 			});
 		});
 
-		this._lobby.on('lobbyPeerDisplayNameChanged', (changedPeer) =>
+		this._lobby.on('peerAuthenticated', (peer) =>
+		{
+			!this._locked && this._lobby.promotePeer(peer.id);
+		});
+
+		this._lobby.on('displayNameChanged', (changedPeer) =>
 		{
 			const { id, displayName } = changedPeer;
 
@@ -160,9 +165,14 @@ class Room extends EventEmitter
 			});
 		});
 
-		this._lobby.on('peerAuthenticated', (peer) =>
+		this._lobby.on('pictureChanged', (changedPeer) =>
 		{
-			!this._locked && this._lobby.promotePeer(peer.id);
+			const { id, picture } = changedPeer;
+
+			this._peers.forEach((peer) =>
+			{
+				this._notification(peer.socket, 'lobbyPeerPictureChanged', { peerId: id, picture });
+			});
 		});
 
 		this._lobby.on('peerClosed', (closedPeer) =>
@@ -305,6 +315,31 @@ class Room extends EventEmitter
 				});
 		});
 
+		peer.on('displayNameChanged', ({ oldDisplayName }) =>
+		{
+			if (!peer.joined)
+				return;
+
+			// Spread to others
+			this._notification(peer.socket, 'changeDisplayName', {
+				peerId         : peer.id,
+				displayName    : peer.displayName,
+				oldDisplayName : oldDisplayName
+			}, true);
+		});
+
+		peer.on('pictureChanged', () =>
+		{
+			if (!peer.joined)
+				return;
+
+			// Spread to others
+			this._notification(peer.socket, 'changeProfilePicture', {
+				peerId  : peer.id,
+				picture : peer.picture
+			}, true);
+		});
+
 		peer.on('close', () =>
 		{
 			if (this._closed)
@@ -726,50 +761,6 @@ class Room extends EventEmitter
 				break;
 			}
 
-			case 'changeDisplayName':
-			{
-				// Ensure the Peer is joined.
-				if (!peer.joined)
-					throw new Error('Peer not yet joined');
-
-				const { displayName } = request.data;
-				const oldDisplayName = peer.displayName;
-
-				peer.displayName = displayName;
-
-				// Spread to others
-				this._notification(peer.socket, 'changeDisplayName', {
-					peerId         : peer.id,
-					displayName    : displayName,
-					oldDisplayName : oldDisplayName
-				}, true);
-
-				// Return no error
-				cb();
-
-				break;
-			}
-
-			case 'changeProfilePicture':
-			{
-				// Ensure the Peer is joined.
-				if (!peer.joined)
-					throw new Error('Peer not yet joined');
-
-				const { picture } = request.data;
-
-				// Spread to others
-				this._notification(peer.socket, 'changeProfilePicture', {
-					peerId  : peer.id,
-					picture : picture
-				}, true);
-
-				// Return no error
-				cb();
-
-				break;
-			}
-
 			case 'chatMessage':
 			{
 				const { chatMessage } = request.data;

From bb8cf02c23c34532239ca5b2539de28fcb073ba3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 25 Oct 2019 23:43:59 +0200
Subject: [PATCH 38/74] Some cleanup.

---
 app/src/RoomClient.js |  7 +---
 server/lib/Peer.js    | 89 ++++++++++++++++++++++++++++++++++---------
 server/lib/Room.js    |  5 +--
 server/package.json   |  2 +
 server/server.js      |  9 +++--
 5 files changed, 80 insertions(+), 32 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 2c4f6c2..3662bd4 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -321,12 +321,7 @@ export default class RoomClient
 
 		const { displayName, picture } = data;
 
-		if (store.getState().room.joined || store.getState().room.inLobby)
-		{
-			this.changeDisplayName(displayName);
-			this.changeProfilePicture(picture);
-		}
-
+		store.dispatch(stateActions.setDisplayName(displayName));
 		store.dispatch(stateActions.setPicture(picture));
 		store.dispatch(stateActions.loggedIn());
 
diff --git a/server/lib/Peer.js b/server/lib/Peer.js
index 847ac52..a527a6a 100644
--- a/server/lib/Peer.js
+++ b/server/lib/Peer.js
@@ -12,18 +12,24 @@ class Peer extends EventEmitter
 
 		this._id = id;
 
+		this._authId = null;
+
 		this._socket = socket;
 
 		this._closed = false;
 
 		this._joined = false;
 
+		this._inLobby = false;
+
 		this._authenticated = false;
 
 		this._displayName = false;
 
 		this._picture = null;
 
+		this._email = null;
+
 		this._device = null;
 
 		this._rtpCapabilities = null;
@@ -71,20 +77,10 @@ class Peer extends EventEmitter
 
 		this.socket.on('request', (request, cb) =>
 		{
-			logger.debug(
-				'Peer "request" event [method:"%s", peer:"%s"]',
-				request.method, this.id);
-			
 			if (this._closed)
 				return;
 
-			this._handleSocketRequest(request, cb)
-				.catch((error) =>
-				{
-					logger.error('request failed [error:"%o"]', error);
-
-					cb(error);
-				});
+			this._handleSocketRequest(request, cb).catch(cb);
 		});
 
 		this.socket.on('disconnect', () =>
@@ -100,12 +96,6 @@ class Peer extends EventEmitter
 
 	async _handleSocketRequest(request, cb)
 	{
-		logger.debug(
-			'_handleSocketRequest [peer:"%s"], [request:"%s"]',
-			this.id,
-			request.method
-		);
-
 		if (this._closed)
 			return;
 
@@ -121,14 +111,45 @@ class Peer extends EventEmitter
 
 				break;
 			}
+
+			case 'changeProfilePicture':
+			{
+				const { picture } = request.data;
+
+				this.picture = picture;
+
+				cb();
+
+				break;
+			}
 		}
 	}
 
 	_checkAuthentication()
 	{
-		this.authenticated =
+		if (
 			Boolean(this.socket.handshake.session.passport) &&
-			Boolean(this.socket.handshake.session.passport.user);
+			Boolean(this.socket.handshake.session.passport.user)
+		)
+		{
+			const {
+				id,
+				displayName,
+				picture,
+				email
+			} = this.socket.handshake.session.passport.user;
+
+			id && (this.authId = id);
+			displayName && (this.displayName = displayName);
+			picture && (this.picture = picture);
+			email && (this.email = email);
+
+			this.authenticated = true;
+		}
+		else
+		{
+			this.authenticated = false;
+		}
 	}
 
 	get id()
@@ -141,6 +162,16 @@ class Peer extends EventEmitter
 		this._id = id;
 	}
 
+	get authId()
+	{
+		return this._authId;
+	}
+
+	set authId(authId)
+	{
+		this._authId = authId;
+	}
+
 	get socket()
 	{
 		return this._socket;
@@ -166,6 +197,16 @@ class Peer extends EventEmitter
 		this._joined = joined;
 	}
 
+	get inLobby()
+	{
+		return this._inLobby;
+	}
+
+	set inLobby(inLobby)
+	{
+		this._inLobby = inLobby;
+	}
+
 	get authenticated()
 	{
 		return this._authenticated;
@@ -217,6 +258,16 @@ class Peer extends EventEmitter
 		}
 	}
 
+	get email()
+	{
+		return this._email;
+	}
+
+	set email(email)
+	{
+		this._email = email;
+	}
+
 	get device()
 	{
 		return this._device;
diff --git a/server/lib/Room.js b/server/lib/Room.js
index 4567495..564a573 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -263,10 +263,7 @@ class Room extends EventEmitter
 	// checks both room and lobby
 	checkEmpty()
 	{
-		if ((this._peers.size == 0) && (this._lobby.checkEmpty()))
-			return true;
-		else
-			return false;
+		return (this._peers.size == 0) && (this._lobby.checkEmpty());
 	}
 
 	_parkPeer(parkPeer)
diff --git a/server/package.json b/server/package.json
index 67da924..2079986 100644
--- a/server/package.json
+++ b/server/package.json
@@ -12,6 +12,7 @@
 		"body-parser": "^1.19.0",
 		"colors": "^1.4.0",
 		"compression": "^1.7.4",
+		"connect-redis": "^4.0.3",
 		"cookie-parser": "^1.4.4",
 		"debug": "^4.1.1",
 		"express": "^4.17.1",
@@ -21,6 +22,7 @@
 		"mediasoup": "^3.0.12",
 		"openid-client": "^3.7.3",
 		"passport": "^0.4.0",
+		"redis": "^2.8.0",
 		"socket.io": "^2.3.0",
 		"spdy": "^4.0.1"
 	}
diff --git a/server/server.js b/server/server.js
index 8b72025..2511333 100755
--- a/server/server.js
+++ b/server/server.js
@@ -20,8 +20,11 @@ const helmet = require('helmet');
 const httpHelper = require('./httpHelper');
 // auth
 const passport = require('passport');
+const redis = require('redis');
+const client = redis.createClient();
 const { Issuer, Strategy } = require('openid-client');
 const expressSession = require('express-session');
+const RedisStore = require('connect-redis')(expressSession);
 const sharedSession = require('express-socket.io-session');
 
 /* eslint-disable no-console */
@@ -67,6 +70,7 @@ const session = expressSession({
 	secret            : config.cookieSecret,
 	resave            : true,
 	saveUninitialized : true,
+	store             : new RedisStore({ client }),
 	cookie            : {
 		secure   : true,
 		httpOnly : true
@@ -165,16 +169,15 @@ async function setupAuth(oidcIssuer)
 	
 	// optional, defaults to false, when true req is passed as a first
 	// argument to verify fn
-	const passReqToCallback = false; 
+	const passReqToCallback = false;
 	
 	// optional, defaults to false, when true the code_challenge_method will be
 	// resolved from the issuer configuration, instead of true you may provide
 	// any of the supported values directly, i.e. "S256" (recommended) or "plain"
 	const usePKCE = false;
-	const client = oidcClient;
 
 	oidcStrategy = new Strategy(
-		{ client, params, passReqToCallback, usePKCE },
+		{ oidcClient, params, passReqToCallback, usePKCE },
 		(tokenset, userinfo, done) =>
 		{
 			const user =

From c81b377723240aeb54854c3e45db70e1fc32ca41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 28 Oct 2019 11:45:37 +0100
Subject: [PATCH 39/74] Fixed race condition on socket acknowledge callback.
 Fixed naming on socket methods. Added error handling on socket messages.

---
 app/src/RoomClient.js           | 652 ++++++++++++++++----------------
 app/src/components/Lobby.js     |   8 +-
 server/config/config.example.js |   1 +
 server/lib/Lobby.js             |  48 ++-
 server/lib/Peer.js              |  57 +--
 server/lib/Room.js              |  85 +++--
 server/server.js                |   1 +
 7 files changed, 438 insertions(+), 414 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 3662bd4..ff9494f 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -440,17 +440,17 @@ export default class RoomClient
 		}
 	}
 
-	async changeProfilePicture(picture)
+	async changePicture(picture)
 	{
-		logger.debug('changeProfilePicture() [picture: "%s"]', picture);
+		logger.debug('changePicture() [picture: "%s"]', picture);
 
 		try
 		{
-			await this.sendRequest('changeProfilePicture', { picture });
+			await this.sendRequest('changePicture', { picture });
 		}
 		catch (error)
 		{
-			logger.error('shareProfilePicure() | failed: %o', error);
+			logger.error('changePicture() | failed: %o', error);
 		}
 	}
 
@@ -1284,344 +1284,358 @@ export default class RoomClient
 				'socket "notification" event [method:%s, data:%o]',
 				notification.method, notification.data);
 
-			switch (notification.method)
+			try
 			{
-				case 'enteredLobby':
+				switch (notification.method)
 				{
-					store.dispatch(stateActions.setInLobby(true));
-
-					const { displayName } = store.getState().settings;
-
-					await this.sendRequest('changeDisplayName', { displayName });
-					break;
-				}
-
-				case 'roomReady':
-				{
-					store.dispatch(stateActions.toggleJoined());
-					store.dispatch(stateActions.setInLobby(false));
-
-					await this._joinRoom({ joinVideo });
-
-					break;
-				}
-
-				case 'lockRoom':
-				{
-					store.dispatch(
-						stateActions.setRoomLocked());
-
-					store.dispatch(requestActions.notify(
-						{
-							text : 'Room is now locked.'
-						}));
-
-					break;
-				}
-
-				case 'unlockRoom':
-				{
-					store.dispatch(
-						stateActions.setRoomUnLocked());
-					
-					store.dispatch(requestActions.notify(
-						{
-							text : 'Room is now unlocked.'
-						}));
-
-					break;
-				}
-
-				case 'parkedPeer':
-				{
-					const { peerId } = notification.data;
-
-					store.dispatch(
-						stateActions.addLobbyPeer(peerId));
-
-					store.dispatch(requestActions.notify(
-						{
-							text : 'New participant entered the lobby.'
-						}));
-
-					break;
-				}
-
-				case 'lobbyPeerClosed':
-				{
-					const { peerId } = notification.data;
-
-					store.dispatch(
-						stateActions.removeLobbyPeer(peerId));
-
-					store.dispatch(requestActions.notify(
-						{
-							text : 'Participant in lobby left.'
-						}));
-
-					break;
-				}
-
-				case 'promotedPeer':
-				{
-					const { peerId } = notification.data;
-
-					store.dispatch(
-						stateActions.removeLobbyPeer(peerId));
-
-					break;
-				}
-
-				case 'lobbyPeerDisplayNameChanged':
-				{
-					const { peerId, displayName } = notification.data;
-
-					store.dispatch(
-						stateActions.setLobbyPeerDisplayName(displayName, peerId));
-
-					store.dispatch(requestActions.notify(
-						{
-							text : `Participant in lobby changed name to ${displayName}.`
-						}));
-
-					break;
-				}
-
-				case 'setAccessCode':
-				{
-					const { accessCode } = notification.data;
-
-					store.dispatch(
-						stateActions.setAccessCode(accessCode));
-					
-					store.dispatch(requestActions.notify(
-						{
-							text : 'Access code for room updated'
-						}));
-
-					break;
-				}
-
-				case 'setJoinByAccessCode':
-				{
-					const { joinByAccessCode } = notification.data;
-					
-					store.dispatch(
-						stateActions.setJoinByAccessCode(joinByAccessCode));
-					
-					if (joinByAccessCode) 
+					case 'enteredLobby':
 					{
+						store.dispatch(stateActions.setInLobby(true));
+	
+						const { displayName } = store.getState().settings;
+	
+						await this.sendRequest('changeDisplayName', { displayName });
+						break;
+					}
+	
+					case 'roomReady':
+					{
+						store.dispatch(stateActions.toggleJoined());
+						store.dispatch(stateActions.setInLobby(false));
+	
+						await this._joinRoom({ joinVideo });
+	
+						break;
+					}
+	
+					case 'lockRoom':
+					{
+						store.dispatch(
+							stateActions.setRoomLocked());
+	
 						store.dispatch(requestActions.notify(
 							{
-								text : 'Access code for room is now activated'
+								text : 'Room is now locked.'
 							}));
+	
+						break;
 					}
-					else 
+	
+					case 'unlockRoom':
 					{
+						store.dispatch(
+							stateActions.setRoomUnLocked());
+						
 						store.dispatch(requestActions.notify(
 							{
-								text : 'Access code for room is now deactivated'
+								text : 'Room is now unlocked.'
 							}));
+	
+						break;
 					}
-
-					break;
-				}
-
-				case 'activeSpeaker':
-				{
-					const { peerId } = notification.data;
-
-					store.dispatch(
-						stateActions.setRoomActiveSpeaker(peerId));
-					
-					if (peerId && peerId !== this._peerId)
-						this._spotlights.handleActiveSpeaker(peerId);
-
-					break;
-				}
-
-				case 'changeDisplayName':
-				{
-					const { peerId, displayName, oldDisplayName } = notification.data;
-
-					store.dispatch(
-						stateActions.setPeerDisplayName(displayName, peerId));
-
-					store.dispatch(requestActions.notify(
-						{
-							text : `${oldDisplayName} is now ${displayName}`
-						}));
-
-					break;
-				}
-
-				case 'changeProfilePicture':
-				{
-					const { peerId, picture } = notification.data;
-
-					store.dispatch(stateActions.setPeerPicture(peerId, picture));
-
-					break;
-				}
-
-				case 'chatMessage':
-				{
-					const { peerId, chatMessage } = notification.data;
-
-					store.dispatch(
-						stateActions.addResponseMessage({ ...chatMessage, peerId }));
-
-					if (
-						!store.getState().toolarea.toolAreaOpen ||
-						(store.getState().toolarea.toolAreaOpen &&
-						store.getState().toolarea.currentToolTab !== 'chat')
-					) // Make sound
+	
+					case 'parkedPeer':
 					{
-						this._soundNotification();
+						const { peerId } = notification.data;
+	
+						store.dispatch(
+							stateActions.addLobbyPeer(peerId));
+	
+						store.dispatch(requestActions.notify(
+							{
+								text : 'New participant entered the lobby.'
+							}));
+	
+						break;
 					}
-
-					break;
-				}
-
-				case 'sendFile':
-				{
-					const { peerId, magnetUri } = notification.data;
-
-					store.dispatch(stateActions.addFile(peerId, magnetUri));
-
-					store.dispatch(requestActions.notify(
-						{
-							text : 'New file available.'
-						}));
-
-					if (
-						!store.getState().toolarea.toolAreaOpen ||
-						(store.getState().toolarea.toolAreaOpen &&
-						store.getState().toolarea.currentToolTab !== 'files')
-					) // Make sound
+	
+					case 'lobby:peerClosed':
 					{
-						this._soundNotification();
+						const { peerId } = notification.data;
+	
+						store.dispatch(
+							stateActions.removeLobbyPeer(peerId));
+	
+						store.dispatch(requestActions.notify(
+							{
+								text : 'Participant in lobby left.'
+							}));
+	
+						break;
 					}
-
-					break;
-				}
-
-				case 'producerScore':
-				{
-					const { producerId, score } = notification.data;
-
-					store.dispatch(
-						stateActions.setProducerScore(producerId, score));
-
-					break;
-				}
-
-				case 'newPeer':
-				{
-					const { id, displayName, picture, device } = notification.data;
-
-					store.dispatch(
-						stateActions.addPeer({ id, displayName, picture, device, consumers: [] }));
-
-					store.dispatch(requestActions.notify(
+	
+					case 'lobby:promotedPeer':
+					{
+						const { peerId } = notification.data;
+	
+						store.dispatch(
+							stateActions.removeLobbyPeer(peerId));
+	
+						break;
+					}
+	
+					case 'lobby:changeDisplayName':
+					{
+						const { peerId, displayName } = notification.data;
+	
+						store.dispatch(
+							stateActions.setLobbyPeerDisplayName(displayName, peerId));
+	
+						store.dispatch(requestActions.notify(
+							{
+								text : `Participant in lobby changed name to ${displayName}.`
+							}));
+	
+						break;
+					}
+	
+					case 'setAccessCode':
+					{
+						const { accessCode } = notification.data;
+	
+						store.dispatch(
+							stateActions.setAccessCode(accessCode));
+						
+						store.dispatch(requestActions.notify(
+							{
+								text : 'Access code for room updated'
+							}));
+	
+						break;
+					}
+	
+					case 'setJoinByAccessCode':
+					{
+						const { joinByAccessCode } = notification.data;
+						
+						store.dispatch(
+							stateActions.setJoinByAccessCode(joinByAccessCode));
+						
+						if (joinByAccessCode) 
 						{
-							text : `${displayName} joined the room.`
-						}));
-
-					break;
-				}
-
-				case 'peerClosed':
-				{
-					const { peerId } = notification.data;
-
-					store.dispatch(
-						stateActions.removePeer(peerId));
-
-					break;
-				}
-
-				case 'consumerClosed':
-				{
-					const { consumerId } = notification.data;
-					const consumer = this._consumers.get(consumerId);
-
-					if (!consumer)
+							store.dispatch(requestActions.notify(
+								{
+									text : 'Access code for room is now activated'
+								}));
+						}
+						else 
+						{
+							store.dispatch(requestActions.notify(
+								{
+									text : 'Access code for room is now deactivated'
+								}));
+						}
+	
 						break;
-
-					consumer.close();
-
-					if (consumer.hark != null)
-						consumer.hark.stop();
-
-					this._consumers.delete(consumerId);
-
-					const { peerId } = consumer.appData;
-
-					store.dispatch(
-						stateActions.removeConsumer(consumerId, peerId));
-
-					break;
-				}
-
-				case 'consumerPaused':
-				{
-					const { consumerId } = notification.data;
-					const consumer = this._consumers.get(consumerId);
-
-					if (!consumer)
+					}
+	
+					case 'activeSpeaker':
+					{
+						const { peerId } = notification.data;
+	
+						store.dispatch(
+							stateActions.setRoomActiveSpeaker(peerId));
+						
+						if (peerId && peerId !== this._peerId)
+							this._spotlights.handleActiveSpeaker(peerId);
+	
 						break;
-
-					store.dispatch(
-						stateActions.setConsumerPaused(consumerId, 'remote'));
-
-					break;
-				}
-
-				case 'consumerResumed':
-				{
-					const { consumerId } = notification.data;
-					const consumer = this._consumers.get(consumerId);
-
-					if (!consumer)
+					}
+	
+					case 'changeDisplayName':
+					{
+						const { peerId, displayName, oldDisplayName } = notification.data;
+	
+						store.dispatch(
+							stateActions.setPeerDisplayName(displayName, peerId));
+	
+						store.dispatch(requestActions.notify(
+							{
+								text : `${oldDisplayName} is now ${displayName}`
+							}));
+	
 						break;
-
-					store.dispatch(
-						stateActions.setConsumerResumed(consumerId, 'remote'));
-
-					break;
-				}
-
-				case 'consumerLayersChanged':
-				{
-					const { consumerId, spatialLayer, temporalLayer } = notification.data;
-					const consumer = this._consumers.get(consumerId);
-
-					if (!consumer)
+					}
+	
+					case 'changePicture':
+					{
+						const { peerId, picture } = notification.data;
+	
+						store.dispatch(stateActions.setPeerPicture(peerId, picture));
+	
 						break;
-
-					store.dispatch(stateActions.setConsumerCurrentLayers(
-						consumerId, spatialLayer, temporalLayer));
-
-					break;
-				}
-
-				case 'consumerScore':
-				{
-					const { consumerId, score } = notification.data;
-
-					store.dispatch(
-						stateActions.setConsumerScore(consumerId, score));
-
-					break;
-				}
-
-				default:
-				{
-					logger.error(
-						'unknown notification.method "%s"', notification.method);
+					}
+	
+					case 'chatMessage':
+					{
+						const { peerId, chatMessage } = notification.data;
+	
+						store.dispatch(
+							stateActions.addResponseMessage({ ...chatMessage, peerId }));
+	
+						if (
+							!store.getState().toolarea.toolAreaOpen ||
+							(store.getState().toolarea.toolAreaOpen &&
+							store.getState().toolarea.currentToolTab !== 'chat')
+						) // Make sound
+						{
+							this._soundNotification();
+						}
+	
+						break;
+					}
+	
+					case 'sendFile':
+					{
+						const { peerId, magnetUri } = notification.data;
+	
+						store.dispatch(stateActions.addFile(peerId, magnetUri));
+	
+						store.dispatch(requestActions.notify(
+							{
+								text : 'New file available.'
+							}));
+	
+						if (
+							!store.getState().toolarea.toolAreaOpen ||
+							(store.getState().toolarea.toolAreaOpen &&
+							store.getState().toolarea.currentToolTab !== 'files')
+						) // Make sound
+						{
+							this._soundNotification();
+						}
+	
+						break;
+					}
+	
+					case 'producerScore':
+					{
+						const { producerId, score } = notification.data;
+	
+						store.dispatch(
+							stateActions.setProducerScore(producerId, score));
+	
+						break;
+					}
+	
+					case 'newPeer':
+					{
+						const { id, displayName, picture, device } = notification.data;
+	
+						store.dispatch(
+							stateActions.addPeer({ id, displayName, picture, device, consumers: [] }));
+	
+						store.dispatch(requestActions.notify(
+							{
+								text : `${displayName} joined the room.`
+							}));
+	
+						break;
+					}
+	
+					case 'peerClosed':
+					{
+						const { peerId } = notification.data;
+	
+						store.dispatch(
+							stateActions.removePeer(peerId));
+	
+						break;
+					}
+	
+					case 'consumerClosed':
+					{
+						const { consumerId } = notification.data;
+						const consumer = this._consumers.get(consumerId);
+	
+						if (!consumer)
+							break;
+	
+						consumer.close();
+	
+						if (consumer.hark != null)
+							consumer.hark.stop();
+	
+						this._consumers.delete(consumerId);
+	
+						const { peerId } = consumer.appData;
+	
+						store.dispatch(
+							stateActions.removeConsumer(consumerId, peerId));
+	
+						break;
+					}
+	
+					case 'consumerPaused':
+					{
+						const { consumerId } = notification.data;
+						const consumer = this._consumers.get(consumerId);
+	
+						if (!consumer)
+							break;
+	
+						store.dispatch(
+							stateActions.setConsumerPaused(consumerId, 'remote'));
+	
+						break;
+					}
+	
+					case 'consumerResumed':
+					{
+						const { consumerId } = notification.data;
+						const consumer = this._consumers.get(consumerId);
+	
+						if (!consumer)
+							break;
+	
+						store.dispatch(
+							stateActions.setConsumerResumed(consumerId, 'remote'));
+	
+						break;
+					}
+	
+					case 'consumerLayersChanged':
+					{
+						const { consumerId, spatialLayer, temporalLayer } = notification.data;
+						const consumer = this._consumers.get(consumerId);
+	
+						if (!consumer)
+							break;
+	
+						store.dispatch(stateActions.setConsumerCurrentLayers(
+							consumerId, spatialLayer, temporalLayer));
+	
+						break;
+					}
+	
+					case 'consumerScore':
+					{
+						const { consumerId, score } = notification.data;
+	
+						store.dispatch(
+							stateActions.setConsumerScore(consumerId, score));
+	
+						break;
+					}
+	
+					default:
+					{
+						logger.error(
+							'unknown notification.method "%s"', notification.method);
+					}
 				}
 			}
+			catch (error)
+			{
+				logger.error('error on socket "notification" event failed:"%o"', error);
+
+				store.dispatch(requestActions.notify(
+					{
+						type : 'error',
+						text : 'Error on server request.'
+					}));
+			}
+
 		});
 	}
 
diff --git a/app/src/components/Lobby.js b/app/src/components/Lobby.js
index e0fe8e9..7e8bcf0 100644
--- a/app/src/components/Lobby.js
+++ b/app/src/components/Lobby.js
@@ -70,7 +70,9 @@ const Lobby = ({
 			case 'Escape':
 			{
 				if (displayName === '')
-					changeDisplayName('Guest');
+					roomClient.changeDisplayName('Guest');
+				else
+					roomClient.changeDisplayName(displayName);
 				break;
 			}
 			default:
@@ -111,7 +113,9 @@ const Lobby = ({
 					onBlur={() =>
 					{
 						if (displayName === '')
-							changeDisplayName('Guest');
+							roomClient.changeDisplayName('Guest');
+						else
+							roomClient.changeDisplayName(displayName);
 					}}
 					margin='normal'
 				/>
diff --git a/server/config/config.example.js b/server/config/config.example.js
index a358a14..71b2bdb 100644
--- a/server/config/config.example.js
+++ b/server/config/config.example.js
@@ -23,6 +23,7 @@ module.exports =
 	},*/
 	// session cookie secret
 	cookieSecret : 'T0P-S3cR3t_cook!e',
+	cookieName   : 'multiparty-meeting.sid',
 	tls          :
 	{
 		cert : `${__dirname}/../certs/mediasoup-demo.localhost.cert.pem`,
diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index 36644ab..d961ccb 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -98,14 +98,22 @@ class Lobby extends EventEmitter
 			peer.authenticated && this.emit('peerAuthenticated', peer);
 		});
 
-		peer.on('displayNameChanged', () =>
+		peer.socket.on('request', (request, cb) =>
 		{
-			this.emit('displayNameChanged', peer);
-		});
+			logger.debug(
+				'Peer "request" event [method:"%s", peer:"%s"]',
+				request.method, peer.id);
+			
+			if (this._closed)
+				return;
 
-		peer.on('pictureChanged', () =>
-		{
-			this.emit('pictureChanged', peer);
+			this._handleSocketRequest(peer, request, cb)
+				.catch((error) =>
+				{
+					logger.error('request failed [error:"%o"]', error);
+
+					cb(error);
+				});
 		});
 
 		peer.on('close', () =>
@@ -124,6 +132,34 @@ class Lobby extends EventEmitter
 		});
 	}
 
+	async _handleSocketRequest(peer, request, cb)
+	{
+		logger.debug(
+			'_handleSocketRequest [peer:"%s"], [request:"%s"]',
+			peer.id,
+			request.method
+		);
+
+		if (this._closed)
+			return;
+
+		switch (request.method)
+		{
+			case 'changeDisplayName':
+			{
+				const { displayName } = request.data;
+
+				peer.displayName = displayName;
+
+				this.emit('changeDisplayName', peer);
+
+				cb();
+
+				break;
+			}
+		}
+	}
+
 	_notification(socket, method, data = {}, broadcast = false)
 	{
 		if (broadcast)
diff --git a/server/lib/Peer.js b/server/lib/Peer.js
index a527a6a..32b6a81 100644
--- a/server/lib/Peer.js
+++ b/server/lib/Peer.js
@@ -75,14 +75,6 @@ class Peer extends EventEmitter
 			return next();
 		});
 
-		this.socket.on('request', (request, cb) =>
-		{
-			if (this._closed)
-				return;
-
-			this._handleSocketRequest(request, cb).catch(cb);
-		});
-
 		this.socket.on('disconnect', () =>
 		{
 			if (this.closed)
@@ -94,37 +86,6 @@ class Peer extends EventEmitter
 		});
 	}
 
-	async _handleSocketRequest(request, cb)
-	{
-		if (this._closed)
-			return;
-
-		switch (request.method)
-		{
-			case 'changeDisplayName':
-			{
-				const { displayName } = request.data;
-
-				this.displayName = displayName;
-
-				cb();
-
-				break;
-			}
-
-			case 'changeProfilePicture':
-			{
-				const { picture } = request.data;
-
-				this.picture = picture;
-
-				cb();
-
-				break;
-			}
-		}
-	}
-
 	_checkAuthentication()
 	{
 		if (
@@ -231,14 +192,7 @@ class Peer extends EventEmitter
 
 	set displayName(displayName)
 	{
-		if (displayName !== this._displayName)
-		{
-			const oldDisplayName = this._displayName;
-
-			this._displayName = displayName;
-
-			this.emit('displayNameChanged', { oldDisplayName });
-		}
+		this._displayName = displayName;
 	}
 
 	get picture()
@@ -248,14 +202,7 @@ class Peer extends EventEmitter
 
 	set picture(picture)
 	{
-		if (picture !== this._picture)
-		{
-			const oldPicture = this._picture;
-
-			this._picture = picture;
-
-			this.emit('pictureChanged', { oldPicture });
-		}
+		this._picture = picture;
 	}
 
 	get email()
diff --git a/server/lib/Room.js b/server/lib/Room.js
index 564a573..c1080c9 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -123,7 +123,7 @@ class Room extends EventEmitter
 		}
 		else if (
 			this._locked ||
-			(config.requireSignInToAccess && !peer.authenticated)
+			(Boolean(config.requireSignInToAccess) && !peer.authenticated)
 		)
 		{
 			this._parkPeer(peer);
@@ -146,7 +146,7 @@ class Room extends EventEmitter
 
 			this._peers.forEach((peer) =>
 			{
-				this._notification(peer.socket, 'promotedPeer', { peerId: id });
+				this._notification(peer.socket, 'lobby:promotedPeer', { peerId: id });
 			});
 		});
 
@@ -155,23 +155,23 @@ class Room extends EventEmitter
 			!this._locked && this._lobby.promotePeer(peer.id);
 		});
 
-		this._lobby.on('displayNameChanged', (changedPeer) =>
+		this._lobby.on('changeDisplayName', (changedPeer) =>
 		{
 			const { id, displayName } = changedPeer;
 
 			this._peers.forEach((peer) =>
 			{
-				this._notification(peer.socket, 'lobbyPeerDisplayNameChanged', { peerId: id, displayName });
+				this._notification(peer.socket, 'lobby:changeDisplayName', { peerId: id, displayName });
 			});
 		});
 
-		this._lobby.on('pictureChanged', (changedPeer) =>
+		this._lobby.on('changePicture', (changedPeer) =>
 		{
 			const { id, picture } = changedPeer;
 
 			this._peers.forEach((peer) =>
 			{
-				this._notification(peer.socket, 'lobbyPeerPictureChanged', { peerId: id, picture });
+				this._notification(peer.socket, 'lobby:changePicture', { peerId: id, picture });
 			});
 		});
 
@@ -183,7 +183,7 @@ class Room extends EventEmitter
 
 			this._peers.forEach((peer) =>
 			{
-				this._notification(peer.socket, 'lobbyPeerClosed', { peerId: id });
+				this._notification(peer.socket, 'lobby:peerClosed', { peerId: id });
 			});
 		});
 
@@ -312,31 +312,6 @@ class Room extends EventEmitter
 				});
 		});
 
-		peer.on('displayNameChanged', ({ oldDisplayName }) =>
-		{
-			if (!peer.joined)
-				return;
-
-			// Spread to others
-			this._notification(peer.socket, 'changeDisplayName', {
-				peerId         : peer.id,
-				displayName    : peer.displayName,
-				oldDisplayName : oldDisplayName
-			}, true);
-		});
-
-		peer.on('pictureChanged', () =>
-		{
-			if (!peer.joined)
-				return;
-
-			// Spread to others
-			this._notification(peer.socket, 'changeProfilePicture', {
-				peerId  : peer.id,
-				picture : peer.picture
-			}, true);
-		});
-
 		peer.on('close', () =>
 		{
 			if (this._closed)
@@ -758,6 +733,52 @@ class Room extends EventEmitter
 				break;
 			}
 
+			case 'changeDisplayName':
+			{
+				// Ensure the Peer is joined.
+				if (!peer.data.joined)
+					throw new Error('Peer not yet joined');
+
+				const { displayName } = request.data;
+				const oldDisplayName = peer.data.displayName;
+
+				peer.displayName = displayName;
+
+				// Spread to others
+				this._notification(peer.socket, 'changeDisplayName', {
+					peerId         : peer.id,
+					displayName    : displayName,
+					oldDisplayName : oldDisplayName
+				}, true);
+
+				// Return no error
+				cb();
+
+				break;
+			}
+
+			case 'changePicture':
+			{
+				// Ensure the Peer is joined.
+				if (!peer.data.joined)
+					throw new Error('Peer not yet joined');
+
+				const { picture } = request.data;
+
+				peer.picture = picture;
+
+				// Spread to others
+				this._notification(peer.socket, 'changePicture', {
+					peerId  : peer.id,
+					picture : picture
+				}, true);
+
+				// Return no error
+				cb();
+
+				break;
+			}
+
 			case 'chatMessage':
 			{
 				const { chatMessage } = request.data;
diff --git a/server/server.js b/server/server.js
index 2511333..a619291 100755
--- a/server/server.js
+++ b/server/server.js
@@ -68,6 +68,7 @@ app.use(bodyParser.urlencoded({ extended: true }));
 
 const session = expressSession({
 	secret            : config.cookieSecret,
+	name              : config.cookieName,
 	resave            : true,
 	saveUninitialized : true,
 	store             : new RedisStore({ client }),

From a003bcdef0bf474fe93a62adff29e9acb84e19c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 28 Oct 2019 12:11:47 +0100
Subject: [PATCH 40/74] Remove unused file.

---
 server/mediasoup.js | 321 --------------------------------------------
 1 file changed, 321 deletions(-)
 delete mode 100644 server/mediasoup.js

diff --git a/server/mediasoup.js b/server/mediasoup.js
deleted file mode 100644
index 99a4862..0000000
--- a/server/mediasoup.js
+++ /dev/null
@@ -1,321 +0,0 @@
-const mediasoup = require('mediasoup');
-const readline = require('readline');
-const colors = require('colors/safe');
-const repl = require('repl');
-const homer = require('./lib/homer');
-const config = require('./config/config');
-
-// mediasoup server.
-const mediaServer = mediasoup.Server(
-	{
-		numWorkers       : null,
-		logLevel         : config.mediasoup.logLevel,
-		logTags          : config.mediasoup.logTags,
-		rtcIPv4          : config.mediasoup.rtcIPv4,
-		rtcIPv6          : config.mediasoup.rtcIPv6,
-		rtcAnnouncedIPv4 : config.mediasoup.rtcAnnouncedIPv4,
-		rtcAnnouncedIPv6 : config.mediasoup.rtcAnnouncedIPv6,
-		rtcMinPort       : config.mediasoup.rtcMinPort,
-		rtcMaxPort       : config.mediasoup.rtcMaxPort
-	});
-
-// Do Homer stuff.
-if (process.env.MEDIASOUP_HOMER_OUTPUT)
-	homer(mediaServer);
-
-global.SERVER = mediaServer;
-
-mediaServer.on('newroom', (room) =>
-{
-	global.ROOM = room;
-
-	room.on('newpeer', (peer) =>
-	{
-		global.PEER = peer;
-
-		if (peer.consumers.length > 0)
-			global.CONSUMER = peer.consumers[peer.consumers.length - 1];
-
-		peer.on('newtransport', (transport) =>
-		{
-			global.TRANSPORT = transport;
-		});
-
-		peer.on('newproducer', (producer) =>
-		{
-			global.PRODUCER = producer;
-		});
-
-		peer.on('newconsumer', (consumer) =>
-		{
-			global.CONSUMER = consumer;
-		});
-	});
-});
-
-// Listen for keyboard input.
-
-let cmd;
-let terminal;
-
-openCommandConsole();
-
-function openCommandConsole()
-{
-	stdinLog('[opening Readline Command Console...]');
-
-	closeCommandConsole();
-	closeTerminal();
-
-	cmd = readline.createInterface(
-		{
-			input  : process.stdin,
-			output : process.stdout
-		});
-
-	cmd.on('SIGINT', () =>
-	{
-		process.exit();
-	});
-
-	readStdin();
-
-	function readStdin()
-	{
-		cmd.question('cmd> ', (answer) =>
-		{
-			switch (answer)
-			{
-				case '':
-				{
-					readStdin();
-					break;
-				}
-
-				case 'h':
-				case 'help':
-				{
-					stdinLog('');
-					stdinLog('available commands:');
-					stdinLog('- h,  help          : show this message');
-					stdinLog('- sd, serverdump    : execute server.dump()');
-					stdinLog('- rd, roomdump      : execute room.dump() for the latest created mediasoup Room');
-					stdinLog('- pd, peerdump      : execute peer.dump() for the latest created mediasoup Peer');
-					stdinLog('- td, transportdump : execute transport.dump() for the latest created mediasoup Transport');
-					stdinLog('- prd, producerdump : execute producer.dump() for the latest created mediasoup Producer');
-					stdinLog('- cd, consumerdump : execute consumer.dump() for the latest created mediasoup Consumer');
-					stdinLog('- t,  terminal      : open REPL Terminal');
-					stdinLog('');
-					readStdin();
-
-					break;
-				}
-
-				case 'sd':
-				case 'serverdump':
-				{
-					mediaServer.dump()
-						.then((data) =>
-						{
-							stdinLog(`server.dump() succeeded:\n${JSON.stringify(data, null, '  ')}`);
-							readStdin();
-						})
-						.catch((error) =>
-						{
-							stdinError(`mediaServer.dump() failed: ${error}`);
-							readStdin();
-						});
-
-					break;
-				}
-
-				case 'rd':
-				case 'roomdump':
-				{
-					if (!global.ROOM)
-					{
-						readStdin();
-						break;
-					}
-
-					global.ROOM.dump()
-						.then((data) =>
-						{
-							stdinLog(`room.dump() succeeded:\n${JSON.stringify(data, null, '  ')}`);
-							readStdin();
-						})
-						.catch((error) =>
-						{
-							stdinError(`room.dump() failed: ${error}`);
-							readStdin();
-						});
-
-					break;
-				}
-
-				case 'pd':
-				case 'peerdump':
-				{
-					if (!global.PEER)
-					{
-						readStdin();
-						break;
-					}
-
-					global.PEER.dump()
-						.then((data) =>
-						{
-							stdinLog(`peer.dump() succeeded:\n${JSON.stringify(data, null, '  ')}`);
-							readStdin();
-						})
-						.catch((error) =>
-						{
-							stdinError(`peer.dump() failed: ${error}`);
-							readStdin();
-						});
-
-					break;
-				}
-
-				case 'td':
-				case 'transportdump':
-				{
-					if (!global.TRANSPORT)
-					{
-						readStdin();
-						break;
-					}
-
-					global.TRANSPORT.dump()
-						.then((data) =>
-						{
-							stdinLog(`transport.dump() succeeded:\n${JSON.stringify(data, null, '  ')}`);
-							readStdin();
-						})
-						.catch((error) =>
-						{
-							stdinError(`transport.dump() failed: ${error}`);
-							readStdin();
-						});
-
-					break;
-				}
-
-				case 'prd':
-				case 'producerdump':
-				{
-					if (!global.PRODUCER)
-					{
-						readStdin();
-						break;
-					}
-
-					global.PRODUCER.dump()
-						.then((data) =>
-						{
-							stdinLog(`producer.dump() succeeded:\n${JSON.stringify(data, null, '  ')}`);
-							readStdin();
-						})
-						.catch((error) =>
-						{
-							stdinError(`producer.dump() failed: ${error}`);
-							readStdin();
-						});
-
-					break;
-				}
-
-				case 'cd':
-				case 'consumerdump':
-				{
-					if (!global.CONSUMER)
-					{
-						readStdin();
-						break;
-					}
-
-					global.CONSUMER.dump()
-						.then((data) =>
-						{
-							stdinLog(`consumer.dump() succeeded:\n${JSON.stringify(data, null, '  ')}`);
-							readStdin();
-						})
-						.catch((error) =>
-						{
-							stdinError(`consumer.dump() failed: ${error}`);
-							readStdin();
-						});
-
-					break;
-				}
-
-				case 't':
-				case 'terminal':
-				{
-					openTerminal();
-
-					break;
-				}
-
-				default:
-				{
-					stdinError(`unknown command: ${answer}`);
-					stdinLog('press \'h\' or \'help\' to get the list of available commands');
-
-					readStdin();
-				}
-			}
-		});
-	}
-}
-
-function openTerminal()
-{
-	stdinLog('[opening REPL Terminal...]');
-
-	closeCommandConsole();
-	closeTerminal();
-
-	terminal = repl.start(
-		{
-			prompt          : 'terminal> ',
-			useColors       : true,
-			useGlobal       : true,
-			ignoreUndefined : false
-		});
-
-	terminal.on('exit', () => openCommandConsole());
-}
-
-function closeCommandConsole()
-{
-	if (cmd)
-	{
-		cmd.close();
-		cmd = undefined;
-	}
-}
-
-function closeTerminal()
-{
-	if (terminal)
-	{
-		terminal.removeAllListeners('exit');
-		terminal.close();
-		terminal = undefined;
-	}
-}
-
-function stdinLog(msg)
-{
-	// eslint-disable-next-line no-console
-	console.log(colors.green(msg));
-}
-
-function stdinError(msg)
-{
-	// eslint-disable-next-line no-console
-	console.error(colors.red.bold('ERROR: ') + colors.red(msg));
-}
-
-module.exports = mediaServer;

From 9256d4c7510bfcbc22a3a6a9df59ac12f201d185 Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Wed, 30 Oct 2019 14:59:34 +0100
Subject: [PATCH 41/74] fixed displayName error

---
 server/lib/Room.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/server/lib/Room.js b/server/lib/Room.js
index c1080c9..742d37c 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -736,11 +736,11 @@ class Room extends EventEmitter
 			case 'changeDisplayName':
 			{
 				// Ensure the Peer is joined.
-				if (!peer.data.joined)
+				if (!peer.joined)
 					throw new Error('Peer not yet joined');
 
 				const { displayName } = request.data;
-				const oldDisplayName = peer.data.displayName;
+				const oldDisplayName = peer.displayName;
 
 				peer.displayName = displayName;
 

From 879ea371674603e978c16793d48e4559d213ce34 Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Wed, 30 Oct 2019 15:00:37 +0100
Subject: [PATCH 42/74] Added name for room in state on clientside

---
 app/src/RoomClient.js           | 19 ++++++++++++++++++-
 app/src/actions/stateActions.js |  9 +++++++++
 app/src/reducers/room.js        |  8 ++++++++
 3 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index ff9494f..bc34254 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -120,6 +120,7 @@ export default class RoomClient
 
 		// The room ID
 		this._roomId = roomId;
+		store.dispatch(stateActions.setRoomName(roomId));
 
 		// mediasoup-client Device instance.
 		// @type {mediasoupClient.Device}
@@ -759,6 +760,22 @@ export default class RoomClient
 		}
 	}
 
+	async getAudioTrack()
+	{
+		await navigator.mediaDevices.getUserMedia(
+			{
+				audio : true, video : false 
+			});
+	}
+
+	async getVideoTrack()
+	{
+		await navigator.mediaDevices.getUserMedia(
+			{
+				audio : false, video : true 
+			});
+	}
+
 	async changeAudioDevice(deviceId)
 	{
 		logger.debug('changeAudioDevice() [deviceId: %s]', deviceId);
@@ -2467,7 +2484,7 @@ export default class RoomClient
 
 		try
 		{
-			logger.debug('_getAudioDeviceId() | calling _updateWebcams()');
+			logger.debug('_getAudioDeviceId() | calling _updateAudioDeviceId()');
 
 			await this._updateAudioDevices();
 
diff --git a/app/src/actions/stateActions.js b/app/src/actions/stateActions.js
index 2d8882e..598b50a 100644
--- a/app/src/actions/stateActions.js
+++ b/app/src/actions/stateActions.js
@@ -6,6 +6,15 @@ export const setRoomUrl = (url) =>
 	};
 };
 
+export const setRoomName = (name) =>
+{
+	return {
+		type    : 'SET_ROOM_NAME',
+		payload : { name }
+	};
+};
+
+
 export const setRoomState = (state) =>
 {
 	return {
diff --git a/app/src/reducers/room.js b/app/src/reducers/room.js
index 9fdcc30..a1f4fcc 100644
--- a/app/src/reducers/room.js
+++ b/app/src/reducers/room.js
@@ -1,6 +1,7 @@
 const initialState =
 {
 	url                : null,
+	name               : '',
 	state              : 'new', // new/connecting/connected/disconnected/closed,
 	locked             : false,
 	inLobby            : false,
@@ -31,6 +32,13 @@ const room = (state = initialState, action) =>
 			return { ...state, url };
 		}
 
+		case 'SET_ROOM_NAME':
+		{
+			const { name } = action.payload;
+
+			return { ...state, name };
+		}
+
 		case 'SET_ROOM_STATE':
 		{
 			const roomState = action.payload.state;

From 70913c221913c8c346f10507c90d31db4868b2da Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Wed, 30 Oct 2019 15:01:28 +0100
Subject: [PATCH 43/74] improved joinDialog

---
 app/src/components/App.js        |   9 +--
 app/src/components/JoinDialog.js | 131 +++++++++++++++++++++++--------
 2 files changed, 99 insertions(+), 41 deletions(-)

diff --git a/app/src/components/App.js b/app/src/components/App.js
index bdcc03d..130faa8 100644
--- a/app/src/components/App.js
+++ b/app/src/components/App.js
@@ -3,7 +3,6 @@ import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
 import Room from './Room';
 import JoinDialog from './JoinDialog';
-import Lobby from './Lobby';
 
 const App = (props) =>
 {
@@ -11,13 +10,7 @@ const App = (props) =>
 		room
 	} = props;
 
-	if (room.inLobby)
-	{
-		return (
-			<Lobby />
-		);
-	}
-	else if (!room.joined)
+	if (!room.joined)
 	{
 		return (
 			<JoinDialog />
diff --git a/app/src/components/JoinDialog.js b/app/src/components/JoinDialog.js
index 22d47da..faa6d60 100644
--- a/app/src/components/JoinDialog.js
+++ b/app/src/components/JoinDialog.js
@@ -5,10 +5,15 @@ import { withRoomContext } from '../RoomContext';
 import * as stateActions from '../actions/stateActions';
 import PropTypes from 'prop-types';
 import Dialog from '@material-ui/core/Dialog';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import IconButton from '@material-ui/core/IconButton';
+import AccountCircle from '@material-ui/icons/AccountCircle';
+import Avatar from '@material-ui/core/Avatar';
 import Typography from '@material-ui/core/Typography';
 import DialogActions from '@material-ui/core/DialogActions';
 import Button from '@material-ui/core/Button';
 import TextField from '@material-ui/core/TextField';
+import CookieConsent from 'react-cookie-consent';
 
 const styles = (theme) =>
 	({
@@ -45,16 +50,35 @@ const styles = (theme) =>
 				width : '80vw'
 			}
 		},
+		title :
+		{
+			position   : 'relative',
+			alignItems : 'center',
+			display    : 'flex',
+			marginLeft : 0
+		},
+		actionButtons :
+		{
+			right    : 0,
+			position : 'absolute'
+		},
 		logo :
 		{
 			display : 'block'
+		},
+		green :
+		{
+			color : 'rgba(0,255,0,1)'
 		}
 	});
 
 const JoinDialog = ({
 	roomClient,
+	room,
 	displayName,
 	loginEnabled,
+	loggedIn,
+	myPicture,
 	changeDisplayName,
 	classes
 }) =>
@@ -85,17 +109,48 @@ const JoinDialog = ({
 					paper : classes.dialogPaper
 				}}
 			>
+				<DialogTitle disableTypography className={classes.title}> 
+					{ window.config.logo && <img alt='Logo' className={classes.logo} src={window.config.logo} /> }
+					<div className={classes.title}>
+						<Typography variant='h4'>
+							{ window.config.title } 
+						</Typography>
+					</div>
+					<div className={classes.grow} />
+					<div className={classes.actionButtons}>
+						{ loginEnabled &&
+							<IconButton
+								aria-label='Account'
+								className={classes.actionButton}
+								color='inherit'
+								onClick={() => 
+								{
+									loggedIn ? roomClient.logout() : roomClient.login();
+								}}
+							>
+								{ myPicture ?
+									<Avatar src={myPicture} />
+									:
+									<AccountCircle />
+								}
+							</IconButton>
+						}
+					</div>
+				</DialogTitle>
 				{ window.config.logo &&
 					<img alt='Logo' className={classes.logo} src={window.config.logo} />
 				}
-				<Typography variant='h2' align='center'>
-					Welcome
-				</Typography>
 				<Typography variant='h6'>
 					You are about to join a meeting.
-					Set the name that others will see,
-					and choose how you want to join?
 				</Typography>
+				<Typography variant='h5'>
+					<center> Room ID: { room.name } </center>
+				</Typography>
+				<Typography variant='h6'>
+					Set your name for participation,
+					and choose how you want to join:
+				</Typography>
+
 				<TextField
 					id='displayname'
 					label='Your name'
@@ -112,43 +167,44 @@ const JoinDialog = ({
 					{
 						if (displayName === '')
 							changeDisplayName('Guest');
+						if (room.inLobby) roomClient.changeDisplayName(displayName);
 					}}
 					margin='normal'
 				/>
-				<DialogActions>
-					{ loginEnabled &&
+
+				{ !room.inLobby ?
+					<DialogActions>
 						<Button
 							onClick={() =>
 							{
-								roomClient.login();
+								roomClient.join({ joinVideo: false });
 							}}
 							variant='contained'
 							color='secondary'
 						>
-							Sign in
+							Audio only
 						</Button>
-					}
-					<Button
-						onClick={() =>
-						{
-							roomClient.join({ joinVideo: false });
-						}}
-						variant='contained'
-						color='secondary'
-					>
-						Audio only
-					</Button>
-					<Button
-						onClick={() =>
-						{
-							roomClient.join({ joinVideo: true });
-						}}
-						variant='contained'
-						color='secondary'
-					>
-						Audio and Video
-					</Button>
-				</DialogActions>
+						<Button
+							onClick={() =>
+							{
+								roomClient.join({ joinVideo: true });
+							}}
+							variant='contained'
+							color='secondary'
+						>
+							Audio and Video
+						</Button>
+					</DialogActions>
+					: 
+					<Typography variant='h6'>
+						<div className={classes.green}> Ok, you are ready</div> 
+						The room is looked - hang on until somebody lets you in ...
+					</Typography>
+				}
+
+				<CookieConsent>
+					This website uses cookies to enhance the user experience.
+				</CookieConsent>
 			</Dialog>
 		</div>
 	);
@@ -157,8 +213,11 @@ const JoinDialog = ({
 JoinDialog.propTypes =
 {
 	roomClient        : PropTypes.any.isRequired,
+	room              : PropTypes.object.isRequired,
 	displayName       : PropTypes.string.isRequired,
 	loginEnabled      : PropTypes.bool.isRequired,
+	loggedIn          : PropTypes.bool.isRequired,
+	myPicture         : PropTypes.string,
 	changeDisplayName : PropTypes.func.isRequired,
 	classes           : PropTypes.object.isRequired
 };
@@ -166,8 +225,11 @@ JoinDialog.propTypes =
 const mapStateToProps = (state) =>
 {
 	return {
+		room         : state.room,
 		displayName  : state.settings.displayName,
-		loginEnabled : state.me.loginEnabled
+		loginEnabled : state.me.loginEnabled,
+		loggedIn     : state.me.loggedIn,
+		myPicture    : state.me.picture
 	};
 };
 
@@ -189,8 +251,11 @@ export default withRoomContext(connect(
 		areStatesEqual : (next, prev) =>
 		{
 			return (
+				prev.room.inLobby === next.room.inLobby &&
 				prev.settings.displayName === next.settings.displayName &&
-				prev.me.loginEnabled === next.me.loginEnabled
+				prev.me.loginEnabled === next.me.loginEnabled &&
+				prev.me.loggedIn === next.me.loggedIn &&
+				prev.me.picture === next.me.picture
 			);
 		}
 	}

From 295a731324f4441475f377adfdc11605072e186d Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Wed, 30 Oct 2019 15:02:42 +0100
Subject: [PATCH 44/74] removed Lobby (included in joinDialog now)

---
 app/src/components/Lobby.js | 184 ------------------------------------
 1 file changed, 184 deletions(-)
 delete mode 100644 app/src/components/Lobby.js

diff --git a/app/src/components/Lobby.js b/app/src/components/Lobby.js
deleted file mode 100644
index 7e8bcf0..0000000
--- a/app/src/components/Lobby.js
+++ /dev/null
@@ -1,184 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import { withStyles } from '@material-ui/core/styles';
-import { withRoomContext } from '../RoomContext';
-import * as stateActions from '../actions/stateActions';
-import PropTypes from 'prop-types';
-import Dialog from '@material-ui/core/Dialog';
-import Typography from '@material-ui/core/Typography';
-import DialogActions from '@material-ui/core/DialogActions';
-import Button from '@material-ui/core/Button';
-import TextField from '@material-ui/core/TextField';
-
-const styles = (theme) =>
-	({
-		root :
-		{
-			display              : 'flex',
-			width                : '100%',
-			height               : '100%',
-			backgroundColor      : 'var(--background-color)',
-			backgroundImage      : `url(${window.config.background})`,
-			backgroundAttachment : 'fixed',
-			backgroundPosition   : 'center',
-			backgroundSize       : 'cover',
-			backgroundRepeat     : 'no-repeat'
-		},
-		dialogPaper :
-		{
-			width                          : '20vw',
-			padding                        : theme.spacing(2),
-			[theme.breakpoints.down('lg')] :
-			{
-				width : '30vw'
-			},
-			[theme.breakpoints.down('md')] :
-			{
-				width : '40vw'
-			},
-			[theme.breakpoints.down('sm')] :
-			{
-				width : '60vw'
-			},
-			[theme.breakpoints.down('xs')] :
-			{
-				width : '80vw'
-			}
-		},
-		logo :
-		{
-			display : 'block'
-		}
-	});
-
-const Lobby = ({
-	roomClient,
-	url,
-	displayName,
-	loginEnabled,
-	changeDisplayName,
-	classes
-}) =>
-{
-	const handleKeyDown = (event) =>
-	{
-		const { key } = event;
-
-		switch (key)
-		{
-			case 'Enter':
-			case 'Escape':
-			{
-				if (displayName === '')
-					roomClient.changeDisplayName('Guest');
-				else
-					roomClient.changeDisplayName(displayName);
-				break;
-			}
-			default:
-				break;
-		}
-	};
-
-	return (
-		<div className={classes.root}>
-			<Dialog
-				open
-				classes={{
-					paper : classes.dialogPaper
-				}}
-			>
-				{ window.config.logo &&
-					<img alt='Logo' className={classes.logo} src={window.config.logo} />
-				}
-				<Typography variant='h2' align='center'>
-					Virtual lobby
-				</Typography>
-				<Typography variant='h6'>
-					You are currently in the virtual lobby of: {url}
-					Please wait for someone to let you in.
-				</Typography>
-				<TextField
-					id='displayname'
-					label='Your name'
-					className={classes.textField}
-					value={displayName}
-					onChange={(event) =>
-					{
-						const { value } = event.target;
-
-						changeDisplayName(value);
-					}}
-					onKeyDown={handleKeyDown}
-					onBlur={() =>
-					{
-						if (displayName === '')
-							roomClient.changeDisplayName('Guest');
-						else
-							roomClient.changeDisplayName(displayName);
-					}}
-					margin='normal'
-				/>
-				<DialogActions>
-					{ loginEnabled &&
-						<Button
-							onClick={() =>
-							{
-								roomClient.login();
-							}}
-							variant='contained'
-							color='secondary'
-						>
-							Sign in
-						</Button>
-					}
-				</DialogActions>
-			</Dialog>
-		</div>
-	);
-};
-
-Lobby.propTypes =
-{
-	roomClient        : PropTypes.any.isRequired,
-	url               : PropTypes.string.isRequired,
-	displayName       : PropTypes.string.isRequired,
-	loginEnabled      : PropTypes.bool.isRequired,
-	changeDisplayName : PropTypes.func.isRequired,
-	classes           : PropTypes.object.isRequired
-};
-
-const mapStateToProps = (state) =>
-{
-	return {
-		url          : state.room.url,
-		displayName  : state.settings.displayName,
-		loginEnabled : state.me.loginEnabled
-	};
-};
-
-const mapDispatchToProps = (dispatch) =>
-{
-	return {
-		changeDisplayName : (displayName) =>
-		{
-			dispatch(stateActions.setDisplayName(displayName));
-		}
-	};
-};
-
-export default withRoomContext(connect(
-	mapStateToProps,
-	mapDispatchToProps,
-	null,
-	{
-		areStatesEqual : (next, prev) =>
-		{
-			return (
-				prev.room.url === next.room.url &&
-				prev.settings.displayName === next.settings.displayName &&
-				prev.me.loginEnabled === next.me.loginEnabled
-			);
-		}
-	}
-)(withStyles(styles)(Lobby)));
\ No newline at end of file

From cc013f4c4ee833c111327aaa70228f4683365eb6 Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Wed, 30 Oct 2019 18:01:17 +0100
Subject: [PATCH 45/74] Fix:Server does not start with oidc. I don't understand
 this but it works that way now,

---
 server/server.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/server/server.js b/server/server.js
index a619291..4fcfcd8 100755
--- a/server/server.js
+++ b/server/server.js
@@ -177,8 +177,10 @@ async function setupAuth(oidcIssuer)
 	// any of the supported values directly, i.e. "S256" (recommended) or "plain"
 	const usePKCE = false;
 
+	const cClient = oidcClient;
+
 	oidcStrategy = new Strategy(
-		{ oidcClient, params, passReqToCallback, usePKCE },
+		{ cClient, params, passReqToCallback, usePKCE },
 		(tokenset, userinfo, done) =>
 		{
 			const user =

From b5dd7f0ee414d20af87ff9f9bcb5ffa12cc4bee3 Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Wed, 30 Oct 2019 18:11:52 +0100
Subject: [PATCH 46/74] Fix:Server does not start with oidc 2nd try

---
 server/server.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/server/server.js b/server/server.js
index 4fcfcd8..20a6bde 100755
--- a/server/server.js
+++ b/server/server.js
@@ -177,10 +177,10 @@ async function setupAuth(oidcIssuer)
 	// any of the supported values directly, i.e. "S256" (recommended) or "plain"
 	const usePKCE = false;
 
-	const cClient = oidcClient;
+	const client = oidcClient;
 
 	oidcStrategy = new Strategy(
-		{ cClient, params, passReqToCallback, usePKCE },
+		{ client, params, passReqToCallback, usePKCE },
 		(tokenset, userinfo, done) =>
 		{
 			const user =

From 549176b86eb9f1a062d80e66d8e8291bf3e87586 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Wed, 30 Oct 2019 22:12:29 +0100
Subject: [PATCH 47/74] Fixed events on server when user logs in.

---
 server/lib/Peer.js | 18 ++++++++++++++++--
 server/lib/Room.js | 27 +++++++++++++++++++++++++++
 server/server.js   |  6 +++---
 3 files changed, 46 insertions(+), 5 deletions(-)

diff --git a/server/lib/Peer.js b/server/lib/Peer.js
index 32b6a81..9253aa9 100644
--- a/server/lib/Peer.js
+++ b/server/lib/Peer.js
@@ -192,7 +192,14 @@ class Peer extends EventEmitter
 
 	set displayName(displayName)
 	{
-		this._displayName = displayName;
+		if (displayName !== this._displayName)
+		{
+			const oldDisplayName = this._displayName;
+
+			this._displayName = displayName;
+			
+			this.emit('displayNameChanged', { oldDisplayName });
+		}
 	}
 
 	get picture()
@@ -202,7 +209,14 @@ class Peer extends EventEmitter
 
 	set picture(picture)
 	{
-		this._picture = picture;
+		if (picture !== this._picture)
+		{
+			const oldPicture = this._picture;
+
+			this._picture = picture;
+			
+			this.emit('pictureChanged', { oldPicture });
+		}
 	}
 
 	get email()
diff --git a/server/lib/Room.js b/server/lib/Room.js
index 742d37c..35da279 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -339,6 +339,33 @@ class Room extends EventEmitter
 				this.selfDestructCountdown();
 			}
 		});
+
+		peer.on('displayNameChanged', ({ oldDisplayName }) =>
+		{
+			// Ensure the Peer is joined.
+			if (!peer.data.joined)
+				throw new Error('Peer not yet joined');
+
+			// Spread to others
+			this._notification(peer.socket, 'changeDisplayName', {
+				peerId         : peer.id,
+				displayName    : peer.displayName,
+				oldDisplayName : oldDisplayName
+			}, true);
+		});
+
+		peer.on('pictureChanged', () =>
+		{
+			// Ensure the Peer is joined.
+			if (!peer.data.joined)
+				throw new Error('Peer not yet joined');
+
+			// Spread to others
+			this._notification(peer.socket, 'changePicture', {
+				peerId  : peer.id,
+				picture : peer.picture
+			}, true);
+		});
 	}
 
 	async _handleSocketRequest(peer, request, cb)
diff --git a/server/server.js b/server/server.js
index 20a6bde..5508f28 100755
--- a/server/server.js
+++ b/server/server.js
@@ -177,10 +177,8 @@ async function setupAuth(oidcIssuer)
 	// any of the supported values directly, i.e. "S256" (recommended) or "plain"
 	const usePKCE = false;
 
-	const client = oidcClient;
-
 	oidcStrategy = new Strategy(
-		{ client, params, passReqToCallback, usePKCE },
+		{ client: oidcClient, params, passReqToCallback, usePKCE },
 		(tokenset, userinfo, done) =>
 		{
 			const user =
@@ -286,6 +284,8 @@ async function setupAuth(oidcIssuer)
 			const peer = peers.get(state.id);
 
 			peer && (peer.authenticated = true);
+			peer && (peer.displayName = displayName);
+			peer && (peer.picture = picture);
 
 			res.send(httpHelper({
 				displayName,

From b30011c81a60c0649f611f02891ea4e0b916130c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Wed, 30 Oct 2019 22:17:48 +0100
Subject: [PATCH 48/74] Checking wrong element in object.

---
 server/lib/Room.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/server/lib/Room.js b/server/lib/Room.js
index 35da279..a8d595b 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -343,7 +343,7 @@ class Room extends EventEmitter
 		peer.on('displayNameChanged', ({ oldDisplayName }) =>
 		{
 			// Ensure the Peer is joined.
-			if (!peer.data.joined)
+			if (!peer.joined)
 				throw new Error('Peer not yet joined');
 
 			// Spread to others
@@ -357,7 +357,7 @@ class Room extends EventEmitter
 		peer.on('pictureChanged', () =>
 		{
 			// Ensure the Peer is joined.
-			if (!peer.data.joined)
+			if (!peer.joined)
 				throw new Error('Peer not yet joined');
 
 			// Spread to others
@@ -787,7 +787,7 @@ class Room extends EventEmitter
 			case 'changePicture':
 			{
 				// Ensure the Peer is joined.
-				if (!peer.data.joined)
+				if (!peer.joined)
 					throw new Error('Peer not yet joined');
 
 				const { picture } = request.data;

From a8c61699454bff9e7fd9511596d9ed835061c284 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Wed, 30 Oct 2019 22:21:02 +0100
Subject: [PATCH 49/74] Don't throw on not joined.

---
 server/lib/Room.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/server/lib/Room.js b/server/lib/Room.js
index a8d595b..3144ce9 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -344,7 +344,7 @@ class Room extends EventEmitter
 		{
 			// Ensure the Peer is joined.
 			if (!peer.joined)
-				throw new Error('Peer not yet joined');
+				return;
 
 			// Spread to others
 			this._notification(peer.socket, 'changeDisplayName', {
@@ -358,7 +358,7 @@ class Room extends EventEmitter
 		{
 			// Ensure the Peer is joined.
 			if (!peer.joined)
-				throw new Error('Peer not yet joined');
+				return;
 
 			// Spread to others
 			this._notification(peer.socket, 'changePicture', {

From 59617aa2ad514f4ca6238a9f945bad71111baeb5 Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Thu, 31 Oct 2019 00:22:47 +0100
Subject: [PATCH 50/74] added signInRequired in joinDialog

---
 app/src/RoomClient.js            |  7 +++++++
 app/src/actions/stateActions.js  |  8 ++++++++
 app/src/components/JoinDialog.js | 12 +++++++++++-
 app/src/reducers/room.js         |  8 ++++++++
 server/lib/Lobby.js              |  5 +++++
 server/lib/Room.js               |  5 +++++
 6 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index bc34254..8b74152 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -1314,7 +1314,14 @@ export default class RoomClient
 						await this.sendRequest('changeDisplayName', { displayName });
 						break;
 					}
+
+					case 'signInRequired':
+					{
+						store.dispatch(stateActions.setSignInRequired(true));
 	
+						break;
+					}
+						
 					case 'roomReady':
 					{
 						store.dispatch(stateActions.toggleJoined());
diff --git a/app/src/actions/stateActions.js b/app/src/actions/stateActions.js
index 598b50a..8a8d545 100644
--- a/app/src/actions/stateActions.js
+++ b/app/src/actions/stateActions.js
@@ -53,6 +53,14 @@ export const setInLobby = (inLobby) =>
 	};
 };
 
+export const setSignInRequired = (signInRequired) =>
+{
+	return {
+		type    : 'SET_SIGN_IN_REQUIRED',
+		payload : { signInRequired }
+	};
+};
+
 export const setAccessCode = (accessCode) =>
 {
 	return {
diff --git a/app/src/components/JoinDialog.js b/app/src/components/JoinDialog.js
index faa6d60..a34b850 100644
--- a/app/src/components/JoinDialog.js
+++ b/app/src/components/JoinDialog.js
@@ -198,7 +198,16 @@ const JoinDialog = ({
 					: 
 					<Typography variant='h6'>
 						<div className={classes.green}> Ok, you are ready</div> 
-						The room is looked - hang on until somebody lets you in ...
+						{ room.signInRequired ?
+							<div>
+								The room is empty! 
+								You can Log In to start the meeting or wait until the host joins.
+							</div>
+							:
+							<div>
+								The room is locked - hang on until somebody lets you in ...
+							</div>
+						}
 					</Typography>
 				}
 
@@ -252,6 +261,7 @@ export default withRoomContext(connect(
 		{
 			return (
 				prev.room.inLobby === next.room.inLobby &&
+				prev.room.signInRequired === next.room.signInRequired &&
 				prev.settings.displayName === next.settings.displayName &&
 				prev.me.loginEnabled === next.me.loginEnabled &&
 				prev.me.loggedIn === next.me.loggedIn &&
diff --git a/app/src/reducers/room.js b/app/src/reducers/room.js
index a1f4fcc..0d650d3 100644
--- a/app/src/reducers/room.js
+++ b/app/src/reducers/room.js
@@ -5,6 +5,7 @@ const initialState =
 	state              : 'new', // new/connecting/connected/disconnected/closed,
 	locked             : false,
 	inLobby            : false,
+	signInRequired     : false,
 	accessCode         : '', // access code to the room if locked and joinByAccessCode == true
 	joinByAccessCode   : true, // if true: accessCode is a possibility to open the room
 	activeSpeakerId    : null,
@@ -66,6 +67,13 @@ const room = (state = initialState, action) =>
 			return { ...state, inLobby };
 		}
 
+		case 'SET_SIGN_IN_REQUIRED':
+		{
+			const { signInRequired } = action.payload;
+
+			return { ...state, signInRequired };
+		}
+
 		case 'SET_ACCESS_CODE':
 		{
 			const { accessCode } = action.payload;
diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index d961ccb..1b537f7 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -1,5 +1,7 @@
 const EventEmitter = require('events').EventEmitter;
 const Logger = require('./Logger');
+const config = require('../config/config');
+
 
 const logger = new Logger('Lobby');
 
@@ -89,6 +91,9 @@ class Lobby extends EventEmitter
 
 		this._notification(peer.socket, 'enteredLobby');
 
+		if (config.requireSignInToAccess && !peer.authenticated && !super.isLocked) 
+			this._notification(peer.socket, 'signInRequired');
+
 		this._peers.set(peer.id, peer);
 
 		peer.on('authenticationChanged', () =>
diff --git a/server/lib/Room.js b/server/lib/Room.js
index 3144ce9..97eab18 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -83,6 +83,11 @@ class Room extends EventEmitter
 		this._handleAudioLevelObserver();
 	}
 
+	isLocked()
+	{
+		return this._locked;
+	}
+
 	close()
 	{
 		logger.debug('close()');

From 6c07f89ab1046eddbfada9713fc3dbc99bb894e4 Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Thu, 31 Oct 2019 01:05:11 +0100
Subject: [PATCH 51/74] changePicture on signIn

---
 app/src/RoomClient.js           |  2 ++
 app/src/actions/stateActions.js |  2 --
 server/lib/Lobby.js             | 14 +++++++++++++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 8b74152..d7b4772 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -330,6 +330,8 @@ export default class RoomClient
 			{
 				text : 'You are logged in.'
 			}));
+		this.changeDisplayName(displayName);
+		this.changePicture(picture);
 	}
 
 	_soundNotification()
diff --git a/app/src/actions/stateActions.js b/app/src/actions/stateActions.js
index 8a8d545..f0b030b 100644
--- a/app/src/actions/stateActions.js
+++ b/app/src/actions/stateActions.js
@@ -14,7 +14,6 @@ export const setRoomName = (name) =>
 	};
 };
 
-
 export const setRoomState = (state) =>
 {
 	return {
@@ -77,7 +76,6 @@ export const setJoinByAccessCode = (joinByAccessCode) =>
 	};
 };
 
-
 export const setSettingsOpen = ({ settingsOpen }) =>
 	({
 		type    : 'SET_SETTINGS_OPEN',
diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index 1b537f7..c1cda33 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -91,7 +91,7 @@ class Lobby extends EventEmitter
 
 		this._notification(peer.socket, 'enteredLobby');
 
-		if (config.requireSignInToAccess && !peer.authenticated && !super.isLocked) 
+		if (config.requireSignInToAccess && !peer.authenticated && !super.isLocked()) 
 			this._notification(peer.socket, 'signInRequired');
 
 		this._peers.set(peer.id, peer);
@@ -160,6 +160,18 @@ class Lobby extends EventEmitter
 
 				cb();
 
+				break;
+			}			
+			case 'changePicture':
+			{
+				const { picture } = request.data;
+
+				peer.picture = picture;
+
+				this.emit('changePicture', peer);
+
+				cb();
+
 				break;
 			}
 		}

From d49ef4e65fa85b7ea997a996c1bdd85372c454db Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Thu, 31 Oct 2019 01:44:06 +0100
Subject: [PATCH 52/74] fix: picture update from Lobby

---
 app/src/RoomClient.js           | 19 ++++++++++++++++++-
 app/src/actions/stateActions.js |  8 ++++++++
 app/src/reducers/lobbyPeers.js  |  5 ++++-
 server/lib/Lobby.js             |  3 ---
 server/lib/Room.js              |  3 +++
 5 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index d7b4772..25ef2d3 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -331,7 +331,7 @@ export default class RoomClient
 				text : 'You are logged in.'
 			}));
 		this.changeDisplayName(displayName);
-		this.changePicture(picture);
+		this.changePicture(picture)
 	}
 
 	_soundNotification()
@@ -658,6 +658,8 @@ export default class RoomClient
 					stateActions.addLobbyPeer(peer.peerId));
 				store.dispatch(
 					stateActions.setLobbyPeerDisplayName(peer.displayName));
+				store.dispatch(
+						stateActions.setLobbyPeerPicture(peer.picture));
 			});
 
 			(accessCode != null) && store.dispatch(
@@ -1415,6 +1417,21 @@ export default class RoomClient
 						break;
 					}
 	
+					case 'lobby:changePicture':
+					{
+						const { peerId, picture } = notification.data;
+	
+						store.dispatch(
+							stateActions.setLobbyPeerPicture(picture, peerId));
+	
+						store.dispatch(requestActions.notify(
+							{
+								text : `Participant in lobby changed picture.`
+							}));
+	
+						break;
+					}
+
 					case 'setAccessCode':
 					{
 						const { accessCode } = notification.data;
diff --git a/app/src/actions/stateActions.js b/app/src/actions/stateActions.js
index f0b030b..55ba6fb 100644
--- a/app/src/actions/stateActions.js
+++ b/app/src/actions/stateActions.js
@@ -461,6 +461,14 @@ export const setLobbyPeerDisplayName = (displayName, peerId) =>
 	};
 };
 
+export const setLobbyPeerPicture = (picture, peerId) =>
+{
+	return {
+		type    : 'SET_LOBBY_PEER_PICTURE',
+		payload : { picture, peerId }
+	};
+};
+
 export const setLobbyPeerPromotionInProgress = (peerId, flag) =>
 {
 	return {
diff --git a/app/src/reducers/lobbyPeers.js b/app/src/reducers/lobbyPeers.js
index 9b905ed..7bef39f 100644
--- a/app/src/reducers/lobbyPeers.js
+++ b/app/src/reducers/lobbyPeers.js
@@ -7,7 +7,10 @@ const lobbyPeer = (state = {}, action) =>
 
 		case 'SET_LOBBY_PEER_DISPLAY_NAME':
 			return { ...state, displayName: action.payload.displayName };
-
+		
+		case 'SET_LOBBY_PEER_PICTURE':
+			return { ...state, picture: action.payload.picture };
+	
 		case 'SET_LOBBY_PEER_PROMOTION_IN_PROGRESS':
 			return { ...state, promotionInProgress: action.payload.flag };
 
diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index c1cda33..4eebcf0 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -91,9 +91,6 @@ class Lobby extends EventEmitter
 
 		this._notification(peer.socket, 'enteredLobby');
 
-		if (config.requireSignInToAccess && !peer.authenticated && !super.isLocked()) 
-			this._notification(peer.socket, 'signInRequired');
-
 		this._peers.set(peer.id, peer);
 
 		peer.on('authenticationChanged', () =>
diff --git a/server/lib/Room.js b/server/lib/Room.js
index 97eab18..7f604a3 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -133,6 +133,9 @@ class Room extends EventEmitter
 		{
 			this._parkPeer(peer);
 
+			if (!this._locked)
+				this._notification(peer.socket, 'signInRequired');
+
 			return;
 		}
 

From f204ff02224e90faaba8ebafb90035da0c6386fb Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Thu, 31 Oct 2019 02:37:45 +0100
Subject: [PATCH 53/74] mostly revert last commit :(

---
 app/src/RoomClient.js           | 17 -----------------
 app/src/actions/stateActions.js |  8 --------
 app/src/reducers/lobbyPeers.js  |  3 ---
 3 files changed, 28 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 25ef2d3..f98e94a 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -658,8 +658,6 @@ export default class RoomClient
 					stateActions.addLobbyPeer(peer.peerId));
 				store.dispatch(
 					stateActions.setLobbyPeerDisplayName(peer.displayName));
-				store.dispatch(
-						stateActions.setLobbyPeerPicture(peer.picture));
 			});
 
 			(accessCode != null) && store.dispatch(
@@ -1417,21 +1415,6 @@ export default class RoomClient
 						break;
 					}
 	
-					case 'lobby:changePicture':
-					{
-						const { peerId, picture } = notification.data;
-	
-						store.dispatch(
-							stateActions.setLobbyPeerPicture(picture, peerId));
-	
-						store.dispatch(requestActions.notify(
-							{
-								text : `Participant in lobby changed picture.`
-							}));
-	
-						break;
-					}
-
 					case 'setAccessCode':
 					{
 						const { accessCode } = notification.data;
diff --git a/app/src/actions/stateActions.js b/app/src/actions/stateActions.js
index 55ba6fb..f0b030b 100644
--- a/app/src/actions/stateActions.js
+++ b/app/src/actions/stateActions.js
@@ -461,14 +461,6 @@ export const setLobbyPeerDisplayName = (displayName, peerId) =>
 	};
 };
 
-export const setLobbyPeerPicture = (picture, peerId) =>
-{
-	return {
-		type    : 'SET_LOBBY_PEER_PICTURE',
-		payload : { picture, peerId }
-	};
-};
-
 export const setLobbyPeerPromotionInProgress = (peerId, flag) =>
 {
 	return {
diff --git a/app/src/reducers/lobbyPeers.js b/app/src/reducers/lobbyPeers.js
index 7bef39f..57a6bba 100644
--- a/app/src/reducers/lobbyPeers.js
+++ b/app/src/reducers/lobbyPeers.js
@@ -8,9 +8,6 @@ const lobbyPeer = (state = {}, action) =>
 		case 'SET_LOBBY_PEER_DISPLAY_NAME':
 			return { ...state, displayName: action.payload.displayName };
 		
-		case 'SET_LOBBY_PEER_PICTURE':
-			return { ...state, picture: action.payload.picture };
-	
 		case 'SET_LOBBY_PEER_PROMOTION_IN_PROGRESS':
 			return { ...state, promotionInProgress: action.payload.flag };
 

From dd19560951abef54eb8fa36553aba4010ea4ed51 Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Thu, 31 Oct 2019 05:26:59 +0100
Subject: [PATCH 54/74] fix peer auth propagation

---
 app/src/RoomClient.js | 2 --
 server/lib/Peer.js    | 2 ++
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index f98e94a..8b74152 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -330,8 +330,6 @@ export default class RoomClient
 			{
 				text : 'You are logged in.'
 			}));
-		this.changeDisplayName(displayName);
-		this.changePicture(picture)
 	}
 
 	_soundNotification()
diff --git a/server/lib/Peer.js b/server/lib/Peer.js
index 9253aa9..0e2bcb4 100644
--- a/server/lib/Peer.js
+++ b/server/lib/Peer.js
@@ -106,10 +106,12 @@ class Peer extends EventEmitter
 			email && (this.email = email);
 
 			this.authenticated = true;
+			this.emit('authenticationChanged');
 		}
 		else
 		{
 			this.authenticated = false;
+			this.emit('authenticationChanged');
 		}
 	}
 

From 87bcd3a89580da021525f18f938d1801e44a9910 Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Thu, 31 Oct 2019 05:34:54 +0100
Subject: [PATCH 55/74] fix logic for room entry

---
 server/lib/Room.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/server/lib/Room.js b/server/lib/Room.js
index 7f604a3..bf4f107 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -126,16 +126,15 @@ class Room extends EventEmitter
 
 			return;
 		}
-		else if (
-			this._locked ||
-			(Boolean(config.requireSignInToAccess) && !peer.authenticated)
-		)
+		else if ( this._locked )
 		{
 			this._parkPeer(peer);
-
-			if (!this._locked)
-				this._notification(peer.socket, 'signInRequired');
-
+			return;
+		}
+		else if ( Boolean(config.requireSignInToAccess) && this.checkEmpty()) 
+		{       
+			this._parkPeer(peer);
+			this._notification(peer.socket, 'signInRequired');
 			return;
 		}
 
@@ -875,6 +874,7 @@ class Room extends EventEmitter
 				this._notification(peer.socket, 'unlockRoom', {
 					peerId : peer.id
 				}, true);
+				this._lobby.promoteAllPeers();
 
 				// Return no error
 				cb();

From aac2e5f918a60edb48dae4f2ed4a476b3d335000 Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Thu, 31 Oct 2019 15:30:20 +0100
Subject: [PATCH 56/74] Fixed update picture / displayName finally (hopefully)

---
 app/src/RoomClient.js           | 24 ++++++++++++++++++++++++
 app/src/actions/stateActions.js |  8 ++++++++
 app/src/reducers/lobbyPeers.js  |  4 +++-
 3 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 8b74152..5490c5d 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -330,6 +330,11 @@ export default class RoomClient
 			{
 				text : 'You are logged in.'
 			}));
+		if ( store.getState().room.state !== 'new' ) // no socket yet
+		{
+			this.changeDisplayName(displayName);
+			this.changePicture(picture);
+		}
 	}
 
 	_soundNotification()
@@ -656,6 +661,8 @@ export default class RoomClient
 					stateActions.addLobbyPeer(peer.peerId));
 				store.dispatch(
 					stateActions.setLobbyPeerDisplayName(peer.displayName));
+				store.dispatch(
+					stateActions.setLobbyPeerPicture(peer.picture));
 			});
 
 			(accessCode != null) && store.dispatch(
@@ -1310,8 +1317,10 @@ export default class RoomClient
 						store.dispatch(stateActions.setInLobby(true));
 	
 						const { displayName } = store.getState().settings;
+						const { picture } = store.getState().me;
 	
 						await this.sendRequest('changeDisplayName', { displayName });
+						await this.sendRequest('changePicture', { picture })
 						break;
 					}
 
@@ -1412,7 +1421,22 @@ export default class RoomClient
 	
 						break;
 					}
+					
+					case 'lobby:changePicture':
+					{
+						const { peerId, picture } = notification.data;
 	
+						store.dispatch(
+							stateActions.setLobbyPeerPicture(picture, peerId));
+	
+						store.dispatch(requestActions.notify(
+							{
+								text : `Participant in lobby changed picture.`
+							}));
+	
+						break;
+					}
+
 					case 'setAccessCode':
 					{
 						const { accessCode } = notification.data;
diff --git a/app/src/actions/stateActions.js b/app/src/actions/stateActions.js
index f0b030b..55ba6fb 100644
--- a/app/src/actions/stateActions.js
+++ b/app/src/actions/stateActions.js
@@ -461,6 +461,14 @@ export const setLobbyPeerDisplayName = (displayName, peerId) =>
 	};
 };
 
+export const setLobbyPeerPicture = (picture, peerId) =>
+{
+	return {
+		type    : 'SET_LOBBY_PEER_PICTURE',
+		payload : { picture, peerId }
+	};
+};
+
 export const setLobbyPeerPromotionInProgress = (peerId, flag) =>
 {
 	return {
diff --git a/app/src/reducers/lobbyPeers.js b/app/src/reducers/lobbyPeers.js
index 57a6bba..fef9190 100644
--- a/app/src/reducers/lobbyPeers.js
+++ b/app/src/reducers/lobbyPeers.js
@@ -7,7 +7,8 @@ const lobbyPeer = (state = {}, action) =>
 
 		case 'SET_LOBBY_PEER_DISPLAY_NAME':
 			return { ...state, displayName: action.payload.displayName };
-		
+		case 'SET_LOBBY_PEER_PICTURE':
+			return { ...state, picture: action.payload.picture };
 		case 'SET_LOBBY_PEER_PROMOTION_IN_PROGRESS':
 			return { ...state, promotionInProgress: action.payload.flag };
 
@@ -36,6 +37,7 @@ const lobbyPeers = (state = {}, action) =>
 		}
 
 		case 'SET_LOBBY_PEER_DISPLAY_NAME':
+		case 'SET_LOBBY_PEER_PICTURE':
 		case 'SET_LOBBY_PEER_PROMOTION_IN_PROGRESS':
 		{
 			const oldLobbyPeer = state[action.payload.peerId];

From 10228a9f8cd96d2d43f2cb83f9d96ed8abfb7926 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 1 Nov 2019 11:43:34 +0100
Subject: [PATCH 57/74] Allow minimum TLSv1.2 and recommended ciphers, fixes
 #105.

---
 server/server.js | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/server/server.js b/server/server.js
index 5508f28..5272f6e 100755
--- a/server/server.js
+++ b/server/server.js
@@ -6,6 +6,7 @@ const config = require('./config/config');
 const fs = require('fs');
 const http = require('http');
 const spdy = require('spdy');
+const { constants } = require('crypto');
 const express = require('express');
 const bodyParser = require('body-parser');
 const cookieParser = require('cookie-parser');
@@ -54,8 +55,21 @@ const peers = new Map();
 // TLS server configuration.
 const tls =
 {
-	cert : fs.readFileSync(config.tls.cert),
-	key  : fs.readFileSync(config.tls.key)
+	cert          : fs.readFileSync(config.tls.cert),
+	key           : fs.readFileSync(config.tls.key),
+	secureOptions : 'tlsv12',
+	ciphers       :
+	[
+		'ECDHE-ECDSA-AES128-GCM-SHA256',
+		'ECDHE-RSA-AES128-GCM-SHA256',
+		'ECDHE-ECDSA-AES256-GCM-SHA384',
+		'ECDHE-RSA-AES256-GCM-SHA384',
+		'ECDHE-ECDSA-CHACHA20-POLY1305',
+		'ECDHE-RSA-CHACHA20-POLY1305',
+		'DHE-RSA-AES128-GCM-SHA256',
+		'DHE-RSA-AES256-GCM-SHA384'
+	].join(':'),
+	honorCipherOrder : true
 };
 
 const app = express();

From 5d1a38d978f167d83787acf1f3bca70ca7171da2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 1 Nov 2019 14:22:29 +0100
Subject: [PATCH 58/74] Fixing the join dialog.

---
 app/src/components/JoinDialog.js | 253 ++++++++++++++++++++-----------
 app/src/index.css                |   5 +
 2 files changed, 169 insertions(+), 89 deletions(-)

diff --git a/app/src/components/JoinDialog.js b/app/src/components/JoinDialog.js
index a34b850..128f197 100644
--- a/app/src/components/JoinDialog.js
+++ b/app/src/components/JoinDialog.js
@@ -1,19 +1,22 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import { connect } from 'react-redux';
 import { withStyles } from '@material-ui/core/styles';
 import { withRoomContext } from '../RoomContext';
 import * as stateActions from '../actions/stateActions';
 import PropTypes from 'prop-types';
 import Dialog from '@material-ui/core/Dialog';
-import DialogTitle from '@material-ui/core/DialogTitle';
+import DialogContentText from '@material-ui/core/DialogContentText';
 import IconButton from '@material-ui/core/IconButton';
 import AccountCircle from '@material-ui/icons/AccountCircle';
 import Avatar from '@material-ui/core/Avatar';
 import Typography from '@material-ui/core/Typography';
-import DialogActions from '@material-ui/core/DialogActions';
 import Button from '@material-ui/core/Button';
 import TextField from '@material-ui/core/TextField';
+import Tooltip from '@material-ui/core/Tooltip';
 import CookieConsent from 'react-cookie-consent';
+import MuiDialogTitle from '@material-ui/core/DialogTitle';
+import MuiDialogContent from '@material-ui/core/DialogContent';
+import MuiDialogActions from '@material-ui/core/DialogActions';
 
 const styles = (theme) =>
 	({
@@ -29,54 +32,134 @@ const styles = (theme) =>
 			backgroundSize       : 'cover',
 			backgroundRepeat     : 'no-repeat'
 		},
+		dialogTitle :
+		{
+		},
 		dialogPaper :
 		{
-			width                          : '20vw',
+			width                          : '30vw',
 			padding                        : theme.spacing(2),
 			[theme.breakpoints.down('lg')] :
 			{
-				width : '30vw'
+				width : '40vw'
 			},
 			[theme.breakpoints.down('md')] :
 			{
-				width : '40vw'
+				width : '50vw'
 			},
 			[theme.breakpoints.down('sm')] :
 			{
-				width : '60vw'
+				width : '70vw'
 			},
 			[theme.breakpoints.down('xs')] :
 			{
-				width : '80vw'
+				width : '90vw'
 			}
 		},
-		title :
-		{
-			position   : 'relative',
-			alignItems : 'center',
-			display    : 'flex',
-			marginLeft : 0
-		},
-		actionButtons :
-		{
-			right    : 0,
-			position : 'absolute'
-		},
 		logo :
 		{
-			display : 'block'
+			display       : 'block',
+			paddingBottom : '1vh'
+		},
+		loginButton :
+		{
+			position : 'absolute',
+			right    : theme.spacing(2),
+			top      : theme.spacing(2),
+			padding  : 0
+		},
+		largeIcon :
+		{
+			fontSize : '2em'
+		},
+		largeAvatar :
+		{
+			width  : 50,
+			height : 50
 		},
 		green :
 		{
-			color : 'rgba(0,255,0,1)'
+			color : 'rgba(0, 153, 0, 1)'
 		}
 	});
 
+const DialogTitle = withStyles(styles)((props) =>
+{
+	const [ open, setOpen ] = useState(false);
+
+	useEffect(() =>
+	{
+		const openTimer = setTimeout(() => setOpen(true), 1000);
+		const closeTimer = setTimeout(() => setOpen(false), 4000);
+
+		return () =>
+		{
+			clearTimeout(openTimer);
+			clearTimeout(closeTimer);
+		};
+	}, []);
+
+	const { children, classes, myPicture, onLogin, ...other } = props;
+
+	const handleTooltipClose = () =>
+	{
+		setOpen(false);
+	};
+
+	const handleTooltipOpen = () =>
+	{
+		setOpen(true);
+	};
+
+	return (
+		<MuiDialogTitle disableTypography className={classes.dialogTitle} {...other}>
+			{ window.config.logo && <img alt='Logo' className={classes.logo} src={window.config.logo} /> }
+			<Typography variant='h5'>{children}</Typography>
+			{ window.config.loginEnabled &&
+				<Tooltip
+					onClose={handleTooltipClose}
+					onOpen={handleTooltipOpen}
+					open={open}
+					title='Click to log in'
+					placement='left'
+				>
+					<IconButton
+						aria-label='Account'
+						className={classes.loginButton}
+						color='inherit'
+						onClick={onLogin}
+					>
+						{ myPicture ?
+							<Avatar src={myPicture} className={classes.largeAvatar} />
+							:
+							<AccountCircle className={classes.largeIcon} />
+						}
+					</IconButton>
+				</Tooltip>
+			}
+		</MuiDialogTitle>
+	);
+});
+
+const DialogContent = withStyles((theme) => ({
+	root :
+	{
+		padding : theme.spacing(2)
+	}
+}))(MuiDialogContent);
+
+const DialogActions = withStyles((theme) => ({
+	root :
+	{
+		margin  : 0,
+		padding : theme.spacing(1)
+	}
+}))(MuiDialogActions);
+
 const JoinDialog = ({
 	roomClient,
 	room,
 	displayName,
-	loginEnabled,
 	loggedIn,
 	myPicture,
 	changeDisplayName,
@@ -109,68 +192,53 @@ const JoinDialog = ({
 					paper : classes.dialogPaper
 				}}
 			>
-				<DialogTitle disableTypography className={classes.title}> 
-					{ window.config.logo && <img alt='Logo' className={classes.logo} src={window.config.logo} /> }
-					<div className={classes.title}>
-						<Typography variant='h4'>
-							{ window.config.title } 
-						</Typography>
-					</div>
-					<div className={classes.grow} />
-					<div className={classes.actionButtons}>
-						{ loginEnabled &&
-							<IconButton
-								aria-label='Account'
-								className={classes.actionButton}
-								color='inherit'
-								onClick={() => 
-								{
-									loggedIn ? roomClient.logout() : roomClient.login();
-								}}
-							>
-								{ myPicture ?
-									<Avatar src={myPicture} />
-									:
-									<AccountCircle />
-								}
-							</IconButton>
-						}
-					</div>
+				<DialogTitle
+					myPicture={myPicture}
+					onLogin={() => 
+					{
+						loggedIn ? roomClient.logout() : roomClient.login();
+					}}
+				>
+					{ window.config.title }
+					<hr />
 				</DialogTitle>
-				{ window.config.logo &&
-					<img alt='Logo' className={classes.logo} src={window.config.logo} />
-				}
-				<Typography variant='h6'>
-					You are about to join a meeting.
-				</Typography>
-				<Typography variant='h5'>
-					<center> Room ID: { room.name } </center>
-				</Typography>
-				<Typography variant='h6'>
-					Set your name for participation,
-					and choose how you want to join:
-				</Typography>
+				<DialogContent>
+					<DialogContentText gutterBottom>
+						You are about to join a meeting.
+					</DialogContentText>
 
-				<TextField
-					id='displayname'
-					label='Your name'
-					className={classes.textField}
-					value={displayName}
-					onChange={(event) =>
-					{
-						const { value } = event.target;
+					<DialogContentText variant='h6' gutterBottom align='center'>
+						Room ID: { room.name }
+					</DialogContentText>
 
-						changeDisplayName(value);
-					}}
-					onKeyDown={handleKeyDown}
-					onBlur={() =>
-					{
-						if (displayName === '')
-							changeDisplayName('Guest');
-						if (room.inLobby) roomClient.changeDisplayName(displayName);
-					}}
-					margin='normal'
-				/>
+					<DialogContentText gutterBottom>
+						Set your name for participation,
+						and choose how you want to join:
+					</DialogContentText>
+
+					<TextField
+						id='displayname'
+						label='Your name'
+						value={displayName}
+						variant='outlined'
+						margin='normal'
+						onChange={(event) =>
+						{
+							const { value } = event.target;
+
+							changeDisplayName(value);
+						}}
+						onKeyDown={handleKeyDown}
+						onBlur={() =>
+						{
+							if (displayName === '')
+								changeDisplayName('Guest');
+							if (room.inLobby) roomClient.changeDisplayName(displayName);
+						}}
+						fullWidth
+					/>
+
+				</DialogContent>
 
 				{ !room.inLobby ?
 					<DialogActions>
@@ -196,19 +264,26 @@ const JoinDialog = ({
 						</Button>
 					</DialogActions>
 					: 
-					<Typography variant='h6'>
-						<div className={classes.green}> Ok, you are ready</div> 
+					<DialogContent>
+						<DialogContentText
+							className={classes.green}
+							gutterBottom
+							variant='h6'
+							align='center'
+						>
+							Ok, you are ready
+						</DialogContentText>
 						{ room.signInRequired ?
-							<div>
+							<DialogContentText gutterBottom>
 								The room is empty! 
 								You can Log In to start the meeting or wait until the host joins.
-							</div>
+							</DialogContentText>
 							:
-							<div>
+							<DialogContentText gutterBottom>
 								The room is locked - hang on until somebody lets you in ...
-							</div>
+							</DialogContentText>
 						}
-					</Typography>
+					</DialogContent>
 				}
 
 				<CookieConsent>
diff --git a/app/src/index.css b/app/src/index.css
index 3fbbe8f..b1a7397 100644
--- a/app/src/index.css
+++ b/app/src/index.css
@@ -18,6 +18,11 @@ html
 	font-family: 'Roboto';
 	font-weight: 300;
 	margin : 0;
+	box-sizing: border-box;
+}
+
+*, *:before, *:after {
+	box-sizing: inherit;
 }
 
 body

From 8bfdcab709f3508932209596fdeee001c7fa1585 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 1 Nov 2019 14:50:40 +0100
Subject: [PATCH 59/74] Fixed socket connection handling.

---
 app/src/RoomClient.js | 71 +++++++++++++++++++++++++++----------------
 1 file changed, 45 insertions(+), 26 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 5490c5d..747bb33 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -330,7 +330,8 @@ export default class RoomClient
 			{
 				text : 'You are logged in.'
 			}));
-		if ( store.getState().room.state !== 'new' ) // no socket yet
+
+		if (store.getState().room.state !== 'new') // no socket yet
 		{
 			this.changeDisplayName(displayName);
 			this.changePicture(picture);
@@ -1142,41 +1143,59 @@ export default class RoomClient
 			logger.debug('signaling Peer "connect" event');
 		});
 
-		this._signalingSocket.on('disconnect', () =>
+		this._signalingSocket.on('disconnect', (reason) =>
 		{
-			logger.warn('signaling Peer "disconnect" event');
+			logger.warn('signaling Peer "disconnect" event [reason:"%s"]', reason);
+
+			if (this._closed)
+				return;
+
+			if (reason === 'io server disconnect')
+			{
+				store.dispatch(requestActions.notify(
+					{
+						text : 'You are disconnected.'
+					}));
+	
+				store.dispatch(stateActions.setRoomState('closed'));
+
+				this.close();
+			}
+
+			store.dispatch(requestActions.notify(
+				{
+					text : 'You are disconnected, attempting to reconnect.'
+				}));
+
+			store.dispatch(stateActions.setRoomState('connecting'));
+		});
+
+		this._signalingSocket.on('reconnect_failed', () =>
+		{
+			logger.warn('signaling Peer "reconnect_failed" event');
 
 			store.dispatch(requestActions.notify(
 				{
 					text : 'You are disconnected.'
 				}));
 
-			// Close mediasoup Transports.
-			if (this._sendTransport)
-			{
-				this._sendTransport.close();
-				this._sendTransport = null;
-			}
-
-			if (this._recvTransport)
-			{
-				this._recvTransport.close();
-				this._recvTransport = null;
-			}
-
 			store.dispatch(stateActions.setRoomState('closed'));
-		});
-
-		this._signalingSocket.on('close', () =>
-		{
-			if (this._closed)
-				return;
-
-			logger.warn('signaling Peer "close" event');
 
 			this.close();
 		});
 
+		this._signalingSocket.on('reconnect', (attemptNumber) =>
+		{
+			logger.debug('signaling Peer "reconnect" event [attempts:"%s"]', attemptNumber);
+
+			store.dispatch(requestActions.notify(
+				{
+					text : 'You are reconnected.'
+				}));
+
+			store.dispatch(stateActions.setRoomState('connected'));
+		});
+
 		this._signalingSocket.on('request', async (request, cb) =>
 		{
 			logger.debug(
@@ -1320,7 +1339,7 @@ export default class RoomClient
 						const { picture } = store.getState().me;
 	
 						await this.sendRequest('changeDisplayName', { displayName });
-						await this.sendRequest('changePicture', { picture })
+						await this.sendRequest('changePicture', { picture });
 						break;
 					}
 
@@ -1431,7 +1450,7 @@ export default class RoomClient
 	
 						store.dispatch(requestActions.notify(
 							{
-								text : `Participant in lobby changed picture.`
+								text : 'Participant in lobby changed picture.'
 							}));
 	
 						break;

From 673c3f989edf7daaac7b9358a686f8da9750c368 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 14:34:27 +0100
Subject: [PATCH 60/74] Code splitting and lazy loading for faster load times.

---
 app/src/RoomClient.js                  | 91 +++++++++++++++++++++++---
 app/src/components/App.js              | 18 ++++-
 app/src/components/ReactLazyPreload.js | 10 +++
 3 files changed, 107 insertions(+), 12 deletions(-)
 create mode 100644 app/src/components/ReactLazyPreload.js

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 747bb33..7cbb58c 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -1,15 +1,30 @@
-import io from 'socket.io-client';
-import * as mediasoupClient from 'mediasoup-client';
-import WebTorrent from 'webtorrent';
-import createTorrent from 'create-torrent';
-import saveAs from 'file-saver';
+// import io from 'socket.io-client';
+// import * as mediasoupClient from 'mediasoup-client';
+// import WebTorrent from 'webtorrent';
+// import createTorrent from 'create-torrent';
+// import saveAs from 'file-saver';
 import Logger from './Logger';
 import hark from 'hark';
-import ScreenShare from './ScreenShare';
-import Spotlights from './Spotlights';
+// import ScreenShare from './ScreenShare';
+// import Spotlights from './Spotlights';
 import { getSignalingUrl } from './urlFactory';
 import * as requestActions from './actions/requestActions';
 import * as stateActions from './actions/stateActions';
+
+let WebTorrent;
+
+let createTorrent;
+
+let saveAs;
+
+let mediasoupClient;
+
+let io;
+
+let ScreenShare;
+
+let Spotlights;
+
 const {
 	turnServers,
 	requestTimeout,
@@ -98,7 +113,7 @@ export default class RoomClient
 		this._forceTcp = forceTcp;
 
 		// Torrent support
-		this._torrentSupport = WebTorrent.WEBRTC_SUPPORT;
+		this._torrentSupport = null;
 
 		// Whether simulcast should be used.
 		this._useSimulcast = useSimulcast;
@@ -171,7 +186,7 @@ export default class RoomClient
 		// @type {Map<String, mediasoupClient.Consumer>}
 		this._consumers = new Map();
 
-		this._screenSharing = ScreenShare.create(device);
+		this._screenSharing = null;
 
 		this._screenSharingProducer = null;
 
@@ -1130,8 +1145,66 @@ export default class RoomClient
 			stateActions.setMyRaiseHandStateInProgress(false));
 	}
 
+	async _loadDynamicImports()
+	{
+		({ default: WebTorrent } = await import(
+
+			/* webpackPrefetch: true */
+			/* webpackChunkName: "webtorrent" */
+			'webtorrent'
+		));
+
+		({ default: createTorrent } = await import(
+
+			/* webpackPrefetch: true */
+			/* webpackChunkName: "create-torrent" */
+			'create-torrent'
+		));
+
+		({ default: saveAs } = await import(
+
+			/* webpackPrefetch: true */
+			/* webpackChunkName: "file-saver" */
+			'file-saver'
+		));
+
+		({ default: ScreenShare } = await import(
+
+			/* webpackPrefetch: true */
+			/* webpackChunkName: "screensharing" */
+			'./ScreenShare'
+		));
+
+		({ default: Spotlights } = await import(
+
+			/* webpackPrefetch: true */
+			/* webpackChunkName: "spotlights" */
+			'./Spotlights'
+		));
+
+		mediasoupClient = await import(
+
+			/* webpackPrefetch: true */
+			/* webpackChunkName: "mediasoup" */
+			'mediasoup-client'
+		);
+
+		({ default: io } = await import(
+
+			/* webpackPrefetch: true */
+			/* webpackChunkName: "socket.io" */
+			'socket.io-client'
+		));
+	}
+
 	async join({ joinVideo })
 	{
+		await this._loadDynamicImports();
+
+		this._torrentSupport = WebTorrent.WEBRTC_SUPPORT;
+
+		this._screenSharing = ScreenShare.create(this._device);
+
 		this._signalingSocket = io(this._signalingUrl);
 
 		this._spotlights = new Spotlights(this._maxSpotlights, this._signalingSocket);
diff --git a/app/src/components/App.js b/app/src/components/App.js
index 130faa8..e02aff7 100644
--- a/app/src/components/App.js
+++ b/app/src/components/App.js
@@ -1,8 +1,11 @@
-import React from 'react';
+import React, { useEffect, Suspense } from 'react';
 import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
-import Room from './Room';
 import JoinDialog from './JoinDialog';
+import LoadingView from './LoadingView';
+import { ReactLazyPreload } from './ReactLazyPreload';
+
+const Room = ReactLazyPreload(() => import(/* webpackChunkName: "room" */ './Room'));
 
 const App = (props) =>
 {
@@ -10,6 +13,13 @@ const App = (props) =>
 		room
 	} = props;
 
+	useEffect(() =>
+	{
+		Room.preload();
+
+		return;
+	}, []);
+
 	if (!room.joined)
 	{
 		return (
@@ -19,7 +29,9 @@ const App = (props) =>
 	else
 	{
 		return (
-			<Room />
+			<Suspense fallback={<LoadingView />}>
+				<Room />
+			</Suspense>
 		);
 	}
 };
diff --git a/app/src/components/ReactLazyPreload.js b/app/src/components/ReactLazyPreload.js
new file mode 100644
index 0000000..4f43c1f
--- /dev/null
+++ b/app/src/components/ReactLazyPreload.js
@@ -0,0 +1,10 @@
+import React from 'react';
+
+export const ReactLazyPreload = (importStatement) =>
+{
+	const Component = React.lazy(importStatement);
+
+	Component.preload = importStatement;
+
+	return Component;
+};
\ No newline at end of file

From 4b0c17c698aa5bea3a5eb86ff17c29ca5e4b7acc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 14:43:14 +0100
Subject: [PATCH 61/74] Fix filesharing after code splitting.

---
 app/src/RoomClient.js | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 7cbb58c..48627c6 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -144,13 +144,7 @@ export default class RoomClient
 		this._doneJoining = false;
 
 		// Our WebTorrent client
-		this._webTorrent = this._torrentSupport && new WebTorrent({
-			tracker : {
-				rtcConfig : {
-					iceServers : ROOM_OPTIONS.turnServers
-				}
-			}
-		});
+		this._webTorrent = null;
 
 		// Max spotlights
 		if (device.bowser.ios || device.bowser.mobile || device.bowser.android)
@@ -1203,6 +1197,14 @@ export default class RoomClient
 
 		this._torrentSupport = WebTorrent.WEBRTC_SUPPORT;
 
+		this._webTorrent = this._torrentSupport && new WebTorrent({
+			tracker : {
+				rtcConfig : {
+					iceServers : ROOM_OPTIONS.turnServers
+				}
+			}
+		});
+
 		this._screenSharing = ScreenShare.create(this._device);
 
 		this._signalingSocket = io(this._signalingUrl);

From b108fbac873b303a861368f3fcbe08a94f9eee74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 15:56:17 +0100
Subject: [PATCH 62/74] Fix logic for joining rooms.

---
 server/config/config.example.js |  4 ++++
 server/lib/Room.js              | 39 +++++++++++++++++++++++----------
 2 files changed, 32 insertions(+), 11 deletions(-)

diff --git a/server/config/config.example.js b/server/config/config.example.js
index 71b2bdb..84abff6 100644
--- a/server/config/config.example.js
+++ b/server/config/config.example.js
@@ -40,6 +40,10 @@ module.exports =
 	// If false, there is no difference between guests and signed-in
 	// users when joining.
 	requireSignInToAccess : true,
+	// This flag has no effect when requireSignInToAccess is false
+	// When truthy, the room will be open to all users when the first
+	// authenticated user has already joined the room.
+	activateOnHostJoin    : true,
 	// Mediasoup settings
 	mediasoup             :
 	{
diff --git a/server/lib/Room.js b/server/lib/Room.js
index bf4f107..9ae9a80 100644
--- a/server/lib/Room.js
+++ b/server/lib/Room.js
@@ -126,19 +126,36 @@ class Room extends EventEmitter
 
 			return;
 		}
-		else if ( this._locked )
+		else if (this._locked)
 		{
 			this._parkPeer(peer);
-			return;
 		}
-		else if ( Boolean(config.requireSignInToAccess) && this.checkEmpty()) 
-		{       
-			this._parkPeer(peer);
-			this._notification(peer.socket, 'signInRequired');
-			return;
+		else
+		{
+			peer.authenticated ?
+				this._peerJoining(peer) :
+				this._handleGuest(peer);
 		}
+	}
 
-		this._peerJoining(peer);
+	_handleGuest(peer)
+	{
+		if (config.requireSignInToAccess)
+		{
+			if (config.activateOnHostJoin && !this.checkEmpty())
+			{
+				this._peerJoining(peer);
+			}
+			else
+			{
+				this._parkPeer(peer);
+				this._notification(peer.socket, 'signInRequired');
+			}
+		}
+		else
+		{
+			this._peerJoining(peer);
+		}
 	}
 
 	_handleLobby()
@@ -255,7 +272,7 @@ class Room extends EventEmitter
 			if (this._closed)
 				return;
 
-			if (this.checkEmpty())
+			if (this.checkEmpty() && this._lobby.checkEmpty())
 			{
 				logger.info(
 					'Room deserted for some time, closing the room [roomId:"%s"]',
@@ -270,7 +287,7 @@ class Room extends EventEmitter
 	// checks both room and lobby
 	checkEmpty()
 	{
-		return (this._peers.size == 0) && (this._lobby.checkEmpty());
+		return this._peers.size === 0;
 	}
 
 	_parkPeer(parkPeer)
@@ -341,7 +358,7 @@ class Room extends EventEmitter
 
 			// If this is the last Peer in the room and
 			// lobby is empty, close the room after a while.
-			if (this.checkEmpty())
+			if (this.checkEmpty() && this._lobby.checkEmpty())
 			{
 				this.selfDestructCountdown();
 			}

From d3d3e9626efa28ff55808c98ecd9b45d77bf9842 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 20:37:25 +0100
Subject: [PATCH 63/74] Remove event emits. Setter handles emitting on change.

---
 server/lib/Peer.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/server/lib/Peer.js b/server/lib/Peer.js
index 0e2bcb4..9253aa9 100644
--- a/server/lib/Peer.js
+++ b/server/lib/Peer.js
@@ -106,12 +106,10 @@ class Peer extends EventEmitter
 			email && (this.email = email);
 
 			this.authenticated = true;
-			this.emit('authenticationChanged');
 		}
 		else
 		{
 			this.authenticated = false;
-			this.emit('authenticationChanged');
 		}
 	}
 

From 98caed6e4aab398e5572f6eb05cb73b09fa4ed4a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 23:29:54 +0100
Subject: [PATCH 64/74] Properly handle login/logout.

---
 app/src/RoomClient.js           | 37 +++++++++++++++++++++++----------
 app/src/actions/stateActions.js | 13 ++++++++++--
 app/src/reducers/me.js          | 14 ++++++++++++-
 server/httpHelper.js            | 26 +++++++++++++++++++----
 server/server.js                | 13 +++++++-----
 5 files changed, 80 insertions(+), 23 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 48627c6..404b487 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -317,34 +317,49 @@ export default class RoomClient
 	{
 		const url = `/auth/login?id=${this._peerId}`;
 
-		this._loginWindow = window.open(url, 'loginWindow');
+		window.open(url, 'loginWindow');
 	}
 
 	logout()
 	{
-		window.location = '/auth/logout';
+		window.open('/auth/logout', 'logoutWindow');
 	}
 
-	receiveFromChildWindow(data)
+	receiveLoginChildWindow(data)
 	{
 		logger.debug('receiveFromChildWindow() | [data:"%o"]', data);
 
 		const { displayName, picture } = data;
 
-		store.dispatch(stateActions.setDisplayName(displayName));
-		store.dispatch(stateActions.setPicture(picture));
-		store.dispatch(stateActions.loggedIn());
+		if (store.getState().room.state === 'connected')
+		{
+			this.changeDisplayName(displayName);
+			this.changePicture(picture);
+		}
+		else
+		{
+			store.dispatch(stateActions.setDisplayName(displayName));
+			store.dispatch(stateActions.setPicture(picture));
+		}
+
+		store.dispatch(stateActions.loggedIn(true));
 
 		store.dispatch(requestActions.notify(
 			{
 				text : 'You are logged in.'
 			}));
+	}
 
-		if (store.getState().room.state !== 'new') // no socket yet
-		{
-			this.changeDisplayName(displayName);
-			this.changePicture(picture);
-		}
+	receiveLogoutChildWindow()
+	{
+		logger.debug('receiveLogoutChildWindow()');
+
+		store.dispatch(stateActions.loggedIn(false));
+
+		store.dispatch(requestActions.notify(
+			{
+				text : 'You are logged out.'
+			}));
 	}
 
 	_soundNotification()
diff --git a/app/src/actions/stateActions.js b/app/src/actions/stateActions.js
index 55ba6fb..89bc05a 100644
--- a/app/src/actions/stateActions.js
+++ b/app/src/actions/stateActions.js
@@ -165,6 +165,14 @@ export const setDisplayName = (displayName) =>
 	};
 };
 
+export const setDisplayNameInProgress = (flag) =>
+{
+	return {
+		type    : 'SET_DISPLAY_NAME_IN_PROGRESS',
+		payload : { flag }
+	};
+};
+
 export const toggleAdvancedMode = () =>
 {
 	return {
@@ -641,9 +649,10 @@ export const setPeerPicture = (peerId, picture) =>
 		payload : { peerId, picture }
 	});
 
-export const loggedIn = () =>
+export const loggedIn = (flag) =>
 	({
-		type : 'LOGGED_IN'
+		type    : 'LOGGED_IN',
+		payload : { flag }
 	});
 
 export const toggleJoined = () =>
diff --git a/app/src/reducers/me.js b/app/src/reducers/me.js
index 4297de2..13219b0 100644
--- a/app/src/reducers/me.js
+++ b/app/src/reducers/me.js
@@ -12,6 +12,7 @@ const initialState =
 	webcamInProgress      : false,
 	audioInProgress       : false,
 	screenShareInProgress : false,
+	displayNameInProgress : false,
 	loginEnabled          : false,
 	raiseHand             : false,
 	raiseHandInProgress   : false,
@@ -39,7 +40,11 @@ const me = (state = initialState, action) =>
 		}
 
 		case 'LOGGED_IN':
-			return { ...state, loggedIn: true };
+		{
+			const { flag } = action.payload;
+
+			return { ...state, loggedIn: flag };
+		}
 
 		case 'USER_LOGOUT':
 			return { ...state, loggedIn: false };
@@ -114,6 +119,13 @@ const me = (state = initialState, action) =>
 			return { ...state, raiseHandInProgress: flag };
 		}
 
+		case 'SET_DISPLAY_NAME_IN_PROGRESS':
+		{
+			const { flag } = action.payload;
+
+			return { ...state, displayNameInProgress: flag };
+		}
+
 		default:
 			return state;
 	}
diff --git a/server/httpHelper.js b/server/httpHelper.js
index c45c93a..a39bf17 100644
--- a/server/httpHelper.js
+++ b/server/httpHelper.js
@@ -1,4 +1,4 @@
-function httpHelper(data)
+exports.loginHelper = function(data)
 {
 	const html = `<!DOCTYPE html>
 	<html>
@@ -10,7 +10,7 @@ function httpHelper(data)
 			<script type='text/javascript'>
 				let data = ${JSON.stringify(data)};
 	
-				window.opener.CLIENT.receiveFromChildWindow(data);
+				window.opener.CLIENT.receiveLoginChildWindow(data);
 	
 				window.close();
 			</script>
@@ -18,6 +18,24 @@ function httpHelper(data)
 	</html>`;
 
 	return html;
-}
+};
 
-module.exports = httpHelper;
\ No newline at end of file
+exports.logoutHelper = function()
+{
+	const html = `<!DOCTYPE html>
+	<html>
+		<head>
+			<meta charset='utf-8'>
+			<title>Multiparty Meeting</title>
+		</head>
+		<body>
+			<script type='text/javascript'>
+				window.opener.CLIENT.receiveLogoutChildWindow();
+
+				window.close();
+			</script>
+		</body>
+	</html>`;
+
+	return html;
+};
\ No newline at end of file
diff --git a/server/server.js b/server/server.js
index 5272f6e..f035a65 100755
--- a/server/server.js
+++ b/server/server.js
@@ -6,7 +6,6 @@ const config = require('./config/config');
 const fs = require('fs');
 const http = require('http');
 const spdy = require('spdy');
-const { constants } = require('crypto');
 const express = require('express');
 const bodyParser = require('body-parser');
 const cookieParser = require('cookie-parser');
@@ -18,7 +17,10 @@ const Room = require('./lib/Room');
 const Peer = require('./lib/Peer');
 const base64 = require('base-64');
 const helmet = require('helmet');
-const httpHelper = require('./httpHelper');
+const {
+	loginHelper,
+	logoutHelper
+} = require('./httpHelper');
 // auth
 const passport = require('passport');
 const redis = require('redis');
@@ -88,7 +90,8 @@ const session = expressSession({
 	store             : new RedisStore({ client }),
 	cookie            : {
 		secure   : true,
-		httpOnly : true
+		httpOnly : true,
+		maxAge   : 60 * 60 * 1000 // Expire after 1 hour since last request from user
 	}
 });
 
@@ -268,7 +271,7 @@ async function setupAuth(oidcIssuer)
 	app.get('/auth/logout', (req, res) =>
 	{
 		req.logout();
-		res.redirect('/');
+		res.send(logoutHelper());
 	});
 
 	// callback
@@ -301,7 +304,7 @@ async function setupAuth(oidcIssuer)
 			peer && (peer.displayName = displayName);
 			peer && (peer.picture = picture);
 
-			res.send(httpHelper({
+			res.send(loginHelper({
 				displayName,
 				picture
 			}));

From d9e712ec04af8441f54c2a7fa1104a5a95def187 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 23:30:22 +0100
Subject: [PATCH 65/74] Small fix to join dialog.

---
 app/src/components/JoinDialog.js | 36 +++++++++++++++++++-------------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/app/src/components/JoinDialog.js b/app/src/components/JoinDialog.js
index 128f197..b0f10c4 100644
--- a/app/src/components/JoinDialog.js
+++ b/app/src/components/JoinDialog.js
@@ -160,6 +160,7 @@ const JoinDialog = ({
 	roomClient,
 	room,
 	displayName,
+	displayNameInProgress,
 	loggedIn,
 	myPicture,
 	changeDisplayName,
@@ -177,6 +178,8 @@ const JoinDialog = ({
 			{
 				if (displayName === '')
 					changeDisplayName('Guest');
+				if (room.inLobby)
+					roomClient.changeDisplayName(displayName);
 				break;
 			}
 			default:
@@ -222,6 +225,7 @@ const JoinDialog = ({
 						value={displayName}
 						variant='outlined'
 						margin='normal'
+						disabled={displayNameInProgress}
 						onChange={(event) =>
 						{
 							const { value } = event.target;
@@ -233,7 +237,8 @@ const JoinDialog = ({
 						{
 							if (displayName === '')
 								changeDisplayName('Guest');
-							if (room.inLobby) roomClient.changeDisplayName(displayName);
+							if (room.inLobby)
+								roomClient.changeDisplayName(displayName);
 						}}
 						fullWidth
 					/>
@@ -296,24 +301,26 @@ const JoinDialog = ({
 
 JoinDialog.propTypes =
 {
-	roomClient        : PropTypes.any.isRequired,
-	room              : PropTypes.object.isRequired,
-	displayName       : PropTypes.string.isRequired,
-	loginEnabled      : PropTypes.bool.isRequired,
-	loggedIn          : PropTypes.bool.isRequired,
-	myPicture         : PropTypes.string,
-	changeDisplayName : PropTypes.func.isRequired,
-	classes           : PropTypes.object.isRequired
+	roomClient            : PropTypes.any.isRequired,
+	room                  : PropTypes.object.isRequired,
+	displayName           : PropTypes.string.isRequired,
+	displayNameInProgress : PropTypes.bool.isRequired,
+	loginEnabled          : PropTypes.bool.isRequired,
+	loggedIn              : PropTypes.bool.isRequired,
+	myPicture             : PropTypes.string,
+	changeDisplayName     : PropTypes.func.isRequired,
+	classes               : PropTypes.object.isRequired
 };
 
 const mapStateToProps = (state) =>
 {
 	return {
-		room         : state.room,
-		displayName  : state.settings.displayName,
-		loginEnabled : state.me.loginEnabled,
-		loggedIn     : state.me.loggedIn,
-		myPicture    : state.me.picture
+		room                  : state.room,
+		displayName           : state.settings.displayName,
+		displayNameInProgress : state.me.displayNameInProgress,
+		loginEnabled          : state.me.loginEnabled,
+		loggedIn              : state.me.loggedIn,
+		myPicture             : state.me.picture
 	};
 };
 
@@ -338,6 +345,7 @@ export default withRoomContext(connect(
 				prev.room.inLobby === next.room.inLobby &&
 				prev.room.signInRequired === next.room.signInRequired &&
 				prev.settings.displayName === next.settings.displayName &&
+				prev.me.displayNameInProgress === next.me.displayNameInProgress &&
 				prev.me.loginEnabled === next.me.loginEnabled &&
 				prev.me.loggedIn === next.me.loggedIn &&
 				prev.me.picture === next.me.picture

From fd1e53a8954312ea7bf63e83eac5dbf326befc8d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 23:31:10 +0100
Subject: [PATCH 66/74] Properly close client on clicking leave.

---
 app/src/RoomClient.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 404b487..01dcc72 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -208,6 +208,8 @@ export default class RoomClient
 			this._recvTransport.close();
 
 		store.dispatch(stateActions.setRoomState('closed'));
+
+		window.location = '/';
 	}
 
 	_startKeyListener()

From 1f60222b752ad95adaa1a12e7ab09edf5ee0ea60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 23:31:29 +0100
Subject: [PATCH 67/74] Remove unused variables.

---
 app/src/RoomClient.js | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 01dcc72..0938311 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -100,9 +100,6 @@ export default class RoomClient
 
 		this._signalingUrl = getSignalingUrl(peerId, roomId);
 
-		// window element to external login site
-		this._loginWindow = null;
-
 		// Closed flag.
 		this._closed = false;
 
@@ -141,8 +138,6 @@ export default class RoomClient
 		// @type {mediasoupClient.Device}
 		this._mediasoupDevice = null;
 
-		this._doneJoining = false;
-
 		// Our WebTorrent client
 		this._webTorrent = null;
 

From ce76a28e0e4b28557e01d93487fab82e2b57b159 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 23:32:30 +0100
Subject: [PATCH 68/74] Add tooltip to icon for letting peer into room.

---
 .../AccessControl/LockDialog/ListLobbyPeer.js | 27 ++++++++++---------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js b/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js
index 814dbcd..bf65e41 100644
--- a/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js
+++ b/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js
@@ -11,6 +11,7 @@ import ListItemAvatar from '@material-ui/core/ListItemAvatar';
 import Avatar from '@material-ui/core/Avatar';
 import EmptyAvatar from '../../../images/avatar-empty.jpeg';
 import PromoteIcon from '@material-ui/icons/OpenInBrowser';
+import Tooltip from '@material-ui/core/Tooltip';
 
 const styles = (theme) =>
 	({
@@ -99,18 +100,20 @@ const ListLobbyPeer = (props) =>
 			<ListItemText
 				primary={peer.displayName}
 			/>
-			<ListItemIcon
-				className={classnames(classes.button, 'promote', {
-					disabled : peer.promotionInProgress
-				})}
-				onClick={(e) =>
-				{
-					e.stopPropagation();
-					roomClient.promoteLobbyPeer(peer.id);
-				}}
-			>
-				<PromoteIcon />
-			</ListItemIcon>
+			<Tooltip title='Click to let them in'>
+				<ListItemIcon
+					className={classnames(classes.button, 'promote', {
+						disabled : peer.promotionInProgress
+					})}
+					onClick={(e) =>
+					{
+						e.stopPropagation();
+						roomClient.promoteLobbyPeer(peer.id);
+					}}
+				>
+					<PromoteIcon />
+				</ListItemIcon>
+			</Tooltip>
 		</ListItem>
 	);
 };

From 5604ba20bb730627eff31a780b171c28a57cb1ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 23:34:54 +0100
Subject: [PATCH 69/74] Move room locking to its own icon.

---
 .../AccessControl/LockDialog/LockDialog.js    | 153 +++++++++---------
 app/src/components/Room.js                    |  50 ++++--
 2 files changed, 119 insertions(+), 84 deletions(-)

diff --git a/app/src/components/AccessControl/LockDialog/LockDialog.js b/app/src/components/AccessControl/LockDialog/LockDialog.js
index b50c076..01c6c35 100644
--- a/app/src/components/AccessControl/LockDialog/LockDialog.js
+++ b/app/src/components/AccessControl/LockDialog/LockDialog.js
@@ -11,15 +11,17 @@ import PropTypes from 'prop-types';
 import Dialog from '@material-ui/core/Dialog';
 import DialogTitle from '@material-ui/core/DialogTitle';
 import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogContentText from '@material-ui/core/DialogContentText';
 import Button from '@material-ui/core/Button';
-import FormLabel from '@material-ui/core/FormLabel';
-import FormControl from '@material-ui/core/FormControl';
-import FormGroup from '@material-ui/core/FormGroup';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
+// import FormLabel from '@material-ui/core/FormLabel';
+// import FormControl from '@material-ui/core/FormControl';
+// import FormGroup from '@material-ui/core/FormGroup';
+// import FormControlLabel from '@material-ui/core/FormControlLabel';
 // import Checkbox from '@material-ui/core/Checkbox';
 // import InputLabel from '@material-ui/core/InputLabel';
 // import OutlinedInput from '@material-ui/core/OutlinedInput';
-import Switch from '@material-ui/core/Switch';
+// import Switch from '@material-ui/core/Switch';
 import List from '@material-ui/core/List';
 import ListSubheader from '@material-ui/core/ListSubheader';
 import ListLobbyPeer from './ListLobbyPeer';
@@ -56,7 +58,7 @@ const styles = (theme) =>
 	});
 
 const LockDialog = ({
-	roomClient,
+	// roomClient,
 	room,
 	handleCloseLockDialog,
 	// handleAccessCode,
@@ -73,73 +75,78 @@ const LockDialog = ({
 				paper : classes.dialogPaper
 			}}
 		>
-			<DialogTitle id='form-dialog-title'>Room access control</DialogTitle>
-			<form className={classes.lock} autoComplete='off'>
-				<FormControl component='fieldset' className={classes.formControl}>
-					<FormLabel component='legend'>Room lock</FormLabel>
-					<FormGroup>
-						<FormControlLabel
-							control={
-								<Switch checked={room.locked} onChange={() => 
-								{
-									if (room.locked)
-									{
-										roomClient.unlockRoom();
-									}
-									else
-									{
-										roomClient.lockRoom();
-									}
-								}}
-								/>}
-							label='Lock'
-						/>
-						{/* TODO: access code
-						<FormControlLabel disabled={ room.locked ? false : true } 
-							control={
-								<Checkbox checked={room.joinByAccessCode} 
-									onChange={
-										(event) => roomClient.setJoinByAccessCode(event.target.checked)
-									}
-								/>}
-							label='Join by Access code'
-						/>
-						<InputLabel htmlFor='access-code-input' />
-						<OutlinedInput 
-							disabled={ room.locked ? false : true }
-							id='acces-code-input'
-							label='Access code'
-							labelWidth={0}
-							variant='outlined'
-							value={room.accessCode}
-							onChange={(event) => handleAccessCode(event.target.value)}
-						>
-						</OutlinedInput>
-						<Button onClick={() => roomClient.setAccessCode(room.accessCode)} color='primary'>
-								save
-						</Button>
-						*/}
-					</FormGroup>
-				</FormControl>
-
-				{ (lobbyPeers.length > 0) &&
-					<List 
-						dense={true} 
-						subheader={
-							<ListSubheader component='div'>
-								Participants in Lobby
-							</ListSubheader>
-					}
-					>
-						{
-							lobbyPeers.map((peerId) =>
+			<DialogTitle id='form-dialog-title'>Lobby administration</DialogTitle>
+			{/*
+			<FormControl component='fieldset' className={classes.formControl}>
+				<FormLabel component='legend'>Room lock</FormLabel>
+				<FormGroup>
+					<FormControlLabel
+						control={
+							<Switch checked={room.locked} onChange={() => 
 							{
-								return (<ListLobbyPeer key={peerId} id={peerId} />);
-							})
-						}
-					</List>
-				} 
-			</form>
+								if (room.locked)
+								{
+									roomClient.unlockRoom();
+								}
+								else
+								{
+									roomClient.lockRoom();
+								}
+							}}
+							/>}
+						label='Lock'
+					/>
+						TODO: access code
+					<FormControlLabel disabled={ room.locked ? false : true } 
+						control={
+							<Checkbox checked={room.joinByAccessCode} 
+								onChange={
+									(event) => roomClient.setJoinByAccessCode(event.target.checked)
+								}
+							/>}
+						label='Join by Access code'
+					/>
+					<InputLabel htmlFor='access-code-input' />
+					<OutlinedInput 
+						disabled={ room.locked ? false : true }
+						id='acces-code-input'
+						label='Access code'
+						labelWidth={0}
+						variant='outlined'
+						value={room.accessCode}
+						onChange={(event) => handleAccessCode(event.target.value)}
+					>
+					</OutlinedInput>
+					<Button onClick={() => roomClient.setAccessCode(room.accessCode)} color='primary'>
+							save
+					</Button>
+					
+				</FormGroup>
+			</FormControl>
+			*/}
+			{ lobbyPeers.length > 0 ?
+				<List 
+					dense
+					subheader={
+						<ListSubheader component='div'>
+							Participants in Lobby
+						</ListSubheader>
+					}
+				>
+					{
+						lobbyPeers.map((peerId) =>
+						{
+							return (<ListLobbyPeer key={peerId} id={peerId} />);
+						})
+					}
+				</List>
+				:
+				<DialogContent>
+					<DialogContentText gutterBottom>
+						There are currently no one in the lobby.
+					</DialogContentText>
+				</DialogContent>
+			}
 			<DialogActions>
 				<Button onClick={() => handleCloseLockDialog({ lockDialogOpen: false })} color='primary'>
 					Close
@@ -151,7 +158,7 @@ const LockDialog = ({
 
 LockDialog.propTypes =
 {
-	roomClient            : PropTypes.any.isRequired,
+	// roomClient            : PropTypes.any.isRequired,
 	room                  : appPropTypes.Room.isRequired,
 	handleCloseLockDialog : PropTypes.func.isRequired,
 	handleAccessCode      : PropTypes.func.isRequired,
diff --git a/app/src/components/Room.js b/app/src/components/Room.js
index c90c9f1..7b59484 100644
--- a/app/src/components/Room.js
+++ b/app/src/components/Room.js
@@ -325,18 +325,46 @@ class Room extends React.PureComponent
 						</Typography>
 						<div className={classes.grow} />
 						<div className={classes.actionButtons}>
-							<IconButton
-								aria-label='Lock'
-								color='inherit'
-								onClick={() => setLockDialogOpen(!room.lockDialogOpen)}
-							>
-								<PulsingBadge
-									color='secondary'
-									badgeContent={lobbyPeers.length}
+							<Tooltip title={`${room.locked ? 'Unlock' : 'Lock'} room`}>
+								<IconButton
+									aria-label='Lock room'
+									className={classes.actionButton}
+									color='inherit'
+									onClick={() =>
+									{
+										if (room.locked)
+										{
+											roomClient.unlockRoom();
+										}
+										else
+										{
+											roomClient.lockRoom();
+										}
+									}}
 								>
-									<SecurityIcon />
-								</PulsingBadge>
-							</IconButton>						
+									{ room.locked ?
+										<LockIcon />
+										:
+										<LockOpenIcon />
+									}
+								</IconButton>
+							</Tooltip>
+							{ lobbyPeers.length > 0 &&
+								<Tooltip title='Show lobby'>
+									<IconButton
+										aria-label='Lobby'
+										color='inherit'
+										onClick={() => setLockDialogOpen(!room.lockDialogOpen)}
+									>
+										<PulsingBadge
+											color='secondary'
+											badgeContent={lobbyPeers.length}
+										>
+											<SecurityIcon />
+										</PulsingBadge>
+									</IconButton>
+								</Tooltip>
+							}
 							{ this.fullscreen.fullscreenEnabled &&
 								<IconButton
 									aria-label='Fullscreen'

From c7e40598f7ded3a8d503b095b31f80ed2692bc17 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 23:36:03 +0100
Subject: [PATCH 70/74] Missing Icon, and added tooltip to icons.

---
 app/src/components/Room.js | 71 +++++++++++++++++++++-----------------
 1 file changed, 40 insertions(+), 31 deletions(-)

diff --git a/app/src/components/Room.js b/app/src/components/Room.js
index 7b59484..6ae0152 100644
--- a/app/src/components/Room.js
+++ b/app/src/components/Room.js
@@ -34,8 +34,11 @@ import FullScreenExitIcon from '@material-ui/icons/FullscreenExit';
 import SettingsIcon from '@material-ui/icons/Settings';
 import SecurityIcon from '@material-ui/icons/Security';
 import LockDialog from './AccessControl/LockDialog/LockDialog';
+import LockIcon from '@material-ui/icons/Lock';
+import LockOpenIcon from '@material-ui/icons/LockOpen';
 import Button from '@material-ui/core/Button';
 import Settings from './Settings/Settings';
+import Tooltip from '@material-ui/core/Tooltip';
 
 const TIMEOUT = 10 * 1000;
 
@@ -366,43 +369,49 @@ class Room extends React.PureComponent
 								</Tooltip>
 							}
 							{ this.fullscreen.fullscreenEnabled &&
-								<IconButton
-									aria-label='Fullscreen'
-									className={classes.actionButton}
-									color='inherit'
-									onClick={this.handleToggleFullscreen}
-								>
-									{ this.state.fullscreen ?
-										<FullScreenExitIcon />
-										:
-										<FullScreenIcon />
-									}
-								</IconButton>
+								<Tooltip title={`${this.state.fullscreen ? 'Leave' : 'Enter'} fullscreen`}>
+									<IconButton
+										aria-label='Fullscreen'
+										className={classes.actionButton}
+										color='inherit'
+										onClick={this.handleToggleFullscreen}
+									>
+										{ this.state.fullscreen ?
+											<FullScreenExitIcon />
+											:
+											<FullScreenIcon />
+										}
+									</IconButton>
+								</Tooltip>
 							}
-							<IconButton
-								aria-label='Settings'
-								className={classes.actionButton}
-								color='inherit'
-								onClick={() => setSettingsOpen(!room.settingsOpen)}
-							>
-								<SettingsIcon />
-							</IconButton>
-							{ loginEnabled &&
+							<Tooltip title='Show settings'>
 								<IconButton
-									aria-label='Account'
+									aria-label='Settings'
 									className={classes.actionButton}
 									color='inherit'
-									onClick={() => 
-									{
-										loggedIn ? roomClient.logout() : roomClient.login();
-									}}
+									onClick={() => setSettingsOpen(!room.settingsOpen)}
 								>
-									{ myPicture ?
-										<Avatar src={myPicture} />
-										:
-										<AccountCircle />
-									}
+									<SettingsIcon />
 								</IconButton>
+							</Tooltip>
+							{ loginEnabled &&
+								<Tooltip title={`Log ${loggedIn ? 'out' : 'in'}`}>
+									<IconButton
+										aria-label='Account'
+										className={classes.actionButton}
+										color='inherit'
+										onClick={() => 
+										{
+											loggedIn ? roomClient.logout() : roomClient.login();
+										}}
+									>
+										{ myPicture ?
+											<Avatar src={myPicture} />
+											:
+											<AccountCircle />
+										}
+									</IconButton>
+								</Tooltip>
 							}
 							<Button
 								aria-label='Leave meeting'

From d45fd32a78614f2c3a0c563ae6b6532c89c2131e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 23:36:45 +0100
Subject: [PATCH 71/74] Better scaling of democratic view based on if toolbars
 are visible.

---
 app/src/components/MeetingViews/Democratic.js | 42 +++++++++++++------
 1 file changed, 30 insertions(+), 12 deletions(-)

diff --git a/app/src/components/MeetingViews/Democratic.js b/app/src/components/MeetingViews/Democratic.js
index 506ddf8..ca735bd 100644
--- a/app/src/components/MeetingViews/Democratic.js
+++ b/app/src/components/MeetingViews/Democratic.js
@@ -6,6 +6,7 @@ import {
 	videoBoxesSelector,
 	spotlightsLengthSelector
 } from '../Selectors';
+import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import Peer from '../Containers/Peer';
@@ -14,7 +15,7 @@ import HiddenPeers from '../Containers/HiddenPeers';
 
 const RATIO = 1.334;
 const PADDING_V = 50;
-const PADDING_H = 20;
+const PADDING_H = 0;
 
 const styles = () =>
 	({
@@ -27,11 +28,17 @@ const styles = () =>
 			flexWrap       : 'wrap',
 			justifyContent : 'center',
 			alignItems     : 'center',
-			alignContent   : 'center',
-			paddingTop     : 40,
-			paddingBottom  : 10,
-			paddingLeft    : 10,
-			paddingRight   : 10
+			alignContent   : 'center'
+		},
+		hiddenToolBar :
+		{
+			paddingTop : 0,
+			transition : 'padding .5s'
+		},
+		showingToolBar :
+		{
+			paddingTop : 60,
+			transition : 'padding .5s'
 		}
 	});
 
@@ -63,7 +70,8 @@ class Democratic extends React.PureComponent
 		}
 
 		const width = this.peersRef.current.clientWidth - PADDING_H;
-		const height = this.peersRef.current.clientHeight - PADDING_V;
+		const height = this.peersRef.current.clientHeight -
+			(this.props.toolbarsVisible ? PADDING_V : PADDING_H);
 
 		let x, y, space;
 
@@ -86,8 +94,8 @@ class Democratic extends React.PureComponent
 		if (Math.ceil(this.state.peerWidth) !== Math.ceil(0.9 * x))
 		{
 			this.setState({
-				peerWidth  : 0.9 * x,
-				peerHeight : 0.9 * y
+				peerWidth  : 0.95 * x,
+				peerHeight : 0.95 * y
 			});
 		}
 	};
@@ -125,6 +133,7 @@ class Democratic extends React.PureComponent
 			peersLength,
 			spotlightsPeers,
 			spotlightsLength,
+			toolbarsVisible,
 			classes
 		} = this.props;
 
@@ -135,7 +144,13 @@ class Democratic extends React.PureComponent
 		};
 
 		return (
-			<div className={classes.root} ref={this.peersRef}>
+			<div
+				className={classnames(
+					classes.root,
+					toolbarsVisible ? classes.showingToolBar : classes.hiddenToolBar
+				)}
+				ref={this.peersRef}
+			>
 				<Me
 					advancedMode={advancedMode}
 					spacing={6}
@@ -170,6 +185,7 @@ Democratic.propTypes =
 	boxes            : PropTypes.number,
 	spotlightsLength : PropTypes.number,
 	spotlightsPeers  : PropTypes.array.isRequired,
+	toolbarsVisible  : PropTypes.bool.isRequired,
 	classes          : PropTypes.object.isRequired
 };
 
@@ -179,7 +195,8 @@ const mapStateToProps = (state) =>
 		peersLength      : peersLengthSelector(state),
 		boxes            : videoBoxesSelector(state),
 		spotlightsPeers  : spotlightPeersSelector(state),
-		spotlightsLength : spotlightsLengthSelector(state)
+		spotlightsLength : spotlightsLengthSelector(state),
+		toolbarsVisible  : state.room.toolbarsVisible
 	};
 };
 
@@ -194,7 +211,8 @@ export default connect(
 				prev.peers === next.peers &&
 				prev.producers === next.producers &&
 				prev.consumers === next.consumers &&
-				prev.room.spotlights === next.room.spotlights
+				prev.room.spotlights === next.room.spotlights &&
+				prev.room.toolbarsVisible === next.room.toolbarsVisible
 			);
 		}
 	}

From cd5055c00ed717a11e7c7d7da3f0578bd15a1471 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 23:37:10 +0100
Subject: [PATCH 72/74] Better state handling.

---
 app/src/RoomClient.js | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/app/src/RoomClient.js b/app/src/RoomClient.js
index 0938311..b6c0ea6 100644
--- a/app/src/RoomClient.js
+++ b/app/src/RoomClient.js
@@ -440,6 +440,9 @@ export default class RoomClient
 
 		if (!displayName)
 			displayName = 'Guest';
+
+		store.dispatch(
+			stateActions.setDisplayNameInProgress(true));
 		
 		try
 		{
@@ -461,11 +464,10 @@ export default class RoomClient
 					type : 'error',
 					text : 'An error occured while changing your display name.'
 				}));
-
-			// We need to refresh the component for it to render the previous
-			// displayName again.
-			store.dispatch(stateActions.setDisplayName());
 		}
+
+		store.dispatch(
+			stateActions.setDisplayNameInProgress(false));
 	}
 
 	async changePicture(picture)
@@ -1243,8 +1245,6 @@ export default class RoomClient
 					{
 						text : 'You are disconnected.'
 					}));
-	
-				store.dispatch(stateActions.setRoomState('closed'));
 
 				this.close();
 			}
@@ -1266,8 +1266,6 @@ export default class RoomClient
 					text : 'You are disconnected.'
 				}));
 
-			store.dispatch(stateActions.setRoomState('closed'));
-
 			this.close();
 		});
 
@@ -1479,6 +1477,8 @@ export default class RoomClient
 	
 						store.dispatch(
 							stateActions.addLobbyPeer(peerId));
+						store.dispatch(
+							stateActions.setToolbarsVisible(true));
 	
 						store.dispatch(requestActions.notify(
 							{
@@ -1633,6 +1633,8 @@ export default class RoomClient
 							store.getState().toolarea.currentToolTab !== 'chat')
 						) // Make sound
 						{
+							store.dispatch(
+								stateActions.setToolbarsVisible(true));
 							this._soundNotification();
 						}
 	
@@ -1656,6 +1658,8 @@ export default class RoomClient
 							store.getState().toolarea.currentToolTab !== 'files')
 						) // Make sound
 						{
+							store.dispatch(
+								stateActions.setToolbarsVisible(true));
 							this._soundNotification();
 						}
 	

From 4910b2c10de6cd833d1576830b6d1e68299d9a3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 23:38:00 +0100
Subject: [PATCH 73/74] Cleanup of listeners in Lobby if a user is promoted.

---
 server/lib/Lobby.js | 47 ++++++++++++++++++++++++++++-----------------
 1 file changed, 29 insertions(+), 18 deletions(-)

diff --git a/server/lib/Lobby.js b/server/lib/Lobby.js
index 4eebcf0..6d0f9f8 100644
--- a/server/lib/Lobby.js
+++ b/server/lib/Lobby.js
@@ -1,7 +1,5 @@
 const EventEmitter = require('events').EventEmitter;
 const Logger = require('./Logger');
-const config = require('../config/config');
-
 
 const logger = new Logger('Lobby');
 
@@ -76,8 +74,15 @@ class Lobby extends EventEmitter
 
 		if (peer)
 		{
-			this.emit('promotePeer', peer);
+			peer.socket.removeListener('request', peer.socketRequestHandler);
+			peer.removeListener('authenticationChanged', peer.authenticationHandler);
+			peer.removeListener('close', peer.closeHandler);
 
+			peer.socketRequestHandler = null;
+			peer.authenticationHandler = null;
+			peer.closeHandler = null;
+
+			this.emit('promotePeer', peer);
 			this._peers.delete(peerId);
 		}
 	}
@@ -89,18 +94,7 @@ class Lobby extends EventEmitter
 		if (this._closed)
 			return;
 
-		this._notification(peer.socket, 'enteredLobby');
-
-		this._peers.set(peer.id, peer);
-
-		peer.on('authenticationChanged', () =>
-		{
-			logger.info('parkPeer() | authenticationChange [peer:"%s"]', peer.id);
-
-			peer.authenticated && this.emit('peerAuthenticated', peer);
-		});
-
-		peer.socket.on('request', (request, cb) =>
+		peer.socketRequestHandler = (request, cb) =>
 		{
 			logger.debug(
 				'Peer "request" event [method:"%s", peer:"%s"]',
@@ -116,9 +110,16 @@ class Lobby extends EventEmitter
 
 					cb(error);
 				});
-		});
+		};
 
-		peer.on('close', () =>
+		peer.authenticationHandler = () =>
+		{
+			logger.info('parkPeer() | authenticationChange [peer:"%s"]', peer.id);
+
+			peer.authenticated && this.emit('peerAuthenticated', peer);
+		};
+
+		peer.closeHandler = () =>
 		{
 			logger.debug('Peer "close" event [peer:"%s"]', peer.id);
 
@@ -131,7 +132,17 @@ class Lobby extends EventEmitter
 
 			if (this.checkEmpty())
 				this.emit('lobbyEmpty');
-		});
+		};
+
+		this._notification(peer.socket, 'enteredLobby');
+
+		this._peers.set(peer.id, peer);
+
+		peer.on('authenticationChanged', peer.authenticationHandler);
+
+		peer.socket.on('request', peer.socketRequestHandler);
+
+		peer.on('close', peer.closeHandler);
 	}
 
 	async _handleSocketRequest(peer, request, cb)

From 972662e2b032e12e0b4d15c4c893aaf3da909783 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 23:38:11 +0100
Subject: [PATCH 74/74] Syntax.

---
 app/src/components/AccessControl/LockDialog/ListLobbyPeer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js b/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js
index bf65e41..ba4adde 100644
--- a/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js
+++ b/app/src/components/AccessControl/LockDialog/ListLobbyPeer.js
@@ -73,7 +73,7 @@ const styles = (theme) =>
 		},
 		ListItem :
 		{
-			alignItems: 'center'
+			alignItems : 'center'
 		}
 	});