expeditaea 1.0.0

package/examples/with-ava/test/index.test.js

@@ -0,0 +1,43 @@
+import { resolve } from 'path'
+import { Nuxt, Builder } from 'nuxt'
+import { JSDOM } from 'jsdom'
+import test from 'ava'
+
+// We keep the nuxt and server instance
+// So we can close them at the end of the test
+let nuxt = null
+
+// Init Nuxt and create a server listening on localhost:4000
+test.before(async () => {
+  const config = {
+    dev: false,
+    rootDir: resolve(__dirname, '..')
+  }
+  nuxt = new Nuxt(config)
+  await new Builder(nuxt).build()
+  await nuxt.server.listen(4000, 'localhost')
+}, 30000)
+
+// Example of testing only generated html
+test('Route / exits and render HTML', async (t) => {
+  const context = {}
+  const { html } = await nuxt.server.renderRoute('/', context)
+  t.true(html.includes('<h1 class="red">Hello world!</h1>'))
+})
+
+// Example of testing via dom checking
+test('Route / exits and render HTML with CSS applied', async (t) => {
+  const context = {}
+  const { html } = await nuxt.server.renderRoute('/', context)
+  const { window } = new JSDOM(html).window
+  const element = window.document.querySelector('.red')
+  t.not(element, null)
+  t.is(element.textContent, 'Hello world!')
+  t.is(element.className, 'red')
+  t.is(window.getComputedStyle(element).color, 'red')
+})
+
+// Close server and ask nuxt to stop listening to file changes
+test.after('Closing server and nuxt', (t) => {
+  nuxt.close()
+})

package/examples/with-buefy/README.md

@@ -0,0 +1,3 @@
+# Nuxt with [Buefy](https://buefy.github.io/)
+
+> Buefy are lightweight UI components for Vue.js based on Bulma

package/examples/with-buefy/components/card.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="column">
+    <div class="card">
+      <header class="card-header">
+        <p class="card-header-title has-text-grey">
+          {{ title }}
+        </p>
+      </header>
+      <div class="card-content">
+        <div class="content has-text-centered">
+          <b-icon
+            :icon="icon"
+            size="is-large"
+            type="is-primary"
+          />
+        </div>
+      </div>
+      <footer class="card-footer">
+        <div class="card-footer-item">
+          <span>
+            <slot />
+          </span>
+        </div>
+      </footer>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      required: true
+    },
+    icon: {
+      type: String,
+      required: true
+    }
+  }
+}
+</script>

package/examples/with-buefy/nuxt.config.js

@@ -0,0 +1,12 @@
+export default {
+  /*
+  ** Customize the progress bar color
+  */
+  loading: { color: '#3B8070' },
+  modules: [
+    'nuxt-buefy'
+  ],
+  router: {
+    linkActiveClass: 'is-active'
+  }
+}

package/examples/with-buefy/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "example-with-buefy",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start",
+    "post-update": "yarn upgrade --latest"
+  },
+  "dependencies": {
+    "nuxt": "latest",
+    "nuxt-buefy": "latest"
+  }
+}

package/examples/with-buefy/pages/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <section class="section">
+    <div class="columns is-mobile">
+      <card
+        title="Free"
+        icon="github"
+      >
+        Open source on <a href="https://github.com/buefy/buefy"> GitHub</a>
+      </card>
+
+      <card
+        title="Responsive"
+        icon="cellphone-link"
+      >
+        <b class="has-text-grey">Every</b> component is responsive
+      </card>
+
+      <card
+        title="Modern"
+        icon="alert-decagram"
+      >
+        Built with <a href="https://vuejs.org/">Vue.js</a> and <a href="http://bulma.io/">Bulma</a>
+      </card>
+
+      <card
+        title="Lightweight"
+        icon="arrange-bring-to-front"
+      >
+        No other internal dependency
+      </card>
+    </div>
+  </section>
+</template>
+
+<script>
+import Card from '~/components/Card'
+export default {
+  name: 'HomePage',
+  components: {
+    Card
+  }
+}
+</script>

