@stream-io/video-client 0.2.2 → 0.3.0

package/src/events/__tests__/members.test.ts

@@ -1,135 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { MemberResponse } from '../../gen/coordinator';
-import { CallState } from '../../store';
-import {
-  watchCallMemberAdded,
-  watchCallMemberRemoved,
-  watchCallMemberUpdated,
-  watchCallMemberUpdatedPermission,
-} from '../members';
-import { StreamVideoEvent } from '../../coordinator/connection/types';
-
-describe('member events', () => {
-  it('handles call.member_added events', () => {
-    const state = new CallState();
-    const initialMembers: MemberResponse[] = [
-      {
-        user_id: 'user0',
-      } as MemberResponse,
-    ];
-    state.setMembers(initialMembers);
-    const handler = watchCallMemberAdded(state);
-    handler({
-      type: 'call.member_added',
-      members: [
-        { user_id: 'user1' } as MemberResponse,
-        { user_id: 'user2' } as MemberResponse,
-      ],
-    } as StreamVideoEvent);
-
-    const updatedMembers = state.members;
-    updatedMembers.forEach((member, index) =>
-      expect(member.user_id).toBe(`user${index}`),
-    );
-  });
-
-  it('handles call.member_removed events', () => {
-    const state = new CallState();
-    const initialMembers: MemberResponse[] = [
-      {
-        user_id: 'user0',
-      } as MemberResponse,
-      {
-        user_id: 'user1',
-      } as MemberResponse,
-      {
-        user_id: 'user2',
-      } as MemberResponse,
-    ];
-    state.setMembers(initialMembers);
-    const removedMembers = ['user1'];
-    const handler = watchCallMemberRemoved(state);
-    handler({
-      type: 'call.member_removed',
-      members: removedMembers,
-    } as StreamVideoEvent);
-
-    const updatedMembers = state.members;
-    expect(updatedMembers[0].user_id).toBe('user0');
-    expect(updatedMembers[1].user_id).toBe('user2');
-    expect(updatedMembers.length).toBe(
-      initialMembers.length - removedMembers.length,
-    );
-  });
-
-  it('handles call.member_updated_permission events', () => {
-    const state = new CallState();
-    const user0 = {
-      user_id: 'user0',
-      user: {
-        role: 'viewer',
-      },
-    } as MemberResponse;
-    const user1 = {
-      user_id: 'user1',
-      user: {
-        role: 'host',
-      },
-    } as MemberResponse;
-    const user2 = {
-      user_id: 'user2',
-      user: {
-        role: 'viewer',
-      },
-    } as MemberResponse;
-    const initialMembers: MemberResponse[] = [user0, user1, user2];
-    state.setMembers(initialMembers);
-    const handler = watchCallMemberUpdatedPermission(state);
-    handler({
-      type: 'call.member_updated_permission',
-      members: [
-        { ...user1, role: 'viewer' },
-        { ...user0, role: 'host' },
-      ],
-    } as StreamVideoEvent);
-
-    const updatedMembers = state.members;
-    expect(updatedMembers[0].user.role).toBe('host');
-    expect(updatedMembers[1].user.role).toBe('viewer');
-    expect(updatedMembers[2].user.role).toBe('viewer');
-  });
-
-  it('handles call.member_updated events', () => {
-    const state = new CallState();
-    const user0 = {
-      user_id: 'user0',
-      user: {
-        name: 'Jane',
-      },
-    } as MemberResponse;
-    const user1 = {
-      user_id: 'user1',
-      user: {
-        name: 'Jack',
-      },
-    } as MemberResponse;
-    const user2 = {
-      user_id: 'user2',
-      user: {
-        name: 'Adam',
-      },
-    } as MemberResponse;
-    const initialMembers: MemberResponse[] = [user0, user1, user2];
-    state.setMembers(initialMembers);
-    const handler = watchCallMemberUpdated(state);
-    handler({
-      type: 'call.member_updated',
-      members: [{ ...user1, user: { name: 'John' } }],
-    } as StreamVideoEvent);
-
-    const updatedMembers = state.members;
-    expect(updatedMembers[0].user.name).toBe('Jane');
-    expect(updatedMembers[1].user.name).toBe('John');
-    expect(updatedMembers[2].user.name).toBe('Adam');
-  });
-});

package/src/events/__tests__/recording.test.ts

