@whereby.com/browser-sdk 2.0.0-beta1 → 2.0.0-beta3

package/dist/react/useRoomConnection.js

@@ -1,315 +0,0 @@
-import { __awaiter } from "tslib";
-import React, { useEffect, useReducer, useState } from "react";
-import VideoView from "./VideoView";
-import RoomConnection from "../RoomConnection";
-const initialState = {
-    chatMessages: [],
-    remoteParticipants: [],
-    connectionStatus: "initializing",
-    screenshares: [],
-    waitingParticipants: [],
-};
-function updateParticipant(remoteParticipants, participantId, updates) {
-    const existingParticipant = remoteParticipants.find((p) => p.id === participantId);
-    if (!existingParticipant) {
-        return remoteParticipants;
-    }
-    const index = remoteParticipants.indexOf(existingParticipant);
-    return [
-        ...remoteParticipants.slice(0, index),
-        Object.assign(Object.assign({}, existingParticipant), updates),
-        ...remoteParticipants.slice(index + 1),
-    ];
-}
-function convertRemoteParticipantToRemoteParticipantState(p) {
-    return {
-        displayName: p.displayName,
-        id: p.id,
-        isAudioEnabled: p.isAudioEnabled,
-        isLocalParticipant: p.isLocalParticipant,
-        isVideoEnabled: p.isVideoEnabled,
-        stream: p.stream,
-    };
-}
-function addScreenshare(screenshares, screenshare) {
-    const existingScreenshare = screenshares.find((ss) => ss.id === screenshare.id);
-    if (existingScreenshare) {
-        return screenshares;
-    }
-    return [...screenshares, screenshare];
-}
-function reducer(state, action) {
-    switch (action.type) {
-        case "CHAT_MESSAGE":
-            return Object.assign(Object.assign({}, state), { chatMessages: [...state.chatMessages, action.payload] });
-        case "CLOUD_RECORDING_STARTED":
-            return Object.assign(Object.assign({}, state), { cloudRecording: {
-                    status: action.payload.status,
-                    startedAt: action.payload.startedAt,
-                } });
-        case "CLOUD_RECORDING_STOPPED":
-            delete state.cloudRecording;
-            return Object.assign({}, state);
-        case "ROOM_JOINED":
-            return Object.assign(Object.assign({}, state), { localParticipant: action.payload.localParticipant, remoteParticipants: action.payload.remoteParticipants, waitingParticipants: action.payload.waitingParticipants, connectionStatus: "connected" });
-        case "CONNECTION_STATUS_CHANGED":
-            return Object.assign(Object.assign({}, state), { connectionStatus: action.payload.connectionStatus });
-        case "PARTICIPANT_AUDIO_ENABLED":
-            return Object.assign(Object.assign({}, state), { remoteParticipants: updateParticipant(state.remoteParticipants, action.payload.participantId, {
-                    isAudioEnabled: action.payload.isAudioEnabled,
-                }) });
-        case "PARTICIPANT_JOINED":
-            return Object.assign(Object.assign({}, state), { remoteParticipants: [...state.remoteParticipants, action.payload.paritipant] });
-        case "PARTICIPANT_LEFT":
-            return Object.assign(Object.assign({}, state), { remoteParticipants: [...state.remoteParticipants.filter((p) => p.id !== action.payload.participantId)] });
-        case "PARTICIPANT_STREAM_ADDED":
-            return Object.assign(Object.assign({}, state), { remoteParticipants: updateParticipant(state.remoteParticipants, action.payload.participantId, {
-                    stream: action.payload.stream,
-                }) });
-        case "PARTICIPANT_VIDEO_ENABLED":
-            return Object.assign(Object.assign({}, state), { remoteParticipants: updateParticipant(state.remoteParticipants, action.payload.participantId, {
-                    isVideoEnabled: action.payload.isVideoEnabled,
-                }) });
-        case "PARTICIPANT_METADATA_CHANGED":
-            return Object.assign(Object.assign({}, state), { remoteParticipants: [
-                    ...state.remoteParticipants.map((p) => p.id === action.payload.participantId ? Object.assign(Object.assign({}, p), { displayName: action.payload.displayName }) : p),
-                ] });
-        case "LOCAL_CLIENT_DISPLAY_NAME_CHANGED":
-            if (!state.localParticipant)
-                return state;
-            return Object.assign(Object.assign({}, state), { localParticipant: Object.assign(Object.assign({}, state.localParticipant), { displayName: action.payload.displayName }) });
-        case "SCREENSHARE_STARTED":
-            return Object.assign(Object.assign({}, state), { screenshares: addScreenshare(state.screenshares, {
-                    participantId: action.payload.participantId,
-                    id: action.payload.id,
-                    hasAudioTrack: action.payload.hasAudioTrack,
-                    stream: action.payload.stream,
-                    isLocal: action.payload.isLocal,
-                }) });
-        case "SCREENSHARE_STOPPED":
-            return Object.assign(Object.assign({}, state), { screenshares: state.screenshares.filter((ss) => ss.id !== action.payload.id) });
-        case "LOCAL_SCREENSHARE_START_ERROR":
-            return Object.assign(Object.assign({}, state), { localScreenshareStatus: undefined });
-        case "LOCAL_SCREENSHARE_STARTING":
-            return Object.assign(Object.assign({}, state), { localScreenshareStatus: "starting" });
-        case "LOCAL_SCREENSHARE_STARTED":
-            return Object.assign(Object.assign({}, state), { localScreenshareStatus: "active" });
-        case "LOCAL_SCREENSHARE_STOPPED":
-            return Object.assign(Object.assign({}, state), { localScreenshareStatus: undefined, screenshares: state.screenshares.filter((ss) => !ss.isLocal) });
-        case "LOCAL_CAMERA_ENABLED":
-            if (!state.localParticipant)
-                return state;
-            return Object.assign(Object.assign({}, state), { localParticipant: Object.assign(Object.assign({}, state.localParticipant), { isVideoEnabled: action.payload }) });
-        case "LOCAL_MICROPHONE_ENABLED":
-            if (!state.localParticipant)
-                return state;
-            return Object.assign(Object.assign({}, state), { localParticipant: Object.assign(Object.assign({}, state.localParticipant), { isAudioEnabled: action.payload }) });
-        case "STREAMING_STARTED":
-            return Object.assign(Object.assign({}, state), { liveStream: {
-                    status: action.payload.status,
-                    startedAt: action.payload.startedAt,
-                } });
-        case "STREAMING_STOPPED":
-            delete state.liveStream;
-            return Object.assign({}, state);
-        case "WAITING_PARTICIPANT_JOINED":
-            return Object.assign(Object.assign({}, state), { waitingParticipants: [
-                    ...state.waitingParticipants,
-                    { id: action.payload.participantId, displayName: action.payload.displayName },
-                ] });
-        case "WAITING_PARTICIPANT_LEFT":
-            return Object.assign(Object.assign({}, state), { waitingParticipants: state.waitingParticipants.filter((wp) => wp.id !== action.payload.participantId) });
-        default:
-            throw state;
-    }
-}
-const defaultRoomConnectionOptions = {
-    localMediaConstraints: {
-        audio: true,
-        video: true,
-    },
-};
-export function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectionOptions) {
-    const [roomConnection] = useState(() => {
-        var _a;
-        return new RoomConnection(roomUrl, Object.assign(Object.assign({}, roomConnectionOptions), { localMedia: ((_a = roomConnectionOptions === null || roomConnectionOptions === void 0 ? void 0 : roomConnectionOptions.localMedia) === null || _a === void 0 ? void 0 : _a._ref) || undefined }));
-    });
-    const [state, dispatch] = useReducer(reducer, initialState);
-    function createEventListener(eventName, listener, options) {
-        return {
-            eventName,
-            listener,
-            options,
-        };
-    }
-    const eventListeners = React.useMemo(() => [
-        createEventListener("chat_message", (e) => {
-            dispatch({ type: "CHAT_MESSAGE", payload: e.detail });
-        }),
-        createEventListener("cloud_recording_started", (e) => {
-            const { status, startedAt } = e.detail;
-            dispatch({ type: "CLOUD_RECORDING_STARTED", payload: { status, startedAt } });
-        }),
-        createEventListener("cloud_recording_stopped", () => {
-            dispatch({ type: "CLOUD_RECORDING_STOPPED" });
-        }),
-        createEventListener("local_camera_enabled", (e) => {
-            const { enabled } = e.detail;
-            dispatch({ type: "LOCAL_CAMERA_ENABLED", payload: enabled });
-        }),
-        createEventListener("local_microphone_enabled", (e) => {
-            const { enabled } = e.detail;
-            dispatch({ type: "LOCAL_MICROPHONE_ENABLED", payload: enabled });
-        }),
-        createEventListener("participant_audio_enabled", (e) => {
-            const { participantId, isAudioEnabled } = e.detail;
-            dispatch({ type: "PARTICIPANT_AUDIO_ENABLED", payload: { participantId, isAudioEnabled } });
-        }),
-        createEventListener("participant_joined", (e) => {
-            const { remoteParticipant } = e.detail;
-            dispatch({
-                type: "PARTICIPANT_JOINED",
-                payload: {
-                    paritipant: convertRemoteParticipantToRemoteParticipantState(remoteParticipant),
-                },
-            });
-        }),
-        createEventListener("participant_left", (e) => {
-            const { participantId } = e.detail;
-            dispatch({ type: "PARTICIPANT_LEFT", payload: { participantId } });
-        }),
-        createEventListener("participant_metadata_changed", (e) => {
-            const { participantId, displayName } = e.detail;
-            dispatch({ type: "PARTICIPANT_METADATA_CHANGED", payload: { participantId, displayName } });
-        }),
-        createEventListener("participant_stream_added", (e) => {
-            const { participantId, stream } = e.detail;
-            dispatch({ type: "PARTICIPANT_STREAM_ADDED", payload: { participantId, stream } });
-        }),
-        createEventListener("participant_video_enabled", (e) => {
-            const { participantId, isVideoEnabled } = e.detail;
-            dispatch({ type: "PARTICIPANT_VIDEO_ENABLED", payload: { participantId, isVideoEnabled } });
-        }),
-        createEventListener("connection_status_changed", (e) => {
-            const { connectionStatus } = e.detail;
-            dispatch({
-                type: "CONNECTION_STATUS_CHANGED",
-                payload: { connectionStatus },
-            });
-        }),
-        createEventListener("room_joined", (e) => {
-            const { localParticipant, remoteParticipants, waitingParticipants } = e.detail;
-            dispatch({
-                type: "ROOM_JOINED",
-                payload: {
-                    localParticipant,
-                    remoteParticipants: remoteParticipants.map(convertRemoteParticipantToRemoteParticipantState),
-                    waitingParticipants,
-                },
-            });
-        }),
-        createEventListener("screenshare_started", (e) => {
-            const { participantId, stream, id, hasAudioTrack, isLocal } = e.detail;
-            dispatch({
-                type: "SCREENSHARE_STARTED",
-                payload: { participantId, stream, id, hasAudioTrack, isLocal },
-            });
-        }),
-        createEventListener("screenshare_stopped", (e) => {
-            var _a;
-            const { participantId, id } = e.detail;
-            dispatch({
-                type: "SCREENSHARE_STOPPED",
-                payload: { participantId, id },
-            });
-            if (participantId === ((_a = state.localParticipant) === null || _a === void 0 ? void 0 : _a.id)) {
-                dispatch({ type: "LOCAL_SCREENSHARE_STOPPED" });
-            }
-        }),
-        createEventListener("streaming_started", (e) => {
-            const { status, startedAt } = e.detail;
-            dispatch({ type: "STREAMING_STARTED", payload: { status, startedAt } });
-        }),
-        createEventListener("streaming_stopped", () => {
-            dispatch({ type: "STREAMING_STOPPED" });
-        }),
-        createEventListener("waiting_participant_joined", (e) => {
-            const { participantId, displayName } = e.detail;
-            dispatch({
-                type: "WAITING_PARTICIPANT_JOINED",
-                payload: { participantId, displayName },
-            });
-        }),
-        createEventListener("waiting_participant_left", (e) => {
-            const { participantId } = e.detail;
-            dispatch({
-                type: "WAITING_PARTICIPANT_LEFT",
-                payload: { participantId },
-            });
-        }),
-    ], []);
-    useEffect(() => {
-        eventListeners.forEach(({ eventName, listener }) => {
-            roomConnection.addEventListener(eventName, listener);
-        });
-        roomConnection.join();
-        return () => {
-            eventListeners.forEach(({ eventName, listener }) => {
-                roomConnection.removeEventListener(eventName, listener);
-            });
-            roomConnection.leave();
-        };
-    }, []);
-    return {
-        state,
-        actions: {
-            knock: () => {
-                roomConnection.knock();
-            },
-            sendChatMessage: (text) => {
-                roomConnection.sendChatMessage(text);
-            },
-            setDisplayName: (displayName) => {
-                roomConnection.setDisplayName(displayName);
-                dispatch({ type: "LOCAL_CLIENT_DISPLAY_NAME_CHANGED", payload: { displayName } });
-            },
-            toggleCamera: (enabled) => {
-                roomConnection.localMedia.toggleCameraEnabled(enabled);
-            },
-            toggleMicrophone: (enabled) => {
-                roomConnection.localMedia.toggleMichrophoneEnabled(enabled);
-            },
-            acceptWaitingParticipant: (participantId) => {
-                roomConnection.acceptWaitingParticipant(participantId);
-            },
-            rejectWaitingParticipant: (participantId) => {
-                roomConnection.rejectWaitingParticipant(participantId);
-            },
-            startScreenshare: () => __awaiter(this, void 0, void 0, function* () {
-                dispatch({ type: "LOCAL_SCREENSHARE_STARTING" });
-                try {
-                    yield roomConnection.startScreenshare();
-                    dispatch({ type: "LOCAL_SCREENSHARE_STARTED" });
-                }
-                catch (error) {
-                    dispatch({ type: "LOCAL_SCREENSHARE_START_ERROR", payload: error });
-                }
-            }),
-            stopScreenshare: () => {
-                roomConnection.stopScreenshare();
-            },
-        },
-        components: {
-            VideoView: (props) => React.createElement(VideoView, Object.assign({}, props, {
-                onResize: ({ stream, width, height, }) => {
-                    roomConnection.updateStreamResolution({
-                        streamId: stream.id,
-                        width,
-                        height,
-                    });
-                },
-            })),
-        },
-        _ref: roomConnection,
-    };
-}

