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

Merge branch 'master' into prerender

Browse source
This commit is contained in:
Boris Kubiak 2018-09-11 08:46:20 +02:00
commit 3eec5e36ac
20 changed files with 2918 additions and 3649 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
.eslintrc.js Normal file
View file

@ -0,0 +1,46 @@
module.exports = {
root: true,
env: {
browser: true,
},
"parser": "vue-eslint-parser",
extends: [
'plugin:vue/base',
'plugin:vue/essential',
'plugin:vue/strongly-recommended',
// 'plugin:vue/recommended'
],
plugins: [
'vue',
],
rules: {
indent: 'off',
'no-var': 'error',
'arrow-parens': ['error', 'always'],
'guard-for-in': 'off',
'dot-notation': 'off',
'no-negated-condition': 'off',
'capitalized-comments': 'off',
'no-prototype-builtins': 'off',
'space-infix-ops': 'off',
// Rules from https://github.com/vuejs/eslint-plugin-vue
'vue/html-self-closing': 'off',
'vue/require-default-prop': 'off',
'vue/require-prop-types': 'off',
'vue/html-quotes': 'error',
'vue/html-indent': ['error', 4],
'vue/script-indent': ['error', 4, {
'baseIndent': 1,
}],
'vue/max-attributes-per-line': ['error', {
'singleline': 6,
'multiline': {
'max': 4,
'allowFirstLine': true
}
}],
'vue/this-in-template': 'error',
},
globals: {},
};

2
.gitignore vendored
View file

@ -1,4 +1,4 @@
node_modules node_modules
dist dist
stats.json
.idea .idea

15
README.md
View file

