expeditaea 1.0.0

package/examples/with-vuetify/layouts/default.vue

@@ -0,0 +1,103 @@
+<template>
+  <v-app dark>
+    <v-navigation-drawer v-model="drawer" fixed clipped app>
+      <v-list>
+        <v-list-item v-for="item in items" :key="item.text" link>
+          <v-list-item-action>
+            <v-icon>{{ item.icon }}</v-icon>
+          </v-list-item-action>
+          <v-list-item-content>
+            <v-list-item-title>
+              {{ item.text }}
+            </v-list-item-title>
+          </v-list-item-content>
+        </v-list-item>
+        <v-subheader class="mt-3 grey--text text--darken-1 text-uppercase">
+          Subscriptions
+        </v-subheader>
+        <v-list>
+          <v-list-item v-for="item in items2" :key="item.text" link>
+            <v-list-item-avatar>
+              <img :src="`https://randomuser.me/api/portraits/men/${item.picture}.jpg`" alt="">
+            </v-list-item-avatar>
+            <v-list-item-title v-text="item.text" />
+          </v-list-item>
+        </v-list>
+        <v-list-item class="mt-3">
+          <v-list-item-action>
+            <v-icon color="grey darken-1">
+              mdi-plus-circle-outline
+            </v-icon>
+          </v-list-item-action>
+          <v-list-item-title class="grey--text text--darken-1">
+            Browse Channels
+          </v-list-item-title>
+        </v-list-item>
+        <v-list-item>
+          <v-list-item-action>
+            <v-icon color="grey darken-1">
+              mdi-settings
+            </v-icon>
+          </v-list-item-action>
+          <v-list-item-title class="grey--text text--darken-1">
+            Manage Subscriptions
+          </v-list-item-title>
+        </v-list-item>
+      </v-list>
+    </v-navigation-drawer>
+    <v-app-bar color="primary" dense fixed clipped-left app>
+      <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
+      <v-icon class="mx-3">
+        mdi-youtube
+      </v-icon>
+      <v-toolbar-title class="mr-5 align-center">
+        <span class="title">Youtube</span>
+      </v-toolbar-title>
+      <v-spacer />
+      <v-layout row align-center style="max-width: 650px">
+        <v-text-field
+          placeholder="Search..."
+          single-line
+          append-icon="mdi-magnify"
+          color="white"
+          hide-details
+        />
+      </v-layout>
+    </v-app-bar>
+    <v-content>
+      <Nuxt />
+    </v-content>
+  </v-app>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      drawer: true,
+      items: [
+        { icon: 'mdi-home', text: 'Home' },
+        { icon: 'mdi-fire', text: 'Trending' },
+        { icon: 'mdi-youtube-subscription', text: 'Subscriptions' },
+        { icon: 'mdi-folder', text: 'Library' },
+        { icon: 'mdi-history', text: 'History' },
+        { icon: 'mdi-clock', text: 'Watch Later' },
+        { icon: 'mdi-thumb-up', text: 'Liked videos' }
+      ],
+      items2: [
+        { picture: 28, text: 'Joseph' },
+        { picture: 38, text: 'Apple' },
+        { picture: 48, text: 'Xbox Ahoy' },
+        { picture: 58, text: 'Nokia' },
+        { picture: 78, text: 'MKBHD' }
+      ]
+    }
+  },
+  head: {
+    title: 'Nuxt Vuetify Starter'
+  }
+}
+</script>
+
+<style scoped>
+</style>

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

@@ -0,0 +1,25 @@
+export default {
+  /*
+  ** Head elements
+  ** Add Roboto font and Material Icons
+  */
+  head: {
+    link: [
+      {
+        rel: 'stylesheet',
+        type: 'text/css',
+        href: 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons'
+      }
+    ]
+  },
+  build: {
+    extractCSS: true
+  },
+  buildModules: [
+    '@nuxtjs/vuetify'
+  ],
+  vuetify: {
+    customVariables: ['~/assets/variables.scss'],
+    optionsPath: './vuetify.options.js'
+  }
+}

