49fdd23d58
* Move secureApi to shell * Extract isTestnet test * Use mobx + subscriptions for status * Re-add status indicator * Add lerna * Move intial packages to js/packages * Move 3rdparty/{email,sms}-verification to correct location * Move package.json & README to library src * Move tests for library packages * Move views & dapps to packages * Move i18n to root * Move shell to actual src (main app) * Remove ~ references * Change ~ to root (explicit imports) * Finalise convert of ~ * Move views into dapps as well * Move dapps to packages/ * Fix references * Update css * Update test spec locations * Update tests * Case fix * Skip flakey tests * Update enzyme * Skip previously ignored tests * Allow empty api for hw * Re-add theme for embed
256 lines
6.5 KiB
JavaScript
256 lines
6.5 KiB
JavaScript
// Copyright 2015-2017 Parity Technologies (UK) Ltd.
|
|
// This file is part of Parity.
|
|
|
|
// Parity is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
|
|
// Parity is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU General Public License for more details.
|
|
|
|
// You should have received a copy of the GNU General Public License
|
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
import BigNumber from 'bignumber.js';
|
|
import { action, computed, observable, transaction } from 'mobx';
|
|
|
|
import { ERRORS, validatePositiveNumber } from '@parity/shared/util/validation';
|
|
import { DEFAULT_GAS, DEFAULT_GASPRICE, MAX_GAS_ESTIMATION } from '@parity/shared/util/constants';
|
|
|
|
const CONDITIONS = {
|
|
NONE: 'none',
|
|
BLOCK: 'blockNumber',
|
|
TIME: 'timestamp'
|
|
};
|
|
|
|
export default class GasPriceEditor {
|
|
@observable blockNumber = 0;
|
|
@observable condition = {};
|
|
@observable conditionBlockError = null;
|
|
@observable conditionType = CONDITIONS.NONE;
|
|
@observable errorEstimated = null;
|
|
@observable errorGas = null;
|
|
@observable errorPrice = null;
|
|
@observable errorTotal = null;
|
|
@observable estimated = DEFAULT_GAS;
|
|
@observable gas;
|
|
@observable gasLimit;
|
|
@observable histogram = null;
|
|
@observable isEditing = false;
|
|
@observable price;
|
|
@observable priceDefault;
|
|
@observable weiValue = '0';
|
|
|
|
constructor (api, { gas, gasLimit, gasPrice, condition = null }) {
|
|
this._api = api;
|
|
|
|
this.gas = gas;
|
|
this.gasLimit = gasLimit;
|
|
this.price = gasPrice;
|
|
|
|
if (condition) {
|
|
if (condition.block) {
|
|
this.condition = { block: condition.block.toFixed(0) };
|
|
this.conditionType = CONDITIONS.BLOCK;
|
|
} else if (condition.time) {
|
|
this.condition = { time: condition.time };
|
|
this.conditionType = CONDITIONS.TIME;
|
|
}
|
|
}
|
|
|
|
if (api) {
|
|
this.loadDefaults();
|
|
}
|
|
}
|
|
|
|
@computed get totalValue () {
|
|
try {
|
|
return new BigNumber(this.gas).mul(this.price).add(this.weiValue);
|
|
} catch (error) {
|
|
return new BigNumber(0);
|
|
}
|
|
}
|
|
|
|
@computed get conditionValue () {
|
|
switch (this.conditionType) {
|
|
case CONDITIONS.BLOCK:
|
|
return { block: new BigNumber(this.condition.block || 0) };
|
|
|
|
case CONDITIONS.TIME:
|
|
return { time: this.condition.time };
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
@action setConditionType = (conditionType = CONDITIONS.NONE) => {
|
|
transaction(() => {
|
|
this.conditionBlockError = null;
|
|
this.conditionType = conditionType;
|
|
|
|
switch (conditionType) {
|
|
case CONDITIONS.BLOCK:
|
|
this.setConditionBlockNumber(this.blockNumber || 1);
|
|
break;
|
|
|
|
case CONDITIONS.TIME:
|
|
this.setConditionDateTime(new Date());
|
|
break;
|
|
|
|
case CONDITIONS.NONE:
|
|
default:
|
|
this.condition = {};
|
|
break;
|
|
}
|
|
});
|
|
}
|
|
|
|
@action setConditionBlockNumber = (block) => {
|
|
transaction(() => {
|
|
this.conditionBlockError = validatePositiveNumber(block).numberError;
|
|
this.condition = Object.assign({}, this.condition, { block });
|
|
});
|
|
}
|
|
|
|
@action setConditionDateTime = (_time) => {
|
|
const time = new Date(_time);
|
|
|
|
time.setMilliseconds(0); // ignored by/not passed to Parity
|
|
time.setSeconds(0); // current time selector doesn't allow seconds
|
|
|
|
this.condition = Object.assign({}, this.condition, { time });
|
|
}
|
|
|
|
@action setEditing = (isEditing) => {
|
|
this.isEditing = isEditing;
|
|
}
|
|
|
|
@action setErrorTotal = (errorTotal) => {
|
|
this.errorTotal = errorTotal;
|
|
}
|
|
|
|
@action setEstimatedError = (errorEstimated = ERRORS.gasException) => {
|
|
this.errorEstimated = errorEstimated;
|
|
}
|
|
|
|
@action setEstimated = (estimated) => {
|
|
transaction(() => {
|
|
const bn = new BigNumber(estimated);
|
|
|
|
this.estimated = estimated;
|
|
|
|
if (bn.gte(MAX_GAS_ESTIMATION)) {
|
|
this.setEstimatedError(ERRORS.gasException);
|
|
} else if (bn.gte(this.gasLimit)) {
|
|
this.setEstimatedError(ERRORS.gasBlockLimit);
|
|
} else {
|
|
this.setEstimatedError(null);
|
|
}
|
|
});
|
|
}
|
|
|
|
@action setEthValue = (weiValue) => {
|
|
this.weiValue = weiValue;
|
|
}
|
|
|
|
@action setGas = (gas) => {
|
|
transaction(() => {
|
|
const { numberError } = validatePositiveNumber(gas);
|
|
|
|
this.gas = gas;
|
|
|
|
if (numberError) {
|
|
this.errorGas = numberError;
|
|
} else {
|
|
const bn = new BigNumber(gas);
|
|
|
|
if (bn.gte(this.gasLimit)) {
|
|
this.errorGas = ERRORS.gasBlockLimit;
|
|
} else {
|
|
this.errorGas = null;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
@action setGasLimit = (gasLimit) => {
|
|
this.gasLimit = gasLimit;
|
|
}
|
|
|
|
@action setHistogram = (gasHistogram) => {
|
|
this.histogram = gasHistogram;
|
|
}
|
|
|
|
@action setPrice = (price) => {
|
|
transaction(() => {
|
|
this.errorPrice = validatePositiveNumber(price).numberError;
|
|
this.price = price;
|
|
});
|
|
}
|
|
|
|
@action loadDefaults () {
|
|
Promise
|
|
.all([
|
|
// NOTE fetching histogram may fail if there is not enough data.
|
|
// We fallback to empty histogram.
|
|
this._api.parity.gasPriceHistogram().catch(() => ({
|
|
bucketBounds: [],
|
|
counts: []
|
|
})),
|
|
this._api.eth.gasPrice(),
|
|
this._api.eth.blockNumber()
|
|
])
|
|
.then(([histogram, _price, blockNumber]) => {
|
|
transaction(() => {
|
|
const price = _price.toFixed(0);
|
|
|
|
if (!this.price) {
|
|
this.setPrice(price);
|
|
}
|
|
this.setHistogram(histogram);
|
|
|
|
this.priceDefault = price;
|
|
this.blockNumber = blockNumber.toNumber();
|
|
});
|
|
})
|
|
.catch((error) => {
|
|
console.warn('getDefaults', error);
|
|
});
|
|
}
|
|
|
|
overrideTransaction = (transaction) => {
|
|
if (this.errorGas || this.errorPrice || this.conditionBlockError) {
|
|
return transaction;
|
|
}
|
|
|
|
const override = {
|
|
condition: this.condition,
|
|
gas: new BigNumber(this.gas || DEFAULT_GAS),
|
|
gasPrice: new BigNumber(this.price || DEFAULT_GASPRICE)
|
|
};
|
|
|
|
const result = Object.assign({}, transaction, override);
|
|
|
|
switch (this.conditionType) {
|
|
case CONDITIONS.BLOCK:
|
|
case CONDITIONS.TIME:
|
|
result.condition = this.conditionValue;
|
|
break;
|
|
|
|
case CONDITIONS.NONE:
|
|
default:
|
|
delete result.condition;
|
|
break;
|
|
}
|
|
|
|
return result;
|
|
}
|
|
}
|
|
|
|
export {
|
|
CONDITIONS
|
|
};
|