Add uglifyJS for minification

Author: Karan Batra-Daitch

.gitignore

@@ -1,2 +1,4 @@
 .idea
 .DS_Store
+node_modules
+bower_components

Gruntfile.js

@@ -5,10 +5,31 @@ module.exports = function(grunt) {
     require('time-grunt')(grunt);
 
     grunt.initConfig({
+        uglify: {
+            dist: {
+                options: {
+                    sourceMap: true,
+                    sourceMapIncludeSources: true
+                },
+                files: {
+                    'dist/slick.min.js': ['dist/slick.js'],
+                    'example/angular-slick-carousel/slick.min.js': ['example/angular-slick-carousel/slick.js']
+                }
+            }
+        },
         src: {
             js: ['js/*.js']
         },
 
+        coffee: {
+            dist: {
+                files: {
+                    'dist/slick.js': 'src/slick.coffee',
+                    'example/angular-slick-carousel/slick.js': 'src/slick.coffee'
+                }
+            }
+        },
+
         test: {
             karmaConfig: 'test/unit/config/karma.conf.js',
             unit: ['test/unit/spec/**/*Spec.js']
@@ -21,4 +42,7 @@ module.exports = function(grunt) {
     });
 
     grunt.loadNpmTasks('grunt-karma');
+    grunt.loadNpmTasks('grunt-contrib-coffee');
+    grunt.loadNpmTasks('grunt-contrib-uglify');
+    grunt.registerTask('dist', ['coffee', 'uglify']);
 };

README.md

@@ -9,15 +9,10 @@ Release: 2.0
 was working but arbitrary. We now register a simple `onFinishRender` directive which
 allows us to postpone slickification until `ng-repeat` has finished execution.
 2. **[BC-BREAK]** The directive is no longer based on a transclude functionality. You can either use the 2.0
- directive with the provided template or use your own (with [slick-no-tpls.js](dist/slick-no-tpls.js)). When using 
-the latter option, refer to [slick.coffee](https://github.com/kbdaitch/angular-slick-carousel/blob/master/src/slick.coffee#L12-L18) and ensure your template uses `on-finish-render=init()` in its `ng-repeat` element.
-3. The two functions `isImage` and `isVideo` on the directive's scope are provided for use in the template, 
-and are overridable.
-4. **[BC-BREAK]** The directive no longer supports statically provided image assets out-of-the-box.
+ directive with the provided template or use your own (when using the `src` attribute).
+3. **[BC-BREAK]** The directive no longer supports statically provided image assets out-of-the-box.
 The dynamic usecase is what it tries to solve optimally.
-5. You should now use JS to specify a variety of sources in the `media` array. See [example](https://github.com/kbdaitch/angular-slick-carousel/blob/master/example/index.html).
-6. The use of `on-directive-init` attribute introduced earlier is now in the demo. Use this to use the handle object to do something on directive init. This is different from the underlying `slick.js` `onInit` in that the handle object is now ready to use
-(with all the setup to call underlying `slick.js` calls).
+4. You should now use JS to specify a variety of sources in the `media` array. See [example](https://github.com/kbdaitch/angular-slick-carousel/blob/master/example/index.html).
 
 Usage
 -----
@@ -30,12 +25,22 @@ as either a `<div>` attribute or a `<slick>` element.
 <slick settings="scoped-settings"
   control="scoped-control-handle"
   media="media" 
+  src="optionalCustomTemplate.html"
   on-directive-init="onDirectiveInit()"
   is-image="isImage(media)" 
   is-video="isVideo(media)>
 </slick>
 ```
 
+### Attributes ###
+1. `settings`: optional `Object` containing any of the slick options. Consult [here](http://kenwheeler.github.io/slick/#settings).
+2. `control`: optional `Object` discussed [#control](below) in detail
+3. `media`: mandatory `Array` of images and/or video
+4. `src`: optional `String` the url for the custom template, if desired
+4. `on-directive-init`: optional `Function` the directive's handle object is ready to use in this function. This is different from `slick`'s `onInit` handler.
+5. `is-image`: optional `Function` that takes a metadata object and returns a `Boolean`
+6. `is-video`: optional `Function` that takes a metadata object and returns a `Boolean`
+
 ### Steps ###
 1. Include the `slick.js` at the base of this repo, or install through `bower`: