96 lines
3.2 KiB
TypeScript
96 lines
3.2 KiB
TypeScript
|
/* eslint-disable import/order */
|
||
|
|
import md5 from 'js-md5';
|
||
|
|
|
||
|
|
// @ts-ignore
|
||
|
|
import { getPinnedParticipant } from '../../features/base/participants';
|
||
|
|
import { IState } from '../app/types';
|
||
|
|
import { getCurrentConference } from '../base/conference/functions';
|
||
|
|
import { getRemoteParticipants, isLocalParticipantModerator } from '../base/participants/functions';
|
||
|
|
import { appendURLParam } from '../base/util/uri';
|
||
|
|
|
||
|
|
// @ts-ignore
|
||
|
|
import { getCurrentRoomId, isInBreakoutRoom } from '../breakout-rooms/functions';
|
||
|
|
|
||
|
|
import { WHITEBOARD_ID } from './constants';
|
||
|
|
import { IWhiteboardState } from './reducer';
|
||
|
|
|
||
|
|
const getWhiteboardState = (state: IState): IWhiteboardState => state['features/whiteboard'];
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Indicates whether the whiteboard is enabled in the config.
|
||
|
|
*
|
||
|
|
* @param {Object} state - The state from the Redux store.
|
||
|
|
* @returns {boolean}
|
||
|
|
*/
|
||
|
|
export const isWhiteboardEnabled = (state: IState): boolean =>
|
||
|
|
state['features/base/config'].whiteboard?.enabled
|
||
|
|
&& state['features/base/config'].whiteboard?.collabServerBaseUrl
|
||
|
|
&& getCurrentConference(state)?.getMetadataHandler()
|
||
|
|
?.isSupported();
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Indicates whether the whiteboard is open.
|
||
|
|
*
|
||
|
|
* @param {Object} state - The state from the Redux store.
|
||
|
|
* @returns {boolean}
|
||
|
|
*/
|
||
|
|
export const isWhiteboardOpen = (state: IState): boolean => getWhiteboardState(state).isOpen;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Indicates whether the whiteboard button is visible.
|
||
|
|
*
|
||
|
|
* @param {Object} state - The state from the Redux store.
|
||
|
|
* @returns {boolean}
|
||
|
|
*/
|
||
|
|
export const isWhiteboardButtonVisible = (state: IState): boolean =>
|
||
|
|
isWhiteboardEnabled(state) && (isLocalParticipantModerator(state) || isWhiteboardOpen(state));
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Indicates whether the whiteboard is present as a meeting participant.
|
||
|
|
*
|
||
|
|
* @param {Object} state - The state from the Redux store.
|
||
|
|
* @returns {boolean}
|
||
|
|
*/
|
||
|
|
export const isWhiteboardPresent = (state: IState): boolean => getRemoteParticipants(state).has(WHITEBOARD_ID);
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Returns the whiteboard collaboration link.
|
||
|
|
*
|
||
|
|
* @param {Object} state - The state from the Redux store.
|
||
|
|
* @returns {{ roomId: string, roomKey: string}|null}
|
||
|
|
*/
|
||
|
|
export const getCollabDetails = (state: IState): {
|
||
|
|
roomId: string; roomKey: string;
|
||
|
|
} | undefined => getWhiteboardState(state).collabDetails;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Returns the whiteboard collaboration server url.
|
||
|
|
*
|
||
|
|
* @param {Object} state - The state from the Redux store.
|
||
|
|
* @returns {string}
|
||
|
|
*/
|
||
|
|
export const getCollabServerUrl = (state: IState): string | undefined => {
|
||
|
|
const collabServerBaseUrl = state['features/base/config'].whiteboard?.collabServerBaseUrl;
|
||
|
|
|
||
|
|
if (!collabServerBaseUrl) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
const { locationURL } = state['features/base/connection'];
|
||
|
|
const inBreakoutRoom = isInBreakoutRoom(state);
|
||
|
|
const roomId = getCurrentRoomId(state);
|
||
|
|
const room = md5.hex(`${locationURL?.href}${inBreakoutRoom ? `|${roomId}` : ''}`);
|
||
|
|
|
||
|
|
return appendURLParam(collabServerBaseUrl, 'room', room);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Whether the whiteboard is visible on stage.
|
||
|
|
*
|
||
|
|
* @param {Object} state - The state from the Redux store.
|
||
|
|
* @returns {boolean}
|
||
|
|
*/
|
||
|
|
export const isWhiteboardVisible = (state: IState): boolean =>
|
||
|
|
getPinnedParticipant(state)?.id === WHITEBOARD_ID
|
||
|
|
|| state['features/large-video'].participantId === WHITEBOARD_ID;
|