create event for debugger state; add debug method

src/app/debugger/debugger.js

@@ -2,6 +2,7 @@
 var EthdebuggerUI = require('./remix-debugger/src/ui/EthdebuggerUI')
 var Ethdebugger = require('remix-debug').EthDebugger
 var remixLib = require('remix-lib')
+var EventManager = remixLib.EventManager
 var executionContext = require('../../execution-context')
 var globlalRegistry = require('../../global/registry')
 
@@ -9,6 +10,9 @@ var globlalRegistry = require('../../global/registry')
  * Manage remix and source highlighting
  */
 function Debugger (container, sourceHighlighter, localRegistry) {
+  var self = this
+  this.event = new EventManager()
+
   this._components = {
     sourceHighlighter: sourceHighlighter
   }
@@ -44,7 +48,6 @@ function Debugger (container, sourceHighlighter, localRegistry) {
 
   this.debugger.setBreakpointManager(this.breakPointManager)
 
-  var self = this
   self._deps.editor.event.register('breakpointCleared', (fileName, row) => {
     this.breakPointManager.remove({fileName: fileName, row: row})
   })
@@ -78,6 +81,15 @@ function Debugger (container, sourceHighlighter, localRegistry) {
       })
     }
   })
+
+  this.debugger.event.register('newTraceLoaded', this, function () {
+    self.event.trigger('debuggerStatus', [true])
+  })
+
+  this.debugger.event.register('traceUnloaded', this, function () {
+    self._components.sourceHighlighter.currentSourceLocation(null)
+    self.event.trigger('debuggerStatus', [false])
+  })
 }
 
 /**

src/app/debugger/debuggerUI.js

@@ -18,13 +18,8 @@ class DebuggerUI {
 
   listenToEvents () {
     const self = this
-    this.transactionDebugger.debugger.event.register('newTraceLoaded', this, function () {
-      self.isActive = true
-    })
-
-    this.transactionDebugger.debugger.event.register('traceUnloaded', this, function () {
-      self._components.sourceHighlighter.currentSourceLocation(null)
-      self.isActive = false
+    this.transactionDebugger.event.register('debuggerStatus', function (isActive) {
+      self.isActive = isActive
     })
   }
 
@@ -35,6 +30,10 @@ class DebuggerUI {
   isDebuggerActive () {
     return this.isActive
   }
+
+  debug(txHash) {
+    this.transactionDebugger.debug(txHash)
+  }
 }
 
 module.exports = DebuggerUI