Merge pull request #36 from abelmokadem/master

Bower accessibility for ng-redux

Author: wbuchwalter

.gitignore

@@ -1,7 +1,6 @@
 node_modules
 npm-debug.log
 .DS_Store
-dist
 lib
 coverage
 *.tgz

README.md

@@ -21,10 +21,20 @@ For Angular 2 see [ng2-redux](https://github.com/wbuchwalter/ng2-redux).
 
 
 ## Installation
-
+#### npm
 ```js
 npm install --save ng-redux
 ```
+#### bower
+```js
+bower install --save ng-redux
+```
+
+Add the following script tag to your html:
+
+```html
+<script src="bower_components/ng-redux/dist/ng-redux.js"></script>
+```
 
 ## Quick Start
 

bower.json

@@ -0,0 +1,23 @@
+{
+  "name": "ng-redux",
+  "version": "3.0.2",
+  "homepage": "http://github.com/wbuchwalter/ng-redux",
+  "authors": [
+    "William Buchwalter <wbuchwalter@gmail.com> (http://github.com/wbuchwalter)"
+  ],
+  "description": "Redux bindings for Angular.js",
+  "main": "./dist/ng-redux.js",
+  "moduleType": [],
+  "keywords": [
+    "angular",
+    "redux"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ]
+}

dist/ng-redux.js

@@ -5,6 +5,7 @@
   "main": "./lib/index.js",
   "scripts": {
     "build": "rm -rf lib && `npm bin`/babel src --out-dir lib",
+    "dist": "npm run build && ./node_modules/.bin/webpack --optimize-minimize lib/index.js dist/ng-redux.js",
     "test": "mocha --compilers js:babel/register --recursive"
   },
   "repository": {
@@ -31,7 +32,11 @@
   },
   "dependencies": {
     "invariant": "^2.1.0",
-    "lodash": "^3.10.1",
+    "lodash.assign": "^3.2.0",
+    "lodash.isarray": "^3.0.4",
+    "lodash.isfunction": "^3.0.6",
+    "lodash.isobject": "^3.0.2",
+    "lodash.isplainobject": "^3.2.0",
     "redux": "^3.0.0"
   }
 }

package.json

@@ -1,7 +1,11 @@
 import shallowEqual from '../utils/shallowEqual';
 import wrapActionCreators from '../utils/wrapActionCreators';
 import invariant from 'invariant';
-import _ from 'lodash';
+
+import isPlainObject from 'lodash.isplainobject';
+import isFunction from 'lodash.isfunction';
+import isObject from 'lodash.isobject';
+import assign from 'lodash.assign';
 
 const defaultMapStateToTarget = () => ({});
 const defaultMapDispatchToTarget = dispatch => ({dispatch});
@@ -11,17 +15,17 @@ export default function Connector(store) {
 
     const finalMapStateToTarget = mapStateToTarget || defaultMapStateToTarget;
 
-    const finalMapDispatchToTarget = _.isPlainObject(mapDispatchToTarget) ?
+    const finalMapDispatchToTarget = isPlainObject(mapDispatchToTarget) ?
       wrapActionCreators(mapDispatchToTarget) :
       mapDispatchToTarget || defaultMapDispatchToTarget;
 
     invariant(
-      _.isFunction(finalMapStateToTarget),
+      isFunction(finalMapStateToTarget),
       'mapStateToTarget must be a Function. Instead received $s.', finalMapStateToTarget
       );
 
     invariant(
-      _.isPlainObject(finalMapDispatchToTarget) || _.isFunction(finalMapDispatchToTarget),
+      isPlainObject(finalMapDispatchToTarget) || isFunction(finalMapDispatchToTarget),
       'mapDispatchToTarget must be a plain Object or a Function. Instead received $s.', finalMapDispatchToTarget
       );
 
@@ -32,7 +36,7 @@ export default function Connector(store) {
     return (target) => {
 
       invariant(
-        _.isFunction(target) || _.isObject(target),
+        isFunction(target) || isObject(target),
         'The target parameter passed to connect must be a Function or a object.'
         );
 
@@ -53,18 +57,18 @@ export default function Connector(store) {
 }
 
 function updateTarget(target, StateSlice, dispatch) {
-  if(_.isFunction(target)) {
+  if(isFunction(target)) {
     target(StateSlice, dispatch);
   } else {
-    _.assign(target, StateSlice, dispatch);
+    assign(target, StateSlice, dispatch);
   }
 }
 
 function getStateSlice(state, mapStateToScope) {
   const slice = mapStateToScope(state);
 
   invariant(
-    _.isPlainObject(slice),
+    isPlainObject(slice),
     '`mapStateToScope` must return an object. Instead received %s.',
     slice
     );

src/components/connector.js

@@ -2,7 +2,9 @@ import Connector from './connector';
 import invariant from 'invariant';
 import {createStore, applyMiddleware, compose} from 'redux';
 import digestMiddleware from './digestMiddleware';
-import _ from 'lodash';
+
+import isArray from 'lodash.isarray';
+import isFunction from 'lodash.isfunction';
 
 export default function ngReduxProvider() {
   let _reducer = undefined;
@@ -11,13 +13,13 @@ export default function ngReduxProvider() {
 
   this.createStoreWith = (reducer, middlewares, storeEnhancers) => {
   	  invariant(
-         _.isFunction(reducer),
+         isFunction(reducer),
         'The reducer parameter passed to createStoreWith must be a Function. Instead received %s.',
         typeof reducer
       );
 
       invariant(
-        !storeEnhancers || _.isArray(storeEnhancers),
+        !storeEnhancers || isArray(storeEnhancers),
         'The storeEnhancers parameter passed to createStoreWith must be an Array. Instead received %s.',
         typeof storeEnhancers
       );

src/components/ngRedux.js

@@ -2,7 +2,7 @@ import expect from 'expect';
 let sinon = require('sinon');
 import { createStore } from 'redux';
 import Connector from '../../src/components/connector';
-import _ from 'lodash';
+import isFunction from 'lodash.isfunction';
 
 describe('Connector', () => {
   let store;
@@ -70,8 +70,8 @@ describe('Connector', () => {
 
   it('Should extend target (object) with actionCreators', () => {
     connect(() => ({}), { ac1: () => { }, ac2: () => { } })(targetObj);
-    expect(_.isFunction(targetObj.ac1)).toBe(true);
-    expect(_.isFunction(targetObj.ac2)).toBe(true);
+    expect(isFunction(targetObj.ac1)).toBe(true);
+    expect(isFunction(targetObj.ac2)).toBe(true);
   });
 
    it('Should return an unsubscribing function', () => {