event creation and ticket purchasing

Author: SamTyurenkov

gulp/path/tasks.js

@@ -3,6 +3,5 @@ module.exports = [
   "./gulp/tasks/styles",
   "./gulp/tasks/scripts",
   "./gulp/tasks/imgs",
-  "./gulp/tasks/watch",
   "./gulp/tasks/browser-sync"
 ];

gulp/tasks/browser-sync.js

@@ -3,5 +3,9 @@ module.exports = function () {
 		$.browserSync.init({
 				proxy: "muz21.local",
 		});
+
+		$.gulp.watch("./themes/muzyka21/src/css/*.scss",$.gulp.series("styles"));
+		$.gulp.watch("./themes/muzyka21/src/js/**/*.js",$.gulp.series("scripts"));
+		$.gulp.watch("./themes/muzyka21/src/js/*.js",$.gulp.series("scripts"));
 	});
 };

gulp/tasks/scripts.js

@@ -22,7 +22,8 @@ module.exports = function () {
       ])
       .pipe(gulpif('!**/*.min.js', uglify({mangle: false})))
       .pipe(concat("main.js"))
-      .pipe($.gulp.dest(scriptsPATH.output));
+      .pipe($.gulp.dest(scriptsPATH.output))
+      .pipe($.browserSync.stream());
   });
   $.gulp.task("scripts:gutenberg", () => {
     return $.gulp
@@ -37,7 +38,8 @@ module.exports = function () {
           ]
         })
       )
-      .pipe($.gulp.dest(scriptsPATH.output + "gutenberg-blocks/"));
+      .pipe($.gulp.dest(scriptsPATH.output + "gutenberg-blocks/"))
+      .pipe($.browserSync.stream());
   });
   $.gulp.task("scripts:login-reg", () => {
     return $.gulp
@@ -53,7 +55,8 @@ module.exports = function () {
           presets: ["@babel/preset-env"],
         })
       )
-      .pipe($.gulp.dest(scriptsPATH.output+ "login-reg/"));
+      .pipe($.gulp.dest(scriptsPATH.output+ "login-reg/"))
+      .pipe($.browserSync.stream());
   });
   $.gulp.task("scripts:author-page", () => {
     return $.gulp
@@ -65,7 +68,8 @@ module.exports = function () {
         }))
       )
       .pipe(concat("author_page.js"))
-      .pipe($.gulp.dest(scriptsPATH.output+ "author-page/"));
+      .pipe($.gulp.dest(scriptsPATH.output+ "author-page/"))
+      .pipe($.browserSync.stream());
   });
   $.gulp.task("scripts:admin-stuff", () => {
     return $.gulp
@@ -77,11 +81,13 @@ module.exports = function () {
         }))
       )
       //.pipe(concat("admin-author.js"))
-      .pipe($.gulp.dest(scriptsPATH.output+ "admin-stuff/"));
+      .pipe($.gulp.dest(scriptsPATH.output+ "admin-stuff/"))
+      .pipe($.browserSync.stream());
   });
   $.gulp.task("scripts:libs", () => {
     return $.gulp
       .src(["./node_modules/@splidejs/splide/dist/js/splide.min.js",scriptsPATH.input + "situational/*.js"])
-      .pipe($.gulp.dest(scriptsPATH.output));
+      .pipe($.gulp.dest(scriptsPATH.output))
+      .pipe($.browserSync.stream());
   });
 };

gulp/tasks/styles.js

@@ -1,43 +1,31 @@
-const autoPrefixer = require("gulp-autoprefixer");
-let plumber = require("gulp-plumber"),
+const autoPrefixer = require("gulp-autoprefixer"),
+  plumber = require("gulp-plumber"),
   concat = require("gulp-concat-css"),
   prefix = require("gulp-autoprefixer"),
   sass = require("gulp-sass"),
   sourcemaps = require("gulp-sourcemaps"),
-  minifyCSS = require("gulp-minify-css");
+  minifyCSS = require("gulp-csso");
 
 stylesPATH = {
   input: ["./themes/muzyka21/src/css/main.scss","./themes/muzyka21/src/css/*.scss"],
   output: "./themes/muzyka21/css/",
 };
 
 module.exports = function () {
-//   $.gulp.task('styles', () => {
-//       return $.gulp.src(stylesPATH.input)
-//       //.pipe(sourcemaps.init())
-
-//       .pipe(scss({ outputStyle: 'compressed'}))
-//       .pipe(prefix("last 2 versions"))
-//       .pipe(csscomb())
-//       .pipe(csso())
-//       //.pipe(concat('main.css'))
-//       //.pipe(minifyCSS())
-//       //.pipe(prefix('last 2 versions'))
-//       .pipe(rename('main.css'))
-//       .pipe($.gulp.dest(stylesPATH.output))
-//   });
 
   // SCSS Version
   $.gulp.task("styles", () => {
     return $.gulp
       .src(stylesPATH.input)
       .pipe(sourcemaps.init())
-      .pipe(sass().on('error', sass.logError))
-      .pipe(prefix("last 2 versions"))
-      .pipe(sourcemaps.write())
+      .pipe(plumber())
+      .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
       .pipe(concat("main.css"))
+      .pipe(prefix("last 2 versions"))
       .pipe(minifyCSS())
+      .pipe(sourcemaps.write('.'))
       .pipe($.gulp.dest(stylesPATH.output))
-      .on('end', $.browserSync.reload);
+      .pipe($.browserSync.stream());
+      //.on('end',$.browserSync.reload);
   });
 };

gulp/tasks/watch.js

@@ -24,7 +24,6 @@ $.gulp.task('default', $.gulp.series(
         'scripts:admin-stuff',
         'scripts:libs',
         'imgs',
-        'watch',
         'browser-sync'
     )
 ));