@quasar/app-webpack/lib/modes/capacitor/capacitor-installation.js

Quasar Framework App CLI with Webpack

const fs = require('node:fs')
const fse = require('fs-extra')
const compileTemplate = require('lodash/template.js')
const { globSync } = require('tinyglobby')

const { log, warn } = require('../../utils/logger.js')
const { spawnSync } = require('../../utils/spawn.js')

const { ensureDeps, ensureConsistency } = require('./ensure-consistency.js')
const { isModeInstalled } = require('../modes-utils.js')

/**
 * @param {{
 *   ctx: import('../../../types/configuration/context').InternalQuasarContext,
 *   silent: boolean,
 *   target: "android" | 'ios' | undefined
 * }} options
 */
module.exports.addMode = async function addMode({
  ctx: {
    appPaths,
    cacheProxy,
    pkg: { appPkg }
  },
  silent,
  target
}) {
  if (isModeInstalled(appPaths, 'capacitor')) {
    if (target) {
      addPlatform(target, appPaths, cacheProxy)
    } else if (silent !== true) {
      warn('Capacitor support detected already. Aborting.')
    }

    return
  }

  const appName = appPkg.productName || appPkg.name || 'Quasar App'

  if (/^[0-9]/.test(appName)) {
    warn(
      'App product name cannot start with a number. ' +
        'Please change the "productName" prop in your /package.json then try again.'
    )
    return
  }

  console.log()

  const { default: inquirer } = await import('inquirer')
  const answer = await inquirer.prompt([
    {
      name: 'appId',
      type: 'input',
      message: 'What is the Capacitor app id?',
      default: 'org.capacitor.quasar.app',
      validate: appId => (appId ? true : 'Please fill in a value')
    }
  ])

  log('Creating Capacitor source folder...')

  // Create /src-capacitor from template
  fse.ensureDirSync(appPaths.capacitorDir)

  const nodePackager = cacheProxy.getModule('nodePackager')
  const scope = {
    appName,
    appId: answer.appId,
    pkg: appPkg,
    nodePackager: nodePackager.name
  }

  globSync(['**/*'], {
    cwd: appPaths.resolve.cli('templates/capacitor')
  }).forEach(filePath => {
    if (
      filePath.endsWith('pnpm-workspace.yaml') &&
      nodePackager.name !== 'pnpm'
    ) {
      return
    }

    const dest = appPaths.resolve.capacitor(filePath)
    const content = fs.readFileSync(
      appPaths.resolve.cli('templates/capacitor/' + filePath)
    )
    fse.ensureFileSync(dest)
    fs.writeFileSync(dest, compileTemplate(content)(scope), 'utf-8')
  })

  ensureDeps({ appPaths, cacheProxy })

  const { capBin } = cacheProxy.getModule('capCli')
  log('Initializing capacitor...')
  spawnSync(capBin, ['init', '--web-dir', 'www', scope.appName, scope.appId], {
    cwd: appPaths.capacitorDir
  })

  log('Capacitor support was added')

  if (!target) {
    console.log()
    console.log(
      ' No Capacitor platform has been added yet as these get installed on demand automatically when running "quasar dev" or "quasar build".'
    )
    log()
    return
  }

  addPlatform(target, appPaths, cacheProxy)
}

/**
 * @param {{
 *   ctx: import('../../../types/configuration/context').InternalQuasarContext,
 * }} options
 */
module.exports.removeMode = function removeMode({ ctx: { appPaths } }) {
  if (isModeInstalled(appPaths, 'capacitor') === false) {
    warn('No Capacitor support detected. Aborting.')
    return
  }

  log('Removing Capacitor folder')
  fse.removeSync(appPaths.capacitorDir)

  log('Capacitor support was removed')
}

function addPlatform(target, appPaths, cacheProxy) {
  ensureConsistency({ appPaths, cacheProxy })

  // if it has the platform
  if (fs.existsSync(appPaths.resolve.capacitor(target))) return

  const { capBin, capVersion } = cacheProxy.getModule('capCli')

  if (capVersion >= 3) {
    const nodePackager = cacheProxy.getModule('nodePackager')
    nodePackager.installPackage(`@capacitor/${target}@^${capVersion}.0.0`, {
      displayName: 'Capacitor platform',
      cwd: appPaths.capacitorDir
    })
  }

  log(`Adding Capacitor platform "${target}"`)
  spawnSync(capBin, ['add', target], { cwd: appPaths.capacitorDir })
}