Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 5 additions & 1 deletion CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,10 @@

- Updated [documentation](./docs/README.md) to reflect new APIs and installation steps.

**Package:**

- Updated the npm package name from react-native-twilio-video-webrtc to @twilio/video-react-native-sdk

#### Example App

- Revamped the [example](./ExampleApp/) app. The new example app is rebuilt on the updated stack and showcases all SDK features (calls, remote mute, etc.).
Expand All @@ -37,7 +41,7 @@
- Added ability to **mute remote participants** (this functionality was previously missing on iOS).
- Added screenshare functionality on both iOS and Android. Screensharing can be enabled in a room with `toggleScreenSharing(true)` and disabled with `toggleScreenSharing(false)`
- Added new callbacks **onRoomIsReconnecting** and **onRoomDidReconnect** (Android & iOS) to detect signalling interruptions and successful reconnections.
- Made **data track optional** on both iOS and Android. Data track now behaves like audio and video tracks:
- **Data track is now optional** on both iOS and Android. It is managed similarly to audio and video tracks: use the `enableData` option to control whether the data track is published when connecting, and `setLocalDataTrackEnabled` to enable or disable the data track during a call.


### Fixes
Expand Down
4 changes: 2 additions & 2 deletions ExampleApp/@types/twilio-style-fix.d.ts
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { ViewProps, StyleProp, ViewStyle } from 'react-native';
import 'react-native-twilio-video-webrtc';
import '@twilio/video-react-native-sdk';

