Gruntfile.js

// Generated on 2014-09-28 using generator-jekyllrb 1.2.1
'use strict';

module.exports = function (grunt) {

  // Show elapsed time after tasks run
  require('time-grunt')(grunt);

  // FASTER YOU BEAST, FASTER
  // https://medium.com/@lmartins/faster-grunt-workflow-ced193c2900b
  require('jit-grunt')(grunt, {
    buildcontrol: 'grunt-build-control',
    cdnify: 'grunt-cdnify',
    sass: 'grunt-sass', // does this add speed? Who knows
    browsersync: 'grunt-browser-sync',
    useminPrepare: 'grunt-usemin' // plugin can't be resolved in automatic mapping
  });

  grunt.initConfig({
    //-----------------------------------------------------
    // Configure Paths
    //-----------------------------------------------------
    yeoman: {
      app: 'src',
      dist: 'dist',
      assets: 'dist/assets',
      port: '9292',
      // git: 'git@github.com:liquidvisual/apc-1114.git',
      git: 'https://github.com/liquidvisual/apc-1114.git',
      // IMPORTANT: Set a baseurl on line 364
    },
    //-----------------------------------------------------
    // WATCH
    //-----------------------------------------------------
    watch: {
      sass: {
        files: ['<%= yeoman.app %>/_scss/**/*.{scss,sass}'],
        tasks: ['sass:server']
      },
      autoprefixer: {
        files: ['<%= yeoman.app %>/css/**/*.css'],
        tasks: ['copy:stageCss', 'autoprefixer:server']
      },
      jekyll: {
        files: [
          '<%= yeoman.app %>/**/*.{html,yml,md,mkd,markdown}',
          '!<%= yeoman.app %>/_bower_components/**/*'
        ],
        tasks: ['jekyll:server']
      }
    },
    //-----------------------------------------------------
    // BROWSER SYNC
    //-----------------------------------------------------
    browserSync: {
      server: {
        bsFiles: {
          src: [
            '.jekyll/**/*.html',
            '{.tmp,<%= yeoman.app %>}/css/**/*.css',
            '{.tmp,<%= yeoman.app %>}/scripts/**/*.js',
            '<%= yeoman.app %>/img/**/*.{gif,jpg,jpeg,png,svg,webp}'
          ]
        },
        options: {
          notify: false,
          // Here you can disable/enable each feature individually
          ghostMode: {
              clicks: true,
              forms: true,
              scroll: true
          },
          // Don't send any file-change events to browsers
          codeSync: true,
          // Open the site in Chrome & Firefox
          // browser: ["google chrome", "firefox"]
          port: 9292,
          host: '0.0.0.0',
          server: {
            baseDir: [
              ".jekyll",
              ".tmp",
              "<%= yeoman.app %>"
            ]
          },
          watchTask: true
        }
      },
      dist: {
        options: {
          server: {
            baseDir: "<%= yeoman.dist %>"
          }
        }
      },
      test: {
        bsFiles: {
          src: [
            '.jekyll/**/*.html',
            '.tmp/css/**/*.css',
            '{.tmp,<%= yeoman.app %>}/scripts/**/*.js',
            '{<%= yeoman.app %>}/_bower_components/**/*.js',
            '<%= yeoman.app %>/img/**/*.{gif,jpg,jpeg,png,svg,webp}'
          ]
        },
        options: {
          server: {
            baseDir: [
              ".jekyll",
              ".tmp",
              "<%= yeoman.app %>"
            ]
          },
          watchTask: true
        }
      }
    },
    //-----------------------------------------------------
    // CLEAN
    //-----------------------------------------------------
    clean: {
      dist: {
        files: [{
          dot: true,
          src: [
            '<%= yeoman.dist %>/*',
            // Running Jekyll also cleans the target directory.  Exclude any
            // non-standard `keep_files` here (e.g., the generated files
            // directory from Jekyll Picture Tag).
            '!<%= yeoman.dist %>/.git*'
          ]
        }]
      },
      server: [
        '.tmp',
        '.jekyll'
      ]
    },
    //-----------------------------------------------------
    // SASS
    //-----------------------------------------------------
    sass: {
      options: {
        //imagePath: '',
        includePaths: ['<%= yeoman.app %>/_bower_components/foundation/scss',
                       '<%= yeoman.app %>/_bower_components/jQuery.mmenu/src/scss']
      },
      dist: {
        files: [{
          expand: true,
          outputStyle: 'compressed',
          cwd: '<%= yeoman.app %>/_scss',
          src: '**/*.{scss,sass}',
          dest: '.tmp/css',
          ext: '.css'
        }]
      },
      server: {
        options: {
          //sourceMap: false,
          outputStyle: 'expanded'
        },
        files: [{
          expand: true,
          cwd: '<%= yeoman.app %>/_scss',
          src: '**/*.{scss,sass}',
          dest: '.tmp/css',
          ext: '.css'
        }]
      }
    },
    //-----------------------------------------------------
    // JEKYLL
    //-----------------------------------------------------
    jekyll: {
      options: {
        bundleExec: true,
        config: '_config.yml,_config.build.yml',
        src: '<%= yeoman.app %>'
      },
      dist: {
        options: {
          dest: '<%= yeoman.dist %>',
        }
      },
      server: {
        options: {
          config: '_config.yml',
          dest: '.jekyll'
        }
      },
      check: {
        options: {
          doctor: true
        }
      }
    },
    //-----------------------------------------------------
    // USEMIN
    //-----------------------------------------------------
    useminPrepare: {
      options: {
        dest: '<%= yeoman.dist %>'
      },
      html: '<%= yeoman.dist %>/index.html'
    },
    usemin: {
      options: {
        assetsDirs: ['<%= yeoman.assets %>', '<%= yeoman.dist %>','<%= yeoman.assets %>/img'],
      },
      html: ['<%= yeoman.dist %>/**/*.html'],
      // Ensures image paths are revved inside CSS files
      css: ['<%= yeoman.assets %>/css/**/*.css']
    },
    //-----------------------------------------------------
    // HTML MINIFY (Disabled)
    //-----------------------------------------------------
    // htmlmin: {
    //   dist: {
    //     options: {
    //       collapseWhitespace: true,
    //       collapseBooleanAttributes: true,
    //       removeAttributeQuotes: true,
    //       removeRedundantAttributes: true
    //     },
    //     files: [{
    //       expand: true,
    //       cwd: '<%= yeoman.dist %>',
    //       src: '**/*.html',
    //       dest: '<%= yeoman.dist %>'
    //     }]
    //   }
    // },
    //-----------------------------------------------------
    // Concat, Uglify, CSS Min
    //-----------------------------------------------------
    // Usemin adds files to concat
    concat: {},
    // Usemin adds files to uglify
    uglify: {},
    // Usemin adds files to cssmin
    cssmin: {
      dist: {
        options: {
          check: 'gzip'
        }
      }
    },
    //-----------------------------------------------------
    // Image Minification
    //-----------------------------------------------------
    imagemin: {
      dist: {
        options: {
          progressive: true
        },
        files: [{
          expand: true,
          cwd: '<%= yeoman.dist %>',
          src: '**/*.{jpg,jpeg,png}',
          dest: '<%= yeoman.dist %>'
        }]
      }
    },
    svgmin: {
      dist: {
        files: [{
          expand: true,
          cwd: '<%= yeoman.dist %>',
          src: '**/*.svg',
          dest: '<%= yeoman.dist %>'
        }]
      }
    },
    //-----------------------------------------------------
    // COPY
    //-----------------------------------------------------
    copy: {
      dist: {
        files: [{
          expand: true,
          dot: true,
          cwd: '<%= yeoman.app %>',
          src: [
            // Jekyll processes and moves HTML and text files.
            // Usemin moves CSS and javascript inside of Usemin blocks.
            // Copy moves asset files and directories.
            'img/**/*',
            'fonts/**/*',
            // Like Jekyll, exclude files & folders prefixed with an underscore.
            '!**/_*{,/**}',
            // Explicitly add any files your site needs for distribution here.
            //'_bower_components/jquery/jquery.js',
            'favicon.ico',
            'apple-touch*.png'
          ],
          dest: '<%= yeoman.assets %>'
        }]
      }
    },
    //-----------------------------------------------------
    // FILE REV
    //-----------------------------------------------------
    filerev: {
      options: {
        length: 4
      },
      dist: {
        files: [{
          src: [
            '<%= yeoman.assets %>/scripts/**/*.js',
            '<%= yeoman.assets %>/css/**/*.css',
            '<%= yeoman.assets %>/img/**/*.{gif,jpg,jpeg,png,svg,webp}',
            '<%= yeoman.assets %>/fonts/**/*.{eot*,otf,svg,ttf,woff}'
          ]
        }]
      }
    },
    //-----------------------------------------------------
    // BUILD CONTROL (GIT)
    //-----------------------------------------------------
    buildcontrol: {
        options: {
          commit: true,
          connectCommits: false,
          push: true,
          message: 'Built %sourceName% from commit %sourceCommit% on branch %sourceBranch%'
        },
        master: {
          options: {
            dir: './',
            remote: '<%= yeoman.git %>',
            branch: 'master'
          }
        },
        pages: {
          options: {
            dir: '<%= yeoman.dist %>',
            remote: '<%= yeoman.git %>',
            branch: 'gh-pages'
          }
        },
        local: {
          options: {
            remote: '../',
            branch: 'build'
        }
      }
    },
    //-----------------------------------------------------
    // JS HINT
    //-----------------------------------------------------
    jshint: {
      options: {
        jshintrc: '.jshintrc',
        reporter: require('jshint-stylish')
      },
      all: [
        'Gruntfile.js',
        '<%= yeoman.app %>/scripts/**/*.js',
        'test/spec/**/*.js'
      ]
    },
    //-----------------------------------------------------
    // CSS LINT
    //-----------------------------------------------------
    csslint: {
      options: {
        csslintrc: '.csslintrc'
      },
      check: {
        src: [
          '<%= yeoman.app %>/css/**/*.css',
          '<%= yeoman.app %>/_scss/**/*.scss'
        ]
      }
    },
    //-----------------------------------------------------
    // CDNIFY - Prepend paths to assets
    //-----------------------------------------------------
    cdnify: {
      dist: {
        options: {
          rewriter: function (url) {
            var baseurl = '';
            if (url.indexOf('/img') === 0)
              return baseurl+'/assets'+url; // add query string to all other URLs
            else if (url.indexOf('http://') !== 0) // don't affect CDNs
              return baseurl+url; // leave data URIs untouched
          }
        },
        files: [{
          expand: true,
          cwd: '<%= yeoman.dist %>',
          src: '**/*.{css,html}',
          dest: '<%= yeoman.dist %>'
        }]
      }
    },
    //-----------------------------------------------------
    // IE8 REM Fallback
    // This will create a NEW stylesheet. Won't work with
    // file revving.
    //-----------------------------------------------------
    pixrem: {
      options: {
        rootvalue: '16px'
      },
      dist: {
        src: '<%= yeoman.assets %>/css/*.css',
        dest: '<%= yeoman.assets %>/css/minified-ie8.css'
      }
    },
    //-----------------------------------------------------
    // CONCURRENT
    //-----------------------------------------------------
    concurrent: {
      server: [
        'sass:server',
        'jekyll:server'
      ],
      dist: [
        'sass:dist',
        'copy:dist'
      ]
    }
  });
  //-----------------------------------------------------
  // Define Tasks
  //-----------------------------------------------------

  grunt.registerTask('serve', function (target) {
    if (target === 'dist') {
      return grunt.task.run(['build', 'browserSync:dist']);
    }

    grunt.task.run([
      'clean:server',
      'concurrent:server',
      'browserSync:server',
      'watch'
    ]);
  });

  grunt.registerTask('server', function () {
    grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.');
    grunt.task.run(['serve']);
  });

  // No real tests yet. Add your own.
  grunt.registerTask('test', [
  //   'clean:server',
  //   'concurrent:test',
  //   'connect:test'
  ]);

  //=======================================
  // Check
  //=======================================

  grunt.registerTask('check', [
    'clean:server',
    'jekyll:check',
    'sass:server',
    'jshint:all',
    'csslint:check'
  ]);

  //=======================================
  // Build
  //=======================================

  grunt.registerTask('build', [
    'clean',
    // Jekyll cleans files from the target directory, so must run first
    'jekyll:dist',
    'concurrent:dist',
    'useminPrepare',
    'concat',
    'cssmin',
    'uglify',
    //'imagemin',
    //'svgmin',
    //'filerev',
    'usemin',
    //'pixrem',
    'cdnify'
    //'htmlmin'
    ]);

  //=======================================
  // Deploy (GIT)
  //=======================================

  grunt.registerTask('deploy', [
    //'check',
    //'test',
    'build',
    //'buildcontrol:master'
    'buildcontrol:pages',
    ]);

  //=======================================
  // Default
  //=======================================

  grunt.registerTask('default', [
    'check',
    'test',
    'build'
  ]);
};