@ -1,8 +1,8 @@
# Vanity-ETH # Vanity-ETH
[![Build Status](https://img.shields.io/travis/bokub/vanity-eth/master.svg?style=flat-square)](https://travis-ci.org/bokub/vanity-eth) [![Build Status][build-img]][build-link]
[![License](https://img.shields.io/badge/license-MIT-f68084.svg?style=flat-square)](https://raw.githubusercontent.com/bokub/vanity-eth/master/LICENSE) [![License][license-img]][license-link]
[![Maintainability](https://api.codeclimate.com/v1/badges/818874f09ea56c310072/maintainability)](https://codeclimate.com/github/bokub/vanity-eth/maintainability) [![Maintainability][maint-img]][maint-link]
Browser-based ETH vanity address generator Browser-based ETH vanity address generator
@ -85,4 +85,11 @@ The Travis CI bot 🤖 is in charge of building and deploying Vanity-ETH to Gith
## Tips ## Tips
`0xAceBabe64807cb045505b268ef253D8fC2FeF5Bc` `0xAceBabe64807cb045505b268ef253D8fC2FeF5Bc`
[build-img]: https://flat.badgen.net/travis/bokub/vanity-eth
[build-link]: https://travis-ci.org/bokub/vanity-eth
[license-img]: https://flat.badgen.net/badge/license/MIT/orange
[license-link]: https://raw.githubusercontent.com/bokub/vanity-eth/master/LICENSE
[maint-img]: https://flat.badgen.net/codeclimate/maintainability/bokub/vanity-eth
[maint-link]: https://codeclimate.com/github/bokub/vanity-eth/maintainability

2
index.html
View file

@ -15,7 +15,7 @@
vanity addresses. You can get a custom ETH vanity address right now without the need to install any software. vanity addresses. You can get a custom ETH vanity address right now without the need to install any software.
Vanity-ETH provides an encrypted keystore compatible with MyEtherWallet, MetaMask, Mist, and geth." /> Vanity-ETH provides an encrypted keystore compatible with MyEtherWallet, MetaMask, Mist, and geth." />
<link rel="canonical" href="https://vanity-eth.tk/" /> <link rel="canonical" href="https://vanity-eth.tk/" />
<meta property="og:url" content="vanity-eth.tk/" /> <meta property="og:url" content="https://vanity-eth.tk/" />
<meta property="og:site_name" content="Vanity ETH" /> <meta property="og:site_name" content="Vanity ETH" />
<meta name="google-site-verification" content="DFWJVWz9IRrh-wjBxn0Y8ith5FTqMeJTSUtuJ595BEs" /> <meta name="google-site-verification" content="DFWJVWz9IRrh-wjBxn0Y8ith5FTqMeJTSUtuJ595BEs" />
<link rel="stylesheet" href="dist/style.css" /> <link rel="stylesheet" href="dist/style.css" />

6021
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

19
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "vanity-eth", "name": "vanity-eth",
"description": "Online ETH vanity address generator", "description": "Browser-based ETH vanity address generator ",
"version": "1.0.0", "version": "1.0.0",
"browserslist": [ "browserslist": [
"> 1%", "> 1%",
@ -19,6 +19,8 @@
"crypto-js": "^3.1.9-1", "crypto-js": "^3.1.9-1",
"css-loader": "^0.28.7", "css-loader": "^0.28.7",
"downloadjs": "^1.4.7", "downloadjs": "^1.4.7",
"eslint": "^5.5.0",
"eslint-plugin-vue": "^4.7.1",
"extract-text-webpack-plugin": "^3.0.2", "extract-text-webpack-plugin": "^3.0.2",
"file-loader": "^1.1.6", "file-loader": "^1.1.6",
"keccak": "^1.4.0", "keccak": "^1.4.0",
@ -29,26 +31,21 @@
"sass-loader": "^6.0.6", "sass-loader": "^6.0.6",
"secp256k1": "^3.5.0", "secp256k1": "^3.5.0",
"url-loader": "^0.6.2", "url-loader": "^0.6.2",
"uuid": "^3.2.1",
"vue": "^2.5.11", "vue": "^2.5.11",
"vue-eslint-parser": "^3.2.2",
"vue-loader": "^13.0.5", "vue-loader": "^13.0.5",
"vue-template-compiler": "^2.4.4", "vue-template-compiler": "^2.4.4",
"webpack": "^3.6.0", "webpack": "^3.6.0",
"webpack-dev-server": "^2.9.1", "webpack-dev-server": "^2.9.1",
"worker-loader": "^1.1.0", "worker-loader": "^1.1.0"
"xo": "^0.18.2"
}, },
"license": "ISC", "license": "ISC",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
"build:stats": "cross-env NODE_ENV=production webpack --json > stats.json",
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
"test": "node ./node_modules/xo/cli.js" "lint": "eslint --ext .js,.vue src --fix",
}, "test": "eslint --ext .js,.vue src"
"xo": {
"rules": {
"object-shorthand": "off",
"no-new": "off"
}
} }
} }

125
src/App.vue
View file

@ -77,7 +77,7 @@
input: {prefix: '', checksum: true}, input: {prefix: '', checksum: true},
firstTick: null, firstTick: null,
error: null error: null
} };
}, },
watch: { watch: {
threads: function () { threads: function () {
@ -88,15 +88,16 @@
}, },
methods: { methods: {
setInput: function (inputType, value) { setInput: function (inputType, value) {
// eslint-disable-next-line default-case
switch (inputType) { switch (inputType) {
case 'prefix': case 'prefix':
this.input.prefix = value; this.input.prefix = value;
break; break;
case 'checksum': case 'checksum':
this.input.checksum = value; this.input.checksum = value;
break; break;
case 'threads': case 'threads':
this.threads = value; this.threads = value;
} }
}, },
@ -135,7 +136,7 @@
for (let w = this.workers.length; w < this.threads; w++) { for (let w = this.workers.length; w < this.threads; w++) {
try { try {
this.workers[w] = new Worker(); this.workers[w] = new Worker();
this.workers[w].onmessage = event => self.parseWorkerMessage(event.data); this.workers[w].onmessage = (event) => self.parseWorkerMessage(event.data);
} catch (err) { } catch (err) {
this.error = err; this.error = err;
this.status = 'Error'; this.status = 'Error';
@ -202,13 +203,46 @@
this.threads = this.cores; this.threads = this.cores;
} }
}, },
initFathom: function () {
if (window.location.hostname === 'localhost') {
return; // No stats when coding
}
// Fathom - simple website analytics - https://github.com/usefathom/fathom
/* eslint-disable */
(function (f, a, t, h, o, m) {
a[h] = a[h] || function () {
(a[h].q = a[h].q || []).push(arguments);
};
o = f.createElement('script');
m = f.getElementsByTagName('script')[0];
o.async = 1;
o.src = t;
o.id = 'fathom-script';
m.parentNode.insertBefore(o, m);
})(document, window, 'https://stats.vanity-eth.tk/tracker.js', 'fathom');
fathom('trackPageview');
/* eslint-enable */
},
checkLocation() {
try {
this.error = window.self !== window.top ? 'insecure_location' : this.error;
} catch (e) {
this.error = 'insecure_location';
}
const hostname = window.location.hostname;
if (hostname && ['localhost', '127.0.0.1', 'vanity-eth.tk'].indexOf(hostname) === -1) {
this.error = 'insecure_location';
}
},
}, },
created: function () { created: function () {
this.checkLocation();
this.countCores(); this.countCores();
this.initWorkers(); this.initWorkers();
this.initFathom();
} }
} };
</script> </script>
@ -223,17 +257,15 @@
@import "~bootstrap/scss/grid" @import "~bootstrap/scss/grid"
@import "css/variables" @import "css/variables"
@import "css/fonts"
body body
padding: 0 padding: 0
font-family: 'Lato', sans-serif font-family: 'Lato', sans-serif
background: $bg-fallback background: $bg-fallback
background: linear-gradient(140deg, $bg-2 0%, $bg-1 100%) background: linear-gradient(140deg, $bg-2 0%, $bg-1 100%)
@media screen and (max-width: 1200px) background-attachment: fixed
background: linear-gradient(130deg, $bg-2 0%, $bg-1 100%) font-size: 16px
@media screen and (max-width: 768px)
background: linear-gradient(120deg, $bg-2 0%, $bg-1 100%)
@media screen and (max-width: 480px)
background: linear-gradient(110deg, $bg-2 0%, $bg-1 100%)
h1, h2, h3, h4, h5, h6, p, label h1, h2, h3, h4, h5, h6, p, label
margin: 0 margin: 0
@ -277,8 +309,8 @@
border: none border: none
outline: none outline: none
color: $text-opposite color: $text-opposite
padding: 0.6em padding: 8px
font-size: 1.3em font-size: 19px
font-weight: 500 font-weight: 500
margin: 1.3em 0 0 0 margin: 1.3em 0 0 0
cursor: pointer cursor: pointer
@ -291,61 +323,6 @@
background: $disabled background: $disabled
cursor: auto cursor: auto
/*-- Fonts --*/
@font-face
font-family: 'Lato'
font-style: normal
font-weight: 400
src: local('Lato Regular'), local('Lato-Regular'), url(./assets/fonts/lato-regular.woff2) format('woff2')
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215
@font-face
font-family: 'Montserrat'
font-style: normal
font-weight: 400
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(./assets/fonts/montserrat.woff2) format('woff2')
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215
@font-face
font-family: 'Montserrat'
font-style: normal
font-weight: 700
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(./assets/fonts/montserrat-bold.woff2) format('woff2')
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215
@font-face
font-family: 'Roboto Mono'
font-style: normal
font-weight: 400
src: local('Roboto Mono'), local('RobotoMono-Regular'), url(./assets/fonts/roboto-mono.woff2) format('woff2')
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
@font-face
font-family: 'icomoon'
src: url(./assets/fonts/icomoon.woff) format('woff')
font-weight: normal
font-style: normal
[class^="icon-"], [class*=" icon-"]
font-family: 'icomoon' !important
speak: none
font-style: normal
font-weight: normal
font-variant: normal
text-transform: none
line-height: 1
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale
.icon-star:before
content: "\e900"
.icon-download:before
content: "\e901"
.icon-ethereum:before
content: "\e902"
.icon-lock:before
content: "\e903"
/*-- Responsive design -- /*-- Responsive design --

53
src/css/fonts.sass Normal file
View file

@ -0,0 +1,53 @@
@font-face
font-family: 'Lato'
font-style: normal
font-weight: 400
src: local('Lato Regular'), local('Lato-Regular'), url(./assets/fonts/lato-regular.woff2) format('woff2')
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215
@font-face
font-family: 'Montserrat'
font-style: normal
font-weight: 400
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(./assets/fonts/montserrat.woff2) format('woff2')
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215
@font-face
font-family: 'Montserrat'
font-style: normal
font-weight: 700
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(./assets/fonts/montserrat-bold.woff2) format('woff2')
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215
@font-face
font-family: 'Roboto Mono'
font-style: normal
font-weight: 400
src: local('Roboto Mono'), local('RobotoMono-Regular'), url(./assets/fonts/roboto-mono.woff2) format('woff2')
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
@font-face
font-family: 'icomoon'
src: url(./assets/fonts/icomoon.woff) format('woff')
font-weight: normal
font-style: normal
[class^="icon-"], [class*=" icon-"]
font-family: 'icomoon' !important
speak: none
font-style: normal
font-weight: normal
font-variant: normal
text-transform: none
line-height: 1
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale
.icon-star:before
content: "\e900"
.icon-download:before
content: "\e901"
.icon-ethereum:before
content: "\e902"
.icon-lock:before
content: "\e903"

2
src/css/variables.sass
View file

@ -15,7 +15,7 @@ $bg-fallback: #09c4c5
$primary: #0cd3bc $primary: #0cd3bc
$secondary: #46decc $secondary: #46decc
$error: #ff839a $error: #f55959
$shadow: 1px 5px 10px rgba(0, 0, 0, 0.15) $shadow: 1px 5px 10px rgba(0, 0, 0, 0.15)
$shadow-big: 2px 10px 15px rgba(0, 0, 0, 0.15) $shadow-big: 2px 10px 15px rgba(0, 0, 0, 0.15)

94
src/js/vanity.js
View file

@ -8,9 +8,9 @@ const step = 500;
/** /**
* Transform a private key into an address * Transform a private key into an address
*/ */
const privateToAddress = privateKey => { const privateToAddress = (privateKey) => {
const pub = secp256k1.publicKeyCreate(privateKey, false).slice(1); const pub = secp256k1.publicKeyCreate(privateKey, false).slice(1);
return keccak('keccak256').update(pub).digest().slice(-20).toString('hex'); return keccak('keccak256').update(pub).digest().slice(-20).toString('hex');
}; };
/** /**
@ -18,11 +18,11 @@ const privateToAddress = privateKey => {
* @returns {{address: string, privKey: string}} * @returns {{address: string, privKey: string}}
*/ */
const getRandomWallet = () => { const getRandomWallet = () => {
const randbytes = randomBytes(32); const randbytes = randomBytes(32);
return { return {
address: privateToAddress(randbytes).toString('hex'), address: privateToAddress(randbytes).toString('hex'),
privKey: randbytes.toString('hex') privKey: randbytes.toString('hex')
}; };
}; };
/** /**
@ -33,30 +33,30 @@ const getRandomWallet = () => {
* @returns {boolean} * @returns {boolean}
*/ */
const isValidVanityAddress = (address, input, isChecksum) => { const isValidVanityAddress = (address, input, isChecksum) => {
if (!isChecksum) { if (!isChecksum) {
return input === address.substr(0, input.length); return input === address.substr(0, input.length);
} }
if (input.toLowerCase() !== address.substr(0, input.length)) { if (input.toLowerCase() !== address.substr(0, input.length)) {
return false; return false;
} }
const hash = keccak('keccak256').update(address).digest().toString('hex'); const hash = keccak('keccak256').update(address).digest().toString('hex');
for (let i = 0; i < input.length; i++) { for (let i = 0; i < input.length; i++) {
if (input[i] !== (parseInt(hash[i], 16) >= 8 ? address[i].toUpperCase() : address[i])) { if (input[i] !== (parseInt(hash[i], 16) >= 8 ? address[i].toUpperCase() : address[i])) {
return false; return false;
} }
} }
return true; return true;
}; };
const toChecksumAddress = address => { const toChecksumAddress = (address) => {
const hash = keccak('keccak256').update(address).digest().toString('hex'); const hash = keccak('keccak256').update(address).digest().toString('hex');
let ret = ''; let ret = '';
for (let i = 0; i < address.length; i++) { for (let i = 0; i < address.length; i++) {
ret += parseInt(hash[i], 16) >= 8 ? address[i].toUpperCase() : address[i]; ret += parseInt(hash[i], 16) >= 8 ? address[i].toUpperCase() : address[i];
} }
return ret; return ret;
}; };
/** /**
@ -67,30 +67,30 @@ const toChecksumAddress = address => {
* @returns * @returns
*/ */
const getVanityWallet = (input, isChecksum, cb) => { const getVanityWallet = (input, isChecksum, cb) => {
input = isChecksum ? input : input.toLowerCase(); input = isChecksum ? input : input.toLowerCase();
let wallet = getRandomWallet(); let wallet = getRandomWallet();
let attempts = 1; let attempts = 1;
while (!isValidVanityAddress(wallet.address, input, isChecksum)) { while (!isValidVanityAddress(wallet.address, input, isChecksum)) {
if (attempts >= step) { if (attempts >= step) {
cb({attempts}); cb({attempts});
attempts = 0; attempts = 0;
} }
wallet = getRandomWallet(); wallet = getRandomWallet();
attempts++; attempts++;
} }
cb({address: '0x' + toChecksumAddress(wallet.address), privKey: wallet.privKey, attempts}); cb({address: '0x' + toChecksumAddress(wallet.address), privKey: wallet.privKey, attempts});
}; };
onmessage = function (event) { onmessage = function (event) {
const input = event.data; const input = event.data;
try { try {
getVanityWallet(input.prefix, input.checksum, message => postMessage(message)); getVanityWallet(input.prefix, input.checksum, (message) => postMessage(message));
} catch (err) { } catch (err) {
self.postMessage({error: err.toString()}); self.postMessage({error: err.toString()});
} }
}; };
module.exports = { module.exports = {
onmessage onmessage
}; };

