expeditaea 1.0.0

package/test/fixtures/basic/nuxt.config.js

@@ -0,0 +1,104 @@
+import path from 'path'
+
+let _nuxt
+
+export default {
+  render: {
+    dist: {
+      maxAge: ((60 * 60 * 24 * 365) * 2)
+    }
+  },
+  router: {
+    extendRoutes (routes, resolve) {
+      return [{
+        path: '/before-enter',
+        name: 'before-enter',
+        beforeEnter: (to, from, next) => { next('/') }
+      }, ...routes]
+    }
+  },
+  generate: {
+    routes: [
+      // TODO: generate with {build: false} does not scans pages!
+      '/noloading',
+      '/stateless',
+      '/css',
+      '/stateful',
+      '/head',
+      '/async-data',
+      '/validate',
+      '/redirect',
+      '/store-module',
+      '/users/1',
+      '/users/2',
+      '/тест雨',
+      '/skip-on-fail/success',
+      '/skip-on-fail/fail',
+      { route: '/users/3', payload: { id: 3000 } }
+    ],
+    interval: 200
+  },
+  head () {
+    return {
+      titleTemplate (titleChunk) {
+        return titleChunk ? `${titleChunk} - Nuxt` : 'Nuxt'
+      },
+      meta: [{ charset: 'utf-8' }]
+    }
+  },
+  modulesDir: path.join(__dirname, '..', '..', '..', 'node_modules'),
+  hooks: {
+    ready (nuxt) {
+      _nuxt = nuxt
+      nuxt.__hook_ready_called__ = true
+    },
+    build: {
+      done (builder) {
+        builder.__hook_built_called__ = true
+      }
+    },
+    render: {
+      routeDone (url) {
+        _nuxt.__hook_render_routeDone__ = url
+      }
+    },
+    bad: null,
+    '': true
+  },
+  pageTransition: false,
+  components: true,
+  plugins: [
+    '~/plugins/vuex-module',
+    '~/plugins/dir-plugin',
+    '~/plugins/router-guard',
+    '~/plugins/inject'
+  ],
+  serverMiddleware: [
+    {
+      path: '/api/test',
+      handler: (_, res) => res.end('Works!')
+    }
+  ],
+  css: [
+    '~assets/app.css'
+  ],
+  build: {
+    scopeHoisting: true,
+    publicPath: '',
+    followSymlinks: true,
+    splitChunks: {
+      layouts: true
+    },
+    postcss: {
+      preset: {
+        features: {
+          'custom-selectors': true
+        }
+      },
+      plugins: {
+        cssnano: {},
+        [path.resolve(__dirname, 'plugins', 'tailwind.js')]: {}
+      }
+    }
+  }
+}

package/test/fixtures/basic/pages/-ignored.vue

@@ -0,0 +1,13 @@
+<template lang="html">
+  <div class="error">
+    Should be ignored
+  </div>
+</template>
+
+<script>
+export default {
+}
+</script>
+
+<style lang="css">
+</style>

package/test/fixtures/basic/pages/async-data.vue

@@ -0,0 +1,13 @@
+<template>
+  <p>{{ name }}</p>
+</template>
+
+<script>
+export default {
+  asyncData () {
+    return new Promise((resolve) => {
+      setTimeout(() => resolve({ name: 'Nuxt' }), 10)
+    })
+  }
+}
+</script>

package/test/fixtures/basic/pages/await-async-data.vue

@@ -0,0 +1,18 @@
+<template>
+  <p>{{ name }}</p>
+</template>
+
+<script>
+const fetchData = () => {
+  return new Promise((resolve) => {
+    setTimeout(() => resolve({ name: 'Await Nuxt' }), 10)
+  })
+}
+
+export default {
+  async asyncData () {
+    const data = await fetchData()
+    return data
+  }
+}
+</script>

package/test/fixtures/basic/pages/callback-async-data.vue

