You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
328 lines
8.2 KiB
328 lines
8.2 KiB
/*!
|
|
* Flat UI's Gruntfile
|
|
* http://designmodo.com/flat-free/
|
|
* Copyright 2013-2014 Designmodo, Inc.
|
|
*/
|
|
|
|
module.exports = function (grunt) {
|
|
'use strict';
|
|
|
|
// Force use of Unix newlines
|
|
grunt.util.linefeed = '\n';
|
|
|
|
grunt.initConfig({
|
|
|
|
// Metadata.
|
|
pkg: grunt.file.readJSON('package.json'),
|
|
bower_conf: grunt.file.exists('.bowerrc') ? grunt.file.readJSON('.bowerrc') : { directory : 'bower_components' },
|
|
banner: '/*!\n' +
|
|
' * Flat UI Free v<%= pkg.version %> (<%= pkg.homepage %>)\n' +
|
|
' * Copyright 2013-<%= grunt.template.today("yyyy") %> <%= pkg.author %>\n' +
|
|
' */\n',
|
|
|
|
// Task configuration.
|
|
clean: {
|
|
dist: ['dist']
|
|
},
|
|
|
|
jshint: {
|
|
options: {
|
|
jshintrc: 'js/.jshintrc'
|
|
},
|
|
src: {
|
|
src: 'js/*.js'
|
|
},
|
|
assets: {
|
|
src: 'docs/assets/js/application.js'
|
|
}
|
|
},
|
|
|
|
jscs: {
|
|
options: {
|
|
config: 'js/.jscs.json'
|
|
},
|
|
grunt: {
|
|
options: {
|
|
requireCamelCaseOrUpperCaseIdentifiers: null
|
|
},
|
|
src: 'Gruntfile.js'
|
|
},
|
|
src: {
|
|
src: '<%= jshint.src.src %>'
|
|
},
|
|
assets: {
|
|
options: {
|
|
requireCamelCaseOrUpperCaseIdentifiers: null
|
|
},
|
|
src: 'docs/assets/js/application.js'
|
|
}
|
|
},
|
|
|
|
concat: {
|
|
options: {
|
|
banner: '<%= banner %>',
|
|
stripBanners: false
|
|
},
|
|
dist: {
|
|
src: [
|
|
'<%= bower_conf.directory %>/jquery-ui/ui/jquery.ui.core.js',
|
|
'<%= bower_conf.directory %>/jquery-ui/ui/jquery.ui.widget.js',
|
|
'<%= bower_conf.directory %>/jquery-ui/ui/jquery.ui.mouse.js',
|
|
'<%= bower_conf.directory %>/jquery-ui/ui/jquery.ui.position.js',
|
|
'<%= bower_conf.directory %>/jquery-ui/ui/jquery.ui.button.js',
|
|
'<%= bower_conf.directory %>/jquery-ui/ui/jquery.ui.slider.js',
|
|
'<%= bower_conf.directory %>/jquery-ui/ui/jquery.ui.effect.js',
|
|
'<%= bower_conf.directory %>/jquery-ui-touch-punch/jquery.ui.touch-punch.js',
|
|
|
|
'<%= bower_conf.directory %>/bootstrap/dist/js/bootstrap.js',
|
|
|
|
'<%= bower_conf.directory %>/bootstrap-switch/dist/js/bootstrap-switch.js',
|
|
'<%= bower_conf.directory %>/bootstrap-tagsinput/dist/bootstrap-tagsinput.js',
|
|
'<%= bower_conf.directory %>/holderjs/holder.js',
|
|
'<%= bower_conf.directory %>/typeahead.js/dist/typeahead.bundle.js',
|
|
'<%= bower_conf.directory %>/select2/select2.js',
|
|
|
|
'js/*.js',
|
|
'!js/application.js'
|
|
],
|
|
dest: 'dist/js/<%= pkg.name %>.js'
|
|
}
|
|
},
|
|
|
|
uglify: {
|
|
options: {
|
|
preserveComments: 'some'
|
|
},
|
|
dist: {
|
|
src: '<%= concat.dist.dest %>',
|
|
dest: 'dist/js/<%= pkg.name %>.min.js'
|
|
}
|
|
},
|
|
|
|
less: {
|
|
compileCore: {
|
|
options: {
|
|
strictMath: true,
|
|
sourceMap: true,
|
|
outputSourceFiles: true,
|
|
sourceMapURL: '<%= pkg.name %>.css.map',
|
|
sourceMapFilename: 'dist/css/<%= pkg.name %>.css.map'
|
|
},
|
|
files: {
|
|
'dist/css/<%= pkg.name %>.css': 'less/<%= pkg.name %>.less'
|
|
}
|
|
},
|
|
compileDocs: {
|
|
options: {
|
|
strictMath: true,
|
|
sourceMap: true,
|
|
outputSourceFiles: true,
|
|
sourceMapURL: 'docs.css.map',
|
|
sourceMapFilename: 'docs/assets/css/docs.css.map'
|
|
},
|
|
files: {
|
|
'docs/assets/css/docs.css': 'docs/assets/css/src/docs.less'
|
|
}
|
|
},
|
|
compileDemo: {
|
|
options: {
|
|
strictMath: true,
|
|
sourceMap: true,
|
|
outputSourceFiles: true,
|
|
sourceMapURL: 'demo.css.map',
|
|
sourceMapFilename: 'docs/assets/css/demo.css.map'
|
|
},
|
|
files: {
|
|
'docs/assets/css/demo.css': 'docs/assets/css/src/demo.less'
|
|
}
|
|
}
|
|
},
|
|
|
|
autoprefixer: {
|
|
options: {
|
|
browsers: [
|
|
'Android >= 4',
|
|
'Chrome >= 20',
|
|
'Firefox >= 24', // Firefox 24 is the latest ESR
|
|
'Explorer >= 9',
|
|
'iOS >= 6',
|
|
'Opera >= 16',
|
|
'Safari >= 6'
|
|
]
|
|
},
|
|
core: {
|
|
options: {
|
|
map: true
|
|
},
|
|
src: 'dist/css/<%= pkg.name %>.css'
|
|
},
|
|
assets: {
|
|
src: ['docs/assets/css/docs.css', 'docs/assets/css/demo.css']
|
|
}
|
|
},
|
|
|
|
csslint: {
|
|
options: {
|
|
csslintrc: 'less/.csslintrc',
|
|
'overqualified-elements': false
|
|
},
|
|
src: [
|
|
'dist/css/<%= pkg.name %>.css'
|
|
],
|
|
assets: {
|
|
options: {
|
|
ids: false,
|
|
'overqualified-elements': false
|
|
},
|
|
src: ['docs/assets/css/docs.css', 'docs/assets/css/demo.css']
|
|
}
|
|
},
|
|
|
|
cssmin: {
|
|
options: {
|
|
keepSpecialComments: '*',
|
|
noAdvanced: true
|
|
},
|
|
core: {
|
|
files: {
|
|
'dist/css/<%= pkg.name %>.min.css': 'dist/css/<%= pkg.name %>.css'
|
|
}
|
|
}
|
|
},
|
|
|
|
usebanner: {
|
|
dist: {
|
|
options: {
|
|
position: 'top',
|
|
banner: '<%= banner %>'
|
|
},
|
|
files: {
|
|
src: [
|
|
'dist/css/<%= pkg.name %>.css',
|
|
'dist/css/<%= pkg.name %>.min.css',
|
|
'docs/assets/css/docs.css',
|
|
'docs/assets/css/demo.css'
|
|
]
|
|
}
|
|
}
|
|
},
|
|
|
|
csscomb: {
|
|
options: {
|
|
config: 'less/.csscomb.json'
|
|
},
|
|
dist: {
|
|
files: {
|
|
'dist/css/<%= pkg.name %>.css': 'dist/css/<%= pkg.name %>.css'
|
|
}
|
|
},
|
|
assets: {
|
|
files: {
|
|
'docs/assets/css/docs.css': 'docs/assets/css/docs.css',
|
|
'docs/assets/css/demo.css': 'docs/assets/css/demo.css'
|
|
}
|
|
}
|
|
},
|
|
|
|
copy: {
|
|
dist: {
|
|
expand: true,
|
|
src: [
|
|
'fonts/**',
|
|
'img/**'
|
|
],
|
|
dest: 'dist/'
|
|
},
|
|
distTemplate: {
|
|
src: 'docs/template.html',
|
|
dest: 'dist/index.html'
|
|
},
|
|
distVendorJS: {
|
|
expand: true,
|
|
flatten: true,
|
|
cwd: './bower_components',
|
|
src: [
|
|
'jquery/dist/jquery.min.js',
|
|
'jquery/dist/jquery.min.map',
|
|
'respond/dest/respond.min.js',
|
|
'html5shiv/dist/html5shiv.js',
|
|
'videojs/dist/video-js/video.js',
|
|
'videojs/dist/video-js/video-js.swf'
|
|
],
|
|
dest: 'dist/js/vendor/'
|
|
},
|
|
distVendorCSS: {
|
|
expand: true,
|
|
flatten: true,
|
|
cwd: '<%= bower_conf.directory %>',
|
|
src: [
|
|
'bootstrap/dist/css/bootstrap.min.css'
|
|
],
|
|
dest: 'dist/css/vendor/'
|
|
},
|
|
docsVendorJS: {
|
|
expand: true,
|
|
flatten: true,
|
|
cwd: '<%= bower_conf.directory %>',
|
|
src: 'google-code-prettify/src/prettify.js',
|
|
dest: 'docs/assets/js/'
|
|
}
|
|
},
|
|
|
|
connect: {
|
|
options: {
|
|
port: 9007,
|
|
livereload: 42201,
|
|
hostname: 'localhost',
|
|
base: '.'
|
|
},
|
|
livereload: {
|
|
options: {
|
|
open: true
|
|
}
|
|
}
|
|
},
|
|
|
|
watch: {
|
|
less: {
|
|
files: 'less/**/*.less',
|
|
tasks: ['less', 'autoprefixer']
|
|
},
|
|
livereload: {
|
|
options: {
|
|
livereload: '<%= connect.options.livereload %>'
|
|
},
|
|
files: ['{,*/}*.html', '{docs,dist}/**/css/{,*/}*.css', '{docs,dist}/**/js/{,*/}*.js']
|
|
}
|
|
}
|
|
});
|
|
|
|
// These plugins provide necessary tasks.
|
|
require('load-grunt-tasks')(grunt, { scope: 'devDependencies' });
|
|
require('time-grunt')(grunt);
|
|
|
|
// Test task.
|
|
grunt.registerTask('test', ['csslint', 'jshint', 'jscs']);
|
|
|
|
// JS distribution task.
|
|
grunt.registerTask('dist-js', ['concat', 'uglify']);
|
|
|
|
// CSS distribution task.
|
|
grunt.registerTask('dist-css', ['less', 'autoprefixer', 'usebanner', 'csscomb', 'cssmin']);
|
|
|
|
// Docs distribution task.
|
|
grunt.registerTask('dist-docs', ['copy:docsVendorJS']);
|
|
|
|
// Copy files to dist.
|
|
grunt.registerTask('dist-copy', ['copy:dist', 'copy:distVendorJS', 'copy:distVendorCSS', 'copy:distTemplate']);
|
|
|
|
// Full distribution task.
|
|
grunt.registerTask('dist', ['clean', 'dist-css', 'dist-copy', 'dist-js', 'dist-docs']);
|
|
|
|
// Default task.
|
|
grunt.registerTask('default', ['test', 'dist']);
|
|
|
|
// Run server, run...
|
|
grunt.registerTask('server', ['less', 'autoprefixer', 'connect:livereload', 'watch']);
|
|
|
|
};
|