perf(overmind-devtools): throttle instead of debounce

Author: christianalfoni

packages/node_modules/overmind/src/Devtools.ts

@@ -30,19 +30,24 @@ export function safeValues(values) {
   return values.map(safeValue)
 }
 
-function debounce(func, wait) {
-  let timeout
+const throttle = (func, limit) => {
+  let lastFunc
+  let lastRan
   return function() {
     const context = this
     const args = arguments
-
-    const later = function() {
-      timeout = null
+    if (!lastRan) {
       func.apply(context, args)
+      lastRan = Date.now()
+    } else {
+      clearTimeout(lastFunc)
+      lastFunc = setTimeout(function() {
+        if (Date.now() - lastRan >= limit) {
+          func.apply(context, args)
+          lastRan = Date.now()
+        }
+      }, limit - (Date.now() - lastRan))
     }
-
-    clearTimeout(timeout)
-    timeout = setTimeout(later, wait)
   }
 }
 
@@ -98,8 +103,8 @@ export class Devtools {
       this.sendBuffer()
     })
   }
-  private sendBuffer = debounce(function() {
-    if (this.isConnected) {
+  private sendBuffer = throttle(function() {
+    if (this.isConnected && this.buffer.length) {
       this.ws.send(
         `{ "appName": "${this.name}", "messages": [${this.buffer.join(',')}] }`
       )