Merge pull request #6 from addyosmani/gulp-rework

First slice of new gulp file

Author: addyosmani

.eslintrc

@@ -0,0 +1,53 @@
+{
+    "ecmaFeatures": { "modules": true },
+    "rules": {
+        "array-bracket-spacing": 2,
+        "block-spacing": [2, "never"],
+        "brace-style": [2, "1tbs", { "allowSingleLine": false }],
+        "camelcase": [2, {"properties": "always"}],
+        "curly": 2,
+        "default-case": 2,
+        "dot-notation": 2,
+        "eqeqeq": 2,
+        "indent": [
+            2,
+            2
+        ],
+        "key-spacing": [2, {"beforeColon": false, "afterColon": true}],
+        "max-len": [2, 80, 2, {"ignoreUrls": true}],
+        "new-cap": 2,
+        "no-console": 0,
+        "no-else-return": 2,
+        "no-eval": 2,
+        "no-multi-spaces": 2,
+        "no-multiple-empty-lines": [2, {"max": 2}],
+        "no-shadow": 2,
+        "no-trailing-spaces": 2,
+        "no-unused-expressions": 2,
+        "object-curly-spacing": [2, "never"],
+        "padded-blocks": [2, "never"],
+        "quotes": [
+            2,
+            "single"
+        ],
+        "semi": [
+            2,
+            "always"
+        ],
+        "space-after-keywords": 2,
+        "space-before-blocks": 2,
+        "space-before-function-paren": [2, "never"],
+        "spaced-comment": 2,
+        "valid-typeof": 2,
+        "no-unused-vars": [2, {"args": "none"}]
+    },
+    "env": {
+        "es6": true,
+        "browser": true,
+        "node": true
+    },
+    "extends": "eslint:recommended",
+  "globals": {
+    "importScripts": true
+  }
+}

gulp-tasks/bump.js

@@ -0,0 +1,32 @@
+/**
+ *
+ * Copyright 2015 Google Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+var gulp = require('gulp');
+var bump = require('gulp-bump');
+var fs = require('fs');
+
+gulp.task('update-pkg', function() {
+  return gulp.src('./package.json')
+    .pipe(bump({type:'patch'}))
+    .pipe(gulp.dest('./'));
+});
+
+gulp.task('bump', ['update-pkg'], function(cb) {
+  GLOBAL.config.version =
+    JSON.parse(fs.readFileSync('./package.json', 'utf8')).version;
+  cb();
+});

gulp-tasks/clean.js

@@ -0,0 +1,26 @@
+/**
+ *
+ * Copyright 2015 Google Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+var gulp = require('gulp');
+var del = require('del');
+
+gulp.task('clean', function(cb) {
+  del([GLOBAL.config.dest], {dot: true})
+    .then(function() {
+      cb();
+    });
+});

gulp-tasks/copy.js

@@ -0,0 +1,44 @@
+/**
+ *
+ * Copyright 2015 Google Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+var gulp = require('gulp');
+var runSequence = require('run-sequence');
+var del = require('del');
+
+gulp.task('copy:watch', function() {
+  gulp.watch(GLOBAL.config.src + '/*.*', ['copy:root']);
+});
+
+gulp.task('copy:cleanRoot', function(cb) {
+  del([GLOBAL.config.dest + '/*.{json,txt,ico}'], {dot: true})
+    .then(function() {
+      cb();
+    });
+});
+
+gulp.task('copy:root', ['copy:cleanRoot'], function() {
+  return gulp.src([
+      GLOBAL.config.src + '/*.{json,txt,ico}',
+    ])
+    .pipe(gulp.dest(GLOBAL.config.dest));
+});
+
+gulp.task('copy', function(cb) {
+  runSequence(
+    'copy:root',
+  cb);
+});

gulp-tasks/html.js

@@ -0,0 +1,34 @@
+/**
+ *
+ * Copyright 2015 Google Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+var gulp = require('gulp');
+var gulpif = require('gulp-if');
+var minifyHtml = require('gulp-minify-html');
+var replace = require('gulp-replace');
+
+gulp.task('html:watch', function() {
+  gulp.watch(GLOBAL.config.src + '/**/*.html', ['html']);
+});
+
+gulp.task('html', function() {
+  return gulp.src([
+      GLOBAL.config.src + '/**/*.html',
+    ])
+    .pipe(gulpif(GLOBAL.config.env == 'prod', minifyHtml()))
+    .pipe(replace(/@VERSION@/g, GLOBAL.config.version))
+    .pipe(gulp.dest(config.dest));
+});

gulp-tasks/images.js

