add UMD build (#117)

Author: timche

.gitignore

@@ -2,3 +2,4 @@ node_modules
 coverage
 *.log
 lib
+dist

.travis.yml

@@ -3,3 +3,7 @@ node_js:
   - "6"
   - "5"
   - "4"
+script:
+  - npm run lint
+  - npm test
+  - npm run build

README.md

@@ -1,20 +1,26 @@
-redux-actions
-=============
+# redux-actions
 
 [![build status](https://img.shields.io/travis/acdlite/redux-actions/master.svg?style=flat-square)](https://travis-ci.org/acdlite/redux-actions)
 [![npm version](https://img.shields.io/npm/v/redux-actions.svg?style=flat-square)](https://www.npmjs.com/package/redux-actions)
 
 [Flux Standard Action](https://github.com/acdlite/flux-standard-action) utilities for Redux.
 
-```js
+## Installation
+
+```bash
 npm install --save redux-actions
 ```
-```js
-import { createAction, handleAction, handleActions } from 'redux-actions';
-```
+
+If you don’t use [npm](https://www.npmjs.com), you may grab the latest [UMD](https://npmcdn.com/redux-actions@latest/dist) build from [npmcdn](https://npmcdn.com) (either a [development](https://npmcdn.com/redux-actions@latest/dist/redux-actions.js) or a [production](https://npmcdn.com/redux-actions@latest/dist/redux-actions.min.js) build). The UMD build exports a global called `window.ReduxActions` if you add it to your page via a `<script>` tag. We *don’t* recommend UMD builds for any serious application, as most of the libraries complementary to Redux are only available on [npm](https://www.npmjs.com/search?q=redux).
+
+## Usage
 
 ### `createAction(type, payloadCreator = Identity, ?metaCreator)`
 
+```js
+import { createAction } from 'redux-actions';
+```
+
 Wraps an action creator so that its return value is the payload of a Flux Standard Action. If no payload creator is passed, or if it's not a function, the identity function is used.
 
 Example:
@@ -80,6 +86,10 @@ createAction('ADD_TODO')('Use Redux');
 
 ### `createActions(?actionsMap, ?...identityActions)`
 
+```js
+import { createActions } from 'redux-actions';
+```
+
 Returns an object mapping action types to action creators. The keys of this object are camel-cased from the keys in `actionsMap` and the string literals of `identityActions`; the values are the action creators.
 
 `actionsMap` is an optional object with action types as keys, and whose values **must** be either
@@ -94,7 +104,7 @@ Returns an object mapping action types to action creators. The keys of this obje
 const { actionOne, actionTwo, actionThree } = createActions({
   // function form; payload creator defined inline
   ACTION_ONE: (key, value) => ({ [key]: value }),
-  
+
   // array form
   ACTION_TWO: [
     (first) => first,               // payload
@@ -123,6 +133,10 @@ expect(actionThree(3)).to.deep.equal({
 
 ### `handleAction(type, reducer | reducerMap, ?defaultState)`
 
+```js
+import { handleAction } from 'redux-actions';
+```
+
 Wraps a reducer so that it only handles Flux Standard Actions of a certain type.
 
 If a single reducer is passed, it is used to handle both normal actions and failed actions. (A failed action is analogous to a rejected promise.) You can use this form if you know a certain type of action will never fail, like the increment example above.
@@ -142,6 +156,10 @@ The optional third parameter specifies a default or initial state, which is used
 
 ### `handleActions(reducerMap, ?defaultState)`
 
+```js
+import { handleActions } from 'redux-actions';
+```
+
 Creates multiple reducers using `handleAction()` and combines them into a single reducer that handles multiple actions. Accepts a map where the keys are passed as the first parameter to `handleAction()` (the action type), and the values are passed as the second parameter (either a reducer or reducer map).
 
 The optional second parameter specifies a default or initial state, which is used when `undefined` is passed to the reducer.

package.json

@@ -4,16 +4,21 @@
   "description": "Flux Standard Action utlities for Redux",
   "main": "lib/index.js",
   "scripts": {
-    "build": "npm run clean && babel src --out-dir lib --ignore *-test.js",
+    "build:commonjs": "babel src --out-dir lib --ignore *-test.js",
+    "build:umd": "cross-env NODE_ENV=development webpack",
+    "build:umd:min": "cross-env NODE_ENV=production webpack",
+    "build": "npm run clean && npm run build:commonjs && npm run build:umd && npm run build:umd:min",
     "clean": "rimraf lib",
-    "lint": "esw src --color",
+    "lint": "esw src webpack.config --color",
+    "lint:fix": "npm run lint -- --fix",
     "lint:watch": "npm run lint -- --watch",
     "prepublish": "npm run lint && npm run test && npm run build",
     "test": "mocha --compilers js:babel-register src/**/*-test.js",
     "test:watch": "npm run test -- --watch src/**/*-test.js"
   },
   "files": [
-    "lib"
+    "lib",
+    "dist"
   ],
   "keywords": [
     "flux",
@@ -35,17 +40,20 @@
     "babel-cli": "^6.7.7",
     "babel-core": "^6.7.7",
     "babel-eslint": "^6.1.1",
+    "babel-loader": "^6.2.4",
     "babel-preset-es2015": "^6.6.0",
     "babel-preset-stage-0": "^6.5.0",
     "babel-register": "^6.7.2",
     "chai": "^3.0.0",
+    "cross-env": "^2.0.0",
     "eslint": "^2.8.0",
     "eslint-config-airbnb-base": "^1.0.3",
     "eslint-plugin-import": "^1.5.0",
     "eslint-watch": "^2.1.13",
     "flux-standard-action": "^0.6.0",
     "mocha": "^2.2.5",
-    "rimraf": "^2.5.3"
+    "rimraf": "^2.5.3",
+    "webpack": "^1.13.1"
   },
   "dependencies": {
     "lodash": "^4.13.1",

webpack.config.babel.js

@@ -0,0 +1,46 @@
+import webpack from 'webpack';
+import path from 'path';
+
+const { NODE_ENV } = process.env;
+const production = NODE_ENV === 'production';
+
+const plugins = [
+  new webpack.optimize.OccurenceOrderPlugin(),
+  new webpack.DefinePlugin({
+    'process.env.NODE_ENV': JSON.stringify(NODE_ENV)
+  })
+];
+
+if (production) {
+  plugins.push(
+    new webpack.optimize.UglifyJsPlugin({
+      compressor: {
+        pure_getters: true,
+        unsafe: true,
+        unsafe_comps: true,
+        screw_ie8: true,
+        warnings: false
+      }
+    })
+  );
+}
+
+export default {
+  entry: path.join(__dirname, 'src/index.js'),
+  output: {
+    path: path.join(__dirname, 'dist'),
+    filename: `redux-actions${production ? '.min' : ''}.js`,
+    library: 'ReduxActions',
+    libraryTarget: 'umd'
+  },
+  module: {
+    loaders: [
+      {
+        test: /\.js$/,
+        loaders: ['babel-loader'],
+        exclude: /node_modules/
+      }
+    ]
+  },
+  plugins
+};