Linting and translations

app/package.json

@@ -46,7 +46,8 @@
 		"test": "react-scripts test",
 		"eject": "react-scripts eject",
 		"electron": "electron --no-sandbox .",
-		"dev": "nf start -p 3000"
+		"dev": "nf start -p 3000",
+		"lint": "eslint -c .eslintrc.json --ext .js src"
 	},
 	"browserslist": [
 		">0.2%",

app/src/RoomClient.js

@@ -231,7 +231,7 @@ export default class RoomClient
 		this._hark = null;
 
 		// Local MediaStream for hark
-		this._harkStream = null
+		this._harkStream = null;
 
 		// Local webcam mediasoup Producer.
 		this._webcamProducer = null;
@@ -1162,21 +1162,30 @@ export default class RoomClient
 						...VIDEO_CONSTRAINS[resolution]
 					}
 				});
-			if (stream){
+
+			if (stream)
+			{
 				const track = stream.getVideoTracks()[0];
-				if (track) {
+
+				if (track)
+				{
 					await this._webcamProducer.replaceTrack({ track });
 	
 					store.dispatch(
 						producerActions.setProducerTrack(this._webcamProducer.id, track));
 							
-				} else {
+				}
-					logger.warn('getVideoTracks Error: First Video Track is null')
+				else
+				{
+					logger.warn('getVideoTracks Error: First Video Track is null');
 				}
 	
-			} else {
-				logger.warn ('getUserMedia Error: Stream is null!') 
 			}
+			else
+			{
+				logger.warn('getUserMedia Error: Stream is null!');
+			}
+
 			store.dispatch(settingsActions.setSelectedWebcamDevice(deviceId));
 
 			await this._updateWebcams();
@@ -2340,7 +2349,7 @@ export default class RoomClient
 						dtlsParameters,
 						iceServers             : this._turnServers,
 						// TODO: Fix for issue #72
-						iceTransportPolicy : this._device.flag === 'firefox' ? 'relay' : undefined,
+						iceTransportPolicy     : this._device.flag === 'firefox' ? 'relay' : undefined,
 						proprietaryConstraints : PC_PROPRIETARY_CONSTRAINTS
 					});
 
@@ -2402,7 +2411,7 @@ export default class RoomClient
 					iceParameters,
 					iceCandidates,
 					dtlsParameters,
-					iceServers : this._turnServers,
+					iceServers         : this._turnServers,
 					// TODO: Fix for issue #72
 					iceTransportPolicy : this._device.flag === 'firefox' ? 'relay' : undefined
 				});

app/src/actions/consumerActions.js

@@ -35,12 +35,10 @@ export const setConsumerPreferredLayers = (consumerId, spatialLayer, temporalLay
 	});
 
 export const setConsumerPriority = (consumerId, priority) =>
-	{
+	({
-		return {
+		type    : 'SET_CONSUMER_PRIORITY',
-			type    : 'SET_CONSUMER_PRIORITY',
+		payload : { consumerId, priority }
-			payload : { consumerId, priority }
+	});
-		};
-	};
 
 export const setConsumerTrack = (consumerId, track) =>
 	({

app/src/actions/meActions.js

@@ -34,11 +34,11 @@ export const setPicture = (picture) =>
 	});
 
 export const setMediaCapabilities = ({
-		canSendMic,
+	canSendMic,
-		canSendWebcam,
+	canSendWebcam,
-		canShareScreen,
+	canShareScreen,
-		canShareFiles
+	canShareFiles
-	}) =>
+}) =>
 	({
 		type    : 'SET_MEDIA_CAPABILITIES',
 		payload : { canSendMic, canSendWebcam, canShareScreen, canShareFiles }
@@ -92,7 +92,7 @@ export const setDisplayNameInProgress = (flag) =>
 		payload : { flag }
 	});
 
-	export const setIsSpeaking = (flag) =>
+export const setIsSpeaking = (flag) =>
 	({
 		type    : 'SET_IS_SPEAKING',
 		payload : { flag }

app/src/actions/peerActions.js

@@ -46,7 +46,6 @@ export const setPeerPicture = (peerId, picture) =>
 		payload : { peerId, picture }
 	});
 
