Resolve crypto API properly in node environments

Addresses #82 and #84

Author: jakezatecky

gulpfile.js

@@ -40,7 +40,14 @@ gulp.task('test', ['test-script-format', 'test-mocha']);
 
 gulp.task('build-script', ['test'], () => (
     gulp.src(['./src/index.js'])
-        .pipe(webpackStream(webpackConfig, webpack))
+        .pipe(webpackStream(webpackConfig('node'), webpack))
+        .pipe(header(banner, { pkg }))
+        .pipe(gulp.dest('./lib/'))
+));
+
+gulp.task('build-script-web', ['test'], () => (
+    gulp.src(['./src/index.js'])
+        .pipe(webpackStream(webpackConfig('web'), webpack))
         .pipe(header(banner, { pkg }))
         .pipe(gulp.dest('./lib/'))
 ));
@@ -58,7 +65,7 @@ gulp.task('build-style', () => (
         .pipe(gulp.dest('./lib'))
 ));
 
-gulp.task('build', ['build-script', 'build-style']);
+gulp.task('build', ['build-script', 'build-script-web', 'build-style']);
 
 gulp.task('build-examples-style', () => (
     gulp.src('./examples/src/scss/**/*.scss')

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-checkbox-tree",
-  "version": "1.2.3",
+  "version": "1.2.4-rc.0",
   "description": "A simple and elegant checkbox tree for React.",
   "author": "Jake Zatecky",
   "license": "MIT",
@@ -16,6 +16,7 @@
   "homepage": "https://jakezatecky.github.io/react-checkbox-tree",
   "bugs": "https://github.com/jakezatecky/react-checkbox-tree/issues",
   "main": "lib/index.js",
+  "browser": "lib/index.browser.js",
   "scripts": {
     "build": "gulp build",
     "examples": "gulp examples",

webpack.config.js

@@ -1,35 +1,45 @@
-module.exports = {
-    mode: 'production',
-    output: {
-        filename: 'index.js',
-        libraryTarget: 'umd',
-        library: 'ReactCheckboxTree',
-    },
-    externals: [
-        {
-            react: {
-                root: 'React',
-                commonjs2: 'react',
-                commonjs: 'react',
-                amd: 'react',
-            },
+function makeConfig(target) {
+    const fileMap = {
+        node: 'index.js',
+        web: 'index.browser.js',
+    };
+
+    return {
+        mode: 'production',
+        target,
+        output: {
+            filename: fileMap[target],
+            libraryTarget: 'umd',
+            library: 'ReactCheckboxTree',
         },
-        {
-            'react-dom': {
-                root: 'ReactDOM',
-                commonjs2: 'react-dom',
-                commonjs: 'react-dom',
-                amd: 'react-dom',
+        externals: [
+            {
+                react: {
+                    root: 'React',
+                    commonjs2: 'react',
+                    commonjs: 'react',
+                    amd: 'react',
+                },
             },
-        },
-    ],
-    module: {
-        rules: [
             {
-                test: /\.js?$/,
-                exclude: /(node_modules|bower_components|vender_modules)/,
-                loader: 'babel-loader',
+                'react-dom': {
+                    root: 'ReactDOM',
+                    commonjs2: 'react-dom',
+                    commonjs: 'react-dom',
+                    amd: 'react-dom',
+                },
             },
         ],
-    },
-};
+        module: {
+            rules: [
+                {
+                    test: /\.js?$/,
+                    exclude: /(node_modules|bower_components|vender_modules)/,
+                    loader: 'babel-loader',
+                },
+            ],
+        },
+    };
+}
+
+module.exports = makeConfig;