🇬🇧 Refactored build to use gulp.

.gitignore

@@ -1,3 +1,3 @@
 *.DS_Store
-build/node_modules
+node_modules
 assets

README.md

@@ -184,10 +184,17 @@ and create a reference to the **UIWebView** `@property(nonatomic, strong) IBOutl
 
 ## Build
 
+> As a prerequisite, you will need [gulp][gulp] installed: `npm install -g gulp`
+
 ```
-cd build
 npm install
-node build.js
+gulp
+```
+
+During development you can have gulp watch the `source` directory for changes and automatically build the `deploy` files by running:
+
+```
+gulp watch
 ```
 
 ## Author
@@ -203,3 +210,4 @@ Licensed under [MIT][mit]. Enjoy.
 [mit]: http://www.opensource.org/licenses/mit-license.php
 [jquery]: http://jquery.com/
 [zepto]: http://zeptojs.com/
+[gulp]: http://gulpjs.com/

bower.json

@@ -1,6 +1,8 @@
 {
   "name": "parallax",
+  "description": "Parallax Engine that reacts to the orientation of a smart device.",
   "version": "1.0.0",
+  "license": "MIT",
   "homepage": "http://wagerfield.github.io/parallax/",
   "authors": [
     "Matthew Wagerfield <[email protected]>"
@@ -11,12 +13,9 @@
     "deploy/jquery.parallax.js",
     "deploy/jquery.parallax.min.js"
   ],
-  "description": "Simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.",
-  "license": "MIT",
   "ignore": [
     "**/.*",
     "assets",
-    "build",
     "source",
     "examples"
   ],

deploy/jquery.parallax.js

@@ -39,7 +39,7 @@
 ;(function($, window, document, undefined) {
 
   // Strict Mode
-  "use strict";
+  'use strict';
 
   // Constants
   var NAME = 'parallax';

deploy/parallax.js

@@ -39,7 +39,7 @@
 ;(function(window, document, undefined) {
 
   // Strict Mode
-  "use strict";
+  'use strict';
 
   // Constants
   var NAME = 'Parallax';

gulpfile.js

@@ -0,0 +1,43 @@
+var gulp = require('gulp'),
+    plugins = require("gulp-load-plugins")();
+
+function build(stream, file) {
+  return stream
+    .pipe(plugins.jshint())
+    .pipe(plugins.jshint.reporter('jshint-stylish'))
+    .pipe(plugins.concat(file))
+    .pipe(gulp.dest('deploy'))
+    .pipe(plugins.rename({suffix: '.min'}))
+    .pipe(plugins.uglify())
+    .pipe(gulp.dest('deploy'));
+}
+
+gulp.task('build.parallax', function() {
+  return build(gulp.src([
+      'LICENSE',
+      'source/parallax.js',
+      'source/requestAnimationFrame.js'
+    ]), 'parallax.js');
+});
+
+gulp.task('build.jquery.parallax', function() {
+  return build(gulp.src([
+      'LICENSE',
+      'source/jquery.parallax.js',
+      'source/requestAnimationFrame.js'
+    ]), 'jquery.parallax.js');
+});
+
+gulp.task('clean', function() {
+  return gulp.src(['deploy'], {read: false}).pipe(plugins.clean());
+});
+
+gulp.task('build', ['clean'], function() {
+  gulp.start('build.parallax', 'build.jquery.parallax');
+});
+
+gulp.task('watch', function() {
+  gulp.watch('source/**/*.js', ['build']);
+});
+
+gulp.task('default', ['build']);

package.json

@@ -0,0 +1,39 @@
+{
+  "name": "parallax",
+  "description": "Parallax Engine that reacts to the orientation of a smart device.",
+  "version": "1.0.0",
+  "license": "MIT",
+  "homepage": "http://wagerfield.github.io/parallax/",
+  "author": "Matthew Wagerfield <[email protected]>",
+  "directories": {
+    "example": "examples"
+  },
+  "scripts": {
+    "build": "gulp"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/wagerfield/parallax.git"
+  },
+  "keywords": [
+    "parallax",
+    "gyroscope",
+    "jquery",
+    "javascript",
+    "library"
+  ],
+  "bugs": {
+    "url": "https://github.com/wagerfield/parallax/issues"
+  },
+  "devDependencies": {
+    "gulp": "^3.6.1",
+    "gulp-load-plugins": "^0.5.0",
+    "gulp-clean": "^0.2.4",
+    "gulp-concat": "^2.2.0",
+    "gulp-notify": "^1.2.5",
+    "gulp-rename": "^1.2.0",
+    "gulp-jshint": "^1.5.3",
+    "gulp-uglify": "^0.2.1",
+    "jshint-stylish": "^0.1.5"
+  }
+}

source/jquery.parallax.js

@@ -8,7 +8,7 @@
 ;(function($, window, document, undefined) {
 
   // Strict Mode
-  "use strict";
+  'use strict';
 
   // Constants
   var NAME = 'parallax';

source/parallax.js

@@ -8,7 +8,7 @@
 ;(function(window, document, undefined) {
 
   // Strict Mode
-  "use strict";
+  'use strict';
 
   // Constants
   var NAME = 'Parallax';