package/dist/utils/debounce.d.ts

@@ -1,9 +0,0 @@
-interface Options {
-    delay?: number;
-    edges?: boolean;
-}
-interface DebouncedFunction {
-    (...args: any[]): void;
-}
-export default function debounce(fn: DebouncedFunction, { delay, edges }?: Options): DebouncedFunction;
-export {};

package/dist/utils/debounce.js

@@ -1,20 +0,0 @@
-import assert from "assert";
-export default function debounce(fn, { delay = 500, edges } = {}) {
-    assert.ok(typeof fn === "function", "fn<function> is required");
-    let timeout;
-    let nCalls = 0;
-    return (...args) => {
-        nCalls += 1;
-        if (edges && nCalls === 1) {
-            fn(...args);
-        }
-        clearTimeout(timeout);
-        timeout = setTimeout(() => {
-            if (!edges || nCalls > 1) {
-                fn(...args);
-            }
-            timeout = undefined;
-            nCalls = 0;
-        }, delay);
-    };
-}

package/dist/utils/fakeAudioStream.d.ts

@@ -1 +0,0 @@
-export default function fakeAudioStream(): MediaStream;

package/dist/utils/fakeAudioStream.js

@@ -1,18 +0,0 @@
-export default function fakeAudioStream() {
-    const audioCtx = new AudioContext();
-    const oscillator = audioCtx.createOscillator();
-    const destination = audioCtx.createMediaStreamDestination();
-    oscillator.connect(destination);
-    oscillator.frequency.value = 400;
-    oscillator.type = "sine";
-    setInterval(() => {
-        if (oscillator.frequency.value <= 900) {
-            oscillator.frequency.value += 10;
-        }
-        else {
-            oscillator.frequency.value = 200;
-        }
-    }, 20);
-    oscillator.start();
-    return destination.stream;
-}

package/dist/utils/fakeWebcamFrame.d.ts

@@ -1 +0,0 @@
-export default function fakeWebcamFrame(canvas: HTMLCanvasElement): void;

package/dist/utils/index.js

@@ -1,2 +0,0 @@
-export { default as fakeAudioStream } from "./fakeAudioStream";
-export { default as fakeWebcamFrame } from "./fakeWebcamFrame";