Do not display helper data in the Details side bar

Author: janodvarko

data/components/details-tab.js

@@ -28,7 +28,7 @@ var DetailsTab = React.createClass({
 
     return (
       DIV({className: "details"},
-        TreeView({key: "detailsTabTree", data: selectedFrame})
+        TreeView({key: "detailsTabTree", data: selectedFrame.data})
       )
     );
   }

data/components/frame-list.js

@@ -171,10 +171,10 @@ var FrameBubble = React.createFactory(React.createClass({
       });
     }
 
-    if (!preview && frame.sockJs) {
+    if (!preview && frame.json) {
       preview = TreeView({
-        key: "preview-sockjs",
-        data: {"SockJS": frame.sockJs},
+        key: "preview-json",
+        data: {"JSON": frame.json},
         mode: "tiny"
       });
     }

data/view.js

@@ -89,13 +89,17 @@ var WebSocketsView = createView(PanelView,
     frame = JSON.parse(frame);
     frame.received = true;
     frame.type = "frame";
+    frame.data.webSocketSerialID = frame.webSocketSerialID;
+
     this.lazyAdd(frame);
   },
 
   frameSent: function(frame) {
     frame = JSON.parse(frame);
     frame.sent = true;
     frame.type = "frame";
+    frame.data.webSocketSerialID = frame.webSocketSerialID;
+
     this.lazyAdd(frame);
   },
 

lib/wsm-panel.js

@@ -213,7 +213,7 @@ const WsmPanel = Class(
     this.postContentMessage("frameSent", JSON.stringify(frame));
   },
 
-  decodePacket: function (data, payload) {
+  decodePacket: function(data, payload) {
     data.socketIo = this.decodeSocketIoPacket(payload);
     data.sockJs = this.decodeSockJsPacket(payload);
     data.wamp = this.decodeWampPacket(payload);