@livekit/react-native 2.7.6 → 2.9.0

package/lib/module/events/EventEmitter.js

@@ -6,7 +6,7 @@ import LiveKitModule from '../LKNativeModule';
 // This emitter is going to be used to listen to all the native events (once) and then
 // re-emit them on a JS-only emitter.
 const nativeEmitter = new NativeEventEmitter(LiveKitModule);
-const NATIVE_EVENTS = ['LK_VOLUME_PROCESSED', 'LK_MULTIBAND_PROCESSED'];
+const NATIVE_EVENTS = ['LK_VOLUME_PROCESSED', 'LK_MULTIBAND_PROCESSED', 'LK_AUDIO_DATA'];
 const eventEmitter = new EventEmitter();
 export function setupNativeEvents() {
   for (const eventName of NATIVE_EVENTS) {

package/lib/module/events/EventEmitter.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeEventEmitter","EventEmitter","LiveKitModule","nativeEmitter","NATIVE_EVENTS","eventEmitter","setupNativeEvents","eventName","addListener","args","emit","_subscriptions","Map","listener","eventHandler","_subscriptions$get","includes","Error","has","set","get","push","removeListener","_subscriptions$get2","forEach","sub","remove","delete"],"sources":["EventEmitter.ts"],"sourcesContent":["import { NativeEventEmitter, type EmitterSubscription } from 'react-native';\n// @ts-ignore\nimport EventEmitter from 'react-native/Libraries/vendor/emitter/EventEmitter';\nimport LiveKitModule from '../LKNativeModule';\n\n// This emitter is going to be used to listen to all the native events (once) and then\n// re-emit them on a JS-only emitter.\nconst nativeEmitter = new NativeEventEmitter(LiveKitModule);\n\nconst NATIVE_EVENTS = ['LK_VOLUME_PROCESSED', 'LK_MULTIBAND_PROCESSED'];\n\nconst eventEmitter = new EventEmitter();\n\nexport function setupNativeEvents() {\n  for (const eventName of NATIVE_EVENTS) {\n    nativeEmitter.addListener(eventName, (...args) => {\n      eventEmitter.emit(eventName, ...args);\n    });\n  }\n}\n\ntype EventHandler = (event: unknown) => void;\ntype Listener = unknown;\n\nconst _subscriptions: Map<Listener, EmitterSubscription[]> = new Map();\n\nexport function addListener(\n  listener: Listener,\n  eventName: string,\n  eventHandler: EventHandler\n): void {\n  if (!NATIVE_EVENTS.includes(eventName)) {\n    throw new Error(`Invalid event: ${eventName}`);\n  }\n\n  if (!_subscriptions.has(listener)) {\n    _subscriptions.set(listener, []);\n  }\n\n  _subscriptions\n    .get(listener)\n    ?.push(eventEmitter.addListener(eventName, eventHandler));\n}\n\nexport function removeListener(listener: Listener): void {\n  _subscriptions.get(listener)?.forEach((sub) => {\n    sub.remove();\n  });\n\n  _subscriptions.delete(listener);\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAkC,cAAc;AAC3E;AACA,OAAOC,YAAY,MAAM,oDAAoD;AAC7E,OAAOC,aAAa,MAAM,mBAAmB;;AAE7C;AACA;AACA,MAAMC,aAAa,GAAG,IAAIH,kBAAkB,CAACE,aAAa,CAAC;AAE3D,MAAME,aAAa,GAAG,CAAC,qBAAqB,EAAE,wBAAwB,CAAC;AAEvE,MAAMC,YAAY,GAAG,IAAIJ,YAAY,CAAC,CAAC;AAEvC,OAAO,SAASK,iBAAiBA,CAAA,EAAG;EAClC,KAAK,MAAMC,SAAS,IAAIH,aAAa,EAAE;IACrCD,aAAa,CAACK,WAAW,CAACD,SAAS,EAAE,CAAC,GAAGE,IAAI,KAAK;MAChDJ,YAAY,CAACK,IAAI,CAACH,SAAS,EAAE,GAAGE,IAAI,CAAC;IACvC,CAAC,CAAC;EACJ;AACF;AAKA,MAAME,cAAoD,GAAG,IAAIC,GAAG,CAAC,CAAC;AAEtE,OAAO,SAASJ,WAAWA,CACzBK,QAAkB,EAClBN,SAAiB,EACjBO,YAA0B,EACpB;EAAA,IAAAC,kBAAA;EACN,IAAI,CAACX,aAAa,CAACY,QAAQ,CAACT,SAAS,CAAC,EAAE;IACtC,MAAM,IAAIU,KAAK,CAAC,kBAAkBV,SAAS,EAAE,CAAC;EAChD;EAEA,IAAI,CAACI,cAAc,CAACO,GAAG,CAACL,QAAQ,CAAC,EAAE;IACjCF,cAAc,CAACQ,GAAG,CAACN,QAAQ,EAAE,EAAE,CAAC;EAClC;EAEA,CAAAE,kBAAA,GAAAJ,cAAc,CACXS,GAAG,CAACP,QAAQ,CAAC,cAAAE,kBAAA,eADhBA,kBAAA,CAEIM,IAAI,CAAChB,YAAY,CAACG,WAAW,CAACD,SAAS,EAAEO,YAAY,CAAC,CAAC;AAC7D;AAEA,OAAO,SAASQ,cAAcA,CAACT,QAAkB,EAAQ;EAAA,IAAAU,mBAAA;EACvD,CAAAA,mBAAA,GAAAZ,cAAc,CAACS,GAAG,CAACP,QAAQ,CAAC,cAAAU,mBAAA,eAA5BA,mBAAA,CAA8BC,OAAO,CAAEC,GAAG,IAAK;IAC7CA,GAAG,CAACC,MAAM,CAAC,CAAC;EACd,CAAC,CAAC;EAEFf,cAAc,CAACgB,MAAM,CAACd,QAAQ,CAAC;AACjC","ignoreList":[]}
+{"version":3,"names":["NativeEventEmitter","EventEmitter","LiveKitModule","nativeEmitter","NATIVE_EVENTS","eventEmitter","setupNativeEvents","eventName","addListener","args","emit","_subscriptions","Map","listener","eventHandler","_subscriptions$get","includes","Error","has","set","get","push","removeListener","_subscriptions$get2","forEach","sub","remove","delete"],"sources":["EventEmitter.ts"],"sourcesContent":["import { NativeEventEmitter, type EmitterSubscription } from 'react-native';\n// @ts-ignore\nimport EventEmitter from 'react-native/Libraries/vendor/emitter/EventEmitter';\nimport LiveKitModule from '../LKNativeModule';\n\n// This emitter is going to be used to listen to all the native events (once) and then\n// re-emit them on a JS-only emitter.\nconst nativeEmitter = new NativeEventEmitter(LiveKitModule);\n\nconst NATIVE_EVENTS = [\n  'LK_VOLUME_PROCESSED',\n  'LK_MULTIBAND_PROCESSED',\n  'LK_AUDIO_DATA',\n];\n\nconst eventEmitter = new EventEmitter();\n\nexport function setupNativeEvents() {\n  for (const eventName of NATIVE_EVENTS) {\n    nativeEmitter.addListener(eventName, (...args) => {\n      eventEmitter.emit(eventName, ...args);\n    });\n  }\n}\n\ntype EventHandler = (event: unknown) => void;\ntype Listener = unknown;\n\nconst _subscriptions: Map<Listener, EmitterSubscription[]> = new Map();\n\nexport function addListener(\n  listener: Listener,\n  eventName: string,\n  eventHandler: EventHandler\n): void {\n  if (!NATIVE_EVENTS.includes(eventName)) {\n    throw new Error(`Invalid event: ${eventName}`);\n  }\n\n  if (!_subscriptions.has(listener)) {\n    _subscriptions.set(listener, []);\n  }\n\n  _subscriptions\n    .get(listener)\n    ?.push(eventEmitter.addListener(eventName, eventHandler));\n}\n\nexport function removeListener(listener: Listener): void {\n  _subscriptions.get(listener)?.forEach((sub) => {\n    sub.remove();\n  });\n\n  _subscriptions.delete(listener);\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAkC,cAAc;AAC3E;AACA,OAAOC,YAAY,MAAM,oDAAoD;AAC7E,OAAOC,aAAa,MAAM,mBAAmB;;AAE7C;AACA;AACA,MAAMC,aAAa,GAAG,IAAIH,kBAAkB,CAACE,aAAa,CAAC;AAE3D,MAAME,aAAa,GAAG,CACpB,qBAAqB,EACrB,wBAAwB,EACxB,eAAe,CAChB;AAED,MAAMC,YAAY,GAAG,IAAIJ,YAAY,CAAC,CAAC;AAEvC,OAAO,SAASK,iBAAiBA,CAAA,EAAG;EAClC,KAAK,MAAMC,SAAS,IAAIH,aAAa,EAAE;IACrCD,aAAa,CAACK,WAAW,CAACD,SAAS,EAAE,CAAC,GAAGE,IAAI,KAAK;MAChDJ,YAAY,CAACK,IAAI,CAACH,SAAS,EAAE,GAAGE,IAAI,CAAC;IACvC,CAAC,CAAC;EACJ;AACF;AAKA,MAAME,cAAoD,GAAG,IAAIC,GAAG,CAAC,CAAC;AAEtE,OAAO,SAASJ,WAAWA,CACzBK,QAAkB,EAClBN,SAAiB,EACjBO,YAA0B,EACpB;EAAA,IAAAC,kBAAA;EACN,IAAI,CAACX,aAAa,CAACY,QAAQ,CAACT,SAAS,CAAC,EAAE;IACtC,MAAM,IAAIU,KAAK,CAAC,kBAAkBV,SAAS,EAAE,CAAC;EAChD;EAEA,IAAI,CAACI,cAAc,CAACO,GAAG,CAACL,QAAQ,CAAC,EAAE;IACjCF,cAAc,CAACQ,GAAG,CAACN,QAAQ,EAAE,EAAE,CAAC;EAClC;EAEA,CAAAE,kBAAA,GAAAJ,cAAc,CACXS,GAAG,CAACP,QAAQ,CAAC,cAAAE,kBAAA,eADhBA,kBAAA,CAEIM,IAAI,CAAChB,YAAY,CAACG,WAAW,CAACD,SAAS,EAAEO,YAAY,CAAC,CAAC;AAC7D;AAEA,OAAO,SAASQ,cAAcA,CAACT,QAAkB,EAAQ;EAAA,IAAAU,mBAAA;EACvD,CAAAA,mBAAA,GAAAZ,cAAc,CAACS,GAAG,CAACP,QAAQ,CAAC,cAAAU,mBAAA,eAA5BA,mBAAA,CAA8BC,OAAO,CAAEC,GAAG,IAAK;IAC7CA,GAAG,CAACC,MAAM,CAAC,CAAC;EACd,CAAC,CAAC;EAEFf,cAAc,CAACgB,MAAM,CAACd,QAAQ,CAAC;AACjC","ignoreList":[]}

package/lib/module/index.js

@@ -1,5 +1,7 @@
 import 'well-known-symbols/Symbol.asyncIterator/auto';
 import 'well-known-symbols/Symbol.iterator/auto';
+import './polyfills/MediaRecorderShim';
+import 'react-native-quick-base64';
 import { registerGlobals as webrtcRegisterGlobals } from '@livekit/react-native-webrtc';
 import { setupURLPolyfill } from 'react-native-url-polyfill';
 import './polyfills/EncoderDecoderTogether.min.js';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerGlobals","webrtcRegisterGlobals","setupURLPolyfill","AudioSession","AndroidAudioTypePresets","getDefaultAppleAudioConfigurationForMode","PixelRatio","Platform","RNE2EEManager","RNKeyProvider","setupNativeEvents","ReadableStream","WritableStream","iosCategoryEnforce","livekitRegisterGlobals","fixWebrtcAdapter","shimPromiseAllSettled","shimArrayAt","shimCryptoUuid","shimWebstreams","OS","getUserMediaFunc","global","navigator","mediaDevices","getUserMedia","constraints","audio","setAppleAudioConfiguration","audioCategory","lkGlobal","platform","devicePixelRatio","get","LiveKitReactNativeGlobal","_window","window","undefined","userAgent","product","allSettled","require","shim","Array","prototype","at","_global$crypto","crypto","randomUUID","createRandomUUID","replace","c","r","Math","random","v","toString"],"sources":["index.tsx"],"sourcesContent":["import 'well-known-symbols/Symbol.asyncIterator/auto';\nimport 'well-known-symbols/Symbol.iterator/auto';\nimport { registerGlobals as webrtcRegisterGlobals } from '@livekit/react-native-webrtc';\nimport { setupURLPolyfill } from 'react-native-url-polyfill';\nimport './polyfills/EncoderDecoderTogether.min.js';\nimport AudioSession, {\n  AndroidAudioTypePresets,\n  type AndroidAudioTypeOptions,\n  type AppleAudioCategory,\n  type AppleAudioCategoryOption,\n  type AppleAudioConfiguration,\n  type AppleAudioMode,\n  type AudioTrackState,\n  getDefaultAppleAudioConfigurationForMode,\n} from './audio/AudioSession';\nimport type { AudioConfiguration } from './audio/AudioSession';\nimport { PixelRatio, Platform } from 'react-native';\nimport { type LiveKitReactNativeInfo } from 'livekit-client';\nimport type { LogLevel, SetLogLevelOptions } from './logger';\nimport RNE2EEManager from './e2ee/RNE2EEManager';\nimport RNKeyProvider, { type RNKeyProviderOptions } from './e2ee/RNKeyProvider';\nimport { setupNativeEvents } from './events/EventEmitter';\nimport { ReadableStream, WritableStream } from 'web-streams-polyfill';\n\n/**\n * Registers the required globals needed for LiveKit to work.\n *\n * Must be called before using LiveKit.\n */\nexport function registerGlobals() {\n  webrtcRegisterGlobals();\n  iosCategoryEnforce();\n  livekitRegisterGlobals();\n  setupURLPolyfill();\n  fixWebrtcAdapter();\n  shimPromiseAllSettled();\n  shimArrayAt();\n  shimCryptoUuid();\n  shimWebstreams();\n  setupNativeEvents();\n}\n\n/**\n * Enforces changing to playAndRecord category prior to obtaining microphone.\n */\nfunction iosCategoryEnforce() {\n  if (Platform.OS === 'ios') {\n    // @ts-ignore\n    let getUserMediaFunc = global.navigator.mediaDevices.getUserMedia;\n    // @ts-ignore\n    global.navigator.mediaDevices.getUserMedia = async (constraints: any) => {\n      if (constraints.audio) {\n        await AudioSession.setAppleAudioConfiguration({\n          audioCategory: 'playAndRecord',\n        });\n      }\n\n      return await getUserMediaFunc(constraints);\n    };\n  }\n}\n\nfunction livekitRegisterGlobals() {\n  let lkGlobal: LiveKitReactNativeInfo = {\n    platform: Platform.OS,\n    devicePixelRatio: PixelRatio.get(),\n  };\n\n  // @ts-ignore\n  global.LiveKitReactNativeGlobal = lkGlobal;\n}\n\nfunction fixWebrtcAdapter() {\n  // @ts-ignore\n  if (window?.navigator !== undefined) {\n    // @ts-ignore\n    const { navigator } = window;\n    if (navigator.userAgent === undefined) {\n      navigator.userAgent = navigator.product ?? 'Unknown';\n    }\n  }\n}\n\nfunction shimPromiseAllSettled() {\n  var allSettled = require('promise.allsettled');\n  allSettled.shim();\n}\n\nfunction shimArrayAt() {\n  // Some versions of RN don't have Array.prototype.at, which is used by sdp-transform\n  if (!Array.prototype.at) {\n    var at = require('array.prototype.at');\n    at.shim();\n  }\n}\n\nfunction shimCryptoUuid() {\n  let crypto = global.crypto;\n  if (typeof global.crypto?.randomUUID !== 'function') {\n    let createRandomUUID = () => {\n      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(\n        /[xy]/g,\n        function (c) {\n          /* eslint-disable no-bitwise */\n          const r = (Math.random() * 16) | 0;\n          const v = c === 'x' ? r : (r & 0x3) | 0x8;\n          return v.toString(16);\n        }\n      ) as `${string}-${string}-${string}-${string}-${string}`;\n    };\n\n    if (!crypto) {\n      crypto = {} as typeof global.crypto;\n      global.crypto = crypto;\n    }\n    crypto.randomUUID = createRandomUUID;\n  }\n}\n\nfunction shimWebstreams() {\n  // @ts-expect-error: global.WritableStream isn't typed here.\n  if (typeof global.WritableStream === 'undefined') {\n    // @ts-expect-error\n    global.WritableStream = WritableStream;\n  }\n\n  // @ts-expect-error: global.ReadableStream isn't typed here.\n  if (typeof global.ReadableStream === 'undefined') {\n    // @ts-expect-error\n    global.ReadableStream = ReadableStream;\n  }\n}\n\nexport * from './hooks';\nexport * from './components/BarVisualizer';\nexport * from './components/LiveKitRoom';\nexport * from './components/VideoTrack';\nexport * from './components/VideoView'; // deprecated\nexport * from './useParticipant'; // deprecated\nexport * from './useRoom'; // deprecated\nexport * from './logger';\nexport * from './audio/AudioManager';\n\nexport {\n  AudioSession,\n  RNE2EEManager,\n  RNKeyProvider,\n  AndroidAudioTypePresets,\n  getDefaultAppleAudioConfigurationForMode,\n};\nexport type {\n  AudioConfiguration,\n  AndroidAudioTypeOptions,\n  AppleAudioCategory,\n  AppleAudioCategoryOption,\n  AppleAudioConfiguration,\n  AppleAudioMode,\n  AudioTrackState,\n  LogLevel,\n  SetLogLevelOptions,\n  RNKeyProviderOptions,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerGlobals","webrtcRegisterGlobals","setupURLPolyfill","AudioSession","AndroidAudioTypePresets","getDefaultAppleAudioConfigurationForMode","PixelRatio","Platform","RNE2EEManager","RNKeyProvider","setupNativeEvents","ReadableStream","WritableStream","iosCategoryEnforce","livekitRegisterGlobals","fixWebrtcAdapter","shimPromiseAllSettled","shimArrayAt","shimCryptoUuid","shimWebstreams","OS","getUserMediaFunc","global","navigator","mediaDevices","getUserMedia","constraints","audio","setAppleAudioConfiguration","audioCategory","lkGlobal","platform","devicePixelRatio","get","LiveKitReactNativeGlobal","_window","window","undefined","userAgent","product","allSettled","require","shim","Array","prototype","at","_global$crypto","crypto","randomUUID","createRandomUUID","replace","c","r","Math","random","v","toString"],"sources":["index.tsx"],"sourcesContent":["import 'well-known-symbols/Symbol.asyncIterator/auto';\nimport 'well-known-symbols/Symbol.iterator/auto';\nimport './polyfills/MediaRecorderShim';\nimport 'react-native-quick-base64';\nimport { registerGlobals as webrtcRegisterGlobals } from '@livekit/react-native-webrtc';\nimport { setupURLPolyfill } from 'react-native-url-polyfill';\nimport './polyfills/EncoderDecoderTogether.min.js';\nimport AudioSession, {\n  AndroidAudioTypePresets,\n  type AndroidAudioTypeOptions,\n  type AppleAudioCategory,\n  type AppleAudioCategoryOption,\n  type AppleAudioConfiguration,\n  type AppleAudioMode,\n  type AudioTrackState,\n  getDefaultAppleAudioConfigurationForMode,\n} from './audio/AudioSession';\nimport type { AudioConfiguration } from './audio/AudioSession';\nimport { PixelRatio, Platform } from 'react-native';\nimport { type LiveKitReactNativeInfo } from 'livekit-client';\nimport type { LogLevel, SetLogLevelOptions } from './logger';\nimport RNE2EEManager from './e2ee/RNE2EEManager';\nimport RNKeyProvider, { type RNKeyProviderOptions } from './e2ee/RNKeyProvider';\nimport { setupNativeEvents } from './events/EventEmitter';\nimport { ReadableStream, WritableStream } from 'web-streams-polyfill';\n\n/**\n * Registers the required globals needed for LiveKit to work.\n *\n * Must be called before using LiveKit.\n */\nexport function registerGlobals() {\n  webrtcRegisterGlobals();\n  iosCategoryEnforce();\n  livekitRegisterGlobals();\n  setupURLPolyfill();\n  fixWebrtcAdapter();\n  shimPromiseAllSettled();\n  shimArrayAt();\n  shimCryptoUuid();\n  shimWebstreams();\n  setupNativeEvents();\n}\n\n/**\n * Enforces changing to playAndRecord category prior to obtaining microphone.\n */\nfunction iosCategoryEnforce() {\n  if (Platform.OS === 'ios') {\n    // @ts-ignore\n    let getUserMediaFunc = global.navigator.mediaDevices.getUserMedia;\n    // @ts-ignore\n    global.navigator.mediaDevices.getUserMedia = async (constraints: any) => {\n      if (constraints.audio) {\n        await AudioSession.setAppleAudioConfiguration({\n          audioCategory: 'playAndRecord',\n        });\n      }\n\n      return await getUserMediaFunc(constraints);\n    };\n  }\n}\n\nfunction livekitRegisterGlobals() {\n  let lkGlobal: LiveKitReactNativeInfo = {\n    platform: Platform.OS,\n    devicePixelRatio: PixelRatio.get(),\n  };\n\n  // @ts-ignore\n  global.LiveKitReactNativeGlobal = lkGlobal;\n}\n\nfunction fixWebrtcAdapter() {\n  // @ts-ignore\n  if (window?.navigator !== undefined) {\n    // @ts-ignore\n    const { navigator } = window;\n    if (navigator.userAgent === undefined) {\n      navigator.userAgent = navigator.product ?? 'Unknown';\n    }\n  }\n}\n\nfunction shimPromiseAllSettled() {\n  var allSettled = require('promise.allsettled');\n  allSettled.shim();\n}\n\nfunction shimArrayAt() {\n  // Some versions of RN don't have Array.prototype.at, which is used by sdp-transform\n  if (!Array.prototype.at) {\n    var at = require('array.prototype.at');\n    at.shim();\n  }\n}\n\nfunction shimCryptoUuid() {\n  let crypto = global.crypto;\n  if (typeof global.crypto?.randomUUID !== 'function') {\n    let createRandomUUID = () => {\n      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(\n        /[xy]/g,\n        function (c) {\n          /* eslint-disable no-bitwise */\n          const r = (Math.random() * 16) | 0;\n          const v = c === 'x' ? r : (r & 0x3) | 0x8;\n          return v.toString(16);\n        }\n      ) as `${string}-${string}-${string}-${string}-${string}`;\n    };\n\n    if (!crypto) {\n      crypto = {} as typeof global.crypto;\n      global.crypto = crypto;\n    }\n    crypto.randomUUID = createRandomUUID;\n  }\n}\n\nfunction shimWebstreams() {\n  // @ts-expect-error: global.WritableStream isn't typed here.\n  if (typeof global.WritableStream === 'undefined') {\n    // @ts-expect-error\n    global.WritableStream = WritableStream;\n  }\n\n  // @ts-expect-error: global.ReadableStream isn't typed here.\n  if (typeof global.ReadableStream === 'undefined') {\n    // @ts-expect-error\n    global.ReadableStream = ReadableStream;\n  }\n}\n\nexport * from './hooks';\nexport * from './components/BarVisualizer';\nexport * from './components/LiveKitRoom';\nexport * from './components/VideoTrack';\nexport * from './components/VideoView'; // deprecated\nexport * from './useParticipant'; // deprecated\nexport * from './useRoom'; // deprecated\nexport * from './logger';\nexport * from './audio/AudioManager';\n\nexport {\n  AudioSession,\n  RNE2EEManager,\n  RNKeyProvider,\n  AndroidAudioTypePresets,\n  getDefaultAppleAudioConfigurationForMode,\n};\nexport type {\n  AudioConfiguration,\n  AndroidAudioTypeOptions,\n  AppleAudioCategory,\n  AppleAudioCategoryOption,\n  AppleAudioConfiguration,\n  AppleAudioMode,\n  AudioTrackState,\n  LogLevel,\n  SetLogLevelOptions,\n  RNKeyProviderOptions,\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/polyfills/MediaRecorderShim.js

@@ -0,0 +1,11 @@
+import { MediaRecorder } from "../audio/MediaRecorder";
+function shimMediaRecorder() {
+  // @ts-expect-error
+  if (!global.MediaRecorder) {
+    // @ts-expect-error
+    global.MediaRecorder = MediaRecorder;
+  }
+  MediaRecorder;
+}
+shimMediaRecorder();
+//# sourceMappingURL=MediaRecorderShim.js.map

package/lib/module/polyfills/MediaRecorderShim.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MediaRecorder","shimMediaRecorder","global"],"sources":["MediaRecorderShim.ts"],"sourcesContent":["import { MediaRecorder } from \"../audio/MediaRecorder\";\n\nfunction shimMediaRecorder() {\n  // @ts-expect-error\n  if(!global.MediaRecorder) {\n    // @ts-expect-error\n    global.MediaRecorder = MediaRecorder\n  }\n  MediaRecorder\n}\n\nshimMediaRecorder();"],"mappings":"AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAEtD,SAASC,iBAAiBA,CAAA,EAAG;EAC3B;EACA,IAAG,CAACC,MAAM,CAACF,aAAa,EAAE;IACxB;IACAE,MAAM,CAACF,aAAa,GAAGA,aAAa;EACtC;EACAA,aAAa;AACf;AAEAC,iBAAiB,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/lib/commonjs/audio/MediaRecorder.d.ts

@@ -0,0 +1,24 @@
+export const __esModule: boolean;
+declare const MediaRecorder_base: any;
+/**
+ * A MediaRecord implementation only meant for recording audio streams.
+ *
+ * @private
+ */
+export class MediaRecorder extends MediaRecorder_base {
+    [x: string]: any;
+    constructor(stream: any);
+    stream: any;
+    registerListener(): void;
+    _reactTag: any;
+    unregisterListener(): void;
+    pause(): void;
+    state: string | undefined;
+    resume(): void;
+    start(): void;
+    stop(): void;
+    requestData(): void;
+    dispatchData(): void;
+    _parts: any[] | undefined;
+}
+export {};

package/lib/typescript/lib/commonjs/polyfills/MediaRecorderShim.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/lib/module/audio/MediaRecorder.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A MediaRecord implementation only meant for recording audio streams.
+ *
+ * @private
+ */
+export class MediaRecorder extends EventTarget<Record<string, Event<string>>, "standard"> {
+    constructor(stream: any);
+    stream: any;
+    registerListener(): void;
+    _reactTag: any;
+    unregisterListener(): void;
+    pause(): void;
+    state: string | undefined;
+    resume(): void;
+    start(): void;
+    stop(): void;
+    requestData(): void;
+    dispatchData(): void;
+    _parts: any[] | undefined;
+}
+import { Event } from 'event-target-shim/index';
+import { EventTarget } from 'event-target-shim/index';

package/lib/typescript/lib/module/polyfills/MediaRecorderShim.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/src/audio/MediaRecorder.d.ts

@@ -0,0 +1,54 @@
+import type { MediaStream } from '@livekit/react-native-webrtc';
+import { EventTarget, Event } from 'event-target-shim/index';
+type MediaRecorderState = 'inactive' | 'recording' | 'paused';
+type MediaRecorderEventMap = {
+    dataavailable: BlobEvent<'dataavailable'>;
+    error: Event<'error'>;
+    pause: Event<'pause'>;
+    resume: Event<'resume'>;
+    start: Event<'start'>;
+    stop: Event<'stop'>;
+};
+/**
+ * A MediaRecord implementation only meant for recording audio streams.
+ *
+ * @private
+ */
+export declare class MediaRecorder extends EventTarget<MediaRecorderEventMap> {
+    mimeType: String;
+    audioBitsPerSecond: number;
+    state: MediaRecorderState;
+    stream: MediaStream;
+    videoBitsPerSecond: number;
+    audioBitrateMode: string;
+    _reactTag: string | undefined;
+    _parts: string[];
+    constructor(stream: MediaStream);
+    registerListener(): void;
+    unregisterListener(): void;
+    pause(): void;
+    resume(): void;
+    start(): void;
+    stop(): void;
+    requestData(): void;
+    dispatchData(): void;
+}
+/**
+ * @eventClass
+ * This event is fired whenever the Track is changed in PeerConnection.
+ * @param {TRACK_EVENTS} type - The type of event.
+ * @param {IRTCTrackEventInitDict} eventInitDict - The event init properties.
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/track_event MDN} for details.
+ */
+declare class BlobEvent<TEventType extends string> extends Event<TEventType> {
+    /** @eventProperty */
+    readonly data: {
+        byteArray: Uint8Array;
+    };
+    constructor(type: TEventType, eventInitDict: {
+        data: {
+            byteArray: Uint8Array;
+        };
+    } & Event.EventInit);
+}
+export {};

package/lib/typescript/src/components/LiveKitRoom.d.ts

@@ -38,7 +38,7 @@ export interface LiveKitRoomProps {
     screen?: ScreenShareCaptureOptions | boolean;
     /**
      * If set to true a connection to LiveKit room is initiated.
-     * @defaultValue `false`
+     * @defaultValue `true`
      */
     connect?: boolean;
     /**

package/lib/typescript/src/components/VideoTrack.d.ts

@@ -103,4 +103,4 @@ export type VideoTrackProps = {
  * @returns A React component that renders the given video track.
  * @public
  */
-export declare const VideoTrack: React.ForwardRefExoticComponent<VideoTrackProps & React.RefAttributes<React.Component<{}, {}, any>>>;
+export declare const VideoTrack: React.ForwardRefExoticComponent<VideoTrackProps & React.RefAttributes<React.Component<import("@livekit/react-native-webrtc").RTCVideoViewProps, {}, any> & Readonly<import("react-native").NativeMethods>>>;

package/lib/typescript/src/index.d.ts

@@ -1,5 +1,7 @@
 import 'well-known-symbols/Symbol.asyncIterator/auto';
 import 'well-known-symbols/Symbol.iterator/auto';
+import './polyfills/MediaRecorderShim';
+import 'react-native-quick-base64';
 import './polyfills/EncoderDecoderTogether.min.js';
 import AudioSession, { AndroidAudioTypePresets, type AndroidAudioTypeOptions, type AppleAudioCategory, type AppleAudioCategoryOption, type AppleAudioConfiguration, type AppleAudioMode, type AudioTrackState, getDefaultAppleAudioConfigurationForMode } from './audio/AudioSession';
 import type { AudioConfiguration } from './audio/AudioSession';

package/lib/typescript/src/polyfills/MediaRecorderShim.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livekit/react-native",
-  "version": "2.7.6",
+  "version": "2.9.0",
   "description": "LiveKit for React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -44,9 +44,11 @@
   "dependencies": {
     "@livekit/components-react": "^2.8.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-url-polyfill": "^1.3.0",
     "typed-emitter": "^2.1.0",
     "web-streams-polyfill": "^4.1.0",
@@ -57,7 +59,7 @@
     "@babel/preset-env": "^7.20.0",
     "@babel/runtime": "^7.20.0",
     "@commitlint/config-conventional": "^16.2.1",
-    "@livekit/react-native-webrtc": "^125.0.10",
+    "@livekit/react-native-webrtc": "^137.0.0",
     "@react-native/babel-preset": "0.74.84",
     "@react-native/eslint-config": "0.74.84",
     "@react-native/metro-config": "0.74.84",
@@ -73,7 +75,7 @@
     "eslint-plugin-prettier": "^4.2.1",
     "husky": "^7.0.4",
     "jest": "^29.6.3",
-    "livekit-client": "^2.9.8",
+    "livekit-client": "^2.15.4",
     "pod-install": "^0.2.2",
     "prettier": "2.8.8",
     "react": "18.2.0",
@@ -84,8 +86,8 @@
     "typescript": "5.0.4"
   },
   "peerDependencies": {
-    "@livekit/react-native-webrtc": "^125.0.10",
-    "livekit-client": "^2.9.0",
+    "@livekit/react-native-webrtc": "^137.0.0",
+    "livekit-client": "^2.15.4",
     "react": "*",
     "react-native": "*"
   },

package/src/audio/MediaRecorder.ts

@@ -0,0 +1,158 @@
+import type { MediaStream } from '@livekit/react-native-webrtc';
+import { addListener } from '../events/EventEmitter';
+import {
+  EventTarget,
+  Event,
+  defineEventAttribute,
+} from 'event-target-shim/index';
+import { toByteArray } from 'react-native-quick-base64';
+import LiveKitModule from '../LKNativeModule';
+import { log } from '../logger';
+
+// typeof MediaRecorder
+// const Tester = (stream: MediaStream) => {
+//   return new AudioRecorder(stream) satisfies MediaRecorder;
+// };
+
+type MediaRecorderState = 'inactive' | 'recording' | 'paused';
+type MediaRecorderEventMap = {
+  dataavailable: BlobEvent<'dataavailable'>;
+  error: Event<'error'>;
+  pause: Event<'pause'>;
+  resume: Event<'resume'>;
+  start: Event<'start'>;
+  stop: Event<'stop'>;
+};
+
+/**
+ * A MediaRecord implementation only meant for recording audio streams.
+ *
+ * @private
+ */
+export class MediaRecorder extends EventTarget<MediaRecorderEventMap> {
+  mimeType: String = 'audio/pcm';
+  audioBitsPerSecond: number = 0; // TODO?
+  state: MediaRecorderState = 'inactive';
+  stream: MediaStream;
+  videoBitsPerSecond: number = 0; // TODO?
+  audioBitrateMode = 'constant';
+
+  _reactTag: string | undefined = undefined;
+  _parts: string[] = [];
+  constructor(stream: MediaStream) {
+    super();
+    this.stream = stream;
+  }
+
+  registerListener() {
+    let audioTracks = this.stream.getAudioTracks();
+    if (audioTracks.length !== 1) {
+      return;
+    }
+    const mediaStreamTrack = audioTracks[0];
+    const peerConnectionId = mediaStreamTrack._peerConnectionId ?? -1;
+    const mediaStreamTrackId = mediaStreamTrack?.id;
+    this._reactTag = LiveKitModule.createAudioSinkListener(
+      peerConnectionId,
+      mediaStreamTrackId
+    );
+    addListener(this, 'LK_AUDIO_DATA', (event: any) => {
+      if (
+        this._reactTag &&
+        event.id === this._reactTag &&
+        this.state === 'recording'
+      ) {
+        let str = event.data as string;
+        this._parts.push(str);
+      }
+    });
+  }
+
+  unregisterListener() {
+    if (this._reactTag) {
+      let audioTracks = this.stream.getAudioTracks();
+      if (audioTracks.length !== 1) {
+        log.error("couldn't find any audio tracks to record from!");
+        return;
+      }
+      const mediaStreamTrack = audioTracks[0];
+      const peerConnectionId = mediaStreamTrack._peerConnectionId ?? -1;
+      const mediaStreamTrackId = mediaStreamTrack?.id;
+
+      LiveKitModule.deleteAudioSinkListener(
+        this._reactTag,
+        peerConnectionId,
+        mediaStreamTrackId
+      );
+    }
+  }
+
+  pause() {
+    this.state = 'paused';
+    this.dispatchEvent(new Event('pause'));
+  }
+
+  resume() {
+    this.state = 'recording';
+    this.dispatchEvent(new Event('resume'));
+  }
+
+  start() {
+    this.registerListener();
+    this.state = 'recording';
+    this.dispatchEvent(new Event('start'));
+  }
+
+  stop() {
+    // dispatch data must come before stopping.
+    this.dispatchData();
+
+    this.unregisterListener();
+    this.state = 'inactive';
+    this.dispatchEvent(new Event('stop'));
+  }
+
+  requestData() {
+    this.dispatchData();
+  }
+  dispatchData() {
+    let combinedStr = this._parts.reduce((sum, cur) => sum + cur, '');
+    let data = toByteArray(combinedStr);
+    this._parts = [];
+    this.dispatchEvent(
+      new BlobEvent('dataavailable', { data: { byteArray: data } })
+    );
+  }
+}
+
+/**
+ * @eventClass
+ * This event is fired whenever the Track is changed in PeerConnection.
+ * @param {TRACK_EVENTS} type - The type of event.
+ * @param {IRTCTrackEventInitDict} eventInitDict - The event init properties.
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/track_event MDN} for details.
+ */
+class BlobEvent<TEventType extends string> extends Event<TEventType> {
+  /** @eventProperty */
+  readonly data: { byteArray: Uint8Array };
+
+  constructor(
+    type: TEventType,
+    eventInitDict: { data: { byteArray: Uint8Array } } & Event.EventInit
+  ) {
+    super(type, eventInitDict);
+    this.data = eventInitDict.data;
+  }
+}
+
+/**
+ * Define the `onxxx` event handlers.
+ */
+const proto = MediaRecorder.prototype;
+
+defineEventAttribute(proto, 'dataavailable');
+defineEventAttribute(proto, 'error');
+defineEventAttribute(proto, 'pause');
+defineEventAttribute(proto, 'resume');
+defineEventAttribute(proto, 'start');
+defineEventAttribute(proto, 'stop');

package/src/components/BarVisualizer.tsx

@@ -149,7 +149,7 @@ export const BarVisualizer = ({
   let bars: React.ReactNode[] = [];
   magnitudes.forEach((value, index) => {
     let coerced = Math.min(opts.maxHeight, Math.max(opts.minHeight, value));
-    let coercedPercent = Math.min(100, Math.max(0, coerced * 100 + 5));
+    let coercedPercent = Math.min(100, Math.max(0, coerced * 100));
     let opacity = opacityAnimations[index] ?? new Animated.Value(0.3);
     let barStyle = {
       opacity: opacity,
@@ -160,11 +160,7 @@ export const BarVisualizer = ({
     bars.push(
       <Animated.View
         key={index}
-        style={[
-          { height: `${coercedPercent}%` },
-          barStyle,
-          styles.volumeIndicator,
-        ]}
+        style={[{ height: `${coercedPercent}%` }, barStyle]}
       />
     );
   });
@@ -177,9 +173,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'space-evenly',
   },
-  volumeIndicator: {
-    borderRadius: 12,
-  },
 });
 
 export const useBarAnimator = (

package/src/components/LiveKitRoom.tsx

@@ -50,7 +50,7 @@ export interface LiveKitRoomProps {
   screen?: ScreenShareCaptureOptions | boolean;
   /**
    * If set to true a connection to LiveKit room is initiated.
-   * @defaultValue `false`
+   * @defaultValue `true`
    */
   connect?: boolean;
   /**

package/src/components/VideoTrack.tsx

@@ -19,7 +19,6 @@ import {
   type RTCIOSPIPOptions,
 } from '@livekit/react-native-webrtc';
 import {
-  Component,
   forwardRef,
   useCallback,
   useEffect,
@@ -125,6 +124,8 @@ export type VideoTrackProps = {
   };
 };
 
+type RTCViewInstance = InstanceType<typeof RTCView>;
+
 /**
  * VideoTrack component for displaying video tracks in a React Native application.
  * It supports both local and remote video tracks from LiveKit, and handles adaptive streaming for remote tracks.
@@ -133,7 +134,7 @@ export type VideoTrackProps = {
  * @returns A React component that renders the given video track.
  * @public
  */
-export const VideoTrack = forwardRef<Component, VideoTrackProps>(
+export const VideoTrack = forwardRef<RTCViewInstance, VideoTrackProps>(
   (
     {
       style = {},

package/src/events/EventEmitter.ts

@@ -7,7 +7,11 @@ import LiveKitModule from '../LKNativeModule';
 // re-emit them on a JS-only emitter.
 const nativeEmitter = new NativeEventEmitter(LiveKitModule);
 
-const NATIVE_EVENTS = ['LK_VOLUME_PROCESSED', 'LK_MULTIBAND_PROCESSED'];
+const NATIVE_EVENTS = [
+  'LK_VOLUME_PROCESSED',
+  'LK_MULTIBAND_PROCESSED',
+  'LK_AUDIO_DATA',
+];
 
 const eventEmitter = new EventEmitter();
 

package/src/index.tsx

@@ -1,5 +1,7 @@
 import 'well-known-symbols/Symbol.asyncIterator/auto';
 import 'well-known-symbols/Symbol.iterator/auto';
+import './polyfills/MediaRecorderShim';
+import 'react-native-quick-base64';
 import { registerGlobals as webrtcRegisterGlobals } from '@livekit/react-native-webrtc';
 import { setupURLPolyfill } from 'react-native-url-polyfill';
 import './polyfills/EncoderDecoderTogether.min.js';

package/src/polyfills/MediaRecorderShim.ts

@@ -0,0 +1,12 @@
+import { MediaRecorder } from "../audio/MediaRecorder";
+
+function shimMediaRecorder() {
+  // @ts-expect-error
+  if(!global.MediaRecorder) {
+    // @ts-expect-error
+    global.MediaRecorder = MediaRecorder
+  }
+  MediaRecorder
+}
+
+shimMediaRecorder();