]> BookStack Code Mirror - bookstack/blobdiff - gulpfile.js
Adds test cases and fixes an issue with the permission checking.
[bookstack] / gulpfile.js
index 7092e6ff838a12e2db220d06d77b18df5c7fcf1f..c9f3f79561ca57ff7b06d987fcf2c9b234271a8b 100644 (file)
@@ -1,19 +1,83 @@
-var elixir = require('laravel-elixir');
-
-/*
- |--------------------------------------------------------------------------
- | Elixir Asset Management
- |--------------------------------------------------------------------------
- |
- | Elixir provides a clean, fluent API for defining some basic Gulp tasks
- | for your Laravel application. By default, we are compiling the Sass
- | file for our application, as well as publishing vendor resources.
- |
- */
-
-elixir(function(mix) {
-    mix.sass('styles.scss');
-    mix.scripts('image-manager.js', 'public/js/image-manager.js');
-    mix.scripts('book-dashboard.js', 'public/js/book-dashboard.js');
-    mix.scripts('jquery-extensions.js', 'public/js/jquery-extensions.js');
+'use strict';
+
+const argv = require('yargs').argv;
+const gulp = require('gulp'),
+    plumber = require('gulp-plumber');
+
+const autoprefixer = require('gulp-autoprefixer');
+const minifycss = require('gulp-clean-css');
+const sass = require('gulp-sass');
+const sourcemaps = require('gulp-sourcemaps');
+
+const browserify = require("browserify");
+const source = require('vinyl-source-stream');
+const buffer = require('vinyl-buffer');
+const babelify = require("babelify");
+const watchify = require("watchify");
+const envify = require("envify");
+const uglify = require('gulp-uglify');
+
+const gutil = require("gulp-util");
+const liveReload = require('gulp-livereload');
+
+if (argv.production) process.env.NODE_ENV = 'production';
+let isProduction = argv.production || process.env.NODE_ENV === 'production';
+
+gulp.task('styles', () => {
+    let chain = gulp.src(['resources/assets/sass/**/*.scss'])
+        .pipe(sourcemaps.init())
+        .pipe(plumber({
+            errorHandler: function (error) {
+                console.log(error.message);
+                this.emit('end');
+            }}))
+        .pipe(sass())
+        .pipe(autoprefixer('last 2 versions'));
+    if (isProduction) chain = chain.pipe(minifycss());
+    chain = chain.pipe(sourcemaps.write());
+    return chain.pipe(gulp.dest('public/css/')).pipe(liveReload());
+});
+
+
+function scriptTask(watch = false) {
+
+    let props = {
+        basedir: 'resources/assets/js',
+        debug: true,
+        entries: ['global.js'],
+        fast: !isProduction,
+        cache: {},
+        packageCache: {},
+    };
+
+    let bundler = watch ? watchify(browserify(props), { poll: true }) : browserify(props);
+
+    if (isProduction) {
+        bundler.transform(envify, {global: true}).transform(babelify, {presets: ['es2015']});
+    }
+
+    function rebundle() {
+        let stream = bundler.bundle();
+        stream = stream.pipe(source('common.js'));
+        if (isProduction) stream = stream.pipe(buffer()).pipe(uglify());
+        return stream.pipe(gulp.dest('public/js/')).pipe(liveReload());
+    }
+
+    bundler.on('update', function() {
+        rebundle();
+        gutil.log('Rebundling assets...');
+    });
+
+    bundler.on('log', gutil.log);
+    return rebundle();
+}
+
+gulp.task('scripts', () => {scriptTask(false)});
+gulp.task('scripts-watch', () => {scriptTask(true)});
+
+gulp.task('default', ['styles', 'scripts-watch'], () => {
+    liveReload.listen();
+    gulp.watch("resources/assets/sass/**/*.scss", ['styles']);
 });
+
+gulp.task('build', ['styles', 'scripts']);
\ No newline at end of file