package/examples/with-vuetify/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "example-with-vuetify",
+  "dependencies": {
+    "nuxt": "latest"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start",
+    "generate": "nuxt generate",
+    "post-update": "yarn upgrade --latest"
+  },
+  "devDependencies": {
+    "@nuxtjs/vuetify": "^1.11.2"
+  }
+}

package/examples/with-vuetify/pages/about.vue

@@ -0,0 +1,18 @@
+<template>
+  <v-carousel>
+    <v-carousel-item v-for="(src, i) in images" :key="i" :src="src" />
+  </v-carousel>
+</template>
+
+<script>
+export default {
+  data: () => ({
+    images: [
+      'https://cdn.vuetifyjs.com/images/carousel/squirrel.jpg',
+      'https://cdn.vuetifyjs.com/images/carousel/sky.jpg',
+      'https://cdn.vuetifyjs.com/images/carousel/bird.jpg',
+      'https://cdn.vuetifyjs.com/images/carousel/planet.jpg'
+    ]
+  })
+}
+</script>

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

@@ -0,0 +1,11 @@
+<template>
+  <v-container fill-height>
+    <v-layout justify-center align-center>
+      <v-flex shrink>
+        <v-btn icon color="test" large @click="$vuetify.theme.dark = !$vuetify.theme.dark">
+          <v-icon>mdi-theme-light-dark</v-icon>
+        </v-btn>
+      </v-flex>
+    </v-layout>
+  </v-container>
+</template>

package/examples/with-vuetify/vuetify.options.js

@@ -0,0 +1,13 @@
+import colors from 'vuetify/es5/util/colors'
+
+export default {
+  theme: {
+    dark: true,
+    themes: {
+      dark: {
+        primary: colors.red.base,
+        test: colors.blue.base
+      }
+    }
+  }
+}

package/examples/with-vuikit/README.md

@@ -0,0 +1,3 @@
+# Nuxt with [Vuikit](https://vuikit.js.org)
+
+> Vuikit is a consistent and responsive Vue UI library, based on the front-end framework UIkit.

package/examples/with-vuikit/layouts/default.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="uk-container">
+    <nuxt />
+  </div>
+</template>

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

@@ -0,0 +1,6 @@
+export default {
+  css: ['@vuikit/theme'],
+  plugins: [
+    '~/plugins/vuikit.js'
+  ]
+}

package/examples/with-vuikit/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "nuxt-with-vuikit",
+  "dependencies": {
+    "@vuikit/icons": "latest",
+    "@vuikit/theme": "latest",
+    "nuxt": "latest",
+    "vuikit": "latest"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start",
+    "post-update": "yarn upgrade --latest"
+  }
+}

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

@@ -0,0 +1,19 @@
+<template>
+  <vk-card type="primary">
+    <vk-card-title>Nuxt + Vuikit</vk-card-title>
+    <div class="uk-inline">
+      <vk-button>Hover</vk-button>
+      <vk-dropdown>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
+      </vk-dropdown>
+    </div>
+    <div class="uk-inline">
+      <vk-button>Click</vk-button>
+      <vk-dropdown mode="click">
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
+      </vk-dropdown>
+    </div>
+    <hr class="uk-divider-icon">
+    <vk-icon icon="heart" />
+  </vk-card>
+</template>

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

@@ -0,0 +1,6 @@
+import Vue from 'vue'
+import Vuikit from 'vuikit'
+import VuikitIcons from '@vuikit/icons'
+
+Vue.use(Vuikit)
+Vue.use(VuikitIcons)

package/examples/with-vux/README.md

@@ -0,0 +1,3 @@
+# Showcase of Nuxt and [VUX](https://github.com/airyland/vux)
+
+> VUX is a Mobile UI Components based on Vue & WeUI.

package/examples/with-vux/layouts/default.vue

@@ -0,0 +1,9 @@
+<template>
+  <nuxt />
+</template>
+
+<style>
+body {
+  background-color: #fbf9fe;
+}
+</style>

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

