ethDebuggerSelectedItem as property instead of global var

src/calldataPanel.js

@@ -25,12 +25,12 @@ module.exports = React.createClass({
     var self = this
     this.context.root.register('indexChanged', this, function (index) {
       if (index < 0) return
-      if (window.ethDebuggerSelectedItem !== index) return
+      if (self.context.root.ethDebuggerSelectedItem !== index) return
 
       self.context.traceManager.getCallDataAt(index, function (error, calldata) {
         if (error) {
           console.log(error)
-        } else if (window.ethDebuggerSelectedItem === index) {
+        } else if (self.context.root.ethDebuggerSelectedItem === index) {
           self.setState({
             data: self.format(calldata)
           })

src/callstackPanel.js

@@ -25,12 +25,12 @@ module.exports = React.createClass({
     var self = this
     this.context.root.register('indexChanged', this, function (index) {
       if (index < 0) return
-      if (window.ethDebuggerSelectedItem !== index) return
+      if (self.context.root.ethDebuggerSelectedItem !== index) return
 
       self.context.traceManager.getCallStackAt(index, function (error, callstack) {
         if (error) {
           console.log(error)
-        } else if (window.ethDebuggerSelectedItem === index) {
+        } else if (self.context.root.ethDebuggerSelectedItem === index) {
           self.setState({
             data: self.format(callstack)
           })

src/debugger.js

@@ -8,6 +8,8 @@ var util = require('./util')
 var EventManager = require('./eventManager')
 
 module.exports = React.createClass({
+  ethDebuggerSelectedItem: -1,
+
   getInitialState: function () {
     return {
       currentStepIndex: -1, // index of the selected item in the vmtrace

src/eventManager.js

@@ -9,7 +9,7 @@ EventManager.prototype.unregister = function (eventName, obj) {
       this.registered[eventName].splice(reg, 1)
       return
     }
-  } 
+  }
 }
 
 EventManager.prototype.register = function (eventName, obj, func) {

src/memoryPanel.js

@@ -26,12 +26,12 @@ module.exports = React.createClass({
     var self = this
     this.context.root.register('indexChanged', this, function (index) {
       if (index < 0) return
-      if (window.ethDebuggerSelectedItem !== index) return
+      if (self.context.root.ethDebuggerSelectedItem !== index) return
 
       self.context.traceManager.getMemoryAt(index, function (error, memory) {
         if (error) {
           console.log(error)
-        } else if (window.ethDebuggerSelectedItem === index) {
+        } else if (self.context.root.ethDebuggerSelectedItem === index) {
           self.setState({
             data: self.formatMemory(memory, 16)
           })

src/stackPanel.js

@@ -25,12 +25,12 @@ module.exports = React.createClass({
     var self = this
     this.context.root.register('indexChanged', this, function (index) {
       if (index < 0) return
-      if (window.ethDebuggerSelectedItem !== index) return
+      if (self.context.root.ethDebuggerSelectedItem !== index) return
 
       self.context.traceManager.getStackAt(index, function (error, stack) {
         if (error) {
           console.log(error)
-        } else if (window.ethDebuggerSelectedItem === index) {
+        } else if (self.context.root.ethDebuggerSelectedItem === index) {
           self.setState({
             data: self.format(stack)
           })

src/stepManager.js

@@ -50,7 +50,7 @@ module.exports = React.createClass({
   },
 
   updateGlobalSelectedItem: function (value) {
-    window.ethDebuggerSelectedItem = value
+    this.context.root.ethDebuggerSelectedItem = value
   },
 
   init: function () {
@@ -108,7 +108,6 @@ module.exports = React.createClass({
     var step = this.context.traceManager.findStepOverForward(this.state.currentStepIndex)
     this.refs.slider.setValue(step)
     this.changeState(step)
-    
   },
 
   stepOverBack: function () {

src/storagePanel.js

@@ -26,12 +26,12 @@ module.exports = React.createClass({
     var self = this
     this.context.root.register('indexChanged', this, function (index) {
       if (index < 0) return
-      if (window.ethDebuggerSelectedItem !== index) return
+      if (self.context.root.ethDebuggerSelectedItem !== index) return
 
       self.context.traceManager.getStorageAt(index, self.context.tx, function (error, storage) {
         if (error) {
           console.log(error)
-        } else if (window.ethDebuggerSelectedItem === index) {
+        } else if (self.context.root.ethDebuggerSelectedItem === index) {
           self.setState({
             data: self.formatStorage(storage)
           })