From 61c807c95f7695ebbea3b380864b56d5dafa15d3 Mon Sep 17 00:00:00 2001
From: Christine Slotty <christine.slotty@software-labor.de>
Date: Mon, 20 Jul 2020 18:00:31 +0200
Subject: [PATCH] gulpfile

---
 .gitignore         |  1 -
 websrc/gulpfile.js | 58 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 58 insertions(+), 1 deletion(-)
 create mode 100644 websrc/gulpfile.js

diff --git a/.gitignore b/.gitignore
index 88fcf2859..4a3ce5c25 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,7 +5,6 @@ tmp/
 vendor/
 composer.lock
 websrc/node_modules/
-websrc/gulpfile.js
 websrc/package-lock.json
 mithril_client/
 websrc/src/less-files.css
diff --git a/websrc/gulpfile.js b/websrc/gulpfile.js
new file mode 100644
index 000000000..a1cd459f7
--- /dev/null
+++ b/websrc/gulpfile.js
@@ -0,0 +1,58 @@
+var gulp = require('gulp');
+var less = require('gulp-less');
+var concat = require('gulp-concat');
+var merge = require('merge-stream');
+var watch = require('gulp-watch');
+//var minify = require('gulp-minify');
+var cleanCSS = require('gulp-clean-css');
+
+var bundleStyles = function() {
+
+  var lessStream = gulp.src('src/less/*.less')
+        .pipe(concat('src/less-files.less'))
+        .pipe(less())
+        .pipe(gulp.dest('./'))
+    ;
+
+  var mergedStream = merge(lessStream)
+        .pipe(concat('grd_styles.css'))
+        //.pipe(minify())
+        .pipe(gulp.dest('../webroot/css/'));
+
+    return mergedStream;
+};
+
+var compressStyles = function() {
+  var lessStream = gulp.src('src/less/*.less')
+        .pipe(concat('src/less-files.less'))
+        .pipe(less())
+        .pipe(gulp.dest('./'))
+    ;
+
+  var mergedStream = merge(lessStream)
+        .pipe(concat('grd_styles.min.css'))
+        .pipe(cleanCSS({
+          compatibility: 'ie8',
+          level: {
+            1: {
+              all: true
+            },
+            2: {
+              all: true
+            }
+          }
+        }))
+        .pipe(gulp.dest('../webroot/css/'));
+
+    return mergedStream;
+};
+
+gulp.task("bundleStyles", bundleStyles);
+gulp.task("compressStyles", compressStyles);
+
+gulp.task('watchStyles', function() {
+  bundleStyles();
+  watch("src/less/*.less", function() {
+    bundleStyles();
+  });
+});
\ No newline at end of file