16 | {
17 | micConsumers.map((micConsumer) =>
18 | {
19 | return (
20 |
30 | );
31 | };
32 |
33 | AudioPeers.propTypes =
34 | {
35 | micConsumers : PropTypes.array,
36 | audioOutputDevice : PropTypes.string
37 | };
38 |
39 | const mapStateToProps = (state) =>
40 | ({
41 | micConsumers : micConsumerSelector(state),
42 | audioOutputDevice : state.settings.selectedAudioOutputDevice
43 | });
44 |
45 | const AudioPeersContainer = connect(
46 | mapStateToProps,
47 | null,
48 | null,
49 | {
50 | areStatesEqual : (next, prev) =>
51 | {
52 | return (
53 | prev.consumers === next.consumers &&
54 | prev.room.spotlights === next.room.spotlights &&
55 | prev.settings.selectedAudioOutputDevice ===
56 | next.settings.selectedAudioOutputDevice
57 | );
58 | }
59 | }
60 | )(AudioPeers);
61 |
62 | export default AudioPeersContainer;
63 |
--------------------------------------------------------------------------------
/app/src/store/reducers/lobbyPeers.js:
--------------------------------------------------------------------------------
1 | const lobbyPeer = (state = {}, action) =>
2 | {
3 | switch (action.type)
4 | {
5 | case 'ADD_LOBBY_PEER':
6 | return { id: action.payload.peerId };
7 |
8 | case 'SET_LOBBY_PEER_DISPLAY_NAME':
9 | return { ...state, displayName: action.payload.displayName };
10 | case 'SET_LOBBY_PEER_PICTURE':
11 | return { ...state, picture: action.payload.picture };
12 | case 'SET_LOBBY_PEER_PROMOTION_IN_PROGRESS':
13 | return { ...state, promotionInProgress: action.payload.flag };
14 |
15 | default:
16 | return state;
17 | }
18 | };
19 |
20 | const lobbyPeers = (state = {}, action) =>
21 | {
22 | switch (action.type)
23 | {
24 | case 'ADD_LOBBY_PEER':
25 | {
26 | return { ...state, [action.payload.peerId]: lobbyPeer(undefined, action) };
27 | }
28 |
29 | case 'REMOVE_LOBBY_PEER':
30 | {
31 | const { peerId } = action.payload;
32 | const newState = { ...state };
33 |
34 | delete newState[peerId];
35 |
36 | return newState;
37 | }
38 |
39 | case 'SET_LOBBY_PEER_DISPLAY_NAME':
40 | case 'SET_LOBBY_PEER_PICTURE':
41 | case 'SET_LOBBY_PEER_PROMOTION_IN_PROGRESS':
42 | {
43 | const oldLobbyPeer = state[action.payload.peerId];
44 |
45 | if (!oldLobbyPeer)
46 | {
47 | // Tried to update non-existent lobbyPeer. Has probably been promoted, or left.
48 | return state;
49 | }
50 |
51 | return { ...state, [oldLobbyPeer.id]: lobbyPeer(oldLobbyPeer, action) };
52 | }
53 |
54 | default:
55 | return state;
56 | }
57 | };
58 |
59 | export default lobbyPeers;
60 |
--------------------------------------------------------------------------------
/LTI/LTI.md:
--------------------------------------------------------------------------------
1 | # Learning Tools Interoperability (LTI)
2 |
3 | ## LTI
4 |
5 | Read more about IMS Global defined interface for tools like our VideoConference system integration with Learning Management Systems(LMS) (e.g. moodle).
6 | See: [IMS Global Learning Tool Interoperability](https://www.imsglobal.org/activity/learning-tools-interoperability)
7 |
8 | We implemented LTI interface version 1.0/1.1
9 |
10 | ### Server config auth section LTI settings
11 |
12 | Set in server configuration a random key and secret
13 |
14 | ``` json
15 | auth :
16 | {
17 | lti :
18 | {
19 | consumerKey : 'key',
20 | consumerSecret : 'secret'
21 | },
22 | }
23 | ```
24 |
25 | ### Configure your LMS system with secret and key settings above
26 |
27 | #### Auth tool URL
28 |
29 | Set tool URL to your server with path /auth/lti
30 |
31 | ``` url
32 | https://mm.example.com/auth/lti
33 | ```
34 |
35 | #### In moodle find external tool plugin setting and external tool action
36 |
37 | See: [moodle external tool settings](https://docs.moodle.org/38/en/External_tool_settings)
38 |
39 | #### Add and activity
40 |
41 | 
42 |
43 | #### Setup Activity
44 |
45 | ##### Activity setup basic form
46 |
47 | Open fully the settings **Click on show more!!**
48 | 
49 |
50 | ##### Empty full form
51 |
52 | 
53 |
54 | ##### Filled out form
55 |
56 | 
57 |
58 | ## moodle plugin
59 |
60 | Alternatively you can use edumeet moodle plugin:
61 | [https://github.com/edumeet/moodle-mod_edumeet](https://github.com/edumeet/moodle-mod_edumeet)
62 |
--------------------------------------------------------------------------------
/app/src/store/reducers/chat.js:
--------------------------------------------------------------------------------
1 | const initialState =
2 | {
3 | order : 'asc',
4 | isScrollEnd : true,
5 | messages : [],
6 | count : 0,
7 | countUnread : 0
8 | };
9 |
10 | const chat = (state = initialState, action) =>
11 | {
12 | switch (action.type)
13 | {
14 | case 'ADD_MESSAGE':
15 | {
16 | const { message } = action.payload;
17 |
18 | return {
19 | ...state,
20 | messages : [ ...state.messages, message ],
21 | count : state.count + 1,
22 | countUnread : message.sender === 'response' ? ++state.countUnread : state.countUnread
23 | };
24 |
25 | }
26 |
27 | case 'ADD_CHAT_HISTORY':
28 | {
29 | const { chatHistory } = action.payload;
30 |
31 | chatHistory.forEach(
32 | (item, index) => { chatHistory[index].isRead = true; }
33 | );
34 |
35 | return {
36 | ...state,
37 | messages : chatHistory,
38 | count : chatHistory.length
39 | };
40 | }
41 |
42 | case 'CLEAR_CHAT':
43 | {
44 | return {
45 | ...state,
46 | messages : [],
47 | count : 0,
48 | countUnread : 0
49 | };
50 | }
51 |
52 | case 'SORT_CHAT':
53 | {
54 | const { order } = action.payload;
55 |
56 | return { ...state, order: order };
57 | }
58 |
59 | case 'SET_IS_SCROLL_END':
60 | {
61 | const { flag } = action.payload;
62 |
63 | return { ...state, isScrollEnd: flag };
64 | }
65 |
66 | case 'SET_IS_MESSAGE_READ':
67 | {
68 | const { id, isRead } = action.payload;
69 |
70 | state.messages.forEach((key, index) =>
71 | {
72 | if (state.messages[index].time === Number(id))
73 | {
74 | state.messages[index].isRead = isRead;
75 |
76 | state.countUnread--;
77 | }
78 | });
79 |
80 | return { ...state };
81 | }
82 |
83 | default:
84 | return state;
85 | }
86 | };
87 |
88 | export default chat;
89 |
--------------------------------------------------------------------------------
/app/src/store/reducers/producers.js:
--------------------------------------------------------------------------------
1 | const initialState = {};
2 |
3 | const producers = (state = initialState, action) =>
4 | {
5 | switch (action.type)
6 | {
7 | case 'ADD_PRODUCER':
8 | {
9 | const { producer } = action.payload;
10 |
11 | return { ...state, [producer.id]: producer };
12 | }
13 |
14 | case 'REMOVE_PRODUCER':
15 | {
16 | const { producerId } = action.payload;
17 | const newState = { ...state };
18 |
19 | delete newState[producerId];
20 |
21 | return newState;
22 | }
23 |
24 | case 'SET_PRODUCER_PAUSED':
25 | {
26 | const { producerId, originator } = action.payload;
27 | const producer = state[producerId];
28 |
29 | let newProducer;
30 |
31 | if (originator === 'local')
32 | newProducer = { ...producer, locallyPaused: true };
33 | else
34 | newProducer = { ...producer, remotelyPaused: true };
35 |
36 | return { ...state, [producerId]: newProducer };
37 | }
38 |
39 | case 'SET_PRODUCER_RESUMED':
40 | {
41 | const { producerId, originator } = action.payload;
42 | const producer = state[producerId];
43 |
44 | let newProducer;
45 |
46 | if (originator === 'local')
47 | newProducer = { ...producer, locallyPaused: false };
48 | else
49 | newProducer = { ...producer, remotelyPaused: false };
50 |
51 | return { ...state, [producerId]: newProducer };
52 | }
53 |
54 | case 'SET_PRODUCER_TRACK':
55 | {
56 | const { producerId, track } = action.payload;
57 | const producer = state[producerId];
58 | const newProducer = { ...producer, track };
59 |
60 | return { ...state, [producerId]: newProducer };
61 | }
62 |
63 | case 'SET_PRODUCER_SCORE':
64 | {
65 | const { producerId, score } = action.payload;
66 |
67 | const producer = state[producerId];
68 |
69 | const newProducer = { ...producer, score };
70 |
71 | return { ...state, [producerId]: newProducer };
72 | }
73 |
74 | default:
75 | return state;
76 | }
77 | };
78 |
79 | export default producers;
80 |
--------------------------------------------------------------------------------
/app/src/store/reducers/toolarea.js:
--------------------------------------------------------------------------------
1 | const initialState =
2 | {
3 | toolAreaOpen : false,
4 | currentToolTab : 'chat', // chat, settings, users
5 | unreadMessages : 0,
6 | unreadFiles : 0
7 | };
8 |
9 | const toolarea = (state = initialState, action) =>
10 | {
11 | switch (action.type)
12 | {
13 | case 'TOGGLE_TOOL_AREA':
14 | {
15 | const toolAreaOpen = !state.toolAreaOpen;
16 | const unreadMessages = toolAreaOpen && state.currentToolTab === 'chat' ? 0 : state.unreadMessages;
17 | const unreadFiles = toolAreaOpen && state.currentToolTab === 'chat' ? 0 : state.unreadFiles;
18 |
19 | return { ...state, toolAreaOpen, unreadMessages, unreadFiles };
20 | }
21 |
22 | case 'OPEN_TOOL_AREA':
23 | {
24 | const toolAreaOpen = true;
25 | const unreadMessages = state.currentToolTab === 'chat' ? 0 : state.unreadMessages;
26 | const unreadFiles = state.currentToolTab === 'chat' ? 0 : state.unreadFiles;
27 |
28 | return { ...state, toolAreaOpen, unreadMessages, unreadFiles };
29 | }
30 |
31 | case 'CLOSE_TOOL_AREA':
32 | {
33 | const toolAreaOpen = false;
34 |
35 | return { ...state, toolAreaOpen };
36 | }
37 |
38 | case 'SET_TOOL_TAB':
39 | {
40 | const { toolTab } = action.payload;
41 | const unreadMessages = toolTab === 'chat' ? 0 : state.unreadMessages;
42 | const unreadFiles = toolTab === 'chat' ? 0 : state.unreadFiles;
43 |
44 | return { ...state, currentToolTab: toolTab, unreadMessages, unreadFiles };
45 | }
46 |
47 | case 'ADD_MESSAGE':
48 | {
49 | if (state.toolAreaOpen && state.currentToolTab === 'chat')
50 | {
51 | return state;
52 | }
53 |
54 | return { ...state, unreadMessages: state.unreadMessages + 1 };
55 | }
56 |
57 | case 'ADD_FILE':
58 | {
59 | if (state.toolAreaOpen && state.currentToolTab === 'chat')
60 | {
61 | return state;
62 | }
63 |
64 | return { ...state, unreadFiles: state.unreadFiles + 1 };
65 | }
66 |
67 | default:
68 | return state;
69 | }
70 | };
71 |
72 | export default toolarea;
73 |
--------------------------------------------------------------------------------
/app/src/store/actions/consumerActions.js:
--------------------------------------------------------------------------------
1 | export const addConsumer = (consumer, peerId) =>
2 | ({
3 | type : 'ADD_CONSUMER',
4 | payload : { consumer, peerId }
5 | });
6 |
7 | export const removeConsumer = (consumerId, peerId) =>
8 | ({
9 | type : 'REMOVE_CONSUMER',
10 | payload : { consumerId, peerId }
11 | });
12 |
13 | export const clearConsumers = () =>
14 | ({
15 | type : 'CLEAR_CONSUMERS'
16 | });
17 |
18 | export const setConsumerPaused = (consumerId, originator) =>
19 | ({
20 | type : 'SET_CONSUMER_PAUSED',
21 | payload : { consumerId, originator }
22 | });
23 |
24 | export const setConsumerResumed = (consumerId, originator) =>
25 | ({
26 | type : 'SET_CONSUMER_RESUMED',
27 | payload : { consumerId, originator }
28 | });
29 |
30 | export const setConsumerCurrentLayers = (consumerId, spatialLayer, temporalLayer) =>
31 | ({
32 | type : 'SET_CONSUMER_CURRENT_LAYERS',
33 | payload : { consumerId, spatialLayer, temporalLayer }
34 | });
35 |
36 | export const setConsumerPreferredLayers = (consumerId, spatialLayer, temporalLayer) =>
37 | ({
38 | type : 'SET_CONSUMER_PREFERRED_LAYERS',
39 | payload : { consumerId, spatialLayer, temporalLayer }
40 | });
41 |
42 | export const setConsumerPriority = (consumerId, priority) =>
43 | ({
44 | type : 'SET_CONSUMER_PRIORITY',
45 | payload : { consumerId, priority }
46 | });
47 |
48 | export const setConsumerTrack = (consumerId, track) =>
49 | ({
50 | type : 'SET_CONSUMER_TRACK',
51 | payload : { consumerId, track }
52 | });
53 |
54 | export const setConsumerScore = (consumerId, score) =>
55 | ({
56 | type : 'SET_CONSUMER_SCORE',
57 | payload : { consumerId, score }
58 | });
59 |
60 | export const setConsumerAudioGain = (consumerId, audioGain) =>
61 | ({
62 | type : 'SET_CONSUMER_AUDIO_GAIN',
63 | payload : { consumerId, audioGain }
64 | });
65 |
66 | export const setConsumerOpusConfig = (consumerId, opusConfig) =>
67 | ({
68 | type : 'SET_CONSUMER_OPUS_CONFIG',
69 | payload : { consumerId, opusConfig }
70 | });
71 |
--------------------------------------------------------------------------------
/compose/config/nginx.conf:
--------------------------------------------------------------------------------
1 | map $http_upgrade $connection_upgrade {
2 | default upgrade;
3 | '' close;
4 | }
5 |
6 | server {
7 | listen 80 default_server;
8 | listen [::]:80 default_server;
9 | listen 443 ssl http2 default_server;
10 | listen [::]:443 ssl http2 default_server;
11 | resolver 127.0.0.11:53 ipv6=off;
12 | #
13 | ssl_certificate /etc/nginx/cert.pem;
14 | ssl_certificate_key /etc/nginx/key.pem;
15 | ssl_ciphers EECDH+CHACHA20:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5;
16 |
17 | # server
18 | location ~ ^/(socket\.io) {
19 | proxy_pass https://edumeet:3443;
20 | #
21 | proxy_http_version 1.1;
22 | proxy_redirect off;
23 | proxy_request_buffering off;
24 | proxy_set_header Upgrade $http_upgrade;
25 | proxy_set_header Connection $connection_upgrade;
26 | proxy_read_timeout 86400;
27 | proxy_set_header Referer $http_referer;
28 | proxy_set_header Host $http_host;
29 | proxy_set_header X-Real-IP $remote_addr;
30 | proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
31 | proxy_set_header X-Forwarded-Proto $scheme;
32 | proxy_max_temp_file_size 2048m;
33 | }
34 |
35 | # app
36 | location ~ ^/(sockjs-node) {
37 | proxy_pass https://edumeet:4443;
38 | #
39 | proxy_http_version 1.1;
40 | proxy_redirect off;
41 | proxy_request_buffering off;
42 | proxy_set_header Upgrade $http_upgrade;
43 | proxy_set_header Connection $connection_upgrade;
44 | proxy_read_timeout 86400;
45 | proxy_set_header Referer $http_referer;
46 | proxy_set_header Host $http_host;
47 | proxy_set_header X-Real-IP $remote_addr;
48 | proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
49 | proxy_set_header X-Forwarded-Proto $scheme;
50 | proxy_max_temp_file_size 2048m;
51 | }
52 |
53 | location / {
54 | proxy_pass https://edumeet:4443;
55 | }
56 | }
--------------------------------------------------------------------------------
/server/certs/edumeet-demo-cert.pem:
--------------------------------------------------------------------------------
1 | -----BEGIN CERTIFICATE-----
2 | MIIFhTCCA22gAwIBAgIUKWAvYO7nVQFx8sxCwR4K8hlj/GEwDQYJKoZIhvcNAQEL
3 | BQAwUjELMAkGA1UEBhMCRVUxEDAOBgNVBAgMB2VkdW1lZXQxDTALBgNVBAcMBGRl
4 | bW8xEDAOBgNVBAoMB2VkdW1lZXQxEDAOBgNVBAMMB2VkdW1lZXQwHhcNMjIwMjI2
5 | MjIxNzQ0WhcNMjMwMjI2MjIxNzQ0WjBSMQswCQYDVQQGEwJFVTEQMA4GA1UECAwH
6 | ZWR1bWVldDENMAsGA1UEBwwEZGVtbzEQMA4GA1UECgwHZWR1bWVldDEQMA4GA1UE
7 | AwwHZWR1bWVldDCCAiIwDQYJKoZIhvcNAQEBBQADggIPADCCAgoCggIBALNo8HRJ
8 | LVKW2ngMjAoFT6Dh1gP0eivscqHKEdc4LHWtoYjMpUNPbXH2E3+sc5NHTmYUm+e9
9 | /D+xJ3vF9EOB4W7IY2EROPeLF3mxSGizJMst3/p7rbOG+1qErODd1o21oy1fsJHS
10 | 1HB1udeYKRyTpsGrlc8faMGBnwkqaJm9SwuUU75sreTSdDwZEVGs49OSGZPKo42S
11 | J2gcYbEDUw/cUZRcueck/fN5Wx/05TWsMUKZ/kbsFgWrdfrZvMTfyrs0XgBTRUc0
12 | P9IdQAHRkOtFQZ18xAgsbJ/9KFgz429lb4BZrEZEjVOrhQ1Vq1H55rNb5+urFzFP
13 | xFBqJGA1I4I3D6pcP+RIphWEbDGWelBQ4L/PaLRIJw6ShdpEfTPZYjZro7kbMxJC
14 | JEoqrJChu0JO+l+N8qtLkpnghgrI8I5FfZKxDEuGHk6YnQWIeusY9PZ91gyFpy1S
15 | Y2Kq8e4mpuF/jO/857UXo2JQhGsRPItHvj9AeqmjjZr2dm1mIqWGTmPyNpLm5sWA
16 | bsFtLgBTKfpgErugh6KvK15jWVhl3i0Ls9C5feU2wU7dk61qH1RiOU8gBeZiYW+6
17 | kD8WSddd8PEiYHMZ0peMMJoFfbl+02uCLi4LACWzwl2Gm9JkUgL7vX0SOA96F2f+
18 | +QyLLvIB+nhhMaitw0QvT+Hugab4yXBJBFvZAgMBAAGjUzBRMB0GA1UdDgQWBBQy
19 | a2ibEZ7zhfBF/KZNUrBO0wIIODAfBgNVHSMEGDAWgBQya2ibEZ7zhfBF/KZNUrBO
20 | 0wIIODAPBgNVHRMBAf8EBTADAQH/MA0GCSqGSIb3DQEBCwUAA4ICAQAKbNSY1dnm
21 | gj36y4+XJ2CC7o3JtY17sjCRpQxgj/vIoX72OyV5HYbkwGq9k4jJ00fIEuzojuGa
22 | i4ZuxYgVfdZG2W2/tI8H8G/JfNkolm2sOX8SUmAEbUsgCiT32Er/y9Asm0UY/sWA
23 | t6TPV0dxrcH58yHOU0Wgu2MPcaidBxc3MAE12MHoIOk4ioCrgvJQyCszJRBSTSd1
24 | UO6L1pMBzV6/ElxalU64lEO9/v25KBDAeI96g5jEYIEz9Wo1xLeflU3Ug6/XyytM
25 | 4egYwKZpHNKzUOTr1eq1tBbaRY4nBGNVR0MIwSskgahzCR1ieYPvSXGceme9a4Ig
26 | bXkFuOo+xEVFXCgdImK+TuDEhOlH/ioP8v9zUqwXHGWzO95gtY2lnPufFJjSvXL3
27 | BicYHBQ2G37rcv7cDLF3JuJRzn7PrWtBB2OOFvixQHP9H7ynOMf00myFUG8q4isC
28 | q1/ZP79/uEB3Aq+1cMUTaoDt7uFIqSTowQiOi6aInW6eqeToJETR0wVIGkOgieMC
29 | +qgS1lKQGqKNOgsuz4BQub/lr9jhOrmDMNGI82ZNNmRlLJgN8zxf5ZCnO7OF+WCr
30 | +9vzJ8MJa4gO9EAWWeJQi9hyrmLIY9mA1pOhPCcROXhc5eyz/Q9q2AWSZlmDeN3e
31 | UWbGZK1XT8BAIEcpJZczbYt/XJKnQ8K2HA==
32 | -----END CERTIFICATE-----
33 |
--------------------------------------------------------------------------------
/app/src/components/ConfigError.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'; // eslint-disable-line no-use-before-define
2 | import { withStyles } from '@material-ui/core/styles';
3 | import PropTypes from 'prop-types';
4 | import { FormattedMessage } from 'react-intl';
5 |
6 | import Dialog from '@material-ui/core/Dialog';
7 | import DialogTitle from '@material-ui/core/DialogTitle';
8 | import DialogContent from '@material-ui/core/DialogContent';
9 | import Grid from '@material-ui/core/Grid';
10 | import ErrorIcon from '@material-ui/icons/Error';
11 | import Button from '@material-ui/core/Button';
12 |
13 | const styles = () =>
14 | ({
15 | error : {
16 | color : 'red'
17 | }
18 | });
19 |
20 | const ConfigError = ({
21 | classes,
22 | configError
23 | }: {
24 | classes : any;
25 | configError : string;
26 | }) =>
27 | {
28 | return (
29 |
66 | );
67 | };
68 |
69 | ConfigError.propTypes =
70 | {
71 | classes : PropTypes.object.isRequired,
72 | configError : PropTypes.string.isRequired
73 | };
74 |
75 | export default withStyles(styles)(ConfigError);
76 |
--------------------------------------------------------------------------------
/server/lib/stats/promExporter.js:
--------------------------------------------------------------------------------
1 | import Logger from '../logger/Logger';
2 |
3 | const express = require('express');
4 | const promClient = require('prom-client');
5 |
6 | const collectDefaultMetrics = require('../stats/metrics/default');
7 | const RegisterAggregated = require('../stats/metrics/aggregated');
8 |
9 | const logger = new Logger('promClient');
10 |
11 | import { config } from '../config/config';
12 |
13 | module.exports = async function(workers, rooms, peers)
14 | {
15 | try
16 | {
17 | logger.debug(`config.prometheus.deidentify=${config.prometheus.deidentify}`);
18 | logger.debug(`config.prometheus.listen=${config.prometheus.listen}`);
19 | logger.debug(`config.prometheus.numeric=${config.prometheus.numeric}`);
20 | logger.debug(`config.prometheus.port=${config.prometheus.port}`);
21 | logger.debug(`config.prometheus.quiet=${config.prometheus.quiet}`);
22 |
23 | const app = express();
24 |
25 | // default register
26 | app.get('/', async (req, res) =>
27 | {
28 | logger.debug(`GET ${req.originalUrl}`);
29 | const registry = new promClient.Registry();
30 |
31 | await collectDefaultMetrics(
32 | workers, rooms, peers, registry, config.prometheus);
33 | res.set('Content-Type', registry.contentType);
34 | const data = await registry.metrics();
35 |
36 | res.end(data);
37 | });
38 |
39 | // aggregated register
40 | const registerAggregated = RegisterAggregated(
41 | workers, rooms, peers, config.prometheus);
42 |
43 | app.get('/metrics', async (req, res) =>
44 | {
45 | logger.debug(`GET ${req.originalUrl}`);
46 |
47 | if (config.prometheus.secret
48 | && req.headers.authorization !== `Bearer ${ config.prometheus.secret}`)
49 | {
50 | logger.error('Invalid authorization header');
51 |
52 | return res.status(401).end();
53 | }
54 |
55 | res.set('Content-Type', registerAggregated.contentType);
56 | const data = await registerAggregated.metrics();
57 |
58 | res.end(data);
59 | });
60 |
61 | const server = app.listen(config.prometheus.port, config.prometheus.listen, () =>
62 | {
63 | const address = server.address();
64 |
65 | logger.info(`listening ${address.address}:${address.port}`);
66 | });
67 | }
68 | catch (err)
69 | {
70 | logger.error(err);
71 | }
72 | };
73 |
--------------------------------------------------------------------------------
/app/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
63 |
73 |
74 | );
75 | }
76 |
77 | componentDidMount()
78 | {
79 | const { videoTrack } = this.props;
80 |
81 | this._setTracks(videoTrack);
82 | }
83 |
84 | componentDidUpdate(prevProps)
85 | {
86 | if (prevProps !== this.props)
87 | {
88 | const { videoTrack } = this.props;
89 |
90 | this._setTracks(videoTrack);
91 | }
92 | }
93 |
94 | _setTracks(videoTrack)
95 | {
96 | if (this._videoTrack === videoTrack)
97 | return;
98 |
99 | this._videoTrack = videoTrack;
100 |
101 | const video = this.video.current;
102 |
103 | if (videoTrack)
104 | {
105 | const stream = new MediaStream();
106 |
107 | stream.addTrack(videoTrack);
108 | video.srcObject = stream;
109 | }
110 | else
111 | {
112 | video.srcObject = null;
113 | }
114 | }
115 | }
116 |
117 | FullView.propTypes =
118 | {
119 | videoTrack : PropTypes.any,
120 | videoVisible : PropTypes.bool,
121 | videoProfile : PropTypes.string,
122 | classes : PropTypes.object.isRequired
123 | };
124 |
125 | export default withStyles(styles)(FullView);
126 |
--------------------------------------------------------------------------------
/app/src/store/reducers/files.js:
--------------------------------------------------------------------------------
1 | const initialState =
2 | {
3 | files : [],
4 | count : 0,
5 | countUnread : 0
6 | };
7 |
8 | const files = (state = initialState, action) =>
9 | {
10 | switch (action.type)
11 | {
12 | case 'ADD_FILE':
13 | {
14 | const file = action.payload;
15 |
16 | return {
17 | ...state,
18 | files : [
19 | ...state.files,
20 | {
21 | ...file,
22 | active : false,
23 | progress : 0,
24 | files : null
25 | }
26 | ],
27 | count : state.count + 1,
28 | countUnread : file.sender === 'response' ? ++state.countUnread : state.countUnread
29 |
30 | };
31 | }
32 |
33 | case 'ADD_FILE_HISTORY':
34 | {
35 | const { fileHistory } = action.payload;
36 |
37 | const newFileHistory = [];
38 |
39 | fileHistory.forEach((file) =>
40 | {
41 | newFileHistory.push({
42 | active : false,
43 | progress : 0,
44 | files : null,
45 | ...file
46 | });
47 | });
48 |
49 | return {
50 | ...state,
51 | files : newFileHistory,
52 | count : newFileHistory.length
53 | };
54 | }
55 |
56 | case 'SET_FILE_ACTIVE':
57 | {
58 | const { magnetUri } = action.payload;
59 |
60 | state.files.forEach((item, index) =>
61 | {
62 | if (item.magnetUri === magnetUri)
63 | {
64 | state.files[index].active = true;
65 | }
66 | });
67 |
68 | return { ...state };
69 | }
70 |
71 | case 'SET_FILE_INACTIVE':
72 | {
73 | const { magnetUri } = action.payload;
74 |
75 | state.files.forEach((item, index) =>
76 | {
77 | if (item.magnetUri === magnetUri)
78 | {
79 | state.files[index].active = false;
80 | }
81 | });
82 |
83 | return { ...state };
84 | }
85 |
86 | case 'SET_FILE_PROGRESS':
87 | {
88 | const { magnetUri, progress } = action.payload;
89 |
90 | state.files.forEach((item, index) =>
91 | {
92 | if (item.magnetUri === magnetUri)
93 | {
94 | state.files[index].progress = progress;
95 | }
96 | });
97 |
98 | return { ...state };
99 | }
100 |
101 | case 'SET_FILE_DONE':
102 | {
103 | const { magnetUri, sharedFiles } = action.payload;
104 |
105 | state.files.forEach((item, index) =>
106 | {
107 | if (item.magnetUri === magnetUri)
108 | {
109 | state.files[index] = {
110 | ...item,
111 | files : sharedFiles,
112 | progress : 1,
113 | active : false,
114 | timeout : false
115 | };
116 | }
117 | });
118 |
119 | return { ...state };
120 | }
121 |
122 | case 'CLEAR_FILES':
123 | {
124 | return {
125 | ...state,
126 | files : [],
127 | count : 0,
128 | countUnread : 0
129 | };
130 |
131 | }
132 | default:
133 | return state;
134 | }
135 | };
136 |
137 | export default files;
138 |
--------------------------------------------------------------------------------
/compose/config/edumeet-server-config.js:
--------------------------------------------------------------------------------
1 | const os = require('os');
2 |
3 | // To gather ip address only on interface like eth0, ens0p3
4 | const ifaceWhiteListRegex = /^(eth.*)|(ens.*)|(tun.*)|(wlp.*)/
5 |
6 | function getListenIps() {
7 | let listenIP = [];
8 | const ifaces = os.networkInterfaces();
9 | Object.keys(ifaces).forEach(function (ifname) {
10 | if (ifname.match(ifaceWhiteListRegex)) {
11 | ifaces[ifname].forEach(function (iface) {
12 | if (
13 | (iface.family !== "IPv4" &&
14 | (iface.family !== "IPv6" || iface.scopeid !== 0)) ||
15 | iface.internal !== false
16 | ) {
17 | // skip over internal (i.e. 127.0.0.1) and non-ipv4 or ipv6 non global addresses
18 | return;
19 | }
20 | listenIP.push({ ip: iface.address, announcedIp: iface.address });
21 | });
22 | }
23 | });
24 | console.log('Using listenips:', listenIP);
25 | return listenIP;
26 | }
27 |
28 | module.exports =
29 | {
30 | // Mediasoup settings
31 | mediasoup :
32 | {
33 | numWorkers : 2, //Object.keys(os.cpus()).length,
34 | // mediasoup Worker settings.
35 | worker :
36 | {
37 | logLevel : 'warn',
38 | logTags :
39 | [
40 | 'info',
41 | 'ice',
42 | 'dtls',
43 | 'rtp',
44 | 'srtp',
45 | 'rtcp'
46 | ],
47 | rtcMinPort : 40000,
48 | rtcMaxPort : 49999
49 | },
50 | // mediasoup Router settings.
51 | router :
52 | {
53 | // Router media codecs.
54 | mediaCodecs :
55 | [
56 | {
57 | kind : 'audio',
58 | mimeType : 'audio/opus',
59 | clockRate : 48000,
60 | channels : 2
61 | },
62 | {
63 | kind : 'video',
64 | mimeType : 'video/VP8',
65 | clockRate : 90000,
66 | parameters :
67 | {
68 | 'x-google-start-bitrate' : 1000
69 | }
70 | },
71 | {
72 | kind : 'video',
73 | mimeType : 'video/VP9',
74 | clockRate : 90000,
75 | parameters :
76 | {
77 | 'profile-id' : 2,
78 | 'x-google-start-bitrate' : 1000
79 | }
80 | },
81 | {
82 | kind : 'video',
83 | mimeType : 'video/h264',
84 | clockRate : 90000,
85 | parameters :
86 | {
87 | 'packetization-mode' : 1,
88 | 'profile-level-id' : '4d0032',
89 | 'level-asymmetry-allowed' : 1,
90 | 'x-google-start-bitrate' : 1000
91 | }
92 | },
93 | {
94 | kind : 'video',
95 | mimeType : 'video/h264',
96 | clockRate : 90000,
97 | parameters :
98 | {
99 | 'packetization-mode' : 1,
100 | 'profile-level-id' : '42e01f',
101 | 'level-asymmetry-allowed' : 1,
102 | 'x-google-start-bitrate' : 1000
103 | }
104 | }
105 | ]
106 | },
107 | // mediasoup WebRtcTransport settings.
108 | webRtcTransport :
109 | {
110 | listenIps : getListenIps(),
111 | }
112 | }
113 | };
114 |
--------------------------------------------------------------------------------
/app/src/store/actions/peerActions.js:
--------------------------------------------------------------------------------
1 | export const addPeer = (peer) =>
2 | ({
3 | type : 'ADD_PEER',
4 | payload : { peer }
5 | });
6 |
7 | export const removePeer = (peerId) =>
8 | ({
9 | type : 'REMOVE_PEER',
10 | payload : { peerId }
11 | });
12 |
13 | export const clearPeers = () =>
14 | ({
15 | type : 'CLEAR_PEERS'
16 | });
17 |
18 | export const setPeerDisplayName = (displayName, peerId) =>
19 | ({
20 | type : 'SET_PEER_DISPLAY_NAME',
21 | payload : { displayName, peerId }
22 | });
23 |
24 | export const setPeerVideoInProgress = (peerId, flag) =>
25 | ({
26 | type : 'SET_PEER_VIDEO_IN_PROGRESS',
27 | payload : { peerId, flag }
28 | });
29 |
30 | export const setPeerAudioInProgress = (peerId, flag) =>
31 | ({
32 | type : 'SET_PEER_AUDIO_IN_PROGRESS',
33 | payload : { peerId, flag }
34 | });
35 |
36 | export const setPeerScreenInProgress = (peerId, flag) =>
37 | ({
38 | type : 'SET_PEER_SCREEN_IN_PROGRESS',
39 | payload : { peerId, flag }
40 | });
41 |
42 | export const setPeerRaisedHand = (peerId, raisedHand, raisedHandTimestamp) =>
43 | ({
44 | type : 'SET_PEER_RAISED_HAND',
45 | payload : { peerId, raisedHand, raisedHandTimestamp }
46 | });
47 |
48 | export const setPeerRaisedHandInProgress = (peerId, flag) =>
49 | ({
50 | type : 'SET_PEER_RAISED_HAND_IN_PROGRESS',
51 | payload : { peerId, flag }
52 | });
53 |
54 | export const setPeerPicture = (peerId, picture) =>
55 | ({
56 | type : 'SET_PEER_PICTURE',
57 | payload : { peerId, picture }
58 | });
59 |
60 | export const addPeerRole = (peerId, roleId) =>
61 | ({
62 | type : 'ADD_PEER_ROLE',
63 | payload : { peerId, roleId }
64 | });
65 |
66 | export const removePeerRole = (peerId, roleId) =>
67 | ({
68 | type : 'REMOVE_PEER_ROLE',
69 | payload : { peerId, roleId }
70 | });
71 |
72 | export const setPeerModifyRolesInProgress = (peerId, flag) =>
73 | ({
74 | type : 'SET_PEER_MODIFY_ROLES_IN_PROGRESS',
75 | payload : { peerId, flag }
76 | });
77 |
78 | export const setPeerKickInProgress = (peerId, flag) =>
79 | ({
80 | type : 'SET_PEER_KICK_IN_PROGRESS',
81 | payload : { peerId, flag }
82 | });
83 |
84 | export const setMutePeerInProgress = (peerId, flag) =>
85 | ({
86 | type : 'STOP_PEER_AUDIO_IN_PROGRESS',
87 | payload : { peerId, flag }
88 | });
89 |
90 | export const setStopPeerVideoInProgress = (peerId, flag) =>
91 | ({
92 | type : 'STOP_PEER_VIDEO_IN_PROGRESS',
93 | payload : { peerId, flag }
94 | });
95 |
96 | export const setStopPeerScreenSharingInProgress = (peerId, flag) =>
97 | ({
98 | type : 'STOP_PEER_SCREEN_SHARING_IN_PROGRESS',
99 | payload : { peerId, flag }
100 | });
101 |
102 | export const setPeerLocalRecordingState = (peerId, localRecordingState) =>
103 | ({
104 | type : 'SET_PEER_LOCAL_RECORDING_STATE',
105 | payload : { peerId, localRecordingState }
106 | });
107 |
108 | export const setPeerLocalRecordingConsent = (peerId, consent) =>
109 | ({
110 | type : 'SET_PEER_LOCAL_RECORDING_CONSENT',
111 | payload : { peerId, consent }
112 | });
113 |
--------------------------------------------------------------------------------
/app/src/components/MeetingDrawer/Chat/Menu/Moderator.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { connect } from 'react-redux';
3 | import PropTypes from 'prop-types';
4 | import { withRoomContext } from '../../../../RoomContext';
5 | import { withStyles } from '@material-ui/core/styles';
6 | import { useIntl, FormattedMessage } from 'react-intl';
7 | import { permissions } from '../../../../permissions';
8 | import { makePermissionSelector } from '../../../../store/selectors';
9 | import Button from '@material-ui/core/Button';
10 |
11 | const styles = (theme) =>
12 | ({
13 | root :
14 | {
15 | display : 'flex',
16 | padding : theme.spacing(1),
17 | boxShadow : '0 2px 5px 2px rgba(0, 0, 0, 0.2)',
18 | backgroundColor : 'rgba(255, 255, 255, 1)'
19 | },
20 | listheader :
21 | {
22 | padding : theme.spacing(1),
23 | fontWeight : 'bolder'
24 | },
25 | actionButton :
26 | {
27 | marginLeft : 'auto'
28 | }
29 | });
30 |
31 | const ChatModerator = (props) =>
32 | {
33 | const intl = useIntl();
34 |
35 | const {
36 | roomClient,
37 | isChatModerator,
38 | isFileSharingModerator,
39 | room,
40 | classes
41 | } = props;
42 |
43 | if (!isChatModerator)
44 | return null;
45 |
46 | if (!isFileSharingModerator)
47 | return null;
48 |
49 | const handleClearChat = () =>
50 | {
51 | roomClient.clearChat();
52 | };
53 |
54 | return (
55 | -
56 |
-
57 |
61 |
62 |
78 |
64 | 
65 |
66 |
76 |
87 | {
88 | e.stopPropagation();
89 |
90 | roomClient.setRaisedHand(!me.raisedHand);
91 | }}
92 | >
93 |
95 |
96 |
97 | );
98 | };
99 |
100 | ListMe.propTypes =
101 | {
102 | roomClient : PropTypes.object.isRequired,
103 | me : appPropTypes.Me.isRequired,
104 | settings : PropTypes.object.isRequired,
105 | classes : PropTypes.object.isRequired
106 | };
107 |
108 | const mapStateToProps = (state) => ({
109 | me : state.me,
110 | settings : state.settings
111 | });
112 |
113 | export default withRoomContext(connect(
114 | mapStateToProps,
115 | null,
116 | null,
117 | {
118 | areStatesEqual : (next, prev) =>
119 | {
120 | return (
121 | prev.me === next.me &&
122 | prev.settings === next.settings
123 | );
124 | }
125 | }
126 | )(withStyles(styles)(ListMe)));
127 |
--------------------------------------------------------------------------------
/docs/HAproxy.md:
--------------------------------------------------------------------------------
1 | # Howto deploy a (room based) load balanced cluster
2 |
3 | This example will show how to setup an HA proxy to provide load balancing between several
4 | edumeet servers.
5 |
6 | ## IP and DNS
7 |
8 | In this basic example we use the following names and ips:
9 |
10 | ### Backend
11 |
12 | * `mm1.example.com` <=> `192.0.2.1`
13 | * `mm2.example.com` <=> `192.0.2.2`
14 | * `mm3.example.com` <=> `192.0.2.3`
15 |
16 | ### Redis
17 |
18 | * `redis.example.com` <=> `192.0.2.4`
19 |
20 | ### Load balancer HAproxy
21 |
22 | * `meet.example.com` <=> `192.0.2.5`
23 |
24 | ## Deploy multiple edumeet servers
25 |
26 | This is most easily done using Ansible (see below), but can be done
27 | in any way you choose (manual, Docker, Ansible).
28 |
29 | Read more here: [mm-ansible](https://github.com/edumeet/edumeet-ansible)
30 | [](https://asciinema.org/a/311365)
31 |
32 | ## Setup Redis for central HTTP session store
33 |
34 | ### Use one Redis for all edumeet servers
35 |
36 | * Deploy a Redis cluster for all instances.
37 | * We will use in our actual example `192.0.2.4` as redis HA cluster ip. It is out of scope howto deploy it.
38 |
39 | OR
40 |
41 | * For testing you can use Redis from one the edumeet servers. e.g. If you plan only for testing on your first edumeet server.
42 | * Configure Redis `redis.conf` to not only bind to your loopback but also to your global ip address too:
43 |
44 | ``` plaintext
45 | bind 192.0.2.1
46 | ```
47 |
48 | This example sets this to `192.0.2.1`, change this according to your local installation.
49 |
50 | * Change your firewall config to allow incoming Redis. Example (depends on the type of firewall):
51 |
52 | ``` plaintext
53 | chain INPUT {
54 | policy DROP;
55 |
56 | saddr mm2.example.com proto tcp dport 6379 ACCEPT;
57 | saddr mm3.example.com proto tcp dport 6379 ACCEPT;
58 | }
59 | ```
60 |
61 | * **Set a password, or if you don't (like in this basic example) take care to set strict firewall rules**
62 |
63 | ## Configure edumeet servers
64 |
65 | ### Server config
66 |
67 | mm/configs/server/config.js
68 |
69 | ``` js
70 | redisOptions : { host: '192.0.2.4'},
71 | listeningPort: 80,
72 | httpOnly: true,
73 | trustProxy : ['192.0.2.5'],
74 | ```
75 |
76 | ## Deploy HA proxy
77 |
78 | * Configure certificate / letsencrypt for `meet.example.com`
79 | * In this example we put a complete chain and private key in /root/certificate.pem.
80 | * Install and setup haproxy
81 |
82 | `apt install haproxy`
83 |
84 | * Add to /etc/haproxy/haproxy.cfg config
85 |
86 | ``` plaintext
87 | backend edumeet
88 | balance url_param roomId
89 | hash-type consistent
90 |
91 | server mm1 192.0.2.1:80 check maxconn 2000 verify none
92 | server mm2 192.0.2.2:80 check maxconn 2000 verify none
93 | server mm3 192.0.2.3:80 check maxconn 2000 verify none
94 |
95 | frontend meet.example.com
96 | bind 192.0.2.5:80
97 | bind 192.0.2.5:443 ssl crt /root/certificate.pem
98 | http-request redirect scheme https unless { ssl_fc }
99 | reqadd X-Forwarded-Proto:\ https
100 | default_backend edumeet
101 | ```
102 |
--------------------------------------------------------------------------------
/compose/docker-compose.yml:
--------------------------------------------------------------------------------
1 | version: '2.2'
2 |
3 | networks:
4 | edumeet:
5 | driver: bridge
6 | ipam:
7 | driver: default
8 | config:
9 | - subnet: 172.22.0.0/24
10 |
11 | services:
12 |
13 | edumeet:
14 | build: ./edumeet
15 | container_name: edumeet
16 | restart: unless-stopped
17 | user: "${CURRENT_USER}"
18 | volumes:
19 | - ${PWD}/..:/edumeet
20 | - ${PWD}/config/edumeet-server-config.js:/edumeet/server/config/config.js:ro
21 | - ${PWD}/config/edumeet-server-config.yaml:/edumeet/server/config/config.yaml:ro
22 | - ${PWD}/config/edumeet-app-config.js:/edumeet/app/public/config/config.js:ro
23 | #- ${PWD}/../app/public/config/config.example.js:/edumeet/app/public/config/config.js:ro
24 | network_mode: "host"
25 | extra_hosts:
26 | redis: 172.22.0.2
27 | depends_on:
28 | - redis
29 |
30 | redis:
31 | image: redis
32 | container_name: edumeet_redis
33 | restart: unless-stopped
34 | networks:
35 | edumeet:
36 | ipv4_address: 172.22.0.2
37 |
38 | nginx:
39 | image: nginx
40 | container_name: edumeet_nginx
41 | restart: unless-stopped
42 | ports:
43 | - 8443:443
44 | volumes:
45 | - ${PWD}/../server/certs/mediasoup-demo.localhost.cert.pem:/etc/nginx/cert.pem:ro
46 | - ${PWD}/../server/certs/mediasoup-demo.localhost.key.pem:/etc/nginx/key.pem:ro
47 | - ${PWD}/config/nginx.conf:/etc/nginx/conf.d/default.conf:ro
48 | extra_hosts:
49 | edumeet: 172.22.0.1
50 | depends_on:
51 | - edumeet
52 |
53 | prometheus:
54 | image: prom/prometheus:v2.26.0
55 | user: root
56 | container_name: edumeet_prometheus
57 | restart: unless-stopped
58 | volumes:
59 | - ./config/prometheus.yml:/etc/prometheus/prometheus.yml
60 | - ./data/prometheus:/prometheus
61 | command:
62 | - '--config.file=/etc/prometheus/prometheus.yml'
63 | - '--storage.tsdb.path=/prometheus'
64 | ports:
65 | - 9090:9090
66 | links:
67 | #- cadvisor:cadvisor
68 | - node-exporter:node-exporter
69 | - edumeet:edumeet
70 | extra_hosts:
71 | edumeet: 172.22.0.1
72 |
73 | node-exporter:
74 | image: prom/node-exporter:v1.1.2
75 | container_name: edumeet_node_exporter
76 | restart: unless-stopped
77 |
78 | #cadvisor:
79 | # image: google/cadvisor:latest
80 | # container_name: edumeet_cadvisor
81 | # restart: unless-stopped
82 | # volumes:
83 | # - /:/rootfs:ro
84 | # - /var/run:/var/run:rw
85 | # - /sys:/sys:ro
86 | # - /var/lib/docker/:/var/lib/docker:ro
87 | # expose:
88 | # - 8080
89 |
90 | grafana:
91 | image: grafana/grafana:7.5.3
92 | user: root
93 | container_name: edumeet_grafana
94 | restart: unless-stopped
95 | links:
96 | - prometheus:prometheus
97 | ports:
98 | - 9091:3000
99 | volumes:
100 | - ./config/grafana-prometheus-datasource.yml:/etc/grafana/provisioning/datasources/prometheus.yml
101 | - ./config/grafana-dashboards.yml:/etc/grafana/provisioning/dashboards/all.yml
102 | - ./config/grafana-dashboards:/var/lib/grafana/dashboards
103 | - ./data/grafana:/var/lib/grafana
104 | environment:
105 | - GF_SECURITY_ADMIN_USER=admin
106 | - GF_SECURITY_ADMIN_PASSWORD=admin
107 | - GF_USERS_ALLOW_SIGN_UP=false
108 |
--------------------------------------------------------------------------------
/app/src/components/ConfigDocumentation.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'; // eslint-disable-line no-use-before-define
2 | import { withStyles } from '@material-ui/core/styles';
3 | import PropTypes from 'prop-types';
4 | import { FormattedMessage } from 'react-intl';
5 |
6 | import Card from '@material-ui/core/Card';
7 | import CardActions from '@material-ui/core/CardActions';
8 | import CardContent from '@material-ui/core/CardContent';
9 | import Typography from '@material-ui/core/Typography';
10 | import Table from '@material-ui/core/Table';
11 | import TableBody from '@material-ui/core/TableBody';
12 | import TableCell from '@material-ui/core/TableCell';
13 | import TableContainer from '@material-ui/core/TableContainer';
14 | import TableHead from '@material-ui/core/TableHead';
15 | import TableRow from '@material-ui/core/TableRow';
16 | import Paper from '@material-ui/core/Paper';
17 | import Button from '@material-ui/core/Button';
18 |
19 | import { formatDocs } from '../config';
20 |
21 | const configDocs = formatDocs();
22 |
23 | const styles = () =>
24 | ({
25 | table : {
26 | minWidth : 700
27 | },
28 | pre : {
29 | fontSize : '0.8rem'
30 | },
31 | cell : {
32 | maxWidth : '25vw',
33 | overflow : 'auto'
34 | }
35 | });
36 |
37 | const ConfigDocumentation = ({
38 | classes
39 | }: {
40 | classes : any;
41 | }) =>
42 | {
43 | return (
44 |
67 | {settings.displayName}
68 |
69 |
39 |
55 |
71 |
87 |
103 |
104 | );
105 | };
106 |
107 | ListModerator.propTypes =
108 | {
109 | roomClient : PropTypes.any.isRequired,
110 | room : PropTypes.object.isRequired,
111 | classes : PropTypes.object.isRequired
112 | };
113 |
114 | const mapStateToProps = (state) => ({
115 | room : state.room
116 | });
117 |
118 | export default withRoomContext(connect(
119 | mapStateToProps,
120 | null,
121 | null,
122 | {
123 | areStatesEqual : (next, prev) =>
124 | {
125 | return (
126 | prev.room === next.room
127 | );
128 | }
129 | }
130 | )(withStyles(styles)(ListModerator)));
--------------------------------------------------------------------------------
/app/src/__tests__/Room.spec.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import { Provider } from 'react-redux';
4 | import { act } from 'react-dom/test-utils';
5 | import { createIntl, createIntlCache, RawIntlProvider } from 'react-intl';
6 | import Room from '../components/Room';
7 | import { SnackbarProvider } from 'notistack';
8 | import RoomContext from '../RoomContext';
9 |
10 | import configureStore from 'redux-mock-store';
11 |
12 | const mockStore = configureStore([]);
13 |
14 | let container;
15 |
16 | let store;
17 |
18 | let intl;
19 |
20 | const roomClient = {};
21 |
22 | beforeEach(() =>
23 | {
24 | container = document.createElement('div');
25 |
26 | store = mockStore({
27 | chat : [],
28 | consumers : {},
29 | files : {},
30 | lobbyPeers : {},
31 | me : {
32 | audioDevices : null,
33 | audioInProgress : false,
34 | audioOutputDevices : null,
35 | audioOutputInProgress : false,
36 | canSendMic : false,
37 | canSendWebcam : false,
38 | canShareFiles : false,
39 | canShareScreen : false,
40 | displayNameInProgress : false,
41 | id : 'jesttester',
42 | loggedIn : false,
43 | loginEnabled : true,
44 | picture : null,
45 | raisedHand : false,
46 | raisedHandInProgress : false,
47 | screenShareInProgress : false,
48 | webcamDevices : null,
49 | webcamInProgress : false
50 | },
51 | notifications : [],
52 | peerVolumes : {},
53 | peers : {},
54 | producers : {},
55 | room : {
56 | accessCode : '',
57 | activeSpeakerId : null,
58 | fullScreenConsumer : null,
59 | inLobby : true,
60 | joinByAccessCode : true,
61 | joined : false,
62 | lockDialogOpen : false,
63 | locked : false,
64 | mode : 'democratic',
65 | name : 'test',
66 | selectedPeerId : null,
67 | settingsOpen : false,
68 | showSettings : false,
69 | signInRequired : false,
70 | spotlights : [],
71 | state : 'connecting',
72 | toolbarsVisible : true,
73 | torrentSupport : false,
74 | windowConsumer : null
75 | },
76 | settings : {
77 | advancedMode : true,
78 | displayName : 'Jest Tester',
79 | resolution : 'ultra',
80 | selectedAudioDevice : 'default',
81 | selectedAudioOutputDevice : 'default',
82 | selectedWebcam : 'soifjsiajosjfoi'
83 | },
84 | toolarea : {
85 | currentToolTab : 'chat',
86 | toolAreaOpen : false,
87 | unreadFiles : 0,
88 | unreadMessages : 0
89 | }
90 | });
91 |
92 | const cache = createIntlCache();
93 |
94 | const locale = 'en';
95 |
96 | intl = createIntl({
97 | locale,
98 | messages : {}
99 | }, cache);
100 |
101 | document.body.appendChild(container);
102 | });
103 |
104 | afterEach(() =>
105 | {
106 | document.body.removeChild(container);
107 | container = null;
108 | });
109 |
110 | describe('
132 |
137 |
138 | );
139 | };
140 |
141 | Volume.propTypes =
142 | {
143 | small : PropTypes.bool,
144 | volume : PropTypes.number,
145 | classes : PropTypes.object.isRequired
146 | };
147 |
148 | const makeMapStateToProps = (initialState, props) =>
149 | {
150 | const mapStateToProps = (state) =>
151 | {
152 | if (state.peerVolumes[props.id]>state.settings.noiseThreshold)
153 | {
154 | return {
155 | // scale volume (noiseThreshold...0db) -> (0...10)
156 | // this is looks only better but is not correct
157 | volume : Math.round(
158 | (state.peerVolumes[props.id] - state.settings.noiseThreshold) *
159 | -100/(state.settings.noiseThreshold) / 10)
160 | };
161 | }
162 | else
163 | {
164 | return { volume: 0 };
165 | }
166 | };
167 |
168 | return mapStateToProps;
169 | };
170 |
171 | export default connect(
172 | makeMapStateToProps
173 | )(withStyles(styles)(Volume));
174 |
--------------------------------------------------------------------------------
/app/src/components/LeaveDialog.js:
--------------------------------------------------------------------------------
1 | import React, { useRef } from 'react';
2 | import { connect } from 'react-redux';
3 | import { withStyles } from '@material-ui/core/styles';
4 | import { withRoomContext } from '../RoomContext';
5 | import * as roomActions from '../store/actions/roomActions';
6 | import PropTypes from 'prop-types';
7 | import { FormattedMessage } from 'react-intl';
8 | import Dialog from '@material-ui/core/Dialog';
9 | import DialogTitle from '@material-ui/core/DialogTitle';
10 | import DialogActions from '@material-ui/core/DialogActions';
11 | import DialogContent from '@material-ui/core/DialogContent';
12 | import Button from '@material-ui/core/Button';
13 | import MeetingRoomIcon from '@material-ui/icons/MeetingRoom';
14 | import CancelIcon from '@material-ui/icons/Cancel';
15 | import SaveIcon from '@material-ui/icons/Save';
16 |
17 | const styles = (theme) =>
18 | ({
19 | dialogPaper :
20 | {
21 | width : '30vw',
22 | [theme.breakpoints.down('lg')] :
23 | {
24 | width : '40vw'
25 | },
26 | [theme.breakpoints.down('md')] :
27 | {
28 | width : '50vw'
29 | },
30 | [theme.breakpoints.down('sm')] :
31 | {
32 | width : '70vw'
33 | },
34 | [theme.breakpoints.down('xs')] :
35 | {
36 | width : '90vw'
37 | }
38 | },
39 | dialogActions :
40 | {
41 | flexDirection : 'row',
42 | [theme.breakpoints.down('xs')] :
43 | {
44 | flexDirection : 'column'
45 | }
46 | },
47 |
48 | logo :
49 | {
50 | marginLeft : theme.spacing(1.5),
51 | marginRight : 'auto'
52 | },
53 | divider :
54 | {
55 | marginBottom : theme.spacing(3)
56 | }
57 | });
58 |
59 | const LeaveDialog = ({
60 | roomClient,
61 | leaveOpen,
62 | classes,
63 | handleSetLeaveOpen,
64 | chatCount
65 | }) =>
66 |
67 | {
68 | const buttonYes = useRef();
69 |
70 | const handleEnterKey = (event) =>
71 | {
72 | if (event.key === 'Enter')
73 | {
74 | buttonYes.current.click();
75 | }
76 | else
77 | if (event.key === 'Escape' || event.key === 'Esc')
78 | {
79 | handleSetLeaveOpen(false);
80 | }
81 | };
82 |
83 | const handleStay = () => handleSetLeaveOpen(false);
84 |
85 | const handleLeave = () => roomClient.close();
86 |
87 | const handleLeaveWithSavingChat = () =>
88 | {
89 | roomClient.saveChat();
90 |
91 | setTimeout(() =>
92 | {
93 | roomClient.close();
94 | }, 1000);
95 | };
96 |
97 | return (
98 |
156 | );
157 | };
158 |
159 | LeaveDialog.propTypes =
160 | {
161 | roomClient : PropTypes.object.isRequired,
162 | leaveOpen : PropTypes.bool.isRequired,
163 | handleSetLeaveOpen : PropTypes.func.isRequired,
164 | classes : PropTypes.object.isRequired,
165 | chatCount : PropTypes.number.isRequired
166 | };
167 |
168 | const mapStateToProps = (state) =>
169 | ({
170 | leaveOpen : state.room.leaveOpen,
171 | chatCount : state.chat.count
172 | });
173 |
174 | const mapDispatchToProps = {
175 | handleSetLeaveOpen : roomActions.setLeaveOpen
176 | };
177 |
178 | export default withRoomContext(connect(
179 | mapStateToProps,
180 | mapDispatchToProps,
181 | null,
182 | {
183 | areStatesEqual : (next, prev) =>
184 | {
185 | return (
186 | prev.room.leaveOpen === next.room.leaveOpen &&
187 | prev.chat.count === next.chat.count
188 | );
189 | }
190 | }
191 | )(withStyles(styles)(LeaveDialog)));
192 |
--------------------------------------------------------------------------------
/app/src/components/AccessControl/LoginDialog.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { withStyles } from '@material-ui/core/styles';
3 | import isElectron from 'is-electron';
4 | import PropTypes from 'prop-types';
5 | import { useIntl, FormattedMessage } from 'react-intl';
6 | import Dialog from '@material-ui/core/Dialog';
7 | import Typography from '@material-ui/core/Typography';
8 | import Button from '@material-ui/core/Button';
9 | import TextField from '@material-ui/core/TextField';
10 | import CookieConsent from 'react-cookie-consent';
11 | import MuiDialogTitle from '@material-ui/core/DialogTitle';
12 | import MuiDialogContent from '@material-ui/core/DialogContent';
13 | import MuiDialogActions from '@material-ui/core/DialogActions';
14 | import { config } from '../../config';
15 |
16 | const styles = (theme) =>
17 | ({
18 | root :
19 | {
20 | display : 'flex',
21 | width : '100%',
22 | height : '100%',
23 | backgroundColor : 'var(--background-color)',
24 | backgroundImage : `url(${config.background})`,
25 | backgroundAttachment : 'fixed',
26 | backgroundPosition : 'center',
27 | backgroundSize : 'cover',
28 | backgroundRepeat : 'no-repeat'
29 | },
30 | dialogTitle :
31 | {
32 | },
33 | dialogPaper :
34 | {
35 | width : '30vw',
36 | padding : theme.spacing(2),
37 | [theme.breakpoints.down('lg')] :
38 | {
39 | width : '40vw'
40 | },
41 | [theme.breakpoints.down('md')] :
42 | {
43 | width : '50vw'
44 | },
45 | [theme.breakpoints.down('sm')] :
46 | {
47 | width : '70vw'
48 | },
49 | [theme.breakpoints.down('xs')] :
50 | {
51 | width : '90vw'
52 | }
53 | },
54 | logo :
55 | {
56 | display : 'block',
57 | paddingBottom : '1vh'
58 | },
59 | loginButton :
60 | {
61 | position : 'absolute',
62 | right : theme.spacing(2),
63 | top : theme.spacing(2),
64 | padding : 0
65 | },
66 | largeIcon :
67 | {
68 | fontSize : '2em'
69 | },
70 | largeAvatar :
71 | {
72 | width : 50,
73 | height : 50
74 | },
75 | green :
76 | {
77 | color : 'rgba(0, 153, 0, 1)'
78 | }
79 | });
80 |
81 | const DialogTitle = withStyles((theme) => ({
82 | root :
83 | {
84 | margin : 0,
85 | padding : theme.spacing(1)
86 | }
87 | }))(MuiDialogTitle);
88 |
89 | const DialogContent = withStyles((theme) => ({
90 | root :
91 | {
92 | padding : theme.spacing(2)
93 | }
94 | }))(MuiDialogContent);
95 |
96 | const DialogActions = withStyles((theme) => ({
97 | root :
98 | {
99 | margin : 0,
100 | padding : theme.spacing(1)
101 | }
102 | }))(MuiDialogActions);
103 |
104 | const ChooseRoom = ({
105 | classes
106 | }) =>
107 | {
108 | const intl = useIntl();
109 |
110 | return (
111 |
112 |
187 |
188 | );
189 | };
190 |
191 | ChooseRoom.propTypes =
192 | {
193 | classes : PropTypes.object.isRequired
194 | };
195 |
196 | export default withStyles(styles)(ChooseRoom);
197 |
--------------------------------------------------------------------------------