fliphub/src/core/Run.js

the builder of builders

const log = require('fliplog')
const flipport = require('flipport')

// https://sungwoncho.io/run-multiple-apps-in-one-droplet/
// http://serverfault.com/questions/208656/routing-to-various-node-js-servers-on-same-machine

class Server {
  // devServer: {
  //   contentBase: path.join(__dirname, "dev"),
  //   compress: true,
  //   port: 9000
  // }
}

class StaticServer {
  handle() {
    function basicDevServer() {
      const express = require('express')
      const server = express()

      function listen(port = 3333) {
        server.listen(server.get('port') || port, (error) => {
          if (error) console.log(error)
          console.log(`http://localhost:${server.get('port')}/`)
        })
      }

      const set = (name = 'port', port = 3454) => {
        server.set(name, port)
        return server
      }

      return {express, server, listen, set}
    }

    function staticDevServer(config) {
      const {express, server, listen} = basicDevServer()
      server.use('/', express.static(config.dist))
      return server
    }

    staticDevServer({dist: 'outputhere'}).listen(3454)
  }
}

class DevServer {
  webpackDevMiddleware(config) {
    const webpack = require('webpack')
    const devMiddleware = require('webpack-dev-middleware')

    const compiler = webpack(config)
    return devMiddleware(compiler, {
      // It suppress error shown in console, so it has to be set to false.
      quiet: false,
      // It suppress everything except error, so it has to be set to false as well
      // to see success build.
      noInfo: false,
      stats: {
        // Config for minimal console.log mess.
        assets: true,
        color: true,
        colors: true,
        version: true,
        hash: true,
        timings: true,
        chunks: true,
        chunkModules: false,
      },
      publicPath: config.output.publicPath,
    })
  }

  server(config, context) {
    const express = require('express')
    const historyAPIFallback = require('connect-history-api-fallback')

    // log
    //   .emoji('run')
    //   .color('green.italic')
    //   .text('running dev servers')
    //   .echo(false)

    return flipport(3000).then(port => {
      const server = express()
      server.set('port', port)
      server.use(historyAPIFallback())
      server.use(this.webpackDevMiddleware(config))
      // context.ops.server.middleware.forEach(middleware => server.use(middleware))

      // const {text} = log
      //   .color('bold.green')
      //   .text(`http://localhost:${server.get('port')}/`)
      //   .return()
      const text = `http://localhost:${server.get('port')}/`

      log
        // .emoji('serve')
        .color('green.underline')
        .addSpinner(text + port, text)

      const listening = server.listen(server.get('port'), (error) => {
        if (error) log.catch(error)

        return Promise.resolve({log, port, server, config})
      })

      return listening
    })
  }

  start(config, context) { return this.server(config, context) }
}


class Runner {
  constructor() {
    this.staticServer = new StaticServer()
    this.devServer = new DevServer()
  }
  handle(config, context) {
    const instance = this.devServer.start(config, context)
    return instance
    // process._exit('runner fusebox')
  }
}

module.exports = Runner