mdb-ui-kit/Gruntfile.js

486 lines
14 KiB
JavaScript
Raw Normal View History

2015-11-04 23:49:03 +03:00
module.exports = function (grunt) {
"use strict";
2014-10-02 13:36:05 +04:00
require("load-grunt-tasks")(grunt);
2014-10-05 11:32:48 +04:00
grunt.initConfig({
htmllint: {
//options: {
// stoponerror: false,
// relaxerror: []
//},
//files: ['index.html', 'bootstrap-elements.html']
all: {
options: {
ignore: '“&” did not start a character reference. (“&” probably should have been escaped as “&”.)'
},
src: ["*.html"]
}
},
// Make sure we are structurally correct for bootstrap
bootlint: {
options: {
stoponerror: false,
relaxerror: []
},
files: ['index.html', 'bootstrap-elements.html']
},
2015-11-02 22:42:29 +03:00
// Convert from less to sass
lessToSass: {
2015-11-02 22:42:29 +03:00
convert: {
files: [{
expand: true,
cwd: "less",
src: ["*.less", "!_mixins.less", "!_mixins-fullpalette.less"],
ext: ".scss",
dest: "sass"
2015-11-03 04:17:00 +03:00
}],
options: {
replacements: [
// convert all shadow mixins
{ // https://regex101.com/r/sJ2lH4/1
pattern: /.shadow-z-(\d+)((?:-hover)?) {/gi,
replacement: "@mixin shadow-z-$1$2 {",
2015-11-04 23:49:03 +03:00
order: 2
2015-11-03 04:17:00 +03:00
},
// bad conversions of .shadow-z-*
{ // https://regex101.com/r/pV0yB0/3
pattern: /\.shadow-z-(\d+)((?:-hover)?)(?:\(\))?;/gi,
replacement: "@include shadow-z-$1$2;",
order: 2
},
2015-11-03 21:33:54 +03:00
// bad conversions to @include instead of @extend
{
2015-11-03 04:17:00 +03:00
pattern: /@include (foo1|foo2)\(\);/gi,
replacement: "@extend .$1;",
2015-11-03 04:17:00 +03:00
order: 2
},
// hack - (no conditional replacements)
{ // https://regex101.com/r/pV0yB0/2
pattern: /@extend @extend/gi,
replacement: "@extend",
order: 10
},
// button variations mixin replacement(s)
{ // Multi-line replacement - https://regex101.com/r/qD9qB8/2
pattern: /.generic-variations\(unquote\(("[^"]+")\), (\$[\s\S]+?(?!\r|\n)), {$\n[\s\S]+?(?!\r|\n)contrast[\s\S]+?(?!\r|\n)(\d+)[\s\S]+?(?!\r|\n)}\);$\n/mg,
replacement: "@include button-variations(unquote($1), $2, $3%);\n",
order: 20
},
// background-color generic-variations
{ // Multi-line replacement - https://regex101.com/r/cW6pH8/2
pattern: /.generic-variations\(unquote\(("[^"]+")\), (\$[\s\S]+?(?!\r|\n)), {$\n[\s\S]+?(?!\r|\n)background-color[\s\S]+?(?!\r|\n)(\(\d+\/\d+\))[\s\S]+?(?!\r|\n)}\);$\n/mg,
replacement: "@include bg-color-variations(unquote($1), $2, $3);\n",
order: 21
2015-11-04 23:34:47 +03:00
},
2015-11-03 04:17:00 +03:00
2015-11-04 23:34:47 +03:00
// bg-box-shadow generic-variations
{ // Multi-line replacement - https://regex101.com/r/jW8kR1/1
pattern: /.generic-variations\(unquote\(("[^"]+")\), (\$[\s\S]+?(?!\r|\n)), {$\n[\s\S]+?(?!\r|\n)box-shadow[\s\S]+?(?!\r|\n)[\s\S]+?(?!\r|\n)}\);$\n/mg,
replacement: "@include bg-box-shadow-variations(unquote($1), $2);\n",
2015-11-04 23:34:47 +03:00
order: 22
2015-11-04 23:41:37 +03:00
},
// bg-img generic-variations
{ // Multi-line replacement - https://regex101.com/r/aP2hH2/1
pattern: /.generic-variations\(unquote\(("[^"]+")\), (\$[\s\S]+?(?!\r|\n)), {$\n[\s\S]+?(?!\r|\n)background-image[\s\S]+?(?!\r|\n)[\s\S]+?(?!\r|\n)}\);$\n/mg,
replacement: "@include bg-img-variations(unquote($1), $2);\n",
2015-11-04 23:41:37 +03:00
order: 23
2015-11-04 23:49:03 +03:00
},
// navbar generic-variations
{ // Multi-line replacement - https://regex101.com/r/lX1hH1/1
pattern: /.generic-variations\(unquote\((".navbar")\), (\$[\s\S]+?(?!\r|\n)), {$\n[\s\S]+?(?!\r|\n)[\s\S]+?(?!\r|\n)[\s\S]+?(?!\r|\n)}\);$\n/mg,
replacement: "@include navbar-variations(unquote($1), $2);\n",
2015-11-04 23:49:03 +03:00
order: 24
},
2015-11-05 00:00:44 +03:00
2015-11-05 02:02:39 +03:00
// fix calc references
{ // https://regex101.com/r/aZ8iI5/1
pattern: /calc\(unquote\("([^"]+)"\)\)/gi,
replacement: "calc($1)",
2015-11-05 02:02:39 +03:00
order: 24
},
2015-11-05 00:00:44 +03:00
// alert generic-variations (convert this one last - very broad search)
{ // Multi-line replacement - https://regex101.com/r/jB1uL1/1
pattern: /.generic-variations\(unquote\(("([^"]+)?")\), (\$[\s\S]+?(?!\r|\n)), {$\n[\s\S]+}\);$\n/mg,
replacement: "@include alert-variations(unquote($1), $3);\n",
2015-11-05 00:00:44 +03:00
order: 250 // very broad search, do this last
},
// auto generated notice
{ // Multi-line replacement - https://regex101.com/r/aR2kT5/1
pattern: /([\s\S]+)/mg,
replacement: "\/\/ This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.\n\n$1",
order: 1000 // very broad search, do this last
},
2015-11-04 23:49:03 +03:00
]
2015-11-03 04:17:00 +03:00
}
2015-11-02 22:42:29 +03:00
}
},
// Test compile sass
sass: {
compile: {
files: [{
expand: true,
cwd: "sass",
//src: ['material.scss', 'material-fullpalette.scss', 'ripples.scss', 'roboto.scss'],
src: ["material.scss", "material-fullpalette.scss", "roboto.scss", "ripples.scss"],
dest: "dist/sassc", // added to gitignore, only used for local testing
ext: ".css"
}]
}
},
// Compile less to .css
// Compile less to .min.css
// Create source maps of both
less: {
material: {
options: {
paths: ["less"],
sourceMap: true,
sourceMapRootpath: "/",
sourceMapFilename: "dist/css/material.css.map",
sourceMapURL: "material.css.map"
},
files: {
"dist/css/material.css": "less/material.less",
}
},
2015-03-09 19:10:44 +03:00
materialfullpalette: {
options: {
paths: ["less"],
sourceMap: true,
sourceMapRootpath: "/",
2015-03-09 19:10:44 +03:00
sourceMapFilename: "dist/css/material-fullpalette.css.map",
sourceMapURL: "material-fullpalette.css.map",
outputSourceFiles: true
},
files: {
2015-03-09 19:10:44 +03:00
"dist/css/material-fullpalette.css": "less/material-fullpalette.less",
}
},
roboto: {
options: {
paths: ["less"],
sourceMap: true,
sourceMapRootpath: "/",
sourceMapFilename: "dist/css/roboto.css.map",
sourceMapURL: "roboto.css.map",
outputSourceFiles: true
},
files: {
"dist/css/roboto.css": "less/roboto.less",
}
},
ripples: {
options: {
paths: ["less"],
sourceMap: true,
sourceMapRootpath: "/",
sourceMapFilename: "dist/css/ripples.css.map",
sourceMapURL: "ripples.css.map",
outputSourceFiles: true
},
files: {
"dist/css/ripples.css": "less/ripples.less",
2014-10-02 13:36:05 +04:00
}
}
},
// Autoprefix .css and edit its source map
// Autoprefix .min.css an edit its source map
autoprefixer: {
options: {
map: true,
browsers: ["last 3 versions", "ie 8", "ie 9", "ie 10", "ie 11"]
},
material: {
files: {
"dist/css/material.css": "dist/css/material.css",
"dist/css/material.min.css": "dist/css/material.min.css"
}
},
2015-03-09 19:10:44 +03:00
materialfullpalette: {
files: {
"dist/css/material-fullpalette.css": "dist/css/material-fullpalette.css",
"dist/css/material-fullpalette.min.css": "dist/css/material-fullpalette.min.css"
}
},
roboto: {
files: {
2015-03-09 19:10:44 +03:00
"dist/css/roboto.css": "dist/css/roboto.css",
"dist/css/roboto.min.css": "dist/css/roboto.min.css"
}
},
ripples: {
files: {
"dist/css/ripples.css": "dist/css/ripples.css",
"dist/css/ripples.min.css": "dist/css/ripples.min.css"
}
}
},
// Minify CSS and adapt maps
csswring: {
material: {
src: "dist/css/material.css",
dest: "dist/css/material.min.css"
},
2015-03-09 19:10:44 +03:00
materialfullpalette: {
src: "dist/css/material-fullpalette.css",
dest: "dist/css/material-fullpalette.min.css"
},
roboto: {
src: "dist/css/roboto.css",
dest: "dist/css/roboto.min.css"
},
ripples: {
src: "dist/css/ripples.css",
dest: "dist/css/ripples.min.css"
}
},
// Copy .js to dist/js/ folder
copy: {
material: {
src: "scripts/material.js",
dest: "dist/js/material.js"
},
ripples: {
src: "scripts/ripples.js",
dest: "dist/js/ripples.js"
},
fonts: {
expand: true,
cwd: "fonts/",
src: "**",
dest: "dist/fonts/",
flatten: true,
filter: "isFile"
}
},
// Compile .js to .min.js
uglify: {
options: {
sourceMap: true
},
material: {
files: {
"dist/js/material.min.js": "dist/js/material.js"
}
},
ripples: {
files: {
"dist/js/ripples.min.js": "dist/js/ripples.js"
}
}
},
connect: {
options: {
port: 8040,
hostname: "localhost",
livereload: 35729
},
livereload: {
options: {
open: true,
base: "."
}
},
test: {
options: {
port: 8041,
open: "http://localhost:8041/_SpecRunner.html",
base: "."
}
}
},
jasmine: {
scripts: "scripts/**/*.js",
options: {
build: true,
specs: "test/*Spec.js",
helpers: "test/*Helper.js",
vendor: [
"https://code.jquery.com/jquery-1.10.2.min.js",
"https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"
]
}
},
jshint: {
options: {
jshintrc: ".jshintrc",
reporter: require("jshint-stylish")
},
all: [
//"Gruntfile.js", regex lines are too long for desired style guide.
"scripts/**/*.js",
"template/**/*.js",
"!template/**/*.min.js"
],
test: {
options: {
jshintrc: "test/.jshintrc",
src: ["test/**/*.js"]
}
}
},
watch: {
html: {
files: ["index.html", "bootstrap-elements.html"],
tasks: ["htmllint", "bootlint"]
},
js: {
files: ["Gruntfile.js", "scripts/**/*.js", "template/**/*.js"],
tasks: ["newer:jshint:all", "material:js"]
},
jsTest: {
files: ["test/**/*.js"],
tasks: ["newer:jshint:test", "jasmine"]
},
less: {
2015-11-04 23:49:03 +03:00
files: ["less/**/*.less"],
tasks: ["material:less"]//, "material:sass"]
},
//sass: {
// files: ["sass/*.scss"],
// tasks: ["material:sass"]
//},
livereload: {
options: {
livereload: "<%= connect.options.livereload %>"
},
files: [
"index.html",
"bootstrap-elements.html",
"dist/js/**/*.js",
"dist/css/**/*.css",
2015-03-04 23:47:53 +03:00
"demo/**/*.{png,jpg,jpeg,gif,webp,svg}"
]
}
},
exec: {
"meteor-init": {
command: [
// Make sure Meteor is installed, per https://meteor.com/install.
// The curl'ed script is safe; takes 2 minutes to read source & check.
"type meteor >/dev/null 2>&1 || { curl https://install.meteor.com/ | sh; }",
// Meteor expects package.js to be in the root directory of
// the checkout, so copy it there temporarily
"cp meteor/package.js ."
].join(";")
},
"meteor-cleanup": {
// remove build files and package.js
command: "rm -rf .build.* versions.json package.js"
},
"meteor-test": {
command: "node_modules/.bin/spacejam --mongo-url mongodb:// test-packages ./"
},
"meteor-publish": {
command: [
"ALL_EXIT_CODE=0; for PACKAGE_FILE in meteor/package*.js",
2015-11-04 23:49:03 +03:00
"do cp $PACKAGE_FILE ./package.js && meteor publish $@",
"ALL_EXIT_CODE=$(echo $ALL_EXIT_CODE + $? | bc); done",
"exit $ALL_EXIT_CODE"
].join(";")
}
}
});
grunt.loadNpmTasks("grunt-less-to-sass");
grunt.registerTask("default", ["material", "ripples"]);
grunt.registerTask("material", [
"material:less",
"material:js",
"material:sass"
]);
2015-11-02 22:42:29 +03:00
grunt.registerTask("material:sass", [
"lessToSass:convert",
"sass:compile"
2015-11-02 22:42:29 +03:00
]);
grunt.registerTask("material:less", [
"htmllint",
"bootlint",
"less:material",
2015-03-09 19:10:44 +03:00
"less:materialfullpalette",
"less:roboto",
"csswring:material",
2015-03-09 19:10:44 +03:00
"csswring:materialfullpalette",
"csswring:roboto",
"autoprefixer:material",
2015-03-09 19:10:44 +03:00
"autoprefixer:materialfullpalette",
"autoprefixer:roboto"
]);
grunt.registerTask("material:js", [
"copy:material",
"uglify:material"
]);
grunt.registerTask("ripples", [
"ripples:less",
"ripples:js"
]);
grunt.registerTask("ripples:less", [
"less:ripples",
"csswring:ripples",
"autoprefixer:ripples"
]);
grunt.registerTask("ripples:js", [
"copy:ripples",
"uglify:ripples"
]);
2015-11-04 23:49:03 +03:00
grunt.registerTask("build", function () {
2015-03-16 17:45:18 +03:00
grunt.task.run(["newer:jshint", "default"]);
});
grunt.registerTask("test", [
"jasmine:scripts:build",
"connect:test:keepalive"
]);
2015-11-04 23:49:03 +03:00
grunt.registerTask("serve", function (target) {
var buildTarget = "material:less";
2015-11-04 23:49:03 +03:00
if (target && target === "scss") {
buildTarget = "scss";
}
grunt.task.run([
2015-11-04 23:49:03 +03:00
"build:" + buildTarget,
"connect:livereload",
"watch"
]);
});
// Meteor tasks
grunt.registerTask("meteor-test", ["exec:meteor-init", "exec:meteor-test", "exec:meteor-cleanup"]);
grunt.registerTask("meteor-publish", ["exec:meteor-init", "exec:meteor-publish", "exec:meteor-cleanup"]);
grunt.registerTask("meteor", ["exec:meteor-init", "exec:meteor-test", "exec:meteor-publish", "exec:meteor-cleanup"]);
2015-03-17 18:05:03 +03:00
grunt.registerTask("cibuild", ["newer:jshint", "meteor-test"]);
2014-10-02 13:36:05 +04:00
};