ignite-boilerplate-andross-typescript/commands/container.js

Customized version of ignite Andross With TypeScript Support.

// @cliDescription  Generates a redux smart component.

const patterns = require('../lib/patterns')

module.exports = async function (context) {
  // grab some features
  const { parameters, strings, print, ignite, filesystem } = context
  const { pascalCase, isBlank } = strings
  const config = ignite.loadIgniteConfig()

  // validation
  if (isBlank(parameters.first)) {
    print.info(`${context.runtime.brand} generate container <name>\n`)
    print.info('A name is required.')
    return
  }

  const name = pascalCase(parameters.first)
  const props = { name }
  let jobs = [];
  if (parameters.second === "TopTabbed"){

    filesystem.copy(`${__dirname}/../templates/toptabbed/Components`, `${process.cwd()}/App/Components`, {
      overwrite: true
    })
    const jobs = [
      {
        template: 'toptabbed/Containers/ttlaunchscreen.ejs',
        target: `App/Containers/${name}.tsx`
      },
      {
        template: 'toptabbed/Containers/MainTabs/CallsScreen.tsx',
        target: `App/Containers/${name}Tabs/CallsScreen.tsx`
      },
      {
        template: 'toptabbed/Containers/MainTabs/ChatsScreen.tsx',
        target: `App/Containers/${name}Tabs/ChatsScreen.tsx`
      },
      {
        template: 'toptabbed/Containers/MainTabs/GroupsScreen.tsx',
        target: `App/Containers/${name}Tabs/GroupsScreen.tsx`
      }
    ]
    await ignite.copyBatch(context, jobs, props)

  } else if (parameters.second === "BottomTabbed"){
    filesystem.copy(`${__dirname}/../templates/tabbed/Components`, `${process.cwd()}/App/Components`, {
      overwrite: true
    })
    const jobs = [
      {
        template: 'tabbed/Containers/LaunchScreen.ejs',
        target: `App/Containers/${name}.tsx`
      },
      {
        template: 'tabbed/Containers/MainTabs/FifthTab.tsx',
        target: `App/Containers/${name}Tabs/FifthTab.tsx`
      },
      {
        template: 'tabbed/Containers/MainTabs/FirstTab.tsx',
        target: `App/Containers/${name}Tabs/FirstTab.tsx`
      },
      {
        template: 'tabbed/Containers/MainTabs/FourthTab.tsx',
        target: `App/Containers/${name}Tabs/FourthTab.tsx`
      },
      {
        template: 'tabbed/Containers/MainTabs/SecondTab.tsx',
        target: `App/Containers/${name}Tabs/SecondTab.tsx`
      },
      {
        template: 'tabbed/Containers/MainTabs/ThirdTab.tsx',
        target: `App/Containers/${name}Tabs/ThirdTab.tsx`
      }
    ]
    await ignite.copyBatch(context, jobs, props)
  } else if (parameters.second === "Drawer"){
    filesystem.copy(`${__dirname}/../templates/drawer/Components`, `${process.cwd()}/App/Components`, {
      overwrite: true
    })
    const jobs = [
      {
        template: 'drawer/Containers/LaunchScreen.ejs',
        target: `App/Containers/${name}.tsx`
      },
      {
        template: 'drawer/Containers/MainTabs/FifthTab.tsx',
        target: `App/Containers/${name}Tabs/FifthTab.tsx`
      },
      {
        template: 'drawer/Containers/MainTabs/FirstTab.tsx',
        target: `App/Containers/${name}Tabs/FirstTab.tsx`
      },
      {
        template: 'drawer/Containers/MainTabs/FourthTab.tsx',
        target: `App/Containers/${name}Tabs/FourthTab.tsx`
      },
      {
        template: 'drawer/Containers/MainTabs/SecondTab.tsx',
        target: `App/Containers/${name}Tabs/SecondTab.tsx`
      },
      {
        template: 'drawer/Containers/MainTabs/ThirdTab.tsx',
        target: `App/Containers/${name}Tabs/ThirdTab.tsx`
      }
    ]
    await ignite.copyBatch(context, jobs, props)
  } else if (name === "LoginScreen"){
    filesystem.copy(`${__dirname}/../templates/login/Components/LoginScreen`, `${process.cwd()}/App/Components/LoginScreen`, {
      overwrite: true
    })
    filesystem.copy(`${__dirname}/../templates/login/Redux/Login`, `${process.cwd()}/App/Redux/Login`, {
      overwrite: true
    })
    jobs = [
      {
        template: 'login/Containers/LoginScreen.tsx',
        target: `App/Containers/LoginScreen.tsx`
      },
      {
        template: 'login/Containers/Styles/LoginScreenStyles.tsx',
        target: `App/Containers/Styles/LoginScreenStyles.tsx`
      }
    ]
  } else if (name === "SmsLoginScreen"){
    filesystem.copy(`${__dirname}/../templates/smslogin/Components/LoginScreen`, `${process.cwd()}/App/Components/LoginScreen`, {
      overwrite: true
    })
    filesystem.copy(`${__dirname}/../templates/smslogin/Redux/Login`, `${process.cwd()}/App/Redux/Login`, {
      overwrite: true
    })
    jobs = [
      {
        template: 'smslogin/Containers/LoginScreen.tsx',
        target: `App/Containers/LoginScreen.tsx`
      },
      {
        template: 'smslogin/Containers/Styles/LoginScreenStyles.tsx',
        target: `App/Containers/Styles/LoginScreenStyles.tsx`
      }
    ]
  } else {
    jobs = [
      {
        template: 'container.ejs',
        target: `App/Containers/${name}.tsx`
      },
      {
        template: 'container-style.ejs',
        target: `App/Containers/Styles/${name}Style.tsx`
      }
    ]
  }


  await ignite.copyBatch(context, jobs, props)

  // if using `react-navigation` go the extra step
  // and insert the container into the nav router
  if (config.navigation === 'react-navigation') {
    const containerName = name
    const appNavFilePath = `${process.cwd()}/App/Navigation/AppNavigation.tsx`
    const importToAdd = `import ${containerName} from '../Containers/${containerName}'`
    const routeToAdd = `  ${containerName}: { screen: ${containerName} },`

    if (!filesystem.exists(appNavFilePath)) {
      const msg = `No '${appNavFilePath}' file found.  Can't insert container.`
      print.error(msg)
      process.exit(1)
    }

    // insert container import
    ignite.patchInFile(appNavFilePath, {
      after: patterns[patterns.constants.PATTERN_IMPORTS],
      insert: importToAdd
    })

    // insert container route
    ignite.patchInFile(appNavFilePath, {
      after: patterns[patterns.constants.PATTERN_ROUTES],
      insert: routeToAdd
    })
  } else {
    print.info('Container created, manually add it to your navigation')
  }
}