@@ -1,65 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { CallState } from '../../store';
-import {
-  watchCallBroadcastingStarted,
-  watchCallBroadcastingStopped,
-  watchCallRecordingStarted,
-  watchCallRecordingStopped,
-} from '../recording';
-
-describe('recording and broadcasting events', () => {
-  it('handles call.recording_started events', () => {
-    const state = new CallState();
-    const handler = watchCallRecordingStarted(state);
-    // @ts-ignore
-    handler({
-      type: 'call.recording_started',
-    });
-    expect(state.metadata?.recording).toBe(true);
-  });
-
-  it('handles call.recording_stopped events', () => {
-    const state = new CallState();
-    const handler = watchCallRecordingStopped(state);
-    // @ts-ignore
-    handler({
-      type: 'call.recording_stopped',
-    });
-    expect(state.metadata?.recording).toBe(false);
-  });
-
-  it('handles call.broadcasting_started events', () => {
-    const state = new CallState();
-    state.setMetadata({
-      // @ts-ignore
-      egress: {
-        broadcasting: false,
-        hls: {
-          playlist_url: '',
-        },
-      },
-    });
-    const handler = watchCallBroadcastingStarted(state);
-    // @ts-ignore
-    handler({
-      type: 'call.broadcasting_started',
-      hls_playlist_url: 'https://example.com/playlist.m3u8',
-    });
-    expect(state.metadata?.egress.broadcasting).toBe(true);
-    expect(state.metadata?.egress.hls?.playlist_url).toBe(
-      'https://example.com/playlist.m3u8',
-    );
-  });
-
-  it('handles call.broadcasting_stopped events', () => {
-    const state = new CallState();
-    // @ts-ignore
-    state.setMetadata({});
-    const handler = watchCallBroadcastingStopped(state);
-    // @ts-ignore
-    handler({
-      type: 'call.broadcasting_stopped',
-    });
-    expect(state.metadata?.egress.broadcasting).toBe(false);
-  });
-});

package/src/events/__tests__/sessions.test.ts

@@ -1,135 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import {
-  watchCallSessionEnded,
-  watchCallSessionParticipantJoined,
-  watchCallSessionParticipantLeft,
-  watchCallSessionStarted,
-} from '../sessions';
-import { CallState } from '../../store';
-
-describe('call.session events', () => {
-  it('should update the call metadata when a session starts', () => {
-    const state = new CallState();
-    const handler = watchCallSessionStarted(state);
-    handler({
-      type: 'call.session_started',
-      call: {
-        cid: 'cid',
-        // @ts-ignore
-        session: {
-          id: 'session-id',
-        },
-      },
-    });
-
-    expect(state.metadata).toEqual({
-      cid: 'cid',
-      session: {
-        id: 'session-id',
-      },
-    });
-  });
-
-  it('should update the call metadata when a session ends', () => {
-    const state = new CallState();
-    const handler = watchCallSessionEnded(state);
-    handler({
-      type: 'call.session_ended',
-      call: {
-        cid: 'cid',
-        // @ts-ignore
-        session: {
-          id: 'session-id',
-        },
-      },
-    });
-    expect(state.metadata).toEqual({
-      cid: 'cid',
-      session: {
-        id: 'session-id',
-      },
-    });
-  });
-
-  it('should update the call metadata when a participant joins', () => {
-    const state = new CallState();
-    state.setMetadata({
-      // @ts-ignore
-      session: {
-        participants: [],
-        participants_count_by_role: {},
-      },
-    });
-    const handler = watchCallSessionParticipantJoined(state);
-    handler({
-      type: 'call.session_participant_joined',
-      participant: {
-        // @ts-ignore
-        user: {
-          id: 'user-id',
-          role: 'user',
-        },
-        user_session_id: '123',
-      },
-    });
-    expect(state.metadata).toEqual({
-      session: {
-        participants: [
-          {
-            user: {
-              id: 'user-id',
-              role: 'user',
-            },
-            user_session_id: '123',
-          },
-        ],
-        participants_count_by_role: {
-          user: 1,
-        },
-      },
-    });
-  });
-
-  it('should update the call metadata when a participant leaves', () => {
-    const state = new CallState();
-    state.setMetadata({
-      // @ts-ignore
-      session: {
-        participants: [
-          {
-            joined_at: '2021-01-01T00:00:00.000Z',
-            // @ts-ignore
-            user: {
-              id: 'user-id',
-              role: 'user',
-            },
-            user_session_id: '123',
-          },
-        ],
-        participants_count_by_role: {
-          user: 1,
-        },
-      },
-    });
-    const handler = watchCallSessionParticipantLeft(state);
-    handler({
-      type: 'call.session_participant_left',
-      participant: {
-        // @ts-ignore
-        user: {
-          id: 'user-id',
-          role: 'user',
-        },
-        user_session_id: '123',
-      },
-    });
-    expect(state.metadata).toEqual({
-      session: {
-        participants: [],
-        participants_count_by_role: {
-          user: 0,
-        },
-      },
-    });
-  });
-});

package/src/events/backstage.ts