6
src/main.js
View file

@ -3,7 +3,9 @@
import Vue from 'vue'; import Vue from 'vue';
import App from './App.vue'; import App from './App.vue';
// eslint-disable-next-line no-new
new Vue({ new Vue({
el: '#app', el: '#app',
render: h => h(App) render: (h) => h(App)
}); });

23
src/vue/Corner.vue
View file

@ -1,6 +1,5 @@
<template> <template>
<a href="https://github.com/bokub/vanity-eth" target="_blank" aria-label="View source on Github"> <a href="https://github.com/bokub/vanity-eth" target="_blank" aria-label="View source on Github">
<img :src="'https://ssl.google-analytics.com/collect?v=1&t=pageview&tid=' + tid + '&dp=%2F&cid=' + cid + '&dr=' + dr + '&sr=' + sr + '&vp=' + vp + '&z=' + new Date().getTime()">
<svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"> <svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
<defs> <defs>
<mask id="octomask"> <mask id="octomask">
@ -15,25 +14,7 @@
</template> </template>
<script> <script>
import uuidv1 from 'uuid/v1'; export default {};
export default {
data: function () {
return {
tid: process.env.TID,
cid: localStorage.getItem('cid'),
dr: encodeURIComponent(document.referrer),
vp: document.documentElement.clientHeight + 'x' + document.documentElement.clientWidth,
sr: window.screen.height + 'x' + window.screen.width,
}
},
created: function () {
if (!this.cid) {
this.cid = uuidv1();
localStorage.setItem('cid', this.cid);
}
}
}
</script> </script>
<style lang="sass" scoped> <style lang="sass" scoped>
@ -62,4 +43,4 @@
a .octo-arm a .octo-arm
animation: octocat-wave 560ms ease-in-out animation: octocat-wave 560ms ease-in-out
</style> </style>

