Added support for coffeescript and jade

Author: craigmdennis

Gruntfile.js

@@ -19,6 +19,13 @@ module.exports = function (grunt) {
     clean: {
       files: ['dist']
     },
+
+    // Automatically inject Bower components into the HTML file
+    bowerInstall: {
+      src: ['src/index.jade'],
+      ignorePath: 'test/'
+    },
+
     concat: {
       options: {
         banner: '<%= banner %>',
@@ -29,6 +36,7 @@ module.exports = function (grunt) {
         dest: 'dist/jquery.<%= pkg.name %>.js'
       }
     },
+
     uglify: {
       options: {
         banner: '<%= banner %>'
@@ -38,13 +46,42 @@ module.exports = function (grunt) {
         dest: 'dist/jquery.<%= pkg.name %>.min.js'
       }
     },
+
     qunit: {
       all: {
         options: {
           urls: ['http://localhost:9000/test/<%= pkg.name %>.html']
         }
       }
     },
+
+    jade: {
+      options: {
+        pretty: true
+      },
+      dist: {
+        files: [{
+          expand: true,
+          cwd: 'src',
+          dest: 'test/',
+          src: 'index.jade',
+          ext: '.html'
+        }]
+      },
+    },
+
+    coffee: {
+      dist: {
+        files: [{
+          expand: true,
+          cwd: 'src',
+          src: '{,*/}*.coffee',
+          dest: 'test/',
+          ext: '.js'
+        }]
+      }
+    },
+
     jshint: {
       options: {
         reporter: require('jshint-stylish')
@@ -68,36 +105,78 @@ module.exports = function (grunt) {
         src: ['test/**/*.js']
       }
     },
+
     watch: {
       gruntfile: {
         files: '<%= jshint.gruntfile.src %>',
         tasks: ['jshint:gruntfile']
       },
+      jade: {
+        files: ['src/index.jade'],
+        tasks: ['jade']
+      },
+      bower: {
+        files: ['bower.json'],
+        tasks: ['bowerInstall']
+      },
+      coffee: {
+        files: ['src/{,*/}*.coffee'],
+        tasks: ['coffee']
+      },
       src: {
         files: '<%= jshint.src.src %>',
         tasks: ['jshint:src', 'qunit']
       },
       test: {
         files: '<%= jshint.test.src %>',
         tasks: ['jshint:test', 'qunit']
-      }
+      },
     },
+
     connect: {
       server: {
         options: {
-          hostname: '*',
+          hostname: '0.0.0.0',
           port: 9000
         }
       }
     }
   });
 
   // Default task.
-  grunt.registerTask('default', ['jshint', 'connect', 'qunit', 'clean', 'concat', 'uglify']);
+  grunt.registerTask('default', [
+    'clean',
+    'test', // jade, coffeescript, jshint, qunit
+    'concat',
+    'uglify',
+  ]);
+
+  // Compile Jade and CoffeeScript
+  grunt.registerTask('compile', [
+    'newer:coffee',
+    'newer:jade'
+  ]);
+
+  // Install Bower components
+  grunt.registerTask('bowerInstall', [
+    'bower'
+  ]);
+
+  // Server task
   grunt.registerTask('server', function () {
     grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.');
     grunt.task.run(['serve']);
   });
-  grunt.registerTask('serve', ['connect', 'watch']);
-  grunt.registerTask('test', ['jshint', 'connect', 'qunit']);
+
+  grunt.registerTask('serve', [
+    'compile', // jade, coffeescript
+    'connect',
+    'watch'
+  ]);
+
+  grunt.registerTask('test', [
+    'compile', // jade, coffeescript
+    'jshint',
+    'qunit'
+  ]);
 };

package.json

@@ -22,13 +22,17 @@
     }
   ],
   "devDependencies": {
+    "grunt-contrib-coffee": "~0.7.0",
+    "grunt-contrib-jade": "~0.11.0",
     "grunt-contrib-jshint": "~0.7.2",
     "grunt-contrib-qunit": "~0.3.0",
     "grunt-contrib-concat": "~0.3.0",
     "grunt-contrib-uglify": "~0.2.7",
     "grunt-contrib-watch": "~0.5.3",
     "grunt-contrib-clean": "~0.5.0",
     "grunt-contrib-connect": "~0.5.0",
+    "grunt-bower-install": "~1.0.0",
+    "grunt-newer": "~0.6.0",
     "time-grunt": "~0.2.3",
     "load-grunt-tasks": "~0.2.0",
     "jshint-stylish": "~0.1.3",

src/.jshintrc

@@ -11,5 +11,6 @@
   "boss": true,
   "eqnull": true,
   "browser": true,
+  "devel" : true,
   "predef": ["jQuery"]
 }

