salix/@salix/gulpfile.js

var path = require('path');
var gulp = require('gulp');
var gutil = require('gulp-util');
var wrap = require('gulp-wrap');
var concat = require('gulp-concat');
var extend = require('gulp-extend');
var babel = require('gulp-babel');
var fs = require('fs');
var merge = require('merge-stream');
var del = require('del');
var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var webpackConfig = require('./webpack.config.js');

// Clean

var buildDir = '../services/nginx/static';

gulp.task('clean', function() {
    return del(buildDir + '/*', {force: true});
});

// Spliting

var splitingDir = './app/src/spliting';
var splitingFiles = splitingDir +'/*';

gulp.task('spliting', function() {
    var jsonDeps = fs.readFileSync(splitingDir +'/deps.json');
    var modules = JSON.parse(jsonDeps);

    var importTpl = fs.readFileSync(splitingDir +'/import.tpl.js', 'utf8');
    var requireTpl = fs.readFileSync(splitingDir +'/require.tpl.js', 'utf8');

    for (var modName in modules) {
        var deps = modules[modName];
        var splitFile = './'+ modName +'/src/spliting.js';

        try {
            fs.unlinkSync(splitFile);
        }
        catch (e) {}

        fs.appendFileSync(splitFile, importTpl);

        var i = deps.length;
        while (i--)
            fs.appendFileSync(splitFile,
				requireTpl.replace(/\$module/g, deps[i]));
    }
});

// Webpack

gulp.task('webpack', ['spliting'], function(cb) {
    var myDevConfig = Object.create(webpackConfig);
    myDevConfig.debug = true;

    var devCompiler = webpack(myDevConfig);

    devCompiler.run(function(err, stats) {
        if (err) throw new gutil.PluginError('webpack', err);
        gutil.log('[webpack]', stats.toString({colors: true}));
        cb();
    });
});

gulp.task('webpack-dev-server', ['spliting'], function() {
    var myConfig = Object.create(webpackConfig);
    myConfig.debug = true;

    for (var entry in myConfig.entry)
        myConfig.entry[entry]
            .unshift('webpack-dev-server/client?http://0.0.0.0:8081/');

    var devServer = new WebpackDevServer(webpack(myConfig), {
        publicPath: '/',
        contentBase: buildDir,
        quiet: false,
        noInfo: false,
		// hot: true,
        stats: {
            assets: true,
            colors: true,
            version: false,
            hash: false,
            timings: true,
            chunks: false,
            chunkModules: false
        }
    })
	.listen(8081, '0.0.0.0', function(err) {
        if (err) throw new gutil.PluginError('webpack-dev-server', err);
        gutil.log('[webpack-dev-server]', 'Listening');
    });
});

// Locale

var localeFiles = './**/locale/*.json';

gulp.task('locales', function() {
    var streams = [];
    var modules = ['core', 'crud', 'app', 'login'];
    var langs = ['es', 'en'];

    for(var mod of modules)
    for(var lang of langs) {
        var localeFiles = `./${mod}/**/locale/${lang}.json`;
        streams.push(gulp.src(localeFiles)
            .pipe(extend(`${lang}.json`))
            .pipe(gulp.dest(`${buildDir}/locale/${mod}`)));
    }

    return merge(streams);
});

// Routes

var routeFiles = './crud/**/routes.js';

gulp.task('routes', function() {
    var fileTpl = '\n"<%=dirname%>": <%=contents%>';
    var globalTpl = 'var routes = {<%=contents%>\n}';
    var regex = new RegExp('^src/(.*)/routes\.js$');

    function cb(file) {
        var relative = file.relative.replace(/\\/g, '/');
        var dirname = relative.match(regex)[1];
        return {dirname: dirname};
    }

    return gulp.src(routeFiles)
		.pipe(wrap(fileTpl, cb))
		.pipe(concat('salix.routes.js', {newLine: ','}))
		.pipe(wrap(globalTpl))
		.pipe(babel({presets: ['es2015']}))
		.pipe(gulp.dest(buildDir));
});

// Watch

gulp.task('watch', function() {
    gulp.watch(splitingFiles, ['spliting']);
    gulp.watch(routeFiles, ['routes']);
    gulp.watch(localeFiles, ['locales']);
});

// Default

gulp.task('build', ['clean'], function() {
    return gulp.start('routes', 'webpack', 'locales');
});

gulp.task('default', ['clean'], function() {
    return gulp.start('watch', 'routes', 'locales', 'webpack-dev-server');
});