amazeui-custom
Version:
Sleek, intuitive, and powerful front-end framework for faster and easier web development.
370 lines (317 loc) • 10.2 kB
JavaScript
/* jshint -W097*/
/* jshint node:true */
;
var path = require('path');
var fs = require('fs-extra');
var _ = require('lodash');
var format = require('util').format;
var browserify = require('browserify');
var watchify = require('watchify');
var collapser = require('bundle-collapser/plugin');
var derequire = require('derequire/plugin');
var del = require('del');
var bistre = require('bistre');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
// Temporary solution until gulp 4
// https://github.com/gulpjs/gulp/issues/355
var runSequence = require('run-sequence');
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
var pkg = require('./package.json');
var config = {
path: {
less: [
'./less/amazeui.less',
'./less/themes/flat/amazeui.flat.less'
],
fonts: './fonts/*',
widgets: [
'*/src/*.js',
'!{layout*,blank,container}' +
'/src/*.js'],
hbsHelper: [
'vendor/amazeui.hbs.helper.js',
'vendor/amazeui.hbs.partials.js'],
buildTmp: '.build/temp/'
},
dist: {
js: './dist/js',
css: './dist/css',
fonts: './dist/fonts'
},
js: {
base: [
'core.js',
'util.hammer.js'
]
},
AUTOPREFIXER_BROWSERS: [
'ie >= 8',
'ie_mob >= 10',
'ff >= 30',
'chrome >= 34',
'safari >= 7',
'opera >= 23',
'ios >= 7',
'android >= 2.3',
'bb >= 10'
],
uglify: {
output: {
ascii_only: true
}
}
};
var dateFormat = 'isoDateTime';
var banner = [
'/*! <%= pkg.title %> v<%= pkg.version %><%=ver%>',
'by Amaze UI Team',
'(c) ' + $.util.date(Date.now(), 'UTC:yyyy') + ' AllMobilize, Inc.',
'Licensed under <%= pkg.license %>',
$.util.date(Date.now(), dateFormat) + ' */ \n'
].join(' | ');
var jsEntry;
var plugins;
var WIDGET_DIR = './widget/';
// Write widgets style and tpl
var preparingData = function() {
jsEntry = ''; // empty string
var fsOptions = {encoding: 'utf8'};
// less
var uiBase = fs.readFileSync('./less/amui.less', fsOptions);
var widgetsStyle = '';
var rejectWidgets = ['.DS_Store', 'blank', 'layout2', 'layout3', 'layout4',
'container'];
var allWidgets = _.reject(fs.readdirSync(WIDGET_DIR), function(widget) {
return rejectWidgets.indexOf(widget) > -1;
});
plugins = _.union(config.js.base, fs.readdirSync('./js'));
jsEntry += '\'use strict\';\n\n' + 'var $ = require(\'jquery\');\n';
plugins.forEach(function(plugin, i) {
var basename = path.basename(plugin, '.js');
if (basename !== 'amazeui' && basename !== 'amazeui.legacy') {
jsEntry += (basename === 'core' ? 'var UI = ' : '') +
'require("./' + basename + '");\n';
}
});
// widgets partial
var partials = '(function(undefined){\n';
partials += ' \'use strict\';\n\n';
partials += ' var registerAMUIPartials = function(hbs) {\n';
// get widgets dependencies
allWidgets.forEach(function(widget, i) {
// read widget package.json
var pkg = fs.readJsonFileSync(path.
join(WIDGET_DIR, widget, 'package.json'));
// ./widget/header/src/header
var srcPath = WIDGET_DIR + widget + '/src/' + widget;
widgetsStyle += '\r\n// ' + widget + '\r\n';
widgetsStyle += '@import ".' + srcPath + '.less";' + '\r\n';
pkg.themes.forEach(function(item, index) {
if (!item.hidden && item.name) {
widgetsStyle += '@import ".' + srcPath + '.' + item.name +
'.less";' + '\r\n';
}
});
// add to entry
jsEntry += 'require(".' + srcPath + '.js");\n';
// read tpl
var hbs = fs.readFileSync(path.join(srcPath + '.hbs'), fsOptions);
partials += format(' hbs.registerPartial(\'%s\', %s);\n\n',
widget, JSON.stringify(hbs));
});
// end jsEntry
jsEntry += '\nmodule.exports = $.AMUI = UI;\n';
fs.writeFileSync(path.join('./js/amazeui.js'), jsEntry);
partials += ' };\n\n';
partials += ' if (typeof module !== \'undefined\' && module.exports) {\n';
partials += ' module.exports = registerAMUIPartials;\n' +
' }\n\n';
partials += ' this.Handlebars && registerAMUIPartials(this.Handlebars);\n';
partials += '}).call(this);\n';
// write partials
fs.writeFileSync(path.join('./vendor/amazeui.hbs.partials.js'), partials);
// write less
fs.writeFileSync('./less/amazeui.less', uiBase + widgetsStyle);
};
gulp.task('build:preparing', preparingData);
gulp.task('build:clean', function(cb) {
del([
config.dist.css,
config.dist.js
], cb);
});
// Build to dist dir.
gulp.task('build:less', function() {
gulp.src(config.path.less)
.pipe($.header(banner, {pkg: pkg, ver: ''}))
.pipe($.less({
paths: [
path.join(__dirname, 'less'),
path.join(__dirname, 'widget/*/src')]
}))
.pipe($.rename(function(path) {
if (path.basename === 'amui') {
path.basename = pkg.name + '.basic';
}
}))
.pipe($.autoprefixer({browsers: config.AUTOPREFIXER_BROWSERS}))
.pipe($.replace('//dn-staticfile.qbox.me/font-awesome/4.3.0/', '../'))
.pipe(gulp.dest(config.dist.css))
.pipe($.size({showFiles: true, title: 'source'}))
// Disable advanced optimizations - selector & property merging, etc.
// for Issue #19 https://github.com/allmobilize/amazeui/issues/19
.pipe($.minifyCss({noAdvanced: true}))
.pipe($.rename({
suffix: '.min',
extname: '.css'
}))
.pipe(gulp.dest(config.dist.css))
.pipe($.size({showFiles: true, title: 'minified'}))
.pipe($.size({showFiles: true, gzip: true, title: 'gzipped'}));
});
gulp.task('build:fonts', function() {
gulp.src(config.path.fonts)
.pipe(gulp.dest(config.dist.fonts));
});
var bundleInit = function() {
var b = browserify(_.assign({}, watchify.args, {
entries: './js/amazeui.js',
basedir: __dirname,
standalone: 'AMUI',
paths: ['./js']
}));
if (process.env.NODE_ENV !== 'travisci') {
b = watchify(b);
b.on('update', function() {
bundle(b);
});
}
b.plugin(derequire);
b.plugin(collapser);
b.on('log', $.util.log);
bundle(b);
};
var bundle = function(b) {
return b.bundle()
.on('error', $.util.log.bind($.util, 'Browserify Error'))
.pipe(source('amazeui.js'))
.pipe(buffer())
.pipe($.replace('{{VERSION}}', pkg.version))
.pipe($.header(banner, {pkg: pkg, ver: ''}))
.pipe(gulp.dest(config.dist.js))
.pipe($.uglify(config.uglify))
.pipe($.header(banner, {pkg: pkg, ver: ''}))
.pipe($.rename({suffix: '.min'}))
.pipe(gulp.dest(config.dist.js))
.pipe($.size({showFiles: true, title: 'minified'}))
.pipe($.size({showFiles: true, gzip: true, title: 'gzipped'}));
};
gulp.task('build:js:browserify', bundleInit);
gulp.task('build:js:fuckie', function() {
return gulp.src('vendor/polyfill/*.js')
.pipe($.concat('amazeui.ie8polyfill.js'))
.pipe($.header(banner, {pkg: pkg, ver: ' ~ IE8 Fucker'}))
.pipe(gulp.dest(config.dist.js))
.pipe($.uglify(config.uglify))
.pipe($.header(banner, {pkg: pkg, ver: ' ~ IE8 Fucker'}))
.pipe($.rename({suffix: '.min'}))
.pipe(gulp.dest(config.dist.js))
.pipe($.size({showFiles: true, title: 'minified'}))
.pipe($.size({showFiles: true, gzip: true, title: 'gzipped'}));
});
gulp.task('build:js:helper', function() {
gulp.src(config.path.hbsHelper)
.pipe($.concat(pkg.name + '.widgets.helper.js'))
.pipe($.header(banner, {pkg: pkg, ver: ' ~ Handlebars helper'}))
.pipe(gulp.dest(config.dist.js))
.pipe($.uglify())
.pipe($.header(banner, {pkg: pkg, ver: ' ~ Handlebars helper'}))
.pipe($.rename({suffix: '.min'}))
.pipe(gulp.dest(config.dist.js));
});
gulp.task('build:js', function(cb) {
runSequence(
['build:js:browserify', 'build:js:fuckie'],
['build:js:helper'],
cb);
});
gulp.task('build', function(cb) {
runSequence(
'build:preparing',
'build:clean',
['build:less', 'build:fonts', 'build:js'],
cb);
});
// Rerun the task when a file changes
gulp.task('watch', function() {
gulp.watch(['widget/**/*.json', 'widget/**/*.hbs'], ['build:preparing']);
// gulp.watch(['js/*.js', 'widget/*/src/*.js'], ['build:js']);
gulp.watch(['less/**/*.less', 'widget/*/src/*.less'], ['build:less']);
gulp.watch(config.path.hbsHelper, ['build:js:helper']);
});
// Task: Make archive
gulp.task('archive', function(cb) {
runSequence([
'archive:copy:css',
'archive:copy:fonts',
'archive:copy:js'
],
'archive:zip',
'archive:clean', cb);
});
gulp.task('archive:copy:css', function() {
return gulp.src('./dist/css/*.css')
.pipe($.replace('//dn-staticfile.qbox.me/font-awesome/4.2.0/', '../'))
.pipe(gulp.dest('./docs/examples/assets/css'));
});
gulp.task('archive:copy:fonts', function() {
return gulp.src('./fonts/*')
.pipe(gulp.dest('./docs/examples/assets/fonts'));
});
gulp.task('archive:copy:js', function() {
return gulp.src([
'./dist/js/*.js',
'./node_modules/handlebars/dist/handlebars.min.js',
'./node_modules/jquery/dist/jquery.min.js'])
.pipe($.replace('\n//# sourceMappingURL=jquery.min.map', ''))
.pipe(gulp.dest('./docs/examples/assets/js'));
});
gulp.task('archive:zip', function() {
return gulp.src(['docs/examples/**/*'])
.pipe($.replace(/\{\{assets\}\}/g, 'assets/', {skipBinary: true}))
.pipe($.zip(format('AmazeUI-%s.zip', pkg.version)))
.pipe(gulp.dest('dist'));
});
gulp.task('archive:clean', function(cb) {
del(['docs/examples/assets/*/amazeui.*',
'docs/examples/assets/js/*',
'docs/examples/assets/fonts',
'!docs/examples/assets/js/app.js'
], cb);
});
// Preview server.
gulp.task('appServer', function(callback) {
$.nodemon({
script: 'tools/app/app.js',
env: {
NODE_ENV: 'development'
},
stdout: false
}).on('readable', function() {
this.stdout
.pipe(bistre({time: true}))
.pipe(process.stdout);
this.stderr
.pipe(bistre({time: true}))
.pipe(process.stderr);
});
callback();
});
// gulp.task('init', ['bower', 'build', 'watch']);
gulp.task('default', ['build', 'watch']);
gulp.task('preview', ['build', 'watch', 'appServer']);
// tasks
require('./tools/tasks/');
gulp.task('customize', ['customizer']);