-
Notifications
You must be signed in to change notification settings - Fork 11
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
8 changed files
with
292 additions
and
52 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,248 @@ | ||
| import React from 'react'; | ||
| import getKomodoRewards from './lib/get-komodo-rewards'; | ||
| import hw from './lib/hw'; | ||
| import accountDiscovery, {clearPubkeysCache} from './lib/account-discovery'; | ||
| import blockchain, {setExplorerUrl, getInfo} from './lib/blockchain'; | ||
| import updateActionState from './lib/update-action-state'; | ||
| import {TX_FEE, VENDOR} from './constants'; | ||
| import ActionListModal from './ActionListModal'; | ||
| import asyncForEach from './lib/async'; | ||
| import coins from './lib/coins'; | ||
| import humanReadableSatoshis from './lib/human-readable-satoshis'; | ||
| import { | ||
| isElectron, | ||
| appData, | ||
| } from './Electron'; | ||
|
|
||
| const headings = [ | ||
| 'Coin', | ||
| 'Balance', | ||
| ]; | ||
| const coinsToCheckDev = [ | ||
| 'RICK', | ||
| 'MORTY', | ||
| 'KMD', | ||
| ]; | ||
|
|
||
| let cancel = false; | ||
|
|
||
| class CheckAllBalancesButton extends React.Component { | ||
| state = this.initialState; | ||
|
|
||
| get initialState() { | ||
| return { | ||
| isCheckingRewards: false, | ||
| error: false, | ||
| coin: '', | ||
| balances: [], | ||
| progress: '', | ||
| emptyBalances: false, | ||
| actions: { | ||
| connect: { | ||
| icon: 'fab fa-usb', | ||
| description: this.props.vendor === 'ledger' ? <div>Connect and unlock your Ledger, then open the Komodo app on your device.</div> : <div>Connect and unlock your Trezor.</div>, | ||
| state: null | ||
| }, | ||
| approve: { | ||
| icon: 'fas fa-microchip', | ||
| description: <div>Approve all public key export requests on your device. <strong>There will be multiple requests</strong>.</div>, | ||
| state: null | ||
| }, | ||
| finished: { | ||
| icon: 'fas fa-check', | ||
| description: <div>All coin balances are checked.</div>, | ||
| state: null | ||
| }, | ||
| }, | ||
| isDebug: isElectron ? appData.isDev : window.location.href.indexOf('devmode') > -1, | ||
| }; | ||
| } | ||
|
|
||
| resetState = () => { | ||
| cancel = true; | ||
| this.setState(this.initialState); | ||
| } | ||
|
|
||
| calculateRewardData = ({accounts, tiptime}) => accounts.map(account => { | ||
| account.balance = account.utxos.reduce((balance, utxo) => balance + utxo.satoshis, 0); | ||
| account.rewards = account.utxos.reduce((rewards, utxo) => rewards + getKomodoRewards({tiptime, ...utxo}), 0); | ||
| account.claimableAmount = account.rewards - TX_FEE * 2; | ||
|
|
||
| return account; | ||
| }); | ||
|
|
||
| scanAddresses = async () => { | ||
| const coinTickers = Object.keys(coins); | ||
| let balances = []; | ||
| cancel = false; | ||
|
|
||
| await asyncForEach(coinTickers, async (coin, index) => { | ||
| if (!cancel && (!this.state.isDebug || (this.state.isDebug && coinsToCheckDev.indexOf(coin) > -1))) { | ||
| const getInfoRes = await Promise.all(coins[coin].api.map((value, index) => { | ||
| return getInfo(value); | ||
| })); | ||
| let isExplorerEndpointSet = false; | ||
|
|
||
| console.warn('checkExplorerEndpoints', getInfoRes); | ||
|
|
||
| for (let i = 0; i < coins[coin].api.length; i++) { | ||
| if (getInfoRes[i] && | ||
| getInfoRes[i].hasOwnProperty('info') && | ||
| getInfoRes[i].info.hasOwnProperty('version')) { | ||
| console.warn(`${coin} set api endpoint to ${coins[coin].api[i]}`); | ||
| setExplorerUrl(coins[coin].api[i]); | ||
| isExplorerEndpointSet = true; | ||
|
|
||
| break; | ||
| } | ||
| } | ||
|
|
||
| if (isExplorerEndpointSet) { | ||
| this.setState({ | ||
| ...this.initialState, | ||
| isCheckingRewards: true, | ||
| coin, | ||
| progress: ` (${index + 1}/${coinTickers.length})`, | ||
| balances, | ||
| }); | ||
|
|
||
| let currentAction; | ||
| try { | ||
| currentAction = 'connect'; | ||
| updateActionState(this, currentAction, 'loading'); | ||
| const hwIsAvailable = await hw[this.props.vendor].isAvailable(); | ||
| if (!hwIsAvailable) { | ||
| throw new Error(`${VENDOR[this.props.vendor]} device is unavailable!`); | ||
| } | ||
| updateActionState(this, currentAction, true); | ||
|
|
||
| currentAction = 'approve'; | ||
| updateActionState(this, currentAction, 'loading'); | ||
| let [accounts, tiptime] = await Promise.all([ | ||
| accountDiscovery(this.props.vendor), | ||
| blockchain.getTipTime() | ||
| ]); | ||
|
|
||
| tiptime = this.props.checkTipTime(tiptime); | ||
|
|
||
| accounts = this.calculateRewardData({accounts, tiptime}); | ||
| updateActionState(this, currentAction, true); | ||
|
|
||
| let balanceSum = 0; | ||
| let rewardsSum = 0; | ||
|
|
||
| for (let i = 0; i < accounts.length; i++) { | ||
| balanceSum += accounts[i].balance; | ||
| rewardsSum += accounts[i].rewards; | ||
| } | ||
|
|
||
| if (balanceSum) { | ||
| balances.push({ | ||
| coin, | ||
| balance: balanceSum, | ||
| rewards: rewardsSum, | ||
| }); | ||
| } | ||
|
|
||
| this.setState({ | ||
| balances, | ||
| }); | ||
| //this.setState({...this.initialState}); | ||
| } catch (error) { | ||
| console.warn(error); | ||
| updateActionState(this, currentAction, false); | ||
| this.setState({error: error.message}); | ||
| } | ||
| } | ||
| } | ||
| }); | ||
|
|
||
| if (!cancel) { | ||
| if (!this.state.error || (this.state.error && this.state.error.indexOf('Failed to fetch') > -1)) { | ||
| updateActionState(this, 'approve', true); | ||
| updateActionState(this, 'finished', true); | ||
| } | ||
|
|
||
| clearPubkeysCache(); | ||
|
|
||
| this.setState({ | ||
| error: false, | ||
| progress: '', | ||
| coin: '', | ||
| isCheckingRewards: true, | ||
| emptyBalances: !this.state.balances.length, | ||
| }); | ||
| } | ||
|
|
||
| setExplorerUrl(this.props.explorerEndpoint); | ||
| }; | ||
|
|
||
| renderCoinBalances() { | ||
| const balances = this.state.balances; | ||
|
|
||
| return ( | ||
| <table className="table is-striped"> | ||
| <thead> | ||
| <tr> | ||
| {headings.map(heading => <th key={heading}>{heading}</th>)} | ||
| </tr> | ||
| </thead> | ||
| {balances.length > 10 && | ||
| <tfoot> | ||
| <tr> | ||
| {headings.map(heading => <th key={heading}>{heading}</th>)} | ||
| </tr> | ||
| </tfoot> | ||
| } | ||
| <tbody> | ||
| {balances.map(item => ( | ||
| <tr key={item.coin}> | ||
| <th>{item.coin}</th> | ||
| <td>{humanReadableSatoshis(item.balance)}{item.rewards ? ` (${humanReadableSatoshis(item.rewards)})` : ''}</td> | ||
| </tr> | ||
| ))} | ||
| </tbody> | ||
| </table> | ||
| ); | ||
| } | ||
|
|
||
| render() { | ||
| const { | ||
| isCheckingRewards, | ||
| actions, | ||
| error, | ||
| } = this.state; | ||
|
|
||
| return ( | ||
| <React.Fragment> | ||
| <button | ||
| className="button is-primary" | ||
| onClick={this.scanAddresses}> | ||
| {this.props.children} | ||
| </button> | ||
| <ActionListModal | ||
| title={`Scanning Blockchain ${this.state.coin}${this.state.progress}`} | ||
| isCloseable={true} | ||
| actions={actions} | ||
| error={error} | ||
| handleClose={this.resetState} | ||
| show={isCheckingRewards}> | ||
| <p> | ||
| Exporting public keys from your {VENDOR[this.props.vendor]} device, scanning the blockchain for funds, and calculating any claimable rewards. Please approve any public key export requests on your device. | ||
| </p> | ||
| {this.state.balances && | ||
| this.state.balances.length > 0 && | ||
| <React.Fragment>{this.renderCoinBalances()}</React.Fragment> | ||
| } | ||
| {this.state.emptyBalances && | ||
| <p> | ||
| <strong>No active balances are found</strong> | ||
| </p> | ||
| } | ||
| </ActionListModal> | ||
| </React.Fragment> | ||
| ); | ||
| } | ||
| } | ||
|
|
||
| export default CheckAllBalancesButton; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| async function asyncForEach(array, callback) { | ||
| for (let index = 0; index < array.length; index++) { | ||
| await callback(array[index], index, array); | ||
| } | ||
| } | ||
|
|
||
| export default asyncForEach; |
Oops, something went wrong.