Folder organization and cleanup, better gh-pages publication workflow. Fix #79

Author: lcdsantos

README.md

@@ -216,7 +216,6 @@ Put styles in your CSS and change it to your taste :D
 .selectricItems .selectricGroup li {
   padding-left: 25px;
 }
-
 ```
 
 Initialize **jQuery Selectric:**

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "jquery-selectric",
   "description": "Fast, simple and light jQuery plugin to customize HTML selects",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "keywords": [
     "select",
     "selectbox",

gulpfile.js

@@ -1,30 +1,28 @@
-var gulp         = require('gulp'),
-    uglify       = require('gulp-uglify'),
-    rename       = require('gulp-rename'),
-    header       = require('gulp-header'),
-    bump         = require('gulp-bump'),
-    sass         = require('gulp-sass'),
-    autoprefixer = require('gulp-autoprefixer'),
-    csscomb      = require('gulp-csscomb'),
-    gutil        = require('gulp-util'),
-    preprocess   = require('gulp-preprocess');;
-
-var fs = require('fs'),
-    getPackageJson = function () {
+var gulp = require('gulp'),
+    $    = require('gulp-load-plugins')(),
+    fs   = require('fs');
+
+var getPackageJson = function() {
       return JSON.parse(fs.readFileSync('./package.json', 'utf8'));
     };
 
+/*======================================
+  Bump version
+======================================*/
 gulp.task('bump', function() {
   var pkg = getPackageJson(),
-      newVersion = gutil.env.bump || pkg.version;
+      newVersion = $.util.env.bump || pkg.version;
 
   return gulp.src(['./package.json', './bower.json', './selectric.jquery.json'])
-    .pipe(bump({
+    .pipe($.bump({
       version: newVersion
     }))
     .pipe(gulp.dest('./'));
 });
 
+/*======================================
+  Javascript
+======================================*/
 gulp.task('js', ['bump'], function() {
   var pkg = getPackageJson(),
       banner = [
@@ -47,42 +45,86 @@ gulp.task('js', ['bump'], function() {
       ].join('\n');
 
   return gulp.src('src/jquery.selectric.js')
-    .pipe(header(banner, { pkg: pkg }))
-    .pipe(gulp.dest('./dist'));
+    .pipe($.header(banner, { pkg: pkg }))
+    .pipe(gulp.dest('./public'))
+    .pipe($.connect.reload());
 });
 
 gulp.task('js-min', ['bump'], function() {
   var pkg = getPackageJson();
 
   return gulp.src('src/jquery.selectric.js')
-    .pipe(uglify())
-    .pipe(header('/*! Selectric ϟ v<%= pkg.version %> (<%= new Date().toJSON().slice(0,10) %>) - git.io/tjl9sQ - Copyright (c) <%= new Date().getFullYear() %> Leonardo Santos - Dual licensed: MIT/GPL */\n', { pkg: pkg }))
-    .pipe(rename({
-      suffix: '.min'
-    }))
-    .pipe(gulp.dest('./dist'));
+    .pipe($.uglify())
+    .pipe($.header('/*! Selectric ϟ v<%= pkg.version %> (<%= new Date().toJSON().slice(0,10) %>) - git.io/tjl9sQ - Copyright (c) <%= new Date().getFullYear() %> Leonardo Santos - Dual licensed: MIT/GPL */\n', { pkg: pkg }))
+    .pipe($.rename({ suffix: '.min' }))
+    .pipe(gulp.dest('./public'))
+    .pipe($.connect.reload());
 });
 
+/*======================================
+  CSS
+======================================*/
 gulp.task('css', function() {
+  var pkg = getPackageJson();
+
   return gulp.src('./src/*.scss')
-    .pipe(sass())
-    .pipe(autoprefixer({
+    .pipe($.sass())
+    .pipe($.autoprefixer({
       browsers: ['last 2 versions', '> 1%', 'ie 8', 'ie 7']
     }))
-    .pipe(csscomb())
-    .pipe(gulp.dest('./dist'));
+    .pipe($.csscomb())
+    .pipe($.header('/*======================================\n  Selectric v<%= pkg.version %>\n======================================*/\n\n', { pkg: pkg }))
+    .pipe(gulp.dest('./public'))
+    .pipe($.connect.reload());
 });
 
-gulp.task('template', function() {
-  return gulp.src('./template/*')
-    .pipe(preprocess())
-    .pipe(gulp.dest('./'))
+/*======================================
+  Live preview
+======================================*/
+gulp.task('serve', function() {
+  $.connect.server({
+    root: './public',
+    livereload: true
+  });
+});
+
+gulp.task('html', function() {
+  return gulp.src('./public/*.html')
+    .pipe($.connect.reload());
+});
+
+/*======================================
+  Watch
+======================================*/
+gulp.task('watch', ['serve'], function() {
+  gulp.watch(['./src/*.js'], ['js', 'js-min']);
+  gulp.watch(['./src/*.scss'], ['css']);
+  gulp.watch(['./public/*.html'], ['html']);
+});
+
+/*======================================
+  ZIP
+======================================*/
+gulp.task('zip', function() {
+  var pkg = getPackageJson();
+
+  return gulp.src('./public/*')
+    .pipe($.zip('selectric_v' + pkg.version + '.zip'))
+    .pipe(gulp.dest('./'));
 });
 
-gulp.task('watch', function() {
-  gulp.watch('./src/*.js', ['js', 'js-min']);
-  gulp.watch('./src/*.scss', ['css']);
-  gulp.watch('./template/*', ['template']);
+/*======================================
+  GitHub Pages
+======================================*/
+gulp.task('gh-pages', function() {
+  return gulp.src('./public/**/*')
+    .pipe($.ghPages());
 });
 
-gulp.task('default', ['bump', 'js', 'js-min', 'css', 'template']);
+/*======================================
+  Default tasks
+======================================*/
+gulp.task('build', ['js', 'js-min', 'css']);
+gulp.task('default', ['build', 'watch']);
+gulp.task('release', ['bump', 'build', 'zip']);
+gulp.task('publish', ['gh-pages']);