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.
571 lines
13 KiB
571 lines
13 KiB
module.exports = function(grunt) {
|
|
|
|
var
|
|
|
|
defaultTasks = [
|
|
// run grunt watch
|
|
'watch'
|
|
],
|
|
|
|
watchTasks = [
|
|
// compiles less to docs
|
|
'less:buildDocsCSS',
|
|
|
|
// copies assets and js over to docs
|
|
'copy:srcToDocs',
|
|
|
|
// copies examples over to docs
|
|
'copy:examplesToDocs'
|
|
],
|
|
|
|
testWatchTasks = [
|
|
'clear',
|
|
'karma:watch:run'
|
|
],
|
|
|
|
testTasks = [
|
|
// compiles less to docs so phantomjs can read
|
|
'less:buildTestCSS',
|
|
|
|
// test components
|
|
'karma:travis'
|
|
],
|
|
|
|
buildTasks = [
|
|
// clean build directory
|
|
'clean:build',
|
|
|
|
// compiles less
|
|
'less:buildCSS',
|
|
|
|
// copies assets and js over to build dir
|
|
'copy:srcToBuild',
|
|
|
|
// creates minified css of each file
|
|
'cssmin:minifyCSS',
|
|
|
|
// creates custom license in header
|
|
'cssmin:addBanner',
|
|
|
|
// create concatenated css release
|
|
'concat:concatenateCSS',
|
|
|
|
// create concatenated js release
|
|
'concat:concatenateJS',
|
|
|
|
// creates minified js of each file
|
|
'uglify:minifyJS',
|
|
|
|
// creates release js of all together
|
|
'uglify:buildReleaseJS',
|
|
|
|
// creates minified css of each file
|
|
'cssmin:minifyCSS',
|
|
|
|
// creates custom license in header
|
|
'cssmin:addBanner',
|
|
|
|
// generate code docs
|
|
'docco:generate',
|
|
|
|
// cleans previous generated release
|
|
'clean:release',
|
|
|
|
// creates release zip
|
|
'compress:everything',
|
|
|
|
// copies assets to rtl
|
|
'copy:buildToRTL',
|
|
|
|
// create rtl release
|
|
'cssjanus:rtl',
|
|
|
|
// copies spec files over to docs
|
|
'copy:specToDocs',
|
|
|
|
// copies examples over to docs
|
|
'copy:examplesToDocs',
|
|
|
|
// copies files over to docs
|
|
'copy:buildToDocs'
|
|
],
|
|
|
|
setWatchTests = function(action, filePath) {
|
|
var
|
|
karmaFiles = grunt.config('karma.watch.files'),
|
|
isJavascript = (filePath.search('.js') !== -1),
|
|
isModule = (filePath.search('modules/') !== -1),
|
|
isSpec = (filePath.search('.spec') !== -1),
|
|
specFile = (isSpec)
|
|
? filePath
|
|
: filePath
|
|
.replace('src/', 'test/')
|
|
.replace('.js', '.spec.js')
|
|
;
|
|
if(isJavascript && (isSpec || isModule) ) {
|
|
karmaFiles.pop();
|
|
karmaFiles.push(specFile);
|
|
}
|
|
},
|
|
|
|
setWatchFiles = function(action, filePath) {
|
|
var
|
|
buildPath = filePath.replace('src/', 'docs/build/').replace('less', 'css')
|
|
;
|
|
if(filePath.search('.less') !== -1) {
|
|
grunt.config('less.buildDocsCSS.src', filePath);
|
|
grunt.config('less.buildDocsCSS.dest', buildPath);
|
|
}
|
|
else {
|
|
grunt.config('less.buildDocsCSS.src', 'non/existant/path');
|
|
grunt.config('less.buildDocsCSS.dest', 'non/existant/path');
|
|
}
|
|
},
|
|
|
|
// this allows filenames with multiple extensions to be preserved
|
|
preserveFileExtensions = function(folder, filename) {
|
|
return folder + filename.substring(0, filename.lastIndexOf('.') ) + '.css';
|
|
},
|
|
|
|
config
|
|
;
|
|
|
|
config = {
|
|
|
|
package : grunt.file.readJSON('package.json'),
|
|
|
|
/*******************************
|
|
Watch
|
|
*******************************/
|
|
|
|
// watches for changes in a source folder
|
|
watch: {
|
|
options: {
|
|
spawn: false
|
|
},
|
|
scripts: {
|
|
files: [
|
|
'test/**/*.js',
|
|
'src/**/*.js'
|
|
],
|
|
tasks : testWatchTasks
|
|
},
|
|
src: {
|
|
files: [
|
|
'build/examples/**/*',
|
|
'src/**/*.less',
|
|
'src/**/*.js'
|
|
],
|
|
tasks : watchTasks
|
|
}
|
|
},
|
|
|
|
/*******************************
|
|
Test
|
|
*******************************/
|
|
|
|
clear: {
|
|
terminal: {
|
|
|
|
}
|
|
},
|
|
|
|
karma: {
|
|
watch: {
|
|
configFile : 'karma.conf.js',
|
|
background : true
|
|
},
|
|
travis: {
|
|
configFile : 'karma.conf.js',
|
|
singleRun : true
|
|
}
|
|
},
|
|
|
|
/*******************************
|
|
Build
|
|
*******************************/
|
|
|
|
clean: {
|
|
options: {
|
|
force: true
|
|
},
|
|
build : [
|
|
'build/less',
|
|
'build/minified',
|
|
'build/packaged',
|
|
'build/uncompressed'
|
|
],
|
|
release : [
|
|
'docs/build',
|
|
'docs',
|
|
'rtl'
|
|
]
|
|
},
|
|
|
|
docco: {
|
|
generate: {
|
|
options: {
|
|
css : 'spec/assets/docco.css',
|
|
output : 'spec/docs/'
|
|
},
|
|
files: [
|
|
{
|
|
expand : true,
|
|
cwd : 'spec/',
|
|
src : [
|
|
'**.commented.js'
|
|
]
|
|
}
|
|
]
|
|
}
|
|
},
|
|
|
|
cssjanus: {
|
|
rtl: {
|
|
expand : true,
|
|
cwd : 'build/',
|
|
src : [
|
|
'**/*.less',
|
|
'**/*.css',
|
|
],
|
|
dest : 'rtl'
|
|
},
|
|
},
|
|
|
|
less: {
|
|
|
|
options: {
|
|
paths : ['src'],
|
|
compress : false,
|
|
optimization : 2
|
|
},
|
|
|
|
// optimized for watch, src is built on watch task using callbacks
|
|
buildDocsCSS: {
|
|
src : 'src',
|
|
dest : 'docs/build/uncompressed/',
|
|
rename : preserveFileExtensions
|
|
},
|
|
|
|
buildTestCSS: {
|
|
expand : true,
|
|
cwd : 'src',
|
|
src : [
|
|
'**/*.less'
|
|
],
|
|
dest : 'docs/build/uncompressed/',
|
|
rename: preserveFileExtensions
|
|
},
|
|
|
|
buildCSS: {
|
|
expand : true,
|
|
cwd : 'src',
|
|
src : [
|
|
'**/*.less'
|
|
],
|
|
dest : 'build/uncompressed/',
|
|
rename: preserveFileExtensions
|
|
}
|
|
},
|
|
|
|
copy: {
|
|
|
|
srcToDocs: {
|
|
|
|
files: [
|
|
// exact copy for less
|
|
{
|
|
expand : true,
|
|
cwd : 'src/**/*.less',
|
|
src : [
|
|
'**/*'
|
|
],
|
|
dest : 'docs/build/less'
|
|
},
|
|
// copy everything but less files for uncompressed release
|
|
{
|
|
expand : true,
|
|
cwd : 'src/',
|
|
src : [
|
|
'**/*.js',
|
|
'images/*',
|
|
'fonts/*'
|
|
],
|
|
dest : 'docs/build/uncompressed'
|
|
},
|
|
// copy everything but less for minified release
|
|
{
|
|
expand : true,
|
|
cwd : 'src/',
|
|
src : [
|
|
'**/*.js',
|
|
'images/*',
|
|
'fonts/*'
|
|
],
|
|
dest : 'docs/build/minified'
|
|
},
|
|
|
|
// copy assets only for packaged version
|
|
{
|
|
expand : true,
|
|
cwd : 'src/',
|
|
src : [
|
|
'images/*',
|
|
'fonts/*'
|
|
],
|
|
dest : 'docs/build/packaged'
|
|
}
|
|
]
|
|
},
|
|
|
|
srcToBuild: {
|
|
|
|
files: [
|
|
// exact copy for less
|
|
{
|
|
expand : true,
|
|
cwd : 'src/',
|
|
src : [
|
|
'**/*'
|
|
],
|
|
dest : 'build/less'
|
|
},
|
|
// copy everything but less files for uncompressed release
|
|
{
|
|
expand : true,
|
|
cwd : 'src/',
|
|
src : [
|
|
'**/*.js',
|
|
'images/*',
|
|
'fonts/*'
|
|
],
|
|
dest : 'build/uncompressed'
|
|
},
|
|
// copy everything but less for minified release
|
|
{
|
|
expand : true,
|
|
cwd : 'src/',
|
|
src : [
|
|
'**/*.js',
|
|
'images/*',
|
|
'fonts/*'
|
|
],
|
|
dest : 'build/minified'
|
|
},
|
|
|
|
// copy assets only for packaged version
|
|
{
|
|
expand : true,
|
|
cwd : 'src/',
|
|
src : [
|
|
'images/*',
|
|
'fonts/*'
|
|
],
|
|
dest : 'build/packaged'
|
|
}
|
|
]
|
|
},
|
|
|
|
// create new rtl assets
|
|
buildToRTL: {
|
|
files: [
|
|
{
|
|
expand : true,
|
|
cwd : 'build/',
|
|
src : [
|
|
'**'
|
|
],
|
|
dest : 'rtl'
|
|
}
|
|
]
|
|
},
|
|
|
|
// make library available in docs
|
|
buildToDocs: {
|
|
files: [
|
|
{
|
|
expand : true,
|
|
cwd : 'build/',
|
|
src : [
|
|
'**'
|
|
],
|
|
dest : 'docs/build/'
|
|
}
|
|
]
|
|
},
|
|
|
|
// copy spec files to docs
|
|
specToDocs: {
|
|
files: [
|
|
{
|
|
expand : true,
|
|
cwd : 'spec',
|
|
src : [
|
|
'**'
|
|
],
|
|
dest : 'docs/spec/'
|
|
}
|
|
]
|
|
},
|
|
|
|
// copy spec files to docs
|
|
examplesToDocs: {
|
|
files: [
|
|
{
|
|
expand : true,
|
|
cwd : 'build/examples',
|
|
src : [
|
|
'**'
|
|
],
|
|
dest : 'docs/examples/'
|
|
}
|
|
]
|
|
}
|
|
|
|
},
|
|
|
|
|
|
compress: {
|
|
options: {
|
|
archive: 'docs/build/semantic.zip'
|
|
},
|
|
everything: {
|
|
files: [
|
|
{
|
|
expand : true,
|
|
cwd : 'build/',
|
|
src : [
|
|
'**'
|
|
]
|
|
}
|
|
]
|
|
}
|
|
},
|
|
|
|
concat: {
|
|
options: {
|
|
},
|
|
concatenateCSS: {
|
|
src: ['build/uncompressed/**/*.css'],
|
|
dest: 'build/packaged/css/semantic.css'
|
|
},
|
|
concatenateJS: {
|
|
src: ['build/uncompressed/**/*.js'],
|
|
dest: 'build/packaged/javascript/semantic.js'
|
|
},
|
|
},
|
|
|
|
cssmin: {
|
|
|
|
// copy minified css to minified release
|
|
minifyCSS: {
|
|
expand : true,
|
|
cwd : 'build/uncompressed',
|
|
src : [
|
|
'**/*.css'
|
|
],
|
|
dest : 'build/minified',
|
|
ext : '.min.css'
|
|
},
|
|
|
|
// add comment banner to css release
|
|
addBanner: {
|
|
options : {
|
|
banner : '' +
|
|
'/*\n' +
|
|
'* # <%= package.title %>\n' +
|
|
'* Version: <%= package.version %>\n' +
|
|
'* http://github.com/jlukic/semantic-ui\n' +
|
|
'*\n' +
|
|
'*\n' +
|
|
'* Copyright <%= grunt.template.today("yyyy") %> Contributors\n' +
|
|
'* Released under the MIT license\n' +
|
|
'* http://opensource.org/licenses/MIT\n' +
|
|
'*\n' +
|
|
'* Released: <%= grunt.template.today("mm/dd/yyyy") %>\n' +
|
|
'*/\n'
|
|
},
|
|
files: {
|
|
'build/packaged/css/semantic.min.css': [
|
|
'build/uncompressed/**/*.css'
|
|
]
|
|
}
|
|
}
|
|
},
|
|
|
|
uglify: {
|
|
|
|
minifyJS: {
|
|
expand : true,
|
|
cwd : 'build/uncompressed',
|
|
src : [
|
|
'**/*.js'
|
|
],
|
|
dest : 'build/minified',
|
|
ext : '.min.js',
|
|
banner : '' +
|
|
'/*' +
|
|
'* # <%= package.title %>\n' +
|
|
'* Version: <%= package.version %>\n' +
|
|
'* http://github.com/jlukic/semantic-ui\n' +
|
|
'*\n' +
|
|
'*\n' +
|
|
'* Copyright <%= grunt.template.today("yyyy") %> Contributors\n' +
|
|
'* Released under the MIT license\n' +
|
|
'* http://opensource.org/licenses/MIT\n' +
|
|
'*\n' +
|
|
'* Release Date: <%= grunt.template.today("mm/dd/yyyy") %>\n' +
|
|
'*/\n'
|
|
},
|
|
|
|
buildReleaseJS: {
|
|
options: {
|
|
mangle : true,
|
|
compress : true,
|
|
banner : '' +
|
|
'/*' +
|
|
'* # <%= package.title %>\n' +
|
|
'* Version: <%= package.version %>\n' +
|
|
'* http://github.com/jlukic/semantic-ui\n' +
|
|
'*\n' +
|
|
'*\n' +
|
|
'* Copyright <%= grunt.template.today("yyyy") %> Contributors\n' +
|
|
'* Released under the MIT license\n' +
|
|
'* http://opensource.org/licenses/MIT\n' +
|
|
'*\n' +
|
|
'* Release Date: <%= grunt.template.today("mm/dd/yyyy") %>\n' +
|
|
'*/\n'
|
|
},
|
|
files: {
|
|
'build/packaged/javascript/semantic.min.js': [
|
|
'build/uncompressed/**/*.js'
|
|
]
|
|
}
|
|
}
|
|
}
|
|
|
|
};
|
|
|
|
|
|
grunt.loadNpmTasks('grunt-contrib-clean');
|
|
grunt.loadNpmTasks('grunt-contrib-compress');
|
|
grunt.loadNpmTasks('grunt-contrib-concat');
|
|
grunt.loadNpmTasks('grunt-contrib-copy');
|
|
grunt.loadNpmTasks('grunt-contrib-cssmin');
|
|
grunt.loadNpmTasks('grunt-contrib-less');
|
|
grunt.loadNpmTasks('grunt-contrib-uglify');
|
|
grunt.loadNpmTasks('grunt-contrib-watch');
|
|
grunt.loadNpmTasks('grunt-docco-multi');
|
|
grunt.loadNpmTasks('grunt-cssjanus');
|
|
grunt.loadNpmTasks('grunt-clear');
|
|
grunt.loadNpmTasks('grunt-karma');
|
|
|
|
grunt.initConfig(config);
|
|
grunt.registerTask('default', defaultTasks);
|
|
grunt.registerTask('build', buildTasks);
|
|
grunt.registerTask('test', testTasks);
|
|
|
|
// compiles only changed less files <https://npmjs.org/package/grunt-contrib-watch>
|
|
grunt.event.on('watch', setWatchFiles);
|
|
|
|
};
|