boilerplate.js

/**
 * This file provides an `install` function that should install React Native,
 * copy over any folders and template files, and install any desired plugins.
 * 
 * It's a simpler version of the one found in https://github.com/infinitered/ignite-ir-boilerplate.
 * Refer to that one to see a more full featured example of what you can do.
 * 
 */

const REACT_NATIVE_VERSION = '0.47.2'

/**
 * Let's install.
 *
 * @param {any} context - The gluegun context. Docs: https://infinitered.github.io/gluegun/#/context-api.md
 */
async function install (context) {
  const APP_PATH = process.cwd()
  const PLUGIN_PATH = __dirname

  const {
    filesystem,
    parameters,
    ignite,
    reactNative,
    print,
    system
  } = context

  const name = parameters.third
  const spinner = print
    .spin(`using the ${print.colors.cyan('ssscassio')} boilerplate`)
    .succeed()

  // attempt to install React Native or die trying
  // this will also chdir into the new directory
  const rnInstall = await reactNative.install({ name, version: REACT_NATIVE_VERSION })
  if (rnInstall.exitCode > 0) { process.exit(rnInstall.exitCode) }

  // copy our App & Tests directories
  spinner.text = '▸ copying files'
  spinner.start()
  filesystem.copy(`${PLUGIN_PATH}/boilerplate/app`, `${APP_PATH}/app`, {
    overwrite: true
  })
  spinner.stop()

  // generate some templates
  spinner.text = '▸ generating files'
  spinner.start()
  const templates = [
    { template: 'index.js.ejs', target: 'index.ios.js' },
    { template: 'index.js.ejs', target: 'index.android.js' },
    { template: 'ignite/ignite.json', target: 'ignite/ignite.json' }
  ]
  await ignite.copyBatch(context, templates, { name: name }, {
    quiet: true,
    directory: `${PLUGIN_PATH}/boilerplate`
  })
  spinner.stop()

  // run npm install
  spinner.text = '▸ installing ignite dependencies'
  spinner.start()
  await system.run('npm i')
  spinner.stop()

  // react native link -- must use spawn & stdio: ignore or it hangs!! :(
  spinner.text = `▸ linking native libraries`
  spinner.start()
  await system.spawn('react-native link', { stdio: 'ignore' })
  spinner.stop()

  //Add Expo
    // install an NPM module
    await ignite.addModule('@expo/ex-navigation', { link: false, version: '^3.1.0' })
    await ignite.addModule('babel-preset-react-native-stage-0', { link: false, version: '^1.0.1' })
    
    const babelrcString = 
    `{
        "presets": ["react-native-stage-0/decorator-support"]
    }`;
      filesystem.write(`.babelrc`, babelrcString);

  // install any plugins, including ourselves if we have generators.
  // please note you should always do `stdio: 'inherit'` or it'll hang
  
  try {
    // pass along the debug flag if we're running in that mode
    const debugFlag = parameters.options.debug ? '--debug' : ''

    await system.spawn(`ignite add ${__dirname} ${debugFlag}`, { stdio: 'inherit' })

    // example of another plugin you could install
    // await system.spawn(`ignite add i18n ${debugFlag}`, { stdio: 'inherit' })
  } catch (e) {
    ignite.log(e)
    throw e
  }

  // initialize git
  const gitExists = await filesystem.exists('.git')
  if (!gitExists && !parameters.options['skip-git'] && system.which('git')) {
    spinner.text = 'setting up git'
    spinner.start()
    await system.run('git init . && git add . && git commit -m "Initial commit."')
    spinner.succeed()
  }

  // Wrap it up with our success message.
  print.info('')
  print.info('🍽 Installed!')
  print.info('')
  print.info(print.colors.yellow(`  cd ${name}`))
  print.info(print.colors.yellow('  react-native run-ios'))
  print.info(print.colors.yellow('  react-native run-android'))
  print.info('')
}

module.exports = { install }