9 years ago · 7d308839a6
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,7 @@ src/dist
 
				 dist
			
 
				 projectFilesBackup
			
 
				 .DS_Store
			
 
				+tmp
			
 
				 
			
 
				 *.hosts
			
 
				 
			
--- a/app/SH3/public/index2.html
+++ b/app/SH3/public/index2.html
@@ -0,0 +1,11 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+	<meta charset="UTF-8">
			
 
				+	<title>SwitchHosts!</title>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+<app></app>
			
 
				+</body>
			
 
				+</html>
			
--- a/app/fe/.babelrc
+++ b/app/fe/.babelrc
@@ -0,0 +1,5 @@
 
				+{
			
 
				+  "presets": ["es2015", "stage-2"],
			
 
				+  "plugins": ["transform-runtime"],
			
 
				+  "comments": false
			
 
				+}
			
--- a/app/fe/.editorconfig
+++ b/app/fe/.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
			
--- a/app/fe/.eslintignore
+++ b/app/fe/.eslintignore
@@ -0,0 +1,2 @@
 
				+build/*.js
			
 
				+config/*.js
			
--- a/app/fe/.gitignore
+++ b/app/fe/.gitignore
@@ -0,0 +1,7 @@
 
				+.DS_Store
			
 
				+node_modules/
			
 
				+dist/
			
 
				+npm-debug.log
			
 
				+selenium-debug.log
			
 
				+test/unit/coverage
			
 
				+test/e2e/reports
			
--- a/app/fe/README.md
+++ b/app/fe/README.md
@@ -0,0 +1,27 @@
 
				+# switchhosts
			
 
				+
			
 
				+> Switch hosts quickly!
			
 
				+
			
 
				+## 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
			
 
				+
			
 
				+# run unit tests
			
 
				+npm run unit
			
 
				+
			
 
				+# run e2e tests
			
 
				+npm run e2e
			
 
				+
			
 
				+# run all tests
			
 
				+npm test
			
 
				+```
			
 
				+
			
 
				+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).
			
--- a/app/fe/build/build.js
+++ b/app/fe/build/build.js
@@ -0,0 +1,35 @@
 
				+// https://github.com/shelljs/shelljs
			
 
				+require('shelljs/global')
			
 
				+env.NODE_ENV = 'production'
			
 
				+
			
 
				+var path = require('path')
			
 
				+var config = require('../config')
			
 
				+var ora = require('ora')
			
 
				+var webpack = require('webpack')
			
 
				+var webpackConfig = require('./webpack.prod.conf')
			
 
				+
			
 
				+console.log(
			
 
				+  '  Tip:\n' +
			
 
				+  '  Built files are meant to be served over an HTTP server.\n' +
			
 
				+  '  Opening index.html over file:// won\'t work.\n'
			
 
				+)
			
 
				+
			
 
				+var spinner = ora('building for production...')
			
 
				+spinner.start()
			
 
				+
			
 
				+var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory)
			
 
				+rm('-rf', assetsPath)
			
 
				+mkdir('-p', assetsPath)
			
 
				+cp('-R', 'static/', assetsPath)
			
 
				+
			
 
				+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')
			
 
				+})
			
--- a/app/fe/build/dev-client.js
+++ b/app/fe/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()
			
 
				+  }
			
 
				+})
			
--- a/app/fe/build/dev-server.js
+++ b/app/fe/build/dev-server.js
@@ -0,0 +1,65 @@
 
				+var path = require('path')
			
 
				+var express = require('express')
			
 
				+var webpack = require('webpack')
			
 
				+var config = require('../config')
			
 
				+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
			
 
				+// 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,
			
 
				+  stats: {
			
 
				+    colors: true,
			
 
				+    chunks: false
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+var hotMiddleware = require('webpack-hot-middleware')(compiler)
			
 
				+// 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(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'))
			
 
				+
			
 
				+module.exports = app.listen(port, function (err) {
			
 
				+  if (err) {
			
 
				+    console.log(err)
			
 
				+    return
			
 
				+  }
			
 
				+  console.log('Listening at http://localhost:' + port + '\n')
			
 
				+})
			
--- a/app/fe/build/utils.js
+++ b/app/fe/build/utils.js
@@ -0,0 +1,56 @@
 
				+var path = require('path')
			
 
				+var config = require('../config')
			
 
				+var ExtractTextPlugin = require('extract-text-webpack-plugin')
			
 
				+
			
 
				+exports.assetsPath = function (_path) {
			
 
				+  return path.posix.join(config.build.assetsSubDirectory, _path)
			
 
				+}
			
 
				+
			
 
				+exports.cssLoaders = function (options) {
			
 
				+  options = options || {}
			
 
				+  // generate loader string to be used with extract text plugin
			
 
				+  function generateLoaders (loaders) {
			
 
				+    var sourceLoader = loaders.map(function (loader) {
			
 
				+      var extraParamChar
			
 
				+      if (/\?/.test(loader)) {
			
 
				+        loader = loader.replace(/\?/, '-loader?')
			
 
				+        extraParamChar = '&'
			
 
				+      } else {
			
 
				+        loader = loader + '-loader'
			
 
				+        extraParamChar = '?'
			
 
				+      }
			
 
				+      return loader + (options.sourceMap ? extraParamChar + 'sourceMap' : '')
			
 
				+    }).join('!')
			
 
				+
			
 
				+    if (options.extract) {
			
 
				+      return ExtractTextPlugin.extract('vue-style-loader', sourceLoader)
			
 
				+    } else {
			
 
				+      return ['vue-style-loader', sourceLoader].join('!')
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  // http://vuejs.github.io/vue-loader/configurations/extract-css.html
			
 
				+  return {
			
 
				+    css: generateLoaders(['css']),
			
 
				+    postcss: generateLoaders(['css']),
			
 
				+    less: generateLoaders(['css', 'less']),
			
 
				+    sass: generateLoaders(['css', 'sass?indentedSyntax']),
			
 
				+    scss: generateLoaders(['css', 'sass']),
			
 
				+    stylus: generateLoaders(['css', 'stylus']),
			
 
				+    styl: generateLoaders(['css', '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 + '$'),
			
 
				+      loader: loader
			
 
				+    })
			
 
				+  }
			
 
				+  return output
			
 
				+}
			
--- a/app/fe/build/webpack.base.conf.js
+++ b/app/fe/build/webpack.base.conf.js
@@ -0,0 +1,68 @@
 
				+var path = require('path')
			
 
				+var config = require('../config')
			
 
				+var utils = require('./utils')
			
 
				+var projectRoot = path.resolve(__dirname, '../')
			
 
				+
			
 
				+module.exports = {
			
 
				+  entry: {
			
 
				+    app: './src/main.js'
			
 
				+  },
			
 
				+  output: {
			
 
				+    path: config.build.assetsRoot,
			
 
				+    publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath,
			
 
				+    filename: '[name].js'
			
 
				+  },
			
 
				+  resolve: {
			
 
				+    extensions: ['', '.js', '.vue'],
			
 
				+    fallback: [path.join(__dirname, '../node_modules')],
			
 
				+    alias: {
			
 
				+      'src': path.resolve(__dirname, '../src'),
			
 
				+      'assets': path.resolve(__dirname, '../src/assets'),
			
 
				+      'components': path.resolve(__dirname, '../src/components')
			
 
				+    }
			
 
				+  },
			
 
				+  resolveLoader: {
			
 
				+    fallback: [path.join(__dirname, '../node_modules')]
			
 
				+  },
			
 
				+  module: {
			
 
				+    loaders: [
			
 
				+      {
			
 
				+        test: /\.vue$/,
			
 
				+        loader: 'vue'
			
 
				+      },
			
 
				+      {
			
 
				+        test: /\.js$/,
			
 
				+        loader: 'babel',
			
 
				+        include: projectRoot,
			
 
				+        exclude: /node_modules/
			
 
				+      },
			
 
				+      {
			
 
				+        test: /\.json$/,
			
 
				+        loader: 'json'
			
 
				+      },
			
 
				+      {
			
 
				+        test: /\.html$/,
			
 
				+        loader: 'vue-html'
			
 
				+      },
			
 
				+      {
			
 
				+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
			
 
				+        loader: 'url',
			
 
				+        query: {
			
 
				+          limit: 10000,
			
 
				+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
			
 
				+        }
			
 
				+      },
			
 
				+      {
			
 
				+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
			
 
				+        loader: 'url',
			
 
				+        query: {
			
 
				+          limit: 10000,
			
 
				+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
			
 
				+        }
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  vue: {
			
 
				+    loaders: utils.cssLoaders()
			
 
				+  }
			
 
				+}
			
--- a/app/fe/build/webpack.dev.conf.js
+++ b/app/fe/build/webpack.dev.conf.js
@@ -0,0 +1,34 @@
 
				+var config = require('../config')
			
 
				+var webpack = require('webpack')
			
 
				+var merge = require('webpack-merge')
			
 
				+var utils = require('./utils')
			
 
				+var baseWebpackConfig = require('./webpack.base.conf')
			
 
				+var HtmlWebpackPlugin = require('html-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: {
			
 
				+    loaders: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
			
 
				+  },
			
 
				+  // eval-source-map is faster for development
			
 
				+  devtool: '#eval-source-map',
			
 
				+  plugins: [
			
 
				+    new webpack.DefinePlugin({
			
 
				+      'process.env': config.dev.env
			
 
				+    }),
			
 
				+    // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
			
 
				+    new webpack.optimize.OccurenceOrderPlugin(),
			
 
				+    new webpack.HotModuleReplacementPlugin(),
			
 
				+    new webpack.NoErrorsPlugin(),
			
 
				+    // https://github.com/ampedandwired/html-webpack-plugin
			
 
				+    new HtmlWebpackPlugin({
			
 
				+      filename: 'index.html',
			
 
				+      template: 'index.html',
			
 
				+      inject: true
			
 
				+    })
			
 
				+  ]
			
 
				+})
			
--- a/app/fe/build/webpack.prod.conf.js
+++ b/app/fe/build/webpack.prod.conf.js
@@ -0,0 +1,102 @@
 
				+var path = require('path')
			
 
				+var config = require('../config')
			
 
				+var utils = require('./utils')
			
 
				+var webpack = require('webpack')
			
 
				+var merge = require('webpack-merge')
			
 
				+var baseWebpackConfig = require('./webpack.base.conf')
			
 
				+var ExtractTextPlugin = require('extract-text-webpack-plugin')
			
 
				+var HtmlWebpackPlugin = require('html-webpack-plugin')
			
 
				+var env = process.env.NODE_ENV === 'testing'
			
 
				+  ? require('../config/test.env')
			
 
				+  : config.build.env
			
 
				+
			
 
				+var webpackConfig = merge(baseWebpackConfig, {
			
 
				+  module: {
			
 
				+    loaders: 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')
			
 
				+  },
			
 
				+  vue: {
			
 
				+    loaders: utils.cssLoaders({
			
 
				+      sourceMap: config.build.productionSourceMap,
			
 
				+      extract: true
			
 
				+    })
			
 
				+  },
			
 
				+  plugins: [
			
 
				+    // http://vuejs.github.io/vue-loader/workflow/production.html
			
 
				+    new webpack.DefinePlugin({
			
 
				+      'process.env': env
			
 
				+    }),
			
 
				+    new webpack.optimize.UglifyJsPlugin({
			
 
				+      compress: {
			
 
				+        warnings: false
			
 
				+      }
			
 
				+    }),
			
 
				+    new webpack.optimize.OccurenceOrderPlugin(),
			
 
				+    // extract css into its own file
			
 
				+    new ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')),
			
 
				+    // 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']
			
 
				+    })
			
 
				+  ]
			
 
				+})
			
 
				+
			
 
				+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
			
 
				+    })
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+module.exports = webpackConfig
			
--- a/app/fe/config/dev.env.js
+++ b/app/fe/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"'
			
 
				+})
			
--- a/app/fe/config/index.js
+++ b/app/fe/config/index.js
@@ -0,0 +1,32 @@
 
				+// 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']
			
 
				+  },
			
 
				+  dev: {
			
 
				+    env: require('./dev.env'),
			
 
				+    port: 8080,
			
 
				+    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,
			
 
				+  }
			
 
				+}
			
--- a/app/fe/config/prod.env.js
+++ b/app/fe/config/prod.env.js
@@ -0,0 +1,3 @@
 
				+module.exports = {
			
 
				+  NODE_ENV: '"production"'
			
 
				+}
			
--- a/app/fe/config/test.env.js
+++ b/app/fe/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"'
			
 
				+})
			
--- a/app/fe/index.html
+++ b/app/fe/index.html
@@ -0,0 +1,11 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+  <head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <title>SwitchHosts!</title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <app></app>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/app/fe/package.json
+++ b/app/fe/package.json
@@ -0,0 +1,47 @@
 
				+{
			
 
				+  "name": "switchhosts",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "Switch hosts quickly!",
			
 
				+  "author": "oldj <[email protected]>",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "dev": "node build/dev-server.js",
			
 
				+    "build": "node build/build.js",
			
 
				+    "test": ""
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "vue": "^1.0.21",
			
 
				+    "babel-runtime": "^6.0.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.0.0",
			
 
				+    "babel-loader": "^6.0.0",
			
 
				+    "babel-plugin-transform-runtime": "^6.0.0",
			
 
				+    "babel-preset-es2015": "^6.0.0",
			
 
				+    "babel-preset-stage-2": "^6.0.0",
			
 
				+    "babel-register": "^6.0.0",
			
 
				+    "connect-history-api-fallback": "^1.1.0",
			
 
				+    "css-loader": "^0.23.0",
			
 
				+    "eventsource-polyfill": "^0.9.6",
			
 
				+    "express": "^4.13.3",
			
 
				+    "extract-text-webpack-plugin": "^1.0.1",
			
 
				+    "file-loader": "^0.8.4",
			
 
				+    "function-bind": "^1.0.2",
			
 
				+    "html-webpack-plugin": "^2.8.1",
			
 
				+    "http-proxy-middleware": "^0.12.0",
			
 
				+    "json-loader": "^0.5.4",
			
 
				+    "less": "^2.7.1",
			
 
				+    "less-loader": "^2.2.3",
			
 
				+    "ora": "^0.2.0",
			
 
				+    "shelljs": "^0.6.0",
			
 
				+    "url-loader": "^0.5.7",
			
 
				+    "vue-hot-reload-api": "^1.2.0",
			
 
				+    "vue-html-loader": "^1.0.0",
			
 
				+    "vue-loader": "^8.3.0",
			
 
				+    "vue-style-loader": "^1.0.0",
			
 
				+    "webpack": "^1.12.2",
			
 
				+    "webpack-dev-middleware": "^1.4.0",
			
 
				+    "webpack-hot-middleware": "^2.6.0",
			
 
				+    "webpack-merge": "^0.8.3"
			
 
				+  }
			
 
				+}
			
--- a/app/fe/src/App.vue
+++ b/app/fe/src/App.vue
@@ -0,0 +1,46 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <hello></hello>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+  import Hello from './components/Hello'
			
 
				+
			
 
				+  export default {
			
 
				+    components: {
			
 
				+      Hello
			
 
				+    }
			
 
				+  }
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+  html {
			
 
				+    height: 100%;
			
 
				+  }
			
 
				+
			
 
				+  body {
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+    height: 100%;
			
 
				+  }
			
 
				+
			
 
				+  #app {
			
 
				+    color: #2c3e50;
			
 
				+    margin-top: -100px;
			
 
				+    max-width: 600px;
			
 
				+    font-family: Source Sans Pro, Helvetica, sans-serif;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+
			
 
				+  #app a {
			
 
				+    color: #42b983;
			
 
				+    text-decoration: none;
			
 
				+  }
			
 
				+
			
 
				+  .logo {
			
 
				+    width: 100px;
			
 
				+    height: 100px
			
 
				+  }
			
 
				+</style>
			
--- a/app/fe/src/assets/logo.png
+++ b/app/fe/src/assets/logo.png
--- a/app/fe/src/components/Hello.vue
+++ b/app/fe/src/components/Hello.vue
@@ -0,0 +1,26 @@
 
				+<template>
			
 
				+  <div class="hello">
			
 
				+    <h1>{{ msg }}</h1>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+  export default {
			
 
				+    data () {
			
 
				+      return {
			
 
				+        // note: changing this line won't causes changes
			
 
				+        // with hot-reload because the reloaded component
			
 
				+        // preserves its current state and we are modifying
			
 
				+        // its initial state.
			
 
				+        msg: 'Hello World!'
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+</script>
			
 
				+
			
 
				+<!-- Add "scoped" attribute to limit CSS to this component only -->
			
 
				+<style lang="less" scoped>
			
 
				+  h1 {
			
 
				+    color: #42b983;
			
 
				+  }
			
 
				+</style>
			
--- a/app/fe/src/main.js
+++ b/app/fe/src/main.js
@@ -0,0 +1,8 @@
 
				+import Vue from 'vue'
			
 
				+import App from './App'
			
 
				+
			
 
				+/* eslint-disable no-new */
			
 
				+new Vue({
			
 
				+  el: 'body',
			
 
				+  components: { App }
			
 
				+})
			
--- a/app/fe/static/.gitkeep
+++ b/app/fe/static/.gitkeep