|
| 1 | +var fs = require('fs'); |
| 2 | + |
| 3 | +module.exports = function(grunt) { |
| 4 | + grunt.initConfig({ |
| 5 | + |
| 6 | + less: { |
| 7 | + build: { |
| 8 | + options: {}, |
| 9 | + files: { |
| 10 | + 'dist/waves.css': 'src/less/waves.less' |
| 11 | + } |
| 12 | + }, |
| 13 | + minified: { |
| 14 | + options: { |
| 15 | + cleancss:true |
| 16 | + }, |
| 17 | + files: { |
| 18 | + 'dist/waves.min.css': 'src/less/waves.less' |
| 19 | + } |
| 20 | + }, |
| 21 | + // re-minify everything in tests/ so that they all |
| 22 | + // have the same minification for comparision |
| 23 | + test: { |
| 24 | + options: { |
| 25 | + cleancss:true, |
| 26 | + cleancssOptions: { |
| 27 | + keepSpecialComments:'0' |
| 28 | + } |
| 29 | + }, |
| 30 | + files: { |
| 31 | + 'tests/less/waves.min.css': 'src/less/waves.less', |
| 32 | + 'tests/sass/waves.min.css': 'tests/sass/waves.css', |
| 33 | + 'tests/scss/waves.min.css': 'tests/scss/waves.css', |
| 34 | + 'tests/stylus/waves.min.css': 'tests/stylus/waves.css' |
| 35 | + } |
| 36 | + } |
| 37 | + }, |
| 38 | + |
| 39 | + jshint: { |
| 40 | + |
| 41 | + files: [ |
| 42 | + 'gruntfile.js', |
| 43 | + 'src/js/*.js', |
| 44 | + ], |
| 45 | + |
| 46 | + options: { |
| 47 | + globals: { |
| 48 | + console: true |
| 49 | + } |
| 50 | + } |
| 51 | + }, |
| 52 | + |
| 53 | + uglify: { |
| 54 | + options: { |
| 55 | + mangle: true, // false when debugging |
| 56 | + compress: { |
| 57 | + sequences: true, |
| 58 | + dead_code: true, |
| 59 | + conditionals: true, |
| 60 | + booleans: true, |
| 61 | + unused: true, |
| 62 | + if_return: true, |
| 63 | + join_vars: true, |
| 64 | + drop_console: true |
| 65 | + }, |
| 66 | + sourceMap: true, |
| 67 | + sourceMapName: 'dist/waves.min.js.map', |
| 68 | + preserveComments: 'some' |
| 69 | + }, |
| 70 | + js: { |
| 71 | + files: { |
| 72 | + 'dist/waves.min.js': ['src/js/waves.js'] |
| 73 | + } |
| 74 | + } |
| 75 | + }, |
| 76 | + |
| 77 | + // Copy to dist |
| 78 | + copy: { |
| 79 | + js: { |
| 80 | + expand: true, |
| 81 | + cwd: 'src/js', |
| 82 | + src: 'waves.js', |
| 83 | + dest: 'dist/' |
| 84 | + }, |
| 85 | + docs: { |
| 86 | + expand: true, |
| 87 | + cwd: 'dist', |
| 88 | + src: ['waves.min.css', 'waves.min.js'], |
| 89 | + dest: 'docs/static' |
| 90 | + } |
| 91 | + }, |
| 92 | + |
| 93 | + //convert less to stylus |
| 94 | + execute: { |
| 95 | + less2stylus: { |
| 96 | + call: function(grunt, options, async) { |
| 97 | + var done = async(); |
| 98 | + var exec = require('child_process').exec; |
| 99 | + exec('cd node_modules/less2stylus && node ./less2stylus ../../src/less/waves.less', function (error, stdout, stderr) { |
| 100 | + grunt.log.writeln('Executing less2styus...'); |
| 101 | + |
| 102 | + if (error) { |
| 103 | + grunt.log.writeln('Error! ' + error); |
| 104 | + } |
| 105 | + |
| 106 | + var fs = require('fs'); |
| 107 | + fs.writeFile("src/stylus/waves.styl", stdout, function(err) { |
| 108 | + if(err) { |
| 109 | + grunt.log.writeln(err); |
| 110 | + } else { |
| 111 | + grunt.log.writeln("Stylus file was saved!"); |
| 112 | + } |
| 113 | + |
| 114 | + done(); // let grunt resume |
| 115 | + }); |
| 116 | + }); |
| 117 | + } |
| 118 | + }, |
| 119 | + |
| 120 | + less2scss: { |
| 121 | + //FUTURE: Put less2scss as it's own script |
| 122 | + call: function(grunt, options, async) { |
| 123 | + var done = async(); |
| 124 | + var text = fs.readFileSync('src/less/waves.less', {encoding:'utf8'}); |
| 125 | + |
| 126 | + //replace @ with $ |
| 127 | + text = text.replace(/@(?!import|media|keyframes|-)/g, '$'); |
| 128 | + //replace mixins |
| 129 | + text = text.replace(/\.([\w\-]*)\s*\((.*)\)\s*\{/g, '@mixin $1($2){'); |
| 130 | + //replace includes |
| 131 | + text = text.replace(/\.([\w\-]*\(.*\)\s*;)/g, '@include $1'); |
| 132 | + //replace string literals |
| 133 | + //eg. ~'!important' -> #{"!important"} |
| 134 | + text = text.replace(/~(?:\"|\')(.*)(?:\"|\')/g, '#{"$1"}'); |
| 135 | + |
| 136 | + //NOTE: for true less->scss transpiling we'd need to replace spin to adjust-hue (not needed but anyway) |
| 137 | + |
| 138 | + fs.writeFileSync('src/scss/waves.scss', text); |
| 139 | + |
| 140 | + done(); |
| 141 | + } |
| 142 | + }, |
| 143 | + |
| 144 | + test: { |
| 145 | + call: function(grunt, options, async) { |
| 146 | + var done = async(); |
| 147 | + var lessTest = fs.readFileSync('tests/less/waves.min.css', {encoding:'utf8'}); |
| 148 | + var sassTest = fs.readFileSync('tests/sass/waves.min.css', {encoding:'utf8'}); |
| 149 | + var scssTest = fs.readFileSync('tests/scss/waves.min.css', {encoding:'utf8'}); |
| 150 | + var stylusTest = fs.readFileSync('tests/stylus/waves.min.css', {encoding:'utf8'}); |
| 151 | + |
| 152 | + var failure = false; |
| 153 | + if (lessTest != sassTest) { |
| 154 | + grunt.log.writeln('ERROR: sass failed test.'); |
| 155 | + failure = true; |
| 156 | + } |
| 157 | + |
| 158 | + if (lessTest != scssTest) { |
| 159 | + grunt.log.writeln('ERROR: scss failed test.'); |
| 160 | + failure = true; |
| 161 | + } |
| 162 | + |
| 163 | + if (lessTest != stylusTest) { |
| 164 | + grunt.log.writeln('ERROR: stylus failed test.'); |
| 165 | + failure = true; |
| 166 | + } |
| 167 | + |
| 168 | + if (sassTest != scssTest) { |
| 169 | + grunt.log.writeln('WARNING: sass files aren\'t equal?'); |
| 170 | + failure = true; |
| 171 | + } |
| 172 | + |
| 173 | + if (!failure) grunt.log.writeln('PASS: conversions generated same CSS'); |
| 174 | + |
| 175 | + done(); |
| 176 | + } |
| 177 | + } |
| 178 | + }, |
| 179 | + |
| 180 | + 'sass-convert': { |
| 181 | + options: { |
| 182 | + from: 'scss', |
| 183 | + to: 'sass', |
| 184 | + indent: 2 |
| 185 | + }, |
| 186 | + files: { |
| 187 | + cwd: 'src/scss', |
| 188 | + src: '*.scss', |
| 189 | + dest: 'src/sass' |
| 190 | + } |
| 191 | + }, |
| 192 | + |
| 193 | + sass: { |
| 194 | + test: { |
| 195 | + files: [{ |
| 196 | + expand: true, |
| 197 | + cwd: 'src', |
| 198 | + src: ['**/*.sass', '**/*.scss'], |
| 199 | + dest: 'tests/', |
| 200 | + ext: '.css' |
| 201 | + }] |
| 202 | + } |
| 203 | + }, |
| 204 | + |
| 205 | + stylus: { |
| 206 | + test: { |
| 207 | + files: { |
| 208 | + 'tests/stylus/waves.css': 'src/stylus/waves.styl' |
| 209 | + } |
| 210 | + } |
| 211 | + }, |
| 212 | + |
| 213 | + clean: { |
| 214 | + test: ['tests/*'] |
| 215 | + }, |
| 216 | + |
| 217 | + watch: { |
| 218 | + script: { |
| 219 | + options: { |
| 220 | + spawn: false, |
| 221 | + event: ['added', 'deleted', 'changed'] |
| 222 | + }, |
| 223 | + files: ['src/**/*.js', 'src/**/*.less'], |
| 224 | + tasks: ['build'] |
| 225 | + }, |
| 226 | + grunt: { |
| 227 | + files: ['Gruntfile.js'] |
| 228 | + } |
| 229 | + } |
| 230 | + }); |
| 231 | + |
| 232 | + // Load module |
| 233 | + grunt.loadNpmTasks('grunt-contrib-concat'); |
| 234 | + grunt.loadNpmTasks('grunt-contrib-less'); |
| 235 | + grunt.loadNpmTasks('grunt-contrib-jshint'); |
| 236 | + grunt.loadNpmTasks('grunt-contrib-uglify'); |
| 237 | + grunt.loadNpmTasks('grunt-contrib-copy'); |
| 238 | + grunt.loadNpmTasks('grunt-contrib-watch'); |
| 239 | + grunt.loadNpmTasks('grunt-contrib-sass'); |
| 240 | + grunt.loadNpmTasks('grunt-contrib-stylus'); |
| 241 | + grunt.loadNpmTasks('grunt-execute'); |
| 242 | + grunt.loadNpmTasks('grunt-sass-convert'); |
| 243 | + grunt.loadNpmTasks('grunt-contrib-clean'); |
| 244 | + |
| 245 | + // Create grunt task |
| 246 | + grunt.registerTask('build', [ |
| 247 | + 'less:build', |
| 248 | + 'less:minified', |
| 249 | + 'jshint', |
| 250 | + 'uglify', |
| 251 | + 'copy', |
| 252 | + 'execute:less2stylus', |
| 253 | + 'execute:less2scss', |
| 254 | + 'sass-convert', |
| 255 | + 'sass:test', |
| 256 | + 'stylus:test', |
| 257 | + 'less:test', |
| 258 | + 'execute:test', |
| 259 | + 'clean:test' |
| 260 | + ]); |
| 261 | + |
| 262 | + grunt.registerTask('default', ['build', 'watch']); |
| 263 | +}; |
0 commit comments