expeditaea 1.0.0

package/packages/webpack/src/plugins/vue/server.js

@@ -0,0 +1,71 @@
+import { validate, isJS, extractQueryPartJS } from './util'
+
+export default class VueSSRServerPlugin {
+  constructor (options = {}) {
+    this.options = Object.assign({
+      filename: null
+    }, options)
+  }
+
+  apply (compiler) {
+    validate(compiler)
+
+    compiler.hooks.emit.tapAsync('vue-server-plugin', (compilation, cb) => {
+      const stats = compilation.getStats().toJson()
+      const [entryName] = Object.keys(stats.entrypoints)
+      const entryInfo = stats.entrypoints[entryName]
+
+      if (!entryInfo) {
+        // #5553
+        return cb()
+      }
+
+      const entryAssets = entryInfo.assets.filter(isJS)
+
+      if (entryAssets.length > 1) {
+        throw new Error(
+          'Server-side bundle should have one single entry file. ' +
+          'Avoid using CommonsChunkPlugin in the server config.'
+        )
+      }
+
+      const [entry] = entryAssets
+      if (!entry || typeof entry !== 'string') {
+        throw new Error(
+          `Entry "${entryName}" not found. Did you specify the correct entry option?`
+        )
+      }
+
+      const bundle = {
+        entry,
+        files: {},
+        maps: {}
+      }
+
+      stats.assets.forEach((asset) => {
+        if (isJS(asset.name)) {
+          const queryPart = extractQueryPartJS(asset.name)
+          if (queryPart !== undefined) {
+            bundle.files[asset.name] = asset.name.replace(queryPart, '')
+          } else {
+            bundle.files[asset.name] = asset.name
+          }
+        } else if (asset.name.match(/\.js\.map$/)) {
+          bundle.maps[asset.name.replace(/\.map$/, '')] = asset.name
+        } else {
+          // Do not emit non-js assets for server
+          delete compilation.assets[asset.name]
+        }
+      })
+
+      const src = JSON.stringify(bundle, null, 2)
+
+      compilation.assets[this.options.filename] = {
+        source: () => src,
+        size: () => src.length
+      }
+
+      cb()
+    })
+  }
+}

package/packages/webpack/src/plugins/vue/util.js

@@ -0,0 +1,31 @@
+/**
+ * This file is based on Vue.js (MIT) webpack plugins
+ * https://github.com/vuejs/vue/blob/dev/src/server/webpack-plugin/util.js
+ */
+
+import consola from 'consola'
+
+export const validate = (compiler) => {
+  if (compiler.options.target !== 'node') {
+    consola.warn('webpack config `target` should be "node".')
+  }
+
+  if (compiler.options.output && compiler.options.output.libraryTarget !== 'commonjs2') {
+    consola.warn('webpack config `output.libraryTarget` should be "commonjs2".')
+  }
+
+  if (!compiler.options.externals) {
+    consola.info(
+      'It is recommended to externalize dependencies in the server build for ' +
+      'better build performance.'
+    )
+  }
+}
+
+const isJSRegExp = /\.js(\?[^.]+)?$/
+
+export const isJS = file => isJSRegExp.test(file)
+
+export const extractQueryPartJS = file => isJSRegExp.exec(file)[1]
+
+export const isCSS = file => /\.css(\?[^.]+)?$/.test(file)

package/packages/webpack/src/plugins/warning-ignore.js

@@ -0,0 +1,11 @@
+export default class WarningIgnorePlugin {
+  constructor (filter) {
+    this.filter = filter
+  }
+
+  apply (compiler) /* istanbul ignore next */ {
+    compiler.hooks.done.tap('warnfix-plugin', (stats) => {
+      stats.compilation.warnings = stats.compilation.warnings.filter(this.filter)
+    })
+  }
+}

package/packages/webpack/src/utils/async-mfs.js

@@ -0,0 +1,24 @@
+import MFS from 'memory-fs'
+export default class AsyncMFS extends MFS {}
+
+const syncRegex = /Sync$/
+
+const propsToPromisify = Object.getOwnPropertyNames(MFS.prototype).filter(n => syncRegex.test(n))
+
+for (const prop of propsToPromisify) {
+  const asyncProp = prop.replace(syncRegex, '')
+  const origAsync = AsyncMFS.prototype[asyncProp]
+
+  AsyncMFS.prototype[asyncProp] = function (...args) {
+    // Callback support for webpack
+    if (origAsync && args.length && typeof args[args.length - 1] === 'function') {
+      return origAsync.call(this, ...args)
+    }
+
+    try {
+      return Promise.resolve(MFS.prototype[prop].call(this, ...args))
+    } catch (error) {
+      return Promise.reject(error)
+    }
+  }
+}

