/* global prompt */ 'use strict' var $ = require('jquery') var ethJSUtil = require('ethereumjs-util') var ethJSABI = require('ethereumjs-abi') var BN = ethJSUtil.BN var EventManager = require('ethereum-remix').lib.EventManager var crypto = require('crypto') var async = require('async') var TxRunner = require('./app/txRunner') var yo = require('yo-yo') // copy to copyToClipboard const copy = require('clipboard-copy') // -------------- styling ---------------------- var csjs = require('csjs-inject') var styleGuide = require('./app/style-guide') var styles = styleGuide() var css = csjs` .options { float: left; padding: 0.7em 0.3em; font-size: 0.9em; cursor: pointer; background-color: transparent; margin-right: 0.5em; font-size: 1em; } .title extends ${styles.titleBox} { cursor: pointer; background-color: ${styles.colors.violet}; justify-content: flex-start; min-width: 400px; } .contract .title:before { margin-right: 30%; margin-left: 5%; content: "\\25BE"; } .contract.hidesub .title:before { margin-right: 30%; margin-left: 5%; content: "\\25B8"; } .contract.hidesub { padding-bottom: 0; margin: 0; } .contract.hidesub > *:not(.title) { display: none; } .size { margin-left: 20%; } ` var cssInstance = csjs` .title { display: flex; justify-content: space-around; min-width: 400px; align-items: center; margin-bottom: 1em; padding: .3em; font-size: .95em; cursor: pointer; background-color: ${styles.colors.violet}; border: 2px dotted ${styles.colors.blue}; border-radius: 5px; } .titleText { margin-right: 1em; word-break: break-all; } .instance .title:before { content: "\\25BE"; margin-right: .5em; margin-left: .5em; } .instance.hidesub .title:before { content: "\\25B8"; margin-right: .5em; margin-left: .5em; } .instance.hidesub { padding-bottom: 0; margin: 0; } .instance.hidesub > *:not(.title) { display: none; } .copy { font-weight: bold; } .copy:hover{ opacity: .7; } ` ;[...document.querySelectorAll('#header #options li')].forEach(addCss) function addCss (el) { el.classList.add(css.options) } /* trigger debugRequested */ function UniversalDApp (executionContext, options) { this.event = new EventManager() var self = this self.options = options || {} self.$el = $('
') self.personalMode = self.options.personalMode || false self.contracts self.transactionContextAPI var defaultRenderOutputModifier = function (name, content) { return content } self.renderOutputModifier = defaultRenderOutputModifier self.web3 = executionContext.web3() self.vm = executionContext.vm() self.executionContext = executionContext self.executionContext.event.register('contextChanged', this, function (context) { self.reset(self.contracts) }) self.txRunner = new TxRunner(executionContext, {}, { queueTxs: true, personalMode: this.personalMode }) } UniversalDApp.prototype.reset = function (contracts, transactionContextAPI, renderer) { this.$el.empty() this.contracts = contracts this.transactionContextAPI = transactionContextAPI this.renderOutputModifier = renderer this.accounts = {} if (this.executionContext.isVM()) { this._addAccount('3cd7232cd6f3fc66a57a6bedc1a8ed6c228fff0a327e169c2bcc5e869ed49511') this._addAccount('2ac6c190b09897cd8987869cc7b918cfea07ee82038d492abce033c75c1b1d0c') this._addAccount('dae9801649ba2d95a21e688b56f77905e5667c44ce868ec83f82e838712a2c7a') this._addAccount('d74aa6d18aa79a05f3473dd030a97d3305737cbc8337d940344345c1f6b72eea') this._addAccount('71975fbf7fe448e004ac7ae54cad0a383c3906055a65468714156a07385e96ce') } this.txRunner = new TxRunner(this.executionContext, this.accounts, { queueTxs: true, personalMode: this.personalMode }) } UniversalDApp.prototype.newAccount = function (password, cb) { if (!this.executionContext.isVM()) { if (!this.personalMode) { return cb('Not running in personal mode') } this.web3.personal.newAccount(password, cb) } else { var privateKey do { privateKey = crypto.randomBytes(32) } while (!ethJSUtil.isValidPrivate(privateKey)) this._addAccount(privateKey) cb(null, '0x' + ethJSUtil.privateToAddress(privateKey)) } } UniversalDApp.prototype._addAccount = function (privateKey, balance) { var self = this if (!self.executionContext.isVM()) { throw new Error('_addAccount() cannot be called in non-VM mode') } if (self.accounts) { privateKey = new Buffer(privateKey, 'hex') var address = ethJSUtil.privateToAddress(privateKey) // FIXME: we don't care about the callback, but we should still make this proper self.vm.stateManager.putAccountBalance(address, balance || 'f00000000000000001', function cb () {}) self.accounts['0x' + address.toString('hex')] = { privateKey: privateKey, nonce: 0 } } } UniversalDApp.prototype.getAccounts = function (cb) { var self = this if (!self.executionContext.isVM()) { // Weirdness of web3: listAccounts() is sync, `getListAccounts()` is async // See: https://github.com/ethereum/web3.js/issues/442 if (self.personalMode) { self.web3.personal.getListAccounts(cb) } else { self.web3.eth.getAccounts(cb) } } else { if (!self.accounts) { return cb('No accounts?') } cb(null, Object.keys(self.accounts)) } } UniversalDApp.prototype.getBalance = function (address, cb) { var self = this address = ethJSUtil.stripHexPrefix(address) if (!self.executionContext.isVM()) { self.web3.eth.getBalance(address, function (err, res) { if (err) { cb(err) } else { cb(null, res.toString(10)) } }) } else { if (!self.accounts) { return cb('No accounts?') } self.vm.stateManager.getAccountBalance(new Buffer(address, 'hex'), function (err, res) { if (err) { cb('Account not found') } else { cb(null, new BN(res).toString(10)) } }) } } UniversalDApp.prototype.render = function () { var self = this // NOTE: don't display anything if there are no contracts to display if (self.contracts.length === 0) { return self.$el } var $legend = $('') .append($('').text('Publish')) .append($('').text('Attach')) .append($('').text('Transact')) .append($('').text('Transact(Payable)')) .append($('').text('Call')) self.$el.append($legend) for (var c in self.contracts) { var $contractEl = $(``) if (self.contracts[c].address) { self.getInstanceInterface(self.contracts[c], self.contracts[c].address, $contractEl) } else { var $title = $(``).text(self.contracts[c].name) $title.click(function (ev) { $(this).closest(`.${css.contract}`).toggleClass(`${css.hidesub}`) }) if (self.contracts[c].bytecode) { $title.append($(``).text((self.contracts[c].bytecode.length / 2) + ' bytes')) } $contractEl.append($title).append(self.getCreateInterface($contractEl, self.contracts[c])) } self.$el.append(self.renderOutputModifier(self.contracts[c].name, $contractEl)) } return self.$el } UniversalDApp.prototype.getContractByName = function (contractName) { var self = this for (var c in self.contracts) { if (self.contracts[c].name === contractName) { return self.contracts[c] } } return null } UniversalDApp.prototype.getCreateInterface = function ($container, contract) { var self = this var $createInterface = $('') if (self.options.removable) { var $close = $('') $close.click(function () { self.$el.remove() }) $createInterface.append($close) } var $publishButton = $(``).text('Publish').click(function () { self.event.trigger('publishContract', [contract]) }) $createInterface.append($publishButton) var $atButton = $('').text('At Address').click(function () { self.clickContractAt(self, $container.find('.createContract'), contract) }) $createInterface.append($atButton) var $newButton = self.getInstanceInterface(contract) if (!$newButton) { return $createInterface } $createInterface.append($newButton) // Only display creation interface for non-abstract contracts. // FIXME: maybe have a flag for this in the JSON? // FIXME: maybe fix getInstanceInterface() below for this case if (contract.bytecode.length === 0) { var $createButton = $newButton.find('.constructor .call') // NOTE: we must show the button to have CSS properly lined up $createButton.text('Create') $createButton.attr('disabled', 'disabled') $createButton.attr('title', 'This contract does not implement all functions and thus cannot be created.') } if ((contract.metadata === undefined) || (contract.metadata.length === 0)) { $publishButton.attr('disabled', 'disabled') $publishButton.attr('title', 'This contract does not implement all functions and thus cannot be published.') } return $createInterface } UniversalDApp.prototype.getInstanceInterface = function (contract, address, $target) { var self = this var abi = JSON.parse(contract.interface).sort(function (a, b) { if (a.name > b.name) { return -1 } else { return 1 } }).sort(function (a, b) { if (a.constant === true) { return -1 } else { return 1 } }) var funABI = self.getConstructorInterface(abi) if (!funABI) { return } var $createInterface = $('') var appendFunctions = function (address, $el) { var $instance = $(``) if (self.options.removable_instances) { var $close = $('') $close.click(function () { $instance.remove() }) $instance.append($close) } var context = self.executionContext.isVM() ? 'memory' : 'blockchain' address = (address.slice(0, 2) === '0x' ? '' : '0x') + address.toString('hex') var len = address.length var shortAddress = address.slice(0, 5) + '...' + address.slice(len - 5, len) var title = yo`