Merge pull request #16 from dreamsiclemedia/develop

es6 all the things. Updates to 0.0.5 @ npm.

Author: theenoahmason

dist/js/speckle.js.map

@@ -15,7 +15,6 @@ const sass = require('gulp-sass');
 const sassLint = require('gulp-sass-lint');
 const autoprefixer = require('gulp-autoprefixer');
 
-
 /**
  * Clean module build directory.
  *
@@ -129,7 +128,7 @@ gulp.task('lint', gulp.series('lint:js', 'lint:sass'));
  *	 - Global command: `gulp build:js:docs`.
  *	 - Local command: `node ./node_modules/gulp/bin/gulp build:js:docs`.
  */
-gulp.task('build:js:docs', gulp.series('lint:js', function jsDocsBuilder() {
+gulp.task('build:js:docs', function jsDocsBuilder() {
 	const bundler = browserify('docs/assets/src/js/main.js', { debug: true }).transform(babel, { presets: ['env'] });
 	return bundler.bundle()
 		.on('error', function(err) { console.error(err); this.emit('end'); })
@@ -141,7 +140,7 @@ gulp.task('build:js:docs', gulp.series('lint:js', function jsDocsBuilder() {
 		.pipe(sourcemaps.write('.'))
 		.pipe(gulp.dest('docs/assets/dist/js'))
 		.pipe(debug({ title: 'build:js:docs' }));
-}));
+});
 
 /**
  * Build Module JS.
@@ -160,7 +159,7 @@ gulp.task('build:js:docs', gulp.series('lint:js', function jsDocsBuilder() {
  *	 - Global command: `gulp build:js:module`.
  *	 - Local command: `node ./node_modules/gulp/bin/gulp build:js:module`.
  */
-gulp.task('build:js:module', gulp.series('lint:js', function jsModuleBuilder() {
+gulp.task('build:js:module', function jsModuleBuilder() {
 	const bundler = browserify('src/js/speckle.js', { debug: true }).transform(babel, { presets: ['env'] });
 	return bundler.bundle()
 		.on('error', function(err) { console.error(err); this.emit('end'); })
@@ -170,7 +169,7 @@ gulp.task('build:js:module', gulp.series('lint:js', function jsModuleBuilder() {
 		.pipe(sourcemaps.write('.'))
 		.pipe(gulp.dest('dist/js'))
 		.pipe(debug({ title: 'build:js:module' }));
-}));
+});
 
 /**
  * Build all JS.
@@ -183,7 +182,7 @@ gulp.task('build:js:module', gulp.series('lint:js', function jsModuleBuilder() {
  *	 - Global command: `gulp build:js`.
  *	 - Local command: `node ./node_modules/gulp/bin/gulp build:js`.
  */
-gulp.task('build:js', gulp.series('build:js:module', 'build:js:docs'));
+gulp.task('build:js', gulp.series('lint:js', 'build:js:module', 'build:js:docs'));
 
 /**
  * Build Sass.
@@ -246,7 +245,7 @@ gulp.task('watch', function watcher() {
 	// Lint js when gulpfile.js changes, but do not build. 
 	gulp.watch('gulpfile.js', gulp.series('lint:js'));
 	// Watch speckle.js file, and docs src js. Rebuild JS on change.
-	gulp.watch(['src/speckle.js', 'docs/assets/src/**/*.js'], gulp.series('build:js'));
+	gulp.watch(['src/**/*.js', 'docs/assets/src/**/*.js'], gulp.series('build:js'));
 	// Watch all docs src sass. Rebuild Sass on change.
 	gulp.watch(['docs/assets/src/**/*.scss'], gulp.series('build:sass'));
 });

docs/assets/dist/js/main.min.js.map

@@ -1,6 +1,6 @@
 {
   "name": "speckle-js",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "A JavaScript module that adds responsive, stylized speckles to any element; with no dependencies.",
   "main": "src/js/speckle.js",
   "scripts": {

gulpfile.js

@@ -145,7 +145,7 @@ class Speckle {
 			message = 'The value must be between 1 and 100, and greater than `minOpacity`.';
 		}
 		throw new Error(
-			'Speckle.js [' + key + ']\n' + message
+			`Speckle.js [${key}]\n` + message
 		);
 	}
 
@@ -168,7 +168,7 @@ class Speckle {
 	 * @return {string}  A random hex color.
 	 */
 	getRandomHex() {
-		return '#' + ('000000' + Math.random().toString(16).slice(2, 8)).slice(-6).toUpperCase();
+		return `#${('000000' + Math.random().toString(16).slice(2, 8)).slice(-6).toUpperCase()}`;
 	}
 
 	getStyles(element) {
@@ -181,12 +181,12 @@ class Speckle {
 		// Create the styles object.
 		return Object.assign(this.globalStyles, {
 			backgroundColor: renderColor, 
-			boxShadow: isBokeh ? ('0 0 ' + (size / 3) + 'px ' + (size / 3) + 'px ' + renderColor) : '', 
-			height: size + 'px', 
-			left: 'calc(' + this.getRandomInt(0 - lrOffset, 100 + lrOffset) + '% - ' + center + 'px)', 
+			boxShadow: isBokeh ? `0 0 ${(size / 3)}px ${(size / 3)}px ${renderColor}` : '', 
+			height: `${size}px`, 
+			left: `calc(${this.getRandomInt(0 - lrOffset, 100 + lrOffset)}% - ${center}px)`, 
 			opacity: (this.getRandomInt(minOpacity, maxOpacity) * 0.01), 
-			top: 'calc(' + this.getRandomInt(0 - tbOffset, 100 + tbOffset) + '% - ' + center + 'px)', 
-			width: size + 'px', 
+			top: `calc(${this.getRandomInt(0 - tbOffset, 100 + tbOffset)}% - ${center}px)`, 
+			width: `${size}px`, 
 			zIndex: zIndex, 
 		});
 	}