updated version number

Author: Chris Ferdinandi

README.md

@@ -129,6 +129,8 @@ Gulp Boilerplate is licensed under the [MIT License](http://gomakethings.com/mit
 
 Gulp Boilerplate uses [semantic versioning](http://semver.org/).
 
+* v1.0.0 - August 31, 2014
+	* Fixed event listener filter to account for sub elements.
 * v0.7.0 - August 24, 2014
 	* Add new task(s) for concatenating scripts. DRYer code.
 * v0.6.0 - August 23, 2014

dist/css/myplugin.css

@@ -1,5 +1,5 @@
 /**
- * gulp-boilerplate v0.7.0
+ * gulp-boilerplate v1.0.0
  * My Gulp.js boilerplate for creating new web projects, by Chris Ferdinandi.
  * http://github.com/cferdinandi/Plugin
  * 

dist/css/myplugin.min.css

@@ -1 +1 @@
-/** gulp-boilerplate v0.7.0, by Chris Ferdinandi | http://github.com/cferdinandi/Plugin | Licensed under MIT: http://gomakethings.com/mit/ */
+/** gulp-boilerplate v1.0.0, by Chris Ferdinandi | http://github.com/cferdinandi/Plugin | Licensed under MIT: http://gomakethings.com/mit/ */

dist/js/bind-polyfill.js

@@ -1,5 +1,5 @@
 /**
- * gulp-boilerplate v0.7.0
+ * gulp-boilerplate v1.0.0
  * My Gulp.js boilerplate for creating new web projects, by Chris Ferdinandi.
  * http://github.com/cferdinandi/Plugin
  * 

dist/js/bind-polyfill.min.js

@@ -1,5 +1,5 @@
 /**
- * gulp-boilerplate v0.7.0
+ * gulp-boilerplate v1.0.0
  * My Gulp.js boilerplate for creating new web projects, by Chris Ferdinandi.
  * http://github.com/cferdinandi/Plugin
  * 

dist/js/classList.js

@@ -1,5 +1,5 @@
 /**
- * gulp-boilerplate v0.7.0
+ * gulp-boilerplate v1.0.0
  * My Gulp.js boilerplate for creating new web projects, by Chris Ferdinandi.
  * http://github.com/cferdinandi/Plugin
  * 
@@ -89,6 +89,32 @@
 		return !options || !(typeof JSON === 'object' && typeof JSON.parse === 'function') ? {} : JSON.parse( options );
 	};
 
+	/**
+	 * Get the closest matching element up the DOM tree
+	 * @param {Element} elem Starting element
+	 * @param {String} selector Selector to match against (class, ID, or data attribute)
+	 * @return {Boolean|Element} Returns false if not match found
+	 */
+	var getClosest = function (elem, selector) {
+		var firstChar = selector.charAt(0);
+		for ( ; elem && elem !== document; elem = elem.parentNode ) {
+			if ( firstChar === '.' ) {
+				if ( elem.classList.contains( selector.substr(1) ) ) {
+					return elem;
+				}
+			} else if ( firstChar === '#' ) {
+				if ( elem.id === selector.substr(1) ) {
+					return elem;
+				}
+			} else if ( firstChar === '[' ) {
+				if ( elem.hasAttribute( selector.substr(1, selector.length - 2) ) ) {
+					return elem;
+				}
+			}
+		}
+		return false;
+	};
+
 	// @todo Do something...
 
 	/**
@@ -97,7 +123,8 @@
 	 */
 	var eventHandler = function (event) {
 		var toggle = event.target;
-		if ( toggle.hasAttribute('data-myplugin') ) {
+		var closest = getClosest(toggle, '[data-some-selector]');
+		if ( closest ) {
 			// run methods
 		}
 	};

dist/js/classList.min.js

@@ -2,6 +2,7 @@
 var gulp = require('gulp');
 var plumber = require('gulp-plumber');
 var clean = require('gulp-clean');
+var lazypipe = require('lazypipe');
 var rename = require('gulp-rename');
 var flatten = require('gulp-flatten');
 var tap = require('gulp-tap');
@@ -19,7 +20,6 @@ var package = require('./package.json');
 // Paths to project folders
 var paths = {
 	output : 'dist/',
-	temp: 'src/temp/',
 	scripts : {
 		input : [ 'src/js/*' ],
 		output : 'dist/js/'
@@ -55,36 +55,29 @@ var banner = {
 		' */\n'
 };
 
-// Concatenate scripts in subfolders
-gulp.task('concatenate', function() {
+// Lint, minify, and concatenate scripts
+gulp.task('scripts', ['clean'], function() {
+
+	var jsTasks = lazypipe()
+		.pipe(header, banner.full, { package : package })
+		.pipe(gulp.dest, paths.scripts.output)
+		.pipe(rename, { suffix: '.min' })
+		.pipe(uglify)
+		.pipe(header, banner.min, { package : package })
+		.pipe(gulp.dest, paths.scripts.output);
+
 	return gulp.src(paths.scripts.input)
 		.pipe(plumber())
 		.pipe(flatten())
-
 		.pipe(tap(function (file, t) {
 			if ( file.stat.isDirectory() ) {
 				var name = file.relative + '.js';
 				return gulp.src(file.path + '/*.js')
 					.pipe(concat(name))
-					.pipe(gulp.dest(paths.temp));
+					.pipe(jsTasks());
 			}
-		}));
-});
-
-// Lint and minify scripts
-gulp.task('scripts', ['clean', 'concatenate'], function() {
-	return gulp.src([
-			paths.scripts.input + '/../*.js',
-			paths.temp + '/*.js'
-		])
-		.pipe(plumber())
-		.pipe(flatten())
-		.pipe(header(banner.full, { package : package }))
-		.pipe(gulp.dest(paths.scripts.output))
-		.pipe(rename({ suffix: '.min' }))
-		.pipe(uglify())
-		.pipe(header(banner.min, { package : package }))
-		.pipe(gulp.dest(paths.scripts.output));
+		}))
+		.pipe(jsTasks());
 });
 
 // Process, lint, and minify Sass files
@@ -128,13 +121,6 @@ gulp.task('clean', function () {
 		.pipe(clean());
 });
 
-// Remove temporary files
-gulp.task('cleanTemp', ['scripts'], function () {
-	return gulp.src(paths.temp, { read: false })
-		.pipe(plumber())
-		.pipe(clean());
-});
-
 // Run unit tests
 gulp.task('test', function() {
 	return gulp.src([paths.scripts.input + '/../**/*.js'].concat(paths.test.spec))
@@ -148,9 +134,7 @@ gulp.task('default', [
 	'lint',
 	'clean',
 	'static',
-	'concatenate',
 	'scripts',
 	'styles',
-	'cleanTemp',
 	'test'
 ]);

dist/js/myplugin.js

@@ -1,6 +1,6 @@
 {
 	"name": "gulp-boilerplate",
-	"version": "0.7.0",
+	"version": "1.0.0",
 	"description": "My Gulp.js boilerplate for creating new web projects",
 	"author": {
 		"name": "Chris Ferdinandi",
@@ -27,6 +27,7 @@
 		"gulp-ruby-sass": "~0.7.1",
 		"gulp-uglify": "~0.3.0",
 		"jshint-stylish": "^0.2.0",
+		"lazypipe": "0.2.2",
 		"karma": "^0.12.16",
 		"karma-coverage": "^0.2.4",
 		"karma-jasmine": "~0.2.0",

dist/js/myplugin.min.js

@@ -80,6 +80,32 @@
 		return !options || !(typeof JSON === 'object' && typeof JSON.parse === 'function') ? {} : JSON.parse( options );
 	};
 
+	/**
+	 * Get the closest matching element up the DOM tree
+	 * @param {Element} elem Starting element
+	 * @param {String} selector Selector to match against (class, ID, or data attribute)
+	 * @return {Boolean|Element} Returns false if not match found
+	 */
+	var getClosest = function (elem, selector) {
+		var firstChar = selector.charAt(0);
+		for ( ; elem && elem !== document; elem = elem.parentNode ) {
+			if ( firstChar === '.' ) {
+				if ( elem.classList.contains( selector.substr(1) ) ) {
+					return elem;
+				}
+			} else if ( firstChar === '#' ) {
+				if ( elem.id === selector.substr(1) ) {
+					return elem;
+				}
+			} else if ( firstChar === '[' ) {
+				if ( elem.hasAttribute( selector.substr(1, selector.length - 2) ) ) {
+					return elem;
+				}
+			}
+		}
+		return false;
+	};
+
 	// @todo Do something...
 
 	/**
@@ -88,7 +114,8 @@
 	 */
 	var eventHandler = function (event) {
 		var toggle = event.target;
-		if ( toggle.hasAttribute('data-myplugin') ) {
+		var closest = getClosest(toggle, '[data-some-selector]');
+		if ( closest ) {
 			// run methods
 		}
 	};