zervo/vanity-eth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use local vue and bootstrap, display 50% probability

Browse source
This commit is contained in:
Boris Kubiak 2018-01-13 20:15:15 +01:00
parent a6db992084
commit 4e2881a29e
8 changed files with 50 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.gitignore vendored
View file

@ -1,3 +1,6 @@
node_modules/ node_modules/
js/bundle.js js/bundle.js
css/stylesheet.css css/stylesheet.css
#!node_modules/vue/dist/vue.min.js
#!node_modules/bootstrap/dist/css/bootstrap.min.css

8
README.md
View file

@ -10,9 +10,7 @@ Just type [`git.io/veth`](https://git.io/veth) to use it ⚡️
## Local usage ## Local usage
If for any reason you don't want to use the version hosted by Github pages, download / clone the project and open `index.html` with your web browser. Check out the [wiki page](https://github.com/bokub/vanity-eth/wiki/Download-Vanity-ETH)
⚠ For some reason, some browsers such as chrome disallow multi-thread computation when run from a local file.
## Local development ## Local development
@ -23,8 +21,10 @@ npm i
npm i -g gulp npm i -g gulp
``` ```
Run the watcher to compile while you code Run the watcher to compile CSS/JS while you code
```sh ```sh
gulp watch # or npm run-script watch gulp watch # or npm run-script watch
``` ```
The Travis CI bot is in charge of building and deploying Vanity-ETH to Github pages.

1
gulpfile.js
View file

@ -58,6 +58,7 @@ gulp.task('build', ['build-js', 'build-css'], cb => {
gulp.src('.gitignore'), gulp.src('.gitignore'),
replace('js/bundle.js', ''), replace('js/bundle.js', ''),
replace('css/stylesheet.css', ''), replace('css/stylesheet.css', ''),
replace('#', ''),
gulp.dest('./') gulp.dest('./')
], cb); ], cb);
}); });

19
index.html
View file

@ -7,15 +7,12 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Vanity ETH</title> <title>Vanity ETH</title>
<link rel="icon" type="image/png" href="images/favicon.png" />
<!--CSS--> <!--CSS-->
<link rel="stylesheet" <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"/>
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css"/>
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="all"/> <link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="all"/>
<!--Fonts-->
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic'
rel='stylesheet' type='text/css'>
</head> </head>
<body> <body>
<div class="container" id="app"> <div class="container" id="app">
@ -47,8 +44,9 @@
<p> <p>
As explained above, everything is computed in your browser. Nothing ever leaves your machine, or As explained above, everything is computed in your browser. Nothing ever leaves your machine, or
even your browser tab.<br> even your browser tab.<br>
Once the page is loaded, you can turn off your internet connection and everything will work You can download the latest build of Vantiy-ETH from
perfectly fine.<br> <a href="https://github.com/bokub/vanity-eth/wiki/download-Vanity-ETH">Github</a> and use it
completely offline.<br>
Vanity-ETH uses a cryptographically secure pseudorandom number generator (CSPRNG) to generate Vanity-ETH uses a cryptographically secure pseudorandom number generator (CSPRNG) to generate
Ethereum addresses. Ethereum addresses.
</p> </p>
@ -105,7 +103,8 @@
<div class="panel statistics"> <div class="panel statistics">
<div>Difficulty: <span class="output" v-text="difficulty">1</span></div> <div>Difficulty: <span class="output" v-text="difficulty">1</span></div>
<div>Generated: <span class="output" v-text="count + (count === 1 ? ' address' : ' addresses')">0 addresses</span></div> <div>Generated: <span class="output" v-text="count + (count === 1 ? ' address' : ' addresses')">0 addresses</span></div>
<div>Speed: <span class="output" v-text="speed">0 addr/s</span></div> <div>50% probability: <span class="output" v-text="probability50">0 addresses</span></div>
<div>Speed: <span class="output" v-text="speed + ' addr/s'">0 addr/s</span></div>
<div>Status: <span class="output" v-text="status">Waiting</span></div> <div>Status: <span class="output" v-text="status">Waiting</span></div>
<!--Probability:--> <!--Probability:-->
<div class="probability"> <div class="probability">
@ -129,7 +128,7 @@
</div> </div>
<!--JS--> <!--JS-->
<script src="https://unpkg.com/vue/dist/vue.min.js"></script> <script src="node_modules/vue/dist/vue.min.js"></script>
<script src="js/index.js" type="text/javascript"></script> <script src="js/index.js" type="text/javascript"></script>
</body> </body>
</html> </html>

9
js/index.js
View file

