diff --git a/.babelrc b/.babelrc
new file mode 100644
index 000000000..13f0e4716
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,14 @@
+{
+ "presets": [
+ ["env", { "modules": false }],
+ "stage-2"
+ ],
+ "plugins": ["transform-runtime"],
+ "comments": false,
+ "env": {
+ "test": {
+ "presets": ["env", "stage-2"],
+ "plugins": [ "istanbul" ]
+ }
+ }
+}
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 000000000..9d08a1a82
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 000000000..34af3774f
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,2 @@
+build/*.js
+config/*.js
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 000000000..67c085d60
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,27 @@
+// http://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+ root: true,
+ parser: 'babel-eslint',
+ parserOptions: {
+ sourceType: 'module'
+ },
+ env: {
+ browser: true,
+ },
+ // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+ extends: 'standard',
+ // required to lint *.vue files
+ plugins: [
+ 'html'
+ ],
+ // add your custom rules here
+ 'rules': {
+ // allow paren-less arrow functions
+ 'arrow-parens': 0,
+ // allow async-await
+ 'generator-star-spacing': 0,
+ // allow debugger during development
+ 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+ }
+}
diff --git a/.gitignore b/.gitignore
old mode 100755
new mode 100644
index 50f973b2f..3e1d210d6
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,9 @@
-npm-debug.*
-node_modules
-electroshot-config.json
-.nyc_output/
-public/javascript.js.map
+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+test/unit/coverage
+test/e2e/reports
+selenium-debug.log
diff --git a/.postcssrc.js b/.postcssrc.js
new file mode 100644
index 000000000..ea9a5ab87
--- /dev/null
+++ b/.postcssrc.js
@@ -0,0 +1,8 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+ "plugins": {
+ // to edit target browsers: use "browserlist" field in package.json
+ "autoprefixer": {}
+ }
+}
diff --git a/README.md b/README.md
old mode 100755
new mode 100644
index 5e93daaf6..2c1123abc
--- a/README.md
+++ b/README.md
@@ -1,59 +1,30 @@
-# best-resume-ever
+# vue-test
-Build your best resume ever!
+> A Vue.js project
-A collection of multiple beautiful resumes build with LESS and Mustache Templates. Add your personal information to a JSON-File and easily export all of the Curriculum Vitaes as PDF!
+## Build Setup
+``` bash
+# install dependencies
+npm install
+# serve with hot reload at localhost:8080
+npm run dev
+# build for production with minification
+npm run build
-## Resumes
+# build for production and view the bundle analyzer report
+npm run build --report
-
-
-
-
-
-
+# run unit tests
+npm run unit
+# run e2e tests
+npm run e2e
+# run all tests
+npm test
+```
-## Getting Started
-
-Follow these instructions to set up this project and create your own CV.
-
-
-
-### Prerequisites
-
-To run this project, please install node. (See https://nodejs.org/en/download/package-manager/ and https://nodejs.org/en/download/)
-
-
-
-### Installation
-
-- Clone this repository.
-- Switch to project directory and run `npm install`.
-
-
-
-### Adjusting your personal information
-
-- Adjust your personal information in `/src/person.js`.
-- Replace placeholder image `/public/person.jpg` with your portrait.
-- To preview your CV run `npm run dev`. Check out .
-
-The app recompiles automatically. This may take a short while. Feel free to adjust stylings to fit your needs!
-
-
-
-### Exporting resumes as PDF
-
-With `npm run pdf` the resumes can be exported. You will find all resumes as PDFs in `/pdf`.
-
-
-
-## Configuration and Contribution
-
-Please read [the guide](/docs/Docs.md) on how to configure page size, stylings and adding your own templates.
-Feel free to create your own templates or help in fixing issues.
+For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
diff --git a/build/build.js b/build/build.js
new file mode 100644
index 000000000..6b8add100
--- /dev/null
+++ b/build/build.js
@@ -0,0 +1,35 @@
+require('./check-versions')()
+
+process.env.NODE_ENV = 'production'
+
+var ora = require('ora')
+var rm = require('rimraf')
+var path = require('path')
+var chalk = require('chalk')
+var webpack = require('webpack')
+var config = require('../config')
+var webpackConfig = require('./webpack.prod.conf')
+
+var spinner = ora('building for production...')
+spinner.start()
+
+rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
+ if (err) throw err
+ webpack(webpackConfig, function (err, stats) {
+ spinner.stop()
+ if (err) throw err
+ process.stdout.write(stats.toString({
+ colors: true,
+ modules: false,
+ children: false,
+ chunks: false,
+ chunkModules: false
+ }) + '\n\n')
+
+ console.log(chalk.cyan(' Build complete.\n'))
+ console.log(chalk.yellow(
+ ' Tip: built files are meant to be served over an HTTP server.\n' +
+ ' Opening index.html over file:// won\'t work.\n'
+ ))
+ })
+})
diff --git a/build/check-versions.js b/build/check-versions.js
new file mode 100644
index 000000000..100f3a0fe
--- /dev/null
+++ b/build/check-versions.js
@@ -0,0 +1,48 @@
+var chalk = require('chalk')
+var semver = require('semver')
+var packageConfig = require('../package.json')
+var shell = require('shelljs')
+function exec (cmd) {
+ return require('child_process').execSync(cmd).toString().trim()
+}
+
+var versionRequirements = [
+ {
+ name: 'node',
+ currentVersion: semver.clean(process.version),
+ versionRequirement: packageConfig.engines.node
+ },
+]
+
+if (shell.which('npm')) {
+ versionRequirements.push({
+ name: 'npm',
+ currentVersion: exec('npm --version'),
+ versionRequirement: packageConfig.engines.npm
+ })
+}
+
+module.exports = function () {
+ var warnings = []
+ for (var i = 0; i < versionRequirements.length; i++) {
+ var mod = versionRequirements[i]
+ if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+ warnings.push(mod.name + ': ' +
+ chalk.red(mod.currentVersion) + ' should be ' +
+ chalk.green(mod.versionRequirement)
+ )
+ }
+ }
+
+ if (warnings.length) {
+ console.log('')
+ console.log(chalk.yellow('To use this template, you must update following to modules:'))
+ console.log()
+ for (var i = 0; i < warnings.length; i++) {
+ var warning = warnings[i]
+ console.log(' ' + warning)
+ }
+ console.log()
+ process.exit(1)
+ }
+}
diff --git a/build/dev-client.js b/build/dev-client.js
new file mode 100644
index 000000000..18aa1e219
--- /dev/null
+++ b/build/dev-client.js
@@ -0,0 +1,9 @@
+/* eslint-disable */
+require('eventsource-polyfill')
+var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
+
+hotClient.subscribe(function (event) {
+ if (event.action === 'reload') {
+ window.location.reload()
+ }
+})
diff --git a/build/dev-server.js b/build/dev-server.js
new file mode 100644
index 000000000..a0481699b
--- /dev/null
+++ b/build/dev-server.js
@@ -0,0 +1,91 @@
+require('./check-versions')()
+
+var config = require('../config')
+if (!process.env.NODE_ENV) {
+ process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
+}
+
+var opn = require('opn')
+var path = require('path')
+var express = require('express')
+var webpack = require('webpack')
+var proxyMiddleware = require('http-proxy-middleware')
+var webpackConfig = process.env.NODE_ENV === 'testing'
+ ? require('./webpack.prod.conf')
+ : require('./webpack.dev.conf')
+
+// default port where dev server listens for incoming traffic
+var port = process.env.PORT || config.dev.port
+// automatically open browser, if not set will be false
+var autoOpenBrowser = !!config.dev.autoOpenBrowser
+// Define HTTP proxies to your custom API backend
+// https://github.com/chimurai/http-proxy-middleware
+var proxyTable = config.dev.proxyTable
+
+var app = express()
+var compiler = webpack(webpackConfig)
+
+var devMiddleware = require('webpack-dev-middleware')(compiler, {
+ publicPath: webpackConfig.output.publicPath,
+ quiet: true
+})
+
+var hotMiddleware = require('webpack-hot-middleware')(compiler, {
+ log: () => {}
+})
+// force page reload when html-webpack-plugin template changes
+compiler.plugin('compilation', function (compilation) {
+ compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
+ hotMiddleware.publish({ action: 'reload' })
+ cb()
+ })
+})
+
+// proxy api requests
+Object.keys(proxyTable).forEach(function (context) {
+ var options = proxyTable[context]
+ if (typeof options === 'string') {
+ options = { target: options }
+ }
+ app.use(proxyMiddleware(options.filter || context, options))
+})
+
+// handle fallback for HTML5 history API
+app.use(require('connect-history-api-fallback')())
+
+// serve webpack bundle output
+app.use(devMiddleware)
+
+// enable hot-reload and state-preserving
+// compilation error display
+app.use(hotMiddleware)
+
+// serve pure static assets
+var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
+app.use(staticPath, express.static('./static'))
+
+var uri = 'http://localhost:' + port
+
+var _resolve
+var readyPromise = new Promise(resolve => {
+ _resolve = resolve
+})
+
+console.log('> Starting dev server...')
+devMiddleware.waitUntilValid(() => {
+ console.log('> Listening at ' + uri + '\n')
+ // when env is testing, don't need open it
+ if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
+ opn(uri)
+ }
+ _resolve()
+})
+
+var server = app.listen(port)
+
+module.exports = {
+ ready: readyPromise,
+ close: () => {
+ server.close()
+ }
+}
diff --git a/build/utils.js b/build/utils.js
new file mode 100644
index 000000000..b1d54b4d6
--- /dev/null
+++ b/build/utils.js
@@ -0,0 +1,71 @@
+var path = require('path')
+var config = require('../config')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+
+exports.assetsPath = function (_path) {
+ var assetsSubDirectory = process.env.NODE_ENV === 'production'
+ ? config.build.assetsSubDirectory
+ : config.dev.assetsSubDirectory
+ return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function (options) {
+ options = options || {}
+
+ var cssLoader = {
+ loader: 'css-loader',
+ options: {
+ minimize: process.env.NODE_ENV === 'production',
+ sourceMap: options.sourceMap
+ }
+ }
+
+ // generate loader string to be used with extract text plugin
+ function generateLoaders (loader, loaderOptions) {
+ var loaders = [cssLoader]
+ if (loader) {
+ loaders.push({
+ loader: loader + '-loader',
+ options: Object.assign({}, loaderOptions, {
+ sourceMap: options.sourceMap
+ })
+ })
+ }
+
+ // Extract CSS when that option is specified
+ // (which is the case during production build)
+ if (options.extract) {
+ return ExtractTextPlugin.extract({
+ use: loaders,
+ fallback: 'vue-style-loader'
+ })
+ } else {
+ return ['vue-style-loader'].concat(loaders)
+ }
+ }
+
+ // https://vue-loader.vuejs.org/en/configurations/extract-css.html
+ return {
+ css: generateLoaders(),
+ postcss: generateLoaders(),
+ less: generateLoaders('less'),
+ sass: generateLoaders('sass', { indentedSyntax: true }),
+ scss: generateLoaders('sass'),
+ stylus: generateLoaders('stylus'),
+ styl: generateLoaders('stylus')
+ }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function (options) {
+ var output = []
+ var loaders = exports.cssLoaders(options)
+ for (var extension in loaders) {
+ var loader = loaders[extension]
+ output.push({
+ test: new RegExp('\\.' + extension + '$'),
+ use: loader
+ })
+ }
+ return output
+}
diff --git a/build/vue-loader.conf.js b/build/vue-loader.conf.js
new file mode 100644
index 000000000..7aee79bae
--- /dev/null
+++ b/build/vue-loader.conf.js
@@ -0,0 +1,12 @@
+var utils = require('./utils')
+var config = require('../config')
+var isProduction = process.env.NODE_ENV === 'production'
+
+module.exports = {
+ loaders: utils.cssLoaders({
+ sourceMap: isProduction
+ ? config.build.productionSourceMap
+ : config.dev.cssSourceMap,
+ extract: isProduction
+ })
+}
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
new file mode 100644
index 000000000..f47b326bf
--- /dev/null
+++ b/build/webpack.base.conf.js
@@ -0,0 +1,67 @@
+var path = require('path')
+var utils = require('./utils')
+var config = require('../config')
+var vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+ return path.join(__dirname, '..', dir)
+}
+
+module.exports = {
+ entry: {
+ app: './src/main.js'
+ },
+ output: {
+ path: config.build.assetsRoot,
+ filename: '[name].js',
+ publicPath: process.env.NODE_ENV === 'production'
+ ? config.build.assetsPublicPath
+ : config.dev.assetsPublicPath
+ },
+ resolve: {
+ extensions: ['.js', '.vue', '.json'],
+ alias: {
+ 'vue$': 'vue/dist/vue.esm.js',
+ '@': resolve('src')
+ }
+ },
+ module: {
+ rules: [
+ {
+ test: /\.(js|vue)$/,
+ loader: 'eslint-loader',
+ enforce: 'pre',
+ include: [resolve('src'), resolve('test')],
+ options: {
+ formatter: require('eslint-friendly-formatter')
+ }
+ },
+ {
+ test: /\.vue$/,
+ loader: 'vue-loader',
+ options: vueLoaderConfig
+ },
+ {
+ test: /\.js$/,
+ loader: 'babel-loader',
+ include: [resolve('src'), resolve('test')]
+ },
+ {
+ test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+ loader: 'url-loader',
+ options: {
+ limit: 10000,
+ name: utils.assetsPath('img/[name].[hash:7].[ext]')
+ }
+ },
+ {
+ test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+ loader: 'url-loader',
+ options: {
+ limit: 10000,
+ name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+ }
+ }
+ ]
+ }
+}
diff --git a/build/webpack.dev.conf.js b/build/webpack.dev.conf.js
new file mode 100644
index 000000000..5470402d0
--- /dev/null
+++ b/build/webpack.dev.conf.js
@@ -0,0 +1,35 @@
+var utils = require('./utils')
+var webpack = require('webpack')
+var config = require('../config')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.base.conf')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+
+// add hot-reload related code to entry chunks
+Object.keys(baseWebpackConfig.entry).forEach(function (name) {
+ baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])
+})
+
+module.exports = merge(baseWebpackConfig, {
+ module: {
+ rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
+ },
+ // cheap-module-eval-source-map is faster for development
+ devtool: '#cheap-module-eval-source-map',
+ plugins: [
+ new webpack.DefinePlugin({
+ 'process.env': config.dev.env
+ }),
+ // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
+ new webpack.HotModuleReplacementPlugin(),
+ new webpack.NoEmitOnErrorsPlugin(),
+ // https://github.com/ampedandwired/html-webpack-plugin
+ new HtmlWebpackPlugin({
+ filename: 'index.html',
+ template: 'index.html',
+ inject: true
+ }),
+ new FriendlyErrorsPlugin()
+ ]
+})
diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js
new file mode 100644
index 000000000..99713cc42
--- /dev/null
+++ b/build/webpack.prod.conf.js
@@ -0,0 +1,124 @@
+var path = require('path')
+var utils = require('./utils')
+var webpack = require('webpack')
+var config = require('../config')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.base.conf')
+var CopyWebpackPlugin = require('copy-webpack-plugin')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
+
+var env = process.env.NODE_ENV === 'testing'
+ ? require('../config/test.env')
+ : config.build.env
+
+var webpackConfig = merge(baseWebpackConfig, {
+ module: {
+ rules: utils.styleLoaders({
+ sourceMap: config.build.productionSourceMap,
+ extract: true
+ })
+ },
+ devtool: config.build.productionSourceMap ? '#source-map' : false,
+ output: {
+ path: config.build.assetsRoot,
+ filename: utils.assetsPath('js/[name].[chunkhash].js'),
+ chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+ },
+ plugins: [
+ // http://vuejs.github.io/vue-loader/en/workflow/production.html
+ new webpack.DefinePlugin({
+ 'process.env': env
+ }),
+ new webpack.optimize.UglifyJsPlugin({
+ compress: {
+ warnings: false
+ },
+ sourceMap: true
+ }),
+ // extract css into its own file
+ new ExtractTextPlugin({
+ filename: utils.assetsPath('css/[name].[contenthash].css')
+ }),
+ // Compress extracted CSS. We are using this plugin so that possible
+ // duplicated CSS from different components can be deduped.
+ new OptimizeCSSPlugin({
+ cssProcessorOptions: {
+ safe: true
+ }
+ }),
+ // generate dist index.html with correct asset hash for caching.
+ // you can customize output by editing /index.html
+ // see https://github.com/ampedandwired/html-webpack-plugin
+ new HtmlWebpackPlugin({
+ filename: process.env.NODE_ENV === 'testing'
+ ? 'index.html'
+ : config.build.index,
+ template: 'index.html',
+ inject: true,
+ minify: {
+ removeComments: true,
+ collapseWhitespace: true,
+ removeAttributeQuotes: true
+ // more options:
+ // https://github.com/kangax/html-minifier#options-quick-reference
+ },
+ // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+ chunksSortMode: 'dependency'
+ }),
+ // split vendor js into its own file
+ new webpack.optimize.CommonsChunkPlugin({
+ name: 'vendor',
+ minChunks: function (module, count) {
+ // any required modules inside node_modules are extracted to vendor
+ return (
+ module.resource &&
+ /\.js$/.test(module.resource) &&
+ module.resource.indexOf(
+ path.join(__dirname, '../node_modules')
+ ) === 0
+ )
+ }
+ }),
+ // extract webpack runtime and module manifest to its own file in order to
+ // prevent vendor hash from being updated whenever app bundle is updated
+ new webpack.optimize.CommonsChunkPlugin({
+ name: 'manifest',
+ chunks: ['vendor']
+ }),
+ // copy custom static assets
+ new CopyWebpackPlugin([
+ {
+ from: path.resolve(__dirname, '../static'),
+ to: config.build.assetsSubDirectory,
+ ignore: ['.*']
+ }
+ ])
+ ]
+})
+
+if (config.build.productionGzip) {
+ var CompressionWebpackPlugin = require('compression-webpack-plugin')
+
+ webpackConfig.plugins.push(
+ new CompressionWebpackPlugin({
+ asset: '[path].gz[query]',
+ algorithm: 'gzip',
+ test: new RegExp(
+ '\\.(' +
+ config.build.productionGzipExtensions.join('|') +
+ ')$'
+ ),
+ threshold: 10240,
+ minRatio: 0.8
+ })
+ )
+}
+
+if (config.build.bundleAnalyzerReport) {
+ var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+ webpackConfig.plugins.push(new BundleAnalyzerPlugin())
+}
+
+module.exports = webpackConfig
diff --git a/build/webpack.test.conf.js b/build/webpack.test.conf.js
new file mode 100644
index 000000000..d6c8c8dd3
--- /dev/null
+++ b/build/webpack.test.conf.js
@@ -0,0 +1,31 @@
+// This is the webpack config used for unit tests.
+
+var utils = require('./utils')
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var baseConfig = require('./webpack.base.conf')
+
+var webpackConfig = merge(baseConfig, {
+ // use inline sourcemap for karma-sourcemap-loader
+ module: {
+ rules: utils.styleLoaders()
+ },
+ devtool: '#inline-source-map',
+ resolveLoader: {
+ alias: {
+ // necessary to to make lang="scss" work in test when using vue-loader's ?inject option
+ // see discussion at https://github.com/vuejs/vue-loader/issues/724
+ 'scss-loader': 'sass-loader'
+ }
+ },
+ plugins: [
+ new webpack.DefinePlugin({
+ 'process.env': require('../config/test.env')
+ })
+ ]
+})
+
+// no need for app entry during tests
+delete webpackConfig.entry
+
+module.exports = webpackConfig
diff --git a/config/dev.env.js b/config/dev.env.js
new file mode 100644
index 000000000..efead7c84
--- /dev/null
+++ b/config/dev.env.js
@@ -0,0 +1,6 @@
+var merge = require('webpack-merge')
+var prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+ NODE_ENV: '"development"'
+})
diff --git a/config/index.js b/config/index.js
new file mode 100644
index 000000000..196da1fa7
--- /dev/null
+++ b/config/index.js
@@ -0,0 +1,38 @@
+// see http://vuejs-templates.github.io/webpack for documentation.
+var path = require('path')
+
+module.exports = {
+ build: {
+ env: require('./prod.env'),
+ index: path.resolve(__dirname, '../dist/index.html'),
+ assetsRoot: path.resolve(__dirname, '../dist'),
+ assetsSubDirectory: 'static',
+ assetsPublicPath: '/',
+ productionSourceMap: true,
+ // Gzip off by default as many popular static hosts such as
+ // Surge or Netlify already gzip all static assets for you.
+ // Before setting to `true`, make sure to:
+ // npm install --save-dev compression-webpack-plugin
+ productionGzip: false,
+ productionGzipExtensions: ['js', 'css'],
+ // Run the build command with an extra argument to
+ // View the bundle analyzer report after build finishes:
+ // `npm run build --report`
+ // Set to `true` or `false` to always turn it on or off
+ bundleAnalyzerReport: process.env.npm_config_report
+ },
+ dev: {
+ env: require('./dev.env'),
+ port: 8080,
+ autoOpenBrowser: true,
+ assetsSubDirectory: 'static',
+ assetsPublicPath: '/',
+ proxyTable: {},
+ // CSS Sourcemaps off by default because relative paths are "buggy"
+ // with this option, according to the CSS-Loader README
+ // (https://github.com/webpack/css-loader#sourcemaps)
+ // In our experience, they generally work as expected,
+ // just be aware of this issue when enabling this option.
+ cssSourceMap: false
+ }
+}
diff --git a/config/prod.env.js b/config/prod.env.js
new file mode 100644
index 000000000..773d263d3
--- /dev/null
+++ b/config/prod.env.js
@@ -0,0 +1,3 @@
+module.exports = {
+ NODE_ENV: '"production"'
+}
diff --git a/config/test.env.js b/config/test.env.js
new file mode 100644
index 000000000..89f90deb2
--- /dev/null
+++ b/config/test.env.js
@@ -0,0 +1,6 @@
+var merge = require('webpack-merge')
+var devEnv = require('./dev.env')
+
+module.exports = merge(devEnv, {
+ NODE_ENV: '"testing"'
+})
diff --git a/firefox_root/.parentlock b/firefox_root/.parentlock
new file mode 100644
index 000000000..e69de29bb
diff --git a/index.html b/index.html
new file mode 100644
index 000000000..8dd7b199b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+ vue-test
+
+
+
+
+
+
diff --git a/Gruntfile.js b/old/Gruntfile.js
similarity index 100%
rename from Gruntfile.js
rename to old/Gruntfile.js
diff --git a/GruntfilePdf.js b/old/GruntfilePdf.js
similarity index 100%
rename from GruntfilePdf.js
rename to old/GruntfilePdf.js
diff --git a/old/README.md b/old/README.md
new file mode 100755
index 000000000..5e93daaf6
--- /dev/null
+++ b/old/README.md
@@ -0,0 +1,59 @@
+# best-resume-ever
+
+Build your best resume ever!
+
+A collection of multiple beautiful resumes build with LESS and Mustache Templates. Add your personal information to a JSON-File and easily export all of the Curriculum Vitaes as PDF!
+
+
+
+
+## Resumes
+
+
+
+
+
+
+
+
+
+
+## Getting Started
+
+Follow these instructions to set up this project and create your own CV.
+
+
+
+### Prerequisites
+
+To run this project, please install node. (See https://nodejs.org/en/download/package-manager/ and https://nodejs.org/en/download/)
+
+
+
+### Installation
+
+- Clone this repository.
+- Switch to project directory and run `npm install`.
+
+
+
+### Adjusting your personal information
+
+- Adjust your personal information in `/src/person.js`.
+- Replace placeholder image `/public/person.jpg` with your portrait.
+- To preview your CV run `npm run dev`. Check out .
+
+The app recompiles automatically. This may take a short while. Feel free to adjust stylings to fit your needs!
+
+
+
+### Exporting resumes as PDF
+
+With `npm run pdf` the resumes can be exported. You will find all resumes as PDFs in `/pdf`.
+
+
+
+## Configuration and Contribution
+
+Please read [the guide](/docs/Docs.md) on how to configure page size, stylings and adding your own templates.
+Feel free to create your own templates or help in fixing issues.
diff --git a/TODO.md b/old/TODO.md
similarity index 100%
rename from TODO.md
rename to old/TODO.md
diff --git a/_config.yml b/old/_config.yml
similarity index 100%
rename from _config.yml
rename to old/_config.yml
diff --git a/docs/Docs.md b/old/docs/Docs.md
similarity index 100%
rename from docs/Docs.md
rename to old/docs/Docs.md
diff --git a/old/electroshot-config.json b/old/electroshot-config.json
new file mode 100755
index 000000000..d6590877b
--- /dev/null
+++ b/old/electroshot-config.json
@@ -0,0 +1 @@
+[{"url":"http://localhost:3000/resume-material-dark","delay":0,"selector":"","zoom-factor":1,"format":"pdf","quality":75,"user-agent":"","latency":null,"download":null,"upload":null,"css":"","js":"","debug":false,"root":"","pdf":{"pageSize":"A4","marginsType":1,"printBackground":true,"landscape":false},"size":{"width":2481,"height":3508},"out":"/home/s/workspace/best-resume-ever/pdf/resume-material-dark.pdf"}]
\ No newline at end of file
diff --git a/eslint.json b/old/eslint.json
similarity index 100%
rename from eslint.json
rename to old/eslint.json
diff --git a/less/fonts.less b/old/less/fonts.less
similarity index 100%
rename from less/fonts.less
rename to old/less/fonts.less
diff --git a/less/fonts/chivo.less b/old/less/fonts/chivo.less
similarity index 100%
rename from less/fonts/chivo.less
rename to old/less/fonts/chivo.less
diff --git a/less/fonts/material-design-icons.less b/old/less/fonts/material-design-icons.less
similarity index 100%
rename from less/fonts/material-design-icons.less
rename to old/less/fonts/material-design-icons.less
diff --git a/less/fonts/montserrat.less b/old/less/fonts/montserrat.less
similarity index 100%
rename from less/fonts/montserrat.less
rename to old/less/fonts/montserrat.less
diff --git a/less/fonts/opensans-condensed.less b/old/less/fonts/opensans-condensed.less
similarity index 100%
rename from less/fonts/opensans-condensed.less
rename to old/less/fonts/opensans-condensed.less
diff --git a/less/fonts/opensans.less b/old/less/fonts/opensans.less
similarity index 100%
rename from less/fonts/opensans.less
rename to old/less/fonts/opensans.less
diff --git a/less/fonts/raleway.less b/old/less/fonts/raleway.less
similarity index 100%
rename from less/fonts/raleway.less
rename to old/less/fonts/raleway.less
diff --git a/less/fonts/roboto-condensed.less b/old/less/fonts/roboto-condensed.less
similarity index 100%
rename from less/fonts/roboto-condensed.less
rename to old/less/fonts/roboto-condensed.less
diff --git a/less/fonts/roboto-slab.less b/old/less/fonts/roboto-slab.less
similarity index 100%
rename from less/fonts/roboto-slab.less
rename to old/less/fonts/roboto-slab.less
diff --git a/less/fonts/roboto.less b/old/less/fonts/roboto.less
similarity index 100%
rename from less/fonts/roboto.less
rename to old/less/fonts/roboto.less
diff --git a/less/style.less b/old/less/style.less
similarity index 100%
rename from less/style.less
rename to old/less/style.less
diff --git a/old/package.json b/old/package.json
new file mode 100755
index 000000000..4c3df6026
--- /dev/null
+++ b/old/package.json
@@ -0,0 +1,76 @@
+{
+ "name": "best-resume-ever",
+ "version": "1.0.0",
+ "description": "Collection of multiple resumes build with LESS and Mustache Templates.",
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/salomonelli/best-resume-ever"
+ },
+ "author": "salomonelli",
+ "homepage": "https://github.com/salomonelli/best-resume-ever",
+ "keywords": [
+ "resume",
+ "template",
+ "mustache",
+ "less",
+ "cv",
+ "curriculum",
+ "vitae",
+ "electron",
+ "grunt"
+ ],
+ "scripts": {
+ "server": "node --harmony-async-await src/app.js server",
+ "dev": "grunt --verbose",
+ "pdf": "concurrently \"npm run server\" \"grunt --gruntfile GruntfilePdf.js --verbose\"",
+ "lint": "eslint src/"
+ },
+ "dependencies": {
+ "@typopro/web-montserrat": "3.4.9",
+ "babel-cli": "6.23.0",
+ "babel-core": "6.23.1",
+ "babel-preset-es2015": "6.22.0",
+ "buffer-to-string": "0.1.0",
+ "clean-css": "4.0.8",
+ "electroshot": "1.2.0",
+ "express": "4.15.0",
+ "font-awesome": "4.7.0",
+ "fs": "0.0.2",
+ "hogan-express": "0.5.2",
+ "html-pdf": "2.1.0",
+ "html-to-pdf": "0.1.11",
+ "http": "0.0.0",
+ "jquery": "3.1.1",
+ "less": "2.7.2",
+ "less-plugin-clean-css": "1.5.1",
+ "local-web-server": "1.2.6",
+ "markdown-to-html": "0.0.13",
+ "material-design-icons": "3.0.1",
+ "mustache": "2.3.0",
+ "mustache-express": "1.2.4",
+ "normalize.css": "5.0.0",
+ "npm-font-open-sans-condensed": "1.0.3",
+ "open-sans-fontface": "1.4.0",
+ "path": "0.12.7",
+ "phantomjs-prebuilt": "2.1.14",
+ "raleway-webfont": "3.0.1",
+ "request": "2.80.0",
+ "request-promise": "4.1.1",
+ "roboto-fontface": "^0.7.0",
+ "showdown": "1.6.4",
+ "typeface-chivo": "0.0.22",
+ "write": "0.3.2"
+ },
+ "devDependencies": {
+ "concurrently": "3.4.0",
+ "eslint": "3.17.0",
+ "grunt": "1.0.1",
+ "grunt-babel": "6.0.0",
+ "grunt-bg-shell": "2.3.3",
+ "grunt-cli": "1.2.0",
+ "grunt-contrib-watch": "1.0.0",
+ "grunt-exec": "2.0.0",
+ "load-grunt-tasks": "3.5.2",
+ "reload": "1.1.1"
+ }
+}
diff --git a/pdf/resume-grey-boxes.pdf b/old/pdf/resume-grey-boxes.pdf
similarity index 100%
rename from pdf/resume-grey-boxes.pdf
rename to old/pdf/resume-grey-boxes.pdf
diff --git a/pdf/resume-left-right.pdf b/old/pdf/resume-left-right.pdf
similarity index 100%
rename from pdf/resume-left-right.pdf
rename to old/pdf/resume-left-right.pdf
diff --git a/pdf/resume-material-blue.pdf b/old/pdf/resume-material-blue.pdf
similarity index 100%
rename from pdf/resume-material-blue.pdf
rename to old/pdf/resume-material-blue.pdf
diff --git a/pdf/resume-material-dark.pdf b/old/pdf/resume-material-dark.pdf
similarity index 100%
rename from pdf/resume-material-dark.pdf
rename to old/pdf/resume-material-dark.pdf
diff --git a/pdf/resume-oblique.pdf b/old/pdf/resume-oblique.pdf
similarity index 100%
rename from pdf/resume-oblique.pdf
rename to old/pdf/resume-oblique.pdf
diff --git a/pdf/resume-side-bar.pdf b/old/pdf/resume-side-bar.pdf
similarity index 100%
rename from pdf/resume-side-bar.pdf
rename to old/pdf/resume-side-bar.pdf
diff --git a/pdf/resume-spotify.pdf b/old/pdf/resume-spotify.pdf
similarity index 100%
rename from pdf/resume-spotify.pdf
rename to old/pdf/resume-spotify.pdf
diff --git a/public/github.png b/old/public/github.png
similarity index 100%
rename from public/github.png
rename to old/public/github.png
diff --git a/public/js/gen/javascript.js b/old/public/js/gen/javascript.js
similarity index 100%
rename from public/js/gen/javascript.js
rename to old/public/js/gen/javascript.js
diff --git a/public/js/gen/javascript.js.map b/old/public/js/gen/javascript.js.map
similarity index 100%
rename from public/js/gen/javascript.js.map
rename to old/public/js/gen/javascript.js.map
diff --git a/public/js/javascript.js b/old/public/js/javascript.js
similarity index 100%
rename from public/js/javascript.js
rename to old/public/js/javascript.js
diff --git a/public/person.jpg b/old/public/person.jpg
similarity index 100%
rename from public/person.jpg
rename to old/public/person.jpg
diff --git a/public/preview/resume-grey-boxes.png b/old/public/preview/resume-grey-boxes.png
similarity index 100%
rename from public/preview/resume-grey-boxes.png
rename to old/public/preview/resume-grey-boxes.png
diff --git a/public/preview/resume-left-right.png b/old/public/preview/resume-left-right.png
similarity index 100%
rename from public/preview/resume-left-right.png
rename to old/public/preview/resume-left-right.png
diff --git a/public/preview/resume-material-blue.png b/old/public/preview/resume-material-blue.png
similarity index 100%
rename from public/preview/resume-material-blue.png
rename to old/public/preview/resume-material-blue.png
diff --git a/public/preview/resume-material-dark.png b/old/public/preview/resume-material-dark.png
similarity index 100%
rename from public/preview/resume-material-dark.png
rename to old/public/preview/resume-material-dark.png
diff --git a/public/preview/resume-oblique.png b/old/public/preview/resume-oblique.png
similarity index 100%
rename from public/preview/resume-oblique.png
rename to old/public/preview/resume-oblique.png
diff --git a/public/preview/resume-side-bar.png b/old/public/preview/resume-side-bar.png
similarity index 100%
rename from public/preview/resume-side-bar.png
rename to old/public/preview/resume-side-bar.png
diff --git a/public/styles/resume-grey-boxes.min.css b/old/public/styles/resume-grey-boxes.min.css
similarity index 100%
rename from public/styles/resume-grey-boxes.min.css
rename to old/public/styles/resume-grey-boxes.min.css
diff --git a/public/styles/resume-left-right.min.css b/old/public/styles/resume-left-right.min.css
similarity index 100%
rename from public/styles/resume-left-right.min.css
rename to old/public/styles/resume-left-right.min.css
diff --git a/public/styles/resume-material-blue.min.css b/old/public/styles/resume-material-blue.min.css
similarity index 100%
rename from public/styles/resume-material-blue.min.css
rename to old/public/styles/resume-material-blue.min.css
diff --git a/public/styles/resume-material-blue0.min.css b/old/public/styles/resume-material-blue0.min.css
similarity index 100%
rename from public/styles/resume-material-blue0.min.css
rename to old/public/styles/resume-material-blue0.min.css
diff --git a/public/styles/resume-material-dark.min.css b/old/public/styles/resume-material-dark.min.css
similarity index 100%
rename from public/styles/resume-material-dark.min.css
rename to old/public/styles/resume-material-dark.min.css
diff --git a/public/styles/resume-material-violet.min.css b/old/public/styles/resume-material-violet.min.css
similarity index 100%
rename from public/styles/resume-material-violet.min.css
rename to old/public/styles/resume-material-violet.min.css
diff --git a/public/styles/resume-oblique.min.css b/old/public/styles/resume-oblique.min.css
similarity index 100%
rename from public/styles/resume-oblique.min.css
rename to old/public/styles/resume-oblique.min.css
diff --git a/public/styles/resume-side-bar.min.css b/old/public/styles/resume-side-bar.min.css
similarity index 100%
rename from public/styles/resume-side-bar.min.css
rename to old/public/styles/resume-side-bar.min.css
diff --git a/public/styles/resume-spotify.min.css b/old/public/styles/resume-spotify.min.css
similarity index 100%
rename from public/styles/resume-spotify.min.css
rename to old/public/styles/resume-spotify.min.css
diff --git a/public/styles/style.min.css b/old/public/styles/style.min.css
similarity index 100%
rename from public/styles/style.min.css
rename to old/public/styles/style.min.css
diff --git a/public/suitcase.png b/old/public/suitcase.png
similarity index 100%
rename from public/suitcase.png
rename to old/public/suitcase.png
diff --git a/resumes/resume-grey-boxes/index.mustache b/old/resumes/resume-grey-boxes/index.mustache
similarity index 100%
rename from resumes/resume-grey-boxes/index.mustache
rename to old/resumes/resume-grey-boxes/index.mustache
diff --git a/resumes/resume-grey-boxes/style.less b/old/resumes/resume-grey-boxes/style.less
similarity index 100%
rename from resumes/resume-grey-boxes/style.less
rename to old/resumes/resume-grey-boxes/style.less
diff --git a/resumes/resume-left-right/index.mustache b/old/resumes/resume-left-right/index.mustache
similarity index 100%
rename from resumes/resume-left-right/index.mustache
rename to old/resumes/resume-left-right/index.mustache
diff --git a/resumes/resume-left-right/style.less b/old/resumes/resume-left-right/style.less
similarity index 100%
rename from resumes/resume-left-right/style.less
rename to old/resumes/resume-left-right/style.less
diff --git a/resumes/resume-material-blue/index.mustache b/old/resumes/resume-material-blue/index.mustache
similarity index 100%
rename from resumes/resume-material-blue/index.mustache
rename to old/resumes/resume-material-blue/index.mustache
diff --git a/resumes/resume-material-blue/style.less b/old/resumes/resume-material-blue/style.less
similarity index 100%
rename from resumes/resume-material-blue/style.less
rename to old/resumes/resume-material-blue/style.less
diff --git a/resumes/resume-material-dark/index.mustache b/old/resumes/resume-material-dark/index.mustache
similarity index 100%
rename from resumes/resume-material-dark/index.mustache
rename to old/resumes/resume-material-dark/index.mustache
diff --git a/resumes/resume-material-dark/style.less b/old/resumes/resume-material-dark/style.less
similarity index 100%
rename from resumes/resume-material-dark/style.less
rename to old/resumes/resume-material-dark/style.less
diff --git a/resumes/resume-oblique/index.mustache b/old/resumes/resume-oblique/index.mustache
similarity index 100%
rename from resumes/resume-oblique/index.mustache
rename to old/resumes/resume-oblique/index.mustache
diff --git a/resumes/resume-oblique/style.less b/old/resumes/resume-oblique/style.less
similarity index 100%
rename from resumes/resume-oblique/style.less
rename to old/resumes/resume-oblique/style.less
diff --git a/resumes/resume-side-bar/index.mustache b/old/resumes/resume-side-bar/index.mustache
similarity index 100%
rename from resumes/resume-side-bar/index.mustache
rename to old/resumes/resume-side-bar/index.mustache
diff --git a/resumes/resume-side-bar/style.less b/old/resumes/resume-side-bar/style.less
similarity index 100%
rename from resumes/resume-side-bar/style.less
rename to old/resumes/resume-side-bar/style.less
diff --git a/resumes/views/index.mustache b/old/resumes/views/index.mustache
similarity index 100%
rename from resumes/views/index.mustache
rename to old/resumes/views/index.mustache
diff --git a/resumes/views/layout.mustache b/old/resumes/views/layout.mustache
similarity index 100%
rename from resumes/views/layout.mustache
rename to old/resumes/views/layout.mustache
diff --git a/src/app.js b/old/src/app.js
similarity index 100%
rename from src/app.js
rename to old/src/app.js
diff --git a/src/node/Config.js b/old/src/node/Config.js
similarity index 100%
rename from src/node/Config.js
rename to old/src/node/Config.js
diff --git a/src/node/ResumeToPdf.js b/old/src/node/ResumeToPdf.js
similarity index 100%
rename from src/node/ResumeToPdf.js
rename to old/src/node/ResumeToPdf.js
diff --git a/src/node/Server.js b/old/src/node/Server.js
similarity index 100%
rename from src/node/Server.js
rename to old/src/node/Server.js
diff --git a/src/node/StyleCompiler.js b/old/src/node/StyleCompiler.js
similarity index 100%
rename from src/node/StyleCompiler.js
rename to old/src/node/StyleCompiler.js
diff --git a/src/node/Util.js b/old/src/node/Util.js
similarity index 100%
rename from src/node/Util.js
rename to old/src/node/Util.js
diff --git a/src/person.js b/old/src/person.js
similarity index 100%
rename from src/person.js
rename to old/src/person.js
diff --git a/package.json b/package.json
old mode 100755
new mode 100644
index 4c3df6026..d30061f68
--- a/package.json
+++ b/package.json
@@ -1,76 +1,94 @@
{
- "name": "best-resume-ever",
+ "name": "vue-test",
"version": "1.0.0",
- "description": "Collection of multiple resumes build with LESS and Mustache Templates.",
- "repository": {
- "type": "git",
- "url": "git+https://github.com/salomonelli/best-resume-ever"
- },
- "author": "salomonelli",
- "homepage": "https://github.com/salomonelli/best-resume-ever",
- "keywords": [
- "resume",
- "template",
- "mustache",
- "less",
- "cv",
- "curriculum",
- "vitae",
- "electron",
- "grunt"
- ],
+ "description": "A Vue.js project",
+ "author": "Sara Steiert ",
+ "private": true,
"scripts": {
- "server": "node --harmony-async-await src/app.js server",
- "dev": "grunt --verbose",
- "pdf": "concurrently \"npm run server\" \"grunt --gruntfile GruntfilePdf.js --verbose\"",
- "lint": "eslint src/"
+ "dev": "node build/dev-server.js",
+ "start": "node build/dev-server.js",
+ "build": "node build/build.js",
+ "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
+ "e2e": "node test/e2e/runner.js",
+ "test": "npm run unit && npm run e2e",
+ "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
},
"dependencies": {
- "@typopro/web-montserrat": "3.4.9",
- "babel-cli": "6.23.0",
- "babel-core": "6.23.1",
- "babel-preset-es2015": "6.22.0",
- "buffer-to-string": "0.1.0",
- "clean-css": "4.0.8",
- "electroshot": "1.2.0",
- "express": "4.15.0",
- "font-awesome": "4.7.0",
- "fs": "0.0.2",
- "hogan-express": "0.5.2",
- "html-pdf": "2.1.0",
- "html-to-pdf": "0.1.11",
- "http": "0.0.0",
- "jquery": "3.1.1",
- "less": "2.7.2",
- "less-plugin-clean-css": "1.5.1",
- "local-web-server": "1.2.6",
- "markdown-to-html": "0.0.13",
- "material-design-icons": "3.0.1",
- "mustache": "2.3.0",
- "mustache-express": "1.2.4",
- "normalize.css": "5.0.0",
- "npm-font-open-sans-condensed": "1.0.3",
- "open-sans-fontface": "1.4.0",
- "path": "0.12.7",
- "phantomjs-prebuilt": "2.1.14",
- "raleway-webfont": "3.0.1",
- "request": "2.80.0",
- "request-promise": "4.1.1",
- "roboto-fontface": "^0.7.0",
- "showdown": "1.6.4",
- "typeface-chivo": "0.0.22",
- "write": "0.3.2"
+ "vue": "^2.2.6",
+ "vue-router": "^2.3.1"
},
"devDependencies": {
- "concurrently": "3.4.0",
- "eslint": "3.17.0",
- "grunt": "1.0.1",
- "grunt-babel": "6.0.0",
- "grunt-bg-shell": "2.3.3",
- "grunt-cli": "1.2.0",
- "grunt-contrib-watch": "1.0.0",
- "grunt-exec": "2.0.0",
- "load-grunt-tasks": "3.5.2",
- "reload": "1.1.1"
- }
+ "autoprefixer": "^6.7.2",
+ "babel-core": "^6.22.1",
+ "babel-eslint": "^7.1.1",
+ "babel-loader": "^6.2.10",
+ "babel-plugin-transform-runtime": "^6.22.0",
+ "babel-preset-env": "^1.3.2",
+ "babel-preset-stage-2": "^6.22.0",
+ "babel-register": "^6.22.0",
+ "chalk": "^1.1.3",
+ "connect-history-api-fallback": "^1.3.0",
+ "copy-webpack-plugin": "^4.0.1",
+ "css-loader": "^0.28.0",
+ "eslint": "^3.19.0",
+ "eslint-friendly-formatter": "^2.0.7",
+ "eslint-loader": "^1.7.1",
+ "eslint-plugin-html": "^2.0.0",
+ "eslint-config-standard": "^6.2.1",
+ "eslint-plugin-promise": "^3.4.0",
+ "eslint-plugin-standard": "^2.0.1",
+ "eventsource-polyfill": "^0.9.6",
+ "express": "^4.14.1",
+ "extract-text-webpack-plugin": "^2.0.0",
+ "file-loader": "^0.11.1",
+ "friendly-errors-webpack-plugin": "^1.1.3",
+ "html-webpack-plugin": "^2.28.0",
+ "http-proxy-middleware": "^0.17.3",
+ "webpack-bundle-analyzer": "^2.2.1",
+ "cross-env": "^4.0.0",
+ "karma": "^1.4.1",
+ "karma-coverage": "^1.1.1",
+ "karma-mocha": "^1.3.0",
+ "karma-phantomjs-launcher": "^1.0.2",
+ "karma-phantomjs-shim": "^1.4.0",
+ "karma-sinon-chai": "^1.3.1",
+ "karma-sourcemap-loader": "^0.3.7",
+ "karma-spec-reporter": "0.0.30",
+ "karma-webpack": "^2.0.2",
+ "lolex": "^1.5.2",
+ "mocha": "^3.2.0",
+ "chai": "^3.5.0",
+ "sinon": "^2.1.0",
+ "sinon-chai": "^2.8.0",
+ "inject-loader": "^3.0.0",
+ "babel-plugin-istanbul": "^4.1.1",
+ "phantomjs-prebuilt": "^2.1.14",
+ "chromedriver": "^2.27.2",
+ "cross-spawn": "^5.0.1",
+ "nightwatch": "^0.9.12",
+ "selenium-server": "^3.0.1",
+ "semver": "^5.3.0",
+ "shelljs": "^0.7.6",
+ "opn": "^4.0.2",
+ "optimize-css-assets-webpack-plugin": "^1.3.0",
+ "ora": "^1.2.0",
+ "rimraf": "^2.6.0",
+ "url-loader": "^0.5.8",
+ "vue-loader": "^11.3.4",
+ "vue-style-loader": "^2.0.5",
+ "vue-template-compiler": "^2.2.6",
+ "webpack": "^2.3.3",
+ "webpack-dev-middleware": "^1.10.0",
+ "webpack-hot-middleware": "^2.18.0",
+ "webpack-merge": "^4.1.0"
+ },
+ "engines": {
+ "node": ">= 4.0.0",
+ "npm": ">= 3.0.0"
+ },
+ "browserslist": [
+ "> 1%",
+ "last 2 versions",
+ "not ie <= 8"
+ ]
}
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 000000000..97c2c8483
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,23 @@
+
+
+
![](./assets/logo.png)
+
+
+
+
+
+
+
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 000000000..f3d2503fc
Binary files /dev/null and b/src/assets/logo.png differ
diff --git a/src/components/Hello.vue b/src/components/Hello.vue
new file mode 100644
index 000000000..2d8053956
--- /dev/null
+++ b/src/components/Hello.vue
@@ -0,0 +1,53 @@
+
+
+
{{ msg }}
+
Essential Links
+
+
Ecosystem
+
+
+
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 000000000..ec1097143
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,15 @@
+// The Vue build version to load with the `import` command
+// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
+import Vue from 'vue'
+import App from './App'
+import router from './router'
+
+Vue.config.productionTip = false
+
+/* eslint-disable no-new */
+new Vue({
+ el: '#app',
+ router,
+ template: '',
+ components: { App }
+})
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 000000000..5bf9ea6d7
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+import Hello from '@/components/Hello'
+
+Vue.use(Router)
+
+export default new Router({
+ routes: [
+ {
+ path: '/',
+ name: 'Hello',
+ component: Hello
+ }
+ ]
+})
diff --git a/static/.gitkeep b/static/.gitkeep
new file mode 100644
index 000000000..e69de29bb
diff --git a/test/e2e/custom-assertions/elementCount.js b/test/e2e/custom-assertions/elementCount.js
new file mode 100644
index 000000000..c0d5fe00a
--- /dev/null
+++ b/test/e2e/custom-assertions/elementCount.js
@@ -0,0 +1,26 @@
+// A custom Nightwatch assertion.
+// the name of the method is the filename.
+// can be used in tests like this:
+//
+// browser.assert.elementCount(selector, count)
+//
+// for how to write custom assertions see
+// http://nightwatchjs.org/guide#writing-custom-assertions
+exports.assertion = function (selector, count) {
+ this.message = 'Testing if element <' + selector + '> has count: ' + count
+ this.expected = count
+ this.pass = function (val) {
+ return val === this.expected
+ }
+ this.value = function (res) {
+ return res.value
+ }
+ this.command = function (cb) {
+ var self = this
+ return this.api.execute(function (selector) {
+ return document.querySelectorAll(selector).length
+ }, [selector], function (res) {
+ cb.call(self, res)
+ })
+ }
+}
diff --git a/test/e2e/nightwatch.conf.js b/test/e2e/nightwatch.conf.js
new file mode 100644
index 000000000..f019c0ac4
--- /dev/null
+++ b/test/e2e/nightwatch.conf.js
@@ -0,0 +1,46 @@
+require('babel-register')
+var config = require('../../config')
+
+// http://nightwatchjs.org/gettingstarted#settings-file
+module.exports = {
+ src_folders: ['test/e2e/specs'],
+ output_folder: 'test/e2e/reports',
+ custom_assertions_path: ['test/e2e/custom-assertions'],
+
+ selenium: {
+ start_process: true,
+ server_path: require('selenium-server').path,
+ host: '127.0.0.1',
+ port: 4444,
+ cli_args: {
+ 'webdriver.chrome.driver': require('chromedriver').path
+ }
+ },
+
+ test_settings: {
+ default: {
+ selenium_port: 4444,
+ selenium_host: 'localhost',
+ silent: true,
+ globals: {
+ devServerURL: 'http://localhost:' + (process.env.PORT || config.dev.port)
+ }
+ },
+
+ chrome: {
+ desiredCapabilities: {
+ browserName: 'chrome',
+ javascriptEnabled: true,
+ acceptSslCerts: true
+ }
+ },
+
+ firefox: {
+ desiredCapabilities: {
+ browserName: 'firefox',
+ javascriptEnabled: true,
+ acceptSslCerts: true
+ }
+ }
+ }
+}
diff --git a/test/e2e/runner.js b/test/e2e/runner.js
new file mode 100644
index 000000000..85d67d6ba
--- /dev/null
+++ b/test/e2e/runner.js
@@ -0,0 +1,33 @@
+// 1. start the dev server using production config
+process.env.NODE_ENV = 'testing'
+var server = require('../../build/dev-server.js')
+
+server.ready.then(() => {
+ // 2. run the nightwatch test suite against it
+ // to run in additional browsers:
+ // 1. add an entry in test/e2e/nightwatch.conf.json under "test_settings"
+ // 2. add it to the --env flag below
+ // or override the environment flag, for example: `npm run e2e -- --env chrome,firefox`
+ // For more information on Nightwatch's config file, see
+ // http://nightwatchjs.org/guide#settings-file
+ var opts = process.argv.slice(2)
+ if (opts.indexOf('--config') === -1) {
+ opts = opts.concat(['--config', 'test/e2e/nightwatch.conf.js'])
+ }
+ if (opts.indexOf('--env') === -1) {
+ opts = opts.concat(['--env', 'chrome'])
+ }
+
+ var spawn = require('cross-spawn')
+ var runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' })
+
+ runner.on('exit', function (code) {
+ server.close()
+ process.exit(code)
+ })
+
+ runner.on('error', function (err) {
+ server.close()
+ throw err
+ })
+})
diff --git a/test/e2e/specs/test.js b/test/e2e/specs/test.js
new file mode 100644
index 000000000..a7b1bd920
--- /dev/null
+++ b/test/e2e/specs/test.js
@@ -0,0 +1,19 @@
+// For authoring Nightwatch tests, see
+// http://nightwatchjs.org/guide#usage
+
+module.exports = {
+ 'default e2e tests': function (browser) {
+ // automatically uses dev Server port from /config.index.js
+ // default: http://localhost:8080
+ // see nightwatch.conf.js
+ const devServer = browser.globals.devServerURL
+
+ browser
+ .url(devServer)
+ .waitForElementVisible('#app', 5000)
+ .assert.elementPresent('.hello')
+ .assert.containsText('h1', 'Welcome to Your Vue.js App')
+ .assert.elementCount('img', 1)
+ .end()
+ }
+}
diff --git a/test/unit/.eslintrc b/test/unit/.eslintrc
new file mode 100644
index 000000000..959a4f4b5
--- /dev/null
+++ b/test/unit/.eslintrc
@@ -0,0 +1,9 @@
+{
+ "env": {
+ "mocha": true
+ },
+ "globals": {
+ "expect": true,
+ "sinon": true
+ }
+}
diff --git a/test/unit/index.js b/test/unit/index.js
new file mode 100644
index 000000000..c69f33fd8
--- /dev/null
+++ b/test/unit/index.js
@@ -0,0 +1,13 @@
+import Vue from 'vue'
+
+Vue.config.productionTip = false
+
+// require all test files (files that ends with .spec.js)
+const testsContext = require.context('./specs', true, /\.spec$/)
+testsContext.keys().forEach(testsContext)
+
+// require all src files except main.js for coverage.
+// you can also change this to match only the subset of files that
+// you want coverage for.
+const srcContext = require.context('../../src', true, /^\.\/(?!main(\.js)?$)/)
+srcContext.keys().forEach(srcContext)
diff --git a/test/unit/karma.conf.js b/test/unit/karma.conf.js
new file mode 100644
index 000000000..8e4951c9e
--- /dev/null
+++ b/test/unit/karma.conf.js
@@ -0,0 +1,33 @@
+// This is a karma config file. For more details see
+// http://karma-runner.github.io/0.13/config/configuration-file.html
+// we are also using it with karma-webpack
+// https://github.com/webpack/karma-webpack
+
+var webpackConfig = require('../../build/webpack.test.conf')
+
+module.exports = function (config) {
+ config.set({
+ // to run in additional browsers:
+ // 1. install corresponding karma launcher
+ // http://karma-runner.github.io/0.13/config/browsers.html
+ // 2. add it to the `browsers` array below.
+ browsers: ['PhantomJS'],
+ frameworks: ['mocha', 'sinon-chai', 'phantomjs-shim'],
+ reporters: ['spec', 'coverage'],
+ files: ['./index.js'],
+ preprocessors: {
+ './index.js': ['webpack', 'sourcemap']
+ },
+ webpack: webpackConfig,
+ webpackMiddleware: {
+ noInfo: true
+ },
+ coverageReporter: {
+ dir: './coverage',
+ reporters: [
+ { type: 'lcov', subdir: '.' },
+ { type: 'text-summary' }
+ ]
+ }
+ })
+}
diff --git a/test/unit/specs/Hello.spec.js b/test/unit/specs/Hello.spec.js
new file mode 100644
index 000000000..80140baa9
--- /dev/null
+++ b/test/unit/specs/Hello.spec.js
@@ -0,0 +1,11 @@
+import Vue from 'vue'
+import Hello from '@/components/Hello'
+
+describe('Hello.vue', () => {
+ it('should render correct contents', () => {
+ const Constructor = Vue.extend(Hello)
+ const vm = new Constructor().$mount()
+ expect(vm.$el.querySelector('.hello h1').textContent)
+ .to.equal('Welcome to Your Vue.js App')
+ })
+})