@@ -0,0 +1,13 @@
+<template>
+  <p>{{ name }}</p>
+</template>
+
+<script>
+export default {
+  asyncData (context, callback) {
+    setTimeout(function () {
+      callback(null, { name: 'Callback Nuxt' })
+    }, 10)
+  }
+}
+</script>

package/test/fixtures/basic/pages/client-only.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>
+    <client-only placeholder="Loading..." placeholder-tag="p">
+      <h1>Displayed only on client-side</h1>
+    </client-only>
+  </div>
+</template>

package/test/fixtures/basic/pages/components.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <MyComponent />
+  </div>
+</template>

package/test/fixtures/basic/pages/config.vue

@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <span v-for="(key,i) in configKeys" :id="key" :key="i">
+      {{ vueConfig[key] | toStr }}
+    </span>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+
+export default {
+  filters: {
+    toStr (v) {
+      return String(v)
+    }
+  },
+  data () {
+    return {
+      vueConfig: Vue.config
+    }
+  },
+  computed: {
+    configKeys () {
+      return Object.keys(this.vueConfig).filter(k => ['silent', 'devtools', 'performance', 'productTip'].includes(k))
+    }
+  }
+}
+</script>

package/test/fixtures/basic/pages/css.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="red">
+    This is red
+  </div>
+</template>
+
+<style>
+@custom-selector :--red div.red;
+:--red {
+  background-color: blue;
+}
+.red {
+  color: red;
+}
+</style>

package/test/fixtures/basic/pages/custom.js

@@ -0,0 +1,6 @@
+export default {
+  layout: 'custom',
+  render (h) {
+    return h('h2', 'custom page')
+  }
+}

package/test/fixtures/basic/pages/error-midd.vue

@@ -0,0 +1,13 @@
+<template>
+  <h1>Error page midd</h1>
+</template>
+
+<script>
+export default {
+  middleware: 'error',
+  asyncData () {
+    console.log('Async data error-midd.vue') // eslint-disable-line no-console
+    return {}
+  }
+}
+</script>

package/test/fixtures/basic/pages/error-object.vue

@@ -0,0 +1,8 @@
+<script>
+
+export default {
+  middleware (context) {
+    throw { error: 'fetch error!' } // eslint-disable-line
+  }
+}
+</script>

package/test/fixtures/basic/pages/error-string.vue

@@ -0,0 +1,8 @@
+<script>
+
+export default {
+  middleware (context) {
+    throw 'fetch error!' // eslint-disable-line
+  }
+}
+</script>

package/test/fixtures/basic/pages/error.vue

@@ -0,0 +1,11 @@
+<template>
+  <h1>Error page</h1>
+</template>
+
+<script>
+export default {
+  asyncData () {
+    throw new Error('Error mouahahah')
+  }
+}
+</script>

package/test/fixtures/basic/pages/error2.vue

@@ -0,0 +1,11 @@
+<template>
+  <h1>Error page</h1>
+</template>
+
+<script>
+export default {
+  asyncData ({ error }) {
+    error({ message: 'Custom error', customProp: 'ezpz' })
+  }
+}
+</script>

package/test/fixtures/basic/pages/extractCSS.vue

@@ -0,0 +1,9 @@
+<template>
+  <div />
+</template>
+
+<style>
+body {
+  font-size: 30px;
+}
+</style>

package/test/fixtures/basic/pages/fetch.vue

