@stream-io/video-react-native-sdk 1.15.0 → 1.16.0

package/src/contexts/StreamVideoContext.tsx

@@ -1,147 +0,0 @@
-import React, {
-  createContext,
-  useContext,
-  useEffect,
-  useRef,
-  useState,
-} from 'react';
-
-/**
- * Creates a Atomic store context with a provider and hooks to access the store
- * Atomic means that each value in the store updates state separately using useStoreValue hook
- * Extremely minimalistic implementation of Jotai's store context
- * @param initialState - the initial state of the store
- * @returns - {Provider, useStoreValue, useStoreSetState}
- */
-function createStoreContext<StoreType extends object>(initialState: StoreType) {
-  type SetStateFuncType = (
-    partialStateOrFunc:
-      | Partial<StoreType>
-      | ((prevState: StoreType) => Partial<StoreType>),
-  ) => void;
-
-  // returns unsubscribe function
-  type SubscribeFunc = (callback: () => void) => () => void;
-
-  function useStoreData(): {
-    getSnapshot: () => StoreType;
-    setState: SetStateFuncType;
-    subscribe: SubscribeFunc;
-  } {
-    const storeRef = useRef<StoreType>(initialState);
-
-    const getSnapshot = useRef(() => storeRef.current).current;
-
-    const subscribersRef = useRef<(() => void)[]>([]);
-
-    const setState = useRef<SetStateFuncType>((partialStateOrFunc) => {
-      if (typeof partialStateOrFunc === 'function') {
-        const value = partialStateOrFunc(storeRef.current);
-        storeRef.current = {
-          ...storeRef.current,
-          ...value,
-        };
-      } else {
-        storeRef.current = { ...storeRef.current, ...partialStateOrFunc };
-      }
-      subscribersRef.current.forEach((callback) => callback());
-    }).current;
-
-    const subscribe = useRef((callback: () => void) => {
-      subscribersRef.current.push(callback);
-      return () => subscribersRef.current.filter((cb) => cb !== callback);
-    }).current;
-
-    return {
-      getSnapshot,
-      setState,
-      subscribe,
-    };
-  }
-
-  type HookReturnType = ReturnType<typeof useStoreData>;
-
-  const StoreContext = createContext<HookReturnType | null>(null);
-
-  function Provider(props: React.PropsWithChildren<{}>) {
-    const value = useStoreData();
-    return (
-      <StoreContext.Provider value={value}>
-        {props.children}
-      </StoreContext.Provider>
-    );
-  }
-
-  /**
-   * @param selector
-   * @returns
-   *
-   * @category Client State
-   */
-  function useStoreValue<SelectorOutput extends StoreType[keyof StoreType]>(
-    selector: (store: StoreType) => SelectorOutput,
-  ): SelectorOutput {
-    const store = useContext(StoreContext);
-    if (!store) {
-      throw new Error('Store not found');
-    }
-
-    const [state, setState] = useState(selector(store.getSnapshot()));
-    useEffect(
-      () => store.subscribe(() => setState(selector(store.getSnapshot()))),
-      [selector, store],
-    );
-
-    return state;
-  }
-
-  /**
-   *
-   * @returns
-   *
-   * @category Client State
-   */
-  function useStoreSetState() {
-    const store = useContext(StoreContext);
-    if (!store) {
-      throw new Error('Store not found');
-    }
-    return store.setState;
-  }
-
-  return {
-    Provider,
-    useStoreValue,
-    useStoreSetState,
-  };
-}
-
-export type MediaDeviceInfo = {
-  deviceId: string;
-  facing?: 'environment' | 'front';
-  groupId: string;
-  kind: 'videoinput' | 'audioinput';
-  label: string;
-};
-
-/**
- * Exclude types from documentation site, but we should still add doc comments
- * @internal
- */
-export interface SDKStreamVideoStore {
-  currentAudioDevice?: MediaDeviceInfo;
-  currentVideoDevice?: MediaDeviceInfo;
-  audioDevices: MediaDeviceInfo[];
-  videoDevices: MediaDeviceInfo[];
-}
-
-export const {
-  Provider: StreamVideoStoreProvider,
-  useStoreValue: useStreamVideoStoreValue,
-  useStoreSetState: useStreamVideoStoreSetState,
-} = createStoreContext<SDKStreamVideoStore>({
-  videoDevices: [],
-  audioDevices: [],
-  currentVideoDevice: undefined,
-  currentAudioDevice: undefined,
-});

package/src/hooks/internal/useCallMediaStreamCleanup.ts

@@ -1,38 +0,0 @@
-import {
-  CallingState,
-  disposeOfMediaStream,
-  getLogger,
-} from '@stream-io/video-client';
-import { useCall } from '@stream-io/video-react-bindings';
-import { useEffect, useRef } from 'react';
-
-/**
- * This hook is meant to be used in Lobby view or equivalent.
- * It will cleanup the media stream on unmount if call is not meant to be joined.
- */
-export const useCallMediaStreamCleanup = () => {
-  const call = useCall();
-  // keeping a reference of call to handle cleanup media stream only on unmount
-  const callRef = useRef(call);
-  callRef.current = call;
-
-  useEffect(() => {
-    return () => {
-      const mediaStream = callRef.current?.camera.state.mediaStream;
-      if (
-        mediaStream &&
-        !(
-          callRef.current?.state.callingState === CallingState.JOINED ||
-          callRef.current?.state.callingState === CallingState.JOINING
-        )
-      ) {
-        getLogger(['useCallMediaStreamCleanup'])(
-          'debug',
-          'Cleaning up camera media stream',
-        );
-        // we cleanup media stream only if call is not joined or joining
-        disposeOfMediaStream(mediaStream);
-      }
-    };
-  }, []);
-};

package/src/hooks/useApplyDefaultMediaStreamSettings.tsx

@@ -1,42 +0,0 @@
-import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
-import { useEffect, useMemo } from 'react';
-
-/**
- * Hook when used applies the default call media stream audio/video settings.
- */
-export const useApplyDefaultMediaStreamSettings = () => {
-  const { useCallSettings } = useCallStateHooks();
-  const settings = useCallSettings();
-  const call = useCall();
-
-  /*
-   * This is the object is used to track the initial audio/video enablement
-   * Uses backend settings or the Prop to set initial audio/video enabled
-   * Backend settings is applied only if the prop was undefined -- meaning user did not provide any value
-   * Memoization is needed to avoid unnecessary useEffect triggers
-   */
-  const { initialAudioEnabled, initialVideoEnabled } = useMemo(() => {
-    return {
-      initialAudioEnabled: settings?.audio.mic_default_on,
-      initialVideoEnabled: settings?.video.camera_default_on,
-    };
-  }, [settings?.audio.mic_default_on, settings?.video.camera_default_on]);
-
-  useEffect(() => {
-    if (initialAudioEnabled !== undefined) {
-      if (initialAudioEnabled) {
-        call?.microphone.enable();
-      } else {
-        call?.microphone.disable();
-      }
-    }
-
-    if (initialVideoEnabled !== undefined) {
-      if (initialVideoEnabled) {
-        call?.camera.enable();
-      } else {
-        call?.camera.disable();
-      }
-    }
-  }, [call, initialAudioEnabled, initialVideoEnabled]);
-};