package/examples/with-cookies/README.md

@@ -0,0 +1,5 @@
+# Nuxt with cookies
+
+This demo showcases reading/updating cookies with Nuxt
+
+https://nuxtjs.org/examples

package/examples/with-cookies/nuxt.config.js

@@ -0,0 +1,9 @@
+export default {
+  head: {
+    title: 'Nuxt-Cookies',
+    meta: [
+      { content: 'width=device-width,initial-scale=1', name: 'viewport' }
+    ]
+  },
+  plugins: ['~/plugins/cookies']
+}

package/examples/with-cookies/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "example-with-cookies",
+  "dependencies": {
+    "cookie": "^0.3.1",
+    "js-cookie": "^2.1.4",
+    "nuxt": "latest",
+    "post-update": "yarn upgrade --latest"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start"
+  }
+}

package/examples/with-cookies/pages/index.vue

@@ -0,0 +1,85 @@
+<template>
+  <div>
+    <h1>Cookies</h1>
+    <table>
+      <thead>
+        <tr>
+          <th>Key</th><th>Value</th><th />
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="(value, key) in cookies" :key="key">
+          <td>{{ key }}</td>
+          <td>{{ value }}</td>
+          <td>
+            <button @click="removeCookie(key)">
+              Remove
+            </button>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <h2>Add a new cookie</h2>
+    <form @submit.prevent="addCookie">
+      <input v-model="newCookie.key" type="text" placeholder="Key" class="key">:
+      <input v-model="newCookie.value" type="text" placeholder="Value" class="value">
+      <button type="submit">
+        Add
+      </button>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  data: () => ({
+    newCookie: {
+      key: '',
+      value: ''
+    }
+  }),
+  computed: {
+    cookies () {
+      return this.$cookies.cookies
+    }
+  },
+  methods: {
+    addCookie () {
+      // Make sure the cookie is not empty
+      if (!this.newCookie.key || !this.newCookie.value) { return }
+      // Sanitize the key to avoid spaces
+      const cookieKey = this.newCookie.key.replace(/\s/g, '-')
+      // Add the cookie
+      this.$cookies.set(cookieKey, this.newCookie.value)
+      // Reset newCookie data
+      this.newCookie.key = this.newCookie.value = ''
+    },
+    removeCookie (key) {
+      this.$cookies.remove(key)
+    }
+  }
+}
+</script>
+
+<style scoped>
+table {
+  text-align: left;
+}
+th, td {
+  padding-right: 10px;
+}
+input.key {
+  width: 50px;
+}
+input.value {
+  width: 100px;
+}
+input, button {
+  border: 1px #ddd solid;
+  background: white;
+  padding: 5px;
+}
+button[type="submit"] {
+  margin-left: 5px;
+}
+</style>

package/examples/with-cookies/plugins/cookies.js

@@ -0,0 +1,34 @@
+import Vue from 'vue'
+import Cookie from 'cookie'
+import JSCookie from 'js-cookie'
+
+// Called only on client-side
+export const getCookies = (str) => {
+  return Cookie.parse(str || '')
+}
+
+/*
+** Executed by ~/.nuxt/index.js with context given
+** This method can be asynchronous
+*/
+export default ({ req }, inject) => {
+  // Inject `cookies` key
+  // -> app.$cookies
+  // -> this.$cookies in vue components
+  // -> this.$cookies in store actions/mutations
+  inject('cookies', new Vue({
+    data: () => ({
+      cookies: getCookies(process.server ? req.headers.cookie : document.cookie)
+    }),
+    methods: {
+      set (...args) {
+        JSCookie.set(...args)
+        this.cookies = getCookies(document.cookie)
+      },
+      remove (...args) {
+        JSCookie.remove(...args)
+        this.cookies = getCookies(document.cookie)
+      }
+    }
+  }))
+}

package/examples/with-element-ui/README.md