-
 export const addPeerRole = (peerId, role) =>
 	({
 		type    : 'ADD_PEER_ROLE',

app/src/components/ChooseRoom.js

@@ -178,7 +178,8 @@ const ChooseRoom = ({
 					<CookieConsent buttonText={intl.formatMessage({
 						id             : 'room.consentUnderstand',
 						defaultMessage : 'I understand'
-					})}>
+					})}
+					>
 						<FormattedMessage
 							id='room.cookieConsent'
 							defaultMessage='This website uses cookies to enhance the user experience'

app/src/components/Containers/Me.js

@@ -68,34 +68,33 @@ const styles = (theme) =>
 		},
 		controls :
 		{
-			position        : 'absolute',
+			position       : 'absolute',
-			width           : '100%',
+			width          : '100%',
-			height          : '100%',
+			height         : '100%',
-			backgroundColor : 'rgba(0, 0, 0, 0.3)',
+			display        : 'flex',
-			display         : 'flex',
+			flexDirection  : 'column',
-			flexDirection   : 'column',
+			justifyContent : 'center',
-			justifyContent  : 'center',
+			alignItems     : 'flex-end',
-			alignItems      : 'flex-end',
+			padding        : theme.spacing(1),
-			padding         : theme.spacing(1),
+			zIndex         : 21,
-			zIndex          : 21,
+			touchAction    : 'none',
-			opacity         : 0,
+			pointerEvents  : 'none',
-			transition      : 'opacity 0.3s',
+			'& p'          :
-			touchAction     : 'none',
-			pointerEvents   : 'none',
-			'&.hover'       :
 			{
-				opacity : 1
+				position   : 'absolute',
-			},
+				float      : 'left',
-			'& p' :
+				top        : '50%',
-			{
+				left       : '50%',
-				position  : 'absolute',
+				opacity    : 0,
-				float     : 'left',
+				transition : 'opacity 0.3s',
-				top       : '50%',
+				transform  : 'translate(-50%, -50%)',
-				left      : '50%',
+				color      : 'rgba(255, 255, 255, 0.5)',
-				transform : 'translate(-50%, -50%)',
+				fontSize   : '7em',
-				color     : 'rgba(255, 255, 255, 0.5)',
+				margin     : 0,
-				fontSize  : '7em',
+				'&.hover'  :
-				margin    : 0
+				{
+					opacity : 1
+				}
 			}
 		},
 		ptt :
@@ -112,8 +111,8 @@ const styles = (theme) =>
 			padding         : '15px',
 			borderRadius    : '20px',
 			textAlign       : 'center',
-			opacity   : 0,
+			opacity         : 0,
-			'&.enabled' :
+			'&.enabled'     :
 			{
 				opacity : 1
 			}
@@ -317,13 +316,13 @@ const Me = (props) =>
 							<FormattedMessage
 								id='room.me'
 								defaultMessage='ME'
-							/>					
+							/>
 						</p>
 
 						<div className={classnames(classes.ptt, (micState ==='muted' && me.isSpeaking) ? 'enabled' : null)} >
 							<FormattedMessage
 								id='me.mutedPTT'
-								defaultMessage='You are muted: hold SPACE-BAR to speak!'
+								defaultMessage='You are muted, hold down SPACE-BAR to talk'
 							/>	
 						</div>
 

app/src/components/Controls/TopBar.js

@@ -47,7 +47,7 @@ const styles = (theme) =>
 		},
 		divider :
 		{
-			marginLeft : theme.spacing(3),
+			marginLeft : theme.spacing(3)
 		},
 		show :
 		{
@@ -364,7 +364,7 @@ TopBar.propTypes =
 	room               : appPropTypes.Room.isRequired,
 	peersLength        : PropTypes.number,
 	lobbyPeers         : PropTypes.array,
-	permanentTopBar       : PropTypes.bool,
+	permanentTopBar    : PropTypes.bool,
 	myPicture          : PropTypes.string,
 	loggedIn           : PropTypes.bool.isRequired,
 	loginEnabled       : PropTypes.bool.isRequired,
@@ -383,14 +383,14 @@ TopBar.propTypes =
 
 const mapStateToProps = (state) =>
 	({
-		room         : state.room,
+		room            : state.room,
-		peersLength  : peersLengthSelector(state),
+		peersLength     : peersLengthSelector(state),
-		lobbyPeers   : lobbyPeersKeySelector(state),
+		lobbyPeers      : lobbyPeersKeySelector(state),
 		permanentTopBar : state.settings.permanentTopBar,
-		loggedIn     : state.me.loggedIn,
+		loggedIn        : state.me.loggedIn,
-		loginEnabled : state.me.loginEnabled,
+		loginEnabled    : state.me.loginEnabled,
-		myPicture    : state.me.picture,
+		myPicture       : state.me.picture,
-		unread       : state.toolarea.unreadMessages +
+		unread          : state.toolarea.unreadMessages +
 			state.toolarea.unreadFiles
 	});
 

app/src/components/JoinDialog.js

@@ -339,7 +339,8 @@ const JoinDialog = ({
 					<CookieConsent buttonText={intl.formatMessage({
 						id             : 'room.consentUnderstand',
 						defaultMessage : 'I understand'
-					})}>
+					})}
+					>
 						<FormattedMessage
 							id='room.cookieConsent'
 							defaultMessage='This website uses cookies to enhance the user experience'