13
src/vue/Description.vue
View file

@ -1,7 +1,8 @@
<template> <template>
<div class="panel"> <div class="panel">
<p> <p>
Vanity-ETH is an open source tool using your web browser to generate Ethereum vanity addresses. Vanity-ETH is an open source tool using your web browser to generate Ethereum vanity addresses.<br>
Enter a short prefix of your choice below, and click ‘generate’ to start.
</p> </p>
<h2>What's a vanity address?</h2> <h2>What's a vanity address?</h2>
@ -11,7 +12,7 @@
<span class="monospace">0x999999cf1046e68e36E1aA2E0E07105eDDD1f08E</span> <span class="monospace">0x999999cf1046e68e36E1aA2E0E07105eDDD1f08E</span>
</p> </p>
<h2>Usage</h2> <h2>How it works</h2>
<p> <p>
Enter the prefix of your choice below, and click ‘generate’ to start. Your browser will generate lots of random Enter the prefix of your choice below, and click ‘generate’ to start. Your browser will generate lots of random
addresses until one begins with your prefix.<br> addresses until one begins with your prefix.<br>
@ -29,10 +30,10 @@
your key remains private:<br> your key remains private:<br>
&nbsp;-&nbsp;Once the web page is loaded, you can turn off the internet and continue playing, it will work seamlessly<br> &nbsp;-&nbsp;Once the web page is loaded, you can turn off the internet and continue playing, it will work seamlessly<br>
&nbsp;-&nbsp;You can also download the latest build of Vanity-ETH &nbsp;-&nbsp;You can also download the latest build of Vanity-ETH
<a href="https://git.io/veth-dl" target="_blank">here</a> and use it on a completely offline computer<br> <a href="https://git.io/veth-dl" target="_blank">here</a> and use it on a completely offline computer<br>
&nbsp;-&nbsp;The code is 100% open source and available on &nbsp;-&nbsp;The code is 100% open source and available on
<a href="https://github.com/bokub/vanity-eth" target="_blank">Github</a>. You can review it as much as you want before using it<br> <a href="https://github.com/bokub/vanity-eth" target="_blank">Github</a>. You can review it as much as you want before using it<br>
<br> <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.<br> Ethereum addresses.<br>
The keystore file is encrypted with a AES-128-CTR cipher using the BKDF2-SHA256 derivation function with 65536 hashing rounds. The keystore file is encrypted with a AES-128-CTR cipher using the BKDF2-SHA256 derivation function with 65536 hashing rounds.
@ -53,7 +54,7 @@
</template> </template>
<script> <script>
export default {} export default {};
</script> </script>
<style lang="sass" scoped> <style lang="sass" scoped>
@ -66,4 +67,4 @@
.monospace .monospace
font-family: $monospace-font font-family: $monospace-font
font-size: 0.85em font-size: 0.85em
</style> </style>

