├── .babelrc
├── .gitignore
├── README.md
├── package-lock.json
├── package.json
├── src
├── eos-client.jsx
├── index.html
├── index.jsx
├── names
│ ├── bid-table.jsx
│ ├── create-bid.jsx
│ └── names.jsx
├── scatter-client.jsx
├── staking
│ ├── stake-bandwidth.jsx
│ ├── staking.jsx
│ └── unstake-bandwidth.jsx
├── theme.css
├── tools
│ ├── account-create.jsx
│ ├── account-lookup.jsx
│ ├── buy-sell-ram.jsx
│ ├── manage-proxy.jsx
│ ├── tools.jsx
│ └── vote-genereos.jsx
├── unlock.jsx
└── votes
│ ├── vote-table.jsx
│ └── votes.jsx
└── webpack.config.js
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": ["env", "react", "stage-2"]
3 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | dist/bundle.js
3 | .idea/
4 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # This is the classic version of the EOSToolkit
2 | ### This version is no longer supported
3 | ### The new eostoolkit can be found at https://github.com/eostoolkit/eostoolkit
4 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "eos-toolbox",
3 | "version": "1.0.0",
4 | "description": "Manage your EOS!",
5 | "repository": {
6 | "type": "git",
7 | "url": "git://github.com/genereos/eostoolkit.git"
8 | },
9 | "main": "index.js",
10 | "scripts": {
11 | "start": "webpack-dev-server --config webpack.config.js --mode development",
12 | "test": "echo \"No test specified\" && exit 0",
13 | "compile": "webpack --config ./webpack.config.js --progress"
14 | },
15 | "keywords": [
16 | "react",
17 | "eos",
18 | "eos.js"
19 | ],
20 | "author": "Nathan Rempel",
21 | "license": "ISC",
22 | "devDependencies": {
23 | "babel-core": "^6.26.3",
24 | "babel-loader": "^7.1.4",
25 | "babel-preset-react": "^6.23.0",
26 | "babel-preset-stage-2": "^6.22.0",
27 | "clean-webpack-plugin": "^0.1.19",
28 | "css-loader": "^0.28.11",
29 | "html-webpack-plugin": "^3.2.0",
30 | "react-hot-loader": "^3.1.3",
31 | "react-router-dom": "^4.3.1",
32 | "react-table": "^6.8.6",
33 | "style-loader": "^0.21.0",
34 | "webpack": "^4.12.0",
35 | "webpack-cli": "^2.1.5",
36 | "webpack-dev-server": "^3.1.4"
37 | },
38 | "dependencies": {
39 | "babel-preset-env": "^1.7.0",
40 | "eosjs": "^14.1.1",
41 | "immutability-helper": "^2.7.0",
42 | "npm": "^6.1.0",
43 | "react": "^16.4.0",
44 | "react-addons-update": "^15.6.2",
45 | "react-bootstrap": "^0.32.1",
46 | "react-dom": "^16.4.0",
47 | "react-router-bootstrap": "^0.24.4"
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/eos-client.jsx:
--------------------------------------------------------------------------------
1 | import Eos from 'eosjs'
2 |
3 | const EOS_CONFIG = {
4 | clientConfig: {
5 | httpEndpoint: 'https://mainnet.genereos.io', // EOS http endpoint
6 | chainId: 'aca376f206b8fc25a6ed44dbdc66547c36c6c33e3a119ffbeaef943642f0e906'
7 | }
8 | }
9 |
10 | export default function EosClient() {
11 | return Eos(EOS_CONFIG.clientConfig);
12 | }
13 |
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | EOS Toolkit - By GenerEOS
5 |
6 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/src/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactDOM from 'react-dom'
3 | import update from 'react-addons-update';
4 | import { BrowserRouter as Router, Route, Redirect } from "react-router-dom";
5 | import { Navbar, Nav, NavItem, Panel, Alert, ButtonGroup, Button } from 'react-bootstrap';
6 | import { ScatterConnect } from './scatter-client.jsx';
7 | import { LinkContainer } from 'react-router-bootstrap';
8 | import Unlock from './unlock.jsx'
9 | import Tools from './tools/tools.jsx'
10 | import Names from './names/names.jsx'
11 | import Staking from './staking/staking.jsx'
12 | import './theme.css';
13 |
14 | const Home = () => (
15 |
28 |
29 |
30 |
31 |
32 | EOS Toolkit by GenerEOS
33 |
34 |
35 |
36 |
37 |
38 | Tools
39 |
40 |
41 |
42 |
43 | Staking Management
44 |
45 |
46 |
47 |
48 | Name Auction
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 | Scatter Integration
59 |
60 |
62 |
63 |
64 |
65 |
66 |
67 |
Copywrite GenerEOS 2018 | Website | GitHub
68 |
69 |
71 | );
72 | }
73 | }
74 |
75 | ReactDOM.render(
52 | Refresh
53 | (
68 | {(row.value/10000)} EOS
69 | )
70 | },
71 | {
72 | Header: "Last Bid Time",
73 | accessor: "last_bid_time",
74 | Cell: row => (
75 | {this.formatDate(row.value)}
76 | )
77 | },
78 | ]}
79 | defaultPageSize={20}
80 | data={data}
81 | className="-striped -highlight"
82 | loading={loading} // Display the loading overlay when we need it
83 | filterable
84 | defaultSorted={[
85 | {
86 | id: "high_bid",
87 | desc: true
88 | }
89 | ]}
90 | />
91 |
93 | );
94 | }
95 | }
96 |
--------------------------------------------------------------------------------
/src/names/create-bid.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import update from 'react-addons-update';
3 | import { Grid, Row, Col, Panel, Form, FormGroup, FormControl, ControlLabel, HelpBlock,ListGroup,ListGroupItem, Button, ProgressBar, Alert, Table, Popover, OverlayTrigger } from 'react-bootstrap';
4 | import { EosClient, bindNameToState } from '../scatter-client.jsx';
5 |
6 | export default class CreateBid extends React.Component {
7 | constructor(props, context) {
8 | super(props, context);
9 |
10 | this.handleBidder = this.handleBidder.bind(this);
11 | this.handleName = this.handleName.bind(this);
12 | this.handleBid = this.handleBid.bind(this);
13 |
14 | this.state = {
15 | loading: false,
16 | error: false,
17 | success: '',
18 | reason: '',
19 | bidder: '',
20 | name: '',
21 | bid: 0.0001,
22 | eos: null
23 | };
24 |
25 | document.addEventListener('scatterLoaded', scatterExtension => {
26 | console.log('Scatter connected')
27 | let client = EosClient();
28 | this.setState({ eos: client});
29 |
30 | setInterval(() => {
31 | bindNameToState(this.setState.bind(this), ['bidder']);
32 | }, 1000);
33 | });
34 | }
35 |
36 | componentDidMount() {
37 | if(window.scatter !== undefined) {
38 | this.setState({ eos: EosClient()});
39 | bindNameToState(this.setState.bind(this), ['bidder']);
40 | }
41 | }
42 |
43 | handleBidder(e) {
44 | this.setState({ bidder: e.target.value });
45 | }
46 |
47 | handleName(e) {
48 | this.setState({ name: e.target.value });
49 | }
50 |
51 | handleBid(e) {
52 | this.setState({ bid: e.target.value });
53 | }
54 |
55 | createBid(e) {
56 | e.preventDefault();
57 | this.setState({loading:true, error:false, reason:''});
58 | this.state.eos.transaction(tr => {
59 | tr.bidname({
60 | bidder: this.state.bidder,
61 | newname: this.state.name,
62 | bid: this.state.bid + ' EOS',
63 | })
64 | }).then((data) => {
65 | console.log(data);
66 | this.setState({loading:false, error:false});
67 | }).catch((e) => {
68 | let error = JSON.stringify(e);
69 | this.setState({loading:false, error:true});
70 |
71 | if(error.includes('must increase bid by 10%')) {
72 | this.setState({reason:'Increase bid by 10%'});
73 | } else if(error.includes('Missing required accounts')) {
74 | this.setState({reason:'Incorrect scatter account - please review chain id, network, and account name.'});
75 | }
76 | });
77 | }
78 |
79 |
80 |
81 | render() {
82 | const isError = this.state.error;
83 | const isLoading = this.state.loading;
84 | const isSuccess = this.state.success;
85 |
86 | const contract = (
87 |
88 | Action - {'{ bidname }'} Description
94 | );
95 |
96 | const RenderStatus = () => {
97 | if(isError) {
98 | return (
99 |
100 | Transaction failed. {this.state.reason}
101 |
102 | );
103 | }
104 |
105 | if(isLoading) {
106 | return(
112 | Transaction sent. TxId: {isSuccess}
113 |
114 | );
115 | }
116 | return('');
117 | }
118 |
119 | return (
120 |
121 |
Important notice! Your bid is transferred immediately. Your bid will be returned if you are outbid.
122 |
156 |
157 |
159 |
14 |
15 |
16 | Bid on Premium Names
17 |
18 |
20 |
21 |
{this.state.identity.name}
90 | ) : (
);
91 |
92 | const button = this.state.identity ? (
93 | Remove Identity
94 | ) : (
95 | Attach Identity
96 | );
97 |
98 | return (
99 |
100 |
101 |
{id} {button}
102 |
103 |
104 | );
105 | }
106 |
107 | render() {
108 | if(this.state.scatter === undefined) {
109 | return (Scatter is required to send transactions. Install Scatter );
110 | } else {
111 | return ( this.renderScatter() );
112 | }
113 | }
114 | }
115 |
--------------------------------------------------------------------------------
/src/staking/stake-bandwidth.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import update from 'react-addons-update';
3 | import Eos from 'eosjs'
4 | import { Grid, Row, Col, Panel, Form, FormGroup, FormControl, ControlLabel, HelpBlock,ListGroup,ListGroupItem, Button, ProgressBar, Alert, Table, Checkbox,Popover,OverlayTrigger } from 'react-bootstrap';
5 | import { EosClient, bindNameToState } from '../scatter-client.jsx';
6 |
7 | export default class AccountCreate extends React.Component {
8 | constructor(props, context) {
9 | super(props, context);
10 |
11 | this.handleCreator = this.handleCreator.bind(this);
12 | this.handleName = this.handleName.bind(this);
13 | this.handleNet = this.handleNet.bind(this);
14 | this.handleCpu = this.handleCpu.bind(this);
15 | this.handleTransfer = this.handleTransfer.bind(this);
16 |
17 | this.state = {
18 | loading: false,
19 | error: false,
20 | reason: '',
21 | success: '',
22 | name: '',
23 | creator: '',
24 | net: 0,
25 | cpu: 0,
26 | transfer: true,
27 | eos: null,
28 | scatter:null
29 | };
30 |
31 |
32 | document.addEventListener('scatterLoaded', scatterExtension => {
33 | console.log('Scatter connected')
34 | let client = EosClient();
35 | this.setState({ eos: client});
36 |
37 | setInterval(() => {
38 | bindNameToState(this.setState.bind(this), ['creator']);
39 | }, 1000)
40 |
41 |
42 |
43 | });
44 | }
45 |
46 | componentDidMount() {
47 | if(window.scatter !== undefined) {
48 | this.setState({ eos: EosClient()});
49 | bindNameToState(this.setState.bind(this), ['creator']);
50 | }
51 | }
52 |
53 | handleName(e) {
54 | this.setState({ name: e.target.value });
55 | }
56 |
57 | handleCreator(e) {
58 | this.setState({ creator: e.target.value });
59 | }
60 |
61 | handleNet(e) {
62 | this.setState({ net: e.target.value });
63 | }
64 |
65 | handleCpu(e) {
66 | this.setState({ cpu: e.target.value });
67 | }
68 |
69 | handleTransfer(e) {
70 | this.setState({ transfer: e.target.checked });
71 | }
72 |
73 | stakeBandwidth(e) {
74 | e.preventDefault();
75 | this.setState({loading:true, error:false, reason:'', success:''});1
76 | this.state.eos.transaction(tr => {
77 | tr.delegatebw({
78 | from: this.state.creator,
79 | receiver: this.state.name,
80 | stake_net_quantity: this.state.net + ' EOS',
81 | stake_cpu_quantity: this.state.cpu + ' EOS',
82 | transfer: this.state.transfer ? 1 : 0
83 | })
84 | }).then((data) => {
85 | console.log(data.transaction_id);
86 | this.setState({loading:false, error:false, success: data.transaction_id});
87 | }).catch((e) => {
88 | let error = JSON.stringify(e);
89 | this.setState({loading:false, error:true});
90 |
91 | if(error.includes('Missing required accounts')) {
92 | this.setState({reason:'Incorrect scatter account - please review chain id, network, and account name.'});
93 | }
94 | });
95 | }
96 |
97 | render() {
98 | const isError = this.state.error;
99 | const isLoading = this.state.loading;
100 | const isSuccess = this.state.success;
101 |
102 | const contract = (
103 |
104 | Action - {'{ delegatebw }'} Description
115 | );
116 |
117 | const RenderStatus = () => {
118 | if(isError) {
119 | return (
120 |
121 | Transaction failed. {this.state.reason}
122 |
123 | );
124 | }
125 |
126 | if(isLoading) {
127 | return(
133 | Transaction sent. TxId: {isSuccess}
134 |
135 | );
136 | }
137 | return('');
138 | }
139 |
140 | return (
141 |
142 |
143 |
194 |
195 |
197 |
198 |
14 |
15 |
16 | Lookup Accounts
17 |
18 |
20 |
21 |
22 | Undelegate Bandwidth (Unstake)
23 |
24 |
26 |
27 |
28 | Delegate Bandwidth (Stake)
29 |
30 |
32 |
33 |
34 | Withdraw (after Unstake period)
35 |
36 | Coming soon...
37 |
38 |
97 | Action - {'{ undelegatebw }'} Description
105 | );
106 |
107 | const RenderStatus = () => {
108 | if(isError) {
109 | return (
110 |
111 | Transaction failed. {this.state.reason}
112 |
113 | );
114 | }
115 |
116 | if(isLoading) {
117 | return(
123 | Transaction sent. TxId: {isSuccess}
124 |
125 | );
126 | }
127 | return('');
128 | }
129 |
130 | return (
131 |
132 |
Important notice! Unstaking takes three days. After this time has passed you can use "withdraw" below.
133 |
Your vote goes away! After unstaking your vote no longer has weight. Please keep this in mind - Please stake and vote!
134 |
178 |
179 |
181 |
182 |
159 | Action - {'{ newaccount }'}Description
166 | );
167 |
168 | const RenderStatus = () => {
169 | if(isError) {
170 | return (
171 |
172 | Transaction failed. {this.state.reason}
173 |
174 | );
175 | }
176 |
177 | if(isLoading) {
178 | return(
184 | Transaction sent. TxId: {isSuccess}
185 |
186 | );
187 | }
188 | return('');
189 | }
190 |
191 | return (
192 |
193 |
194 |
272 |
273 |
275 |
276 |
78 | {k.perm_name}
79 | {k.key}
80 | {k.weight}
81 |
82 | );
83 | }
84 | return (
85 | keys.map(renderKey.bind(this))
86 | );
87 | return(test {account.account_name}
97 |
98 |
99 | {account.account_name} {cpu+net+eos} EOS
101 |
102 |
103 |
104 |
105 |
106 |
108 |
109 | Available Currency
111 |
112 | {account.currency.map((value)=>{return {value}
114 |
115 |
116 |
118 |
119 | Resources
121 |
122 |
123 | NET Stake
124 | {account.total_resources.net_weight}
125 |
126 |
127 | CPU Stake
128 | {account.total_resources.cpu_weight}
129 |
130 |
131 | RAM Used
132 | {(account.ram_usage/1024).toFixed(3)} kB
133 |
134 |
135 | RAM Quota
136 | {(account.ram_quota/1024).toFixed(3)} kB
137 |
138 |
139 |
140 |
141 |
142 |
143 |
145 |
146 |
147 | Permission
148 | Key
149 | Weight
150 |
151 |
152 |
153 | {account.permissions.map(this.renderPermission.bind(this))}
154 |
155 |
156 |
157 |
158 |
159 | Votes:
161 | {account.voter_info ? account.voter_info.producers.join(',') : ''}
162 |
163 |
164 |
165 |
166 |
169 |
170 | );
171 | }
172 |
173 | render() {
174 | const isError = this.state.error;
175 | const isLoading = this.state.loading;
176 | return (
177 |
178 |
191 |
OR...
192 |
205 |
206 | {isError ? (
207 |
208 | No results! The public key or name provided may be invalid or does not exist.
209 |
210 | ) : (
211 | isLoading ? (
212 |
213 | ) : (
214 | this.state.accounts.map(this.renderAccount.bind(this))
215 | )
216 | )}
217 |
218 |
126 | Action - {'{ buyram }'} Description
146 | );
147 | const contractSellRAM = (
148 |
149 | Action - {'{ sellram }'} Description
155 | );
156 |
157 | const RenderStatus = () => {
158 | if(isError) {
159 | return (
160 |
161 | Transaction failed. {this.state.reason}
162 |
163 | );
164 | }
165 |
166 | if(isLoading) {
167 | return(
173 | Transaction sent. TxId: {isSuccess}
174 |
175 | );
176 | }
177 | return('');
178 | }
179 |
180 | return (
181 |
182 | {/* Buy RAM */}
183 |
Buy RAM This action will attempt to reserve about {'{ quant }'} worth of RAM on behalf of {'{ receiver }'}.
184 |
185 | Read Contract
186 |
187 |
219 |
220 | {/* Sell RAM */}
221 |
Sell RAM The {'{ sellram }'} action sells unused RAM for tokens.
222 |
223 | Read Contract
224 |
225 |
247 |
248 |
250 |
113 | Action - {'{ voteproducer }'} Description
125 | );
126 |
127 | const RenderStatus = () => {
128 | if(isError) {
129 | return (
130 |
131 | Transaction failed. {this.state.reason}
132 |
133 | );
134 | }
135 |
136 | if(isLoading) {
137 | return(
143 | Transaction sent. TxId: {isSuccess}
144 |
145 | );
146 | }
147 | return('');
148 | }
149 |
150 | return (
151 |
152 |
Register as Proxy: You will vote on behalf of others.
153 |
167 |
Set a Proxy: They will vote on your behalf.
169 | Read Contract
170 |
171 |
196 |
197 |
199 |
17 |
18 |
19 | Lookup Accounts
20 |
21 |
23 |
24 |
25 | Create Account
26 |
27 |
29 |
30 |
31 | Proxy Management
32 |
33 |
35 |
36 |
37 | Buy/Sell RAM - Thanks EOSNation for Contributing
38 |
39 |
41 |
42 |
43 | Vote
44 |
45 |
47 |
74 | Action - {'{ voteproducer }'} Description
86 | );
87 |
88 | const RenderStatus = () => {
89 | if(isError) {
90 | return (
91 |
92 | Transaction failed. {this.state.reason}
93 |
94 | );
95 | }
96 |
97 | if(isLoading) {
98 | return(
104 | Transaction sent. TxId: {isSuccess}
105 |
106 | );
107 | }
108 | return('');
109 | }
110 |
111 | return (
112 |
113 |
A vote for GenerEOS is a vote for Charity
114 |
115 | Read Contract
116 |
117 |
If you wish to vote for a full set of 30 block producers we encourage you to use EOS Portal .steemit article .
120 |
134 |
135 |
137 |
Check out the new eostoolkit.io. Better interface, Transfers, and Permission changing
63 | Refresh
64 | (
75 | {(row.value/10000)} EOS
76 | )
77 | },
78 | {
79 | Header: "Vote Weight",
80 | id: "last_vote_weight",
81 | accessor: "last_vote_weight",
82 | Cell: row => (
83 | {(row.value/10000)}
84 | )
85 | },
86 | {
87 | Header: "Producers",
88 | accessor: "producers",
89 | Cell: row => (
90 | {this.formatProds(row.value)}
91 | )
92 | },
93 | ]}
94 | defaultPageSize={20}
95 | data={data}
96 | className="-striped -highlight"
97 | loading={loading} // Display the loading overlay when we need it
98 | filterable
99 | defaultSorted={[
100 | {
101 | id: "last_vote_weight",
102 | desc: true
103 | }
104 | ]}
105 | />
106 |
108 | );
109 | }
110 | }
111 |
--------------------------------------------------------------------------------
/src/votes/votes.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Panel } from 'react-bootstrap';
3 | import VoteTable from './vote-table.jsx'
4 |
5 | export default class Votes extends React.Component {
6 | constructor(props, context) {
7 | super(props, context);
8 | }
9 |
10 | render() {
11 | return (
12 |
13 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require('webpack');
2 | var HtmlWebpackPlugin = require('html-webpack-plugin');
3 | var CleanWebpackPlugin = require('clean-webpack-plugin');
4 |
5 | module.exports = {
6 | entry: ['react-hot-loader/patch', './src/index.jsx'],
7 | module: {
8 | rules: [
9 | { test: /\.(js|jsx)$/, exclude: /node_modules/, use: ['babel-loader'] },
10 | { test:/\.css$/, use:['style-loader','css-loader']}
11 | ],
12 | },
13 | resolve: { extensions: ['*', '.js', '.jsx'] },
14 | output: { path: __dirname + '/dist', publicPath: '/', filename: '[name].[hash].js' },
15 | plugins: [
16 | new webpack.HotModuleReplacementPlugin(),
17 | new CleanWebpackPlugin(['dist']),
18 | new HtmlWebpackPlugin({hash: true, template: 'src/index.html'})
19 | ],
20 | devServer: { contentBase: './dist', hot: true }
21 | };
22 |
--------------------------------------------------------------------------------