@daily-co/react-native-daily-js 0.38.0 → 0.40.0

package/README.md

@@ -15,11 +15,13 @@ 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.94.1-daily.8
+npm i --save-exact @daily-co/react-native-webrtc@106.0.6-daily.1
 ```
 
 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).**
 
+> If your project uses [Expo](https://expo.dev/), use the [`config-plugin-rn-daily-js` configuration package](https://www.npmjs.com/package/@daily-co/config-plugin-rn-daily-js) instead of the following steps.
+
 ### iOS
 
 Update the `platform` in your `Podfile`, since `@daily-co/react-native-webrtc` only works on iOS 11 and above:

package/dist/DailyMediaView.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ViewStyle } from 'react-native';
 import { MediaStreamTrack, RTCViewProps } from '@daily-co/react-native-webrtc';
-declare type Props = {
+type Props = {
     videoTrack: MediaStreamTrack | null;
     audioTrack: MediaStreamTrack | null;
     mirror?: RTCViewProps['mirror'];

package/dist/DailyMediaView.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -24,8 +28,8 @@ var react_1 = require("react");
 var react_native_1 = require("react-native");
 var react_native_webrtc_1 = require("@daily-co/react-native-webrtc");
 function DailyMediaView(props) {
-    var _a = react_1.useState(null), stream = _a[0], setStream = _a[1];
-    react_1.useEffect(function () {
+    var _a = (0, react_1.useState)(null), stream = _a[0], setStream = _a[1];
+    (0, react_1.useEffect)(function () {
         var tracks = [props.videoTrack, props.audioTrack].filter(function (t) { return t; });
         var stream = tracks.length > 0 ? new react_native_webrtc_1.MediaStream(tracks) : null;
         setStream(stream);
@@ -37,8 +41,8 @@ function DailyMediaView(props) {
     // and in fact triggers a bug where if it's hidden while in the background
     // it gets "stuck" in the hidden state.
     style={props.videoTrack || react_native_1.Platform.OS === 'android'
-        ? props.style
-        : { display: 'none' }}/>) : null;
+            ? props.style
+            : { display: 'none' }}/>) : null;
     // provide empty placeholder when no video is playing, to try to avoid
     // messing with any layout that depends on this DailyMediaView's style
     var placeholderView = props.videoTrack ? null : (<react_native_1.View style={props.style}/>);

package/dist/iOSCallObjectBundleCache.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react-native" />
-declare type CacheResponse = {
+type CacheResponse = {
     code?: string;
     refetchHeaders?: Headers;
 };

package/dist/iOSCallObjectBundleCache.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -47,7 +47,7 @@ var FIELD_BUNDLE_ETAG = 'etag';
 var REQUIRED_FIELDS = [FIELD_BUNDLE_CODE, FIELD_CACHE_EXPIRY];
 var DEFAULT_EXPIRY_MS = 60 * 1000;
 function cacheKeyForUrl(url) {
-    return "callobj_bundle_" + url;
+    return "callobj_bundle_".concat(url);
 }
 /**
  * A workaround for the fact that the iOS HTTP cache won't cache the call
@@ -79,7 +79,7 @@ var iOSCallObjectBundleCache = /** @class */ (function () {
                         for (_i = 0, REQUIRED_FIELDS_1 = REQUIRED_FIELDS; _i < REQUIRED_FIELDS_1.length; _i++) {
                             field = REQUIRED_FIELDS_1[_i];
                             if (!cacheItem[field]) {
-                                throw new Error("Missing call object bundle cache item field: " + field);
+                                throw new Error("Missing call object bundle cache item field: ".concat(field));
                             }
                         }
                         // If cache expired, return headers needed to conditionally fetch the

package/dist/index.js

@@ -12,13 +12,17 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (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);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -70,7 +74,7 @@ function setupEventListeners() {
 }
 function setupGlobals() {
     // WebRTC APIs + global `window` object
-    react_native_webrtc_1.registerGlobals();
+    (0, react_native_webrtc_1.registerGlobals)();
     // A shim to prevent errors in call machine bundle (not ideal)
     global.window.addEventListener = function () { };
     // A workaround for iOS HTTP cache not caching call object bundle due to size

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daily-co/react-native-daily-js",
-  "version": "0.38.0",
+  "version": "0.40.0",
   "description": "React Native library for making video calls using Daily",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,19 +26,19 @@
     "baseUrl": "https://github.com/daily-co/react-native-daily-js"
   },
   "dependencies": {
-    "@daily-co/daily-js": "^0.40.0",
+    "@daily-co/daily-js": "^0.42.2",
     "@types/react-native-background-timer": "^2.0.0",
     "react-native-url-polyfill": "^1.1.2"
   },
   "peerDependencies": {
-    "@daily-co/react-native-webrtc": "1.94.1-daily.8",
+    "@daily-co/react-native-webrtc": "^106.0.6-daily.1",
     "@react-native-async-storage/async-storage": "^1.15.7",
     "react-native-background-timer": "^2.3.1"
   },
   "devDependencies": {
-    "@daily-co/react-native-webrtc": "1.94.1-daily.8",
+    "@daily-co/react-native-webrtc": "^106.0.6-daily.1",
     "@react-native-async-storage/async-storage": "^1.15.7",
     "react-native-background-timer": "^2.3.1",
-    "typescript": "^3.8.3"
+    "typescript": "^4.8.4"
   }
 }

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

@@ -61,6 +61,7 @@ export type DailyEvent =
   | 'active-speaker-change'
   | 'network-quality-change'
   | 'network-connection'
+  | 'cpu-load-change'
   | 'error'
   | 'nonfatal-error'
   | 'live-streaming-started'
@@ -105,7 +106,8 @@ export type DailyFatalErrorType =
   | 'exp-token'
   | 'meeting-full'
   | 'end-of-life'
-  | 'not-allowed';
+  | 'not-allowed'
+  | 'connection-error';
 
 export type DailyNonFatalErrorType =
   | 'remote-media-player-error'
@@ -148,7 +150,7 @@ export interface DailyLoadOptions extends DailyCallOptions {
 }
 
 export interface DailyFactoryOptions extends DailyCallOptions {
-  srictMode?: boolean; // only available at constructor time
+  strictMode?: boolean; // only available at constructor time
 }
 
 export interface CamSimulcastEncoding {
@@ -333,6 +335,35 @@ export interface DailyNetworkStats {
   threshold: 'good' | 'low' | 'very-low';
 }
 
+export interface DailyCpuLoadStats {
+  cpuLoadState: 'low' | 'high';
+  cpuLoadStateReason: 'encode' | 'decode' | 'scheduleDuration' | 'none'; // We are currently not using the Inter frame Delay to change the cpu load state
+  stats: {
+    latest: {
+      timestamp: number;
+      scheduleDuration: number;
+      frameEncodeTimeSec: number;
+      targetEncodeFrameRate: number;
+      targetDecodeFrameRate: number;
+      targetScheduleDuration: number;
+      cpuUsageBasedOnTargetEncode: number;
+      cpuUsageBasedOnGlobalDecode: number;
+      avgFrameDecodeTimeSec: number;
+      avgInterFrameDelayStandardDeviation: number;
+      totalReceivedVideoTracks: number;
+      cpuInboundVideoStats: {
+        trackId: string;
+        ssrc: number;
+        frameWidth: number;
+        frameHeight: number;
+        fps: number;
+        frameDecodeTimeSec: number;
+        interFrameDelayStandardDeviation: number;
+      }[];
+    };
+  };
+}
+
 export interface DailyPendingRoomInfo {
   roomUrlPendingJoin: string;
 }
@@ -458,7 +489,6 @@ export interface DailyEventObjectNoPayload {
 
 export type DailyCameraError = {
   msg: string;
-  localizedMsg?: string;
 };
 
 export interface DailyCamPermissionsError extends DailyCameraError {
@@ -517,13 +547,27 @@ export interface DailyEventObjectCameraError {
   error: DailyCameraErrorObject;
 }
 
+export type DailyFatalError = {
+  type: DailyFatalErrorType;
+  msg: string;
+};
+
+export interface DailyFatalConnectionError extends DailyFatalError {
+  type: Extract<DailyFatalConnectionError, 'connection-error'>;
+  details: {
+    on: 'join' | 'reconnect';
+    sourceError: Error;
+    uri?: string;
+  };
+}
+
+export type DailyFatalErrorObject<T extends DailyFatalError = any> =
+  T extends DailyFatalConnectionError['type'] ? DailyFatalConnectionError : any;
+
 export interface DailyEventObjectFatalError {
   action: Extract<DailyEvent, 'error'>;
   errorMsg: string;
-  error?: {
-    type: DailyFatalErrorType;
-    localizedMsg?: string;
-  };
+  error?: DailyFatalErrorObject;
 }
 
 export interface DailyEventObjectNonFatalError {
@@ -632,6 +676,12 @@ export interface DailyEventObjectNetworkQualityEvent {
   quality: number;
 }
 
+export interface DailyEventObjectCpuLoadEvent {
+  action: Extract<DailyEvent, 'cpu-load-change'>;
+  cpuLoadState: 'low' | 'high';
+  cpuLoadStateReason: 'encode' | 'decode' | 'scheduleDuration' | 'none'; // We are currently not using the Inter frame Delay to change the cpu load state
+}
+
 export type DailyNetworkConnectionType = 'signaling' | 'peer-to-peer' | 'sfu';
 
 export interface DailyEventObjectNetworkConnectionEvent {
@@ -760,6 +810,8 @@ export type DailyEventObject<T extends DailyEvent = any> =
     ? DailyEventObjectRemoteMediaPlayerStopped
     : T extends DailyEventObjectNetworkQualityEvent['action']
     ? DailyEventObjectNetworkQualityEvent
+    : T extends DailyEventObjectCpuLoadEvent['action']
+    ? DailyEventObjectCpuLoadEvent
     : T extends DailyEventObjectNetworkConnectionEvent['action']
     ? DailyEventObjectNetworkConnectionEvent
     : T extends DailyEventObjectActiveSpeakerChange['action']
@@ -807,7 +859,7 @@ export interface DailyStreamingPortraitLayoutConfig {
 
 export interface DailyStreamingCustomLayoutConfig {
   preset: 'custom';
-  composition_id: string;
+  composition_id?: string;
   composition_params?: {
     [key: string]: boolean | number | string;
   };
@@ -1004,6 +1056,7 @@ export interface DailyCall {
   }): void;
   stopRecording(options?: { instanceId: string }): void;
   getNetworkStats(): Promise<DailyNetworkStats>;
+  getCpuLoadStats(): Promise<DailyCpuLoadStats>;
   subscribeToTracksAutomatically(): boolean;
   setSubscribeToTracksAutomatically(enabled: boolean): DailyCall;
   enumerateDevices(): Promise<{ devices: MediaDeviceInfo[] }>;