@@ -0,0 +1,40 @@
+import path from 'path'
+
+import vuxLoader from 'vux-loader'
+
+export default {
+  head: {
+    meta: [
+      { charset: 'utf-8' },
+      { name: 'viewport', content: 'width=device-width, initial-scale=1, user-scalable=0' }
+    ]
+  },
+  css: [
+    'vux/src/styles/reset.less',
+    'vux/src/styles/1px.less'
+  ],
+  plugins: [
+    {
+      src: '~/plugins/vux-plugins',
+      ssr: false
+    },
+    {
+      src: '~/plugins/vux-components',
+      ssr: true
+    }
+  ],
+  build: {
+    extend (config, { isDev, isClient }) {
+      const configs = vuxLoader.merge(config, {
+        options: {
+          ssr: true
+        },
+        plugins: ['vux-ui', {
+          name: 'less-theme',
+          path: path.join(__dirname, './styles/theme.less')
+        }]
+      })
+      return configs
+    }
+  }
+}

package/examples/with-vux/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "example-with-vux",
+  "version": "1.0.0",
+  "license": "MIT",
+  "dependencies": {
+    "nuxt": "latest",
+    "vux": "^2.8.0"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start",
+    "post-update": "yarn upgrade --latest"
+  },
+  "devDependencies": {
+    "less": "^2.7.3",
+    "less-loader": "^4.0.6",
+    "vux-loader": "^1.2.1"
+  }
+}

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

@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <group title="vux demo">
+      <cell title="cell" value="click me" is-link @click.native="alert" />
+    </group>
+  </div>
+</template>
+
+<script>
+export default {
+  head () {
+    return {
+      title: 'vux demo'
+    }
+  },
+  methods: {
+    alert () {
+      this.$vux.alert.show('This is a Alert example.')
+    }
+  }
+}
+</script>

package/examples/with-vux/plugins/vux-components.js

@@ -0,0 +1,5 @@
+import Vue from 'vue'
+import { Group, Cell } from 'vux'
+
+Vue.component('Group', Group)
+Vue.component('Cell', Cell)

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

@@ -0,0 +1,12 @@
+import Vue from 'vue'
+import { BusPlugin, TransferDom, WechatPlugin, DatetimePlugin, LoadingPlugin, ToastPlugin, AlertPlugin, ConfirmPlugin } from 'vux'
+
+Vue.use(DatetimePlugin)
+Vue.use(LoadingPlugin)
+Vue.use(ToastPlugin)
+Vue.use(AlertPlugin)
+Vue.use(ConfirmPlugin)
+Vue.use(WechatPlugin)
+Vue.use(BusPlugin)
+
+Vue.directive('transfer-dom', TransferDom)

package/examples/with-vux/styles/theme.less

@@ -0,0 +1 @@
+@dialog-button-text-primary-color: #FF9900;

package/jest.config.js

@@ -0,0 +1,61 @@
+const fs = require('fs')
+const path = require('path')
+
+const corePackages = fs.readdirSync(path.resolve(__dirname, 'packages'))
+
+module.exports = {
+  testEnvironment: 'node',
+
+  expand: true,
+
+  forceExit: true,
+
+  roots: [
+    '<rootDir>/packages',
+    '<rootDir>/test'
+  ],
+
+  // https://github.com/facebook/jest/pull/6747 fix warning here
+  // But its performance overhead is pretty bad (30+%).
+  // detectOpenHandles: true
+
+  setupFilesAfterEnv: ['./test/utils/setup-env'],
+  setupFiles: ['./test/utils/setup'],
+
+  coverageDirectory: './coverage',
+
+  collectCoverageFrom: [
+    '**/packages/*/src/**/*.js'
+  ],
+
+  coveragePathIgnorePatterns: [
+    'node_modules/(?!(@nuxt|nuxt))',
+    'packages/webpack/src/config/plugins/vue',
+    'packages/server/src/jsdom'
+  ],
+
+  testPathIgnorePatterns: [
+    'node_modules/(?!(@nuxt|nuxt))',
+    'test/fixtures/.*/.*?/',
+    'examples/.*'
+  ],
+
+  transformIgnorePatterns: [
+    'node_modules/(?!(@nuxt|nuxt))',
+    'packages/utils/test/serialize\\.test\\.input\\.js'
+  ],
+
+  transform: {
+    '^.+\\.js$': 'babel-jest',
+    '^.+\\.vue$': 'vue-jest'
+  },
+
+  moduleFileExtensions: [
+    'js',
+    'json'
+  ],
+
+  moduleNameMapper: {
+    [`@nuxt/(${corePackages.join('|')})(/?.*)$`]: '<rootDir>/packages/$1/src/$2'
+  }
+}