@@ -1,15 +0,0 @@
-import { StreamVideoEvent } from '../coordinator/connection/types';
-import { CallState } from '../store';
-
-/**
- * Watches for `call.live_started` events.
- */
-export const watchCallLiveStarted = (state: CallState) => {
-  return function onCallLiveStarted(event: StreamVideoEvent) {
-    if (event.type !== 'call.live_started') return;
-    state.setMetadata((metadata) => ({
-      ...metadata!,
-      backstage: false,
-    }));
-  };
-};

package/src/events/members.ts

@@ -1,62 +0,0 @@
-import { StreamVideoEvent } from '../coordinator/connection/types';
-import { CallState } from '../store';
-
-/**
- * Watches for `call.member_added` events.
- */
-export const watchCallMemberAdded = (state: CallState) => {
-  return function onCallMemberAdded(event: StreamVideoEvent) {
-    if (event.type !== 'call.member_added') return;
-    state.setMembers((members) => [...members, ...event.members]);
-  };
-};
-
-/**
- * Watches for `call.member_removed` events.
- */
-export const watchCallMemberRemoved = (state: CallState) => {
-  return function onCallMemberRemoved(event: StreamVideoEvent) {
-    if (event.type !== 'call.member_removed') return;
-    state.setMembers((members) =>
-      members.filter((m) => event.members.indexOf(m.user_id) === -1),
-    );
-  };
-};
-
-/**
- * Watches for `call.member_updated_permission` events.
- */
-export const watchCallMemberUpdatedPermission = (state: CallState) => {
-  return function onCallMemberUpdated(event: StreamVideoEvent) {
-    if (event.type !== 'call.member_updated_permission') return;
-    state.setMembers((members) =>
-      members.map((member) => {
-        const memberUpdate = event.members.find(
-          (m) => m.user_id === member.user_id,
-        );
-        if (memberUpdate) {
-          member.user.role = memberUpdate.role!;
-          member = { ...member };
-        }
-        return member;
-      }),
-    );
-  };
-};
-
-/**
- * Watches for `call.member_updated` events.
- */
-export const watchCallMemberUpdated = (state: CallState) => {
-  return function onCallMemberUpdated(event: StreamVideoEvent) {
-    if (event.type !== 'call.member_updated') return;
-    state.setMembers((members) =>
-      members.map((member) => {
-        const memberUpdate = event.members.find(
-          (m) => m.user_id === member.user_id,
-        );
-        return memberUpdate ? memberUpdate : member;
-      }),
-    );
-  };
-};

package/src/events/moderation.ts

@@ -1,35 +0,0 @@
-import { StreamVideoEvent } from '../coordinator/connection/types';
-import { CallState } from '../store';
-
-/**
- * Event handler that watches for `call.blocked_user` events,
- * updates the call store `blocked_user_ids` property by adding
- * `event.user_id` to the list
- */
-export const watchBlockedUser =
-  (state: CallState) => (event: StreamVideoEvent) => {
-    if (event.type !== 'call.blocked_user') return;
-    state.setMetadata((metadata) => ({
-      ...metadata!,
-      blocked_user_ids: [...(metadata?.blocked_user_ids || []), event.user.id],
-    }));
-  };
-
-/**
- * Event handler that watches for `call.unblocked_user` events,
- * updates the call store `blocked_user_ids` property by
- * removing `event.user_id` from the list
- */
-export const watchUnblockedUser =
-  (state: CallState) => (event: StreamVideoEvent) => {
-    if (event.type !== 'call.unblocked_user') return;
-    state.setMetadata((metadata) => {
-      const blocked_user_ids = (metadata?.blocked_user_ids || []).filter(
-        (userId) => event.user.id !== userId,
-      );
-      return {
-        ...metadata!,
-        blocked_user_ids,
-      };
-    });
-  };

package/src/events/reactions.ts

@@ -1,30 +0,0 @@
-import { StreamVideoEvent } from '../coordinator/connection/types';
-import { CallState } from '../store';
-
-/**
- * Watches the delivery of CallReactionEvent.
- *
- * @param state the state store to update.
- */
-export const watchNewReactions = (state: CallState) => {
-  return function onNewReactions(event: StreamVideoEvent) {
-    if (event.type !== 'call.reaction_new') return;
-    const { reaction } = event;
-    const { user, custom, type, emoji_code } = reaction;
-    state.setParticipants((participants) => {
-      return participants.map((p) => {
-        // skip if the reaction is not for this participant
-        if (p.userId !== user.id) return p;
-        // update the participant with the new reaction
-        return {
-          ...p,
-          reaction: {
-            type,
-            emoji_code,
-            custom,
-          },
-        };
-      });
-    });
-  };
-};

package/src/events/recording.ts

