const path = require( 'path' );
const { watch } = require( 'gulp' );
const buildConfig = require( '../build-config.json' );
const {
buildCss,
buildFontLibs,
buildCssLibs,
buildModuleCss,
buildModuleCssMainFile
} = require( './buildStyles' );
function watchLess () {
const lessFiles = buildConfig.globalOptions.less.srcPath + '**/*.less';
watch( lessFiles, buildCss );
}
function watchFontLibs () {
const cssFiles = buildConfig.globalOptions.fontLibs.srcFiles.map( ( path ) => {
return buildConfig.globalOptions.fontLibs.srcPath + path;
});
watch( cssFiles, buildFontLibs );
}
function watchCssLibs ( done ) {
const srcPath = buildConfig.globalOptions.cssLibs.srcPath;
return watch( path.join( srcPath, '**/*.less' ) )
.on( 'change', () => {
buildCssLibs( done );
});
}
function watchModuleCssFiles ( done ) {
const srcPath = buildConfig.modules.srcPath;
return watch( path.join( srcPath, '**/*.less' ) )
.on( 'change', () => {
buildModuleCss( done );
});
}
function watchModuleCssMainFile ( done ) {
const srcPath = buildConfig.modulesMainFile.srcPath;
return watch( path.join( srcPath, '**/*.less' ) )
.on( 'change', () => {
buildModuleCssMainFile( done );
});
}
module.exports = {
watchLess,
watchFontLibs,
watchCssLibs,
watchModuleCssFiles,
watchModuleCssMainFile
};