@ -16,7 +16,7 @@ const computeDifficulty = function (pattern, isChecksum) {
}; };
const computeProbability = function (difficulty, attempts) { const computeProbability = function (difficulty, attempts) {
return 1 - Math.pow((difficulty - 1) / difficulty, attempts); return 1 - Math.pow(1 - (1 / difficulty), attempts);
}; };
new Vue({ new Vue({
@ -25,7 +25,7 @@ new Vue({
count: 0, count: 0,
firstTick: null, firstTick: null,
running: false, running: false,
speed: '0 addr/s', speed: 0,
status: 'Waiting', status: 'Waiting',
workers: [], workers: [],
threads: 4, threads: 4,
@ -48,6 +48,9 @@ new Vue({
difficulty: function () { difficulty: function () {
return this.inputError ? 'N/A' : computeDifficulty(this.input.prefix, this.input.checksum); return this.inputError ? 'N/A' : computeDifficulty(this.input.prefix, this.input.checksum);
}, },
probability50: function () {
return this.inputError ? 'N/A' : Math.floor(Math.log(0.5) / Math.log(1 - (1 / this.difficulty))) + ' addresses';
},
probability: function () { probability: function () {
return Math.round(10000 * computeProbability(this.difficulty, this.count)) / 100; return Math.round(10000 * computeProbability(this.difficulty, this.count)) / 100;
} }
@ -62,7 +65,7 @@ new Vue({
methods: { methods: {
incrementCounter: function (incr) { incrementCounter: function (incr) {
this.count += incr; this.count += incr;
this.speed = incr > 0 ? Math.floor(1000 * this.count / (performance.now() - this.firstTick)) + ' addr/s' : '0 addr/s'; this.speed = incr > 0 ? Math.floor(1000 * this.count / (performance.now() - this.firstTick)) : 0;
}, },
displayResult: function (result) { displayResult: function (result) {

3
js/vanity.js
View file

@ -63,8 +63,7 @@ const getVanityWallet = (input, isChecksum, cb) => {
wallet = getRandomWallet(); wallet = getRandomWallet();
attempts++; attempts++;
} }
cb({address: ethUtils.toChecksumAddress(wallet.address), privKey: wallet.privKey, attempts});
cb({address: ethUtils.toChecksumAddress(wallet.address), attempts});
}; };
onmessage = function (event) { onmessage = function (event) {

24
package-lock.json generated
View file

@ -1036,6 +1036,15 @@
"hoek": "2.16.3" "hoek": "2.16.3"
} }
}, },
"bootstrap": {
"version": "4.0.0-alpha.6",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.0.0-alpha.6.tgz",
"integrity": "sha1-T1TdM6wN6sOyhAe8LffsYIhpycg=",
"requires": {
"jquery": "3.2.1",
"tether": "1.4.3"
}
},
"boxen": { "boxen": {
"version": "1.3.0", "version": "1.3.0",
"resolved": "https://registry.npmjs.org/boxen/-/boxen-1.3.0.tgz", "resolved": "https://registry.npmjs.org/boxen/-/boxen-1.3.0.tgz",
@ -3939,6 +3948,11 @@
"textextensions": "1.0.2" "textextensions": "1.0.2"
} }
}, },
"jquery": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.2.1.tgz",
"integrity": "sha1-XE2d5lKvbNCncBVKYxu6ErAVx4c="
},
"js-base64": { "js-base64": {
"version": "2.4.0", "version": "2.4.0",
"resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.0.tgz", "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.0.tgz",
@ -6709,6 +6723,11 @@
"execa": "0.7.0" "execa": "0.7.0"
} }
}, },
"tether": {
"version": "1.4.3",
"resolved": "https://registry.npmjs.org/tether/-/tether-1.4.3.tgz",
"integrity": "sha512-YCfE/Ym9MpZpzUmzbek7MiLEyTofxx2YS0rJfSOUXX0aZtfQgxcgw7/Re2oGJUsREWZtEF0DzBKCjqH+DzgL6A=="
},
"text-table": { "text-table": {
"version": "0.2.0", "version": "0.2.0",
"resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@ -7337,6 +7356,11 @@
"indexof": "0.0.1" "indexof": "0.0.1"
} }
}, },
"vue": {
"version": "2.5.13",
"resolved": "https://registry.npmjs.org/vue/-/vue-2.5.13.tgz",
"integrity": "sha512-3D+lY7HTkKbtswDM4BBHgqyq+qo8IAEE8lz8va1dz3LLmttjgo0FxairO4r1iN2OBqk8o1FyL4hvzzTFEdQSEw=="
},
"which": { "which": {
"version": "1.3.0", "version": "1.3.0",
"resolved": "https://registry.npmjs.org/which/-/which-1.3.0.tgz", "resolved": "https://registry.npmjs.org/which/-/which-1.3.0.tgz",

2
package.json
View file

@ -5,6 +5,7 @@
"dependencies": { "dependencies": {
"@babel/plugin-transform-object-assign": "^7.0.0-beta.37", "@babel/plugin-transform-object-assign": "^7.0.0-beta.37",
"babel-preset-env": "^1.6.1", "babel-preset-env": "^1.6.1",
"bootstrap": "^4.0.0-alpha.6",
"browserify": "^14.5.0", "browserify": "^14.5.0",
"ethereumjs-util": "^5.1.2", "ethereumjs-util": "^5.1.2",
"gulp": "^3.9.1", "gulp": "^3.9.1",
@ -17,6 +18,7 @@
"pump": "^2.0.0", "pump": "^2.0.0",
"randombytes": "^2.0.6", "randombytes": "^2.0.6",
"vinyl-source-stream": "^1.1.0", "vinyl-source-stream": "^1.1.0",
"vue": "^2.5.13",
"xo": "^0.18.2" "xo": "^0.18.2"
}, },
"license": "ISC", "license": "ISC",