front-end-builder/lib/angularjs.js

Front-end builder

'use strict';

const gIf = require('gulp-if');
const gConcat = require('gulp-concat');
const gSourcemaps = require('gulp-sourcemaps');
const gPug = require('gulp-pug');
const gAngularTemplatecache = require('gulp-angular-templatecache');
const gBabel = require('gulp-babel');
const gUglify = require('gulp-uglify');
const gInsert = require('gulp-insert');
const gWrap = require('gulp-wrap');

module.exports = (gulp, gulp_args, jss) => {

	for (let key in jss) {
		if (!jss.hasOwnProperty(key)) continue;
		let js = jss[key];

		gulp_args.build_tasks.push(`compile_angularjs_${key}`);
		gulp_args.watch_tasks.push(`watch_compile_angularjs_${key}`);

		let templateTaskName = null;
		if (js.hasOwnProperty('templates')) {
			templateTaskName = `compile_angularjs_templates_${key}`;
			gulp.task(templateTaskName, compileAngularJsTemplates(js.templates));
			js.templates.destFile = `${js.templates.dest}/${ (js.templates.args && js.templates.args.filename) ? js.templates.args.filename :'templates.js' }`;
		}
		if (templateTaskName) {
			gulp.task(`compile_angularjs_${key}`, [templateTaskName], compileJS(js.build, js.templates));
		} else {
			gulp.task(`compile_angularjs_${key}`, compileJS(js.build, js.templates));
		}
		gulp.task(`watch_compile_angularjs_${key}`, gulp_args.getWatch({
			src: js.watch && js.watch.src || js.build.src,
			tasks: [`compile_angularjs_${key}`],
			title: `Watch js ${key}`
		}));
	}

	function compileAngularJsTemplates(opts) {
		return () => {
			return gulp.src(opts.src, { cwd: gulp_args.cwd })
					.pipe(gPug({
						pretty: gulp_args.devmode,
					}))
					.pipe(gAngularTemplatecache(opts.args))
					.pipe(gulp.dest(opts.dest, { cwd: gulp_args.cwd }));
		}
	}

	function compileJS(opts, optsTemplates) {
		let src = opts.src;
		if (optsTemplates && !!optsTemplates.concat) {
			if (!Array.isArray(src)) {
				src = [src];
			}
			src.push(optsTemplates.destFile);
		}
		// console.log("compile angularjs src", src);

		return () => {
			return gulp.src(src, { cwd: gulp_args.cwd })
					.pipe(gIf(!!opts.map, gSourcemaps.init(typeof opts.map === 'object' ? opts.map : { loadMaps: true })) )
					.pipe(gBabel({
						presets: ['babel-preset-es2015','babel-preset-es2016'].map(require.resolve)
					}))
					// .pipe(gDebug())
					.pipe(gIf(opts.iife, gWrap('(function(){\n<%= contents %>\n})();')))
					.pipe(gIf(!!opts.concat, gConcat(`${getConcatName(opts.concat)}.js`)))
					.pipe(
							gIf(
									opts.concat && opts.concat.iife,
									gInsert.transform((contents, file) => {
										// contents = contents.replace(/["']use strict["'];\n?/g,'');
										let prepend = opts.concat.iife.prepend || [];
										if (!Array.isArray(prepend)) prepend = [prepend];
										contents = `(function(${prepend.join(',')}){\n` + contents;
										let append = opts.concat.iife.append || [];
										if (!Array.isArray(append)) append = [append];
										contents += `\n})(${append.join(',')});`;
										return contents;
									})
							)
					)
					.pipe(gIf(!gulp_args.devmode, gUglify()))
					.pipe(gIf(!!opts.map, gSourcemaps.write('./')))
					// .pipe(gDebug())
					.pipe(gulp.dest(opts.dest, { cwd: gulp_args.cwd }));
		};
	}
};

function getConcatName(concat) {
	if (!concat) return;
	if (typeof concat === 'string') {
		return concat;
	} else {
		return concat.name;
	}
}