'use strict';

var React = require('react');
var ReactDOM = require('react-dom');
var GraphPanel = require('./GraphPanel.js');
var SearchPanel = require('./SearchPanel.js');
var NodeInfoPanel = require('./NodeInfoPanel.js');

var Graphalyzer = React.createClass({
  render: function() {
    return (
      <div>
        <GraphPanel />
        <SearchPanel />
        <NodeInfoPanel />
      </div>
    );
  }
});

ReactDOM.render(
  <Graphalyzer />,
  document.getElementById('main')
);

@@ -257,16 +257,486 @@
 Class(%7B%0A
+  getDefaultProps: function() %7B%0A    return %7B%0A      websocket: new WebSocket(%22ws://rwhite226.duckdns.org:1618/ws%22)%0A    %7D;%0A  %7D,%0A%0A  getInitialState: function() %7B%0A    return %7B%0A      graphData: %7B%7D,%0A      selectedNode: %7B%7D%0A    %7D;%0A  %7D,%0A%0A  componentDidMount: function() %7B%0A    this.websocket.onmessage = handleWSMessage;%0A  %7D,%0A%0A  handleWSMessage: function(event) %7B%0A    var response = event.data;%0A    if (response !== null) %7B%0A      this.setState(%7BgraphData: response%7D);%0A    %7D%0A  %7D,%0A%0A
   render
@@ -815,24 +815,78 @@
 SearchPanel 
+%0A          websocket = %7Bthis.props.websocket%7D%0A        
 /%3E%0A        %3C

Add WebSocket to main Graphalyzer component