support umd

Gruntfile.js

@@ -19,16 +19,10 @@ module.exports = function(grunt) {
       flow: {
         files: {
           'dist/ng-flow.js': [
-            'src/provider.js',
-            'src/directives/init.js',
-            'src/directives/*.js',
             'src/*.js'
           ],
           'dist/ng-flow-standalone.js': [
             'bower_components/flow.js/dist/flow.js',
-            'src/provider.js',
-            'src/directives/init.js',
-            'src/directives/*.js',
             'src/*.js'
           ]
         }

README.md

@@ -10,15 +10,15 @@ How can I install it?
 ============
 1) Get the library:
 
+**npm**
+
+       npm install angular @flowjs/ng-flow
+
 **Direct Download**
 Download a latest build from https://github.com/flowjs/ng-flow/releases
 it contains development and minified production files in `dist/` directory,
 they are also concatenated with core flow.js library.
 
-**Using Bower**
-
-        bower install ng-flow#~2
-
 **Git Clone**
 
         git clone https://github.com/flowjs/ng-flow
@@ -28,11 +28,20 @@ they are also concatenated with core flow.js library.
         bower install "ng-flow#~2" --save
         grunt bower-install
 
-2) Add the module to your app as a dependency:
+2) Add the module to a module in your app as a dependency:
+
+        import angular from 'angular';
+        import ngFlow from '@flowjs/ng-flow';
+
+        const MODULE_NAME = 'appName.moduleName';
+        angular.module(MODULE_NAME, [ngFlow]);
 
-        angular.module('app', ['flow'])
+        export default MODULE_NAME;
 
 3) Include the files in your project
+See https://www.npmjs.com/package/webpack or https://www.npmjs.com/package/browserify
+
+or for legacy applications:
 ```html
 <!-- concatenated flow.js + ng-flow libraries -->
 <script src="ng-flow/dist/ng-flow-standalone.min.js"></script>
@@ -253,6 +262,17 @@ var app = angular.module('app', ['flow'])
 }]);
 ````
 
+Bower
+=====
+
+Bower has been deprecated in favour of yarn/webpack, however it is still
+supported by ng-flow for legacy applications.
+
+**Using Bower**
+
+        bower install ng-flow#~2
+
+
 Contribution
 ============
 To ensure consistency throughout the source code, keep these rules in mind as you are working:

dist/ng-flow-standalone.js

@@ -1634,6 +1634,17 @@
   }
 })(window, document);
 
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        define(['angular', '@flowjs/flow.js'], factory);
+    } else if (typeof exports === 'object') {
+        // Node, CommonJS-like
+        module.exports = factory(require('angular'), require('@flowjs/flow.js'));
+    } else {
+        // Browser globals (root is window)
+        root.ngFlow = factory(root.angular, root.Flow);
+    }
+}(this, function (angular, Flow) {
 /**
  * @description
  * var app = angular.module('App', ['flow.provider'], function(flowFactoryProvider){
@@ -1922,4 +1933,7 @@ angular.module('flow.transfers', ['flow.init'])
   };
 }]);
 angular.module('flow', ['flow.provider', 'flow.init', 'flow.events', 'flow.btn',
-  'flow.drop', 'flow.transfers', 'flow.img', 'flow.dragEvents']);
+  'flow.drop', 'flow.transfers', 'flow.img', 'flow.dragEvents']);
+
+return 'flow';
+}));

dist/ng-flow.js

@@ -1,3 +1,14 @@
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        define(['angular', '@flowjs/flow.js'], factory);
+    } else if (typeof exports === 'object') {
+        // Node, CommonJS-like
+        module.exports = factory(require('angular'), require('@flowjs/flow.js'));
+    } else {
+        // Browser globals (root is window)
+        root.ngFlow = factory(root.angular, root.Flow);
+    }
+}(this, function (angular, Flow) {
 /**
  * @description
  * var app = angular.module('App', ['flow.provider'], function(flowFactoryProvider){
@@ -286,4 +297,7 @@ angular.module('flow.transfers', ['flow.init'])
   };
 }]);
 angular.module('flow', ['flow.provider', 'flow.init', 'flow.events', 'flow.btn',
-  'flow.drop', 'flow.transfers', 'flow.img', 'flow.dragEvents']);
+  'flow.drop', 'flow.transfers', 'flow.img', 'flow.dragEvents']);
+
+return 'flow';
+}));

index.js

@@ -1,3 +1,11 @@
-/* for module loading using webpack or similar package bundlers */
-window.Flow = require('./dist/ng-flow-standalone');
-module.exports = 'flow';
+/* backwards compatable with deprecated index.js*/
+try {
+  console.warn(new Error("use const ngFlow = require('@flowjs/ng-flow');"));
+} catch (e) {
+  // do nothing
+}
+
+if (typeof window === 'object') {
+  window.Flow = require('@flowjs/flow.js');
+}
+module.exports = require('./src/ng-flow');

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "test": "grunt test"
   },
-  "main": "dist/ng-flow.js",
+  "main": "src/ng-flow.js",
   "repository": {
     "type": "git",
     "url": "git://github.com/flowjs/ng-flow.git"
@@ -36,5 +36,11 @@
     "karma-firefox-launcher": "0.1.7",
     "karma-jasmine": "^0.3.6",
     "karma-sauce-launcher": "0.3.1"
+  },
+  "dependencies": {
+    "@flowjs/flow.js": "^2.13.0"
+  },
+  "peerDependencies": {
+    "angular": "^1.2"
   }
 }