18
src/vue/Error.vue
View file

@ -4,20 +4,27 @@
Your browser does not support multi-thread computation.<br> Your browser does not support multi-thread computation.<br>
Please use a different browser. Please use a different browser.
</p> </p>
<div v-if="error === 'insecure_location'">
<h3>Security alert</h3>
You are using Vanity-ETH from an unknown website, which could steal your private keys.<br>
To stay safe, use Vanity-ETH on <a href="https://vanity-eth.tk" target="_blank">vanity-eth.tk</a>, or
download the latest build <a href="https://git.io/veth-dl" target="_blank">here</a> to use offline.
</div>
<p v-else v-html="error.replace('\n', '<br>')"></p> <p v-else v-html="error.replace('\n', '<br>')"></p>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
'error': { error: {
type: String, type: String,
required: true required: true
}, }
} }
} };
</script> </script>
<style lang="sass" scoped> <style lang="sass" scoped>
@ -27,4 +34,5 @@
color: $text-opposite color: $text-opposite
a, a:visited, a:hover a, a:visited, a:hover
text-decoration: underline text-decoration: underline
</style> color: $text-opposite
</style>

12
src/vue/Footer.vue
View file

@ -4,13 +4,13 @@
<div class="row"> <div class="row">
<div class="col-12 col-lg-6 address"> <div class="col-12 col-lg-6 address">
Tips: Tips:
<a :href="'https://etherscan.io/address/' + tipsAddress" target="_blank" v-text="tipsAddress"></a> <a :href="`https://etherscan.io/address/${tipsAddress}#tokentxns`" target="_blank" v-text="tipsAddress"></a>
</div> </div>
<div class="col-12 col-lg-6 links"> <div class="col-12 col-lg-6 links">
<a :href="'https://etherdonation.com/d?to=' + tipsAddress" target="_blank"> <a :href="`https://etherdonation.com/d?to=${tipsAddress}`" target="_blank">
<i class="icon-ethereum"></i>&nbsp;&nbsp;&nbsp;Donate <i class="icon-ethereum"></i>&nbsp;&nbsp;&nbsp;Donate
</a> </a>
<a href="https://github.com/bokub/vanity-eth/stargazers" target="_blank"> <a href="https://github.com/bokub/vanity-eth" target="_blank">
<i class="icon-star"></i>&nbsp;&nbsp;&nbsp;Star&nbsp;me <i class="icon-star"></i>&nbsp;&nbsp;&nbsp;Star&nbsp;me
</a> </a>
<a href="https://github.com/bokub/vanity-eth/wiki/download-Vanity-ETH" target="_blank"> <a href="https://github.com/bokub/vanity-eth/wiki/download-Vanity-ETH" target="_blank">
@ -27,9 +27,9 @@
data: function () { data: function () {
return { return {
tipsAddress: '0xAceBabe64807cb045505b268ef253D8fC2FeF5Bc' tipsAddress: '0xAceBabe64807cb045505b268ef253D8fC2FeF5Bc'
} };
} }
} };
</script> </script>
<style lang="sass" scoped> <style lang="sass" scoped>
@ -58,4 +58,4 @@
@media screen and (max-width: 480px) @media screen and (max-width: 480px)
footer footer
padding-bottom: 1em padding-bottom: 1em
</style> </style>