app/src/components/MeetingDrawer/ParticipantList/ListPeer.js

@@ -151,14 +151,14 @@ const ListPeer = (props) =>
 							id             : 'tooltip.muteScreenSharing',
 							defaultMessage : 'Mute participant share'
 						})}
-						color={ screenVisible ? 'primary' : 'secondary'}
+						color={screenVisible ? 'primary' : 'secondary'}
-						disabled={ peer.peerScreenInProgress }
+						disabled={peer.peerScreenInProgress}
 						onClick={() =>
-							{
+						{
-								screenVisible ?
+							screenVisible ?
-									roomClient.modifyPeerConsumer(peer.id, 'screen', true) :
+								roomClient.modifyPeerConsumer(peer.id, 'screen', true) :
-									roomClient.modifyPeerConsumer(peer.id, 'screen', false);
+								roomClient.modifyPeerConsumer(peer.id, 'screen', false);
-							}}
+						}}
 					>
 						{ screenVisible ?
 							<ScreenIcon />
@@ -172,14 +172,14 @@ const ListPeer = (props) =>
 						id             : 'tooltip.muteParticipant',
 						defaultMessage : 'Mute participant'
 					})}
-					color={ micEnabled ? 'primary' : 'secondary'}
+					color={micEnabled ? 'primary' : 'secondary'}
-					disabled={ peer.peerAudioInProgress }
+					disabled={peer.peerAudioInProgress}
 					onClick={() =>
-						{
+					{
-							micEnabled ?
+						micEnabled ?
-								roomClient.modifyPeerConsumer(peer.id, 'mic', true) :
+							roomClient.modifyPeerConsumer(peer.id, 'mic', true) :
-								roomClient.modifyPeerConsumer(peer.id, 'mic', false);
+							roomClient.modifyPeerConsumer(peer.id, 'mic', false);
-						}}
+					}}
 				>
 					{ micEnabled ?
 						<MicIcon />
@@ -193,11 +193,11 @@ const ListPeer = (props) =>
 							id             : 'tooltip.kickParticipant',
 							defaultMessage : 'Kick out participant'
 						})}
-						disabled={ peer.peerKickInProgress }
+						disabled={peer.peerKickInProgress}
 						onClick={() =>
-							{
+						{
-								roomClient.kickPeer(peer.id);
+							roomClient.kickPeer(peer.id);
-							}}
+						}}
 					>
 						<ExitIcon />
 					</IconButton>

app/src/components/MeetingViews/Filmstrip.js

@@ -287,28 +287,28 @@ class Filmstrip extends React.PureComponent
 }
 
 Filmstrip.propTypes = {
-	roomClient       : PropTypes.any.isRequired,
+	roomClient      : PropTypes.any.isRequired,
-	activeSpeakerId  : PropTypes.string,
+	activeSpeakerId : PropTypes.string,
-	advancedMode     : PropTypes.bool,
+	advancedMode    : PropTypes.bool,
-	peers            : PropTypes.object.isRequired,
+	peers           : PropTypes.object.isRequired,
-	consumers        : PropTypes.object.isRequired,
+	consumers       : PropTypes.object.isRequired,
-	myId             : PropTypes.string.isRequired,
+	myId            : PropTypes.string.isRequired,
-	selectedPeerId   : PropTypes.string,
+	selectedPeerId  : PropTypes.string,
-	spotlights       : PropTypes.array.isRequired,
+	spotlights      : PropTypes.array.isRequired,
-	boxes            : PropTypes.number,
+	boxes           : PropTypes.number,
-	classes          : PropTypes.object.isRequired
+	classes         : PropTypes.object.isRequired
 };
 
 const mapStateToProps = (state) =>
 {
 	return {
-		activeSpeakerId  : state.room.activeSpeakerId,
+		activeSpeakerId : state.room.activeSpeakerId,
-		selectedPeerId   : state.room.selectedPeerId,
+		selectedPeerId  : state.room.selectedPeerId,
-		peers            : state.peers,
+		peers           : state.peers,
-		consumers        : state.consumers,
+		consumers       : state.consumers,
-		myId             : state.me.id,
+		myId            : state.me.id,
-		spotlights       : state.room.spotlights,
+		spotlights      : state.room.spotlights,
-		boxes            : videoBoxesSelector(state)
+		boxes           : videoBoxesSelector(state)
 	};
 };
 