package/lerna.json

@@ -0,0 +1,28 @@
+{
+  "version": "2.15.6",
+  "npmClient": "yarn",
+  "useWorkspaces": true,
+  "conventionalCommits": true,
+  "exact": true,
+  "packages": [
+    "packages/*",
+    "distributions/*"
+  ],
+  "command": {
+    "publish": {
+      "npmClient": "npm"
+    },
+    "init": {
+      "exact": true
+    }
+  },
+  "changelog": {
+    "labels": {
+      "feat": "New Feature",
+      "fix": "Bug Fix",
+      "docs": "Documentation",
+      "perf": "Performance",
+      "refactor": "Code Refactoring"
+    }
+  }
+}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "expeditaea",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/CeasarLedner/expeditaea.git"
+  },
+  "workspaces": [
+    "packages/*",
+    "distributions/*"
+  ],
+  "devDependencies": {
+    "@babel/core": "^7.14.0",
+    "@babel/preset-env": "^7.14.1",
+    "@ls-lint/ls-lint": "^1.9.2",
+    "@nuxtjs/eslint-config": "^6.0.0",
+    "@nuxtjs/eslint-config-typescript": "^6.0.0",
+    "@rollup/plugin-alias": "^3.1.2",
+    "@rollup/plugin-commonjs": "^19.0.0",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.0.0",
+    "@rollup/plugin-replace": "^2.4.2",
+    "@typescript-eslint/eslint-plugin": "^4.23.0",
+    "@typescript-eslint/parser": "^4.23.0",
+    "@vue/server-test-utils": "^1.2.0",
+    "@vue/test-utils": "^1.2.0",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "^26.6.3",
+    "chrome-launcher": "^0.13.4",
+    "consola": "^2.15.3",
+    "create-require": "^1.1.1",
+    "cross-spawn": "^7.0.3",
+    "eslint": "^7.26.0",
+    "eslint-multiplexer": "^2.0.0",
+    "execa": "^5.0.0",
+    "express": "^4.17.1",
+    "finalhandler": "^1.1.2",
+    "fs-extra": "^9.1.0",
+    "get-port": "^5.1.1",
+    "glob": "^7.1.7",
+    "got": "^11.8.2",
+    "improved-yarn-audit": "^2.3.2",
+    "jest": "^26.6.3",
+    "jiti": "^1.9.2",
+    "jsdom": "^16.5.3",
+    "jsonfile": "^6.1.0",
+    "klaw-sync": "^6.0.0",
+    "lerna": "^4.0.0",
+    "lodash": "^4.17.21",
+    "node-fetch": "^2.6.1",
+    "puppeteer-core": "^9.1.1",
+    "request": "^2.88.2",
+    "rimraf": "^3.0.2",
+    "rollup": "2.47.0",
+    "rollup-plugin-license": "^2.3.0",
+    "sass": "^1.32.12",
+    "sass-loader": "^10.1.1",
+    "sort-package-json": "^1.50.0",
+    "typescript": "~4.2",
+    "vue-jest": "^4.0.1"
+  },
+  "author": "BrianaBernhard",
+  "bugs": {
+    "url": "https://github.com/CeasarLedner/expeditaea.git/issues"
+  },
+  "version": "1.0.0"
+}

package/packages/babel-preset-app/README.md

