fix: performance issue in bridge

related: #1875

Author: Akryum

packages/shared-utils/src/bridge.ts

@@ -1,15 +1,14 @@
 import { EventEmitter } from 'events'
 import { raf } from './raf'
 
-const BATCH_DURATION = 100
+const BATCH_DURATION = 200
 
 export class Bridge extends EventEmitter {
   wall: any // @TODO
   _batchingQueue: any[] // @TODO
   _sendingQueue: any[][] // @TODO
   _receivingQueue: any[] // @TODO
   _sending: boolean
-  _time: number
   _timer: NodeJS.Timeout
 
   constructor (wall) {
@@ -27,7 +26,6 @@ export class Bridge extends EventEmitter {
     this._sendingQueue = []
     this._receivingQueue = []
     this._sending = false
-    this._time = null
   }
 
   on (event: string | symbol, listener: (...args: any[]) => void): this {
@@ -43,31 +41,13 @@ export class Bridge extends EventEmitter {
   }
 
   send (event: string, payload?: any) {
-    if (Array.isArray(payload)) {
-      const lastIndex = payload.length - 1
-      payload.forEach((chunk, index) => {
-        this._send({
-          event,
-          _chunk: chunk,
-          last: index === lastIndex,
-        })
-      })
-      this._flush()
-    } else if (this._time === null) {
-      this._send([{ event, payload }])
-      this._time = Date.now()
-    } else {
-      this._batchingQueue.push({
-        event,
-        payload,
-      })
+    this._batchingQueue.push({
+      event,
+      payload,
+    })
 
-      const now = Date.now()
-      if (now - this._time > BATCH_DURATION) {
-        this._flush()
-      } else {
-        this._timer = setTimeout(() => this._flush(), BATCH_DURATION)
-      }
+    if (this._timer == null) {
+      this._timer = setTimeout(() => this._flush(), BATCH_DURATION)
     }
   }
 
@@ -82,8 +62,8 @@ export class Bridge extends EventEmitter {
   _flush () {
     if (this._batchingQueue.length) this._send(this._batchingQueue)
     clearTimeout(this._timer)
+    this._timer = null
     this._batchingQueue = []
-    this._time = null
   }
 
   // @TODO types