feat(build): allow building React based custom widgets

package.json

@@ -2,7 +2,7 @@
   "name": "instantsearch.js",
   "version": "0.8.0",
   "description": "instantsearch.js is a library of widgets to build high performance instant search experiences using Algolia",
-  "main": "dist/instantsearch.js",
+  "main": "dist/instantsearch.module.js",
   "author": "Algolia <support@algolia.com>",
   "scripts": {
     "build": "./scripts/build.sh",
@@ -15,7 +15,6 @@
     "test": "BABEL_ENV=test mocha --opts mocha.opts --reporter dot && npm run lint",
     "test:watch": "BABEL_ENV=test mocha --opts mocha.opts --reporter min --watch",
     "test:watch:browser": "BABEL_ENV=test karma start",
-    "watch": "webpack --watch",
     "shrinkwrap": "npm-shrinkwrap --dev"
   },
   "repository": "algolia/instantsearch.js",
@@ -36,6 +35,7 @@
     "eslint-plugin-react": "^3.6.3",
     "expect": "^1.12.2",
     "expect-jsx": "^2.1.0",
+    "expose-loader": "^0.7.0",
     "gh-pages": "^0.4.0",
     "jsdoc-parse": "^1.1.1",
     "jsdoc-to-markdown": "^1.2.0",

scripts/build.sh

@@ -8,7 +8,10 @@ license="/*! instantsearch.js ${VERSION:-UNRELEASED} | © Algolia Inc. and other
 
 bundle='instantsearch'
 
-webpack
+# build for jsdelivr, with everything inlined while exposing React + ReactDOM (for plugins)
+webpack --config webpack.config.jsdelivr.babel.js
+# only transpile to ES5 for package.json main entry
+babel index.js -o dist/${bundle}.module.js
 
 for source in "$ROOT"/css/[^_]*.scss; do
   base=`basename "$source" .scss`

webpack.config.babel.js → webpack.config.jsdelivr.babel.js

@@ -11,6 +11,10 @@ export default {
   module: {
     loaders: [{
       test: /\.js$/, exclude: /node_modules/, loader: 'babel'
+    }, {
+      test: require.resolve('react'), loader: 'expose?React'
+    }, {
+      test: require.resolve('react-dom'), loader: 'expose?ReactDOM'
     }]
   },
   plugins: [