better build and dev process using grunt

Author: tylersticka

.gitignore

@@ -1 +1,2 @@
 .*.sw*
+node_modules

Gruntfile.js

@@ -0,0 +1,32 @@
+module.exports = function(grunt) {
+
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+    coffee: {
+      compile: {
+        files: {
+          'lib/jquery.simpleslideview.js': 'src/jquery.simpleslideview.coffee'
+        }
+      }
+    },
+    uglify: {
+      build: {
+        src: 'lib/jquery.simpleslideview.js',
+        dest: 'lib/jquery.simpleslideview.min.js'
+      }
+    },
+    watch: {
+      scripts: {
+        files: ['src/jquery.simpleslideview.coffee'],
+        tasks: ['coffee', 'uglify']
+      }
+    }
+  });
+
+  grunt.loadNpmTasks('grunt-contrib-coffee');
+  grunt.loadNpmTasks('grunt-contrib-uglify');
+  grunt.loadNpmTasks('grunt-contrib-watch');
+
+  grunt.registerTask('default', ['coffee', 'uglify', 'watch']);
+
+};

lib/jquery.simpleslideview.js

@@ -1,4 +1,3 @@
-// Generated by CoffeeScript 1.6.2
 (function() {
   var $, SimpleSlideView, defaults, outerHeight, outerWidth, resetStyles;
 
@@ -34,7 +33,6 @@
 
   resetStyles = function(el, styles) {
     var $el, reset, style, _i, _len;
-
     $el = $(el);
     reset = {};
     for (_i = 0, _len = styles.length; _i < _len; _i++) {
@@ -71,15 +69,13 @@
 
     SimpleSlideView.prototype.on = function() {
       var _this = this;
-
       this.$container.addClass(this.options.classNames.container);
       this.$views.addClass(this.options.classNames.view);
       this.$activeView.addClass(this.options.classNames.activeView);
       this.$views.not(this.$activeView).css('display', 'none');
       if (this.options.dataAttrEvent != null) {
         this.$container.on(this.options.dataAttrEvent, '[data-' + this.options.dataAttr.push + ']', function(event) {
           var $el, target;
-
           $el = $(event.currentTarget);
           target = $el.data(_this.options.dataAttr.push);
           if (!target.length) {
@@ -92,7 +88,6 @@
         });
         return this.$container.on(this.options.dataAttrEvent, '[data-' + this.options.dataAttr.pop + ']', function(event) {
           var $el, target;
-
           $el = $(event.currentTarget);
           target = $el.data(_this.options.dataAttr.pop);
           if (!target.length) {
@@ -119,7 +114,6 @@
     SimpleSlideView.prototype.changeView = function(targetView, push) {
       var $bothViews, $targetView, animateHeight, animateHeightCallback, containerTop, containerWidth, inAnimProps, outAnimProps, resetProps, transformProp, translateAfter, translateBefore,
         _this = this;
-
       this.$container.trigger(this.options.eventNames.viewChangeStart);
       $targetView = $(targetView);
       $bothViews = this.$activeView.add($targetView);

lib/jquery.simpleslideview.min.js

@@ -0,0 +1,10 @@
+{
+  "name": "SimpleSlideView",
+  "version": "1.0.0",
+  "devDependencies": {
+    "grunt": "~0.4.1",
+    "grunt-contrib-uglify": "~0.2.0",
+    "grunt-contrib-watch": "~0.4.4",
+    "grunt-contrib-coffee": "~0.7.0"
+  }
+}