@@ -1,64 +0,0 @@
-import { CallState } from '../store';
-import { StreamVideoEvent } from '../coordinator/connection/types';
-
-/**
- * Watches for `call.recording_started` events.
- */
-export const watchCallRecordingStarted = (state: CallState) => {
-  return function onCallRecordingStarted(event: StreamVideoEvent) {
-    if (event.type !== 'call.recording_started') return;
-    state.setMetadata((metadata) => ({
-      ...metadata!,
-      recording: true,
-    }));
-  };
-};
-
-/**
- * Watches for `call.recording_stopped` events.
- */
-export const watchCallRecordingStopped = (state: CallState) => {
-  return function onCallRecordingStopped(event: StreamVideoEvent) {
-    if (event.type !== 'call.recording_stopped') return;
-    state.setMetadata((metadata) => ({
-      ...metadata!,
-      recording: false,
-    }));
-  };
-};
-
-/**
- * Watches for `call.broadcasting_started` events.
- */
-export const watchCallBroadcastingStarted = (state: CallState) => {
-  return function onCallBroadcastingStarted(event: StreamVideoEvent) {
-    if (event.type !== 'call.broadcasting_started') return;
-    state.setMetadata((metadata) => ({
-      ...metadata!,
-      egress: {
-        ...metadata!.egress,
-        broadcasting: true,
-        hls: {
-          ...metadata!.egress.hls,
-          playlist_url: event.hls_playlist_url,
-        },
-      },
-    }));
-  };
-};
-
-/**
- * Watches for `call.broadcasting_stopped` events.
- */
-export const watchCallBroadcastingStopped = (state: CallState) => {
-  return function onCallBroadcastingStopped(event: StreamVideoEvent) {
-    if (event.type !== 'call.broadcasting_stopped') return;
-    state.setMetadata((metadata) => ({
-      ...metadata!,
-      egress: {
-        ...metadata!.egress,
-        broadcasting: false,
-      },
-    }));
-  };
-};

package/src/events/sessions.ts

@@ -1,102 +0,0 @@
-import { CallState } from '../store';
-import { StreamVideoEvent } from '../coordinator/connection/types';
-
-/**
- * Watch for call.session_started events and update the call metadata.
- *
- * @param state the call state.
- */
-export const watchCallSessionStarted = (state: CallState) => {
-  return function onCallSessionStarted(event: StreamVideoEvent) {
-    if (event.type !== 'call.session_started') return;
-    state.setMetadata(event.call);
-  };
-};
-
-/**
- * Watch for call.session_ended events and update the call metadata.
- *
- * @param state the call state.
- */
-export const watchCallSessionEnded = (state: CallState) => {
-  return function onCallSessionEnded(event: StreamVideoEvent) {
-    if (event.type !== 'call.session_ended') return;
-    state.setMetadata(event.call);
-  };
-};
-
-/**
- * Watch for call.session_participant_joined events and update the call metadata.
- *
- * @param state the call state.
- */
-export const watchCallSessionParticipantJoined = (state: CallState) => {
-  return function onCallParticipantJoined(event: StreamVideoEvent) {
-    if (event.type !== 'call.session_participant_joined') return;
-    const { participant } = event;
-    state.setMetadata((metadata) => {
-      if (!metadata || !metadata.session) {
-        state.logger(
-          'warn',
-          `Received call.session_participant_joined event but the metadata structure is invalid.`,
-          event,
-        );
-        return metadata;
-      }
-      const { session } = metadata;
-      const { participants, participants_count_by_role } = session;
-      const { user } = participant;
-      return {
-        ...metadata,
-        session: {
-          ...session,
-          participants: [...participants, participant],
-          participants_count_by_role: {
-            ...participants_count_by_role,
-            [user.role]: (participants_count_by_role[user.role] || 0) + 1,
-          },
-        },
-      };
-    });
-  };
-};
-
-/**
- * Watch for call.session_participant_left events and update the call metadata.
- *
- * @param state the call state.
- */
-export const watchCallSessionParticipantLeft = (state: CallState) => {
-  return function onCallParticipantLeft(event: StreamVideoEvent) {
-    if (event.type !== 'call.session_participant_left') return;
-    const { user, user_session_id } = event.participant;
-    state.setMetadata((metadata) => {
-      if (!metadata || !metadata.session) {
-        state.logger(
-          'warn',
-          `Received call.session_participant_left event but the metadata structure is invalid.`,
-          event,
-        );
-        return metadata;
-      }
-      const { session } = metadata;
-      const { participants, participants_count_by_role } = session;
-      return {
-        ...metadata,
-        session: {
-          ...session,
-          participants: participants.filter(
-            (p) => p.user_session_id !== user_session_id,
-          ),
-          participants_count_by_role: {
-            ...participants_count_by_role,
-            [user.role]: Math.max(
-              0,
-              (participants_count_by_role[user.role] || 0) - 1,
-            ),
-          },
-        },
-      };
-    });
-  };
-};