Bower and Angular Directive support.

.gitignore

@@ -1,2 +1,5 @@
 node_modules/
 npm-debug.log
+
+# Bower Components
+bower_components

bower.json

@@ -0,0 +1,30 @@
+{
+  "name": "dropify",
+  "title": "Dropify",
+  "description": "Override your input files with style",
+  "keywords": [
+    "upload",
+    "file",
+    "drag",
+    "drop",
+    "jquery"
+  ],
+  "homepage": "http://jeremyfagis.github.io/dropify/",
+  "author": {
+    "name": "Jeremy Fagis",
+    "url": "http://www.fagis.fr/"
+  },
+  "repository": {
+    "type": "https",
+    "url": "https://github.com/umitgunduz/dropify"
+  },
+  "bugs": "https://github.com/JeremyFagis/dropify/issues",
+  "dependencies": {
+    "jquery": ">=1.8"
+  },
+  "main": [
+    "dist/js/dropify.js",
+    "dist/js/angular-dropify.js",
+    "dist/css/dropify.css"
+  ]
+}

dist/js/angular-dropify.js

@@ -0,0 +1,56 @@
+// Define module using Universal Module Definition pattern
+// https://github.com/umdjs/umd/blob/master/returnExports.js
+
+(function (root, factory) {
+  if (typeof define === 'function' && define.amd) {
+    // Support AMD. Register as an anonymous module.
+    // EDIT: List all dependencies in AMD style
+    define(['angular', 'dropify'], factory);
+  }
+  else {
+    // No AMD. Set module as a global variable
+    // EDIT: Pass dependencies to factory function
+    factory(root.angular, root.Dropify);
+  }
+}(this,
+//EDIT: The dependencies are passed to this function
+function (angular, Dropify) {
+  //---------------------------------------------------
+  // BEGIN code for this module
+  //---------------------------------------------------
+
+  'use strict';
+
+  return angular.module('ngDropify', [])
+    .directive('ngDropify', function () {
+      return {
+        restrict: 'AE',
+        template: '<div ng-transclude></div>',
+        transclude: true,
+        scope: {
+          dropifyConfig: '=',
+          eventHandlers: '='
+        },
+        link: function(scope, element, attrs, ctrls) {
+          try { Dropify }
+          catch (error) {
+            throw new Error('dropify.js not loaded.');
+          }
+
+          var dropify = new Dropify(element[0], scope.dropifyConfig);
+
+          if (scope.eventHandlers) {
+            Object.keys(scope.eventHandlers).forEach(function (eventName) {
+              dropify.on(eventName, scope.eventHandlers[eventName]);
+            });
+          }
+
+          scope.dropify = dropify;
+        }
+      };
+    });
+
+  //---------------------------------------------------
+  // END code for this module
+  //---------------------------------------------------
+}));