module.exports = function(grunt) { // Update this variable if you don't want or can't serve on localhost var hostname = 'localhost'; var PORT = { PROD : 9001, DEV : 9901, TEST : 9991 }; var DEV_MODE = '?debug'; // create a version based on the build timestamp var dateFormat = require('dateformat'); var version = '-' + dateFormat(new Date(), "yyyy-mm-dd-hh-MM"); /** * Helper to prefix all strings in provided array with the provided path */ var prefixPaths = function (paths, prefix) { return paths.map(function (path) { return prefix + path; }); }; // get the list of scripts paths to include var scriptPaths = require('./src/piskel-script-list.js').scripts; var piskelScripts = prefixPaths(scriptPaths, "src/").filter(function (path) { return path.indexOf('devtools') === -1; }); // get the list of styles paths to include var stylePaths = require('./src/piskel-style-list.js').styles; var piskelStyles = prefixPaths(stylePaths, "src/"); var getCasperConfig = function (suiteName, delay, host) { var testPaths = require('./test/casperjs/' + suiteName).tests; var tests = prefixPaths(testPaths, "test/casperjs/"); return { filesSrc : tests, options : { args : { baseUrl : 'http://' + host + ':' + PORT.TEST, mode : DEV_MODE, delay : delay }, async : false, direct : false, logLevel : 'info', printCommand : false, printFilePaths : true } }; }; var getConnectConfig = function (base, port, host) { if (typeof base === 'string') { base = [base]; } return { options: { port: port, hostname : host, base: base } }; }; // load all grunt tasks require('load-grunt-tasks')(grunt); grunt.initConfig({ clean: { all: ['dest', 'src/img/icons.png', 'src/css/icons.css'], prod: ['dest/prod', 'dest/tmp'], desktop: ['dest/desktop', 'dest/tmp'], dev: ['dest/dev', 'dest/tmp'] }, /** * STYLE CHECKS */ leadingIndent : { options: { indentation : "spaces" }, css : ['src/css/**/*.css'] }, jscs : { options : { "config": ".jscsrc", "maximumLineLength": 120, "requireCamelCaseOrUpperCaseIdentifiers": "ignoreProperties", "validateQuoteMarks": { "mark": "'", "escape": true }, "disallowMultipleVarDecl": "exceptUndefined", "disallowSpacesInAnonymousFunctionExpression": null }, js : [ 'src/js/**/*.js' , '!src/js/**/lib/**/*.js' ] }, jshint: { options: { undef : true, latedef : true, browser : true, trailing : true, curly : true, globals : {'$':true, 'jQuery' : true, 'pskl':true, 'Events':true, 'Constants':true, 'console' : true, 'module':true, 'require':true, 'Q':true} }, files: [ 'Gruntfile.js', 'package.json', 'src/js/**/*.js', '!src/js/**/lib/**/*.js' // Exclude lib folder (note the leading !) ] }, /** * SERVERS, BROWSER LAUNCHERS */ connect: { prod: getConnectConfig('dest/prod', PORT.PROD, hostname), test: getConnectConfig(['dest/dev', 'test'], PORT.TEST, hostname), dev: getConnectConfig(['dest/dev', 'test'], PORT.DEV, hostname) }, open : { prod : { path : 'http://' + hostname + ':' + PORT.PROD + '/' }, dev : { path : 'http://' + hostname + ':' + PORT.DEV + '/' + DEV_MODE } }, watch: { prod: { files: ['src/**/*.*'], tasks: ['build'], options: { spawn: false } }, dev: { files: ['src/**/*.*'], tasks: ['build-dev'], options: { spawn: false } } }, /** * BUILD STEPS */ sprite:{ all : { src: 'src/img/icons/**/*.png', dest: 'src/img/icons.png', destCss: 'src/css/icons.css' } }, concat : { js : { options : { separator : ';' }, src : piskelScripts, dest : 'dest/prod/js/piskel-packaged' + version + '.js' }, css : { src : piskelStyles, dest : 'dest/prod/css/piskel-style-packaged' + version + '.css' } }, uglify : { options : { mangle : true }, js : { files : { 'dest/tmp/js/piskel-packaged-min.js' : ['dest/prod/js/piskel-packaged' + version + '.js'] } } }, includereplace: { all: { src: 'src/index.html', dest: 'dest/tmp/index.html', options : { globals : { 'version' : version } } } }, replace: { // main-partial.html is used when embedded in piskelapp.com mainPartial: { options: { patterns: [{ match: /^(.|[\r\n])*/, replacement: "{% raw %}", description : "Remove everything before body-main-start comment" },{ match: /(.|[\r\n])*$/, replacement: "{% endraw %}", description : "Remove everything after body-main-end comment" },{ match: /([\r\n]) /g, replacement: "$1", description : "Decrease indentation by one" } ] }, files: [ // src/index.html should already have been moved by the includereplace task {src: ['dest/tmp/index.html'], dest: 'dest/prod/piskelapp-partials/main-partial.html'} ] } }, copy: { prod: { files: [ // dest/js/piskel-packaged-min.js should have been created by the uglify task {src: ['dest/tmp/js/piskel-packaged-min.js'], dest: 'dest/prod/js/piskel-packaged-min' + version + '.js'}, {src: ['dest/tmp/index.html'], dest: 'dest/prod/index.html'}, {src: ['src/logo.png'], dest: 'dest/prod/logo.png'}, {src: ['src/js/lib/gif/gif.ie.worker.js'], dest: 'dest/prod/js/lib/gif/gif.ie.worker.js'}, {expand: true, src: ['img/**'], cwd: 'src/', dest: 'dest/prod/', filter: 'isFile'}, {expand: true, src: ['css/fonts/**'], cwd: 'src/', dest: 'dest/prod/', filter: 'isFile'} ] }, dev: { files: [ // in dev copy everything to dest/dev {src: ['dest/tmp/index.html'], dest: 'dest/dev/index.html'}, {src: ['src/piskel-script-list.js'], dest: 'dest/dev/piskel-script-list.js'}, {src: ['src/piskel-style-list.js'], dest: 'dest/dev/piskel-style-list.js'}, {expand: true, src: ['js/**'], cwd: 'src/', dest: 'dest/dev/', filter: 'isFile'}, {expand: true, src: ['css/**'], cwd: 'src/', dest: 'dest/dev/', filter: 'isFile'}, {expand: true, src: ['img/**'], cwd: 'src/', dest: 'dest/dev/', filter: 'isFile'}, ] } }, /** * TESTING */ karma: { unit: { configFile: 'karma.conf.js' } }, ghost : { 'travis' : getCasperConfig('TravisTestSuite.js', 10000, hostname), 'local' : getCasperConfig('LocalTestSuite.js', 50, hostname) }, /** * DESKTOP BUILDS */ nwjs: { windows : { options: { version : "0.12.3", build_dir: './dest/desktop/', // destination folder of releases. win: true, linux32: true, linux64: true }, src: ['./dest/prod/**/*', "./package.json", "!./dest/desktop/"] }, macos : { options: { osx64: true, version : "0.12.3", build_dir: './dest/desktop/' }, src: ['./dest/prod/**/*', "./package.json", "!./dest/desktop/"] } } }); // Validate grunt.registerTask('lint', ['jscs:js', 'leadingIndent:css', 'jshint']); // karma/unit-tests task grunt.registerTask('unit-test', ['karma']); // Validate & Test grunt.registerTask('test-travis', ['lint', 'unit-test', 'build-dev', 'connect:test', 'ghost:travis']); // Validate & Test (faster version) will NOT work on travis !! grunt.registerTask('test-local', ['lint', 'unit-test', 'build-dev', 'connect:test', 'ghost:local']); grunt.registerTask('test-local-nolint', ['unit-test', 'build-dev', 'connect:test', 'ghost:local']); grunt.registerTask('test', ['test-travis']); grunt.registerTask('precommit', ['test-local']); grunt.registerTask('build-index.html', ['includereplace']); grunt.registerTask('merge-statics', ['concat:js', 'concat:css', 'uglify']); grunt.registerTask('build', ['clean:prod', 'sprite', 'merge-statics', 'build-index.html', 'replace', 'copy:prod']); grunt.registerTask('build-dev', ['clean:dev', 'sprite', 'build-index.html', 'copy:dev']); // Validate & Build grunt.registerTask('default', ['lint', 'build']); // Build stand alone app with nodewebkit grunt.registerTask('desktop', ['clean:desktop', 'default', 'nwjs:windows']); grunt.registerTask('desktop-mac', ['clean:desktop', 'default', 'nwjs:macos']); // Start webserver and watch for changes grunt.registerTask('serve', ['build', 'connect:prod', 'open:prod', 'watch:prod']); // Start webserver on src folder, in debug mode grunt.registerTask('serve-dev', ['build-dev', 'connect:dev', 'open:dev', 'watch:dev']); grunt.registerTask('serve-debug', ['serve-dev']); grunt.registerTask('play', ['serve-dev']); };