config-ymal-react-angular/src/configs/fef.js

A CLI to help generate a YMAL for deploying React and Angular App

const path = require('path');
const fs = require('fs');
const inquirer = require('inquirer');

const baseConfig = {
  builds: [
    {
      src: 'package.json',
      use: '@now/static-build',
      config: { distDir: 'build' },
    },
  ],
  routes: [
    { handle: 'filesystem' },
    { src: '/.*', dest: 'index.html' },
  ],
};

async function fef(config, defaultBuild = 'dist') {
  let packageJSON;
  let packageJSONPath;
  let buildScript = '';
  try {
    packageJSONPath = path.join(process.cwd(), 'package.json');
    // eslint-disable-next-line
    packageJSON = require(packageJSONPath);
    buildScript = (packageJSON.scripts || {})['build'] || 'npm run build';
  } catch (error) {
    console.error('package.json does not exist!');
    process.exit(1);
  }
  const answers = await inquirer
    .prompt([
      {
        type: 'text',
        name: 'directory',
        message: 'What is the build directory?',
        default: defaultBuild,
      },
      {
        type: 'confirm',
        name: 'addBuildScript',
        message: 'Do you want to add/update a "build" script in your package.json?',
        default: true,
      },
      {
        type: 'text',
        name: 'buildScript',
        message: 'What is the build command?',
        default: buildScript,
        when: a => a.addBuildScript,
      },
    ]);

  if (answers.addBuildScript) {
    packageJSON.scripts = packageJSON.scripts || {};
    packageJSON.scripts['build'] = answers.buildScript;
    fs.writeFileSync(packageJSONPath, JSON.stringify(packageJSON, null, 2), 'utf8');
  }
  baseConfig.builds[0].config.distDir = answers.directory;
  return {
    ...config,
    ...baseConfig,
  };
}

module.exports = fef;