Improved Gulpfile and added semver

Author: amir2mi

.browserslistrc

@@ -1 +1,11 @@
-last 10 versions
+# https://github.com/browserslist/browserslist#readme
+
+>= 0.5%
+last 2 major versions
+not dead
+Chrome >= 60
+Firefox >= 60
+Firefox ESR
+iOS >= 12
+Safari >= 12
+not Explorer <= 11

config.json

@@ -0,0 +1,9 @@
+{
+	"name": "FlatifyCSS",
+	"version": "0.6.0",
+	"enableLogging": true,
+	"isLTR": true,
+	"dropdownOffset": [0, 20],
+	"navDropdownOffset": [0, 0],
+	"popoverOffset": [0, 10]
+}

dist/css/flatify-min.css

@@ -1,16 +1,21 @@
 // Initial modules
 const distFileName = "flatify";
-const { src, dest, watch, series, parallel } = require("gulp");
+const bumpVersionFiles = ["./package.json"];
+
+const { src, dest, watch, series, parallel, task } = require("gulp");
+const argv = require("yargs").argv;
 const autoprefixer = require("autoprefixer");
+const bump = require("gulp-bump");
 const cssnano = require("cssnano");
 const concat = require("gulp-concat");
+const fs = require("fs");
 const noop = require("gulp-noop");
 const postcss = require("gulp-postcss");
 const rename = require("gulp-rename");
 const sass = require("gulp-sass")(require("sass"));
+const semver = require("semver");
 const sourcemaps = require("gulp-sourcemaps");
 const uglify = require("gulp-uglify");
-
 const webpack = require("webpack-stream");
 
 // File path variables
@@ -49,7 +54,7 @@ function scssTask(file, fileName, minify = true, prefixed = true) {
 		.pipe(dest("dist/css"));
 }
 
-function jsTask(file, fileName, minify = true, production = true) {
+function jsTask(file, fileName, minify = true, production = true, isLtr = true) {
 	return src(file)
 		.pipe(
 			webpack({
@@ -71,6 +76,19 @@ function jsTask(file, fileName, minify = true, production = true) {
 		.pipe(dest("dist/js"));
 }
 
+// bump version
+function bumper(files, type = "patch", value) {
+	// command gulp release --ver 1.0.0
+	// OR
+	// command gulp release --type major | minor | patch | prerelease
+	const pkg = JSON.parse(fs.readFileSync(files[0], "utf8"));
+	const newVer = semver.inc(pkg.version, argv.type || type);
+
+	return src(files)
+		.pipe(bump({ version: value || argv.ver || newVer }))
+		.pipe(dest("./"));
+}
+
 // Watch task
 function watchTask(filesArr, tasksArr) {
 	if (filesArr && tasksArr) {
@@ -88,12 +106,17 @@ const mainJsTask_dev = () => jsTask(files.jsMain, distFileName, false, false);
 const mainJsTask_production = () => jsTask(files.jsMain, distFileName, false, true);
 const mainJsTask__minified_production = () => jsTask(files.jsMain, distFileName, true, true);
 
+const bumpVersionDefault = () => bumper(bumpVersionFiles, "prerelease");
+const bumpVersionRelease = () => bumper(bumpVersionFiles, "patch");
+
 // Watch
 const defaultWatchTasks = () => watchTask([files.scssMain, files.jsMain], [mainScssTask__noprefix, mainJsTask_dev]);
+exports.watch = series(parallel(mainScssTask__noprefix, mainJsTask_dev), defaultWatchTasks);
 
 // Default
 exports.default = series(
 	parallel(
+		bumpVersionDefault,
 		// css
 		mainScssTask__noprefix,
 		mainScssTask__prefixed,
@@ -104,4 +127,19 @@ exports.default = series(
 		mainJsTask__minified_production
 	)
 );
-exports.watch = series(parallel(mainScssTask__noprefix, mainJsTask_dev), defaultWatchTasks);
+
+// Release
+exports.release = series(
+	parallel(
+		bumpVersionRelease,
+		// css
+		mainScssTask__noprefix,
+		mainScssTask__prefixed,
+		mainScssTask__minified__noprefix,
+		mainScssTask__minified__prefixed,
+		// js
+		mainJsTask_production,
+		mainJsTask__minified_production
+	)
+);
+

dist/css/flatify-noprefix-min.css

@@ -1,6 +1,5 @@
 {
 	"name": "FlatifyCSS",
-	"version": "1.0.0",
 	"enableLogging": true,
 	"isLTR": true,
 	"dropdownOffset": [0, 20],