package/packages/webpack/src/utils/index.js

@@ -0,0 +1,3 @@
+export { default as PerfLoader } from './perf-loader'
+export { default as StyleLoader } from './style-loader'
+export { reservedVueTags } from './reserved-tags'

package/packages/webpack/src/utils/perf-loader.js

@@ -0,0 +1,66 @@
+import path from 'path'
+
+import { warmup } from 'thread-loader'
+
+// https://github.com/webpack-contrib/thread-loader
+// https://github.com/webpack-contrib/cache-loader
+
+export default class PerfLoader {
+  constructor (name, buildContext, { resolveModule }) {
+    this.name = name
+    this.buildContext = buildContext
+    this.workerPools = PerfLoader.defaultPools({ dev: buildContext.options.dev })
+    this.resolveModule = resolveModule
+    return new Proxy(this, {
+      get (target, name) {
+        return target[name] ? target[name] : target.use.bind(target, name)
+      }
+    })
+  }
+
+  static defaultPools ({ dev }) {
+    const poolTimeout = dev ? Infinity : 2000
+    return {
+      js: { name: 'js', poolTimeout },
+      css: { name: 'css', poolTimeout }
+    }
+  }
+
+  static warmupAll ({ dev, resolveModule }) {
+    const pools = PerfLoader.defaultPools({ dev })
+    PerfLoader.warmup(pools.js, [
+      resolveModule('babel-loader'),
+      resolveModule('@babel/preset-env')
+    ])
+    PerfLoader.warmup(pools.css, [resolveModule('css-loader')])
+  }
+
+  static warmup (...args) {
+    warmup(...args)
+  }
+
+  use (poolName) {
+    const loaders = []
+
+    if (this.buildContext.buildOptions.cache) {
+      loaders.push({
+        loader: this.resolveModule('cache-loader'),
+        options: {
+          cacheDirectory: path.resolve(`node_modules/.cache/cache-loader/${this.name}`)
+        }
+      })
+    }
+
+    if (this.buildContext.buildOptions.parallel) {
+      const pool = this.workerPools[poolName]
+      if (pool) {
+        loaders.push({
+          loader: this.resolveModule('thread-loader'),
+          options: pool
+        })
+      }
+    }
+
+    return loaders
+  }
+}

package/packages/webpack/src/utils/postcss-v8.js

