Added solidity function call identification and parameter extraction

Author: gobitfly

package.json

@@ -11,6 +11,7 @@
  "body-parser": "~1.16.0",
  "cookie-parser": "~1.4.3",
  "debug": "~2.6.0",
+ "ethereumjs-abi": "git+https://github.com/gobitfly/ethereumjs-abi.git",
  "ethereumjs-util": "^5.1.1",
  "express": "~4.14.1",
  "level": "^1.6.0",

public/stylesheets/style.css

@@ -17,4 +17,12 @@ pre {
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
+}
+
+.parameter-cell {
+ white-space: pre-wrap; /* Since CSS 2.1 */
+ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
+ white-space: -pre-wrap; /* Opera 4-6 */
+ white-space: -o-pre-wrap; /* Opera 7 */
+ word-wrap: break-word; /* Internet Explorer 5.5+ */
 }

routes/tx.js

@@ -3,7 +3,7 @@ var router = express.Router();
 
 var async = require('async');
 var Web3 = require('web3');
-
+var abi = require('ethereumjs-abi');
 
 
 router.get('/pending', function(req, res, next) {
@@ -62,6 +62,8 @@ router.get('/:tx', function(req, res, next) {
  var web3 = new Web3();
  web3.setProvider(config.provider);
 
+ var db = req.app.get('db');
+ 
  async.waterfall([
  function(callback) {
  web3.eth.getTransaction(req.params.tx, function(err, result) {
@@ -71,12 +73,52 @@ router.get('/:tx', function(req, res, next) {
  web3.trace.transaction(result.hash, function(err, traces) {
  callback(err, result, traces);
  });
+ }, function(tx, traces, callback) {
+ db.get(tx.to, function(err, value) {
+ callback(null, tx, traces, value);
+ });
  }
- ], function(err, tx, traces) {
+ ], function(err, tx, traces, source) {
  if (err) {
  return next(err);
  }
-
+ 
+ // Try to match the tx to a solidity function call if the contract source is available
+ if (source) {
+ tx.source = JSON.parse(source);
+ var jsonAbi = JSON.parse(tx.source.abi);
+ 
+ var id = tx.input;
+ if (id.length > 10) {
+ id = id.substr(0, 10);
+ } 
+ 
+ jsonAbi.forEach(function(item) {
+ if (item.type === "function" && !item.constant) {
+ 
+ var functionName = item.name;
+ var functionParams = [];
+ var functionParamsFull = [];
+ item.inputs.forEach(function(input) { 
+ functionParams.push(input.type);
+ });
+ 
+ var signature = "0x" + abi.methodID(functionName, functionParams).toString('hex')
+ 
+ if (signature === id) { 
+ var pl = tx.input.replace("0x", "");
+ pl = pl.substr(8, pl.length - 8);
+ var decoded = abi.rawDecode(functionParams, pl);
+ 
+ for(var i = 0; i < functionParams.length; i++) {
+ item.inputs[i].result = decoded[i];
+ }
+ 
+ tx.callInfo = item;
+ }
+ }
+ });
+ }
  tx.traces = [];
  tx.failed = false;
  tx.gasUsed = 0;

views/tx.pug

@@ -41,6 +41,31 @@ block content
  tr
  td Fee:
  td #{ethformatter(tx.gasUsed * tx.gasPrice)}
+ if tx.callInfo
+ tr
+ td Function Name:
+ td #{tx.callInfo.name}
+ tr
+ td Parameters:
+ td
+ table.table
+ thead
+ tr
+ th Name
+ th Type
+ th Value
+ tbody
+ for pa in tx.callInfo.inputs
+ tr
+ td #{pa.name}
+ td #{pa.type}
+ if pa.type === "bytes"
+ td
+ pre 0x#{pa.result.toString("hex")}
+ else if pa.type === "uint256"
+ td.parameter-cell #{pa.result.toString(10)}
+ else 
+ td.parameter-cell #{JSON.stringify(pa.result, null, 2)}
  tr
  td Data:
  td