fix: update example code for switching camera (#221)

* chore: update livekit-client to 2.9.8

* chore: lint fix

Author: davidliu

ci/package.json

@@ -13,7 +13,7 @@
   "dependencies": {
     "@livekit/react-native": "*",
     "@livekit/react-native-webrtc": "^125.0.8",
-    "livekit-client": "^2.9.0",
+    "livekit-client": "^2.9.8",
     "react": "18.2.0",
     "react-native": "0.74.2"
   },

ci/yarn.lock

@@ -2165,12 +2165,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@livekit/protocol@npm:1.33.0":
-  version: 1.33.0
-  resolution: "@livekit/protocol@npm:1.33.0"
+"@livekit/protocol@npm:1.34.0":
+  version: 1.34.0
+  resolution: "@livekit/protocol@npm:1.34.0"
   dependencies:
     "@bufbuild/protobuf": ^1.10.0
-  checksum: 00609412a17326b1d6c145d137e4ca97448b1fc6b295ed0c1d9714b029cd5a004b96baa7ee7fb53fb5569180f7af63546299224c03f3ce9899d30e8d41a7a8b7
+  checksum: e08d0ceb20e5434b352e0c42f89d13f29edbf853a968924aea9792660d79edc13a535288d05a47da97843e1e3a66917adb79ee51b8652442d42123e5f75f649c
   languageName: node
   linkType: hard
 
@@ -3883,7 +3883,7 @@ __metadata:
     eslint: ^8.19.0
     install-local: ^3.0.1
     jest: ^29.6.3
-    livekit-client: ^2.9.0
+    livekit-client: ^2.9.8
     prettier: 2.8.8
     react: 18.2.0
     react-native: 0.74.2
@@ -6956,20 +6956,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"livekit-client@npm:^2.9.0":
-  version: 2.9.2
-  resolution: "livekit-client@npm:2.9.2"
+"livekit-client@npm:^2.9.8":
+  version: 2.9.8
+  resolution: "livekit-client@npm:2.9.8"
   dependencies:
     "@livekit/mutex": 1.1.1
-    "@livekit/protocol": 1.33.0
+    "@livekit/protocol": 1.34.0
     events: ^3.3.0
     loglevel: ^1.9.2
     sdp-transform: ^2.15.0
     ts-debounce: ^4.0.0
     tslib: 2.8.1
     typed-emitter: ^2.1.0
     webrtc-adapter: ^9.0.1
-  checksum: c12b33b99bfaa01ed14307a34190c273982c49781d16430fab6ca597ba4c6fa1ee49b2d73bfe2670e9779c60ec35bc93936324a0f9e12b236c5d53bb6b2374b6
+  checksum: cc01e43fbf5fa298c6696a3a084852d04cd818c554e9b3b9469ad22e85b8d29a975d96072d8432aff79651337f2950881c266117d0490c8ab94112dfda789ca4
   languageName: node
   linkType: hard
 

example/package.json

@@ -15,7 +15,7 @@
     "@react-navigation/native": "^6.0.8",
     "@react-navigation/native-stack": "^6.5.0",
     "@supersami/rn-foreground-service": "^2.1.1",
-    "livekit-client": "^2.9.0",
+    "livekit-client": "^2.9.8",
     "react": "18.2.0",
     "react-native": "0.74.2",
     "react-native-callkeep": "^4.3.14",

example/src/RoomPage.tsx

@@ -39,7 +39,7 @@ import {
 import { startCallService, stopCallService } from './callservice/CallService';
 import Toast from 'react-native-toast-message';
 
-import { Track } from 'livekit-client';
+import { LocalVideoTrack, Track } from 'livekit-client';
 
 export const RoomPage = ({
   navigation,
@@ -160,6 +160,7 @@ const RoomView = ({ navigation, e2ee }: RoomViewProps) => {
     isMicrophoneEnabled,
     isScreenShareEnabled,
     localParticipant,
+    cameraTrack,
   } = useLocalParticipant();
 
   // Prepare for iOS screenshare.
@@ -192,6 +193,10 @@ const RoomView = ({ navigation, e2ee }: RoomViewProps) => {
           localParticipant.setCameraEnabled(enabled);
         }}
         switchCamera={async () => {
+          if (!cameraTrack) {
+            return;
+          }
+
           let facingModeStr = !isCameraFrontFacing ? 'front' : 'environment';
           setCameraFrontFacing(!isCameraFrontFacing);
 
@@ -209,12 +214,17 @@ const RoomView = ({ navigation, e2ee }: RoomViewProps) => {
             }
           }
 
-          if (newDevice == null) {
+          if (!newDevice) {
             return;
           }
 
-          //@ts-ignore
-          await room.switchActiveDevice('videoinput', newDevice.deviceId);
+          const localCameraTrack = cameraTrack.videoTrack;
+          if (localCameraTrack instanceof LocalVideoTrack) {
+            localCameraTrack.restartTrack({
+              deviceId: newDevice.deviceId,
+              facingMode: facingModeStr,
+            });
+          }
         }}
         screenShareEnabled={isScreenShareEnabled}
         setScreenShareEnabled={(enabled: boolean) => {

example/yarn.lock

@@ -6102,7 +6102,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"livekit-client@npm:^2.9.0":
+"livekit-client@npm:^2.9.8":
   version: 2.9.8
   resolution: "livekit-client@npm:2.9.8"
   dependencies:
@@ -6138,7 +6138,7 @@ __metadata:
     "@types/fastestsmallesttextencoderdecoder": ^1.0.0
     "@types/react": ^18.2.6
     babel-plugin-module-resolver: ^4.1.0
-    livekit-client: ^2.9.0
+    livekit-client: ^2.9.8
     patch-package: ^8.0.0
     react: 18.2.0
     react-native: 0.74.2

package.json

@@ -72,7 +72,7 @@
     "eslint-plugin-prettier": "^4.2.1",
     "husky": "^7.0.4",
     "jest": "^29.6.3",
-    "livekit-client": "^2.9.0",
+    "livekit-client": "^2.9.8",
     "pod-install": "^0.2.2",
     "prettier": "2.8.8",
     "react": "18.2.0",

yarn.lock

@@ -2424,12 +2424,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@livekit/protocol@npm:1.33.0":
-  version: 1.33.0
-  resolution: "@livekit/protocol@npm:1.33.0"
+"@livekit/protocol@npm:1.34.0":
+  version: 1.34.0
+  resolution: "@livekit/protocol@npm:1.34.0"
   dependencies:
     "@bufbuild/protobuf": ^1.10.0
-  checksum: 00609412a17326b1d6c145d137e4ca97448b1fc6b295ed0c1d9714b029cd5a004b96baa7ee7fb53fb5569180f7af63546299224c03f3ce9899d30e8d41a7a8b7
+  checksum: e08d0ceb20e5434b352e0c42f89d13f29edbf853a968924aea9792660d79edc13a535288d05a47da97843e1e3a66917adb79ee51b8652442d42123e5f75f649c
   languageName: node
   linkType: hard
 
@@ -2473,7 +2473,7 @@ __metadata:
     events: ^3.3.0
     husky: ^7.0.4
     jest: ^29.6.3
-    livekit-client: ^2.9.0
+    livekit-client: ^2.9.8
     loglevel: ^1.8.0
     pod-install: ^0.2.2
     prettier: 2.8.8
@@ -8717,20 +8717,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"livekit-client@npm:^2.9.0":
-  version: 2.9.2
-  resolution: "livekit-client@npm:2.9.2"
+"livekit-client@npm:^2.9.8":
+  version: 2.9.8
+  resolution: "livekit-client@npm:2.9.8"
   dependencies:
     "@livekit/mutex": 1.1.1
-    "@livekit/protocol": 1.33.0
+    "@livekit/protocol": 1.34.0
     events: ^3.3.0
     loglevel: ^1.9.2
     sdp-transform: ^2.15.0
     ts-debounce: ^4.0.0
     tslib: 2.8.1
     typed-emitter: ^2.1.0
     webrtc-adapter: ^9.0.1
-  checksum: c12b33b99bfaa01ed14307a34190c273982c49781d16430fab6ca597ba4c6fa1ee49b2d73bfe2670e9779c60ec35bc93936324a0f9e12b236c5d53bb6b2374b6
+  checksum: cc01e43fbf5fa298c6696a3a084852d04cd818c554e9b3b9469ad22e85b8d29a975d96072d8432aff79651337f2950881c266117d0490c8ab94112dfda789ca4
   languageName: node
   linkType: hard