5
src/vue/Headline.vue
View file

@ -7,10 +7,9 @@
</template> </template>
<script> <script>
export default {} export default {};
</script> </script>
<style lang="sass" scoped> <style lang="sass" scoped>
@import "../css/variables" @import "../css/variables"
@ -70,4 +69,4 @@
font-size: 1.6em font-size: 1.6em
p p
font-size: 1em font-size: 1em
</style> </style>

46
src/vue/Input.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="panel"> <div class="panel">
<form :class="{error: inputError}" v-on:submit.prevent="startGen"> <form :class="{error: inputError}" @submit.prevent="startGen">
<div class="error-text">Numbers and letters from A to F only</div> <div class="error-text">Numbers and letters from A to F only</div>
<input type="text" class="text-input-large" placeholder="Prefix" v-model="prefix" :disabled="running"> <input type="text" class="text-input-large" placeholder="Prefix" v-model="prefix" :disabled="running">
<div class="example"> <div class="example">
@ -37,9 +37,13 @@
</template> </template>
<script> <script>
const isValidHex = function (hex) {
return hex.length ? /^[0-9A-F]+$/g.test(hex.toUpperCase()) : true;
};
function mixCase(str) { function mixCase(str) {
let ret = ''; let ret = '';
for(let i of str) { for (let i of str) {
ret += Math.random() < 0.5 ? i.toUpperCase() : i.toLowerCase(); ret += Math.random() < 0.5 ? i.toUpperCase() : i.toLowerCase();
} }
return ret; return ret;
@ -47,7 +51,7 @@
export default { export default {
props: { props: {
running: Boolean, running: Boolean,
cores: Number, cores: Number
}, },
data: function () { data: function () {
return { return {
@ -55,18 +59,18 @@
prefix: '', prefix: '',
checksum: true, checksum: true,
error: false error: false
} };
}, },
computed: { computed: {
inputError: function () { inputError: function () {
return !isValidHex(this.prefix); return !isValidHex(this.prefix);
}, },
example: function () { example: function () {
if(this.inputError){ if (this.inputError) {
return 'N/A'; return 'N/A';
} }
let text = '0x' + (this.checksum ? this.prefix : mixCase(this.prefix)); let text = '0x' + (this.checksum ? this.prefix : mixCase(this.prefix));
for (let i = 0; i < 40 - this.prefix.length; i++){ for (let i = 0; i < 40 - this.prefix.length; i++) {
text += mixCase(Math.floor((Math.random() * 16)).toString(16)); text += mixCase(Math.floor((Math.random() * 16)).toString(16));
} }
return text.substr(0, 42); return text.substr(0, 42);
@ -74,12 +78,12 @@
}, },
methods: { methods: {
startGen: function () { startGen: function () {
if(!this.running && !this.inputError && !this.error){ if (!this.running && !this.inputError && !this.error) {
this.$emit('start') this.$emit('start');
} }
}, },
stopGen: function () { stopGen: function () {
this.$emit('stop') this.$emit('stop');
} }
}, },
watch: { watch: {
@ -91,20 +95,19 @@
}, },
threads: function () { threads: function () {
this.$emit('input-change', 'threads', this.threads); this.$emit('input-change', 'threads', this.threads);
}, }
} }
}
const isValidHex = function (hex) {
return hex.length ? /^[0-9A-F]+$/g.test(hex.toUpperCase()) : true;
}; };
</script> </script>
<style lang="sass" scoped> <style lang="sass" scoped>
@import "../css/variables" @import "../css/variables"
.panel
min-height: 280px
.error-text .error-text
display: none display: none
font-size: 0.85em font-size: 14px
color: $error color: $error
.error .error
@ -114,13 +117,13 @@
display: block display: block
.example .example
font-size: 0.85em font-size: 14px
text-overflow: ellipsis text-overflow: ellipsis
overflow-x: hidden overflow-x: hidden
.monospace .monospace
font-family: $monospace-font font-family: $monospace-font
.check .check
margin: .5em 0 margin: 12px 0
.checkbox .checkbox
margin-bottom: 4px margin-bottom: 4px
@ -128,7 +131,7 @@
line-height: 27px line-height: 27px
cursor: pointer cursor: pointer
position: relative position: relative
font-size: 1.2em font-size: 18px
color: $text color: $text
font-weight: 400 font-weight: 400
&:last-child &:last-child
@ -167,16 +170,15 @@
opacity: 1 opacity: 1
.threads .threads
font-size: 1.2em font-size: 18px
h4 h4
display: inline display: inline
input[type=button].square-btn input[type=button].square-btn
display: inline-block display: inline-block
width: 24px width: 24px
height: 24px height: 24px
margin: 0 5px 0 0 margin: 0 5px 2px 0
padding: 0 padding: 0
line-height: 1em line-height: 1em
font-size: 1.2em
</style> </style>

12
src/vue/Result.vue
View file

@ -27,8 +27,8 @@
}, },
data: function () { data: function () {
return { return {
reveal: false, reveal: false
} };
}, },
watch: { watch: {
address(addr) { address(addr) {
@ -40,7 +40,7 @@
} }
} }
} }
} };
</script> </script>
<style lang="sass" scoped> <style lang="sass" scoped>
@ -56,16 +56,16 @@
color: $text-alt color: $text-alt
margin-left: 15px margin-left: 15px
word-break: break-all word-break: break-all
font-size: 15px
.panel > div:not(:last-child) .panel > div:not(:last-child)
margin-bottom: 15px margin-bottom: 15px
.save .save
font-size: 1em margin-top: 30px
margin-top: 1.6em
@media screen and (min-width: 992px) @media screen and (min-width: 992px)
.save .save
margin-top: 0 margin-top: 0
</style> </style>

