Merge pull request #22 from remarkablemark/webpack

Use webpack to build UMD bundle

Author: remarkablemark

.gitignore

@@ -1,5 +1,6 @@
 node_modules
 coverage
+dist
 *.swp
 *.log
 .DS_Store

index.js

@@ -1,63 +1,31 @@
-/* eslint-disable strict */
-// UMD template: https://github.com/ForbesLindesay/umd/blob/master/template.js
-;(function(factory) { // eslint-disable-line no-extra-semi
-
-    // CommonJS
-    if (typeof exports === 'object' && typeof module !== 'undefined') {
-        module.exports = factory();
-
-    // RequireJS (AMD)
-    } else if (typeof define === 'function' && define.amd) { // eslint-disable-line no-undef
-        define([], factory()); // eslint-disable-line no-undef
-
-    // Browser (script tag)
-    } else {
-        var root;
-        if (typeof window !== 'undefined') {
-            root = window;
-        } else if (typeof global !== 'undefined') {
-            root = global;
-        } else if (typeof self !== 'undefined') {
-            root = self;
-        } else {
-            // works provided we're not in strict mode
-            root = this;
-        }
-
-        // define namespace
-        root.HTMLReactParser = factory();
-    }
-
-})(function() {
-
-    var domToReact = require('./lib/dom-to-react');
-    var htmlToDOM;
-
-    // client (browser)
-    if (typeof window !== 'undefined' && this === window) {
-        htmlToDOM = require('./lib/html-to-dom-client');
-
-    // server (node)
-    } else {
-        htmlToDOM = require('./lib/html-to-dom-server');
+'use strict';
+
+/**
+ * Module dependencies.
+ */
+var domToReact = require('./lib/dom-to-react');
+var htmlToDOM = (
+    process.browser && process.title === 'browser' ?
+    require('./lib/html-to-dom-client') :
+    require('./lib/html-to-dom-server')
+);
+
+/**
+ * Convert HTML string to React elements.
+ *
+ * @param  {String}   html              - The HTML.
+ * @param  {Object}   [options]         - The additional options.
+ * @param  {Function} [options.replace] - The replace method.
+ * @return {ReactElement|Array}
+ */
+function HTMLReactParser(html, options) {
+    if (typeof html !== 'string') {
+        throw new Error('`HTMLReactParser`: The first argument must be a string.');
     }
+    return domToReact(htmlToDOM(html), options);
+}
 
-    /**
-     * Convert HTML string to React elements.
-     *
-     * @param  {String}   html              - The HTML.
-     * @param  {Object}   [options]         - The additional options.
-     * @param  {Function} [options.replace] - The replace method.
-     * @return {ReactElement|Array}
-     */
-    function HTMLReactParser(html, options) {
-        if (typeof html !== 'string') {
-            throw new Error('`HTMLReactParser`: The first argument must be a string.');
-        }
-        return domToReact(htmlToDOM(html), options);
-    }
-
-    // source
-    return HTMLReactParser;
-
-});
+/**
+ * Export HTML to React parser.
+ */
+module.exports = HTMLReactParser;

package.json

@@ -5,6 +5,9 @@
   "author": "Mark <mark@remarkablemark.org>",
   "main": "index.js",
   "scripts": {
+    "build": "NODE_ENV=development webpack index.js dist/html-to-react.js",
+    "build-min": "NODE_ENV=production webpack -p index.js dist/html-to-react.min.js",
+    "prepublish": "npm run build && npm run build-min",
     "test": "mocha",
     "lint": "eslint index.js \"lib/**\" \"test/**\"",
     "cover": "istanbul cover _mocha -- -R spec \"test/**/*\"",
@@ -35,7 +38,8 @@
     "jsdomify": "^2.1.0",
     "mocha": "^3.0.2",
     "react": "*",
-    "react-dom": "*"
+    "react-dom": "*",
+    "webpack": "^1.13.2"
   },
   "peerDependencies": {
     "react": ">=0.14"

webpack.config.js

@@ -0,0 +1,30 @@
+'use strict';
+
+/**
+ * Module dependencies.
+ */
+var webpack = require('webpack');
+
+/**
+ * Export webpack configuration.
+ */
+module.exports = {
+    output: {
+        library: 'HTMLReactParser',
+        libraryTarget: 'umd'
+    },
+    externals: {
+        'react': {
+            root: 'React',
+            commonjs2: 'react',
+            commonjs: 'react',
+            amd: 'react'
+        }
+    },
+    plugins: [
+        new webpack.optimize.OccurrenceOrderPlugin(),
+        new webpack.DefinePlugin({
+            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
+        })
+    ]
+};