declare module 'react-native-twilio-video-webrtc' {
declare module '@twilio/video-react-native-sdk' {
interface TrackIdentifier {
participantSid: string;
videoTrackSid: string;
Expand Down
4 changes: 2 additions & 2 deletions ExampleApp/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ A sample React Native application that demonstrates how to join a Twilio Program

```bash
# clone the repository
$ git clone https://github.com/zhanim-tdl/react-native-twilio-video-webrtc.git
$ git clone https://github.com/twilio/react-native-twilio-video-webrtc.git
$ cd react-native-twilio-video-webrtc/ExampleApp

# install JS dependencies
Expand Down Expand Up @@ -94,6 +94,6 @@ This opens the iOS simulator and runs the app. Ensure that the `ExampleApp` sche

• React Native Documentation – <https://reactnative.dev>
• Twilio Programmable Video Docs – <https://www.twilio.com/docs/video>
• react-native-twilio-video-webrtc Documentation – <https://github.com/twilio/react-native-twilio-video-webrtc/tree/master/docs>
@twilio/video-react-native-sdk Documentation – <https://github.com/twilio/react-native-twilio-video-webrtc/tree/master/docs>

Happy coding! 🎉
1 change: 0 additions & 1 deletion ExampleApp/android/app/build.gradle
Original file line number Diff line number Diff line change
Expand Up @@ -112,6 +112,5 @@ dependencies {
} else {
implementation jscFlavor
}
implementation project(':react-native-twilio-video-webrtc')

}
2 changes: 0 additions & 2 deletions ExampleApp/android/settings.gradle
Original file line number Diff line number Diff line change
@@ -1,7 +1,5 @@
pluginManagement { includeBuild("../node_modules/@react-native/gradle-plugin") }
plugins { id("com.facebook.react.settings") }
include ':react-native-twilio-video-webrtc'
project(':react-native-twilio-video-webrtc').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-twilio-video-webrtc/android')
extensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }
rootProject.name = 'TwilioVideoReactNativeExample'
include ':app'
Expand Down
2 changes: 0 additions & 2 deletions ExampleApp/ios/Podfile
Original file line number Diff line number Diff line change
Expand Up @@ -27,8 +27,6 @@ end
target 'ExampleApp' do
use_frameworks!
config = use_native_modules!
pod 'react-native-twilio-video-webrtc',
:path => '../node_modules/react-native-twilio-video-webrtc'
use_react_native!(
:path => config[:reactNativePath],
# An absolute path to your application root.
Expand Down
36 changes: 18 additions & 18 deletions ExampleApp/ios/Podfile.lock
Original file line number Diff line number Diff line change
Expand Up @@ -1719,7 +1719,7 @@ PODS:
- React-RCTFBReactNativeSpec
- ReactCommon/turbomodule/core
- SocketRocket
- react-native-safe-area-context (5.6.1):
- react-native-safe-area-context (5.6.2):
- boost
- DoubleConversion
- fast_float
Expand All @@ -1737,8 +1737,8 @@ PODS:
- React-graphics
- React-ImageManager
- React-jsi
- react-native-safe-area-context/common (= 5.6.1)
- react-native-safe-area-context/fabric (= 5.6.1)
- react-native-safe-area-context/common (= 5.6.2)
- react-native-safe-area-context/fabric (= 5.6.2)
- React-NativeModulesApple
- React-RCTFabric
- React-renderercss
Expand All @@ -1749,7 +1749,7 @@ PODS:
- ReactCommon/turbomodule/core
- SocketRocket
- Yoga
- react-native-safe-area-context/common (5.6.1):
- react-native-safe-area-context/common (5.6.2):
- boost
- DoubleConversion
- fast_float
Expand Down Expand Up @@ -1777,7 +1777,7 @@ PODS:
- ReactCommon/turbomodule/core
- SocketRocket
- Yoga
- react-native-safe-area-context/fabric (5.6.1):
- react-native-safe-area-context/fabric (5.6.2):
- boost
- DoubleConversion
- fast_float
Expand Down Expand Up @@ -1806,9 +1806,6 @@ PODS:
- ReactCommon/turbomodule/core
- SocketRocket
- Yoga
- react-native-twilio-video-webrtc (3.3.0-rc1):
- React
- TwilioVideo (~> 5.10.0)
- React-NativeModulesApple (0.81.0):
- boost
- DoubleConversion
Expand Down Expand Up @@ -2313,7 +2310,7 @@ PODS:
- React-perflogger (= 0.81.0)
- React-utils (= 0.81.0)
- SocketRocket
- RNPermissions (5.4.2):
- RNPermissions (5.4.4):
- boost
- DoubleConversion
- fast_float
Expand Down Expand Up @@ -2342,7 +2339,10 @@ PODS:
- SocketRocket
- Yoga
- SocketRocket (0.7.1)
- TwilioVideo (5.10.1)
- twilio-video-react-native-sdk (3.3.0):
- React
- TwilioVideo (~> 5.10.0)
- TwilioVideo (5.10.2)
- Yoga (0.0.0)

DEPENDENCIES:
Expand Down Expand Up @@ -2388,7 +2388,6 @@ DEPENDENCIES:
- React-Mapbuffer (from `../node_modules/react-native/ReactCommon`)
- React-microtasksnativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/microtasks`)
- react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
- react-native-twilio-video-webrtc (from `../node_modules/react-native-twilio-video-webrtc`)
- React-NativeModulesApple (from `../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios`)
- React-oscompat (from `../node_modules/react-native/ReactCommon/oscompat`)
- React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
Expand Down Expand Up @@ -2421,6 +2420,7 @@ DEPENDENCIES:
- ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
- RNPermissions (from `../node_modules/react-native-permissions`)
- SocketRocket (~> 0.7.1)
- "twilio-video-react-native-sdk (from `../node_modules/@twilio/video-react-native-sdk`)"
- Yoga (from `../node_modules/react-native/ReactCommon/yoga`)

SPEC REPOS:
Expand Down Expand Up @@ -2512,8 +2512,6 @@ EXTERNAL SOURCES:
:path: "../node_modules/react-native/ReactCommon/react/nativemodule/microtasks"
react-native-safe-area-context:
:path: "../node_modules/react-native-safe-area-context"
react-native-twilio-video-webrtc:
:path: "../node_modules/react-native-twilio-video-webrtc"
React-NativeModulesApple:
:path: "../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios"
React-oscompat:
Expand Down Expand Up @@ -2576,6 +2574,8 @@ EXTERNAL SOURCES:
:path: "../node_modules/react-native/ReactCommon"
RNPermissions:
:path: "../node_modules/react-native-permissions"
twilio-video-react-native-sdk:
:path: "../node_modules/@twilio/video-react-native-sdk"
Yoga:
:path: "../node_modules/react-native/ReactCommon/yoga"

Expand Down Expand Up @@ -2620,8 +2620,7 @@ SPEC CHECKSUMS:
React-logger: 04ce9229cb57db2c2a8164eaec1105f89da7fb22
React-Mapbuffer: ed316571f8a6368a044c166dd62db3ff9a19ade9
React-microtasksnativemodule: 7349a9210ff1fe97f54025fbda2496ed9a2d43cd
react-native-safe-area-context: 4fe3c427e047bc2c1b447bd4ec9a92969a4a7d00
react-native-twilio-video-webrtc: 64eacb257ad6d4403369dec85aace1c2346d0788
react-native-safe-area-context: 6615f1920494e76202ce0d37ea55cb8b7ad30043
React-NativeModulesApple: 9c2ece8c6e423b2a13c9c50d2ed25953379cbe4e
React-oscompat: 34f3d3c06cadcbc470bc4509c717fb9b919eaa8b
React-perflogger: a1edb025fd5d44f61bf09307e248f7608d7b2dcf
Expand Down Expand Up @@ -2652,11 +2651,12 @@ SPEC CHECKSUMS:
ReactAppDependencyProvider: c91900fa724baee992f01c05eeb4c9e01a807f78
ReactCodegen: 8f2a63b11f0625a7b36d4c8c588d7c89a3086cda
ReactCommon: 5ee89f5eec706805c432ed5b598adcd4e5aaa088
RNPermissions: 483a818c9a6ad73a38dbd5835ee02d35ecbd74ef
RNPermissions: 81e5c908e9274593463e6d9b325d98a32a8d553d
SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
TwilioVideo: 04f5c8680bcd590ce302a15e63008f251af57a61
twilio-video-react-native-sdk: 77763b5fbeb54e1d6324d433726e09d99ead40f1
TwilioVideo: dba977baf7ffd59522e4ecf304e841f2c92fbe2a
Yoga: be78ddad0c56d06a5e41eaef4bfbbd49b86a4d07

PODFILE CHECKSUM: 2255468db76a0df835bc1d74a5920e1e19b7d879
PODFILE CHECKSUM: 2754b4ab65b2a2337042506716a7ccbdf10bda3d

COCOAPODS: 1.16.2
2 changes: 1 addition & 1 deletion ExampleApp/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
"react-native": "0.81.0",
"react-native-permissions": "^5.4.2",
"react-native-safe-area-context": "^5.5.2",
"react-native-twilio-video-webrtc": "file:.."
"@twilio/video-react-native-sdk": "file:.."
},
"devDependencies": {
"@babel/core": "^7.25.2",
Expand Down
2 changes: 1 addition & 1 deletion ExampleApp/src/App.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import {
TwilioVideoScreenShareView,
TwilioVideoParticipantView,
TwilioVideo,
} from "react-native-twilio-video-webrtc";
} from "@twilio/video-react-native-sdk";
import { check, PERMISSIONS, request } from "react-native-permissions";
import { styles } from "./styles";
import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
Expand Down
Loading