feat: add MediaDeviceKind to media device error event (#1143)

Author: lukasIO

.changeset/quick-donkeys-turn.md

@@ -0,0 +1,5 @@
+---
+"@livekit/components-react": patch
+---
+
+feat: add MediaDeviceKind to onMediaDeviceFailure callback

.gitignore

@@ -6,4 +6,8 @@ build/
 yarn-error.log
 .DS_Store
 generated/
-.husky/
+.husky/
+.env
+.env.*
+.next/
+next-env.d.ts

packages/core/package.json

@@ -45,7 +45,7 @@
   },
   "devDependencies": {
     "@livekit/components-styles": "workspace:*",
-    "@livekit/protocol": "^1.36.1",
+    "@livekit/protocol": "^1.38.0",
     "@microsoft/api-extractor": "^7.36.0",
     "@size-limit/file": "^11.0.2",
     "@size-limit/webpack": "^11.0.2",

packages/react/etc/components-react.api.md

@@ -407,7 +407,7 @@ export interface LiveKitRoomProps extends Omit<React_2.HTMLAttributes<HTMLDivEle
     // (undocumented)
     onError?: (error: Error) => void;
     // (undocumented)
-    onMediaDeviceFailure?: (failure?: MediaDeviceFailure) => void;
+    onMediaDeviceFailure?: (failure?: MediaDeviceFailure, kind?: MediaDeviceKind) => void;
     options?: RoomOptions;
     room?: Room;
     screen?: ScreenShareCaptureOptions | boolean;

packages/react/src/components/LiveKitRoom.tsx

@@ -67,7 +67,7 @@ export interface LiveKitRoomProps extends Omit<React.HTMLAttributes<HTMLDivEleme
   onConnected?: () => void;
   onDisconnected?: (reason?: DisconnectReason) => void;
   onError?: (error: Error) => void;
-  onMediaDeviceFailure?: (failure?: MediaDeviceFailure) => void;
+  onMediaDeviceFailure?: (failure?: MediaDeviceFailure, kind?: MediaDeviceKind) => void;
   onEncryptionError?: (error: Error) => void;
   /**
    * Optional room instance.

packages/react/src/hooks/useLiveKitRoom.ts

@@ -84,9 +84,9 @@ export function useLiveKitRoom<T extends HTMLElement>(
       });
     };
 
-    const handleMediaDeviceError = (e: Error) => {
+    const handleMediaDeviceError = (e: Error, kind: MediaDeviceKind) => {
       const mediaDeviceFailure = MediaDeviceFailure.getFailure(e);
-      onMediaDeviceFailure?.(mediaDeviceFailure);
+      onMediaDeviceFailure?.(mediaDeviceFailure, kind);
     };
     const handleEncryptionError = (e: Error) => {
       onEncryptionError?.(e);

pnpm-lock.yaml

@@ -5,4 +5,4 @@ packages:
   - 'tooling/*'
 
 catalog:
-  livekit-client: ^2.11.1
+  livekit-client: ^2.13.1