Gruntfile.js

'use strict';

module.exports = function (grunt) {
	// load all grunt tasks without explicitly referecing them
	require('load-grunt-tasks')(grunt);

	var path = require('path');
	var globalCfg = {
		src: {
			jsFiles: ['{app,starterKitSDK}/**/*.js', 'test/{unit,e2e}/**/*.js'],
			staticMiscFiles: ['index.html', 'app/**/*.{html,json}', 'app/{img,img-static}/**', 'common/img/**'],
			staticFontFiles: ['bower_components/bootstrap/dist/fonts/**']
		},
		distDir: 'dist'
	};
	
	//less config function for usemin
	var lessCreateConfig = function (context, block) {
		var cfg = { files: [] },
			//the destination file is the one referenced in the html and it's to be placed in the context.outDir folder 
			outfile = path.join(context.outDir, block.dest),
			filesDef = {};

		filesDef.dest = outfile;
		filesDef.src = [];
		//we have to process each 'less' file referenced in the html, and they are in the 'inDir' folder 
		context.inFiles.forEach(function (inFile) {
			filesDef.src.push(path.join(context.inDir, inFile));
		});

		cfg.files.push(filesDef);
		context.outFiles = [block.dest];
		return cfg;
	};

	grunt.initConfig({
		pkg: grunt.file.readJSON('package.json'),
		globalCfg: globalCfg,
		jshint: {
			all: '<%= globalCfg.src.jsFiles %>',
			options: {
				jshintrc: '.jshintrc',
				reporter: require('jshint-stylish')
			}
		},
		copy: {
			main: {
				files: [
					{ expand: true, src: '<%= globalCfg.src.staticMiscFiles %>', dest: '<%= globalCfg.distDir %>', filter: 'isFile' },
					{ expand: true, src: '<%= globalCfg.src.staticFontFiles %>', dest: '<%= globalCfg.distDir %>/app/fonts/', flatten: true, filter: 'isFile' }
				],
			},
		},
		useminPrepare: {
			//html file that usemin is going to analyse to find the files to process
			html: 'app/index.html',
			options: {
				//destination folder that usemin is going to use to output the processed files (for .js and .css for example)
				dest: '<%= globalCfg.distDir %>/app/',
				//this custom flow allows usemin to support less
				flow: {
					steps: {
						'js': ['concat', 'uglify'],
						'css': ['concat', 'cssmin'],
						'less': [{
							name: 'less',
							createConfig: lessCreateConfig
						}]
					},
					post: {}
				},
			}
		},
		less: {
			options: {
				plugins: [
					//plugin that automatically prefixes the css rules with vendor prefixes when needed 
					new (require('less-plugin-autoprefix'))({ browsers: ['last 2 versions'] }),
					//plugin that minifies the css
					new (require('less-plugin-clean-css'))()
				]
			}
		},
		uglify: {
			options: {
				screwIE8: true
			}
		},
		filerev: {
			options: {
				algorithm: 'md5',
				length: 8
			},
			//we do not process the "img-static" folder because the files inside must keep a static path
			images: { src: '<%= globalCfg.distDir %>/{app,common}/img/**/*' },
			js: { src: '<%= globalCfg.distDir %>/{app,common}/js/**/*.js' },
			css: { src: '<%= globalCfg.distDir %>/{app,common}/css/**/*.css' }
		},
		usemin: {
			//html file within which usemin is going to replace the resource references  
			html: ['<%= globalCfg.distDir %>/app/**/*.html'],
			js: ['<%= globalCfg.distDir %>/{app,common}/js/**/*.js'],
			css: ['<%= globalCfg.distDir %>/{app,common}/css/**/*.css'],
			options: {
				//we add the css folders as an "asset dir" so that the ressources referenced in it can resolved
				assetsDirs: [
					'<%= globalCfg.distDir %>/app', '<%= globalCfg.distDir %>/common',
					'<%= globalCfg.distDir %>/app/css', '<%= globalCfg.distDir %>/common/css'
				],
				blockReplacements: {
					less: function (block) {
						return '<link rel="stylesheet" href="' + block.dest + '">';
					}
				}
			}
		},
		karma: {
			options: {
				configFile: 'karma.conf.js',
			},
			//continuous integration mode: run tests once in PhantomJS browser.
			continuous: {
				singleRun: true,
				browsers: ['PhantomJS']
			}
		},
		clean: {
			public: [
				'<%= globalCfg.distDir %>/**',
				'.tmp'
			]
		},
		'http-server': {
			'dev': {
				root: '<%= globalCfg.distDir %>',
				port: 5001,
				openBrowser: true
			}
		}
	});

	grunt.registerTask('buildinfo', 'generate buildinfo file', function () {
		var pkg = grunt.file.readJSON('package.json');
		var filePath = globalCfg.distDir + '/buildinfo.json';
		var info = { 'name': pkg.name, 'version': pkg.version, 'build_date': grunt.template.today('yyyy-mm-dd') };
		grunt.file.write(filePath, JSON.stringify(info));
		grunt.log.ok(filePath + ' generated');
	});
	grunt.registerTask('test', [
		'clean',
		'jshint',
		'karma:continuous',
	]);
	grunt.registerTask('build', [
		'test',
		'buildinfo',
		'copy',
		'useminPrepare',
		'concat:generated',
		'cssmin:generated',
		'less:generated',
		'uglify:generated',
		'filerev',
		'usemin'
	]);
	grunt.registerTask('web', ['http-server:dev']);
};