@ciffi-js/builder/task/Build.js

Builder for ciffi js webbpack project

const chalk = require('chalk')
const fileExists = require('file-exists')
const spawnCommand = require('spawn-command')
const { exec } = require('child_process')
const path = require('path')
const ConfigFile = path.join(process.cwd(), '.ciffisettings')
const Assets = require('./Assets')
const Config = require('./Config')
const build = require('./Webpack')

const Errors = {
  build: new Error('🏗  frontend build error!!')
}

class Build {
  constructor(env, withServer) {
    if (fileExists.sync(ConfigFile)) {
      this.config = require(ConfigFile)
      this.env = env
      this.withServer = withServer
      this.init()
    } else {
      console.error(
        chalk.red.bold('☠️ Project build failed:') +
        ' ' +
        chalk.blue("can't find .ciffisettings file ☠️")
      )
      console.error(Errors.build.message)
      console.error('')
      return process.exit(1)
    }
  }
  
  init() {
    this.assetPath =
      process.platform === 'win32'
        ? this.config.build.path.replace(/\//g, '\\')
        : this.config.build.path
    const assetPathName = this.config.build.srcPathName
    const autoprefixerConfig =
      this.config.general.autoprefixer || 'last 12 versions'
    const concat = ' && '
    const cleanDist =
      process.platform === 'win32'
        ? 'rd / s / q ' + this.assetPath
        : 'rm -rf ' + this.assetPath + '/*'
    const css = `${path.join('node_modules', '.bin', 'node-sass')} ${path.join(
      assetPathName,
      'styles',
      'main.scss'
    )} ${path.join(this.assetPath, this.config.general.stylesOutputName)}`
    const autoprefixer = `${path.join(
      'node_modules',
      '.bin',
      'postcss'
    )} --use autoprefixer --autoprefixer.browsers "${autoprefixerConfig}" -o ${path.join(
      this.assetPath,
      this.config.general.stylesOutputName
    )} ${path.join(this.assetPath, this.config.general.stylesOutputName)}`
    const cleancss = `${path.join(
      'node_modules',
      '.bin',
      'cleancss'
    )} -o ${path.join(
      this.assetPath,
      this.config.general.stylesOutputName
    )} ${path.join(this.assetPath, this.config.general.stylesOutputName)}`
    const styles = css + concat + autoprefixer + concat + cleancss
    
    const bundlerJs = {
      webpack: `NODE_ENV=production node ${path.join(
        'node_modules',
        '@ciffi-js',
        'builder',
        'task',
        'Webpack.js'
      )}`,
      parcel: `${path.join('node_modules', '.bin', 'parcel')} build ${path.join(
        assetPathName,
        'scripts',
        'main.js'
      )} -d ${this.assetPath} --public-url ${this.assetPath} --no-source-maps`
    }
    
    const js = bundlerJs[this.config.general.bundle]
    
    new Config(this.env, () => {
      let spawnProcess
      
      if (this.config.general.useNodeSass === false) {
        return exec(cleanDist, () => {
          this.buildJS()
        })
      } else {
        spawnProcess = spawnCommand(cleanDist + concat + styles)
      }
      
      spawnProcess.stdout.on('data', res => {
        if (
          res.indexOf('ERROR in') >= 0 ||
          res.indexOf('Error:') >= 0 ||
          res.indexOf('error ') >= 0 ||
          res.indexOf('Errors:') >= 0
        ) {
          console.error(new Error(res))
          return process.exit(1)
        } else if (
          res.indexOf('Built at: ') >= 0 ||
          res.indexOf('Built in ') >= 0 ||
          res.indexOf('.css') > 0 ||
          res.indexOf('CSS') > 0
        ) {
          console.log('🏗' + chalk.blue(res))
        }
      })
      
      spawnProcess.stderr.on('data', res => {
        if (
          res.indexOf('ERROR in') >= 0 ||
          res.indexOf('Error:') >= 0 ||
          res.indexOf('error ') >= 0 ||
          res.indexOf('Errors:') >= 0
        ) {
          console.error(new Error(res))
          return process.exit(1)
        }
      })
      
      spawnProcess.on('close', res => {
        if (res === 0) {
          this.buildJS()
        } else if (res === null) {
          console.error(new Error(res))
          return process.exit(1)
        }
      })
    })
  }
  
  buildJS() {
    build(res => {
      console.log('🏗' + chalk.blue(res) + '\n')
      
      console.log(
        chalk.blue('🏗  Project build for ') +
        this.env +
        chalk.blue(' in ') +
        this.assetPath +
        ' ' +
        chalk.green.bold(' OK') +
        '\n'
      )
      
      new Assets(() => {
        if (this.withServer) {
          require('@ciffi-js/dev-server')
        }
      })
    })
  }
}

module.exports = Build