@@ -0,0 +1,3 @@
+# Nuxt with [Element UI](https://element.eleme.io/#/en-US)
+
+>Element, a Vue 2.0 based component library for developers, designers and product managers

package/examples/with-element-ui/layouts/default.vue

@@ -0,0 +1,10 @@
+<template>
+  <el-card class="box-card">
+    <div slot="header" class="clearfix">
+      <span>Element Example</span>
+    </div>
+    <div>
+      <nuxt />
+    </div>
+  </el-card>
+</template>

package/examples/with-element-ui/nuxt.config.js

@@ -0,0 +1,15 @@
+export default {
+  /*
+  ** Global CSS
+  */
+  css: [
+    'element-ui/lib/theme-chalk/index.css'
+  ],
+
+  /*
+  ** Add element-ui in our app, see plugins/element-ui.js file
+  */
+  plugins: [
+    '@/plugins/element-ui'
+  ]
+}

package/examples/with-element-ui/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "example-with-element-ui",
+  "version": "1.0.0",
+  "license": "MIT",
+  "dependencies": {
+    "element-ui": "^2.6.3",
+    "nuxt": "latest"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start",
+    "post-update": "yarn upgrade --latest"
+  },
+  "devDependencies": {
+    "sass": "^1.29.0",
+    "sass-loader": "^10.1.0"
+  }
+}

package/examples/with-element-ui/pages/index.vue

@@ -0,0 +1,108 @@
+<template>
+  <div class="elm-demo">
+    <el-form ref="elm-demo" :model="account" :rules="formRules" label-width="100px">
+      <el-row type="flex" justify="flex-start">
+        <el-col :xs="24" :sm="10">
+          <el-form-item label="Account Name" prop="name" required>
+            <el-input v-model="account.name" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="flex-start">
+        <el-col :xs="24" :sm="10">
+          <el-form-item label="Date" prop="date" required>
+            <el-date-picker v-model="account.date" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="{span: 3, offset: 2}">
+          <el-form-item label="Subscribe" prop="subscribe">
+            <el-switch v-model="account.subscribe" on-text="" off-text="" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="flex-start">
+        <el-col :xs="24" :sm="10">
+          <el-form-item label="Rate" prop="rate">
+            <el-rate v-model="account.rate" :colors="['#99A9BF', '#F7BA2A', '#FF9900']" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="{span: 10, offset: 2}">
+          <el-form-item label="Priority" prop="priority">
+            <el-radio-group v-model="account.priority">
+              <el-radio label="m">
+                Medium
+              </el-radio>
+              <el-radio label="h">
+                High
+              </el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="center">
+        <el-button type="primary" @click="submit('elm-demo')">
+          Create
+        </el-button>
+        <el-button @click="reset('elm-demo')">
+          Reset
+        </el-button>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      account: {
+        name: '',
+        date: '',
+        subscribe: false,
+        priority: 'm',
+        rate: 5
+      },
+      formRules: {
+        name: [
+          { required: true, message: 'Account is required', trigger: 'blur' },
+          { min: 6, message: 'Account\'s length is at least 6', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    submit (formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.$message.success('Create successfully !')
+          if (formName === 'popForm') {
+            this.popVisible = false
+          }
+          return false
+        } else {
+          this.$message.warning('Create failed')
+          return false
+        }
+      })
+    },
+    reset (formName) {
+      this.$refs[formName].resetFields()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.el-select {
+  display: block
+}
+@media (max-width: 768px) {
+  .el-row {
+    flex-direction:column;
+    .el-button+.el-button {
+      margin-left: 0px;
+      margin-top: 15px;
+    }
+  }
+}
+</style>

package/examples/with-element-ui/plugins/element-ui.js

@@ -0,0 +1,7 @@
+import Vue from 'vue'
+import Element from 'element-ui'
+import locale from 'element-ui/lib/locale/lang/en'
+
+export default () => {
+  Vue.use(Element, { locale })
+}

package/examples/with-feathers/.editorconfig

@@ -0,0 +1,13 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

package/examples/with-feathers/.eslintrc.js

@@ -0,0 +1,42 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint',
+    sourceType: 'module'
+  },
+  env: {
+    browser: true,
+    node: true,
+    mocha: true
+  },
+  extends: [
+    'standard',
+    'plugin:vue/recommended'
+  ],
+  // required to lint *.vue files
+  plugins: [
+    'vue'
+  ],
+  // 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,
+    // do not allow console.logs etc...
+    'no-console': 2,
+    'space-before-function-paren': [2, {
+      anonymous: 'always',
+      named: 'never'
+    }],
+    'vue/no-parsing-error': [2, {
+      'x-invalid-end-tag': false
+    }],
+    'vue/max-attributes-per-line': [2, {
+      singleline: 5
+    }]
+  },
+  globals: {}
+}

