Merge pull request #12 from algolia/chore/update-everything

Chore/update everything

Author: Haroenv

.eslintignore

@@ -0,0 +1,2 @@
+node_modules
+.nuxt

.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['algolia/vue'],
+};

.nvmrc

@@ -0,0 +1 @@
+9.4.0

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

.travis.yml

@@ -0,0 +1,3 @@
+language: node_js
+cache:
+  yarn: true

README.md

@@ -0,0 +1,14 @@
+# Vue InstantSearch examples
+
+Some examples for [Vue InstantSearch](https://community.algolia.com/vue-instantsearch) by Algolia.
+
+To start, you need to run `yarn` to install all of the dependencies, then go to a subdirectory, and run the script you want, like `yarn start`.
+
+## Included examples
+
+* e-commerce
+* multi-index
+* nuxt
+* quick-start
+* ssr
+* vue-router (need to run separately in directory)

examples/e-commerce/build/build.js

@@ -1,35 +1,40 @@
-require('./check-versions')()
+/* eslint-disable import/no-commonjs, no-console */
+require('./check-versions')();
 
-process.env.NODE_ENV = 'production'
+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')
+const ora = require('ora');
+const rm = require('rimraf');
+const path = require('path');
+const chalk = require('chalk');
+const webpack = require('webpack');
+const config = require('../config');
+const webpackConfig = require('./webpack.prod.conf');
 
-var spinner = ora('building for production...')
-spinner.start()
+const 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')
+  if (err) throw err;
+  webpack(webpackConfig, (_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'
-    ))
-  })
-})
+    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"
+      )
+    );
+  });
+});

examples/e-commerce/build/check-versions.js

@@ -1,45 +1,55 @@
-var chalk = require('chalk')
-var semver = require('semver')
-var packageConfig = require('../package.json')
+/* eslint-disable import/no-commonjs, no-process-exit, no-console */
 
-function exec (cmd) {
-  return require('child_process').execSync(cmd).toString().trim()
+const chalk = require('chalk');
+const semver = require('semver');
+const packageConfig = require('../package.json');
+
+function exec(cmd) {
+  return require('child_process')
+    .execSync(cmd)
+    .toString()
+    .trim();
 }
 
-var versionRequirements = [
+const versionRequirements = [
   {
     name: 'node',
     currentVersion: semver.clean(process.version),
-    versionRequirement: packageConfig.engines.node
+    versionRequirement: packageConfig.engines.node,
   },
   {
     name: 'npm',
     currentVersion: exec('npm --version'),
-    versionRequirement: packageConfig.engines.npm
-  }
-]
+    versionRequirement: packageConfig.engines.npm,
+  },
+];
 
-module.exports = function () {
-  var warnings = []
-  for (var i = 0; i < versionRequirements.length; i++) {
-    var mod = versionRequirements[i]
+module.exports = function() {
+  const warnings = [];
+  for (let i = 0; i < versionRequirements.length; i++) {
+    const mod = versionRequirements[i];
     if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
-      warnings.push(mod.name + ': ' +
-        chalk.red(mod.currentVersion) + ' should be ' +
-        chalk.green(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('');
+    console.log(
+      chalk.yellow(
+        'To use this template, you must update following to modules:'
+      )
+    );
+    console.log();
+    for (let i = 0; i < warnings.length; i++) {
+      const warning = warnings[i];
+      console.log(`  ${warning}`);
     }
-    console.log()
-    process.exit(1)
+    console.log();
+    process.exit(1);
   }
-}
+};

examples/e-commerce/build/dev-client.js

@@ -1,9 +1,10 @@
-/* eslint-disable */
-require('eventsource-polyfill')
-var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
+/* eslint-disable import/no-commonjs */
 
-hotClient.subscribe(function (event) {
+require('eventsource-polyfill');
+const hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true');
+
+hotClient.subscribe(event => {
   if (event.action === 'reload') {
-    window.location.reload()
+    window.location.reload();
   }
-})
+});

examples/e-commerce/build/dev-server.js

@@ -1,81 +1,86 @@
-require('./check-versions')()
+/* eslint-disable import/no-commonjs, no-console */
 
-var config = require('../config')
+require('./check-versions')();
+
+const config = require('../config');
 if (!process.env.NODE_ENV) {
-  process.env.NODE_ENV = JSON.parse(config.dev.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 = require('./webpack.dev.conf')
+const opn = require('opn');
+const path = require('path');
+const express = require('express');
+const webpack = require('webpack');
+const proxyMiddleware = require('http-proxy-middleware');
+const webpackConfig = require('./webpack.dev.conf');
 
 // default port where dev server listens for incoming traffic
-var port = process.env.PORT || config.dev.port
+const port = process.env.PORT || config.dev.port;
 // automatically open browser, if not set will be false
-var autoOpenBrowser = !!config.dev.autoOpenBrowser
+const autoOpenBrowser = Boolean(config.dev.autoOpenBrowser);
 // Define HTTP proxies to your custom API backend
 // https://github.com/chimurai/http-proxy-middleware
-var proxyTable = config.dev.proxyTable
+const proxyTable = config.dev.proxyTable;
 
-var app = express()
-var compiler = webpack(webpackConfig)
+const app = express();
+const compiler = webpack(webpackConfig);
 
-var devMiddleware = require('webpack-dev-middleware')(compiler, {
+const devMiddleware = require('webpack-dev-middleware')(compiler, {
   publicPath: webpackConfig.output.publicPath,
-  quiet: true
-})
+  quiet: true,
+});
 
-var hotMiddleware = require('webpack-hot-middleware')(compiler, {
-  log: () => {}
-})
+const 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()
-  })
-})
+compiler.plugin('compilation', compilation => {
+  compilation.plugin('html-webpack-plugin-after-emit', (data, cb) => {
+    hotMiddleware.publish({ action: 'reload' });
+    cb();
+  });
+});
 
 // proxy api requests
-Object.keys(proxyTable).forEach(function (context) {
-  var options = proxyTable[context]
+Object.keys(proxyTable).forEach(context => {
+  let options = proxyTable[context];
   if (typeof options === 'string') {
-    options = { target: options }
+    options = { target: options };
   }
-  app.use(proxyMiddleware(options.filter || context, options))
-})
+  app.use(proxyMiddleware(options.filter || context, options));
+});
 
 // handle fallback for HTML5 history API
-app.use(require('connect-history-api-fallback')())
+app.use(require('connect-history-api-fallback')());
 
 // serve webpack bundle output
-app.use(devMiddleware)
+app.use(devMiddleware);
 
 // enable hot-reload and state-preserving
 // compilation error display
-app.use(hotMiddleware)
+app.use(hotMiddleware);
 
 // serve pure static assets
-var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
-app.use(staticPath, express.static('./static'))
+const staticPath = path.posix.join(
+  config.dev.assetsPublicPath,
+  config.dev.assetsSubDirectory
+);
+app.use(staticPath, express.static('./static'));
 
-var uri = 'http://localhost:' + port
+const uri = `http://localhost:${port}`;
 
-devMiddleware.waitUntilValid(function () {
-  console.log('> Listening at ' + uri + '\n')
-})
+devMiddleware.waitUntilValid(() => {
+  console.log(`> Listening at ${uri}\n`);
+});
 
-module.exports = app.listen(port, function (err) {
+module.exports = app.listen(port, err => {
   if (err) {
-    console.log(err)
-    return
+    console.log(err);
+    return;
   }
 
   // when env is testing, don't need open it
   if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
-    opn(uri)
+    opn(uri);
   }
-})
+});