formstone/gulpfile.js

Library of modular front end components.

var fs             = require('fs');
var moment         = require('moment');
var gulp           = require('gulp');
var autoprefixer   = require('gulp-autoprefixer');
var jsbeautify     = require('gulp-beautify');
var cssbeautify    = require('gulp-cssbeautify');
var clean          = require('gulp-clean');
var cleanCSS       = require('gulp-clean-css');
var clip           = require('gulp-clip-empty-files');
var header         = require('gulp-header');
var htmlbeautify   = require('gulp-html-beautify');
var include        = require('gulp-include');
var jshint         = require('gulp-jshint');
var less           = require('gulp-less');
var modernizr      = require('gulp-modernizr');
var rename         = require('gulp-rename');
var replaceInclude = require('gulp-replace-include');
var sequence       = require('gulp-sequence');
var uglify         = require('gulp-uglify');
var zetzer         = require('gulp-zetzer');
var buildDocs      = require('./tasks/docs.js');

var lessImportNPM  = require('less-plugin-npm-import');

// Vars
var pkg = require('./package.json');
var date = moment().format('YYYY-MM-DD');
var comment = '/*! <%= pkg.name %> v<%= pkg.version %> [<%= filename %>] <%= date %> |' +
  ' <%= pkg.license %> License | <%= pkg.homepage_short %> */\n';

// Clean

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

// Less
gulp.task('styles', function() {
  return gulp.src(['./src/less/**/*.less', '!./src/less/imports/*'])
    .pipe(less({
      plugins: [ new lessImportNPM() ],
      globalVars: pkg.src.vars
    }))
    .pipe(autoprefixer({
      browsers: ['> 1%', 'last 2 versions', 'Firefox ESR', 'Opera 12.1', 'ie >= 10']
    }))
    .pipe(cleanCSS({
      compatibility: 'ie10'
    }))
    .pipe(clip())
    .pipe(header(comment, {
      pkg:  pkg,
      date: date
    }))
    .pipe(gulp.dest('./dist/css'));
});

// JS
gulp.task('scripts', function() {
  return gulp.src('./src/js/*.js')
    .pipe(include())
    .pipe(jshint())
    .pipe(uglify())
    .pipe(header(comment, {
      pkg:  pkg,
      date: date
    }))
    .pipe(gulp.dest('./dist/js'));
});

// Docs

gulp.task('buildDocs', function () {
  return buildDocs();
});

// Demo - Less
gulp.task('demoStyles', function() {
  return gulp.src(['./demo/css/src/*.less'])
    .pipe(less({
      plugins: [ new lessImportNPM() ],
      globalVars: pkg.src.vars
    }))
    .pipe(autoprefixer({
      browsers: ['> 1%', 'last 2 versions', 'Firefox ESR', 'Opera 12.1', 'ie >= 10']
    }))
    .pipe(cleanCSS({
      compatibility: 'ie10'
    }))
    .pipe(clip())
    .pipe(gulp.dest('./demo/css'));
});

// Demo - JS
gulp.task('demoScripts', function() {
  return gulp.src('./demo/js/src/*.js')
    .pipe(include({
      includePaths: [
        __dirname,
        __dirname + "/demo/js/src",
        __dirname + "/node_modules"
      ]
    }))
    .pipe(replaceInclude({
      prefix: '@',
      global: pkg.src.vars
    }))
    .pipe(jshint())
    .pipe(uglify())
    .pipe(gulp.dest('./demo/js'));
});

// Demo - Modernizr
gulp.task('demoModernizr', function () {
  return gulp.src(['demo/js/*.js', 'demo/css/*.css'])
    .pipe(modernizr({
      'tests': [
        'js',
        'touchevents'
      ],
      'options': [
        'setClasses',
        'addTest',
        'testProp',
        'fnBind'
      ]
    }))
    .pipe(uglify())
    .pipe(gulp.dest('demo/js/'));
});

// Demo - HTML
gulp.task('zetzer', function(){
   return gulp.src('./demo/_src/pages/**/*.md')
    .pipe(zetzer({
      partials: './demo/_src/_templates/',
      templates: './demo/_src/_templates/',
      env: {
        title: 'Formstone',
        version: pkg.version
      }
    }))
    .pipe(rename(function(path) {
      path.extname = '.html'
    }))
    .pipe(htmlbeautify())
    .pipe(gulp.dest('./demo'));
});

// // Bower
// gulp.task('bower', function () {
//   var p = {
//     name:         pkg.name,
//     version:      pkg.version,
//     description:  pkg.description,
//     license:      pkg.license,
//     homepage:     pkg.homepage,
//     dependencies: pkg.dependencies,
//     devDependencies: {
//       "normalize-css": "^7.0.0",
//       "prism": "#gh-pages"
//     },
//     main:         [ pkg.main ],
//     ignore:       [
//       "demo/",
//       "docs/"
//     ],
//     authors:      [ pkg.author ]
//   };
//
//   return gulp.src('bower.json')
//     .pipe(syncBower({
//       pkg: p
//     }))
//     .pipe(gulp.dest('.'))
// });

// License
gulp.task('license', function() {
  return fs.readFile('tasks/gpl.txt', function(err, data) {
    var content = 'Formstone \n\n' +
      'Copyright ' + moment().format('YYYY') + ' ' + pkg.author.name + ' \n\n' +
      data;

    fs.writeFile('license.txt', content, function() {});
  });
});

// Beautify

gulp.task('beautifyScripts', function() {
  return gulp.src('./src/js/**/*.js')
    .pipe(jsbeautify({
      indent_size: 2,
      end_with_newline: true
    }))
    .pipe(gulp.dest('./src/js/'));
});

gulp.task('beautifyStyles', function() {
  // return gulp.src('./src/less/**/*.less')
  //   .pipe(cssbeautify({
  //     indent: '  ',
  //     autosemicolon: true
  //   }))
  //   .pipe(gulp.dest('./src/less/'));
});

// Tasks

gulp.task('default', sequence(
  'clean',
  ['styles', 'scripts'],
  'buildDocs',
  ['demoStyles', 'demoScripts'],
  'demoModernizr',
  ['zetzer', 'license']
));

gulp.task('demo', function(callback) {
  sequence(
    ['styles', 'scripts'],
    ['demoStyles', 'demoScripts']
  )(callback);
});

gulp.task('dev', ['default'], function() {
  gulp.watch('./src/less/**/*.less', ['demo']);
  gulp.watch('./src/js/**/*.js', ['demo']);
  gulp.watch('./src/docs/**/*', ['buildDocs', 'zetzer']);

  gulp.watch('./demo/css/src/**/*', ['demoStyles']);
  gulp.watch('./demo/js/src/**/*', ['demoScripts']);
});

gulp.task('beautify', ['beautifyStyles', 'beautifyScripts']);