chore: tidy up coffeescript and add generated files

Author: craigmdennis

CHANGELOG.md

@@ -0,0 +1,20 @@
+<a name="1.1.0"></a>
+## 1.1.0 (2014-05-21)
+
+
+#### Features
+
+* add the ability to use  animation loops ([b477632b](https://github.com/craigmdennis/animatecss/commit/b477632bc87f6d96d7ed2fd0ced0aec296c35952))
+
+
+#### Breaking Changes
+
+* Delay can no longer be specified in the plugin shorthand ([89e7da1a](https://github.com/craigmdennis/animatecss/commit/89e7da1af66ba58c0078b426353b281b227c6844))
+
+Before:
+
+`$('#your-id').animateCSS('fadeIn', 2000);`
+
+After:
+
+`$('#your-id').animateCSS('fadeIn', {delay:2000});`

Gruntfile.js

@@ -116,6 +116,12 @@ module.exports = function (grunt) {
       }
     },
 
+    changelog: {
+      options: {
+        editor: 'atom -w'
+      }
+    },
+
     connect: {
       options: {
         hostname: '0.0.0.0',

dist/jquery.animatecss.js

@@ -1,4 +1,4 @@
-/*! animateCSS - v1.0.6 - 2014-05-21
+/*! animateCSS - v1.1.0 - 2014-05-21
 * https://github.com/craigmdennis/animatecss
 * Copyright (c) 2014 Craig Dennis; Licensed MIT */
 
@@ -12,6 +12,7 @@
     animateCSS: function(effect, options) {
       var addClass, animate, callback, complete, init, removeClass, settings, transitionEnd, unhide;
       settings = {
+        effect: effect,
         delay: 0,
         animationClass: "animated",
         infinite: false,
@@ -21,20 +22,20 @@
       transitionEnd = "webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";
       settings = $.extend(settings, options);
       init = function(element) {
-        animate(element);
-        unhide(element);
-        return complete(element);
+        return animate(element);
       };
       animate = function(element) {
         if (settings.infinite === true) {
           settings.animationClass += " infinite";
         }
         return setTimeout(function() {
-          return addClass(element);
+          unhide(element);
+          addClass(element);
+          return complete(element);
         }, settings.delay);
       };
       addClass = function(element) {
-        return element.addClass(effect + " " + settings.animationClass + " ");
+        return element.addClass(settings.effect + " " + settings.animationClass + " ");
       };
       unhide = function(element) {
         if (element.css("visibility") === "hidden") {
@@ -45,14 +46,14 @@
         }
       };
       removeClass = function(element) {
-        return element.removeClass(effect + " " + settings.animationClass);
+        return element.removeClass(settings.effect + " " + settings.animationClass);
       };
       callback = function(element) {
         if (settings.infinite === false) {
           removeClass(element);
         }
         if (typeof settings.callback === "function") {
-          return settings.callback.call(this);
+          return settings.callback.call(element);
         }
       };
       complete = function(element) {

dist/jquery.animatecss.min.js

@@ -8,8 +8,10 @@ $.fn.extend
 
   # Change pluginName to your plugin's name.
   animateCSS: (effect, options) ->
+
     # Default settings
     settings =
+      effect: effect
       delay: 0
       animationClass: "animated",
       infinite: false
@@ -22,23 +24,25 @@ $.fn.extend
     # Merge default settings with options.
     settings = $.extend settings, options
 
+    # Call everything we need, in order
     init = ( element ) ->
       animate( element )
-      unhide( element )
-      complete( element )
 
     # Add the animation effect with classes
     animate = ( element ) ->
       if settings.infinite == true
         settings.animationClass += " infinite"
 
-      # Run a timer regardless of delay as 0 will fire instantly anyway
+      # Run a timer regardless of delay (as 0 will fire instantly anyway)
       setTimeout  ->
+        unhide( element )
         addClass( element )
+        complete( element )
       , settings.delay
 
+    # Add the animation ad effect classes to kick everything off
     addClass = ( element ) ->
-      element.addClass( effect + " " + settings.animationClass + " ")
+      element.addClass( settings.effect + " " + settings.animationClass + " ")
 
     # Check if the element has been hidden to start with
     unhide = ( element ) ->
@@ -47,19 +51,25 @@ $.fn.extend
 
     # Remove the animation classes the were applied
     removeClass = ( element ) ->
-      element.removeClass( effect + " " + settings.animationClass )
+      element.removeClass( settings.effect + " " + settings.animationClass )
 
     callback = ( element ) ->
+      # Only remove the animation classes if `infinite` is false
       removeClass( element ) if settings.infinite == false
+
+      # Check if the callback is a function
       if typeof settings.callback == "function"
-        settings.callback.call(this)
+        # Execute the callback and return the origin element as `this`
+        settings.callback.call( element )
 
     # Event triggered when the animation has finished
     complete = ( element ) ->
       element.one( transitionEnd, ->
         callback( element )
       )
 
+    # Maintain chainability
     return @each () ->
 
+      # Pass in the element
       init( $(this) );