feat: up realtime and presences to 30 messages per second

src/components/presence-mouse/canvas/index.ts

@@ -222,7 +222,7 @@ export class PointersCanvas extends BaseComponent {
       ...coordinates,
       visible: !this.isPrivate,
     });
-  }, 100);
+  }, 30);
 
   private onMyParticipantMouseOut = (event: MouseEvent): void => {
     const { x, y, width, height } = this.canvas.getBoundingClientRect();

src/components/presence-mouse/html/index.ts

@@ -148,7 +148,7 @@ export class PointersHTML extends BaseComponent {
    */
   private addListeners(): void {
     this.pointerMoveObserver = fromEvent(this.container, 'pointermove')
-      .pipe(throttleTime(200))
+      .pipe(throttleTime(30))
       .subscribe(this.onMyParticipantMouseMove);
     this.container.addEventListener('pointerleave', this.onMyParticipantMouseLeave);
   }

src/components/realtime/index.ts

@@ -64,7 +64,7 @@ export class Realtime extends BaseComponent {
     }
 
     this.room.emit('message', { name: event, payload: data });
-  }, 200);
+  }, 30);
 
   /**
    * @function subscribe