Skip to content

feat: end to end encryption for data channels option #285

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

feat: end to end encryption for data channels option #285

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d7b3b7d
feat: end to end encryption for data channels option
davidliu Sep 18, 2025
1112331
fixes and update react-native-webrtc
davidliu Sep 18, 2025
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
2 changes: 1 addition & 1 deletion ci/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
},
"dependencies": {
"@livekit/react-native": "*",
"@livekit/react-native-webrtc": "^137.0.1",
"@livekit/react-native-webrtc": "^137.0.2",
"livekit-client": "^2.15.4",
"react": "18.2.0",
"react-native": "0.74.2"
Expand Down
10 changes: 5 additions & 5 deletions ci/yarn.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2174,16 +2174,16 @@ __metadata:
languageName: node
linkType: hard

"@livekit/react-native-webrtc@npm:^137.0.1":
version: 137.0.1
resolution: "@livekit/react-native-webrtc@npm:137.0.1"
"@livekit/react-native-webrtc@npm:^137.0.2":
version: 137.0.2
resolution: "@livekit/react-native-webrtc@npm:137.0.2"
dependencies:
base64-js: 1.5.1
debug: 4.3.4
event-target-shim: 6.0.2
peerDependencies:
react-native: ">=0.60.0"
checksum: 3341aafe7d9d1deb345e47247faa020b2cb5f1adbded135a244f0f9285eed720c9f62325bbce0e21c1da755ae24ae6c69eb07728cece709560f615908bde43a9
checksum: c23467701c7dfb74e3b223dd955b20ba1586c2186383f5b2595fff9b65a36b2db0b660de9935e009b69bc5e0bbff047d0f598495f8464daae8db5f8d9f9b7c24
languageName: node
linkType: hard

Expand Down Expand Up @@ -3872,7 +3872,7 @@ __metadata:
"@babel/preset-env": ^7.20.0
"@babel/runtime": ^7.20.0
"@livekit/react-native": "*"
"@livekit/react-native-webrtc": ^137.0.1
"@livekit/react-native-webrtc": ^137.0.2
"@react-native/babel-preset": 0.74.84
"@react-native/eslint-config": 0.74.84
"@react-native/metro-config": 0.74.84
Expand Down
10 changes: 5 additions & 5 deletions example/ios/Podfile.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,9 @@ PODS:
- ReactCommon/turbomodule/bridging
- ReactCommon/turbomodule/core
- Yoga
- livekit-react-native-webrtc (137.0.1):
- livekit-react-native-webrtc (137.0.2):
- React-Core
- WebRTC-SDK (= 137.7151.02)
- WebRTC-SDK (= 137.7151.04)
- RCT-Folly (2024.01.01.00):
- boost
- DoubleConversion
Expand Down Expand Up @@ -1220,7 +1220,7 @@ PODS:
- ReactCommon/turbomodule/core
- Yoga
- SocketRocket (0.7.0)
- WebRTC-SDK (137.7151.02)
- WebRTC-SDK (137.7151.04)
- Yoga (0.0.0)

DEPENDENCIES:
Expand Down Expand Up @@ -1426,7 +1426,7 @@ SPEC CHECKSUMS:
glog: fdfdfe5479092de0c4bdbebedd9056951f092c4f
hermes-engine: 01d3e052018c2a13937aca1860fbedbccd4a41b7
livekit-react-native: 22180f283c63416a81f8765555fccc7a33f0a044
livekit-react-native-webrtc: 0ffe5a13d196f65d717f958a111399f4f6383102
livekit-react-native-webrtc: 3bb1be767c4e489f69bca662eba1c5e7b1e1be0d
RCT-Folly: 02617c592a293bd6d418e0a88ff4ee1f88329b47
RCTDeprecation: b03c35057846b685b3ccadc9bfe43e349989cdb2
RCTRequired: 194626909cfa8d39ca6663138c417bc6c431648c
Expand Down Expand Up @@ -1480,7 +1480,7 @@ SPEC CHECKSUMS:
RNCAsyncStorage: 0c357f3156fcb16c8589ede67cc036330b6698ca
RNScreens: b32a9ff15bea7fcdbe5dff6477bc503f792b1208
SocketRocket: abac6f5de4d4d62d24e11868d7a2f427e0ef940d
WebRTC-SDK: d20de357dcbf7c9696b124b39f3ff62125107e4b
WebRTC-SDK: 40d4f5ba05cadff14e4db5614aec402a633f007e
Yoga: ae3c32c514802d30f687a04a6a35b348506d411f

PODFILE CHECKSUM: b5aad0c7d12b2ea501eb822f98f00ca01d154bd9
Expand Down
2 changes: 1 addition & 1 deletion example/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
"postinstall": "patch-package"
},
"dependencies": {
"@livekit/react-native-webrtc": "^137.0.1",
"@livekit/react-native-webrtc": "^137.0.2",
"@react-native-async-storage/async-storage": "^1.17.10",
"@react-navigation/native": "^6.0.8",
"@react-navigation/native-stack": "^6.5.0",
Expand Down
5 changes: 3 additions & 2 deletions example/src/PreJoinPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,9 @@ import type { RootStackParamList } from './App';
import { useTheme } from '@react-navigation/native';
import AsyncStorage from '@react-native-async-storage/async-storage';

const DEFAULT_URL = 'wss://example.livekit.cloud';
const DEFAULT_TOKEN = 'your-token-here';
const DEFAULT_URL = 'ws://192.168.11.3:7880';
const DEFAULT_TOKEN =
'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3NjA1MjM4NTksImlkZW50aXR5IjoicGhvbmUiLCJpc3MiOiJBUElUTFdySzh0YndyNDciLCJuYmYiOjE3NTc5MzE4NTksInN1YiI6InBob25lIiwidmlkZW8iOnsicm9vbSI6Im15cm9vbSIsInJvb21Kb2luIjp0cnVlfX0.jpvzL9Mcqu1tS3dpITO-ffAyjzZtEvnq_p9ehD5B7RM';
const DEFAULT_E2EE = false;
const DEFAULT_E2EE_KEY = '';

Expand Down
32 changes: 15 additions & 17 deletions example/src/RoomPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,10 @@ export const RoomPage = ({
};
}, []);