@@ -0,0 +1,208 @@
+import fs from 'fs'
+import path from 'path'
+import consola from 'consola'
+import { defaults, merge, cloneDeep } from 'lodash'
+import createResolver from 'postcss-import-resolver'
+
+import { isPureObject } from '@nuxt/utils'
+
+export const orderPresets = {
+  cssnanoLast (names) {
+    const nanoIndex = names.indexOf('cssnano')
+    if (nanoIndex !== names.length - 1) {
+      names.push(names.splice(nanoIndex, 1)[0])
+    }
+    return names
+  },
+  presetEnvLast (names) {
+    const nanoIndex = names.indexOf('postcss-preset-env')
+    if (nanoIndex !== names.length - 1) {
+      names.push(names.splice(nanoIndex, 1)[0])
+    }
+    return names
+  },
+  presetEnvAndCssnanoLast (names) {
+    return orderPresets.cssnanoLast(orderPresets.presetEnvLast(names))
+  }
+}
+
+function postcssConfigFileWarning () {
+  if (postcssConfigFileWarning.executed) {
+    return
+  }
+  consola.warn('Please use `build.postcss` in your nuxt.config.js instead of an external config file. Support for such files will be removed in Nuxt 3 as they remove all defaults set by Nuxt and can cause severe problems with features like alias resolving inside your CSS.')
+  postcssConfigFileWarning.executed = true
+}
+
+export default class PostcssConfig {
+  constructor (buildContext) {
+    this.buildContext = buildContext
+  }
+
+  get cssSourceMap () {
+    return this.buildContext.buildOptions.cssSourceMap
+  }
+
+  get postcssOptions () {
+    return this.buildContext.buildOptions.postcss
+  }
+
+  get postcssImportAlias () {
+    const alias = { ...this.buildContext.options.alias }
+
+    for (const key in alias) {
+      if (key.startsWith('~')) {
+        continue
+      }
+      const newKey = '~' + key
+      if (!alias[newKey]) {
+        alias[newKey] = alias[key]
+      }
+    }
+
+    return alias
+  }
+
+  get defaultPostcssOptions () {
+    const { dev, srcDir, rootDir, modulesDir } = this.buildContext.options
+    return {
+      plugins: {
+        // https://github.com/postcss/postcss-import
+        'postcss-import': {
+          resolve: createResolver({
+            alias: this.postcssImportAlias,
+            modules: [srcDir, rootDir, ...modulesDir]
+          })
+        },
+
+        // https://github.com/postcss/postcss-url
+        'postcss-url': {},
+
+        // https://github.com/csstools/postcss-preset-env
+        // TODO: enable when https://github.com/csstools/postcss-preset-env/issues/191 gets closed
+        // 'postcss-preset-env': this.preset || {},
+        cssnano: dev
+          ? false
+          : {
+            preset: ['default', {
+              // Keep quotes in font values to prevent from HEX conversion
+              // https://github.com/nuxt/nuxt.js/issues/6306
+              minifyFontValues: { removeQuotes: false }
+            }]
+          }
+      },
+      // Array, String or Function
+      order: 'presetEnvAndCssnanoLast'
+    }
+  }
+
+  searchConfigFile () {
+    // Search for postCSS config file and use it if exists
+    // https://github.com/michael-ciniawsky/postcss-load-config
+    // TODO: Remove in Nuxt 3
+    const { srcDir, rootDir } = this.buildContext.options
+    for (const dir of [srcDir, rootDir]) {
+      for (const file of [
+        'postcss.config.js',
+        '.postcssrc.js',
+        '.postcssrc',
+        '.postcssrc.json',
+        '.postcssrc.yaml'
+      ]) {
+        const configFile = path.resolve(dir, file)
+        if (fs.existsSync(configFile)) {
+          postcssConfigFileWarning()
+          return configFile
+        }
+      }
+    }
+  }
+
+  configFromFile () {
+    const loaderConfig = (this.postcssOptions && this.postcssOptions.config) || {}
+    loaderConfig.path = loaderConfig.path || this.searchConfigFile()
+
+    if (loaderConfig.path) {
+      return {
+        config: loaderConfig
+      }
+    }
+  }
+
+  normalize (postcssOptions) {
+    // TODO: Remove in Nuxt 3
+    if (Array.isArray(postcssOptions)) {
+      consola.warn('Using an Array as `build.postcss` will be deprecated in Nuxt 3. Please switch to the object' +
+        ' declaration')
+      postcssOptions = { plugins: postcssOptions }
+    }
+    return postcssOptions
+  }
+
+  sortPlugins ({ plugins, order }) {
+    const names = Object.keys(plugins)
+    if (typeof order === 'string') {
+      order = orderPresets[order]
+    }
+    return typeof order === 'function' ? order(names, orderPresets) : (order || names)
+  }
+
+  loadPlugins (postcssOptions) {
+    const { plugins } = postcssOptions
+    if (isPureObject(plugins)) {
+      // Map postcss plugins into instances on object mode once
+      postcssOptions.plugins = this.sortPlugins(postcssOptions)
+        .map((p) => {
+          const plugin = this.buildContext.nuxt.resolver.requireModule(p, { paths: [__dirname] })
+          const opts = plugins[p]
+          if (opts === false) {
+            return false // Disabled
+          }
+          return plugin(opts)
+        })
+        .filter(Boolean)
+    }
+  }
+
+  config () {
+    /* istanbul ignore if */
+    if (!this.postcssOptions) {
+      return false
+    }
+
+    let postcssOptions = this.configFromFile()
+    if (postcssOptions) {
+      return {
+        postcssOptions,
+        sourceMap: this.cssSourceMap
+      }
+    }
+
+    postcssOptions = this.normalize(cloneDeep(this.postcssOptions))
+
+    // Apply default plugins
+    if (isPureObject(postcssOptions)) {
+      if (postcssOptions.preset) {
+        this.preset = postcssOptions.preset
+        delete postcssOptions.preset
+      }
+      if (Array.isArray(postcssOptions.plugins)) {
+        defaults(postcssOptions, this.defaultPostcssOptions)
+      } else {
+        // Keep the order of default plugins
+        postcssOptions = merge({}, this.defaultPostcssOptions, postcssOptions)
+        this.loadPlugins(postcssOptions)
+      }
+
+      const { execute } = postcssOptions
+      delete postcssOptions.execute
+      delete postcssOptions.order
+
+      return {
+        execute,
+        postcssOptions,
+        sourceMap: this.cssSourceMap
+      }
+    }
+  }
+}

