Gruntfile.js

'use strict';

var fs   = require('fs');

var PORTS = {
  express: 9400 || process.env.PORT,
  livereload: 31452
};

module.exports = function(grunt) {

  require('load-grunt-tasks')(grunt);
  require('time-grunt')(grunt);

  grunt.initConfig({

    nodemon: {
      debug: {
        script: 'server.js',
        args: [ '--environment', 'development',
                '--port', PORTS.express ],
        options: {
          watch: [
            'server.js', 'lib/*', 'migration/*.js'
          ],
          nodeArgs: ['--debug'],
          env: {
            LIVERELOAD_PORT: PORTS.livereload
          },
          callback: function (nodemon) {
            nodemon.on('log', function (event) {
              console.log(event.colour);
            });
            nodemon.on('restart', function () {
              setTimeout(function() {
                fs.writeFileSync('.rebooted', 'rebooted');
              }, 1000);
            });
          }
        }
      }
    },

    // Watching changes
    watch: {
      html: {
        files: [ 'app/*.html' ],
        tasks: [ 'copy:html' ]
      },
      templates: {
        files: [ 'app/views/*.html' ],
        tasks: [ 'build:templates' ]
      },
      styles: {
        files: [ 'app/styles/{,*/}*.less' ],
        tasks: [ 'build:styles' ]
      },
      images: {
        files: [ 'app/images/{,*/,*/*/}*.*' ],
        tasks: [ 'build:images' ]
      },
      fonts: {
        files: [ 'app/fonts/*.{ttf,otf,woff,eot,svg}' ],
        tasks: [ 'build:fonts' ]
      },
      webapp: {
        files: [ 'app/*.webapp' ],
        tasks: [ 'build:webapp' ]
      },
      scripts: {
        files: [ 'app/scripts/{,*/}*.js' ],
        tasks: [ 'build:scripts' ]
      },
      livereload: {
        options: {
          livereload: PORTS.livereload
        },
        files: [
          'build/*.html',
          'build/styles/*.css',
          'build/images/{,*/,*/*/}*.*',
          'build/fonts/*.{ttf,otf,woff,eot,svg}',
          'build/*.webapp',
          'build/scripts/{,*/}*.js' // Including templates
        ]
      },
      server: {           // nodemon will write this file
        files: [ '.rebooted' ],
        tasks: [ 'newer:jshint:server' ],
        options: {
          livereload: true
        }
      },
      test: {
        files: [ 'test/**/*.js' ],
        tasks: [ 'test' ]
      }
    },

    // Cleaning
    clean: {
      dist: {
        files: [{
          dot: true,
          src: [ 'dist/*', '.tmp', '!dist/db/*.sqlite' ]
        }]
      },
      build: {
        files: [{
          dot: true,
          src: [ 'build/*' ]
        }]
      }
    },

    // Install/update bower files
    bower: {
      install: {
        options: {
          copy: false
        }
      }
    },

    // lint
    jshint: {
      options: {
        reporter: require('jshint-stylish'),
        jshintrc: '.jshintrc'
      },
      server: {
        options: {
          jshintrc: 'lib/.jshintrc'
        },
        src: [ 'lib/**/*.js' ]
      },
      test: {
        options: {
          jshintrc: 'test/.jshintrc'
        },
        src: [ 'test/**/*.js' ]
      },
      all: [
        'app/scripts/{,*/}*.js'
      ]
    },

    csslint: {
      build: {
        options: {
          csslintrc: 'app/styles/.csslintrc',
          'zero-units': false,   // Used by bootstrap in percentages
          'bulletproof-font-face': false // Don't care about IE
        },
        src: [ 'build/styles/*.css' ]
      }
    },

    // Transform less files
    less: {
      build: {
        files: [{
          expand: true,
          cwd: 'app/styles',
          src: [ '*.less' ],
          dest: 'build/styles',
          ext: '.css'
        }]
      }
    },

    // Add vendor prefixed styles
    autoprefixer: {
      options: {
        browsers: [ 'last 2 versions', 'iOS >= 6', 'Android >= 4' ]
      },
      build: {
        files: [{
          expand: true,
          cwd: 'build/styles/',
          src: '*.css',
          dest: 'build/styles/'
        }]
      }
    },

    // JS minification
    uglify: {
      options: {
        sourceMap: true,
        sourceMapIncludeSources: true
      }
    },

    // Rename files for browser caching purposes
    filerev: {
      dist: {
        files: [{
          src: [
            'dist/public/scripts/{,*/}*.js',
            'dist/public/styles/*.css',
            'dist/public/fonts/*.{ttf,otf,woff,eot,svg}',
            'dist/public/images/{,*/,*/*/}*.*'
          ]
        }]
      }
    },
    filerev_assets: {
      dist: {
        options: {
          dest: 'dist/assets.json',
          cwd: 'dist/public/'
        }
      }
    },

    // Perform rewrites based on rev
    useminPrepare: {
      html: 'build/*.html',
      options: {
        dest: 'dist/public'
      }
    },
    usemin: {
      html: [ 'dist/public/*.html' ],
      css:  [ 'dist/public/styles/*.css' ],
      options: {
        assetsDirs: [ 'dist/public', 'dist/public/images', 'dist/public/fonts' ]
      }
    },

    // Image minification
    imagemin: {
      options: {
        cache: false
      },
      dist: {
        files: [{
          expand: true,
          cwd: 'build/images',
          src: '{,*/,*/*/}*.{png,jpg,gif}',
          dest: 'dist/public/images'
        }]
      }
    },
    svgmin: {
      dist: {
        files: [{
          expand: true,
          cwd: 'build/images',
          src: '{,*/,*/*/}*.svg',
          dest: 'dist/public/images'
        }]
      }
    },

    // Prepare Angular files to be minified
    ngAnnotate: {
      build: {
        files: [{
          expand: true,
          cwd: 'build/scripts',
          src: '{,*/}*.js',
          dest: 'build/scripts'
        }]
      }
    },

    // Build templates
    ngtemplates: {
      options: {
        module: 'dashkiosk'
      },
      build: {
        cwd: 'app/views',
        src: '*.html',
        dest: 'build/scripts/views.js'
      }
    },

    // browserify
    browserify: {
      scripts: {
        files: {
          'build/scripts/admin.js': [ 'app/scripts/admin.js' ],
          'build/scripts/unassigned.js': [ 'app/scripts/unassigned.js' ],
          'build/scripts/chromecast.js': [ 'app/scripts/chromecast.js' ],
          'build/scripts/receiver.js': [ 'app/scripts/receiver.js' ]
        }
      }
    },

    concurrent: {
      server: {
        tasks: [
          'nodemon',
          'watch'
        ],
        options: {
          limit: 2,
          logConcurrentOutput: true
        }
      }
    },

    // Server side tests with mocha
    mochaTest: {
      server: {
        options: {
          reporter: 'spec'
        },
        src: ['test/**/*.js']
      },
      coverage: {
        options: {
          reporter: 'html-cov',
          quiet: true,
          captureFile: 'coverage.html'
        },
        src: ['test/**/*.js']
      }
    },

    // Copy files
    copy: {
      images: {
        files: [{
          expand: true,
          cwd: 'app',
          dest: 'build',
          src: [
            'images/{,*/}*.*'
          ]
        }]
      },
      webapp: {
        files: [{
          expand: true,
          cwd: 'app',
          dest: 'build',
          src: [
            '*.webapp'
          ]
        }]
      },
      fonts: {
        files: [{
          expand: true,
          cwd: 'app',
          dest: 'build',
          src: [
            'fonts/*.{ttf,otf,woff,eot,svg}'
          ]
        }, {
          expand: true,
          cwd: 'app/bower_components/bootstrap',
          dest: 'build',
          src: [
            'fonts/*.{ttf,otf,woff,eot,svg}'
          ]
        }]
      },
      bower: {
        files: [{
          expand: true,
          cwd: 'app',
          dest: 'build',
          src: [
            'bower_components/**/*'
          ]
        }]
      },
      html: {
        files: [{
          expand: true,
          cwd: 'app',
          dest: 'build',
          src: [ '*.html' ]
        }]
      },
      dist: {
        files: [{
          expand: true,
          cwd: 'build',
          dest: 'dist/public',
          src: [
            '*.html',
            '*.webapp',
            'images/*.ico',
            'fonts/*.{ttf,otf,woff,eot,svg}'
          ]
        }, {
          expand: true,
          dest: 'dist',
          src: [
            'package.json',
            'server.js', 'forever.js',
            'lib/**/*',
            'db/migrations/*.js'
          ]
        }]
      }
    }

  });

  grunt.registerTask('serve', [
    'bower:install',
    'build',
    'concurrent:server'
  ]);

  grunt.registerTask('build', function(target) {
    switch (target) {
    case 'templates':
      grunt.task.run('ngtemplates:build');
      break;
    case 'styles':
      grunt.task.run('less:build', 'csslint:build', 'autoprefixer:build');
      break;
    case 'scripts':
      grunt.task.run('jshint', 'browserify:scripts', 'ngAnnotate:build');
      break;
    case 'images':
      grunt.task.run('copy:images');
      break;
    case 'fonts':
      grunt.task.run('copy:fonts');
      break;
    case 'server':
      grunt.task.run('jshint:server');
      break;
    case 'webapp':
      grunt.task.run('copy:webapp');
      break;
    case undefined:
      grunt.task.run(
        'clean:build',
        'copy:bower',
        'copy:html',
        'build:templates',
        'build:styles',
        'build:scripts',
        'build:images',
        'build:fonts',
        'build:server',
        'build:webapp'
      );
      break;
    default:
      grunt.util.error('unknown target ' + target + ' for build');
    }
  });

  grunt.registerTask('dist', [
    'clean:dist',
    'bower:install',
    'build',
    'useminPrepare',
    'imagemin',
    'svgmin',
    'copy:dist',
    'concat',
    'cssmin',
    'uglify',
    'filerev',
    'filerev_assets',
    'usemin'
  ]);

  grunt.registerTask('test', [
    'jshint:test',
    'mochaTest:server'
  ]);

  grunt.registerTask('heroku', [
    'dist'
  ]);

  grunt.registerTask('default', [
    'dist'
  ]);
};