@@ -0,0 +1,41 @@
+/**
+ *
+ * Copyright 2015 Google Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var gulp = require('gulp');
+var del = require('del');
+var gulpif = require('gulp-if');
+var imagemin = require('gulp-imagemin');
+
+gulp.task('images:watch', function() {
+  gulp.watch(GLOBAL.config.src + '/images/**/*.*', ['images']);
+});
+
+gulp.task('images:clean', function(cb) {
+  del([GLOBAL.config.dest + '/*.{png,jpg,jpeg,gif,svg}'], {dot: true})
+    .then(function() {
+      cb();
+    });
+});
+
+gulp.task('images', ['images:clean'], function() {
+  return gulp.src(GLOBAL.config.src + '/**/*.{png,jpg,jpeg,gif,svg}')
+    .pipe(gulpif(GLOBAL.config.env == 'prod', imagemin({
+      progressive: true,
+      interlaced: true,
+      svgoPlugins: [{removeViewBox: false}],
+    })))
+    .pipe(gulp.dest(GLOBAL.config.dest));
+});

gulp-tasks/scripts.js

@@ -0,0 +1,128 @@
+/**
+ *
+ * Copyright 2015 Google Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+var gulp = require('gulp');
+var del = require('del');
+var runSequence = require('run-sequence');
+var eslint = require('gulp-eslint');
+var path = require('path');
+var glob = require('glob');
+var browserify = require('browserify');
+var babelify = require('babelify');
+var gutil = require('gulp-util');
+var source = require('vinyl-source-stream');
+var uglify = require('gulp-uglify');
+var gulpif = require('gulp-if');
+var streamify = require('gulp-streamify');
+var replace = require('gulp-replace');
+var license = require('gulp-license');
+
+gulp.task('scripts:watch', function() {
+  gulp.watch(GLOBAL.config.src + '/**/*.es6.js', ['scripts:es6']);
+});
+
+// Takes a set of objects defining inputs of javascript files
+// to run through browserify and babelify
+function compileES6Bundles(browserifyBundles, minify) {
+  browserifyBundles.forEach(function(bundle) {
+    var browserifyBundle = browserify({
+        entries: [bundle.srcPath],
+      })
+      .transform(babelify);
+
+    return browserifyBundle.bundle()
+      .on('log', gutil.log.bind(gutil, 'Browserify Log'))
+      .on('error', gutil.log.bind(gutil, 'Browserify Error'))
+      .pipe(source(bundle.outputFilename))
+      .pipe(replace(/@VERSION@/g, GLOBAL.config.version))
+
+      // If this is a production build - minify JS
+      .pipe(gulpif(GLOBAL.config.env == 'prod', streamify(uglify())))
+      .pipe(license(GLOBAL.config.license, GLOBAL.config.licenseOptions))
+      .pipe(gulp.dest(bundle.dest));
+  });
+}
+
+// This takes a source path and finds all files ending
+// with .es6.js and creates the bundles to run through browserify
+// and babelify
+function generateES6Bundles(srcPath) {
+  if (!srcPath) {
+    throw new Error('Invalid source path given to generateES6Bundles');
+  }
+
+  var es6Filepaths = glob.sync(srcPath + '/**/*.es6.js');
+
+  var browserifyBundles = [];
+  es6Filepaths.forEach(function(filepath) {
+    var filename = path.basename(filepath);
+    var directoryOfFile = path.dirname(filepath);
+    var relativeDirectory = path.relative(
+      srcPath,
+      directoryOfFile);
+
+    // Replace .es6.js with .js for the final output
+    var outputFilename =
+      filename.substring(0, filename.length - '.es6.js'.length) + '.js';
+
+    browserifyBundles.push({
+      srcPath: './' + filepath,
+      outputFilename: outputFilename,
+      dest: path.join(GLOBAL.config.dest, relativeDirectory),
+    });
+  });
+
+  compileES6Bundles(browserifyBundles);
+}
+
+gulp.task('scripts:eslint', function() {
+  return gulp.src([GLOBAL.config.src + '/**/*.es6.js'])
+
+    // eslint() attaches the lint output to the eslint property
+    // of the file object so it can be used by other modules.
+    .pipe(eslint())
+
+    // eslint.format() outputs the lint results to the console.
+    // Alternatively use eslint.formatEach() (see Docs).
+    .pipe(eslint.format())
+
+    // To have the process exit with an error code (1) on
+    // lint error, return the stream and pipe to failOnError last.
+    .pipe(eslint.failOnError());
+});
+
+gulp.task('scripts:es6', ['scripts:eslint'], function(cb) {
+  generateES6Bundles(GLOBAL.config.src);
+
+  cb();
+});
+
+// Delete any files currently in the scripts destination path
+gulp.task('scripts:clean', function(cb) {
+  del([GLOBAL.config.dest + '/**/*.js'], {dot: true})
+    .then(function() {
+      cb();
+    });
+});
+
+gulp.task('scripts', function(cb) {
+  runSequence(
+    'scripts:clean',
+    ['scripts:es6'],
+    cb
+  );
+});