@quasar/app-webpack/lib/loaders/loader.vue.auto-import-quasar.js

Quasar Framework App CLI with Webpack

const hash = require('hash-sum')

const autoImportRuntimePath = require.resolve('./runtime.auto-import.js')
const injectModuleIdRuntimePath = require.resolve('./runtime.inject-module-id.js')

function transform (itemArray, importTransformation) {
  return itemArray
    .map(name => `import ${ name } from '${ importTransformation(name) }';`)
    .join('\n')
}

function extract (content, ctx, { autoImportComponentCase, autoImportData, compRegex, dirRegex, importTransformation }) {
  let comp = content.match(compRegex[ autoImportComponentCase ])
  let dir = content.match(dirRegex)

  if (comp === null && dir === null) return

  let importStatements = ''
  let installStatements = ''

  if (comp !== null) {
    // avoid duplicates
    comp = Array.from(new Set(comp))

    // map comp names only if not pascal-case already
    if (autoImportComponentCase !== 'pascal') {
      comp = comp.map(name => autoImportData.importName[ name ])
    }

    if (autoImportComponentCase === 'combined') {
      // could have been transformed QIcon and q-icon too,
      // so avoid duplicates
      comp = Array.from(new Set(comp))
    }

    importStatements += transform(comp, importTransformation)
    installStatements += `qInstall(script, 'components', {${ comp.join(',') }});`
  }

  if (dir !== null) {
    dir = Array.from(new Set(dir))
      .map(name => autoImportData.importName[ name ])

    importStatements += transform(dir, importTransformation)
    installStatements += `qInstall(script, 'directives', {${ dir.join(',') }});`
  }

  const from = JSON.stringify(ctx.utils.contextify(ctx.context, autoImportRuntimePath))

  // stringifyRequest needed so it doesn't
  // messes up consistency of hashes between builds
  return `
${ importStatements }
import qInstall from ${ from };
${ installStatements }
`
}

function getModuleIdentifierCode (ctx) {
  const id = hash(ctx.request)
  const from = JSON.stringify(ctx.utils.contextify(ctx.context, injectModuleIdRuntimePath))

  return `
import qInject from ${ from };
qInject(script, '${ id }');
`
}

module.exports = function (content, map) {
  let newContent = content

  if (!this.resourceQuery) {
    const opts = this.getOptions()

    if (opts.isServerBuild === true) {
      newContent = content + getModuleIdentifierCode(this)
    }
    else {
      const file = this.fs.readFileSync(this.resource, 'utf-8').toString()
      const code = extract(file, this, opts)

      if (code !== void 0) {
        const index = this.mode === 'development'
          ? content.indexOf('/* hot reload */')
          : -1

        newContent = index === -1
          ? content + code
          : content.slice(0, index) + code + content.slice(index)
      }
    }
  }

  return this.callback(null, newContent, map)
}