package/packages/webpack/src/utils/postcss.js

@@ -0,0 +1,193 @@
+import fs from 'fs'
+import path from 'path'
+import consola from 'consola'
+import { defaults, merge, cloneDeep } from 'lodash'
+import createResolver from 'postcss-import-resolver'
+
+import { isPureObject } from '@nuxt/utils'
+
+export const orderPresets = {
+  cssnanoLast (names) {
+    const nanoIndex = names.indexOf('cssnano')
+    if (nanoIndex !== names.length - 1) {
+      names.push(names.splice(nanoIndex, 1)[0])
+    }
+    return names
+  },
+  presetEnvLast (names) {
+    const nanoIndex = names.indexOf('postcss-preset-env')
+    if (nanoIndex !== names.length - 1) {
+      names.push(names.splice(nanoIndex, 1)[0])
+    }
+    return names
+  },
+  presetEnvAndCssnanoLast (names) {
+    return orderPresets.cssnanoLast(orderPresets.presetEnvLast(names))
+  }
+}
+
+function postcssConfigFileWarning () {
+  if (postcssConfigFileWarning.executed) {
+    return
+  }
+  consola.warn('Please use `build.postcss` in your nuxt.config.js instead of an external config file. Support for such files will be removed in Nuxt 3 as they remove all defaults set by Nuxt and can cause severe problems with features like alias resolving inside your CSS.')
+  postcssConfigFileWarning.executed = true
+}
+
+export default class PostcssConfig {
+  constructor (buildContext) {
+    this.buildContext = buildContext
+  }
+
+  get postcssOptions () {
+    return this.buildContext.buildOptions.postcss
+  }
+
+  get postcssImportAlias () {
+    const alias = { ...this.buildContext.options.alias }
+
+    for (const key in alias) {
+      if (key.startsWith('~')) {
+        continue
+      }
+      const newKey = '~' + key
+      if (!alias[newKey]) {
+        alias[newKey] = alias[key]
+      }
+    }
+
+    return alias
+  }
+
+  get defaultConfig () {
+    const { dev, srcDir, rootDir, modulesDir } = this.buildContext.options
+    return {
+      sourceMap: this.buildContext.buildOptions.cssSourceMap,
+      plugins: {
+        // https://github.com/postcss/postcss-import
+        'postcss-import': {
+          resolve: createResolver({
+            alias: this.postcssImportAlias,
+            modules: [srcDir, rootDir, ...modulesDir]
+          })
+        },
+
+        // https://github.com/postcss/postcss-url
+        'postcss-url': {},
+
+        // https://github.com/csstools/postcss-preset-env
+        'postcss-preset-env': this.preset || {},
+        cssnano: dev
+          ? false
+          : {
+            preset: ['default', {
+              // Keep quotes in font values to prevent from HEX conversion
+              // https://github.com/nuxt/nuxt.js/issues/6306
+              minifyFontValues: { removeQuotes: false }
+            }]
+          }
+      },
+      // Array, String or Function
+      order: 'presetEnvAndCssnanoLast'
+    }
+  }
+
+  searchConfigFile () {
+    // Search for postCSS config file and use it if exists
+    // https://github.com/michael-ciniawsky/postcss-load-config
+    // TODO: Remove in Nuxt 3
+    const { srcDir, rootDir } = this.buildContext.options
+    for (const dir of [srcDir, rootDir]) {
+      for (const file of [
+        'postcss.config.js',
+        '.postcssrc.js',
+        '.postcssrc',
+        '.postcssrc.json',
+        '.postcssrc.yaml'
+      ]) {
+        const configFile = path.resolve(dir, file)
+        if (fs.existsSync(configFile)) {
+          postcssConfigFileWarning()
+          return configFile
+        }
+      }
+    }
+  }
+
+  configFromFile () {
+    const loaderConfig = (this.postcssOptions && this.postcssOptions.config) || {}
+    loaderConfig.path = loaderConfig.path || this.searchConfigFile()
+
+    if (loaderConfig.path) {
+      return {
+        sourceMap: this.buildContext.buildOptions.cssSourceMap,
+        config: loaderConfig
+      }
+    }
+  }
+
+  normalize (config) {
+    // TODO: Remove in Nuxt 3
+    if (Array.isArray(config)) {
+      consola.warn('Using an Array as `build.postcss` will be deprecated in Nuxt 3. Please switch to the object' +
+        ' declaration')
+      config = { plugins: config }
+    }
+    return config
+  }
+
+  sortPlugins ({ plugins, order }) {
+    const names = Object.keys(plugins)
+    if (typeof order === 'string') {
+      order = orderPresets[order]
+    }
+    return typeof order === 'function' ? order(names, orderPresets) : (order || names)
+  }
+
+  loadPlugins (config) {
+    const { plugins } = config
+    if (isPureObject(plugins)) {
+      // Map postcss plugins into instances on object mode once
+      config.plugins = this.sortPlugins(config)
+        .map((p) => {
+          const plugin = this.buildContext.nuxt.resolver.requireModule(p, { paths: [__dirname] })
+          const opts = plugins[p]
+          if (opts === false) {
+            return false // Disabled
+          }
+          return plugin(opts)
+        })
+        .filter(Boolean)
+    }
+  }
+
+  config () {
+    /* istanbul ignore if */
+    if (!this.postcssOptions) {
+      return false
+    }
+
+    let config = this.configFromFile()
+    if (config) {
+      return config
+    }
+
+    config = this.normalize(cloneDeep(this.postcssOptions))
+
+    // Apply default plugins
+    if (isPureObject(config)) {
+      if (config.preset) {
+        this.preset = config.preset
+        delete config.preset
+      }
+      if (Array.isArray(config.plugins)) {
+        defaults(config, this.defaultConfig)
+      } else {
+        // Keep the order of default plugins
+        config = merge({}, this.defaultConfig, config)
+        this.loadPlugins(config)
+      }
+      return config
+    }
+  }
+}

