Gruntfile.js

/*global module:false, require: false*/
module.exports = function (grunt) {
    "use strict";

    grunt.initConfig({
        pkg: grunt.file.readJSON("package.json"),
        clean: {
            dist: ["build/*.js", "dist/", "packageVersion.js"],
            all: ["build"],
        },
        connect: {
            server: {
                options: {
                    port: 8765,
                    hostname: "127.0.0.1",
                },
            },
        },
        jasmine: {
            src: "csscritic.js",
            options: {
                host: "http://127.0.0.1:8765/",
                outfile: "test/_SpecRunner.html", // enforce same relative path as manual SpecRunner.html
                specs: [
                    "test/specs/shared/*.js",
                    "test/specs/*.js",
                    "test/specs/reporter/*.js",
                ],
                helpers: [
                    "test/helpers.js",
                    "node_modules/jquery/dist/jquery.js",
                    "node_modules/jasmine-jquery/lib/jasmine-jquery.js",
                    "test/testHelper.js",
                ],
                summary: true,
                display: "short",
                version: "3.8.0", // https://github.com/gruntjs/grunt-contrib-jasmine/issues/339
            },
        },
        shell: {
            smokeTestLoader: {
                command: "./test/smokeTest.js test/smokeTestLoader.html",
            },
            smokeTestBundle: {
                command: "./test/smokeTest.js test/smokeTestBundled.html",
            },
        },
        exportVersion: {
            default: {
                template: "packageVersion.js.template",
                target: "packageVersion.js",
            },
        },
        concat: {
            one: {
                src: [
                    "src/scope.js",
                    "src/!(init|scope).js",
                    "src/reporter/*.js",
                    "packageVersion.js",
                    "src/init.js",
                ],
                dest: "build/<%= pkg.name %>.concat.js",
            },
        },
        umd: {
            all: {
                src: "build/<%= pkg.name %>.concat.js",
                dest: "build/<%= pkg.name %>.umd.js",
                objectToExport: "csscritic",
                indent: "    ",
                deps: {
                    default: ["imagediff", "rasterizeHTML"],
                    // HACK, use the css require to include css via cssify
                    cjs: [
                        "imagediff",
                        "rasterizehtml",
                        "../build/<%= pkg.name %>.concat.css",
                    ],
                },
            },
        },
        browserify: {
            allinone: {
                src: "build/<%= pkg.name %>.umd.js",
                dest: "dist/<%= pkg.name %>.allinone.js",
                options: {
                    browserifyOptions: {
                        standalone: "csscritic",
                        debug: true,
                    },
                    transform: ["cssify"],
                    plugin: [
                        [
                            "minifyify",
                            {
                                map: "<%= pkg.name %>.allinone.js.map",
                                output: "dist/<%= pkg.name %>.allinone.js.map",
                            },
                        ],
                    ],
                    banner:
                        "/*! <%= pkg.title || pkg.name %> - v<%= pkg.version %> - " +
                        '<%= grunt.template.today("yyyy-mm-dd") %>\n' +
                        "* <%= pkg.homepage %>\n" +
                        '* Copyright (c) <%= grunt.template.today("yyyy") %> <%= pkg.author.name %>, Copyright (c) 2012, 2013 ThoughtWorks, Inc.;' +
                        " Licensed <%= pkg.license %> */" +
                        "\n/* Integrated dependencies:\n" +
                        " * imagediff.js (MIT License),\n" +
                        " * url (MIT License),\n" +
                        " * xmlserializer (MIT License),\n" +
                        " * css-font-face-src (BSD License),\n" +
                        " * inlineresources (MIT License),\n" +
                        " * rasterizeHTML.js (MIT License) */\n",
                },
            },
        },
        cssmin: {
            dist: {
                files: {
                    "build/<%= pkg.name %>.concat.css": ["src/*/*.css"],
                },
            },
        },
        csslint: {
            css: {
                src: "src/**/*.css",
                options: {
                    ids: false,
                    "order-alphabetical": false,
                    "font-sizes": false,
                    "outline-none": false,
                    "adjoining-classes": false,
                    "box-model": false,
                    "box-sizing": false,
                    "duplicate-background-images": false,
                    "compatible-vendor-prefixes": false,
                    "fallback-colors": false,
                    "selector-newline": false,
                },
            },
        },
        watch: {
            files: ["*.js", "src/**/*.js", "test/**/*.js"],
            tasks: ["test"],
        },
        jshint: {
            all: ["src/**/*.js", "test/**/*.js", "*.js"],
            options: {
                jshintrc: true,
            },
        },
    });

    grunt.loadNpmTasks("grunt-contrib-concat");
    grunt.loadNpmTasks("grunt-contrib-connect");
    grunt.loadNpmTasks("grunt-contrib-jasmine");
    grunt.loadNpmTasks("grunt-contrib-jshint");
    grunt.loadNpmTasks("grunt-contrib-watch");
    grunt.loadNpmTasks("grunt-contrib-cssmin");
    grunt.loadNpmTasks("grunt-contrib-csslint");
    grunt.loadNpmTasks("grunt-contrib-clean");
    grunt.loadNpmTasks("grunt-shell");
    grunt.loadNpmTasks("grunt-browserify");
    grunt.loadNpmTasks("grunt-umd");

    grunt.registerMultiTask(
        "exportVersion",
        "Exports the version to a given file",
        function () {
            var fs = require("fs"),
                ejs = require("ejs"),
                packageJson = require("./package.json");

            var template = this.data.template,
                target = this.data.target;

            var packageName = packageJson.name,
                packageVersion = packageJson.version;

            var templateContent = fs.readFileSync(template, {
                    encoding: "utf8",
                }),
                fileContent = ejs.render(templateContent, {
                    name: packageName,
                    version: packageVersion,
                });

            fs.writeFileSync(target, fileContent);
        }
    );

    grunt.registerTask("test", ["jshint", "csslint", "connect", "jasmine"]);

    grunt.registerTask("build", [
        "clean:dist",
        "exportVersion",
        "concat",
        "umd",
        "cssmin",
        "browserify:allinone",
    ]);

    grunt.registerTask("default", [
        "test",
        "build",
        "shell:smokeTestLoader",
        "shell:smokeTestBundle",
    ]);
};