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

Merge pull request #3 from bokub/prerender

Browse source 
Prerender
This commit is contained in:
Boris K 2018-09-12 05:52:09 +02:00 • committed by GitHub
commit 9020292724
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 1719 additions and 666 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
.travis.yml
View file

@ -15,7 +15,9 @@ script:
# Cache busting # Cache busting
- COMMIT=$(git log --format='%h' -n 1) && - COMMIT=$(git log --format='%h' -n 1) &&
sed -i "s/index.js/index.$COMMIT.js/g" index.html && sed -i "s/index.js/index.$COMMIT.js/g" index.html &&
mv dist/index.js dist/index.$COMMIT.js sed -i "s/style.css/style.$COMMIT.css/g" index.html &&
mv dist/index.js dist/index.$COMMIT.js &&
mv dist/style.css dist/style.$COMMIT.css
deploy: deploy:
provider: pages provider: pages

9
index.html
View file

@ -18,12 +18,11 @@
<meta property="og:url" content="https://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" />
<style>@keyframes spin{100%{transform:rotate(360deg)}}</style> <link rel="stylesheet" href="dist/style.css" />
<link rel="icon" type="image/x-icon" href="dist/favicon.ico" />
</head> </head>
<body style="background:#09c4c5;background:linear-gradient(140deg,#0ff0b3,#036ed9);height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center"> <body>
<div id="app"> <div id="app"></div>
<div class="spinner" style="pointer-events:none;width:2.5em;height:2.5em;border:.4em solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite"></div>
</div>
<script src="dist/index.js"></script> <script src="dist/index.js"></script>
</body> </body>
</html> </html>

2273
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

3
package.json
View file

@ -14,15 +14,18 @@
"babel-preset-stage-3": "^6.24.1", "babel-preset-stage-3": "^6.24.1",
"blockies": "0.0.2", "blockies": "0.0.2",
"bootstrap": "^4.0.0", "bootstrap": "^4.0.0",
"copy-webpack-plugin": "^4.5.2",
"cross-env": "^5.0.5", "cross-env": "^5.0.5",
"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": "^5.5.0",
"eslint-plugin-vue": "^4.7.1", "eslint-plugin-vue": "^4.7.1",
"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",
"node-sass": "^4.5.3", "node-sass": "^4.5.3",
"prerender-spa-plugin": "^3.2.1",
"randombytes": "^2.0.6", "randombytes": "^2.0.6",
"remodal": "^1.1.1", "remodal": "^1.1.1",
"sass-loader": "^6.0.6", "sass-loader": "^6.0.6",

