Missing constructors (#574)

* add replacement for the Event constructor

* add early return when Audio is not defined

* add warn message

* add changeset

.changeset/chilled-seahorses-mix.md

@@ -0,0 +1,6 @@
+---
+'@signalwire/js': patch
+'@signalwire/webrtc': patch
+---
+
+Fix issue with missing constructors on react-native

packages/js/src/features/mediaElements/mediaElementsSagas.ts

@@ -161,6 +161,11 @@ export const makeAudioElementSaga = ({ speakerId }: { speakerId?: string }) => {
  instance: room,
  runSaga,
  }: CustomSagaParams<RoomSessionConnection>): SagaIterator {
+ if (typeof Audio === 'undefined') {
+ getLogger().warn('`Audio` is not supported on this environment.')
+ return
+ }
+
  try {
  const audioEl = new Audio()
  let audioTask: Task | undefined

packages/webrtc/src/utils/webrtcHelpers.native.ts

@@ -60,9 +60,28 @@ export const stopStream = (stream: RNMediaStream) => {
  stream = null
 }
 
+/**
+ * This class in implemented by `react-native-webrtc` but
+ * it's not exported directly. To avoid dealing with manual
+ * file imports and having (potential) issues of mixing
+ * commonjs/esm we ported it here since it's just a few
+ * lines of code.
+ */
+class MediaStreamTrackEvent {
+ type: string
+ track: any
+ constructor(type: string, eventInitDict: { track: any }) {
+ this.type = type.toString()
+ this.track = eventInitDict.track
+ }
+}
+
 export const stopTrack = (track: MediaStreamTrack) => {
  if (track && track.readyState === 'live') {
  track.stop()
- track.dispatchEvent(new Event('ended'))
+ track.dispatchEvent(
+ // @ts-expect-error
+ new MediaStreamTrackEvent('ended', { track })
+ )
  }
 }