@@ -0,0 +1,50 @@
+<template>
+  <div>
+    {{ data }}
+    <button @click="update">
+      Fetch
+    </button>
+    <button @click="reload">
+      Reload
+    </button>
+    <code>{{ fetched }}</code>
+  </div>
+</template>
+
+<script>
+const name = process.server ? 'server' : 'client'
+const baseURL = 'http://localhost:3000/api'
+const getData = () => fetch(`${baseURL}/test`)
+  .then(r => r.text())
+  .then(r => r + ` (From ${name})`)
+
+export default {
+  async asyncData ({ $config }) {
+    if ($config.generated) { return }
+
+    const data = await getData()
+    return { data }
+  },
+  data: () => ({
+    num: 10,
+    fetched: false
+  }),
+  async fetch () {
+    await new Promise((resolve) => {
+      this.fetched = true
+      resolve()
+    })
+  },
+  fetchKey (getCounter) {
+    return 'custom' + this.num + getCounter('custom')
+  },
+  methods: {
+    async update () {
+      this.data = await getData()
+    },
+    reload () {
+      window.location.reload()
+    }
+  }
+}
+</script>

package/test/fixtures/basic/pages/fn-midd.vue

@@ -0,0 +1,17 @@
+<template>
+  <h1>Date: {{ date }}</h1>
+</template>
+
+<script>
+let date
+
+export default {
+  middleware: ({ query, error }) => {
+    if (!query.please) { return error({ message: 'You need to ask the permission', statusCode: 403 }) }
+    date = Date.now()
+  },
+  asyncData () {
+    return { date }
+  }
+}
+</script>

package/test/fixtures/basic/pages/head.vue

@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <h1>I can haz meta tags</h1>
+  </div>
+</template>
+
+<script>
+export default {
+  head: {
+    title: 'My title',
+    htmlAttrs: {
+      foo: 'baz'
+    },
+    headAttrs: {
+      bar: 'foo'
+    },
+    bodyAttrs: {
+      baz: 'bar'
+    },
+    meta: [
+      { content: 'my meta' }
+    ],
+    script: [
+      { src: '/body.js', body: true }
+    ]
+  }
+}
+</script>

package/test/fixtures/basic/pages/ignored.test.vue

@@ -0,0 +1,13 @@
+<template lang="html">
+  <div class="error">
+    Should be ignored
+  </div>
+</template>
+
+<script>
+export default {
+}
+</script>
+
+<style lang="css">
+</style>

package/test/fixtures/basic/pages/index.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h1>Index page</h1>
+    <img src="~/assets/test.svg">
+  </div>
+</template>

package/test/fixtures/basic/pages/js-link.js

@@ -0,0 +1,2 @@
+export default {
+}

package/test/fixtures/basic/pages/js-link.vue

@@ -0,0 +1,5 @@
+<template>
+  <h1>vue file is first-class</h1>
+</template>
+
+<script src="./js-link.js"></script>

package/test/fixtures/basic/pages/jsx-link.js

@@ -0,0 +1,5 @@
+import renderLink from './jsx-link2.jsx'
+
+export default {
+  render: renderLink
+}

package/test/fixtures/basic/pages/jsx-link2.jsx

@@ -0,0 +1,5 @@
+export default function (h) {
+  return (<div class='container'>
+    <h1>JSX Link Page</h1>
+  </div>)
+}

package/test/fixtures/basic/pages/jsx.js

@@ -0,0 +1,7 @@
+export default {
+  render () {
+    return <div class='container'>
+      <h1>JSX Page</h1>
+    </div>
+  }
+}

package/test/fixtures/basic/pages/meta.vue

@@ -0,0 +1,12 @@
+<template>
+  <pre>{{ $store.state.meta }}</pre>
+</template>
+
+<script>
+export default {
+  middleware: 'meta',
+  meta: {
+    works: true
+  }
+}
+</script>

package/test/fixtures/basic/pages/no-ssr.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>
+    <NoSsr placeholder="Loading..." placeholder-tag="p">
+      <h1>Displayed only on client-side</h1>
+    </NoSsr>
+  </div>
+</template>

package/test/fixtures/basic/pages/noloading.vue

