challenge-vtex-io-amanda-al.../gulpfile.js

107 lines
2.7 KiB
JavaScript

const gulp = require("gulp"),
concat = require("gulp-concat"),
path = require("path"),
glob = require("glob");
const sass = require("gulp-sass")(require("sass"));
/**
___ _ __ _ ___
/ __| |_ ___ _ _ ___ / _|_ _ ___ _ _| |_ / __| __ _ ______
\__ \ _/ _ \ '_/ -_) _| '_/ _ \ ' \ _| \__ \/ _` (_-<_-<
|___/\__\___/_| \___|_| |_| \___/_||_\__| |___/\__,_/__/__/
*/
// Custom sass para o storefront
const pathsStore = {
styles: {
styles: "styles/sass/**/",
ext: "styles/sass/**/*.{css,scss,sass}",
dest: "styles/css",
},
};
// Quick/efficient way to get the unique values from a array.
function uniqValuesArray(a) {
var seen = {};
var out = [];
var len = a.length;
var j = 0;
for (var i = 0; i < len; i++) {
var item = a[i];
if (seen[item] !== 1) {
seen[item] = 1;
out[j++] = item;
}
}
return out;
}
function getCurrentTimestamp() {
const date = new Date();
const hours = String(date.getHours()).padStart(2, "0");
const minutes = String(date.getMinutes()).padStart(2, "0");
const seconds = String(date.getSeconds()).padStart(2, "0");
return `\x1b[35m[${hours}:${minutes}:${seconds}]\x1b[0m`;
}
let filteredFiles = [];
gulp.task("getFiles", function (done) {
glob(pathsStore.styles.ext, function (er, files) {
filteredFiles = uniqValuesArray([
...files.map((file) => path.basename(file)),
]);
done();
});
});
gulp.task("sass", function (done) {
filteredFiles.forEach((file) => {
const fileName = file;
gulp
.src([
"styles/sass/utils/_mixin.scss",
"styles/sass/utils/_vars.scss",
pathsStore.styles.styles + fileName,
])
.pipe(concat(fileName))
.pipe(sass().on("error", sass.logError))
.pipe(gulp.dest(pathsStore.styles.dest));
});
done();
});
gulp.task("run", gulp.series("getFiles", "sass"));
gulp.task("watch", function () {
gulp.watch(pathsStore.styles.ext).on("change", function (fileName) {
fileName = path.basename(fileName);
if (fileName.includes(".css")) {
gulp
.src(pathsStore.styles.styles + fileName)
.pipe(concat(fileName))
.pipe(gulp.dest(pathsStore.styles.dest));
} else {
gulp
.src([
"styles/sass/utils/_mixin.scss",
"styles/sass/utils/_vars.scss",
pathsStore.styles.styles + fileName,
])
.pipe(concat(fileName))
.pipe(sass().on("error", sass.logError))
.pipe(gulp.dest(pathsStore.styles.dest));
}
console.log(
getCurrentTimestamp() + " File: \x1b[32m" + fileName + "\x1b[0m builded."
);
});
});
gulp.task("storefront", gulp.series("run", "watch"));