gulpfile.js

'use strict';

var gulp   = require('gulp');
var sass   = require('gulp-sass');
var cssmin = require('gulp-cssmin');
var mocha  = require('gulp-spawn-mocha');
var concat = require('gulp-concat');
var rename = require('gulp-rename');
var uglify = require('gulp-uglify');
var jshint = require('gulp-jshint');
var source = require('vinyl-source-stream');
var browserify = require('browserify');

var stylish = require('jshint-stylish');

var pkg = require('./package.json');


var dirs = {
  cssSrc: './resource/css',
  cssDist: './public/css',
  jsSrc: './resource/js',
  jsDist: './public/js',
};

var tests = {
  watch: ['test/**/*.test.js'],
}

var css = {
  src: dirs.cssSrc + '/' + pkg.name + '.scss',
  main: dirs.cssDist + '/crowi-main.css',
  dist: dirs.cssDist + '/crowi.css',
  revealSrc: dirs.cssSrc + '/' + pkg.name + '-reveal.scss',
  revealDist: dirs.cssDist + '/crowi-reveal.css',
  watch: ['resource/css/*.scss'],
};

var js = {
  browserify: {
    crowi: 'resource/js/crowi.js', // => crowi-bundled.js
    crowiPresentation: 'resource/js/crowi-presentation.js', // => crowi-presentation.js
  },
  src: [
    'node_modules/jquery/dist/jquery.js',
    'node_modules/bootstrap-sass/assets/javascripts/bootstrap.js',
    'node_modules/inline-attachment/src/inline-attachment.js',
    'node_modules/socket.io-client/socket.io.js',
    'node_modules/jquery.cookie/jquery.cookie.js',
    'resource/thirdparty-js/jquery.selection.js',
    dirs.jsDist + '/crowi-bundled.js',
  ],
  dist: dirs.jsDist + '/crowi.js',
  revealSrc: [
    'node_modules/reveal.js/lib/js/head.min.js',
    'node_modules/reveal.js/lib/js/html5shiv.js',
    dirs.jsDist + '/crowi-presentation.js',
  ],
  revealDist: dirs.jsDist + '/crowi-reveal.js',
  formSrc: [
    'resource/js/crowi-form.js'
  ],
  formDist: dirs.jsDist + '/crowi-form.js',
  clientWatch: ['resource/js/**/*.js'],
  watch: ['test/**/*.test.js', 'app.js', 'lib/**/*.js'],
  lint: ['app.js', 'lib/**/*.js'],
  tests: tests.watch,
};

var cssIncludePaths = [
  'node_modules/bootstrap-sass/assets/stylesheets',
  'node_modules/font-awesome/scss',
  'node_modules/reveal.js/css'
];

gulp.task('js:browserify', function() {
  browserify({entries: js.browserify.crowiPresentation})
    .bundle()
    .pipe(source('crowi-presentation.js'))
    .pipe(gulp.dest(dirs.jsDist));

  return browserify({entries: js.browserify.crowi})
    .bundle()
    .pipe(source('crowi-bundled.js'))
    .pipe(gulp.dest(dirs.jsDist));
});

gulp.task('js:concat', ['js:browserify'], function() {
  gulp.src(js.revealSrc)
    .pipe(concat('crowi-reveal.js'))
    .pipe(gulp.dest(dirs.jsDist));

  gulp.src(js.formSrc)
    .pipe(concat('crowi-form.js'))
    .pipe(gulp.dest(dirs.jsDist));

  return gulp.src(js.src)
    .pipe(concat('crowi.js'))
    .pipe(gulp.dest(dirs.jsDist));
});

gulp.task('js:min', ['js:concat'], function() {
  gulp.src(js.revealDist)
    .pipe(uglify())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest(dirs.jsDist));

  gulp.src(js.formDist)
    .pipe(uglify())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest(dirs.jsDist));

  return gulp.src(js.dist)
    .pipe(uglify())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest(dirs.jsDist));
});

gulp.task('jshint', function() {
  return gulp.src(js.lint)
    .pipe(jshint())
    .pipe(jshint.reporter(stylish));
});

gulp.task('test', function() {
  return gulp.src(js.tests)
    .pipe(mocha({
      r: 'test/bootstrap.js',
      globals: ['chai'],
      R: 'dot',
    }));
});

gulp.task('css:sass', function() {
  gulp.src(css.revealSrc) // reveal
    .pipe(sass({
        outputStyle: 'nesed',
        sourceComments: 'map',
        includePaths: cssIncludePaths
    }).on('error', sass.logError))
    .pipe(gulp.dest(dirs.cssDist));

  return gulp.src(css.src)
    .pipe(sass({
        outputStyle: 'nesed',
        sourceComments: 'map',
        includePaths: cssIncludePaths
    }).on('error', sass.logError))
    .pipe(rename({suffix: '-main'})) // create -main.css to prepare concating with highlight.js's css
    .pipe(gulp.dest(dirs.cssDist));
});

gulp.task('css:concat', ['css:sass'], function() {
  return gulp.src([css.main, 'node_modules/highlight.js/styles/tomorrow-night.css'])
    .pipe(concat('crowi.css'))
    .pipe(gulp.dest(dirs.cssDist))
});

gulp.task('css:min', ['css:concat'], function() {
  gulp.src(css.revealDist)
    .pipe(cssmin())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest(dirs.cssDist));

  return gulp.src(css.dist)
    .pipe(cssmin())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest(dirs.cssDist));
});

gulp.task('watch', function() {
  var watchLogger = function(event) {
    console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
  };

  var cssWatcher = gulp.watch(css.watch, ['css:concat']);
  cssWatcher.on('change', watchLogger);
  var jsWatcher = gulp.watch(js.clientWatch, ['js:concat']);
  jsWatcher.on('change', watchLogger);
  var testWatcher = gulp.watch(js.watch, ['test']);
  testWatcher.on('change', watchLogger);
});

gulp.task('css', ['css:sass', 'css:concat',]);
gulp.task('default', ['css:min', 'js:min',]);
gulp.task('dev', ['css:concat', 'js:concat','jshint', 'test']);