@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <h1>{{ name }}</h1>
+    <p>{{ loaded }}</p>
+  </div>
+</template>
+
+<script>
+export default {
+  loading: false,
+  asyncData () {
+    return new Promise((resolve) => {
+      setTimeout(() => resolve({
+        loaded: false,
+        name: 'Nuxt'
+      }), 300)
+    })
+  },
+  mounted () {
+    this.$nuxt.$loading.finish()
+    setTimeout(() => {
+      this.$nuxt.$loading.start()
+      this.loaded = true
+    }, 1500)
+  }
+}
+</script>

package/test/fixtures/basic/pages/postcss.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="red">
+    This is red
+  </div>
+</template>
+
+<style lang="postcss">
+@custom-selector :--red div.red;
+:--red {
+  background-color: blue;
+}
+.red {
+  color: red;
+}
+</style>

package/test/fixtures/basic/pages/redirect-external-no-slash.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>Redirecting...</div>
+</template>
+
+<script>
+export default {
+  middleware ({ redirect }) {
+    return redirect('https://nuxtjs.org/docs/2.x/features/data-fetching')
+  }
+}
+</script>

package/test/fixtures/basic/pages/redirect-external-root.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>Redirecting...</div>
+</template>
+
+<script>
+export default {
+  middleware ({ redirect }) {
+    return redirect('https://nuxtjs.org/')
+  }
+}
+</script>

package/test/fixtures/basic/pages/redirect-external.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>Redirecting...</div>
+</template>
+
+<script>
+export default {
+  middleware ({ redirect }) {
+    return redirect('https://nuxtjs.org/docs/2.x/features/data-fetching/')
+  }
+}
+</script>

package/test/fixtures/basic/pages/redirect-middleware.vue

@@ -0,0 +1,8 @@
+<script>
+export default {
+  middleware: 'redirect',
+  created () {
+    throw new Error('NOPE!')
+  }
+}
+</script>

package/test/fixtures/basic/pages/redirect-name.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>Redirecting...</div>
+</template>
+
+<script>
+export default {
+  middleware ({ redirect }) {
+    return redirect({ name: 'stateless' })
+  }
+}
+</script>

package/test/fixtures/basic/pages/redirect.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>Redirecting...</div>
+</template>
+
+<script>
+export default {
+  middleware ({ redirect }) {
+    return redirect('/')
+  }
+}
+</script>

package/test/fixtures/basic/pages/redirection/_slug.vue

@@ -0,0 +1,18 @@
+<template>
+  <h1>
+    Redirected page
+  </h1>
+</template>
+
+<script>
+export default {
+  asyncData ({ redirect, route }) {
+    if (process.server) {
+      // Redirect to the same route
+      redirect(route)
+    }
+
+    return {}
+  }
+}
+</script>

package/test/fixtures/basic/pages/refresh-page-data.vue

@@ -0,0 +1,15 @@
+<template>
+  <h1>
+    Hello from {{ name }}
+  </h1>
+</template>
+
+<script>
+export default {
+  asyncData () {
+    return {
+      name: process.static ? 'static' : (process.server ? 'server' : 'client')
+    }
+  }
+}
+</script>

package/test/fixtures/basic/pages/router-guard-error.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>Page content</div>
+</template>

package/test/fixtures/basic/pages/router-guard.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>Router Guard</div>
+</template>
+
+<script>
+export default {
+  beforeRouteEnter (to, from, next) {
+    next({ path: '/async-data' })
+  }
+}
+</script>

package/test/fixtures/basic/pages/scroll-to-top/index.vue

@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <NuxtLink to="/scroll-to-top/scroll-to-top-true">
+      go to scroll-to-top-true
+    </NuxtLink>
+    <NuxtLink to="/scroll-to-top/scroll-to-top-false">
+      go to scroll-to-top-false
+    </NuxtLink>
+    <NuxtLink to="/scroll-to-top?test=1">
+      go to the same page
+    </NuxtLink>
+  </div>
+</template>
+
+<script>
+export default {
+}
+</script>
+
+<style>
+div {
+  margin-top: 1500px;
+}
+</style>