79 | This specified file was not found on this website. Please check the URL for mistakes and try again.
75 |This page was generated by the Firebase Command-Line Interface. To modify it, edit the 404.html file in your project's configured public directory.
79 |
80 |
81 |
82 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # VueGo [](https://travis-ci.org/petejohanson/vuego)
2 |
3 | > A Vue.js Go Game
4 |
5 | You can play test the game here: http://petejohanson.github.io/vuego/
6 |
7 | ## Build Setup
8 |
9 | ``` bash
10 | # install dependencies
11 | npm install
12 |
13 | # serve with hot reload at localhost:8080
14 | npm run dev
15 |
16 | # build for production with minification
17 | npm run build
18 |
19 | # run unit tests
20 | npm run unit
21 |
22 | # run e2e tests
23 | npm run e2e
24 |
25 | # run all tests
26 | npm test
27 | ```
28 |
29 | For detailed explanation on how things work, checkout the [guide](https://github.com/vuejs-templates/webpack#vue-webpack-boilerplate) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
30 |
--------------------------------------------------------------------------------
/build/build.js:
--------------------------------------------------------------------------------
1 | // https://github.com/shelljs/shelljs
2 | require('shelljs/global')
3 | env.NODE_ENV = 'production'
4 |
5 | var ora = require('ora')
6 | var webpack = require('webpack')
7 | var conf = require('./webpack.prod.conf')
8 |
9 | var spinner = ora('building for production...')
10 | spinner.start()
11 |
12 | rm('-rf', 'dist')
13 | mkdir('dist')
14 | cp('-R', 'static', conf.output.path)
15 | cp('404.html', 'dist')
16 |
17 | webpack(conf, function (err, stats) {
18 | spinner.stop()
19 | if (err) throw err
20 | process.stdout.write(stats.toString({
21 | colors: true,
22 | modules: false,
23 | children: false,
24 | chunks: false,
25 | chunkModules: false
26 | }) + '\n')
27 | })
28 |
--------------------------------------------------------------------------------
/build/dev-client.js:
--------------------------------------------------------------------------------
1 | require('eventsource-polyfill')
2 | var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
3 |
4 | hotClient.subscribe(function (event) {
5 | if (event.action === 'reload') {
6 | window.location.reload()
7 | }
8 | })
9 |
--------------------------------------------------------------------------------
/build/dev-server.js:
--------------------------------------------------------------------------------
1 | var express = require('express')
2 | var webpack = require('webpack')
3 | var config = require('./webpack.dev.conf')
4 | var proxyMiddleware = require('http-proxy-middleware')
5 |
6 | var app = express()
7 | var compiler = webpack(config)
8 |
9 | // Define HTTP proxies to your custom API backend
10 | // https://github.com/chimurai/http-proxy-middleware
11 | var proxyTable = {
12 | // '/api': {
13 | // target: 'http://jsonplaceholder.typicode.com',
14 | // changeOrigin: true,
15 | // pathRewrite: {
16 | // '^/api': ''
17 | // }
18 | // }
19 | }
20 |
21 | var devMiddleware = require('webpack-dev-middleware')(compiler, {
22 | publicPath: config.output.publicPath,
23 | stats: {
24 | colors: true,
25 | chunks: false
26 | }
27 | })
28 |
29 | var hotMiddleware = require('webpack-hot-middleware')(compiler)
30 | // force page reload when html-webpack-plugin template changes
31 | compiler.plugin('compilation', function (compilation) {
32 | compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
33 | hotMiddleware.publish({ action: 'reload' })
34 | cb()
35 | })
36 | })
37 |
38 | // proxy api requests
39 | Object.keys(proxyTable).forEach(function (context) {
40 | var options = proxyTable[context]
41 | if (typeof options === 'string') {
42 | options = { target: options }
43 | }
44 | app.use(proxyMiddleware(context, options))
45 | })
46 |
47 | // handle fallback for HTML5 history API
48 | app.use(require('connect-history-api-fallback')())
49 |
50 | // serve webpack bundle output
51 | app.use(devMiddleware)
52 |
53 | // enable hot-reload and state-preserving
54 | // compilation error display
55 | app.use(hotMiddleware)
56 |
57 | app.use('/images/mdl', express.static('./node_modules/material-design-lite/dist/images'))
58 |
59 | // serve pure static assets
60 | app.use('/static', express.static('./static'))
61 |
62 | module.exports = app.listen(8080, function (err) {
63 | if (err) {
64 | console.log(err)
65 | return
66 | }
67 | console.log('Listening at http://localhost:8080\n')
68 | })
69 |
--------------------------------------------------------------------------------
/build/gh-pages.js:
--------------------------------------------------------------------------------
1 | var ghpages = require('gh-pages');
2 | var path = require('path');
3 | var ora = require('ora');
4 | var pkg = require('../package.json');
5 | var spinner = ora('publishing to GitHub Pages...');
6 | spinner.start();
7 |
8 | var options = {
9 | user: pkg.author
10 | };
11 |
12 | if (process.env.GH_TOKEN) {
13 | options.repo = 'https://' + process.env.GH_TOKEN + '@github.com/petejohanson/vuego.git';
14 | }
15 |
16 | ghpages.publish(path.join(__dirname, '../dist'), options,
17 | function(err) {
18 | spinner.stop();
19 | if (err) {
20 | process.stderr.write(err.toString());
21 | throw err;
22 | }
23 | process.stdout.write('Finished publishing to GitHub Pages');
24 | }
25 | );
26 |
--------------------------------------------------------------------------------
/build/utils.js:
--------------------------------------------------------------------------------
1 | var path = require('path')
2 | var config = require('../config')
3 | var ExtractTextPlugin = require('extract-text-webpack-plugin')
4 |
5 | exports.assetsPath = function (_path) {
6 | var assetsSubDirectory = process.env.NODE_ENV === 'production'
7 | ? config.build.assetsSubDirectory
8 | : config.dev.assetsSubDirectory
9 | return path.posix.join(assetsSubDirectory, _path)
10 | }
11 |
12 | exports.cssLoaders = function (options) {
13 | options = options || {}
14 |
15 | var cssLoader = {
16 | loader: 'css-loader',
17 | options: {
18 | minimize: process.env.NODE_ENV === 'production',
19 | sourceMap: options.sourceMap
20 | }
21 | }
22 |
23 | // generate loader string to be used with extract text plugin
24 | function generateLoaders (loader, loaderOptions) {
25 | var loaders = [cssLoader]
26 | if (loader) {
27 | loaders.push({
28 | loader: loader + '-loader',
29 | options: Object.assign({}, loaderOptions, {
30 | sourceMap: options.sourceMap
31 | })
32 | })
33 | }
34 |
35 | // Extract CSS when that option is specified
36 | // (which is the case during production build)
37 | if (options.extract) {
38 | return ExtractTextPlugin.extract({
39 | use: loaders,
40 | fallback: 'vue-style-loader'
41 | })
42 | } else {
43 | return ['vue-style-loader'].concat(loaders)
44 | }
45 | }
46 |
47 | // https://vue-loader.vuejs.org/en/configurations/extract-css.html
48 | return {
49 | css: generateLoaders(),
50 | postcss: generateLoaders(),
51 | less: generateLoaders('less'),
52 | sass: generateLoaders('sass', { indentedSyntax: true }),
53 | scss: generateLoaders('sass'),
54 | stylus: generateLoaders('stylus'),
55 | styl: generateLoaders('stylus')
56 | }
57 | }
58 |
59 | // Generate loaders for standalone style files (outside of .vue)
60 | exports.styleLoaders = function (options) {
61 | var output = []
62 | var loaders = exports.cssLoaders(options)
63 | for (var extension in loaders) {
64 | var loader = loaders[extension]
65 | output.push({
66 | test: new RegExp('\\.' + extension + '$'),
67 | use: loader
68 | })
69 | }
70 | return output
71 | }
72 |
--------------------------------------------------------------------------------
/build/vue-loader.conf.js:
--------------------------------------------------------------------------------
1 | var utils = require('./utils')
2 | var config = require('../config')
3 | var isProduction = process.env.NODE_ENV === 'production'
4 |
5 | module.exports = {
6 | loaders: utils.cssLoaders({
7 | sourceMap: isProduction
8 | ? config.build.productionSourceMap
9 | : config.dev.cssSourceMap,
10 | extract: isProduction
11 | })
12 | }
13 |
--------------------------------------------------------------------------------
/build/webpack.base.conf.js:
--------------------------------------------------------------------------------
1 | var utils = require('./utils')
2 | var config = require('../config')
3 | var path = require('path')
4 | var CopyWebpackPlugin = require('copy-webpack-plugin')
5 | var vueLoaderConfig = require('./vue-loader.conf')
6 |
7 | function resolve (dir) {
8 | return path.join(__dirname, '..', dir)
9 | }
10 |
11 | module.exports = {
12 | entry: {
13 | app: './src/main.js'
14 | },
15 | output: {
16 | path: config.build.assetsRoot,
17 | filename: '[name].js',
18 | publicPath: process.env.NODE_ENV === 'production'
19 | ? config.build.assetsPublicPath
20 | : config.dev.assetsPublicPath
21 | },
22 | plugins: [
23 | new CopyWebpackPlugin([
24 | { from: 'node_modules/material-design-lite/dist/images', to: path.join(config.build.assetsRoot, config.build.assetsSubDirectory, './images/mdl') }
25 | ])
26 | ],
27 | resolve: {
28 | extensions: ['.js', '.vue', '.scss', '.css'],
29 | alias: {
30 | 'vue$': 'vue/dist/vue.esm.js',
31 | '@': resolve('src')
32 | },
33 | modules: [
34 | resolve('src'),
35 | resolve('node_modules')
36 | ]
37 | },
38 | module: {
39 | rules: [
40 | {
41 | test: /\.(js|vue)$/,
42 | loader: 'eslint-loader',
43 | enforce: 'pre',
44 | include: [resolve('src'), resolve('test')],
45 | exclude: /node_modules/,
46 | options: {
47 | formatter: require('eslint-friendly-formatter')
48 | }
49 | },
50 | {
51 | test: /\.vue$/,
52 | loader: 'vue-loader',
53 | options: vueLoaderConfig
54 | },
55 | {
56 | test: /\.js$/,
57 | loader: 'babel-loader',
58 | include: [resolve('src'), resolve('test')],
59 | exclude: /node_modules/
60 | },
61 | {
62 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
63 | loader: 'url-loader',
64 | options: {
65 | limit: 10000,
66 | name: utils.assetsPath('img/[name].[hash:7].[ext]')
67 | }
68 | },
69 | {
70 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
71 | loader: 'url-loader',
72 | options: {
73 | limit: 10000,
74 | name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
75 | }
76 | }
77 | ]
78 | }
79 | }
80 |
--------------------------------------------------------------------------------
/build/webpack.dev.conf.js:
--------------------------------------------------------------------------------
1 | var path = require('path')
2 | var utils = require('./utils')
3 | var webpack = require('webpack')
4 | var config = require('../config')
5 | var merge = require('webpack-merge')
6 | var baseConfig = require('./webpack.base.conf')
7 | var HtmlWebpackPlugin = require('html-webpack-plugin')
8 | var PwaManifestPlugin = require('pwa-manifest-webpack-plugin')
9 | var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
10 |
11 | // add hot-reload related code to entry chunks
12 | Object.keys(baseConfig.entry).forEach(function (name) {
13 | baseConfig.entry[name] = ['./build/dev-client'].concat(baseConfig.entry[name])
14 | })
15 |
16 | module.exports = merge(baseConfig, {
17 | module: {
18 | rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
19 | },
20 | // cheap-module-eval-source-map is faster for development
21 | devtool: '#cheap-module-eval-source-map',
22 | output: {
23 | // necessary for the html plugin to work properly
24 | // when serving the html from in-memory
25 | publicPath: '/'
26 | },
27 | plugins: [
28 | new webpack.DefinePlugin({
29 | 'process.env': config.dev.env
30 | }),
31 | // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
32 | new webpack.HotModuleReplacementPlugin(),
33 | new webpack.NoEmitOnErrorsPlugin(),
34 | new PwaManifestPlugin({
35 | name: 'VueGo Go Game',
36 | short_name: 'VueGo',
37 | start_url: 'index.html',
38 | description: 'VueGo - A Go Game written with VueJS',
39 | icon: path.resolve('src/assets/logo.png'),
40 | background_color: 'white',
41 | theme_color: '#3f51b5'
42 | }),
43 | // https://github.com/ampedandwired/html-webpack-plugin
44 | new HtmlWebpackPlugin({
45 | filename: 'index.html',
46 | template: 'index.html',
47 | inject: true
48 | }),
49 | new FriendlyErrorsPlugin()
50 | ]
51 | })
52 |
--------------------------------------------------------------------------------
/build/webpack.prod.conf.js:
--------------------------------------------------------------------------------
1 | var path = require('path')
2 | var config = require('../config')
3 | var utils = require('./utils')
4 | var webpack = require('webpack')
5 | var merge = require('webpack-merge')
6 | var baseConfig = require('./webpack.base.conf')
7 | var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
8 | var PwaManifestPlugin = require('pwa-manifest-webpack-plugin')
9 | var ExtractTextPlugin = require('extract-text-webpack-plugin')
10 | var HtmlWebpackPlugin = require('html-webpack-plugin')
11 | var CopyWebpackPlugin = require('copy-webpack-plugin')
12 | var SWPrecachePlugin = require('sw-precache-webpack-plugin')
13 |
14 | var env = process.env.NODE_ENV === 'testing'
15 | ? require('../config/test.env')
16 | : config.build.env
17 |
18 | var webpackConfig = merge(baseConfig, {
19 | module: {
20 | rules: utils.styleLoaders({
21 | sourceMap: config.build.productionSourceMap,
22 | extract: true
23 | })
24 | },
25 | devtool: config.build.productionSourceMap ? '#source-map' : false,
26 | output: {
27 | path: config.build.assetsRoot,
28 | filename: utils.assetsPath('js/[name].[chunkhash].js'),
29 | chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
30 | },
31 | plugins: [
32 | // http://vuejs.github.io/vue-loader/workflow/production.html
33 | new webpack.DefinePlugin({
34 | 'process.env': env
35 | }),
36 | new webpack.optimize.UglifyJsPlugin({
37 | compress: {
38 | warnings: false
39 | },
40 | sourceMap: true
41 | }),
42 | new PwaManifestPlugin({
43 | name: 'VueGo Go Game',
44 | short_name: 'VueGo',
45 | start_url: 'index.html',
46 | description: 'VueGo - A Go Game written with VueJS',
47 | icon: path.resolve('src/assets/logo.png'),
48 | background_color: 'white',
49 | theme_color: '#3f51b5'
50 | }),
51 | // extract css into its own file
52 | new ExtractTextPlugin({
53 | filename: utils.assetsPath('css/[name].[contenthash].css')
54 | }),
55 | // Compress extracted CSS. We are using this plugin so that possible
56 | // duplicated CSS from different components can be deduped.
57 | new OptimizeCSSPlugin({
58 | cssProcessorOptions: {
59 | safe: true
60 | }
61 | }),
62 | // generate dist index.html with correct asset hash for caching.
63 | // you can customize output by editing /index.html
64 | // see https://github.com/ampedandwired/html-webpack-plugin
65 | new HtmlWebpackPlugin({
66 | filename: process.env.NODE_ENV === 'testing'
67 | ? 'index.html'
68 | : config.build.index,
69 | template: 'index.html',
70 | inject: true,
71 | minify: {
72 | removeComments: true,
73 | collapseWhitespace: true,
74 | removeAttributeQuotes: true
75 | // more options:
76 | // https://github.com/kangax/html-minifier#options-quick-reference
77 | },
78 | chunksSortMode: 'dependency'
79 | }),
80 | new webpack.optimize.CommonsChunkPlugin({
81 | name: 'vendor',
82 | minChunks: function (module, count) {
83 | // any required modules inside node_modules are extracted to vendor
84 | return (
85 | module.resource &&
86 | /\.js$/.test(module.resource) &&
87 | module.resource.indexOf(
88 | path.join(__dirname, '../node_modules')
89 | ) === 0
90 | )
91 | }
92 | }),
93 | // extract webpack runtime and module manifest to its own file in order to
94 | // prevent vendor hash from being updated whenever app bundle is updated
95 | new webpack.optimize.CommonsChunkPlugin({
96 | name: 'manifest',
97 | chunks: ['vendor']
98 | }),
99 | // copy custom static assets
100 | new CopyWebpackPlugin([
101 | {
102 | from: path.resolve(__dirname, '../static'),
103 | to: config.build.assetsSubDirectory,
104 | ignore: ['.*']
105 | }
106 | ]),
107 | new SWPrecachePlugin({
108 | cacheId: 'vuego-app',
109 | staticFileGlobsIgnorePatterns: [/\.map$/],
110 | minify: true,
111 | runtimeCaching: [
112 | {
113 | urlPattern: /^https?:\/\/fonts\.google.+/,
114 | handler: 'fastest'
115 | }
116 | ]
117 | })
118 | ]
119 | })
120 |
121 | if (config.build.productionGzip) {
122 | var CompressionWebpackPlugin = require('compression-webpack-plugin')
123 |
124 | webpackConfig.plugins.push(
125 | new CompressionWebpackPlugin({
126 | asset: '[path].gz[query]',
127 | algorithm: 'gzip',
128 | test: new RegExp(
129 | '\\.(' +
130 | config.build.productionGzipExtensions.join('|') +
131 | ')$'
132 | ),
133 | threshold: 10240,
134 | minRatio: 0.8
135 | })
136 | )
137 | }
138 |
139 | if (config.build.bundleAnalyzerReport) {
140 | var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
141 | webpackConfig.plugins.push(new BundleAnalyzerPlugin())
142 | }
143 |
144 | module.exports = webpackConfig
145 |
--------------------------------------------------------------------------------
/build/webpack.test.conf.js:
--------------------------------------------------------------------------------
1 | // This is the webpack config used for unit tests.
2 |
3 | var utils = require('./utils')
4 | var webpack = require('webpack')
5 | var merge = require('webpack-merge')
6 | var baseConfig = require('./webpack.base.conf')
7 |
8 | var webpackConfig = merge(baseConfig, {
9 | // use inline sourcemap for karma-sourcemap-loader
10 | module: {
11 | rules: utils.styleLoaders()
12 | },
13 | devtool: '#inline-source-map',
14 | resolveLoader: {
15 | alias: {
16 | // necessary to to make lang="scss" work in test when using vue-loader's ?inject option
17 | // see discussion at https://github.com/vuejs/vue-loader/issues/724
18 | 'scss-loader': 'sass-loader'
19 | }
20 | },
21 | plugins: [
22 | new webpack.DefinePlugin({
23 | 'process.env': require('../config/test.env')
24 | })
25 | ]
26 | })
27 |
28 | // no need for app entry during tests
29 | delete webpackConfig.entry
30 |
31 | module.exports = webpackConfig
32 |
--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | var merge = require('webpack-merge')
2 | var prodEnv = require('./prod.env')
3 |
4 | module.exports = merge(prodEnv, {
5 | NODE_ENV: '"development"'
6 | })
7 |
--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
1 | // see http://vuejs-templates.github.io/webpack for documentation.
2 | var path = require('path')
3 |
4 | module.exports = {
5 | build: {
6 | env: require('./prod.env'),
7 | index: path.resolve(__dirname, '../dist/index.html'),
8 | assetsRoot: path.resolve(__dirname, '../dist'),
9 | assetsSubDirectory: 'static',
10 | assetsPublicPath: '/',
11 | productionSourceMap: true,
12 | // Gzip off by default as many popular static hosts such as
13 | // Surge or Netlify already gzip all static assets for you.
14 | // Before setting to `true`, make sure to:
15 | // npm install --save-dev compression-webpack-plugin
16 | productionGzip: false,
17 | productionGzipExtensions: ['js', 'css'],
18 | // Run the build command with an extra argument to
19 | // View the bundle analyzer report after build finishes:
20 | // `npm run build --report`
21 | // Set to `true` or `false` to always turn it on or off
22 | bundleAnalyzerReport: process.env.npm_config_report
23 | },
24 | dev: {
25 | env: require('./dev.env'),
26 | port: 8080,
27 | autoOpenBrowser: true,
28 | assetsSubDirectory: 'static',
29 | assetsPublicPath: '/',
30 | proxyTable: {},
31 | // CSS Sourcemaps off by default because relative paths are "buggy"
32 | // with this option, according to the CSS-Loader README
33 | // (https://github.com/webpack/css-loader#sourcemaps)
34 | // In our experience, they generally work as expected,
35 | // just be aware of this issue when enabling this option.
36 | cssSourceMap: false
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | NODE_ENV: '"production"'
3 | }
4 |
--------------------------------------------------------------------------------
/config/test.env.js:
--------------------------------------------------------------------------------
1 | var merge = require('webpack-merge')
2 | var devEnv = require('./dev.env')
3 |
4 | module.exports = merge(devEnv, {
5 | NODE_ENV: '"testing"'
6 | })
7 |
--------------------------------------------------------------------------------
/firebase.json:
--------------------------------------------------------------------------------
1 | {
2 | "database": {
3 | "rules": "firebase/rules.json"
4 | },
5 | "hosting": {
6 | "public": "dist",
7 | "headers": [
8 | {
9 | "source": "**/static/js/*.js",
10 | "headers": [ {
11 | "key": "Cache-Control",
12 | "value": "max-age=31536000"
13 | } ]
14 | },
15 | {
16 | "source": "**/static/css/*.css",
17 | "headers": [ {
18 | "key": "Cache-Control",
19 | "value": "max-age=31536000"
20 | } ]
21 | }
22 | ]
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/firebase/rules.json:
--------------------------------------------------------------------------------
1 | {
2 | "rules": {
3 | "games": {
4 | "$game": {
5 | ".read": "auth.uid !== null && (data.child('black').val() === auth.uid || data.child('white').val() === auth.uid)",
6 | ".write": "auth.uid !== null && newData.val() !== null && data.val() === null",
7 | "white": {
8 | ".write": "data.val() === null && newData.val() === auth.uid"
9 | }
10 | }
11 | },
12 | "moves": {
13 | "$game": {
14 | ".read": "root.child('games').child($game).child('black').val() === auth.uid || root.child('games').child($game).child('white').val() === auth.uid",
15 | ".validate": "root.child('games').child($game).child('black').val() === auth.uid || root.child('games').child($game).child('white').val() === auth.uid",
16 | "$move_id": {
17 | ".write": "!data.exists() && newData.exists()"
18 | }
19 | }
20 | }
21 |
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |