@quasar/app-vite/lib/cmd/inspect.js

Quasar Framework App CLI with Vite

import parseArgs from 'minimist'

const argv = parseArgs(process.argv.slice(2), {
  alias: {
    c: 'cmd',
    m: 'mode',

    d: 'depth',
    p: 'node:path',

    t: 'thread',

    h: 'help'
  },
  boolean: [ 'h' ],
  string: [ 'c', 'm', 'p', 't' ],
  default: {
    c: 'dev',
    m: 'spa',
    d: 2
  }
})

if (argv.help) {
  console.log(`
  Description
    Inspect Quasar generated Vite config

  Usage
    $ quasar inspect
    $ quasar inspect -c build
    $ quasar inspect -m electron -p 'build.outDir'

  Options
    --cmd, -c        Quasar command [dev|build] (default: dev)
    --mode, -m       App mode [spa|ssr|pwa|bex|cordova|capacitor|electron] (default: spa)
    --depth, -d      Number of levels deep (default: 2)
    --path, -p       Path of config in dot notation
                        Examples:
                          -p module.rules
                          -p plugins
    --thread, -t     Display only one specific app mode config thread
    --help, -h       Displays this message
  `)
  process.exit(0)
}

import { ensureArgv } from '../utils/ensure-argv.js'
ensureArgv(argv, 'inspect')

import { getCtx } from '../utils/get-ctx.js'
const ctx = getCtx({
  mode: argv.mode,
  target: argv.mode === 'cordova' || argv.mode === 'capacitor'
    ? 'android'
    : (argv.mode === 'bex' ? 'chrome' : void 0),
  debug: argv.debug,
  dev: argv.cmd === 'dev',
  prod: argv.cmd === 'build'
})

import { displayBanner } from '../utils/banner.js'
await displayBanner({ argv, ctx, cmd: argv.cmd })

import { log, fatal } from '../utils/logger.js'

import { isModeInstalled } from '../modes/modes-utils.js'

if (isModeInstalled(ctx.appPaths, argv.mode) !== true) {
  fatal('Requested mode for inspection is NOT installed.')
}

const depth = parseInt(argv.depth, 10) || Infinity

import { QuasarConfigFile } from '../quasar-config-file.js'
const quasarConfFile = new QuasarConfigFile({
  ctx,
  port: argv.port,
  host: argv.hostname
})

await quasarConfFile.init()

const quasarConf = await quasarConfFile.read()

const { modeConfig } = await import(`../modes/${ argv.mode }/${ argv.mode }-config.js`)

const cfgEntries = []
let threadList = Object.keys(modeConfig)

if (argv.thread) {
  if (threadList.includes(argv.thread) === false) {
    fatal('Requested thread for inspection is NOT available for selected mode.')
  }

  threadList = [ argv.thread ]
}

for (const name of threadList) {
  cfgEntries.push({
    name,
    object: await modeConfig[ name ](quasarConf)
  })
}

if (argv.path) {
  const { getProperty } = await import('dot-prop')
  cfgEntries.forEach(cfgEntry => {
    cfgEntry.object = getProperty(cfgEntry.object, argv.path)
  })
}

import util from 'node:util'

cfgEntries.forEach(cfgEntry => {
  const tool = cfgEntry.object.configFile !== void 0
    ? 'Vite'
    : 'esbuild'

  console.log()
  log(`Showing "${ cfgEntry.name }" config (for ${ tool }) with depth of ${ depth }`)
  console.log()
  console.log(
    util.inspect(cfgEntry.object, {
      showHidden: true,
      depth,
      colors: true,
      compact: false
    })
  )
})

console.log(`\n  Depth used: ${ depth }. You can change it with "-d" / "--depth" parameter.\n`)