20
src/App.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="remodal-bg"> <div id="app" class="remodal-bg render">
<div class="container" id="content"> <div class="container" id="content">
<!--Headline--> <!--Headline-->
<headline></headline> <headline></headline>
@ -203,15 +203,6 @@
this.threads = this.cores; this.threads = this.cores;
} }
}, },
addFavicon: function () {
const i = document.createElement('link');
const icon = require('./assets/images/favicon.ico');
i.type = 'image/x-icon';
i.rel = 'shortcut icon';
i.href = icon;
document.head.appendChild(i);
},
initFathom: function () { initFathom: function () {
if (window.location.hostname === 'localhost') { if (window.location.hostname === 'localhost') {
return; // No stats when coding return; // No stats when coding
@ -242,11 +233,10 @@
if (hostname && ['localhost', '127.0.0.1', 'vanity-eth.tk'].indexOf(hostname) === -1) { if (hostname && ['localhost', '127.0.0.1', 'vanity-eth.tk'].indexOf(hostname) === -1) {
this.error = 'insecure_location'; this.error = 'insecure_location';
} }
} },
}, },
created: function () { created: function () {
this.addFavicon();
this.checkLocation(); this.checkLocation();
this.countCores(); this.countCores();
this.initWorkers(); this.initWorkers();
@ -333,6 +323,12 @@
background: $disabled background: $disabled
cursor: auto cursor: auto
/*-- Pre-render-specific --
#app.render .hide-render
display: none
#app.prerender .hide-prerender
display: none
/*-- Responsive design -- /*-- Responsive design --

3
src/main.js
View file

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

42
src/vue/Input.vue
View file

@ -3,10 +3,15 @@
<form :class="{error: inputError}" @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="row justify-content-center hide-render">
<div class="spinner">
<div></div><div></div><div></div><div></div>
</div>
</div>
<div class="example hide-prerender">
E.g.&nbsp;<span v-text="example" class="monospace"></span> E.g.&nbsp;<span v-text="example" class="monospace"></span>
</div> </div>
<div class="check"> <div class="check hide-prerender">
<label class="checkbox"> <label class="checkbox">
<input type="checkbox" name="checkbox" checked="" v-model="checksum" <input type="checkbox" name="checkbox" checked="" v-model="checksum"
:disabled="running"> :disabled="running">
@ -14,7 +19,7 @@
Case-sensitive Case-sensitive
</label> </label>
</div> </div>
<div class="threads"> <div class="threads hide-prerender">
<input type="button" class="square-btn button-large" value="-" @click="threads--" <input type="button" class="square-btn button-large" value="-" @click="threads--"
:disabled="running || threads <= 1"> :disabled="running || threads <= 1">
<input type="button" class="square-btn arrow button-large" value="+" @click="threads++" <input type="button" class="square-btn arrow button-large" value="+" @click="threads++"
@ -25,7 +30,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-6 col-sm-12"> <div class="col-lg-6 col-sm-12">
<input type="button" value="Generate" class="button-large" @click="startGen" <input type="button" value="Generate" class="button-large hide-render" disabled>
<input type="button" value="Generate" class="button-large hide-prerender" @click="startGen"
:disabled="running || inputError || error"> :disabled="running || inputError || error">
</div> </div>
<div class="col-lg-6 col-sm-12"> <div class="col-lg-6 col-sm-12">
@ -181,4 +187,32 @@
padding: 0 padding: 0
line-height: 1em line-height: 1em
.justify-content-center
justify-content: center
.spinner
width: 64px
height: 64px
margin: 18px
& > div
position: absolute
width: 51px
height: 51px
margin: 6px
border: 6px solid $primary
border-radius: 50%
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite
border-color: $primary transparent transparent transparent
&:nth-child(1)
animation-delay: -0.45s
&:nth-child(2)
animation-delay: -0.3s
&:nth-child(3)
animation-delay: -0.15s
@keyframes lds-ring
0%
transform: rotate(0deg)
100%
transform: rotate(360deg)
</style> </style>

31
webpack.config.js
View file

@ -1,5 +1,8 @@
const path = require('path'); const path = require('path');
const webpack = require('webpack'); const webpack = require('webpack');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const PrerenderSpaPlugin = require('prerender-spa-plugin');
module.exports = { module.exports = {
entry: { entry: {
@ -14,7 +17,8 @@ module.exports = {
rules: [ rules: [
{ {
test: /\.vue$/, test: /\.vue$/,
loader: 'vue-loader' loader: 'vue-loader',
options: {extractCSS: process.env.NODE_ENV === 'production'}
}, },
{ {
test: /vanity\.js$/, test: /vanity\.js$/,
@ -22,7 +26,7 @@ module.exports = {
exclude: /node_modules/, exclude: /node_modules/,
options: { options: {
inline: true, inline: true,
name: '[name].[ext]?[hash]' name: 'vanity.js'
} }
}, },
{ {
@ -31,7 +35,7 @@ module.exports = {
exclude: /node_modules/ exclude: /node_modules/
}, },
{ {
test: /\.(png|woff|woff2|ico)/, test: /\.(png|woff|woff2)/,
exclude: /node_modules/, exclude: /node_modules/,
loader: 'url-loader' loader: 'url-loader'
} }
@ -57,13 +61,19 @@ module.exports = {
NODE_ENV: JSON.stringify(process.env.NODE_ENV), NODE_ENV: JSON.stringify(process.env.NODE_ENV),
TID: JSON.stringify(process.env.TID) TID: JSON.stringify(process.env.TID)
} }
}) }),
new CopyWebpackPlugin([{
from: 'src/assets/images/favicon.ico',
to: '.',
toType: 'dir'
}])
] ]
}; };
if (process.env.NODE_ENV === 'production') { if (process.env.NODE_ENV === 'production') {
// http://vue-loader.vuejs.org/en/workflow/production.html // http://vue-loader.vuejs.org/en/workflow/production.html
module.exports.plugins = (module.exports.plugins || []).concat([ module.exports.plugins = (module.exports.plugins || []).concat([
new ExtractTextPlugin('style.css'),
new webpack.optimize.UglifyJsPlugin({ new webpack.optimize.UglifyJsPlugin({
sourceMap: false, sourceMap: false,
compress: { compress: {
@ -72,6 +82,19 @@ if (process.env.NODE_ENV === 'production') {
}), }),
new webpack.LoaderOptionsPlugin({ new webpack.LoaderOptionsPlugin({
minimize: true minimize: true
}),
new PrerenderSpaPlugin({
staticDir: path.join(__dirname),
routes: ['/'],
minify: {
collapseBooleanAttributes: true,
decodeEntities: true,
sortAttributes: true
},
postProcess (renderedRoute) {
renderedRoute.html = renderedRoute.html.replace('render', 'prerender');
return renderedRoute
},
}) })
]); ]);
} }