WIP decorator support

.prettierrc

@@ -7,6 +7,6 @@
   "importOrder": ["<THIRD_PARTY_MODULES>", "^[./]"],
   "importOrderSeparation": false,
   "importOrderSortSpecifiers": true,
-  "importOrderParserPlugins": ["typescript"],
+  "importOrderParserPlugins": ["typescript", "decorators"],
   "plugins": ["@trivago/prettier-plugin-sort-imports"]
 }

package.json

@@ -53,6 +53,7 @@
     "size-limit": "size-limit"
   },
   "dependencies": {
+    "@aloreljs/bound-decorator": "^3.0.3",
     "@livekit/protocol": "1.16.0",
     "events": "^3.3.0",
     "loglevel": "^1.8.0",

src/room/PCTransport.ts

@@ -1,3 +1,4 @@
+import { BoundMethod } from '@aloreljs/bound-decorator';
 import { EventEmitter } from 'events';
 import type { MediaDescription } from 'sdp-transform';
 import { parse, write } from 'sdp-transform';
@@ -431,7 +432,8 @@ export default class PCTransport extends EventEmitter {
     return candidates.get(selectedID);
   }
 
-  close = () => {
+  @BoundMethod()
+  close() {
     if (!this._pc) {
       return;
     }
@@ -448,7 +450,7 @@ export default class PCTransport extends EventEmitter {
     this._pc.onconnectionstatechange = null;
     this._pc.oniceconnectionstatechange = null;
     this._pc = null;
-  };
+  }
 
   private async setMungedSDP(sd: RTCSessionDescriptionInit, munged?: string, remote?: boolean) {
     if (munged) {

src/room/Room.ts

@@ -1,3 +1,4 @@
+import { BoundMethod } from '@aloreljs/bound-decorator';
 import {
   ConnectionQualityUpdate,
   type DataPacket,
@@ -716,7 +717,8 @@ class Room extends (EventEmitter as new () => TypedEmitter<RoomEventCallbacks>)
   /**
    * disconnects the room, emits [[RoomEvent.Disconnected]]
    */
-  disconnect = async (stopTracks = true) => {
+  @BoundMethod()
+  async disconnect(stopTracks = true) {
     const unlock = await this.disconnectLock.lock();
     try {
       if (this.state === ConnectionState.Disconnected) {
@@ -752,7 +754,7 @@ class Room extends (EventEmitter as new () => TypedEmitter<RoomEventCallbacks>)
     } finally {
       unlock();
     }
-  };
+  }
 
   /**
    * retrieves a participant by identity
@@ -903,9 +905,11 @@ class Room extends (EventEmitter as new () => TypedEmitter<RoomEventCallbacks>)
    * some form of user interaction (click/tap/etc).
    * In those cases, audio will be silent until a click/tap triggering one of the following
    * - `startAudio`
+   *
    * - `getUserMedia`
    */
-  startAudio = async () => {
+  @BoundMethod()
+  async startAudio() {
     const elements: Array<HTMLMediaElement> = [];
     const browser = getBrowser();
     if (browser && browser.os === 'iOS') {
@@ -974,7 +978,7 @@ class Room extends (EventEmitter as new () => TypedEmitter<RoomEventCallbacks>)
       this.handleAudioPlaybackFailed(err);
       throw err;
     }
-  };
+  }
 
   startVideo = async () => {
     const elements: HTMLMediaElement[] = [];