From a6369f7cc336207d4d9c0cc203b046d2510941f7 Mon Sep 17 00:00:00 2001
From: Iuri Matias <iuri.matias@gmail.com>
Date: Mon, 29 Jun 2020 16:14:43 -0400
Subject: [PATCH] add panel to show function calls

---
 .../app/tabs/debugger/debuggerUI/VmDebugger.js  | 13 +++++++++++++
 .../debuggerUI/vmDebugger/FunctionPanel.js      | 17 +++++++++++++++++
 2 files changed, 30 insertions(+)
 create mode 100644 src/app/tabs/debugger/debuggerUI/vmDebugger/FunctionPanel.js

diff --git a/apps/remix-ide/src/app/tabs/debugger/debuggerUI/VmDebugger.js b/apps/remix-ide/src/app/tabs/debugger/debuggerUI/VmDebugger.js
index f65dab1daa..3206e7f0f5 100644
--- a/apps/remix-ide/src/app/tabs/debugger/debuggerUI/VmDebugger.js
+++ b/apps/remix-ide/src/app/tabs/debugger/debuggerUI/VmDebugger.js
@@ -6,6 +6,7 @@ var CodeListView = require('./vmDebugger/CodeListView')
 var CalldataPanel = require('./vmDebugger/CalldataPanel')
 var MemoryPanel = require('./vmDebugger/MemoryPanel')
 var CallstackPanel = require('./vmDebugger/CallstackPanel')
+var FunctionPanel = require('./vmDebugger/FunctionPanel')
 var StackPanel = require('./vmDebugger/StackPanel')
 var StoragePanel = require('./vmDebugger/StoragePanel')
 var StepDetail = require('./vmDebugger/StepDetail')
@@ -48,6 +49,16 @@ function VmDebugger (vmDebuggerLogic) {
   this.stackPanel = new StackPanel()
   this.vmDebuggerLogic.event.register('traceManagerStackUpdate', this.stackPanel.update.bind(this.stackPanel))
 
+  this.functionPanel = new FunctionPanel()
+  this.vmDebuggerLogic.event.register('functionsStackUpdate', (stack) => {
+    if (stack === null) return
+    let functions = []
+    for (let func of stack) {
+      functions.push(func.functionDefinition.attributes.name + '(' + func.inputs.join(', ') + ')')
+    }
+    this.functionPanel.update(functions)
+  })
+
   this.storagePanel = new StoragePanel()
   this.vmDebuggerLogic.event.register('traceManagerStorageUpdate', this.storagePanel.update.bind(this.storagePanel))
 
@@ -107,6 +118,7 @@ function VmDebugger (vmDebuggerLogic) {
 
     self.asmCode.basicPanel.show()
     self.stackPanel.basicPanel.show()
+    self.functionPanel.basicPanel.show()
     self.storagePanel.basicPanel.show()
     self.memoryPanel.basicPanel.show()
     self.calldataPanel.basicPanel.show()
@@ -149,6 +161,7 @@ VmDebugger.prototype.render = function () {
         ${this.solidityLocals.render()}
         ${this.solidityState.render()}
         ${this.stackPanel.render()}
+        ${this.functionPanel.render()}
         ${this.memoryPanel.render()}
         ${this.storagePanel.render()}
         ${this.callstackPanel.render()}
diff --git a/src/app/tabs/debugger/debuggerUI/vmDebugger/FunctionPanel.js b/src/app/tabs/debugger/debuggerUI/vmDebugger/FunctionPanel.js
new file mode 100644
index 0000000000..16fc59db75
--- /dev/null
+++ b/src/app/tabs/debugger/debuggerUI/vmDebugger/FunctionPanel.js
@@ -0,0 +1,17 @@
+'use strict'
+var DropdownPanel = require('./DropdownPanel')
+var yo = require('yo-yo')
+
+function FunctionPanel () {
+  this.basicPanel = new DropdownPanel('Function', {json: true, displayContentOnly: false})
+}
+
+FunctionPanel.prototype.update = function (calldata) {
+  this.basicPanel.update(calldata)
+}
+
+FunctionPanel.prototype.render = function () {
+  return yo`<div id="FunctionPanel">${this.basicPanel.render()}</div>`
+}
+
+module.exports = FunctionPanel