Support changing the server name by clicking it in the status tab

client/src/js/middleware/socket.js

@@ -1,9 +1,36 @@
-export default function createSocketMiddleware(socket) {
-  return () => next => action => {
-    if (action.socket) {
-      socket.send(action.socket.type, action.socket.data);
-    }
+import debounce from 'lodash/debounce';
 
-    return next(action);
+const debounceKey = action => {
+  const key = action.socket.debounce.key;
+  if (key) {
+    return `${action.type} ${key}`;
+  }
+  return action.type;
+};
+
+export default function createSocketMiddleware(socket) {
+  return () => next => {
+    const debounced = {};
+
+    return action => {
+      if (action.socket) {
+        if (action.socket.debounce) {
+          const key = debounceKey(action);
+
+          if (!debounced[key]) {
+            debounced[key] = debounce((type, data) => {
+              socket.send(type, data);
+              debounced[key] = undefined;
+            }, action.socket.debounce.delay);
+          }
+
+          debounced[key](action.socket.type, action.socket.data);
+        } else {
+          socket.send(action.socket.type, action.socket.data);
+        }
+      }
+
+      return next(action);
+    };
   };
 }