Gruntfile.js

var fs = require("fs")

/**
 * Configuration part of following grunt tasks
 */

var STYLE_FILES = [
	'styles/screen.styl'
]

var JS_FILES = [
	'js/index.js'
]

var DIST_FOLDER = 'build'

var HASH_SOURCES = [
	DIST_FOLDER + '/*.css',
	DIST_FOLDER + '/*.js'
]

var WATCH_FILES = [
	DIST_FOLDER + '/*'
]


/**
 * Grunt project itself with defined tasks and theirs options
 */
module.exports = function(grunt) {
	grunt.initConfig({

		// Clean dist folder from obsolote files
		clean: {
			dist: DIST_FOLDER + '/*'
		},

		copy: {
			images: {
				src: 'img/**',
				dest: DIST_FOLDER + '/'
			}
		},

		// Compile Stylus styles into CSS
		stylus: {

			dev: {
				options: {
					'include css': true,
					compress: false
				},
				expand: true,
				flatten: true,
				src: STYLE_FILES,
				dest: DIST_FOLDER + '/',
				ext: '.css'
			},

			dist: {
				options: {
					'include css': true
				},
				expand: true,
				flatten: true,
				src: STYLE_FILES,
				dest: DIST_FOLDER + '/',
				ext: '.css'
			}

		},

		// Concat and minify JavaScript files to signel app.js file
		browserify: {

			options: {
				transform: ['browserify-shim', 'uglifyify'],
				external: ['jquery']
			},

			dev: {
				options: {
					debug: true,
					transform: ['browserify-shim']
				},
				src: JS_FILES,
				dest: DIST_FOLDER + '/app.js'
			},

			dist: {
				src: JS_FILES,
				dest: DIST_FOLDER + '/app.js'
			},

			ie8: {
				src: 'js/ie8.js',
				dest: DIST_FOLDER + '/ie8.js'
			}

		},

		// Generate static HTML files from Handlebars templates
		assemble: {
			options: {
				data: 'templates/_data/**/*.json',
				layoutdir: 'templates/_layouts',
				layoutext: '.hbs',
				layout: 'default',
				partials: 'templates/_partials/**/*.hbs'
			},
			dist: {
				files: {
					'build/': ['templates/*.hbs']
				}
			}
		},

		// Minify CSS even more, every byte counts
		cssmin: {
			dist: {
				expand: true,
				cwd: DIST_FOLDER + '/',
				src: '*.css',
				dest: DIST_FOLDER + '/'
			}
		},

		// Rename resource files based on theirs content to prevent cache colisions
		hashres: {

			dist: {
				// expand: true,
				src: HASH_SOURCES,
				dest: DIST_FOLDER + '/*.html'
			}

		},

		// Development mode with resources auto reload and browser actions synchronizations
		browserSync: {

			dev: {
				options: {
					watchTask: true,
					debugInfo: true,
					// Only static files
					server: {
						baseDir: 'build'
					},
					// Dynamic files (PHP etc) - proxy to running server
					// proxy: 'localhost',
					ghostMode: {
						clicks: true,
						scroll: true,
						links: false,
						forms: true
					}
				},
				bsFiles: {
					src: WATCH_FILES
				}
			}

		},

		// Watch sources for change and compile them. Starts Livereload server as fallback of browserSync.
		watch: {

			options: {
				spawn: false
			},

			images: {
				files: 'img/*',
				tasks: 'copy:images'
			},

			styles: {
				files: 'styles/**/*.styl',
				tasks: 'stylus:dev'
			},

			js: {
				files: 'js/**/*.js',
				tasks: 'browserify:dev'
			},

			templates: {
				files: 'templates/**',
				tasks: 'assemble:dist'
			},

			livereload: {
				files: WATCH_FILES,
				options: {
					livereload: true
				}
			}

		}

	})

	// Load plugins
	grunt.loadNpmTasks('grunt-assemble')
	grunt.loadNpmTasks('grunt-browser-sync')
	grunt.loadNpmTasks('grunt-browserify')
	grunt.loadNpmTasks('grunt-contrib-clean')
	grunt.loadNpmTasks('grunt-contrib-copy')
	grunt.loadNpmTasks('grunt-contrib-cssmin')
	grunt.loadNpmTasks('grunt-contrib-stylus')
	grunt.loadNpmTasks('grunt-contrib-watch')
	grunt.loadNpmTasks('grunt-hashres')
	grunt.loadNpmTasks('grunt-notify')

	// Register tasks
	grunt.registerTask('default', ['clean:dist', 'copy:images', 'assemble:dist', 'stylus:dist', 'browserify:dist', 'browserify:ie8', 'cssmin:dist', 'hashres:dist'])
	grunt.registerTask('dev', ['clean:dist', 'copy:images', 'assemble:dist', 'stylus:dev', 'browserify:dev', 'browserify:ie8', 'browserSync:dev', 'watch'])

}