package/examples/with-feathers/.jshintrc

@@ -0,0 +1,29 @@
+{
+    "node": true,
+    "esnext": true,
+    "bitwise": true,
+    "camelcase": true,
+    "curly": true,
+    "eqeqeq": true,
+    "immed": true,
+    "indent": 2,
+    "latedef": "nofunc",
+    "newcap": false,
+    "noarg": true,
+    "quotmark": "single",
+    "regexp": true,
+    "undef": true,
+    "unused": false,
+    "strict": false,
+    "trailing": true,
+    "smarttabs": true,
+    "white": false,
+    "globals": {
+        "it": true,
+        "describe": true,
+        "before": true,
+        "beforeEach": true,
+        "after": true,
+        "afterEach": true
+    }
+}

package/examples/with-feathers/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Feathers
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/examples/with-feathers/README.md

@@ -0,0 +1,50 @@
+# Nuxt with [Feathers](http://feathersjs.com)
+
+## About
+
+This project uses [Feathers](http://feathersjs.com). An open source web framework for building modern real-time applications.
+
+## Getting Started
+
+Getting up and running is as easy as 1, 2, 3.
+
+1. Make sure you have [NodeJS](https://nodejs.org/) and [npm](https://www.npmjs.com/) installed.
+2. Install your dependencies
+
+  ```bash
+  npm install
+  ```
+
+3. Start your app
+
+  ```bash
+  npm run dev
+  ```
+
+## Production
+
+```bash
+npm run build
+npm start
+```
+
+## Testing
+
+Simply run `npm test` and all your tests in the `test/` directory will be run.
+
+## Scaffolding
+
+Feathers has a powerful command line interface. Here are a few things it can do:
+
+```bash
+$ npm install -g feathers-cli # Install Feathers CLI
+
+$ feathers generate service # Generate a new Service
+$ feathers generate hook # Generate a new Hook
+$ feathers generate model # Generate a new Model
+$ feathers help # Show all commands
+```
+
+## Help
+
+For more information on all the things you can do with Feathers visit [docs.feathersjs.com](http://docs.feathersjs.com).

package/examples/with-feathers/config/default.json

@@ -0,0 +1,11 @@
+{
+  "host": "localhost",
+  "port": 3000,
+  "nedb": "../data/",
+  "auth": {
+    "token": {
+      "secret": "B/UmaCQUlnIn8lNq7h7KjkM5aqlRz+RkiZ/v3cPL72LYavj6d68HtxXfnrb5T70mdZxHjPNsNfBR7YE1sE6Hdg=="
+    },
+    "local": {}
+  }
+}

package/examples/with-feathers/config/production.json

@@ -0,0 +1,11 @@
+{
+  "host": "with-featherjs-app.feathersjs.com",
+  "port": 80,
+  "nedb": "NEDB_BASE_PATH",
+  "auth": {
+    "token": {
+      "secret": "FEATHERS_AUTH_SECRET"
+    },
+    "local": {}
+  }
+}

package/examples/with-feathers/nuxt.config.js

@@ -0,0 +1,5 @@
+export default {
+  loading: {
+    color: 'purple'
+  }
+}