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 }; // create a version based on the build timestamp var { format } = require('date-fns'); var version = `-${format(new Date(), "yyyy-MM-dd-HH-mm")}`; var releaseVersion = require('./package.json').version; /** * 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/"); // Casper JS tests var casperjsOptions = [ '--baseUrl=http://' + hostname + ':' + PORT.TEST, '--mode=?debug', '--verbose=false', '--includes=test/casperjs/integration/include.js', '--log-level=info', '--print-command=false', '--print-file-paths=true', ]; var integrationTestPaths = require('./test/casperjs/integration/IntegrationSuite.js').tests; var integrationTests = prefixPaths(integrationTestPaths, "test/casperjs/integration/"); var getConnectConfig = function (base, port, host, open) { return { options: { port: port, hostname : host, base: base, open: open } }; }; // 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'] }, eslint: { files: [ // Includes 'src/js/**/*.js', // Exludes // TODO: remove this (for now we still get warnings from the lib folder) '!src/js/**/lib/**/*.js' ], options: { fix: grunt.option('fix') // this will get params from the flags } }, /** * SERVERS, BROWSER LAUNCHERS */ connect: { prod: getConnectConfig('dest/prod', PORT.PROD, hostname, true), test: getConnectConfig(['dest/dev', 'test'], PORT.TEST, hostname, false), dev: getConnectConfig(['dest/dev', 'test'], PORT.DEV, hostname, 'http://' + hostname + ':' + PORT.DEV + '/?debug') }, 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', retinaSrcFilter: 'src/img/icons/**/*@2x.png', dest: 'src/img/icons.png', retinaDest: 'src/img/icons@2x.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/tmp/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, 'releaseVersion' : releaseVersion } } } }, 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'} ] }, css: { options: { patterns: [{ match: /var\(--highlight-color\)/g, replacement: "gold", }] }, files: [{ src: ['dest/tmp/css/piskel-style-packaged' + version + '.css'], dest: 'dest/prod/css/piskel-style-packaged' + version + '.css' }] } }, 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'}, {src: ['./package.json'], dest: 'dest/prod/package.json'}, {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' } }, casperjs : { drawing : { files : { src: ['test/casperjs/DrawingTest.js'] }, options : { casperjsOptions: casperjsOptions } }, integration : { files : { src: integrationTests }, options : { casperjsOptions: casperjsOptions } } }, /** * DESKTOP BUILDS */ nwjs: { run: { options: { version : "0.66.1", buildDir: './dest/desktop/', // destination folder of releases. flavor: "normal", mode: "run", files: './dest/prod/**/*', }, }, build: { options: { version : "0.66.1", buildDir: './dest/desktop/', // destination folder of releases. flavor: "normal", platforms: ['linux', 'osx64', 'win'], files: './dest/prod/**/*', }, }, } }); // TEST TASKS // Run linting grunt.registerTask('lint', ['eslint', 'leadingIndent:css']); // Run unit-tests grunt.registerTask('unit-test', ['karma']); // Run integration tests grunt.registerTask('integration-test', ['build-dev', 'connect:test', 'casperjs:integration']); // Run drawing tests grunt.registerTask('drawing-test', ['build-dev', 'connect:test', 'casperjs:drawing']); // Run linting, unit tests, drawing tests and integration tests grunt.registerTask('test', ['lint', 'unit-test', 'build-dev', 'connect:test', 'casperjs:drawing', 'casperjs:integration']); // Run the tests, even if the linting fails grunt.registerTask('test-nolint', ['unit-test', 'build-dev', 'connect:test', 'casperjs:drawing', 'casperjs:integration']); // Used by optional precommit hook grunt.registerTask('precommit', ['test']); // BUILD TASKS 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:mainPartial', 'replace:css', 'copy:prod']); grunt.registerTask('build-dev', ['clean:dev', 'sprite', 'build-index.html', 'copy:dev']); grunt.registerTask('desktop-run', ['clean:desktop', 'default', 'nwjs:run']); grunt.registerTask('desktop-build', ['clean:desktop', 'default', 'nwjs:build']); // SERVER TASKS // Start webserver and watch for changes grunt.registerTask('serve', ['build', 'connect:prod', 'watch:prod']); // Start webserver on src folder, in debug mode grunt.registerTask('play', ['build-dev', 'connect:dev', 'watch:dev']); // ALIASES, kept for backward compatibility grunt.registerTask('serve-debug', ['play']); grunt.registerTask('serve-dev', ['play']); grunt.registerTask('test-travis', ['test']); grunt.registerTask('test-local', ['test']); // Default task grunt.registerTask('default', ['lint', 'build']); };