@@ -0,0 +1,120 @@
+# `@nuxt/babel-preset-app`
+
+> Default babel preset for nuxt
+
+## Usage
+
+This is the default preset used by Nuxt, which is mainly a wrapper around the `@babel/preset-env` preset. It also optionally uses the `@vue/babel-preset-jsx` preset as well as `@babel/plugin-proposal-decorators`, `@babel/plugin-proposal-class-properties`, `@babel/plugin-transform-runtime`. Furthermore the preset is adding polyfills.
+
+**Note**: Since `core-js@2` and `core-js@3` are both supported from Babel 7.4.0, we recommend directly adding `core-js` and setting the version via the [`corejs`](#corejs) option.
+
+```sh
+yarn add --dev core-js@3 @babel/runtime-corejs3
+
+# or
+
+yarn add --dev core-js@2 @babel/runtime-corejs2
+
+```
+
+Usually, no additional configuration is required. If needed though, there is an option to fine-tune the preset's behavior. Just add the following to `nuxt.config.js`:
+
+```js
+babel: {
+  presets(env, [ preset, options ]) {
+    return [
+      [ "@nuxt/babel-preset-app", options ]
+    ]
+  }
+}
+```
+
+`env` is an object which contains `envName` (`server`, `client`, `modern`) and all `nuxtEnv` properties (`isDev`, `isServer`, `isClient`, `isModern`, `isLegacy`)
+
+`preset` is the preset package name `@nuxt/babel-preset-app`
+
+`options` is an object with parameters, for example:
+
+```js
+const options = {
+  useBuiltIns: "entry"
+}
+```
+
+Below is a list of all available `options` parameters:
+
+### Options
+
+* **bugfixes** - [`@babel/preset-env`](https://babeljs.io/docs/en/babel-preset-env#bugfixes)
+* **configPath** - [`@babel/preset-env` parameter](https://babeljs.io/docs/en/babel-preset-env#configpath)
+* **forceAllTransforms** - '[@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env#forcealltransforms)' parameter
+* **debug**, default  `false` - '[@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env#debug)' parameter
+* **decoratorsBeforeExport**
+* **decoratorsLegacy**, default true
+* **exclude** - '[@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env#exclude)' parameter
+* **ignoreBrowserslistConfig**, defaults to value of `modern` - '[@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env#ignorebrowserslistconfig)' parameter
+* **include** - '[@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env#include)' parameter
+* **jsx**, default true, can be a an object passed as params to [@vue/babel-preset-jsx`](https://www.npmjs.com/package/@vue/babel-preset-jsx)
+* **loose**, default `false` - '[@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env#loose)' parameter and also sets `loose=true` for `@babel/plugin-proposal-class-properties`
+* **modules**, default `false` - '[@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env#modules)' parameter
+* **polyfills**, default `core-js@2: ['es6.array.iterator','es6.promise','es6.object.assign','es7.promise.finally']`, `core-js@3: ['es.array.iterator','es.promise','es.object.assign','es.promise.finally']`, more [in the corresponding repository](https://github.com/zloirock/core-js)
+* **shippedProposals** - '[@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env#shippedproposals)' parameter
+* **spec** - '[@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env#spec)' parameter
+* **targets** - '[@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env#targets)' parameter
+* **useBuiltIns**, default `"usage"` - '[@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env#usebuiltins)' parameter
+* **corejs**, default `{ version: 2 }` - '[@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env#corejs)' parameter
+
+There are [detailed docs](https://babeljs.io/docs/en/babel-preset-env#options) for the parameters of '@babel/preset-env'.
+
+### Example 1. Change targets for server and client respectively
+
+```js
+export default {
+  build: {
+    babel: {
+      presets({ envName }) {
+        const envTargets = {
+          client: { browsers: ["last 2 versions"], ie: 11 },
+          server: { node: "current" },
+        }
+        return [
+          [
+            "@nuxt/babel-preset-app",
+            {
+              targets: envTargets[envName]
+            }
+          ]
+        ]
+      }
+    }
+  }
+}
+```
+
+### Example 2. Use core-js@3
+
+**NOTE**: Make sure that all dependencies have been upgraded to use core-js@3. If core-js@2 and core-js@3 are both dependent, babel may resolve incorrect core-js package which is hoisted by yarn/npm.
+
+```sh
+yarn add --dev core-js@3 @babel/runtime-corejs3
+```
+
+```js
+export default {
+  build: {
+    babel: {
+      // envName: server, client, modern
+      presets({ envName }) {
+        return [
+          [
+            '@nuxt/babel-preset-app',
+            {
+              corejs: { version: 3 }
+            }
+          ]
+        ]
+      }
+    }
+  }
+}
+```