app/src/components/Room.js

@@ -159,13 +159,13 @@ class Room extends React.PureComponent
 					<CookieConsent
 						buttonText={
 							<FormattedMessage
-								id = 'room.consentUnderstand'
+								id='room.consentUnderstand'
-								defaultMessage = 'I understand'
+								defaultMessage='I understand'
 							/>
 						}
 					>
 						<FormattedMessage
-							id = 'room.cookieConsent'
+							id='room.cookieConsent'
 							defaultMessage='This website uses cookies to enhance the user experience'
 						/>
 					</CookieConsent>

app/src/components/Settings/Settings.js

@@ -353,15 +353,15 @@ const Settings = ({
 
 Settings.propTypes =
 {
-	roomClient           : PropTypes.any.isRequired,
+	roomClient              : PropTypes.any.isRequired,
-	me                   : appPropTypes.Me.isRequired,
+	me                      : appPropTypes.Me.isRequired,
-	room                 : appPropTypes.Room.isRequired,
+	room                    : appPropTypes.Room.isRequired,
-	settings             : PropTypes.object.isRequired,
+	settings                : PropTypes.object.isRequired,
-	onToggleAdvancedMode : PropTypes.func.isRequired,
+	onToggleAdvancedMode    : PropTypes.func.isRequired,
 	onTogglePermanentTopBar : PropTypes.func.isRequired,
-	handleChangeMode     : PropTypes.func.isRequired,
+	handleChangeMode        : PropTypes.func.isRequired,
-	handleCloseSettings  : PropTypes.func.isRequired,
+	handleCloseSettings     : PropTypes.func.isRequired,
-	classes              : PropTypes.object.isRequired
+	classes                 : PropTypes.object.isRequired
 };
 
 const mapStateToProps = (state) =>
@@ -374,10 +374,10 @@ const mapStateToProps = (state) =>
 };
 
 const mapDispatchToProps = {
-	onToggleAdvancedMode : settingsActions.toggleAdvancedMode,
+	onToggleAdvancedMode    : settingsActions.toggleAdvancedMode,
 	onTogglePermanentTopBar : settingsActions.togglePermanentTopBar,
-	handleChangeMode     : roomActions.setDisplayMode,
+	handleChangeMode        : roomActions.setDisplayMode,
-	handleCloseSettings  : roomActions.setSettingsOpen
+	handleCloseSettings     : roomActions.setSettingsOpen
 };
 
 export default withRoomContext(connect(

app/src/components/VideoContainers/FullScreenView.js

@@ -135,7 +135,7 @@ FullScreenView.propTypes =
 	consumer                 : appPropTypes.Consumer,
 	toggleConsumerFullscreen : PropTypes.func.isRequired,
 	toolbarsVisible          : PropTypes.bool,
-	permanentTopBar             : PropTypes.bool,
+	permanentTopBar          : PropTypes.bool,
 	classes                  : PropTypes.object.isRequired
 };
 
@@ -143,7 +143,7 @@ const mapStateToProps = (state) =>
 	({
 		consumer        : state.consumers[state.room.fullScreenConsumer],
 		toolbarsVisible : state.room.toolbarsVisible,
-		permanentTopBar    : state.settings.permanentTopBar
+		permanentTopBar : state.settings.permanentTopBar
 	});
 
 const mapDispatchToProps = (dispatch) =>

app/src/reducers/settings.js

@@ -6,7 +6,7 @@ const initialState =
 	advancedMode        : false,
 	resolution          : 'medium', // low, medium, high, veryhigh, ultra
 	lastN               : 4,
-	permanentTopBar		: true
+	permanentTopBar     : true
 };
 
 const settings = (state = initialState, action) =>

app/src/translations/cn.json

@@ -52,6 +52,9 @@
 	"room.muteAll": null,
 	"room.stopAllVideo": null,
 	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+
+	"me.mutedPTT": null,
 
 	"tooltip.login": "登录",
 	"tooltip.logout": "注销",

app/src/translations/cz.json

@@ -48,6 +48,12 @@
 	"room.spotlights": "Aktivní Účastníci",
 	"room.passive": "Pasivní Účastníci",
 	"room.videoPaused": "Toto video bylo pozastaveno",
+	"room.muteAll": null,
+	"room.stopAllVideo": null,
+	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+
+	"me.mutedPTT": null,
 
 	"tooltip.login": "Přihlášení",
 	"tooltip.logout": "Odhlášení",

app/src/translations/de.json

@@ -52,6 +52,9 @@
 	"room.muteAll": null,
 	"room.stopAllVideo": null,
 	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+
+	"me.mutedPTT": null,
 
 	"tooltip.login": "Anmelden",
 	"tooltip.logout": "Abmelden",

app/src/translations/dk.json

@@ -52,6 +52,9 @@
 	"room.muteAll": null,
 	"room.stopAllVideo": null,
 	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+
+	"me.mutedPTT": null,
 
 	"tooltip.login": "Log ind",
 	"tooltip.logout": "Log ud",

app/src/translations/el.json

@@ -52,6 +52,9 @@
 	"room.muteAll": null,
 	"room.stopAllVideo": null,
 	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+
+	"me.mutedPTT": null,
 
 	"tooltip.login": "Σύνδεση",
 	"tooltip.logout": "Αποσύνδεση",

app/src/translations/en.json

@@ -52,6 +52,9 @@
 	"room.muteAll": "Mute all",
 	"room.stopAllVideo": "Stop all video",
 	"room.closeMeeting": "Close meeting",
+	"room.speechUnsupported": "Your browser does not support speech recognition",
+
+	"me.mutedPTT": "You are muted, hold down SPACE-BAR to talk",
 
 	"tooltip.login": "Log in",
 	"tooltip.logout": "Log out",

app/src/translations/es.json

@@ -52,6 +52,9 @@
 	"room.muteAll": null,
 	"room.stopAllVideo": null,
 	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+
+	"me.mutedPTT": null,
 
 	"tooltip.login": "Entrar",
 	"tooltip.logout": "Salir",

app/src/translations/fr.json

@@ -52,6 +52,9 @@
 	"room.muteAll": null,
 	"room.stopAllVideo": null,
 	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+
+	"me.mutedPTT": null,
 
 	"tooltip.login": "Connexion",
 	"tooltip.logout": "Déconnexion",

app/src/translations/hr.json

@@ -52,6 +52,9 @@
 	"room.muteAll": null,
 	"room.stopAllVideo": null,
 	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+
+	"me.mutedPTT": null,
 
 	"tooltip.login": "Prijava",
 	"tooltip.logout": "Odjava",

app/src/translations/hu.json

@@ -52,6 +52,9 @@
 	"room.muteAll": null,
 	"room.stopAllVideo": null,
 	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+
+	"me.mutedPTT": null,
 
 	"tooltip.login": "Belépés",
 	"tooltip.logout": "Kilépés",

app/src/translations/it.json

@@ -49,6 +49,12 @@
 	"room.spotlights": "Partecipanti in Evidenza",
 	"room.passive": "Participanti Passivi",
 	"room.videoPaused": "Il video è in pausa",
+	"room.muteAll": null,
+	"room.stopAllVideo": null,
+	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+	
+	"me.mutedPTT": null,
 
 	"tooltip.login": "Log in",
 	"tooltip.logout": "Log out",

app/src/translations/nb.json

@@ -52,6 +52,9 @@
 	"room.muteAll": "Demp alle",
 	"room.stopAllVideo": "Stopp all video",
 	"room.closeMeeting": "Avslutt møte",
+	"room.speechUnsupported": "Din nettleser støtter ikke stemmegjenkjenning",
+
+	"me.mutedPTT": "Du er dempet, hold nede SPACE for å snakke",
 
 	"tooltip.login": "Logg in",
 	"tooltip.logout": "Logg ut",

app/src/translations/pl.json

@@ -52,6 +52,9 @@
 	"room.muteAll": null,
 	"room.stopAllVideo": null,
 	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+
+	"me.mutedPTT": null,
 
 	"tooltip.login": "Zaloguj",
 	"tooltip.logout": "Wyloguj",

app/src/translations/pt.json

@@ -52,6 +52,9 @@
 	"room.muteAll": null,
 	"room.stopAllVideo": null,
 	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+
+	"me.mutedPTT": null,
 
 	"tooltip.login": "Entrar",
 	"tooltip.logout": "Sair",

app/src/translations/ro.json

@@ -52,6 +52,9 @@
 	"room.muteAll": null,
 	"room.stopAllVideo": null,
 	"room.closeMeeting": null,
+	"room.speechUnsupported": null,
+
+	"me.mutedPTT": null,
 
 	"tooltip.login": "Intră în cont",
 	"tooltip.logout": "Deconectare",