211 lines
7.4 KiB
TypeScript
211 lines
7.4 KiB
TypeScript
/*
|
|
Copyright 2025 New Vector Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE in the repository root for full details.
|
|
*/
|
|
|
|
// import { type InitResult } from "../src/ClientContext";
|
|
import { map, type Observable, of, Subject, switchMap } from "rxjs";
|
|
import { MatrixRTCSessionEvent } from "matrix-js-sdk/lib/matrixrtc";
|
|
import { type TextStreamInfo } from "livekit-client/dist/src/room/types";
|
|
import {
|
|
type Room as LivekitRoom,
|
|
type TextStreamReader,
|
|
} from "livekit-client";
|
|
|
|
import { type Behavior, constant } from "../src/state/Behavior";
|
|
import { createCallViewModel$ } from "../src/state/CallViewModel/CallViewModel";
|
|
import { ObservableScope } from "../src/state/ObservableScope";
|
|
import { getUrlParams } from "../src/UrlParams";
|
|
import { MuteStates } from "../src/state/MuteStates";
|
|
import { MediaDevices } from "../src/state/MediaDevices";
|
|
import { E2eeType } from "../src/e2ee/e2eeType";
|
|
import { type LocalMemberConnectionState } from "../src/state/CallViewModel/localMember/LocalMembership";
|
|
import {
|
|
currentAndPrev,
|
|
logger,
|
|
TEXT_LK_TOPIC,
|
|
tryMakeSticky,
|
|
widget,
|
|
} from "./helper";
|
|
import { ElementWidgetActions } from "../src/widget";
|
|
|
|
interface MatrixRTCSdk {
|
|
join: () => LocalMemberConnectionState;
|
|
/** @throws on leave errors */
|
|
leave: () => void;
|
|
data$: Observable<{ sender: string; data: string }>;
|
|
sendData?: (data: Record<string, unknown>) => Promise<void>;
|
|
}
|
|
export async function createMatrixRTCSdk(): Promise<MatrixRTCSdk> {
|
|
logger.info("Hello");
|
|
const client = await widget.client;
|
|
logger.info("client created");
|
|
const scope = new ObservableScope();
|
|
const { roomId } = getUrlParams();
|
|
if (roomId === null) throw Error("could not get roomId from url params");
|
|
|
|
const room = client.getRoom(roomId);
|
|
if (room === null) throw Error("could not get room from client");
|
|
|
|
const mediaDevices = new MediaDevices(scope);
|
|
const muteStates = new MuteStates(scope, mediaDevices, constant(true));
|
|
const rtcSession = client.matrixRTC.getRoomSession(room);
|
|
const callViewModel = createCallViewModel$(
|
|
scope,
|
|
rtcSession,
|
|
room,
|
|
mediaDevices,
|
|
muteStates,
|
|
{ encryptionSystem: { kind: E2eeType.PER_PARTICIPANT } },
|
|
of({}),
|
|
of({}),
|
|
constant({ supported: false, processor: undefined }),
|
|
);
|
|
logger.info("CallViewModelCreated");
|
|
// create data listener
|
|
const data$ = new Subject<{ sender: string; data: string }>();
|
|
|
|
// const lkTextStreamHandlerFunction = async (
|
|
// reader: TextStreamReader,
|
|
// participantInfo: { identity: string },
|
|
// livekitRoom: LivekitRoom,
|
|
// ): Promise<void> => {
|
|
// const info = reader.info;
|
|
// console.log(
|
|
// `Received text stream from ${participantInfo.identity}\n` +
|
|
// ` Topic: ${info.topic}\n` +
|
|
// ` Timestamp: ${info.timestamp}\n` +
|
|
// ` ID: ${info.id}\n` +
|
|
// ` Size: ${info.size}`, // Optional, only available if the stream was sent with `sendText`
|
|
// );
|
|
|
|
// const participants = callViewModel.livekitRoomItems$.value.find(
|
|
// (i) => i.livekitRoom === livekitRoom,
|
|
// )?.participants;
|
|
// if (participants && participants.includes(participantInfo.identity)) {
|
|
// const text = await reader.readAll();
|
|
// console.log(`Received text: ${text}`);
|
|
// data$.next({ sender: participantInfo.identity, data: text });
|
|
// } else {
|
|
// logger.warn(
|
|
// "Received text from unknown participant",
|
|
// participantInfo.identity,
|
|
// );
|
|
// }
|
|
// };
|
|
|
|
// const livekitRoomItemsSub = callViewModel.livekitRoomItems$
|
|
// .pipe(currentAndPrev)
|
|
// .subscribe({
|
|
// next: ({ prev, current }) => {
|
|
// const prevRooms = prev.map((i) => i.livekitRoom);
|
|
// const currentRooms = current.map((i) => i.livekitRoom);
|
|
// const addedRooms = currentRooms.filter((r) => !prevRooms.includes(r));
|
|
// const removedRooms = prevRooms.filter((r) => !currentRooms.includes(r));
|
|
// addedRooms.forEach((r) =>
|
|
// r.registerTextStreamHandler(
|
|
// TEXT_LK_TOPIC,
|
|
// (reader, participantInfo) =>
|
|
// void lkTextStreamHandlerFunction(reader, participantInfo, r),
|
|
// ),
|
|
// );
|
|
// removedRooms.forEach((r) =>
|
|
// r.unregisterTextStreamHandler(TEXT_LK_TOPIC),
|
|
// );
|
|
// },
|
|
// complete: () => {
|
|
// logger.info("Livekit room items subscription completed");
|
|
// for (const item of callViewModel.livekitRoomItems$.value) {
|
|
// logger.info("unregistering room item from room", item.url);
|
|
// item.livekitRoom.unregisterTextStreamHandler(TEXT_LK_TOPIC);
|
|
// }
|
|
// },
|
|
// });
|
|
|
|
// create sendData function
|
|
// const sendFn: Behavior<(data: string) => Promise<TextStreamInfo>> =
|
|
// scope.behavior(
|
|
// callViewModel.localMatrixLivekitMember$.pipe(
|
|
// switchMap((m) => {
|
|
// if (!m)
|
|
// return of((data: string): never => {
|
|
// throw Error("local membership not yet ready.");
|
|
// });
|
|
// return m.participant$.pipe(
|
|
// map((p) => {
|
|
// if (p === null) {
|
|
// return (data: string): never => {
|
|
// throw Error("local participant not yet ready to send data.");
|
|
// };
|
|
// } else {
|
|
// return async (data: string): Promise<TextStreamInfo> =>
|
|
// p.sendText(data, { topic: TEXT_LK_TOPIC });
|
|
// }
|
|
// }),
|
|
// );
|
|
// }),
|
|
// ),
|
|
// );
|
|
|
|
// const sendData = async (data: Record<string, unknown>): Promise<void> => {
|
|
// const dataString = JSON.stringify(data);
|
|
// try {
|
|
// const info = await sendFn.value(dataString);
|
|
// logger.info(`Sent text with stream ID: ${info.id}`);
|
|
// } catch (e) {
|
|
// console.error("failed sending: ", dataString, e);
|
|
// }
|
|
// };
|
|
|
|
// after hangup gets called
|
|
const leaveSubs = callViewModel.leave$.subscribe(() => {
|
|
const scheduleWidgetCloseOnLeave = async (): Promise<void> => {
|
|
const leaveResolver = Promise.withResolvers<void>();
|
|
logger.info("waiting for RTC leave");
|
|
rtcSession.on(MatrixRTCSessionEvent.JoinStateChanged, (isJoined) => {
|
|
logger.info("received RTC join update: ", isJoined);
|
|
if (!isJoined) leaveResolver.resolve();
|
|
});
|
|
await leaveResolver.promise;
|
|
logger.info("send Unstick");
|
|
await widget.api
|
|
.setAlwaysOnScreen(false)
|
|
.catch((e) =>
|
|
logger.error(
|
|
"Failed to set call widget `alwaysOnScreen` to false",
|
|
e,
|
|
),
|
|
);
|
|
logger.info("send Close");
|
|
await widget.api.transport
|
|
.send(ElementWidgetActions.Close, {})
|
|
.catch((e) => logger.error("Failed to send close action", e));
|
|
};
|
|
|
|
// schedule close first and then leave (scope.end)
|
|
void scheduleWidgetCloseOnLeave();
|
|
|
|
// actual hangup (ending scope will send the leave event.. its kinda odd. since you might end up closing the widget too fast)
|
|
scope.end();
|
|
});
|
|
|
|
logger.info("createMatrixRTCSdk done");
|
|
|
|
return {
|
|
join: (): LocalMemberConnectionState => {
|
|
// first lets try making the widget sticky
|
|
tryMakeSticky();
|
|
return callViewModel.join();
|
|
},
|
|
leave: (): void => {
|
|
callViewModel.hangup();
|
|
leaveSubs.unsubscribe();
|
|
// livekitRoomItemsSub.unsubscribe();
|
|
},
|
|
data$,
|
|
// sendData,
|
|
};
|
|
}
|