var path = require('path'); module.exports = function (grunt) { // -- Config ------------------------------------------------------------------- grunt.initConfig({ pkg : grunt.file.readJSON('package.json'), normalize: grunt.file.readJSON('src/base/bower.json'), // -- Constants ------------------------------------------------------------ BUILD_COMMENT: 'THIS FILE IS GENERATED BY A BUILD SCRIPT - DO NOT EDIT!', // -- Clean Config --------------------------------------------------------- clean: { build : ['build/'], build_res: ['build/*-r.css'], release : ['release/<%= pkg.version %>/'], base : ['src/base/css/', 'src/base/bower.json', 'src/base/LICENSE.md'] }, // -- Copy Config ---------------------------------------------------------- copy: { build: { expand : true, flatten: true, src : 'src/**/css/*.css', dest : 'build/', rename: function (dest, src) { // normalize -> base src = src.replace(/^normalize(-.+\.css|\.css)$/, 'base$1'); return path.join(dest, src); } }, normalize: { expand : true, flatten: true, cwd : 'bower_components/normalize-css/', src : '{bower.json,LICENSE.md,normalize.css}', dest : 'src/base/', rename: function (dest, file) { if (grunt.file.isMatch('*.css', file)) { return path.join(dest, 'css', file); } return path.join(dest, file); }, options: { processContent: function (content, file) { var comment = grunt.config('BUILD_COMMENT'); if (grunt.file.isMatch({matchBase: true}, '*.css', file)) { content = '/* ' + comment + ' */\n' + content; } else if (grunt.file.isMatch({matchBase: true}, '*.html', file)) { content = '\n' + content; } return content; } } } }, // -- Concat Config -------------------------------------------------------- concat: { build: { files: [ {'build/buttons.css': [ 'build/buttons-core.css', 'build/buttons.css' ]}, {'build/forms-nr.css': [ 'build/forms-core.css', 'build/forms.css' ]}, {'build/forms.css': [ 'build/forms-nr.css', 'build/forms-r.css' ]}, {'build/grids-nr.css': [ 'build/grids-core.css', 'build/grids-units.css' ]}, {'build/grids.css': [ 'build/grids-nr.css', 'build/grids-r.css' ]}, {'build/menus-nr.css': [ 'build/menus-core.css', 'build/menus.css', 'build/menus-paginator.css' ]}, {'build/menus.css': [ 'build/menus-nr.css', 'build/menus-r.css' ]} ] }, all: { files: { 'build/<%= pkg.name %>-min.css': [ 'build/base-min.css', 'build/buttons-min.css', 'build/forms-min.css', 'build/grids-min.css', 'build/menus-min.css', 'build/tables-min.css' ], 'build/<%= pkg.name %>-nr-min.css': [ 'build/base-min.css', 'build/buttons-min.css', 'build/forms-nr-min.css', 'build/grids-nr-min.css', 'build/menus-nr-min.css', 'build/tables-min.css' ] } } }, // -- CSSLint Config ------------------------------------------------------- csslint: { options: { csslintrc: '.csslintrc' }, src: { src: [ 'src/**/css/*.css', '!src/base/css/*', '!src/forms/css/forms-core.css' ] } }, // -- CSSMin Config -------------------------------------------------------- cssmin: { options: { // report: 'gzip' }, files: { expand: true, src : 'build/*.css', ext : '-min.css' } }, // -- Compress Config ------------------------------------------------------ compress: { release: { options: { archive: 'release/<%= pkg.version %>/<%= pkg.name %>-<%= pkg.version %>.zip' }, expand : true, flatten: true, src : 'build/*.css', dest : '<%= pkg.name %>/<%= pkg.version %>/' } }, // -- License Config ------------------------------------------------------- license: { normalize: { options: { banner: [ '/*!', 'normalize.css v<%= normalize.version %> | MIT License | git.io/normalize', 'Copyright (c) Nicolas Gallagher and Jonathan Neal', '*/\n' ].join('\n') }, expand: true, cwd : 'build/', src : ['base*.css', 'forms*.css', 'tables*.css', '<%= pkg.name %>*.css'] }, yahoo: { options: { banner: [ '/*!', 'Pure v<%= pkg.version %>', 'Copyright 2013 Yahoo! Inc. All rights reserved.', 'Licensed under the BSD License.', 'https://github.com/yui/pure/blob/master/LICENSE.md', '*/\n' ].join('\n') }, expand: true, src : ['build/*.css'] } }, // -- Contextualize Config ------------------------------------------------- contextualize: { normalize: { src : 'src/base/css/normalize.css', dest: 'src/base/css/normalize-context.css', options: { prefix: '.pure', banner: '/* <%= BUILD_COMMENT %> */\n' } } }, // -- Watch Config --------------------------------------------------------- watch: { src: { files: 'src/**/css/*.css', tasks: ['test', 'default'], options: { interrupt: true } } } }); // -- Main Tasks --------------------------------------------------------------- grunt.loadNpmTasks('grunt-contrib-clean'); grunt.loadNpmTasks('grunt-contrib-copy'); grunt.loadNpmTasks('grunt-contrib-concat'); grunt.loadNpmTasks('grunt-contrib-csslint'); grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.loadNpmTasks('grunt-contrib-compress'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.registerTask('default', [ 'clean:build', 'copy:build', 'concat:build', 'clean:build_res', 'cssmin', 'concat:all', 'license' ]); grunt.registerTask('import', [ 'bower-install', 'import-normalize' ]); grunt.registerTask('test', [ 'csslint' ]); grunt.registerTask('release', [ 'test', 'default', 'clean:release', 'compress:release' ]); // -- Import Tasks ------------------------------------------------------------- grunt.registerTask('import-normalize', [ 'clean:base', 'copy:normalize', 'contextualize:normalize' ]); // -- Bower Task --------------------------------------------------------------- grunt.registerTask('bower-install', 'Installs Bower dependencies.', function () { var bower = require('bower'), done = this.async(); bower.commands.install() .on('data', function (data) { grunt.log.write(data); }) .on('end', done); }); // -- License Task ------------------------------------------------------------- grunt.registerMultiTask('license', 'Stamps license banners on files.', function () { var options = this.options({banner: ''}), banner = grunt.template.process(options.banner), tally = 0; this.files.forEach(function (filePair) { filePair.src.forEach(function (file) { grunt.file.write(file, banner + grunt.file.read(file)); tally += 1; }); }); grunt.log.writeln('Stamped license on ' + String(tally).cyan + ' files.'); }); // -- Contextualize Task ------------------------------------------------------- grunt.registerMultiTask('contextualize', 'Makes Contextualized CSS files.', function () { var Parser = require('parserlib').css.Parser, done = this.async(), options = this.options({banner: ''}), banner = grunt.template.process(options.banner), processing = 0; function oneDone() { if (!(processing -= 1)) { done(); } } this.files.forEach(function (filePair) { filePair.src.forEach(function (file) { var src = grunt.file.read(file), contextual = banner, parser = new Parser(); parser.addListener('endstylesheet', function () { grunt.file.write(filePair.dest, contextual); grunt.log.writeln('File "' + filePair.dest + '" created.'); oneDone(); }); // Fired right before CSS properties are parsed for a certain rule. // Go through and add all the selectors to the `css` string. parser.addListener('startrule', function (event) { var prefix = options.prefix; event.selectors.forEach(function (selector, i) { var nextSelector = event.selectors[i + 1]; // If the selector does not contain the html selector, we // can go ahead and prepend `prefix` in front of it. if (selector.text.indexOf('html') === -1) { contextual += prefix + ' ' + selector.text; } else if (selector.text.indexOf('html') !== -1) { // If it contains `html`, replace the `html` with the // `prefix`. Replace multiple spaces with a single // space. This is for the case where // `html input[type='button']` comes through as // `html input[type='button']`. contextual += selector.text.replace('html', prefix).replace(/ +/g, ' '); } // If theres another selector, add a comma. if (nextSelector) { contextual += ',\n'; } else { // Otherwise, add an opening bracket for properties contextual += ' {\n'; } }); }); // Fired right after CSS properties are parsed for a certain rule. // Add the closing bracket to end the CSS Rule. parser.addListener('endrule', function (event) { contextual += '}\n'; }); // Fired for each property that the parser encounters. Add these // properties to the `css` string with 4 spaces. parser.addListener('property', function (event) { // Add 4 spaces tab. contextual += ' ' + event.property + ': ' + event.value + ';\n'; }); // Do the parsing. processing += 1; parser.parse(src); }); }); }); };