let { e2eeManager } = useRNE2EEManager({ sharedKey: e2eeKey });
let { e2eeManager } = useRNE2EEManager({
sharedKey: e2eeKey,
dataChannelEncryption: true,
});
let e2eeOptions = e2ee ? { e2eeManager } : undefined;

return (
Expand All @@ -79,7 +82,7 @@ export const RoomPage = ({
adaptiveStream: { pixelDensity: 'screen' },
e2ee: e2eeOptions,
}}
audio={true}
audio={false}
video={true}
>
<RoomView navigation={navigation} e2ee={e2ee} />
Expand Down Expand Up @@ -107,24 +110,22 @@ const RoomView = ({ navigation, e2ee }: RoomViewProps) => {
}, [room, e2ee]);

useIOSAudioManagement(room, true);
// Setup room listeners
const { send } = useDataChannel(
(dataMessage: ReceivedDataMessage<string>) => {
//@ts-ignore
let decoder = new TextDecoder('utf-8');
let message = decoder.decode(dataMessage.payload);

// Setup room listeners
useEffect(() => {
room.registerTextStreamHandler('lk.chat', async (reader, participant) => {
let message = await reader.readAll();
let title = 'Received Message';
if (dataMessage.from != null) {
title = 'Received Message from ' + dataMessage.from?.identity;
if (participant != null) {
title = 'Received Message from ' + participant.identity;
}
Toast.show({
type: 'success',
text1: title,
text2: message,
});
}
);
});
}, [room]);

const tracks = useTracks(
[
Expand Down Expand Up @@ -229,17 +230,14 @@ const RoomView = ({ navigation, e2ee }: RoomViewProps) => {
localParticipant.setScreenShareEnabled(enabled);
}
}}
sendData={(message: string) => {
sendData={async (message: string) => {
Toast.show({
type: 'success',
text1: 'Sending Message',
text2: message,
});

//@ts-ignore
let encoder = new TextEncoder();
let encodedData = encoder.encode(message);
send(encodedData, { reliable: true });
room.localParticipant.sendText(message, { topic: 'lk.chat' });
}}
onSimulate={(scenario) => {
room.simulateScenario(scenario);
Expand Down
16 changes: 8 additions & 8 deletions example/yarn.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2172,16 +2172,16 @@ __metadata:
languageName: node
linkType: hard

"@livekit/react-native-webrtc@npm:^137.0.1":
version: 137.0.1
resolution: "@livekit/react-native-webrtc@npm:137.0.1"
"@livekit/react-native-webrtc@npm:^137.0.2":
version: 137.0.2
resolution: "@livekit/react-native-webrtc@npm:137.0.2"
dependencies:
base64-js: 1.5.1
debug: 4.3.4
event-target-shim: 6.0.2
peerDependencies:
react-native: ">=0.60.0"
checksum: 3341aafe7d9d1deb345e47247faa020b2cb5f1adbded135a244f0f9285eed720c9f62325bbce0e21c1da755ae24ae6c69eb07728cece709560f615908bde43a9
checksum: c23467701c7dfb74e3b223dd955b20ba1586c2186383f5b2595fff9b65a36b2db0b660de9935e009b69bc5e0bbff047d0f598495f8464daae8db5f8d9f9b7c24
languageName: node
linkType: hard

Expand Down Expand Up @@ -6103,8 +6103,8 @@ __metadata:
linkType: hard

"livekit-client@npm:^2.15.4":
version: 2.15.4
resolution: "livekit-client@npm:2.15.4"
version: 2.15.7
resolution: "livekit-client@npm:2.15.7"
dependencies:
"@livekit/mutex": 1.1.1
"@livekit/protocol": 1.39.3
Expand All @@ -6117,7 +6117,7 @@ __metadata:
webrtc-adapter: ^9.0.1
peerDependencies:
"@types/dom-mediacapture-record": ^1
checksum: 7ae2e2f5326c8f7925b359277fd12ddeefb0bc5069b0563a9e184f2b860351bf91733c1fa5fd7b65467b643776368058d485af888e2771fd68c61c409b950e05
checksum: e9740963eef9ddb7f50604d2918b7ca9e696c1d190b968cbf2cb75997b1e0d4fce25c795ae60b1c92785cd9a679b6d606688092f31a6a1aaefc27ec92fc87f0f
languageName: node
linkType: hard

Expand All @@ -6128,7 +6128,7 @@ __metadata:
"@babel/core": ^7.20.0
"@babel/preset-env": ^7.20.0
"@babel/runtime": ^7.20.0
"@livekit/react-native-webrtc": ^137.0.1
"@livekit/react-native-webrtc": ^137.0.2
"@react-native-async-storage/async-storage": ^1.17.10
"@react-native/babel-preset": 0.74.84
"@react-native/eslint-config": 0.74.84
Expand Down
7 changes: 4 additions & 3 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,12 +43,13 @@
],
"dependencies": {
"@livekit/components-react": "^2.8.1",
"@livekit/mutex": "^1.1.1",
"array.prototype.at": "^1.1.1",
"event-target-shim": "6.0.2",
"events": "^3.3.0",
"loglevel": "^1.8.0",
"promise.allsettled": "^1.0.5",
"react-native-quick-base64": "2.1.1",
"react-native-quick-base64": "^2.2.1",
"react-native-url-polyfill": "^1.3.0",
"typed-emitter": "^2.1.0",
"web-streams-polyfill": "^4.1.0",
Expand All @@ -59,7 +60,7 @@
"@babel/preset-env": "^7.20.0",
"@babel/runtime": "^7.20.0",
"@commitlint/config-conventional": "^16.2.1",
"@livekit/react-native-webrtc": "^137.0.1",
"@livekit/react-native-webrtc": "^137.0.2",
"@react-native/babel-preset": "0.74.84",
"@react-native/eslint-config": "0.74.84",
"@react-native/metro-config": "0.74.84",
Expand All @@ -86,7 +87,7 @@
"typescript": "5.0.4"
},
"peerDependencies": {
"@livekit/react-native-webrtc": "^137.0.1",
"@livekit/react-native-webrtc": "^137.0.2",
"livekit-client": "^2.15.4",
"react": "*",
"react-native": "*"
Expand Down
Loading
Loading