guvnor/lib/web/moonboots.js

A node process manager that isn't spanners all the way down

var path = require('path')
var stylizer = require('stylizer')
var templatizer = require('templatizer-hbs')

// for reuse
var appDir = path.resolve(__dirname + '/../../web/client')
var cssDir = path.resolve(__dirname + '/../../web/public/css')
var javascriptDir = path.resolve(__dirname + '/../../web/public/javascript')
var templateDir = path.resolve(__dirname + '/../../web/templates')

module.exports = function (config) {
  return {
    // Tell the Hapi server what URLs the application should be served from.
    // Since we're doing clientside routing we want to serve this from some type
    // of wildcard url.
    // examples:
    //     '/{p*}' - match everything that isn't matched by something more specific
    //     '/dashboard/{p*}' - serve the app at all routes starting with '/dashboard'
    appPath: '/{p*}',
    appConfig: {
      auth: 'simple'
    },

    // The moonboots config
    moonboots: {
      // The base name of the javascript file served in the <script src="the_name.*.js">
      jsFileName: 'guvnor-web',
      // The base name of the css file served in the <link rel="stylesheet" src="the_name.*.css">
      cssFileName: 'guvnor-web',
      main: appDir + '/app.js',
      developmentMode: config.isDev,
      // Specify any non-commonjs libraries we wish to include.
      // You can think of this as your list of <script> tags in your HTML.
      // These will simply be included before any of your application code in the
      // order you provide them. So for example, if you're using jQuery make sure
      // you list any plugins after jQuery itself.
      libraries: [
        javascriptDir + '/jquery/jquery-1.11.1' + (config.isDev ? '.src' : '') + '.js',
        javascriptDir + '/bootstrap/bootstrap-3.3.1' + (config.isDev ? '.src' : '') + '.js',
        javascriptDir + '/highcharts/highcharts' + (config.isDev ? '.src' : '') + '.js',
        javascriptDir + '/highcharts/highcharts-more' + (config.isDev ? '.src' : '') + '.js',
        javascriptDir + '/highcharts/modules/solid-gauge' + (config.isDev ? '.src' : '') + '.js'
      ],
      // Specify the stylesheets we want to bundle
      stylesheets: [
        cssDir + '/darkstrap.css',
        cssDir + '/font-awesome.css',
        cssDir + '/font-mfizz.css',
        cssDir + '/app.css'
      ],
      beforeBuildJS: function (done) {
        // We only want to do this in dev mode. If it's not in dev mode, this
        // function will only be run once.
        if (!config.isDev) {
          return done()
        }

        // This re-builds our template files from jade each time the app's main
        // js file is requested. Which means you can seamlessly change jade and
        // refresh in your browser to get new templates.
        templatizer(templateDir + '/**/*.hbs', appDir + '/templates.js', {
          uglify: true
        }, done)
      },
      beforeBuildCSS: function (done) {
        // We only want to do this in dev mode. If it's not in dev mode, this
        // function will only be run once.
        if (!config.isDev) {
          return done()
        }
        // Re-compile stylus to css each time the app's main css file is requested.
        // In addition there's a "watch" option that will make stylizer also be able
        // to talk to live reload (http://livereload.com/) browser plugins for sneakily
        // refreshing styles without waiting for you to refresh or running/configuring
        // the live reload app.
        stylizer({
          infile: cssDir + '/app.styl',
          outfile: cssDir + '/app.css',
          development: config.isDev,
          // Beware there's an issue with watch on OSX that causes issues with
          // watch if you're not running node 0.10.25 or later.
          watch: cssDir + '/**/*.styl'
        }, done)
      }
    }
  }
}