src/animatecss.coffee

@@ -0,0 +1,109 @@
+# (function ($, window, document, undefined) {
+#
+#     // Function-level strict mode syntax
+#   'use strict';
+#
+#     $.fn.animateCSS = function (effect, delay, callback) {
+#
+#       // Return this to maintain chainability
+#       return this.each(function () {
+#
+#         // Cache $(this) for speed and compression
+#         var $this = $(this),
+#             transitionEnd = "webkitAnimationEnd oanimationend msAnimationEnd animationend",
+#             animated = "animated",
+#             visibility = "visibility",
+#             visible = "visible",
+#             hidden = "hidden";
+#
+#         // Create a function we can call later
+#         function run() {
+#
+#           // Add the animation effect with classes
+#           $this.addClass( animated + " " + effect);
+#
+#           // Check if the elemenr has been hidden to start with
+#           if ($this.css( visibility ) === hidden) {
+#
+#             // If it has, show it (after the class has been added)
+#             $this.css( visibility, visible);
+#
+#           }
+#
+#           // If the element is hidden
+#           if ($this.is(":" + hidden)) {
+#
+#             // Show it
+#             $this.show();
+#
+#           }
+#
+#           // Event triggered when the animation has finished
+#           $this.bind( transitionEnd, function () {
+#
+#             // Remove the classes so they can be added again later
+#             $this.removeClass(animated + " " + effect);
+#
+#             // Add a callback event
+#             if (typeof callback === "function") {
+#
+#               // Execute the callback
+#               callback.call(this);
+#
+#               // Unbind the event handlers
+#               $this.unbind( transitionEnd );
+#
+#             }
+#
+#           });
+#
+#         }
+#
+#         // Check if delay exists or if it"s a callback
+#         if (!delay || typeof delay === "function") {
+#
+#           // If it"s a callback, move it to callback so we can call it later
+#           callback = delay;
+#
+#           // Run the animation (without delay)
+#           run();
+#
+#         } else {
+#
+#           // Start a counter so we can delay the animation if required
+#           setTimeout( run, delay );
+#
+#         }
+#
+#       });
+#
+#     };
+#
+# })(jQuery, window, document);
+
+
+# Reference jQuery
+$ = jQuery
+
+# Adds plugin object to jQuery
+$.fn.extend
+  # Change pluginName to your plugin's name.
+  pluginName: (options) ->
+    # Default settings
+    settings =
+      option1: true
+      option2: false
+      debug: false
+
+    # Merge default settings with options.
+    settings = $.extend settings, options
+
+    # Simple logger.
+    log = (msg) ->
+      console?.log msg if settings.debug
+
+    # _Insert magic here._
+    return @each ()->
+      log "Preparing magic show."
+      # You can use your settings in here now.
+      log "Option 1 value: #{settings.option1}"

src/animatecss.jade

@@ -0,0 +1,31 @@
+doctype
+
+html
+  head
+  meta(charset="utf-8")
+  title Animate CSS jQuery Plugin Test Suite
+
+  //- bower:css
+  link(rel="stylesheet", href="../bower_components/qunit/qunit/qunit.css", media="screen")
+  //- endbower
+
+body
+  #qunit
+    #qunit-fixture
+    span lame test markup
+    span normal test markup
+    span awesome test markup
+
+  //- bower:js
+  script(src="../bower_components/jquery/dist/jquery.js")
+  script(src="../bower_components/qunit/qunit/qunit.js")
+  //- endbower
+
+  //- Load local lib and tests
+  script(src="../src/animatecss.js")
+  script(src="animatecss_test.js")
+
+  //- Removing access to jQuery and $. But it'll still be available as _$, if you REALLY want to mess around with jQuery in the console. REMEMBER WE ARE TESTING A PLUGIN HERE, THIS HELPS ENSURE BEST PRACTICES. REALLY.
+
+  script.
+    window._$ = jQuery.noConflict(true)