Livestream module (#489)

Author: anna1901

examples/video-player/App.tsx

@@ -4,10 +4,8 @@ import { setStatusBarHidden } from 'expo-status-bar';
 import { setVisibilityAsync } from 'expo-navigation-bar';
 import { useDeviceOrientation } from './hooks/useDeviceOrientation';
 import FishjamPlayer from './components/FishjamPlayer';
-import {
-  useLivestreamViewer,
-  useSandbox,
-} from '@fishjam-cloud/react-native-client';
+import { useSandbox } from '@fishjam-cloud/react-native-client';
+import { useLivestreamViewer } from '@fishjam-cloud/react-native-client/livestream';
 
 const roomName = 'test';
 

examples/video-player/components/FishjamPlayer.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { LivestreamViewer } from '@fishjam-cloud/react-native-client';
+import { LivestreamViewer } from '@fishjam-cloud/react-native-client/livestream';
 
 interface FishjamPlayerProps {
   isLandscape: boolean;

internal/fishjam-chat/screens/LivestreamScreen/LivestreamStreamerScreen.tsx

@@ -1,10 +1,12 @@
 import {
-  LivestreamStreamer,
-  useLivestreamStreamer,
   useSandbox,
   cameras,
   WhipClient,
 } from '@fishjam-cloud/react-native-client';
+import {
+  LivestreamStreamer,
+  useLivestreamStreamer,
+} from '@fishjam-cloud/react-native-client/livestream';
 import type { NativeStackScreenProps } from '@react-navigation/native-stack';
 import React, { useCallback, useEffect } from 'react';
 import {

internal/fishjam-chat/screens/LivestreamScreen/LivestreamViewerScreen.tsx

@@ -1,8 +1,8 @@
+import { useSandbox } from '@fishjam-cloud/react-native-client';
 import {
   LivestreamViewer,
   useLivestreamViewer,
-  useSandbox,
-} from '@fishjam-cloud/react-native-client';
+} from '@fishjam-cloud/react-native-client/livestream';
 import type { NativeStackScreenProps } from '@react-navigation/native-stack';
 import React, { useCallback, useEffect } from 'react';
 import { SafeAreaView, StyleSheet, View } from 'react-native';

packages/react-native-client/livestream/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "../build/livestream/index.js",
+  "types": "../build/livestream/index.d.ts"
+}

packages/react-native-client/package.json

@@ -86,6 +86,7 @@
   "files": [
     "build/**",
     "debug",
+    "livestream",
     "android/build.gradle",
     "android/src/**",
     "ios/**/*.swift",

packages/react-native-client/src/index.tsx

@@ -17,15 +17,9 @@ export { updatePeerMetadata } from './common/metadata';
 // #region components
 export type { VideoPreviewViewProps } from './components/VideoPreviewView';
 export type { VideoRendererProps } from './components/VideoRendererView';
-export type {
-  LivestreamViewerProps,
-  LivestreamViewerRef,
-} from './components/LivestreamViewer';
 
 export { VideoPreviewView } from './components/VideoPreviewView';
 export { VideoRendererView } from './components/VideoRendererView';
-export { LivestreamViewer } from './components/LivestreamViewer';
-export { LivestreamStreamer } from './components/LivestreamStreamer';
 // #endregion
 
 // #region types for hooks
@@ -73,11 +67,7 @@ export type {
   ConnectionConfig,
 } from './hooks/useConnection';
 export type { AppScreenShareData } from './hooks/useAppScreenShare';
-export type { useLivestreamViewerResult } from './hooks/useLivestreamViewer';
-export type { useLivestreamStreamerResult } from './hooks/useLivestreamStreamer';
 export type { UseSandboxProps } from './hooks/useSandbox';
-export type { LivestreamStreamerProps } from './components/LivestreamStreamer';
-export type { ConnectViewerConfig } from './hooks/useLivestreamViewer';
 // #endregion
 
 // #region hooks
@@ -93,8 +83,6 @@ export { usePeers } from './hooks/usePeers';
 export { useForegroundService } from './hooks/useForegroundService';
 export { useConnection } from './hooks/useConnection';
 export { useUpdatePeerMetadata } from './hooks/useUpdatePeerMetadata';
-export { useLivestreamViewer } from './hooks/useLivestreamViewer';
-export { useLivestreamStreamer } from './hooks/useLivestreamStreamer';
 export { useSandbox } from './hooks/useSandbox';
 export {
   cameras,

…nt/src/components/LivestreamStreamer.tsx …stream/components/LivestreamStreamer.tsxpackages/react-native-client/src/components/LivestreamStreamer.tsx renamed to packages/react-native-client/src/livestream/components/LivestreamStreamer.tsx packages/react-native-client/src/components/LivestreamStreamer.tsx renamed to packages/react-native-client/src/livestream/components/LivestreamStreamer.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useRef } from 'react';
 import { useWhipConnectionState, WhipClient } from 'react-native-whip-whep';
-import { FISHJAM_WHIP_URL } from '../consts';
+import { FISHJAM_WHIP_URL } from '../../consts';
 
 /**
  * @category Livestream