Add ES modules to npm package

Also updated build + release scripts.

Author: mjackson

.gitignore

@@ -1,3 +1,4 @@
+es
 node_modules
 umd
 /*.js

modules/.babelrc

@@ -1,13 +1,12 @@
 {
   "presets": [
-    "es2015-loose",
+    "../tools/es2015-preset",
     "stage-1",
     "react"
   ],
   "env": {
     "production": {
       "plugins": [
-        "dev-expression",
         "transform-react-remove-prop-types"
       ]
     }

package.json

@@ -3,38 +3,37 @@
   "version": "0.1.2",
   "description": "A reliable way to broadcast state changes to React elements deep in the hierarchy",
   "repository": "mjackson/react-broadcast",
-  "authors": [
-    "Michael Jackson",
-    "Ryan Florence"
-  ],
   "license": "MIT",
+  "author": "Michael Jackson",
+  "files": [
+    "Broadcast.js",
+    "Subscriber.js",
+    "es",
+    "index.js",
+    "umd"
+  ],
   "scripts": {
-    "build": "node ./scripts/build.js",
+    "build": "node ./tools/build.js",
     "clean": "git clean -fdX .",
-    "build-cjs": "babel ./modules -d . --ignore '__tests__'",
-    "build-umd": "webpack modules/index.js umd/react-broadcast.js",
-    "build-min": "webpack -p modules/index.js umd/react-broadcast.min.js",
-    "prepublish": "node ./scripts/build.js",
-    "release": "node ./scripts/release.js",
+    "prepublish": "node ./tools/build.js",
+    "release": "node ./tools/release.js",
     "lint": "eslint modules",
     "test": "karma start --single-run"
   },
+  "peerDependencies": {
+    "react": "15.x"
+  },
   "dependencies": {
     "invariant": "^2.2.1",
     "prop-types": "^15.5.6"
   },
-  "peerDependencies": {
-    "react": "15.x"
-  },
   "devDependencies": {
     "babel-cli": "^6.10.1",
     "babel-core": "^6.17.0",
     "babel-eslint": "^7.0.0",
     "babel-loader": "^6.2.4",
-    "babel-plugin-dev-expression": "^0.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.2.11",
     "babel-preset-es2015": "^6.9.0",
-    "babel-preset-es2015-loose": "^8.0.0",
     "babel-preset-react": "^6.5.0",
     "babel-preset-stage-1": "^6.5.0",
     "eslint": "^3.3.1",

tools/build.js

@@ -1,4 +1,4 @@
-const readFileSync = require('fs').readFileSync
+const fs = require('fs')
 const execSync = require('child_process').execSync
 const inInstall = require('in-publish').inInstall
 const prettyBytes = require('pretty-bytes')
@@ -7,19 +7,38 @@ const gzipSize = require('gzip-size')
 if (inInstall())
   process.exit(0)
 
-const exec = (command, env) =>
-  execSync(command, { stdio: 'inherit', env })
+const exec = (command, extraEnv) =>
+  execSync(command, {
+    stdio: 'inherit',
+    env: Object.assign({}, process.env, extraEnv)
+  })
 
-const webpackEnv = Object.assign({}, process.env, {
+console.log('Building CommonJS modules ...')
+
+exec('babel modules -d . --ignore __tests__', {
+  BABEL_ENV: 'cjs'
+})
+
+console.log('\nBuilding ES modules ...')
+
+exec('babel modules -d es --ignore __tests__', {
+  BABEL_ENV: 'es'
+})
+
+console.log('\nBuilding react-media.js ...')
+
+exec('webpack modules/index.js umd/react-media.js', {
   NODE_ENV: 'production'
 })
 
-exec('npm run build-cjs')
-exec('npm run build-umd', webpackEnv)
-exec('npm run build-min', webpackEnv)
+console.log('\nBuilding react-media.min.js ...')
 
-console.log(
-  '\ngzipped, the UMD build is ' + prettyBytes(
-    gzipSize.sync(readFileSync('umd/react-broadcast.min.js'))
-  )
+exec('webpack -p modules/index.js umd/react-media.min.js', {
+  NODE_ENV: 'production'
+})
+
+const size = gzipSize.sync(
+  fs.readFileSync('umd/react-media.min.js')
 )
+
+console.log('\ngzipped, the UMD build is %s', prettyBytes(size))

tools/es2015-preset.js

@@ -0,0 +1,12 @@
+const buildPreset = require('babel-preset-es2015').buildPreset
+
+const BABEL_ENV = process.env.BABEL_ENV
+
+module.exports = {
+  presets: [
+    [ buildPreset, {
+      loose: true,
+      modules: BABEL_ENV === 'es' ? false : 'commonjs'
+    } ]
+  ]
+}

tools/release.js

@@ -22,27 +22,16 @@ const nextVersion = prompt(`Next version (current version is ${getPackageVersion
 const isPrerelease = nextVersion.substr(0, 3) === 'pre' || nextVersion.indexOf('-') !== -1
 
 // 1) Make sure the tests pass
-exec('npm test -- --single-run')
+exec('npm test')
 
 // 2) Increment the package version in package.json
 // 3) Create a new commit
 // 4) Create a v* tag that points to that commit
 exec(`npm version ${nextVersion} -m "Version %s"`)
 
-// 5) Push to the same branch on the git remote (GitHub).
-// Do this before we publish in case anyone has pushed
-// since we last pulled
-exec('git push origin')
-
-// 6) Publish to npm. Use the "next" tag for pre-releases,
+// 5) Publish to npm. Use the "next" tag for pre-releases,
 // "latest" for all others
 exec(`npm publish --tag ${isPrerelease ? 'next' : 'latest'}`)
 
-// 7) Push the v* tag to GitHub
+// 6) Push the v* tag to GitHub
 exec(`git push -f origin v${getPackageVersion()}`)
-
-// 8) Push the "latest" tag to GitHub
-if (!isPrerelease) {
-  exec('git tag -f latest')
-  exec('git push -f origin latest')
-}