const {
    src,
    dest,
    series,
    parallel
} = require("gulp");
const gulpif = require("gulp-if");
const babel = require("gulp-babel");
const sourcemaps = require("gulp-sourcemaps");
const concat = require("gulp-concat");
const del = require("del");
const merge = require("merge-stream");
var sass = require("gulp-dart-sass");
const cleanCSS = require('gulp-clean-css');
const babelConfig = require("./babelrc.json");
var flatten = require('gulp-flatten');

const config = require("./bundle.config");

var launch = require('./Properties/launchSettings.json');

const environment = launch.profiles.Backoffice.environmentVariables.ASPNETCORE_ENVIRONMENT || 'Production';

function bundleJs() {
    bundles = config.scripts.bundles
        .filter(item => item.bundleName && item.inputFiles.length > 0)
        .map(item => src(item.inputFiles, { base: "." })
            .pipe(gulpif(environment === 'Development', sourcemaps.init()))
            .pipe(babel(babelConfig))
            .pipe(concat(`bundles/${item.bundleName}`))
            .pipe(gulpif(environment === 'Development', sourcemaps.write(".")))
        .pipe(gulpif(item.flatten, flatten(item.flatten)))
        .pipe(dest(config.scripts.dist)));

    return merge([bundles]);
}

function bundleCss() {
    bundles = config.css.bundles
        .filter(item => item.bundleName && item.inputFiles.length > 0)
        .map(item => src(item.inputFiles, { base: "." })
            .pipe(gulpif(environment === 'Development', sourcemaps.init()))
            .pipe(cleanCSS({
                compatibility: 'ie9',
                level: {
                    1: {
                        specialComments: 0
                    }
                }
            }))
            .pipe(concat(`bundles/${item.bundleName}`))
            .pipe(gulpif(environment === 'Development', sourcemaps.write(".")))
        .pipe(gulpif(item.flatten, flatten(item.flatten)))
        .pipe(dest(config.css.dist)));

    return merge([bundles]);
}

function bundleScss() {
    css = src(config.scss.src)
        .pipe(sourcemaps.init())
        .pipe(sass()).on("error", sass.logError)
        .pipe(sourcemaps.write("."))
        .pipe(dest(config.scss.dest));

    return css;
}

function copyAssets() {
    bundles = config.assets.bundles
        .filter(item => item.inputFiles.length > 0)
        .map(item => src(item.inputFiles, { base: "." })
            .pipe(gulpif(environment === 'Development', sourcemaps.write(".")))
            .pipe(flatten({ includeParents: -1 } ))
            .pipe(dest(config.css.dist)));
          

    return merge([bundles]);
}

function copyVendors() {
    bundles = config.vendors.bundles
        .filter(item => item.inputFiles.length > 0)
        .map(item => src(item.inputFiles, { base: '.' })
            .pipe(flatten(item.flatten))
            .pipe(dest(`${config.vendors.dist}`)));

    return merge([bundles]);
}

function clean() {
    return del(["./wwwroot/dist/**"]);
};

/* Exposed tasks */

exports.clean = clean;
exports.bundleJs = bundleJs;
exports.bundleCss = bundleCss;
exports.bundleScss = bundleScss;
exports.copyAssets = copyAssets;
exports.copyVendors = copyVendors;

exports.default = series(
    exports.clean,
    exports.bundleScss,
    parallel(exports.bundleJs, exports.bundleCss, exports.copyAssets, exports.copyVendors));