@daily-co/react-native-daily-js 0.20.0 → 0.23.0

package/README.md

@@ -15,7 +15,7 @@ Install `react-native-daily-js` along with its peer dependencies:
 
 ```bash
 npm i @daily-co/react-native-daily-js @react-native-async-storage/async-storage@^1.15.7 react-native-background-timer@^2.3.1
-npm i --save-exact @daily-co/react-native-webrtc@1.89.2-daily.3
+npm i --save-exact @daily-co/react-native-webrtc@1.94.1-daily.2
 ```
 
 Then, follow the below steps to set up your native project on each platform. **Note that these steps assume you're using a version of React Native that supports autolinking (>= 60).**
@@ -108,22 +108,6 @@ minSdkVersion = 24
 
 (If you run into any issues, refer to [Github issues](https://github.com/react-native-webrtc/react-native-webrtc/issues/720) like [these](https://github.com/jitsi/jitsi-meet/issues/4778), or the `react-native-webrtc` [installation docs](https://github.com/react-native-webrtc/react-native-webrtc/blob/master/Documentation/AndroidInstallation.md), which walk you through a more complicated process. The simpler process laid out above seems to work in a vanilla modern React Native CLI-based setup).
 
-## Room configuration
-
-Your Daily room must be configured in a particular way in order for a `react-native-daily-js` client to be able to connect to it: it must specify the property `signaling_impl: ws`.
-
-To create a room with the `signaling_impl` property set appropriately, run the following (replacing `<your-api-key>` with your actual API key):
-
-```bash
-curl --request POST \
-  --url https://api.daily.co/v1/rooms \
-  --header 'authorization: Bearer <your-api-key>' \
-  --header 'content-type: application/json' \
-  --data '{"properties":{"signaling_impl":"ws"}}'
-```
-
-Of course, you may also want to specify a name as well as other properties. See the [Daily REST API docs](https://docs.daily.co/reference#rooms) for general guidance on how to create a new room or update an existing room.
-
 ## Usage
 
 `react-native-daily-js` is the React Native counterpart to `daily-js`, and can be used in pretty much the same way to add video calls to your apps. [Complete documentation for `react-native-daily-js` (as well as `daily-js`) can be found here](https://docs.daily.co/reference#using-the-react-native-daily-js-library).

package/dist/DailyMediaView.js

@@ -1,9 +1,21 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });

package/dist/index.js

@@ -10,13 +10,21 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DailyMediaView = void 0;
 var daily_js_1 = __importDefault(require("@daily-co/daily-js"));
 var react_native_webrtc_1 = require("@daily-co/react-native-webrtc");
 var DailyMediaView_1 = __importDefault(require("./DailyMediaView"));
@@ -97,5 +105,5 @@ function setupGlobals() {
 setupEventListeners();
 setupGlobals();
 exports.default = daily_js_1.default;
-__export(require("@daily-co/daily-js"));
-__export(require("@daily-co/react-native-webrtc"));
+__exportStar(require("@daily-co/daily-js"), exports);
+__exportStar(require("@daily-co/react-native-webrtc"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daily-co/react-native-daily-js",
-  "version": "0.20.0",
+  "version": "0.23.0",
   "description": "React Native library for making video calls using Daily",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,17 +26,18 @@
     "baseUrl": "https://github.com/daily-co/react-native-daily-js"
   },
   "dependencies": {
-    "@daily-co/daily-js": "^0.22.0",
+    "@daily-co/daily-js": "^0.25.0",
     "@types/react-native-background-timer": "^2.0.0",
     "react-native-url-polyfill": "^1.1.2"
   },
+  "//": "WHEN ONE OF THESE CHANGE, PLEASE UPDATE README.md INSTALL SNIPPET ACCORDINGLY",
   "peerDependencies": {
-    "@daily-co/react-native-webrtc": "1.89.2-daily.4",
+    "@daily-co/react-native-webrtc": "1.94.1-daily.2",
     "@react-native-async-storage/async-storage": "^1.15.7",
     "react-native-background-timer": "^2.3.1"
   },
   "devDependencies": {
-    "@daily-co/react-native-webrtc": "1.89.2-daily.4",
+    "@daily-co/react-native-webrtc": "1.94.1-daily.2",
     "@react-native-async-storage/async-storage": "^1.15.7",
     "react-native-background-timer": "^2.3.1",
     "typescript": "^3.8.3"

package/type-overrides/@daily-co/daily-js/index.d.ts

@@ -6,7 +6,11 @@
  * --- REACT-NATIVE-SPECIFIC TYPES ---
  */
 
-import { MediaStreamTrack } from '@daily-co/react-native-webrtc';
+import {
+  MediaStreamTrack,
+  MediaDeviceInfo,
+  MediaTrackConstraints,
+} from '@daily-co/react-native-webrtc';
 
 /**
  * --- DAILY-JS API EXPOSED VIA REACT-NATIVE-DAILY-JS ---
@@ -45,14 +49,22 @@ export type DailyEvent =
   | 'participant-left'
   | 'track-started'
   | 'track-stopped'
+  | 'recording-started'
+  | 'recording-stopped'
+  | 'recording-stats'
+  | 'recording-error'
   | 'app-message'
   | 'active-speaker-change'
   | 'network-quality-change'
   | 'network-connection'
   | 'error'
+  | 'nonfatal-error'
   | 'live-streaming-started'
   | 'live-streaming-stopped'
   | 'live-streaming-error'
+  | 'remote-media-player-started'
+  | 'remote-media-player-stopped'
+  | 'remote-media-player-updated'
   | 'access-state-updated'
   | 'waiting-participant-added'
   | 'waiting-participant-updated'
@@ -75,6 +87,8 @@ export type DailyFatalErrorType =
   | 'exp-room'
   | 'exp-token';
 
+export type DailyNonFatalErrorType = 'remote-media-player-error';
+
 export interface DailyParticipantsObject {
   local: DailyParticipant;
   [id: string]: DailyParticipant;
@@ -107,6 +121,7 @@ export interface DailyLoadOptions extends DailyCallOptions {
 
 export interface DailyAdvancedConfig {
   experimentalGetUserMediaConstraintsModify?: (constraints: any) => void;
+  userMediaVideoConstraints?: boolean | MediaTrackConstraints;
   preferH264ForCam?: boolean;
   h264Profile?: string;
 }
@@ -174,6 +189,7 @@ export interface DailyParticipant {
   will_eject_at: Date;
   local: boolean;
   owner: boolean;
+  record: boolean;
 
   // video element info (iframe-based calls using standard UI only)
   cam_info: {} | DailyVideoElementInfo;
@@ -228,6 +244,8 @@ export interface DailyNetworkStats {
       videoRecvPacketLoss: number;
       videoSendBitsPerSecond: number;
       videoSendPacketLoss: number;
+      totalSendPacketLoss: number;
+      totalRecvPacketLoss: number;
     };
     worstVideoRecvPacketLoss: number;
     worstVideoSendPacketLoss: number;
@@ -251,6 +269,7 @@ export interface DailyRoomInfo {
     enable_knocking?: boolean;
     enable_network_ui?: boolean;
     enable_people_ui?: boolean;
+    enable_pip_ui?: boolean;
     enable_prejoin_ui?: boolean;
     enable_video_processing_ui?: boolean;
     start_video_off?: boolean;
@@ -280,6 +299,7 @@ export interface DailyRoomInfo {
     max_live_streams?: number;
     enable_network_ui?: boolean;
     enable_people_ui?: boolean;
+    enable_pip_ui?: boolean;
     enable_prejoin_ui?: boolean;
     enable_video_processing_ui?: boolean;
   };
@@ -337,6 +357,9 @@ export interface DailyEventObjectNoPayload {
     | 'loaded'
     | 'joining-meeting'
     | 'left-meeting'
+    | 'recording-stopped'
+    | 'recording-stats'
+    | 'recording-error'
     | 'live-streaming-started'
     | 'live-streaming-stopped'
   >;
@@ -351,6 +374,12 @@ export interface DailyEventObjectFatalError {
   };
 }
 
+export interface DailyEventObjectNonFatalError {
+  action: Extract<DailyEvent, 'nonfatal-error'>;
+  type: DailyNonFatalErrorType;
+  errorMsg: string;
+}
+
 export interface DailyEventObjectGenericError {
   action: Extract<
     DailyEvent,
@@ -392,6 +421,15 @@ export interface DailyEventObjectTrack {
   track: MediaStreamTrack;
 }
 
+export interface DailyEventObjectRecordingStarted {
+  action: Extract<DailyEvent, 'recording-started'>;
+  local?: boolean;
+  recordingId?: string;
+  startedBy?: string;
+  type?: string;
+  layout?: DailyStreamingLayoutConfig;
+}
+
 export interface DailyEventObjectNetworkQualityEvent {
   action: Extract<DailyEvent, 'network-quality-change'>;
   threshold: string;
@@ -426,6 +464,28 @@ export interface DailyEventObjectReceiveSettingsUpdated {
   receiveSettings: DailyReceiveSettings;
 }
 
+export interface DailyEventObjectLiveStreamingStarted {
+  action: Extract<DailyEvent, 'live-streaming-started'>;
+  layout?: DailyStreamingLayoutConfig;
+}
+
+export interface DailyEventObjectRemoteMediaPlayerUpdate {
+  action: Extract<
+    DailyEvent,
+    'remote-media-player-started' | 'remote-media-player-updated'
+  >;
+  updatedBy: string;
+  session_id: string;
+  remoteMediaPlayerState: DailyRemoteMediaPlayerState;
+}
+
+export interface DailyEventObjectRemoteMediaPlayerStopped {
+  action: Extract<DailyEvent, 'remote-media-player-stopped'>;
+  session_id: string;
+  updatedBy: string;
+  reason: DailyRemoteMediaPlayerStopReason;
+}
+
 export type DailyEventObject<
   T extends DailyEvent = any
 > = T extends DailyEventObjectAppMessage['action']
@@ -434,6 +494,8 @@ export type DailyEventObject<
   ? DailyEventObjectNoPayload
   : T extends DailyEventObjectFatalError['action']
   ? DailyEventObjectFatalError
+  : T extends DailyEventObjectNonFatalError['action']
+  ? DailyEventObjectNonFatalError
   : T extends DailyEventObjectGenericError['action']
   ? DailyEventObjectGenericError
   : T extends DailyEventObjectParticipants['action']
@@ -446,6 +508,12 @@ export type DailyEventObject<
   ? DailyEventObjectAccessState
   : T extends DailyEventObjectTrack['action']
   ? DailyEventObjectTrack
+  : T extends DailyEventObjectRecordingStarted['action']
+  ? DailyEventObjectRecordingStarted
+  : T extends DailyEventObjectRemoteMediaPlayerUpdate['action']
+  ? DailyEventObjectRemoteMediaPlayerUpdate
+  : T extends DailyEventObjectRemoteMediaPlayerStopped['action']
+  ? DailyEventObjectRemoteMediaPlayerStopped
   : T extends DailyEventObjectNetworkQualityEvent['action']
   ? DailyEventObjectNetworkQualityEvent
   : T extends DailyEventObjectNetworkConnectionEvent['action']
@@ -496,6 +564,20 @@ export type DailyStreamingLayoutConfig =
   | DailyStreamingActiveParticipantLayoutConfig
   | DailyStreamingPortraitLayoutConfig;
 
+export type DailyRemoteMediaPlayerSettingPlay = 'play';
+export type DailyRemoteMediaPlayerSettingPause = 'pause';
+
+export type DailyRemoteMediaPlayerStatePlaying = 'playing';
+export type DailyRemoteMediaPlayerStatePaused = 'paused';
+export type DailyRemoteMediaPlayerStateBuffering = 'buffering';
+
+export type DailyRemoteMediaPlayerEOS = 'EOS';
+export type DailyRemoteMediaPlayerPeerStopped = 'stopped-by-peer';
+
+export type DailyRemoteMediaPlayerStopReason =
+  | DailyRemoteMediaPlayerEOS
+  | DailyRemoteMediaPlayerPeerStopped;
+
 export type DailyAccess = 'unknown' | SpecifiedDailyAccess;
 
 export type SpecifiedDailyAccess = { level: 'none' | 'lobby' | 'full' };
@@ -510,6 +592,51 @@ export type DailyAccessRequest = {
   name: string;
 };
 
+export interface DailyStreamingOptions {
+  width?: number;
+  height?: number;
+  backgroundColor?: string;
+  layout?: DailyStreamingLayoutConfig;
+}
+
+export interface DailyLiveStreamingOptions extends DailyStreamingOptions {
+  rtmpUrl: string;
+}
+
+export interface RemoteMediaPlayerSimulcastEncoding {
+  maxBitrate: number;
+  maxFramerate?: number;
+  scaleResolutionDownBy?: number;
+}
+
+export interface DailyRemoteMediaPlayerSettings {
+  state: DailyRemoteMediaPlayerSettingPlay | DailyRemoteMediaPlayerSettingPause;
+  simulcastEncodings?: RemoteMediaPlayerSimulcastEncoding[];
+}
+
+export interface DailyRemoteMediaPlayerStartOptions {
+  url: string;
+  settings?: DailyRemoteMediaPlayerSettings;
+}
+
+export interface DailyRemoteMediaPlayerUpdateOptions {
+  session_id: string;
+  settings: DailyRemoteMediaPlayerSettings;
+}
+
+export interface DailyRemoteMediaPlayerState {
+  state:
+    | DailyRemoteMediaPlayerStatePlaying
+    | DailyRemoteMediaPlayerStatePaused
+    | DailyRemoteMediaPlayerStateBuffering;
+  settings: DailyRemoteMediaPlayerSettings;
+}
+
+export interface DailyRemoteMediaPlayerInfo {
+  session_id: string;
+  remoteMediaPlayerState: DailyRemoteMediaPlayerState;
+}
+
 export interface DailyCall {
   join(properties?: DailyCallOptions): Promise<DailyParticipantsObject | void>;
   leave(): Promise<void>;
@@ -556,20 +683,25 @@ export interface DailyCall {
   setNativeInCallAudioMode(
     inCallAudioMode: DailyNativeInCallAudioMode
   ): DailyCall;
-  startLiveStreaming(options: {
-    rtmpUrl: string;
-    width?: number;
-    height?: number;
-    backgroundColor?: string;
-    layout?: DailyStreamingLayoutConfig;
-  }): void;
+  startLiveStreaming(options: DailyLiveStreamingOptions): void;
   updateLiveStreaming(options: { layout?: DailyStreamingLayoutConfig }): void;
   stopLiveStreaming(): void;
+  startRemoteMediaPlayer(
+    options: DailyRemoteMediaPlayerStartOptions
+  ): Promise<DailyRemoteMediaPlayerInfo>;
+  stopRemoteMediaPlayer(session_id: string): Promise<void>;
+  updateRemoteMediaPlayer(
+    options: DailyRemoteMediaPlayerUpdateOptions
+  ): Promise<DailyRemoteMediaPlayerInfo>;
   preAuth(properties?: DailyCallOptions): Promise<{ access: DailyAccess }>;
   load(properties?: DailyLoadOptions): Promise<void>;
+  startRecording(options?: DailyStreamingOptions): void;
+  updateRecording(options: { layout?: DailyStreamingLayoutConfig }): void;
+  stopRecording(): void;
   getNetworkStats(): Promise<DailyNetworkStats>;
   subscribeToTracksAutomatically(): boolean;
   setSubscribeToTracksAutomatically(enabled: boolean): DailyCall;
+  enumerateDevices(): Promise<{ devices: MediaDeviceInfo[] }>;
   sendAppMessage(data: any, to?: string): DailyCall;
   setUserName(name: string): Promise<{ userName: string }>;
   room(options?: {