Gruntfile.coffee

'use strict'

module.exports = (grunt) ->
  try
    localConfig = require './server/config/local.env'

  catch e
    localConfig = {}

  # Load grunt tasks automatically when needed
  require('jit-grunt') grunt,
    cdnify:           'grunt-google-cdn'
    express:          'grunt-express-server'
    injector:         'grunt-asset-injector'
    protractor:       'grunt-protractor-runner'
    ngtemplates:      'grunt-angular-templates'
    buildcontrol:     'grunt-build-control'
    useminPrepare:    'grunt-usemin'

  # Time how long tasks take. Can help when optimizing build times
  require('time-grunt') grunt

  # Define configuration for all tasks
  grunt.initConfig

    # Project settings
    yeoman:
      client: require('./bower.json').appPath or 'client'
      dist: 'dist'

    express:
      options:
        port: process.env.PORT or 9000
        opts: ['node_modules/.bin/coffee']

      dev:
        options:
          script: 'server/app.coffee'
          debug: true

      prod:
        options:
          script: 'dist/server/app.coffee'

    open:
      server:
        url: 'http://localhost:<%= express.options.port %>'

    watch:
      injectJS:
        files: [
          '<%= yeoman.client %>/{app,components}/**/*.js'
          '!<%= yeoman.client %>/{app,components}/**/*.spec.js'
          '!<%= yeoman.client %>/{app,components}/**/*.mock.js'
          '!<%= yeoman.client %>/app/app.js'
        ]
        tasks: ['injector:scripts']

      injectCss:
        files: ['<%= yeoman.client %>/{app,components}/**/*.css']
        tasks: ['injector:css']

      mochaTest:
        files: ['server/**/*.spec.js']
        tasks: ['env:test', 'mochaTest']

      jsTest:
        files: [
          '<%= yeoman.client %>/{app,components}/**/*.spec.js'
          '<%= yeoman.client %>/{app,components}/**/*.mock.js'
        ]
        tasks: ['newer:jshint:all', 'karma']

      injectSass:
        files: ['<%= yeoman.client %>/{app,components}/**/*.{scss,sass}']
        tasks: ['injector:sass']

      sass:
        files: ['<%= yeoman.client %>/{app,components}/**/*.{scss,sass}']
        tasks: ['sass', 'autoprefixer']

      jade:
        files: [
          '<%= yeoman.client %>/{app,components}/*',
          '<%= yeoman.client %>/{app,components}/**/*.jade'
        ]
        tasks: ['jade']

      coffee:
        files: [
          '<%= yeoman.client %>/{app,components}/**/*.{coffee,litcoffee,coffee.md}'
          '!<%= yeoman.client %>/{app,components}/**/*.spec.{coffee,litcoffee,coffee.md}'
        ]
        tasks: ['newer:coffee', 'injector:scripts']

      coffeeTest:
        files: [
          '<%= yeoman.client %>/{app,components}/**/*.spec.{coffee,litcoffee,coffee.md}'
        ]
        tasks: ['karma']

      gruntfile:
        files: ['Gruntfile.coffee']

      livereload:
        files: [
          '{.tmp,<%= yeoman.client %>}/{app,components}/**/*.css'
          '{.tmp,<%= yeoman.client %>}/{app,components}/**/*.html'
          '{.tmp,<%= yeoman.client %>}/{app,components}/**/*.js'
          '!{.tmp,<%= yeoman.client %>}{app,components}/**/*.spec.js'
          '!{.tmp,<%= yeoman.client %>}/{app,components}/**/*.mock.js'
          '<%= yeoman.client %>/assets/images/{,*//*}*.{png,jpg,jpeg,gif,webp,svg}'
        ],
        options:
          livereload: true

      express:
        files: ['server/**/*.{js,json}']
        tasks: ['express:dev', 'wait']
        options:
          livereload: true
          spawn: false # Without this option specified express won't be reloaded

    # Make sure code styles are up to par and there are no obvious mistakes
    jshint:
      options:
        jshintrc: '<%= yeoman.client %>/.jshintrc'
        reporter: require 'jshint-stylish'

      server:
        options:
          jshintrc: 'server/.jshintrc'

        src: [ 'server/{,*/}*.js']

      all:[
        '<%= yeoman.client %>/{app,components}/**/*.js'
        '!<%= yeoman.client %>/{app,components}/**/*.spec.js'
        '!<%= yeoman.client %>/{app,components}/**/*.mock.js'
      ]

      test:
        src: [
          '<%= yeoman.client %>/{app,components}/**/*.spec.js'
          '<%= yeoman.client %>/{app,components}/**/*.mock.js'
        ]

    # Empties folders to start fresh
    clean:
      dist:
        files: [
          dot: true
          src: [
            '.tmp',
            '<%= yeoman.dist %>/*'
            '!<%= yeoman.dist %>/.git*'
            '!<%= yeoman.dist %>/.openshift'
            '!<%= yeoman.dist %>/Procfile'
          ]
        ]

      server: '.tmp'

    # Add vendor prefixed styles
    autoprefixer:
      options:
        browsers: ['last 1 version']

      dist:
        files: [
          expand: true
          cwd: '.tmp/'
          src: '{,*/}*.css'
          dest: '.tmp/'
        ]

    # Debugging with node inspector
    'node-inspector':
      custom:
        options:
          'web-host': 'localhost'

    # Use nodemon to run server in debug mode with initial breakpoint
    nodemon:
      debug:
        script: 'server/app'
        options:
          nodeArgs: ['--debug-brk']
          env:
            PORT: process.env.PORT or 9000

          callback: (nodemon) ->
            nodemon.on 'log', (event) ->
              console.log event.colour

            # opens browser on initial server start
            nodemon.on 'config:update', ->
              setTimeout ->
                require('open') 'http://localhost:8080/debug?port=5858'
              , 500

    # Automatically inject Bower components into the app
    bowerInstall:
      target:
        src: '<%= yeoman.client %>/index.html'
        ignorePath: '<%= yeoman.client %>/'
        exclude: [/bootstrap-sass-official/, /bootstrap.js/, '/json3/', '/es5-shim/', /bootstrap.css/, /font-awesome.css/ ]

    # Renames files for browser caching purposes
    rev:
      dist:
        files:
          src: [
            '<%= yeoman.dist %>/public/{,*/}*.js'
            '<%= yeoman.dist %>/public/{,*/}*.css'
            '<%= yeoman.dist %>/public/assets/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
            '<%= yeoman.dist %>/public/assets/fonts/*'
          ]

    # Reads HTML for usemin blocks to enable smart builds that automatically
    # concat, minify and revision files. Creates configurations in memory so
    # additional tasks can operate on them
    useminPrepare:
      html: ['<%= yeoman.client %>/index.html']
      options:
        dest: '<%= yeoman.dist %>/public'

    # Performs rewrites based on rev and the useminPrepare configuration
    usemin:
      html: ['<%= yeoman.dist %>/public/{,*/}*.html']
      css: ['<%= yeoman.dist %>/public/{,*/}*.css']
      js: ['<%= yeoman.dist %>/public/{,*/}*.js']
      options:
        assetsDirs: [
          '<%= yeoman.dist %>/public'
          '<%= yeoman.dist %>/public/assets/images'
        ],
        # This is so we update image references in our ng-templates
        patterns:
          js: [
            [/(assets\/images\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the JS to reference our revved images']
          ]

    # The following *-min tasks produce minified files in the dist folder
    imagemin:
      dist:
        files: [
          expand: true
          cwd: '<%= yeoman.client %>/assets/images'
          src: '{,*/}*.{png,jpg,jpeg,gif}'
          dest: '<%= yeoman.dist %>/public/assets/images'
        ]

    svgmin:
      dist:
        files: [
          expand: true
          cwd: '<%= yeoman.client %>/assets/images'
          src: '{,*/}*.svg'
          dest: '<%= yeoman.dist %>/public/assets/images'
        ]

    # Allow the use of non-minsafe AngularJS files. Automatically makes it
    # minsafe compatible so Uglify does not destroy the ng references
    ngAnnotate:
      dist:
        files: [
          expand: true
          cwd: '.tmp/concat'
          src: '*/**.js'
          dest: '.tmp/concat'
        ]

    # Package all the html partials into a single javascript payload
    ngtemplates:
      options:
        # This should be the name of your apps angular module
        module: 'badgyApp'
        htmlmin:
          collapseBooleanAttributes: true
          collapseWhitespace: true
          removeAttributeQuotes: true
          removeEmptyAttributes: true
          removeRedundantAttributes: true
          removeScriptTypeAttributes: true
          removeStyleLinkTypeAttributes: true

        usemin: 'app/app.js'

      main:
        cwd: '<%= yeoman.client %>'
        src: ['{app,components}/**/*.html']
        dest: '.tmp/templates.js'

      tmp:
        cwd: '.tmp'
        src: ['{app,components}/**/*.html']
        dest: '.tmp/tmp-templates.js'

    # Replace Google CDN references
    cdnify:
      dist:
        html: ['<%= yeoman.dist %>/*.html']

    # Copies remaining files to places other tasks can use
    copy:
      dist:
        files: [
          expand: true
          dot: true
          cwd: '<%= yeoman.client %>'
          dest: '<%= yeoman.dist %>/public'
          src: [
            '*.{ico,png,txt}'
            '.htaccess'
            'bower_components/**/*'
            'assets/images/{,*/}*.{webp}'
            'assets/fonts/**/*'
            'index.html'
          ]
        ,
          expand: true
          cwd: '.tmp/images'
          dest: '<%= yeoman.dist %>/public/assets/images'
          src: ['generated/*']
        ,
          expand: true
          dest: '<%= yeoman.dist %>'
          src: [
            'package.json'
            'server/**/*'
          ]
        ]

      styles:
        expand: true
        cwd: '<%= yeoman.client %>'
        dest: '.tmp/'
        src: ['{app,components}/**/*.css']

    # Run some tasks in parallel to speed up the build process
    concurrent:
      server: ['coffee', 'jade', 'sass']
      test:   ['coffee', 'jade', 'sass']
      debug:
        tasks: [
          'nodemon'
          'node-inspector'
        ]
        options:
          logConcurrentOutput: true

      dist: [
        'coffee'
        'jade'
        'sass'
        'imagemin'
        'svgmin'
      ]

    # Test settings
    karma:
      unit:
        configFile: 'karma.conf.js'
        singleRun: true

    mochaTest:
      options:
        reporter: 'spec'

      src: ['server/**/*.spec.js']

    protractor:
      options:
        configFile: 'protractor.conf.js'

      chrome: options: args: browser: 'chrome'

    env:
      test: NODE_ENV: 'test'
      prod: NODE_ENV: 'production'
      all: localConfig

    # Compiles Jade to html
    jade:
      compile:
        options: data: debug: false
        files: [
          expand: true
          cwd: '<%= yeoman.client %>'
          src: ['{app,components}/**/*.jade']
          dest: '.tmp'
          ext: '.html'
        ]

    # Compiles CoffeeScript to JavaScript
    coffee:
      options:
        sourceMap: true
        sourceRoot: ''

      server:
        files: [
          expand: true
          cwd: 'client'
          src: [
            '{app,components}/**/*.coffee'
            '!{app,components}/**/*.spec.coffee'
          ],
          dest: '.tmp'
          ext: '.js'
        ]

    # Compiles Sass to CSS
    sass:
      server:
        options:
          loadPath: [
            '<%= yeoman.client %>/bower_components'
            '<%= yeoman.client %>/app'
            '<%= yeoman.client %>/components'
          ]
          compass: false

        files:
          '.tmp/app/app.css' : '<%= yeoman.client %>/app/app.scss'

    injector:
      options: {}
      # Inject application script files into index.html (doesn't include bower)
      scripts:
        options:
          transform: (filePath) ->
            filePath = filePath.replace '/client/', ''
            filePath = filePath.replace '/.tmp/', ''
            '<script src="' + filePath + '"></script>'

          starttag: '<!-- injector:js -->'
          endtag: '<!-- endinjector -->'

        files:
          '<%= yeoman.client %>/index.html': [[
            '{.tmp,<%= yeoman.client %>}/{app,components}/**/*.js'
            '!{.tmp,<%= yeoman.client %>}/app/app.js'
            '!{.tmp,<%= yeoman.client %>}/{app,components}/**/*.spec.js'
            '!{.tmp,<%= yeoman.client %>}/{app,components}/**/*.mock.js'
          ]]

      # Inject component scss into app.scss
      sass:
        options:
          transform: (filePath) ->
            filePath = filePath.replace '/client/app/', ''
            filePath = filePath.replace '/client/components/', ''
            '@import \'' + filePath + '\';'

          starttag: '// injector'
          endtag: '// endinjector'

        files:
          '<%= yeoman.client %>/app/app.scss': [
            '<%= yeoman.client %>/{app,components}/**/*.{scss,sass}'
            '!<%= yeoman.client %>/app/app.{scss,sass}'
          ]

      # Inject component css into index.html
      css:
        options:
          transform: (filePath) ->
            filePath = filePath.replace '/client/', ''
            filePath = filePath.replace '/.tmp/', ''
            '<link rel="stylesheet" href="' + filePath + '">'

          starttag: '<!-- injector:css -->'
          endtag: '<!-- endinjector -->'

        files:
          '<%= yeoman.client %>/index.html': [
            '<%= yeoman.client %>/{app,components}/**/*.css'
          ]

    buildcontrol:
      options:
        dir: 'dist'
        commit: true
        push: true
        message: 'Built %sourceName% from commit %sourceCommit% on branch %sourceBranch%'

      heroku:
        options:
          remote: '[email protected]:badgy.git'
          branch: 'master'
          tag: require('./package.json').version

  # Used for delaying livereload until after server has restarted
  grunt.registerTask 'wait', ->
    grunt.log.ok 'Waiting for server reload...'

    setTimeout =>
      grunt.log.writeln 'Done Waiting!'
      @async()
    , 1500

  grunt.registerTask 'express-keepalive', 'Keep grunt running', ->
    @async()

  grunt.registerTask 'serve', (target) ->
    if target is 'dist'
      return grunt.task.run [
        'build'
        'env:all'
        'env:prod'
        'express:prod'
        'wait'
        'open'
        'express-keepalive'
      ]

    if target is 'debug'
      return grunt.task.run [
        'clean:server'
        'env:all'
        'injector:sass'
        'concurrent:server'
        'injector'
        'bowerInstall'
        'autoprefixer'
        'concurrent:debug'
      ]

    grunt.task.run [
      'clean:server'
      'env:all'
      'injector:sass'
      'concurrent:server'
      'injector'
      'bowerInstall'
      'autoprefixer'
      'express:dev'
      'wait'
      'open'
      'watch'
    ]

  grunt.registerTask 'test', (target) ->

    if target is 'server'
      return grunt.task.run [
        'env:all'
        'env:test'
        'mochaTest'
      ]

    if target is 'client'
      return grunt.task.run [
        'clean:server'
        'env:all'
        'injector:sass'
        'concurrent:test'
        'injector'
        'autoprefixer'
        'karma'
      ]

    if target is 'e2e'
      return grunt.task.run [
        'clean:server'
        'env:all'
        'env:test'
        'injector:sass'
        'concurrent:test'
        'injector'
        'bowerInstall'
        'autoprefixer'
        'express:dev'
        'protractor'
      ]

    grunt.task.run [
      'test:server'
      'test:client'
    ]

  grunt.registerTask 'build', [
    'clean:dist'
    'injector:sass'
    'concurrent:dist'
    'injector'
    'bowerInstall'
    'useminPrepare'
    'autoprefixer'
    'ngtemplates'
    'concat'
    'ngAnnotate'
    'copy:dist'
    'cdnify'
    'cssmin'
    'uglify'
    'rev'
    'usemin'
  ]

  grunt.registerTask 'default', [
    'newer:jshint'
    'test'
    'build'
  ]