21
src/vue/Save.vue
View file

@ -2,7 +2,7 @@
<div class="remodal" data-remodal-id="modal" data-remodal-options="hashTracking: false"> <div class="remodal" data-remodal-id="modal" data-remodal-options="hashTracking: false">
<button data-remodal-action="close" class="remodal-close"></button> <button data-remodal-action="close" class="remodal-close"></button>
<h3 class="title">Create encrypted keystore file (UTC / JSON)</h3> <h3 class="title">Create encrypted keystore file (UTC / JSON)</h3>
<form v-on:submit.prevent="save"> <form @submit.prevent="save">
<div> <div>
<input class="hidden" type="text" autocomplete="username"> <input class="hidden" type="text" autocomplete="username">
<input type="password" autocomplete="new-password" class="text-input-large" v-model="password" <input type="password" autocomplete="new-password" class="text-input-large" v-model="password"
@ -17,8 +17,8 @@
</template> </template>
<script> <script>
import * as remodal from 'remodal/src/remodal'; import 'remodal/src/remodal';
import * as randomBytes from 'randombytes'; import 'randombytes';
import * as download from 'downloadjs'; import * as download from 'downloadjs';
import {v4} from 'uuid'; import {v4} from 'uuid';
@ -32,8 +32,8 @@
data: function () { data: function () {
return { return {
password: '', password: '',
loading: false, loading: false
} };
}, },
watch: { watch: {
privateKey: function () { privateKey: function () {
@ -48,7 +48,7 @@
setTimeout(() => { setTimeout(() => {
const wallet = this.generateWallet(this.privateKey, this.password); const wallet = this.generateWallet(this.privateKey, this.password);
const fileName = 'UTC--' + new Date().toISOString().replace(/:/g, '-') + '--' + this.address; const fileName = 'UTC--' + new Date().toISOString().replace(/:/g, '-') + '--' + this.address;
download(JSON.stringify(wallet), fileName, "application/json"); download(JSON.stringify(wallet), fileName, 'application/json');
this.loading = false; this.loading = false;
}, 20); }, 20);
} }
@ -75,7 +75,7 @@
encryptPrivateKey(privateKey, password) { encryptPrivateKey(privateKey, password) {
const iv = CryptoJS.lib.WordArray.random(16); const iv = CryptoJS.lib.WordArray.random(16);
const salt = CryptoJS.lib.WordArray.random(32); const salt = CryptoJS.lib.WordArray.random(32);
const key = CryptoJS.PBKDF2(password, salt, { const key = CryptoJS.PBKDF2(password, salt, { // eslint-disable-line new-cap
keySize: 8, keySize: 8,
hasher: CryptoJS.algo.SHA256, hasher: CryptoJS.algo.SHA256,
iterations: 262144 iterations: 262144
@ -89,6 +89,7 @@
padding: CryptoJS.pad.NoPadding padding: CryptoJS.pad.NoPadding
} }
); );
// eslint-disable-next-line new-cap
const mac = CryptoJS.SHA3(this.sliceWordArray(key, 4, 8).concat(cipher.ciphertext), { const mac = CryptoJS.SHA3(this.sliceWordArray(key, 4, 8).concat(cipher.ciphertext), {
outputLength: 256 outputLength: 256
}); });
@ -101,9 +102,9 @@
cipherparams: {iv: iv.toString()}, cipherparams: {iv: iv.toString()},
mac: mac.toString() mac: mac.toString()
}; };
}, }
} }
} };
</script> </script>
<style lang="sass"> <style lang="sass">
@ -127,4 +128,4 @@
.hidden .hidden
display: none display: none
</style> </style>

