Update Semantic
Fixes #40,#24
This commit is contained in:
Tim Schumacher
parent
1715f27f44
commit
2027b94179
621 changed files with 172488 additions and 15939 deletions
221
web/semantic/tasks/rtl/watch.js
Normal file
221
web/semantic/tasks/rtl/watch.js
Normal file
|
|
@ -0,0 +1,221 @@
|
|||
/*******************************
|
||||
Watch Task
|
||||
*******************************/
|
||||
|
||||
var
|
||||
gulp = require('gulp'),
|
||||
|
||||
// node deps
|
||||
console = require('better-console'),
|
||||
fs = require('fs'),
|
||||
|
||||
// gulp deps
|
||||
autoprefixer = require('gulp-autoprefixer'),
|
||||
chmod = require('gulp-chmod'),
|
||||
clone = require('gulp-clone'),
|
||||
gulpif = require('gulp-if'),
|
||||
less = require('gulp-less'),
|
||||
minifyCSS = require('gulp-minify-css'),
|
||||
plumber = require('gulp-plumber'),
|
||||
print = require('gulp-print'),
|
||||
rename = require('gulp-rename'),
|
||||
replace = require('gulp-replace'),
|
||||
rtlcss = require('gulp-rtlcss'),
|
||||
uglify = require('gulp-uglify'),
|
||||
util = require('gulp-util'),
|
||||
watch = require('gulp-watch'),
|
||||
|
||||
// user config
|
||||
config = require('../config/user'),
|
||||
|
||||
// task config
|
||||
tasks = require('../config/project/tasks'),
|
||||
install = require('../config/project/install'),
|
||||
|
||||
// shorthand
|
||||
globs = config.globs,
|
||||
assets = config.paths.assets,
|
||||
output = config.paths.output,
|
||||
source = config.paths.source,
|
||||
|
||||
banner = tasks.banner,
|
||||
comments = tasks.regExp.comments,
|
||||
log = tasks.log,
|
||||
settings = tasks.settings
|
||||
|
||||
;
|
||||
|
||||
// add internal tasks (concat release)
|
||||
require('../collections/internal')(gulp);
|
||||
|
||||
module.exports = function(callback) {
|
||||
|
||||
if( !install.isSetup() ) {
|
||||
console.error('Cannot watch files. Run "gulp install" to set-up Semantic');
|
||||
return;
|
||||
}
|
||||
|
||||
console.clear();
|
||||
console.log('Watching source files for changes');
|
||||
|
||||
/*--------------
|
||||
Watch CSS
|
||||
---------------*/
|
||||
|
||||
gulp
|
||||
.watch([
|
||||
source.config,
|
||||
source.definitions + '/**/*.less',
|
||||
source.site + '/**/*.{overrides,variables}',
|
||||
source.themes + '/**/*.{overrides,variables}'
|
||||
], function(file) {
|
||||
|
||||
var
|
||||
lessPath,
|
||||
|
||||
stream,
|
||||
compressedStream,
|
||||
uncompressedStream,
|
||||
|
||||
isDefinition,
|
||||
isPackagedTheme,
|
||||
isSiteTheme,
|
||||
isConfig
|
||||
;
|
||||
|
||||
// log modified file
|
||||
gulp.src(file.path)
|
||||
.pipe(print(log.modified))
|
||||
;
|
||||
|
||||
/*--------------
|
||||
Find Source
|
||||
---------------*/
|
||||
|
||||
// recompile on *.override , *.variable change
|
||||
isConfig = (file.path.indexOf('.config') !== -1);
|
||||
isPackagedTheme = (file.path.indexOf(source.themes) !== -1);
|
||||
isSiteTheme = (file.path.indexOf(source.site) !== -1);
|
||||
isDefinition = (file.path.indexOf(source.definitions) !== -1);
|
||||
|
||||
|
||||
if(isConfig) {
|
||||
console.log('Change detected in theme config');
|
||||
// cant tell which theme was changed in theme.config, rebuild all
|
||||
gulp.start('build');
|
||||
}
|
||||
else if(isPackagedTheme) {
|
||||
console.log('Change detected in packaged theme');
|
||||
lessPath = lessPath.replace(tasks.regExp.theme, source.definitions);
|
||||
lessPath = util.replaceExtension(file.path, '.less');
|
||||
}
|
||||
else if(isSiteTheme) {
|
||||
console.log('Change detected in site theme');
|
||||
lessPath = lessPath.replace(source.site, source.definitions);
|
||||
lessPath = util.replaceExtension(file.path, '.less');
|
||||
}
|
||||
else if(isDefinition) {
|
||||
console.log('Change detected in definition');
|
||||
lessPath = util.replaceExtension(file.path, '.less');
|
||||
}
|
||||
|
||||
/*--------------
|
||||
Create CSS
|
||||
---------------*/
|
||||
|
||||
if( fs.existsSync(lessPath) ) {
|
||||
|
||||
// unified css stream
|
||||
stream = gulp.src(lessPath)
|
||||
.pipe(plumber())
|
||||
.pipe(less(settings.less))
|
||||
.pipe(replace(comments.variables.in, comments.variables.out))
|
||||
.pipe(replace(comments.license.in, comments.license.out))
|
||||
.pipe(replace(comments.large.in, comments.large.out))
|
||||
.pipe(replace(comments.small.in, comments.small.out))
|
||||
.pipe(replace(comments.tiny.in, comments.tiny.out))
|
||||
.pipe(autoprefixer(settings.prefix))
|
||||
.pipe(gulpif(config.hasPermission, chmod(config.permission)))
|
||||
.pipe(rtlcss())
|
||||
;
|
||||
|
||||
// use 2 concurrent streams from same pipe
|
||||
uncompressedStream = stream.pipe(clone());
|
||||
compressedStream = stream.pipe(clone());
|
||||
|
||||
uncompressedStream
|
||||
.pipe(plumber())
|
||||
.pipe(replace(assets.source, assets.uncompressed))
|
||||
.pipe(rename(settings.rename.rtlCSS))
|
||||
.pipe(gulp.dest(output.uncompressed))
|
||||
.pipe(print(log.created))
|
||||
.on('end', function() {
|
||||
gulp.start('package uncompressed rtl css');
|
||||
})
|
||||
;
|
||||
|
||||
compressedStream = stream
|
||||
.pipe(plumber())
|
||||
.pipe(replace(assets.source, assets.compressed))
|
||||
.pipe(minifyCSS(settings.minify))
|
||||
.pipe(rename(settings.rename.minCSS))
|
||||
.pipe(rename(settings.rename.rtlMinCSS))
|
||||
.pipe(gulp.dest(output.compressed))
|
||||
.pipe(print(log.created))
|
||||
.on('end', function() {
|
||||
gulp.start('package compressed rtl css');
|
||||
})
|
||||
;
|
||||
|
||||
}
|
||||
else {
|
||||
console.log('Cannot find UI definition at path', lessPath);
|
||||
}
|
||||
})
|
||||
;
|
||||
|
||||
/*--------------
|
||||
Watch JS
|
||||
---------------*/
|
||||
|
||||
gulp
|
||||
.watch([
|
||||
source.definitions + '/**/*.js'
|
||||
], function(file) {
|
||||
gulp.src(file.path)
|
||||
.pipe(plumber())
|
||||
.pipe(replace(comments.license.in, comments.license.out))
|
||||
.pipe(gulpif(config.hasPermission, chmod(config.permission)))
|
||||
.pipe(gulp.dest(output.uncompressed))
|
||||
.pipe(print(log.created))
|
||||
.pipe(uglify(settings.uglify))
|
||||
.pipe(rename(settings.rename.minJS))
|
||||
.pipe(gulp.dest(output.compressed))
|
||||
.pipe(print(log.created))
|
||||
.on('end', function() {
|
||||
gulp.start('package compressed js');
|
||||
gulp.start('package uncompressed js');
|
||||
})
|
||||
;
|
||||
})
|
||||
;
|
||||
|
||||
/*--------------
|
||||
Watch Assets
|
||||
---------------*/
|
||||
|
||||
// only copy assets that match component names (or their plural)
|
||||
gulp
|
||||
.watch([
|
||||
source.themes + '/**/assets/**/' + globs.components + '?(s).*'
|
||||
], function(file) {
|
||||
// copy assets
|
||||
gulp.src(file.path, { base: source.themes })
|
||||
.pipe(gulpif(config.hasPermission, chmod(config.permission)))
|
||||
.pipe(gulp.dest(output.themes))
|
||||
.pipe(print(log.created))
|
||||
;
|
||||
})
|
||||
;
|
||||
|
||||
};
|
||||
Reference in a new issue