materialize-stepper/gulpfile.js

A little plugin, inspired by MDL-Stepper, that implements a stepper to Materializecss framework.

var gulp = require('gulp');
var rename = require('gulp-rename');
var pump = require('pump');
var lec = require('gulp-line-ending-corrector');
var header = require('gulp-header');
var version = require('./package.json').version;

var licenseHeader = [
   '/**',
   ' * Materialize Stepper - A little plugin that implements a stepper to Materializecss framework.',
   ' * @version v' + version + '',
   ' * @author Igor Marcossi (Kinark) <igormarcossi@gmail.com>.',
   ' * @link https://github.com/Kinark/Materialize-stepper',
   ' * ',
   ' * Licensed under the MIT License (https://github.com/Kinark/Materialize-stepper/blob/master/LICENSE).',
   ' */',
   '\n'
].join('\n');

/////////////////////
////////PATHS////////
/////////////////////

var mainScss = './src/scss/mstepper.scss';

var scssInput = './src/scss/**/*.scss';
var scssOutput = './dist/css';

var jsInput = ['./src/js/**/*.js', '!./src/js/**/_*.js'];
var jsOutput = './dist/js/';

var docsInput = './src/html_docs/**/*.html';
var docsIndex = './src/html_docs/index.html';
var docsOutput = './docs/';

/////////////////////
/////////CSS/////////
/////////////////////
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var cleanCss = require('gulp-clean-css');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('sass', function (cb) {
   pump([
      gulp.src(mainScss),
      lec(),
      sourcemaps.init(),
      sass().on('error', onError),
      autoprefixer(),
      header(licenseHeader),
      rename("mstepper.css"),
      gulp.dest(scssOutput),
      gulp.dest(docsOutput + '/css'),
      sourcemaps.write(),
      cleanCss(),
      rename("mstepper.min.css"),
      header(licenseHeader),
      gulp.dest(scssOutput),
      gulp.dest(docsOutput + '/css'),
   ], cb);
});

/////////////////////
/////////JS//////////
/////////////////////
var uglify = require('gulp-uglify');
var concatJS = require('gulp-concat');
const babel = require('gulp-babel');

gulp.task('js', function (cb) {
   pump([
      gulp.src(jsInput),
      concatJS('mstepper.js'),
      babel({
         presets: ['@babel/env'],
         plugins: ['@babel/plugin-proposal-class-properties']
      }),
      header(licenseHeader),
      gulp.dest(jsOutput),
      gulp.dest(docsOutput + '/js'),
      uglify().on('error', onError),
      rename("mstepper.min.js"),
      header(licenseHeader),
      gulp.dest(jsOutput),
      gulp.dest(docsOutput + '/js'),
   ], cb);
});

/////////////////////
////////HTML/////////
/////////////////////
var fileInclude = require('gulp-file-include');
var replace = require('gulp-replace');

gulp.task('html', function (cb) {
   pump([
      gulp.src(docsIndex),
      fileInclude({
         prefix: '@@',
         basepath: '@file'
      }),
      replace('{version}', version),
      gulp.dest(docsOutput)
   ], cb);
});

/////////////////////
////////WATCH////////
/////////////////////

gulp.task('watchCSS', function () {
   return gulp.watch(scssInput, ['sass']);
});

gulp.task('watchJS', function () {
   return gulp.watch(jsInput, ['js']);
});

gulp.task('watchHTML', function () {
   return gulp.watch(docsInput, ['html']);
});

/////////////////////
///////DEFAULT///////
/////////////////////

gulp.task('default', ['js', 'sass', 'html', 'watchCSS', 'watchJS', 'watchHTML']);

function onError(err) {
   console.log(err);
   this.emit('end');
}