package/packages/webpack/src/utils/reserved-tags.js

@@ -0,0 +1,23 @@
+export const reservedVueTags = [
+  // HTML tags
+  'html', 'body', 'base', 'head', 'link', 'meta', 'style', 'title', 'address',
+  'article', 'aside', 'footer', 'header', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
+  'hgroup', 'nav', 'section', 'div', 'dd', 'dl', 'dt', 'figcaption', 'figure',
+  'picture', 'hr', 'img', 'li', 'main', 'ol', 'p', 'pre', 'ul', 'a', 'b', 'abbr',
+  'bdi', 'bdo', 'br', 'cite', 'code', 'data', 'dfn', 'em', 'i', 'kbd', 'mark',
+  'q', 'rp', 'rt', 'rtc', 'ruby', 's', 'samp', 'small', 'span', 'strong', 'sub',
+  'sup', 'time', 'u', 'var', 'wbr', 'area', 'audio', 'map', 'track', 'video',
+  'embed', 'object', 'param', 'source', 'canvas', 'script', 'noscript', 'del',
+  'ins', 'caption', 'col', 'colgroup', 'table', 'thead', 'tbody', 'td', 'th', 'tr',
+  'button', 'datalist', 'fieldset', 'form', 'input', 'label', 'legend', 'meter',
+  'optgroup', 'option', 'output', 'progress', 'select', 'textarea', 'details',
+  'dialog', 'menu', 'menuitem', 'summary', 'content', 'element', 'shadow', 'template',
+  'blockquote', 'iframe', 'tfoot',
+  // SVG tags
+  'svg', 'animate', 'circle', 'clippath', 'cursor', 'defs', 'desc', 'ellipse', 'filter',
+  'font-face', 'foreignObject', 'g', 'glyph', 'image', 'line', 'marker', 'mask',
+  'missing-glyph', 'path', 'pattern', 'polygon', 'polyline', 'rect', 'switch', 'symbol',
+  'text', 'textpath', 'tspan', 'use', 'view',
+  // Vue built-in tags
+  'slot', 'component'
+]