From 275422a5b37b9fa88e3842322ee206970d5b9b1c Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Sun, 7 Jun 2015 00:33:03 +0200
Subject: [PATCH] first try at migrating everything to gulp

---
 _src/_includes/footer.html |   3 +-
 gulpfile.js                | 242 +++++++++++++++++++++++++++++++++++++
 package.json               |  36 +++---
 3 files changed, 264 insertions(+), 17 deletions(-)
 create mode 100644 gulpfile.js

diff --git a/_src/_includes/footer.html b/_src/_includes/footer.html
index 0ceed5cf..8a1b0455 100644
--- a/_src/_includes/footer.html
+++ b/_src/_includes/footer.html
@@ -33,7 +33,8 @@
 </footer>
 
 <script src="/assets/js/CustomElements.min.js"></script>
-<script async src="/assets/js/kremalicious3.min.js"></script>
+<script src="/assets/js/jquery.min.js"></script>
+<script src="/assets/js/kremalicious3.min.js"></script>
 
 <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 00000000..01602821
--- /dev/null
+++ b/gulpfile.js
@@ -0,0 +1,242 @@
+
+// load plugins
+var $ = require('gulp-load-plugins')();
+
+// manually require modules that won"t get picked up by gulp-load-plugins
+var gulp = require('gulp'),
+    del = require('del'),
+    nib = require('nib'),
+    merge = require('merge-stream'),
+    pkg = require('./package.json');
+
+// Temporary solution until gulp 4
+// https://github.com/gulpjs/gulp/issues/355
+var runSequence = require('run-sequence');
+
+// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+// Config
+// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+var src = '_src',
+    dist = '_site';
+
+var banner = [
+    '/**',
+    ' ** <%= pkg.name %> - <%= pkg.description %>',
+    ' ** <%= package.repository.url %>'
+    ' ** @author <%= pkg.author %>',
+    ' ** @version v<%= pkg.version %>',
+    ' **/',
+    ''
+].join('\n');
+
+// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+// Tasks
+// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+//
+// Delete build artifacts
+//
+gulp.task('clean', function(cb) {
+    return del([
+        dist + '/**/*',
+        '!' + dist + '/media/**'
+    ], cb);
+});
+
+
+//
+// Jekyll
+//
+gulp.task('jekyll', function (cb){
+    var spawn = require('child_process').spawn;
+    var jekyll = spawn('jekyll', ['build'], {stdio: 'inherit'});
+
+    jekyll.on('exit', function(code) {
+        cb(code === 0 ? null : 'ERROR: Jekyll process exited with code: '+code);
+    });
+});
+
+
+//
+// Styles
+//
+gulp.task('css', function() {
+    return gulp.src([
+            src + '/_assets/styl/kremalicious3.styl',
+            src + '/_assets/styl/poststyle-2300.styl'
+        ])
+        .pipe($.stylus({ use: [nib()], 'include css': true }))
+        .pipe($.autoprefixer({ browsers: 'last 2 versions' }))
+        .pipe($.combineMq({ beautify: false }))
+        // .pipe($.uncss({
+        //     html: [dist + '/**/*.html'],
+        //     ignore: ['.in', '.collapsing']
+        // }))
+        .pipe($.cssmin())
+        .pipe($.rename({suffix: '.min'}))
+        .pipe(header(banner, {pkg: pkg}))
+        .pipe(gulp.dest(dist + '/assets/css/'))
+        .pipe($.connect.reload());
+});
+
+
+//
+// Scripts
+//
+
+// Libraries
+gulp.task('js-libraries', function() {
+    var jquery = gulp.src('node_modules/jquery/dist/jquery.js'),
+        picturefill = gulp.src('node_modules/picturefill/dist/picturefill.js'),
+        CustomElements = gulp.src('node_modules/webcomponents.js/CustomElements.js')
+
+    return merge(jquery, picturefill, CustomElements)
+        .pipe($.rename({suffix: '.min'}))
+        .pipe(gulp.dest(dist + '/assets/js/'))
+});
+
+// Project js
+gulp.task('js-project', function() {
+    return gulp.src([
+        'node_modules/masonry-layout/dist/masonry.pkgd.js',
+        'node_modules/imagesloaded/imagesloaded.js',
+        'bower_components/simple-jekyll-search/dest/jekyll-search.js',
+        'bower_components/time-elements/time-elements.js',
+        src + '/_assets/js/*.js'
+    ])
+    .pipe($.uglify())
+    .pipe($.concat('kremalicious3.min.js'))
+    .pipe(header(banner, {pkg: pkg}))
+    .pipe(gulp.dest(dist + '/assets/js/'))
+    .pipe($.connect.reload());
+});
+
+// Collect all script tasks
+gulp.task('js', ['js-libraries', 'js-project']);
+
+
+//
+// Copy images
+//
+gulp.task('images', function() {
+  return gulp.src(src + '/_assets/img/**/*')
+      .pipe(gulp.dest(dist + '/assets/img/'))
+      .pipe($.connect.reload());
+});
+
+
+//
+// Copy fonts
+//
+gulp.task('fonts', function() {
+  return gulp.src(src + '/_assets/fonts/**/*')
+      .pipe(gulp.dest(dist + '/assets/fonts/'))
+      .pipe($.connect.reload());
+});
+
+
+//
+// Copy media
+//
+gulp.task('media', function() {
+  return gulp.src(src + '/_media/**/*')
+      .pipe(gulp.dest(dist + '/media/'))
+      .pipe($.connect.reload());
+});
+
+
+//
+// Image optimization
+//
+gulp.task('imagemin', function () {
+    return gulp.src(dist + '/**/*.{png,jpg,jpeg,gif,svg}')
+        .pipe($.imagemin({
+            optimizationLevel: 5, // png
+            progressive: true,    // jpg
+            interlaced: true,     // gif
+            multipass: true,      // svg
+            svgoPlugins: [{removeViewBox: false}]
+        }))
+        .pipe(gulp.dest(dist));
+});
+
+
+//
+// Revision static assets
+//
+gulp.task('revision', function () {
+    return gulp.src(dist + '/assets/**/*.{css,js}')
+        .pipe($.rev())
+        .pipe(gulp.dest(dist + '/assets/'))
+        // output rev manifest for next replace task
+        .pipe($.rev.manifest())
+        .pipe(gulp.dest(dist + '/assets/'));
+});
+
+//
+// Replace all links to assets in files
+// from a manifest file
+//
+gulp.task('revision-replace', function() {
+
+    var manifest = gulp.src(dist + '/assets/rev-manifest.json');
+
+    return gulp.src(dist + '/**/*.{html,xml,txt,json,css,js}')
+        .pipe($.revReplace({manifest: manifest}))
+        .pipe(gulp.dest(dist));
+});
+
+//
+// Dev Server
+//
+gulp.task('connect', function() {
+    return $.connect.server({
+        root: [dist],
+        livereload: true,
+        port: 1337
+    });
+});
+
+//
+// Watch task
+//
+gulp.task('watch', function() {
+    gulp.watch([src + '/_assets/styl/**/*.styl'], ['css']);
+    gulp.watch([src + '/_assets/js/*.js'], ['js-project']);
+    gulp.watch([src + '/_assets/img/**/*'], ['images']);
+    gulp.watch([src + '/**/*.{html,xml,json,txt}'], ['jekyll']);
+});
+
+// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+// Task sequences
+// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+//
+// Dev Server
+//
+gulp.task('server', function(cb) {
+    runSequence(
+        'clean',
+        'jekyll',
+        ['css', 'js', 'images', 'fonts', 'media'],
+        'watch',
+        'connect',
+        cb
+    );
+});
+
+//
+// Production build
+//
+gulp.task('build', function(cb) {
+    runSequence(
+        'clean',
+        'jekyll',
+        ['css', 'js', 'images', 'fonts', 'media'],
+        'revision',
+        'revision-replace',
+        //'imagemin',
+        cb
+    );
+});
diff --git a/package.json b/package.json
index 3c9ea68f..f37e2d89 100644
--- a/package.json
+++ b/package.json
@@ -17,23 +17,27 @@
     "webcomponents.js": ">=0.7.1"
   },
   "devDependencies": {
-    "autoprefixer-core": ">=5.2.0",
-    "css-mqpacker": ">=3.1.0",
-    "csswring": ">=3.0.5",
-    "grunt": ">=0.4.5",
-    "grunt-contrib-clean": ">=0.5.0",
-    "grunt-contrib-connect": ">=0.5.0",
-    "grunt-contrib-imagemin": ">=0.7.0",
-    "grunt-contrib-stylus": ">=0.18.0",
-    "grunt-contrib-uglify": ">=0.2.2",
-    "grunt-contrib-watch": ">=0.5.3",
-    "grunt-jekyll": ">=0.4.0",
-    "grunt-postcss": ">=0.4.0",
-    "grunt-rev": ">=0.1.0",
-    "grunt-rsync": ">=0.2.1",
-    "grunt-text-replace": ">=0.3.12",
-    "grunt-usemin": ">=2.0.2",
+    "del": ">=1.2.0",
+    "gulp": ">=3.8.0",
+    "gulp-autoprefixer": ">=2.3.0",
+    "gulp-combine-mq": ">=0.4.0",
+    "gulp-concat": ">=2.5.2",
+    "gulp-connect": ">=2.0.5",
+    "gulp-cssmin": ">=0.1.7",
+    "gulp-header": "^1.2.2",
+    "gulp-imagemin": ">=2.2.1",
+    "gulp-load-plugins": ">=0.10.0",
+    "gulp-minify-html": "^1.0.3",
+    "gulp-rename": ">=1.2.2",
+    "gulp-rev": ">=4.0.0",
+    "gulp-rev-replace": ">=0.4.1",
+    "gulp-stylus": ">=2.0.3",
+    "gulp-uglify": ">=1.2.0",
+    "gulp-uncss": ">=1.0.1",
+    "gulp-zip": ">=2.0.0",
+    "merge-stream": ">=0.1.7",
     "nib": ">=1.0.3",
+    "run-sequence": ">=1.1.0",
     "stylus": ">=0.45.0"
   },
   "engines": {