Gulpfile.js Overview /styleguide/gulpfile.js /app/gulpfile.js /app/public/assets/manifest-101.json

app-gulpfile.js

'use strict';

var gulp = require('gulp'),
    rename = require('gulp-rename'),
    runSequence = require('run-sequence');

gulp.task('manifest', function () {
  gulp.src('../styleguide/dist/manifest.json')
    .pipe(rename('manifest-101.json'))
    .pipe(gulp.dest('public/assets/'));
});

gulp.task('serve', ['manifest'], function () {
  gulp.watch('../styleguide/dist/**.json', function () { runSequence('manifest'); });
});

manifest-101.json

{
  "files": {
    "css/interexchange-app.min-58400d0d.css": {
      "logical_path": "css/interexchange-app.min.css",
      "mtime": "2015-02-04T06:36:36.000Z",
      "size": 2625,
      "digest": "58400d0d"
    },
    "css/interexchange.min-afa7dd76.css": {
      "logical_path": "css/interexchange.min.css",
      "mtime": "2015-02-04T06:36:36.000Z",
      "size": 192927,
      "digest": "afa7dd76"
    },
    "js/interexchange-components.min-96e758e6.js": {
      "logical_path": "js/interexchange-components.min.js",
      "mtime": "2015-02-04T06:35:59.000Z",
      "size": 138682,
      "digest": "96e758e6"
    },
    "js/interexchange-development.min-f8ddae2b.js": {
      "logical_path": "js/interexchange-development.min.js",
      "mtime": "2015-02-04T06:35:55.000Z",
      "size": 134,
      "digest": "f8ddae2b"
    },
    "js/interexchange.min-a5fc7cb6.js": {
      "logical_path": "js/interexchange.min.js",
      "mtime": "2015-02-04T06:35:55.000Z",
      "size": 408092,
      "digest": "a5fc7cb6"
    }
  },
  "assets": {
    "css/interexchange-app.min.css": "css/interexchange-app.min-58400d0d.css",
    "css/interexchange.min.css": "css/interexchange.min-afa7dd76.css",
    "js/interexchange-components.min.js": "js/interexchange-components.min-96e758e6.js",
    "js/interexchange-development.min.js": "js/interexchange-development.min-f8ddae2b.js",
    "js/interexchange.min.js": "js/interexchange.min-a5fc7cb6.js"
  }
}

styleguide-gulpfile.js

'use strict';

var gulp        = require('gulp'),
    clean       = require('gulp-clean'),
    _if         = require('gulp-if'),
    browserify  = require('browserify'),
    browserSync = require('browser-sync'),
    concat      = require('gulp-concat'),
    consolidate = require('gulp-consolidate'),
    deploy      = require('gulp-gh-pages'),
    flow        = require('gulp-flowtype'),
    hologram    = require('gulp-hologram'),
    iconfont    = require('gulp-iconfont'),
    jshint      = require('gulp-jshint'),
    minifyCSS   = require('gulp-minify-css'),
    rename      = require('gulp-rename'),
    rev         = require('gulp-rev'),
    manifest    = require('gulp-rev-rails-manifest'),
    sass        = require('gulp-sass'),
    source      = require('vinyl-source-stream'),
    sourcemaps  = require('gulp-sourcemaps'),
    uglify      = require('gulp-uglify'),
    runSequence = require('run-sequence');

gulp.task('font-awesome-interexchange', function() {
  return gulp.src(['src/vectors/*.svg'])
    .pipe(iconfont({ fontName: 'font-awesome-interexchange' }))
    .on('codepoints', function(codepoints, options) {
      gulp.src('src/templates/font-awesome-interexchange.scss')
        .pipe(consolidate('lodash', {
          glyphs: codepoints,
          fontName: 'font-awesome-interexchange',
          fontPath: '../fonts/',
          className: 'fa-iex'
        }))
        .pipe(gulp.dest('src/scss/'));
    })
    .pipe(gulp.dest('build/fonts/'));
});

gulp.task('fonts', ['font-awesome-interexchange'], function() {
  return gulp.src([
    'bower_components/bootstrap-sass-official/assets/fonts/bootstrap/*',
    'bower_components/components-font-awesome/fonts/*'
  ])
    .pipe(gulp.dest('build/fonts'))
    .pipe(gulp.dest('dist/fonts'));
});

gulp.task('images', function() {
  return gulp.src(['src/images/**/*'])
    .pipe(gulp.dest('build/images'))
    .pipe(gulp.dest('dist/images'));
});

gulp.task('json', function() {
  return gulp.src(['src/json/**/*'])
    .pipe(gulp.dest('build/json'));
});