32
src/vue/Statistics.vue
View file

@ -20,18 +20,27 @@
</template> </template>
<script> <script>
const computeDifficulty = function (pattern, isChecksum) {
const ret = Math.pow(16, pattern.length);
return isChecksum ? (ret * Math.pow(2, pattern.replace(/[^a-f]/gi, '').length)) : ret;
};
const computeProbability = function (difficulty, attempts) {
return 1 - Math.pow(1 - (1 / difficulty), attempts);
};
export default { export default {
data: function () { data: function () {
return { return {
speed: 0, speed: 0,
count: 0, count: 0
} };
}, },
props: { props: {
prefix: String, prefix: String,
checksum: Boolean, checksum: Boolean,
status: String, status: String,
firstTick: {}, firstTick: {}
}, },
watch: { watch: {
prefix() { prefix() {
@ -58,29 +67,22 @@
} }
}, },
created: function () { created: function () {
this.$parent.$on('increment-counter', incr => { this.$parent.$on('increment-counter', (incr) => {
this.count += (incr > 0 ? incr : -this.count); this.count += (incr > 0 ? incr : -this.count);
this.speed = incr > 0 ? Math.floor(1000 * this.count / (performance.now() - this.firstTick)) : 0; this.speed = incr > 0 ? Math.floor(1000 * this.count / (performance.now() - this.firstTick)) : 0;
}); });
} }
}
const computeDifficulty = function (pattern, isChecksum) {
const ret = Math.pow(16, pattern.length);
return isChecksum ? (ret * Math.pow(2, pattern.replace(/[^a-f]/gi, '').length)) : ret;
}; };
const computeProbability = function (difficulty, attempts) {
return 1 - Math.pow(1 - (1 / difficulty), attempts);
};
</script> </script>
<style lang="sass" scoped> <style lang="sass" scoped>
@import "../css/variables" @import "../css/variables"
.panel > div:not(:last-child) .panel > div:not(:last-child)
margin-bottom: 15px margin-bottom: 17px
.panel .panel
min-height: 280px
padding-bottom: 3.2em padding-bottom: 3.2em
> div:not(.percentage) > div:not(.percentage)
clear: both clear: both
@ -106,7 +108,7 @@
top: -10px top: -10px
left: 15px left: 15px
div div
font-size: 0.75em font-size: 12px
h5 h5
color: $text color: $text
font-weight: 500 font-weight: 500
@ -122,4 +124,4 @@
left: -5px left: -5px
.probability .probability
width: 80% width: 80%
</style> </style>