Merge branch 'release/0.2.13'

CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 0.2.13 - Mar 14, 2017
+
+* UMD support. (thanks to @jochenberger)
+
 ## 0.2.12 - Mar 01, 2017
 
 * Adds support for enter and exit animations for NotificationItem. (thanks to @OriR)

package.json

@@ -1,14 +1,14 @@
 {
   "name": "react-notification-system",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "description": "A React Notification System fully customized",
   "main": "dist/NotificationSystem.js",
   "scripts": {
     "test": "karma start --single-run",
     "test-watch": "karma start",
     "prepare-build": "npm run lint && rimraf dist/",
     "prebuild": "npm run prepare-build",
-    "build": "jsx -x jsx ./src ./dist & jsx ./src ./dist",
+    "build": "jsx -x jsx ./src ./dist & jsx ./src ./dist && webpack --stats --config webpack.config.umd.prod.js && webpack --stats --config webpack.config.umd.dev.js",
     "lint": "eslint src --ext .jsx,.js",
     "start": "NODE_ENV=development node devServer.js",
     "build:example": "rimraf example/build/ && webpack --stats --config webpack.config.prod.js"

webpack.config.umd.dev.js

@@ -0,0 +1,52 @@
+var path = require('path');
+var webpack = require('webpack');
+
+var JS_REGEX = /\.js$|\.jsx$|\.es6$|\.babel$/;
+
+module.exports = {
+  entry: [
+    './src/NotificationSystem.jsx'
+  ],
+  output: {
+    path: path.join(__dirname, 'dist'),
+    filename: 'react-notification-system.js',
+    libraryTarget: 'umd'
+  },
+  externals: [
+    {
+      react: {
+        root: 'React',
+        commonjs2: 'react',
+        commonjs: 'react',
+        amd: 'react'
+      }
+    },
+    {
+      'react-dom': {
+        root: 'ReactDOM',
+        commonjs2: 'react-dom',
+        commonjs: 'react-dom',
+        amd: 'react-dom'
+      }
+    }
+  ],
+  plugins: [
+    new webpack.NoErrorsPlugin()
+  ],
+  resolve: {
+    extensions: ['', '.js', '.jsx'],
+    modulesDirectories: ['node_modules', 'src']
+  },
+  module: {
+    loaders: [
+      {
+        test: JS_REGEX,
+        include: [
+          path.resolve(__dirname, 'src'),
+          path.resolve(__dirname, 'example/src')
+        ],
+        loader: 'babel?presets=airbnb'
+      }
+    ]
+  }
+};

webpack.config.umd.prod.js

@@ -0,0 +1,86 @@
+var path = require('path');
+var webpack = require('webpack');
+
+var JS_REGEX = /\.js$|\.jsx$|\.es6$|\.babel$/;
+
+module.exports = {
+  entry: [
+    './src/NotificationSystem.jsx'
+  ],
+  output: {
+    path: path.join(__dirname, 'dist'),
+    filename: 'react-notification-system.min.js',
+    libraryTarget: 'umd'
+  },
+  devtool: 'source-map',
+  externals: [
+    {
+      react: {
+        root: 'React',
+        commonjs2: 'react',
+        commonjs: 'react',
+        amd: 'react'
+      }
+    },
+    {
+      'react-dom': {
+        root: 'ReactDOM',
+        commonjs2: 'react-dom',
+        commonjs: 'react-dom',
+        amd: 'react-dom'
+      }
+    }
+  ],
+  plugins: [
+    // set env
+    new webpack.DefinePlugin({
+      'process.env': {
+        BROWSER: JSON.stringify(true),
+        NODE_ENV: JSON.stringify('production')
+      }
+    }),
+
+    // optimizations
+    new webpack.optimize.DedupePlugin(),
+    new webpack.optimize.OccurenceOrderPlugin(),
+    new webpack.optimize.UglifyJsPlugin({
+      compress: {
+        warnings: false,
+        screw_ie8: true,
+        sequences: true,
+        dead_code: true,
+        drop_debugger: true,
+        comparisons: true,
+        conditionals: true,
+        evaluate: true,
+        booleans: true,
+        loops: true,
+        unused: true,
+        hoist_funs: true,
+        if_return: true,
+        join_vars: true,
+        cascade: true,
+        drop_console: false
+      },
+      output: {
+        comments: false
+      }
+    })
+  ],
+  resolve: {
+    extensions: ['', '.js', '.jsx'],
+    modulesDirectories: ['node_modules', 'src']
+  },
+  module: {
+    loaders: [
+      {
+        test: JS_REGEX,
+        include: [
+          path.resolve(__dirname, 'src'),
+          path.resolve(__dirname, 'example/src')
+        ],
+        loader: 'babel?presets=airbnb'
+      }
+    ]
+  }
+};