gulp.task('styles', function() {
  return gulp.src([
    'src/scss/interexchange.scss',
    'src/scss/font-awesome-interexchange.scss'
  ])
    .pipe(sass({keepSpecialComments: 0}))
    .pipe(concat('interexchange.css'))
    .pipe(gulp.dest('build/css'))
    .pipe(minifyCSS())
    .pipe(rename('interexchange.min.css'))
    .pipe(gulp.dest('build/css'));
});

gulp.task('styles-app', function() {
  return gulp.src(['src/scss/app/*.scss'])
    .pipe(sass({keepSpecialComments: 0}))
    .pipe(concat('interexchange-app.css'))
    .pipe(gulp.dest('build/css'))
    .pipe(minifyCSS())
    .pipe(rename('interexchange-app.min.css'))
    .pipe(gulp.dest('build/css'));
});

gulp.task('javascript', function() {
  return gulp.src([
    'bower_components/jquery/dist/jquery.js',
    'bower_components/react/react-with-addons.js',
    'bower_components/moment/moment.js',
    'bower_components/jquery.serializeJSON/jquery.serializejson.js',
    'bower_components/react-radio-group/react-radiogroup.js',
    'bower_components/bootstrap-datepicker/js/bootstrap-datepicker.js',
    'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/affix.js',
    'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/alert.js',
    'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/button.js',
    'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/carousel.js',
    'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/collapse.js',
    'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/dropdown.js',
    'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/modal.js',
    'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tooltip.js',
    'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/popover.js',
    'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/scrollspy.js',
    'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tab.js',
    'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/transition.js',
    'bower_components/react-bootstrap/react-bootstrap.js',
    'bower_components/reflux/dist/reflux.js'
  ])
    .pipe(sourcemaps.init({debug: true}))
    .pipe(uglify())
    .pipe(concat('interexchange.min.js'))
    .pipe(sourcemaps.write('../maps'))
    .pipe(gulp.dest('build/js'))
});

gulp.task('javascript-components', function () {
  return browserify({
    fullPaths: false,
    entries: './src/js/main.js',
    dest: './build',
    outputName: 'interexchange-components.min.js',
    debug: true
  })
    .plugin('minifyify', {
      map: '/maps/interexchange-components.min.js.map',
      output: 'build/maps/interexchange-components.min.js.map'
    })
    .bundle()
    .on('error', function (err) {
      console.log(err);
      this.emit('end');
    })
    .pipe(source('interexchange-components.min.js'))
    .pipe(gulp.dest('build/js'));
});

gulp.task('javascript-development', ['javascript'], function() {
  return gulp.src(['src/js/development.js'])
    .pipe(sourcemaps.init({debug: true}))
    .pipe(uglify())
    .pipe(concat('interexchange-development.min.js'))
    .pipe(sourcemaps.write('../maps'))
    .pipe(gulp.dest('build/js'));
});

gulp.task('jshint', function () {
  return gulp.src(['src/js/components/*.js', 'src/js/stores/*.js', 'src/js/*.js'])
    .pipe(jshint())
    .pipe(jshint.reporter('jshint-stylish'))
    .pipe(jshint.reporter('fail'));
});

gulp.task('flow', function () {
  return gulp.src(['src/js/main.js'])
    .pipe(flow({all: false, weak: false, killFlow: false, beep: true, abort: false}));
});

gulp.task('styleguide', function () {
  return gulp.src(['hologram_config.yml'])
    .pipe(hologram());
});

gulp.task('rev-clean', function () {
  return gulp.src(['dist/css/**/*.css', 'dist/js/**/*.js'], {read: false})
    .pipe(clean());
});

gulp.task('rev', ['rev-clean'], function() {
  return gulp.src(['build/**/*.min.css', 'build/**/*.min.js'])
    .pipe(rev())
    .pipe(gulp.dest('dist'))
    .pipe(manifest({path: 'manifest.json'}))
    .pipe(gulp.dest('dist'));
});

gulp.task('serve', function () {
  browserSync({server: {baseDir: ['build', 'dist']}, open: false});

  gulp.watch(['src/**/*.scss'], function() { runSequence('styles', 'styles-app', 'rev', 'styleguide'); });
  gulp.watch(['src/**/*.js'], function() { runSequence('javascript', 'javascript-development', 'javascript-components', 'jshint', 'rev'); });
  gulp.watch(['src/**/*.json'], function() { runSequence('json'); });
  gulp.watch(['src/vectors/*.svg'], function() { runSequence('fonts'); });
});