'use strict';

// Directories
const themeDir     = 'htdocs/content/themes/untold';
const distDir      = themeDir + '/dist';
const resourcesDir = 'resources';
const assetsDir    = resourcesDir + '/assets';
const vendorDir    = 'node_modules';

// Build & Serve
const gulp           = require('gulp'),
      replace        = require('gulp-replace'),
      ext_replace    = require('gulp-ext-replace'),
      nunjucksRender = require('gulp-nunjucks-render'),
      sourcemaps     = require('gulp-sourcemaps');

// JS
const babel         = require('gulp-babel'),
      concat        = require('gulp-concat'),
      uglify        = require('gulp-uglify'),
      pump = require('pump');

// CSS & Images
const imagemin     = require('gulp-imagemin'),
      sass         = require('gulp-sass'),
      autoprefixer = require('gulp-autoprefixer'),
      svgmin       = require('gulp-svgmin');

// Debugging
const notify = require("gulp-notify");

/**
 * Gulp tasks
 */
gulp.task('watch', function () {
	gulp.watch(assetsDir + '/models/**/*', ['models']);

	gulp.watch(assetsDir + '/images/**/*', ['images']);

	gulp.watch([assetsDir + '/views/**/*', assetsDir + '/js/**/*'], ['views']);

	gulp.watch(assetsDir + '/svg/**/*', ['svgs']);
});

gulp.task('build', function () {
	gulp.run(['models', 'images', 'svgs', 'views'])
});

/**
 * Compress Images
 */
gulp.task('models', function () {
	return gulp.src(assetsDir + '/models/**/*')
		.pipe(gulp.dest(distDir + '/models/'));
});

/**
 * Compress Images
 */
gulp.task('images', function () {
	return gulp.src(assetsDir + '/images/**/*')
		.pipe(imagemin())
		.pipe(gulp.dest(distDir + '/images/'));
});

/**
 * Compress SVGs
 */
gulp.task('svgs', function () {
	return gulp.src(assetsDir + '/svg/**/*.svg')
		.pipe(svgmin())
		.pipe(ext_replace('.njk'))
		.pipe(gulp.dest(assetsDir + '/views/svg/'));
});

/**
 * Views that need to be there on load
 */
gulp.task('views', function () {

	return gulp.src(assetsDir + '/views/index.njk')
		.pipe(nunjucksRender({
			path: [
				assetsDir + '/views/',
				assetsDir + '/js/'
			]
		}))
		.on("error", notify.onError(function (error) {
			return "Message to the notifier: " + error.message;
		}))
		.pipe(gulp.dest(assetsDir + '/'));
});