refactor api.js

backend/backend.go

@@ -71,7 +71,7 @@ func (s *Backend) handler(w http.ResponseWriter, r *http.Request) {
 		s.tran.Transfer(log)
 	}
 	//persist
-	s.pers.Add(fmt.Sprintf("[%s]", name), log+"\n")
+	go s.pers.Add(fmt.Sprintf("[%s]", name), log+"\n")
 
 	//send to web
 	go s.api.SendLog(name, log)

public/scripts/api.js

@@ -1,19 +1,31 @@
-var socketio = io(document.location.href + 'socket.io/')
+var socketio = null;
 var dispatch = {
     logger: null,
 }
-socketio.on('connect', function() {
-    socketio.on('log:log', log => {
-        if (dispatch.logger) {
-            dispatch.logger(log);
-        }
-    });
-});
-
-socketio.on('disconnect', function () {
-});
-
 var SubscribeToLog = function(tag, cb) {
-    socketio.emit('log:subscribe', tag);
-    dispatch.logger = cb;
+    if (socketio === null) {
+        socketio = io(document.location.href + 'socket.io/');
+        socketio.on('connect', function() {
+
+        });
+        socketio.on('log:log', log => {
+            if (dispatch.logger) {
+                dispatch.logger(log);
+            }
+        });
+        socketio.on('disconnect', function () {
+            socketio.close();
+            socketio = null;
+        });
+        socketio.emit('log:subscribe', tag);
+        dispatch.logger = cb;
+    } else {
+        socketio.emit('log:subscribe', tag);
+        dispatch.logger = cb;
+    }
+
+}
+var SocketClose = function() {
+    socketio.close();
+    socketio = null;
 }

public/scripts/log.js

@@ -64,6 +64,9 @@ var LogBox = React.createClass({
   componentDidMount: function() {
     SubscribeToLog(this.state.tag, this.logHandler);
   },
+  componentWillUnMount: function() {
+    SocketClose();
+  },
   render: function() {
     return (
       <div className="logbox">