Merge pull request #10 from yann300/txBrowser

src/debugger.js

 var React = require('react');
 var TxBrowser = require('./txBrowser');
+var VmTraceManager = require('./vmTraceManager');
+var VmTraceBrowser = require('./vmTraceBrowser');
 
 module.exports = React.createClass({
+  getInitialState: function() {
+	return {vmTrace: null}
+  },
+
   render: function() {
     return (<div>
     <p><h1>Debugger</h1></p>
-    <TxBrowser/>
-    </div>
+		<TxBrowser onNewTxRequested={this.retrieveVmTrace} />
+		<VmTraceBrowser vmTrace={this.state.vmTrace} />
+	</div>
     );
+  },
+
+  retrieveVmTrace: function(blockNumber, txNumber)
+  {
+	  this.setState({vmTrace: VmTraceManager.retrieveVmTrace(blockNumber, txNumber)});
   }
 });

src/txBrowser.js

 var React = require('react');
 
 module.exports = React.createClass({
+	propTypes: {
+		onNewTxRequested: React.PropTypes.func.isRequired,
+	},
+
 	getInitialState: function() {
 		return {blockNumber: "1160004", txNumber: "1"}
 	},
 
 	submit: function()
 	{
-		var vmTrace = web3.admin.vmTrace(this.state.blockNumber, parseInt(this.state.txNumber), "TmrjdiILLn0=");
-		console.log(JSON.stringify(vmTrace));	
+		this.props.onNewTxRequested(this.state.blockNumber, parseInt(this.state.txNumber), "TmrjdiILLn0=");
 	},
 	
 	updateBlockN: function(ev) {
@@ -30,4 +33,4 @@ module.exports = React.createClass({
 		</div>
 		);
 	}
-})
+})
\ No newline at end of file

src/vmTraceBrowser.js

+var React = require('react');
+
+module.exports = React.createClass({
+  render: function() {
+	return (<div>{this.props.vmTrace}</div>)
+  }
+});

src/vmTraceManager.js

+module.exports = {
+	retrieveVmTrace: function(blockNumber, txNumber) {
+		return web3.admin.vmTrace(blockNumber, parseInt(txNumber), "TmrjdiILLn0=");
+	}
+}