gruntfile.js

module.exports = function (grunt) {

    var modRewrite = require('connect-modrewrite'),
        myHash = new Date().valueOf().toString(),
        sortedJsPaths = [
            'js/components/angular/*.js',
            'js/components/angular-route/*.js',
            'js/**/*.js',
            'views/**/*.js'
        ],
        sortedCssPaths = [
            'css/reset.',
            'css/global.',
            'css/**/*.',
            'views/**/*.'
        ],
        editFilePaths = function (pathsArray, rootDirectory, fileType) {
            var paths = [];

            pathsArray.map(function (path) {
                paths.push(rootDirectory + path + fileType);
            });

            return paths;
        },
        stylusConfig = function () {
            var config = {},
                stylusFiles = grunt.file.expand({cwd: 'app'}, editFilePaths(sortedCssPaths, '', 'styl'));

            stylusFiles.map(function (path) {
                config['build/' + path.replace('styl', 'css')] = 'app/' + path;
            });

            return config;
        };

    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        hash: myHash,
        clean: {
            build: 'build'
        },
        stylus: {
            development: {
                options: {
                    paths: ['app/css'],
                    compress: false,
                    linenos: false
                },
                files: stylusConfig()
            },
            live: {
                options: {
                    paths: ['app/css'],
                    compress: true
                },
                files: {
                    'build/css/app.min.<%= hash %>.css' : editFilePaths(sortedCssPaths, 'app/', 'styl')
                }
            }
        },
        copy: {
            html: {
                expand: true,
                cwd: 'app',
                src: ['views/**/*.html', '!views/index.html'],
                dest: 'build',
                filter: 'isFile'
            },
            json: {
                expand: true,
                cwd: 'app',
                src: 'views/**/*.json',
                dest: 'build',
                filter: 'isFile'
            },
            img: {
                expand: true,
                cwd: 'app',
                src: ['img/**/*.*', '!img/sprite/**/*.png', '!img/sprite-retina/**/*.png'],
                dest: 'build'
            },
            font: {
                expand: true,
                cwd: 'app',
                src: 'font/**.*',
                dest: 'build'
            },
            js: {
                expand: true,
                cwd: 'app',
                src: ['js/**/*', 'views/**/*.js'],
                dest: 'build',
                filter: 'isFile'
            }
        },
        jshint: {
            files: 'app/views/**/*.js',
            options: {
                unused: true,
                curly: true,
                boss: true,
                onevar: true,
                indent: 4,
                camelcase: true,
                latedef: true,
                quotmark: 'single',
                trailing: true,
                evil: true,
                white: true,
                strict: true,
                globals: {
                    console: true
                }
            }
        },
        plato: {
            report: {
                files: {
                    'reports/': ['app/js/**/*.js', 'app/views/**/*.js', '!app/js/components/**/*.js'],
                }
            }
        },
        connect: {
            options: {
                port: 9000,
                livereload: 35729,
                hostname: 'localhost',
                open: true
            },
            server: {
                options: {
                    base: 'build',
                    middleware: function(connect, options) {
                        var middlewares = [];

                        middlewares.push(modRewrite(['^[^\\.]*$ /index.html [L]']));

                        options.base.forEach(function(base) {
                            middlewares.push(connect.static(base));
                        });

                        return middlewares;
                    }
                }
            },
            report: {
                options: {
                    base: 'reports',
                    keepalive: true
                }
            }
        },
        bower: {
            options: {
                targetDir: 'app/js/components',
                cleanTargetDir: false,
                cleanBowerDir: true,
                verbose: true
            },
            install: {}
        },
        htmlmin: {
            options: {
                removeComments: true,
                collapseWhitespace: true
            },
            index: {
                src: 'build/index.html',
                dest: 'build/index.html'
            },
            views: {
                expand: true,
                cwd: 'app',
                src: ['views/**/*.html', '!views/index.html'],
                dest: 'build'
            }
        },
        imagemin: {
            png: {
                options: {
                    optimizationLevel: 7
                },
                files: [{
                    expand: true,
                    cwd: 'build',
                    src: 'img/**/*.png',
                    dest: 'build',
                    ext: '.png'
                }]
            }
        },
        uglify: {
            options: {
                'lift-vars': false,
                compress: false
            },
            live: {
                src: editFilePaths(sortedJsPaths, 'app/', ''),
                dest: 'build/js/app.min.<%= hash %>.js',
                options: {
                    sourceMap: false,
                    sourceMapIncludeSources: true
                }
            }
        },
        notify_hooks: {
            options: {
                enabled: true,
                max_jshint_notifications: 5,
                title: "Grabs"
            }
        },
        notify: {
            watch: {
                options: {
                    message: 'Grabs is ready!'
                }
            }
        },
        sprite: {
            normal: {
                src: 'app/img/sprite/**/*.*',
                destImg: 'build/img/sprite-<%= hash %>.png',
                destCSS: 'app/css/sprite.styl',
                imgPath: '/img/sprite-<%= hash %>.png',
                algorithm: 'binary-tree',
                padding: 1
            },
            retina: {
                src: 'app/img/sprite-retina/**/*.*',
                destImg: 'build/img/sprite-retina-<%= hash %>.png',
                destCSS: 'app/css/sprite-retina.styl',
                imgPath: '/img/sprite-retina-<%= hash %>.png',
                algorithm: 'binary-tree',
                padding: 2,
                cssVarMap: function (sprite) {
                    sprite.name = sprite.name + '-2x';
                }
            }
        },
        template: {
            development: {
                src: 'app/views/index.html',
                dest: 'build/index.html',
                options: {
                    data: function () {
                        return {
                            development: true,
                            cssFiles: grunt.file.expand({cwd: 'build'}, editFilePaths(sortedCssPaths, '', 'css')),
                            jsFiles: grunt.file.expand({cwd: 'app'}, sortedJsPaths)
                        }
                    }
                }
            },
            live: {
                src: 'app/views/index.html',
                dest: 'build/index.html',
                options: {
                    data: {
                        development: false,
                        hash: myHash
                    }
                }
            }
        },
        watch: {
            all: {
                options: {
                    livereload: 35729
                },
                files: 'app/**/*'
            },
            html: {
                files: 'app/**/*.html',
                tasks: 'html'
            },
            css: {
                files: 'app/**/*.styl',
                tasks: 'css',
                options: {
                    nospawn: true
                }
            },
            js: {
                files: 'app/**/*.js',
                tasks: 'js'
            },
            json: {
                files: 'app/**/*.json',
                tasks: 'json'
            }
        }
    });

    // Load Npm Tasks
    require('load-grunt-tasks')(grunt);

    // Run Notify
    grunt.task.run('notify_hooks');

    // $ grunt
    grunt.registerTask('default', [
        'clean',
        'copy:html',
        'copy:json',
        'copy:img',
        'copy:font',
        'copy:js',
        'sprite',
        'stylus:development',
        'template:development',
        'connect:server',
        'notify:watch',
        'watch'
    ]);
    // $ grunt live
    grunt.registerTask('live', [
        'clean',
        'copy:json',
        'copy:img',
        'copy:font',
        'sprite',
        'stylus:live',
        'htmlmin:views',
        'uglify:live',
        'imagemin',
        'template:live',
        'htmlmin:index',
        'connect:server',
        'watch'
    ]);
    // $ grunt report
    grunt.registerTask('report', [
        'plato:report',
        'connect:report'
    ]);

    // Watch Tasks
    grunt.registerTask('html', [
        'template:development',
        'copy:html'
    ]);
    grunt.registerTask('css', [
        'stylus:development'
    ]);
    grunt.registerTask('js', [
        'copy:js',
        'jshint'
    ]);
    grunt.registerTask('json', [
        'copy:json'
    ]);
};