babel-loader 7.0.0-alpha.1 → 7.0.0

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # Changelog
 
+For changes in version v7.0.0 and up please go to [release](https://github.com/babel/babel-loader/releases)
+
+# Old Changelog
+
+## v6.4.1
+
+### 🐛 Bug Fix
+
+- Fixed reset of BABEL_ENV when options.forceEnv is used (#420) @nikopavlica
+
+## v6.4.0
+
+### 🚀 New Feature
+
+- added metadata passing from babel to webpack, which is currently used by react-intl (#398) @Ognian
+
+## v6.3.2
+
+### 😢 Regression
+
+- `forceEnv` was interfering with regular environment handling
+
+## v6.3.1
+
+### 🐛 Bug Fix
+
+ - The new `forceEnv` options wasn't working as expected (#379) @chrisvasz
+
+## v6.3.0
+
+### 🚀 New Feature
+
+- Add new config option `forceEnv` (#368) @moimael
+
+Allow to override BABEL_ENV/NODE_ENV at loader-level. Useful for isomorphic applications which have   separate babel config for client and server.
+
+### 🐛 Bug Fix
+
+- Update loader-utils dependency to ^0.2.16 to fix compatibility with webpack 2 (#371) @leonaves
+
+### 💅 Polish
+
+- Improve FS caching to do less sync calls which improves performance slightly (#375) @akx
+
 ## v6.2.10
 
 Support for webpack 2.2-rc has been added in this release

package/README.md

@@ -1,136 +1,136 @@
-# babel-loader
 [![NPM Status](https://img.shields.io/npm/v/babel-loader.svg?style=flat)](https://www.npmjs.com/package/babel-loader)
 [![Build Status](https://travis-ci.org/babel/babel-loader.svg?branch=master)](https://travis-ci.org/babel/babel-loader)
 [![Build Status](https://ci.appveyor.com/api/projects/status/vgtpr2i5bykgyuqo/branch/master?svg=true)](https://ci.appveyor.com/project/danez/babel-loader/branch/master)
 [![codecov](https://codecov.io/gh/babel/babel-loader/branch/master/graph/badge.svg)](https://codecov.io/gh/babel/babel-loader)
-  > Babel is a compiler for writing next generation JavaScript.
 
-  This package allows transpiling JavaScript files using [Babel](https://github.com/babel/babel) and [webpack](https://github.com/webpack/webpack).
+<div align="center">
+  <a href="https://github.com/babel/babel/">
+    <img width="200" height="200" src="https://rawgit.com/babel/logo/master/babel.svg">
+  </a>
+  <a href="https://github.com/webpack/webpack">
+    <img width="200" height="200" src="https://webpack.js.org/assets/icon-square-big.svg">
+  </a>
+  <h1>Babel Loader</h1>
+</div>
 
-  __Notes:__ Issues with the output should be reported on the babel [issue tracker](https://github.com/babel/babel/issues);
+This package allows transpiling JavaScript files using [Babel](https://github.com/babel/babel) and [webpack](https://github.com/webpack/webpack).
 
-## Installation
+__Notes:__ Issues with the output should be reported on the babel [issue tracker](https://github.com/babel/babel/issues);
 
-```bash
-npm install babel-loader babel-core babel-preset-es2015 webpack --save-dev
-```
+<h2 align="center">Install</h2>
 
-or
+> webpack 1.x | babel-loader <= 6.x
+>
+> webpack 2.x | babel-loader >= 7.x (recommended) (^6.2.10 will also work, but with deprecation warnings)
 
 ```bash
-yarn add babel-loader babel-core babel-preset-es2015 webpack --dev
+yarn add babel-loader babel-core babel-preset-env webpack --dev
 ```
 
-__Note:__ [npm](https://npmjs.com) deprecated [auto-installing of peerDependencies](https://github.com/npm/npm/issues/6565) since npm@3, so required peer dependencies like babel-core and webpack must be listed explicitly in your `package.json`.
+We recommend using yarn, but you can also still use npm:
 
-__Note:__ If you're upgrading from babel 5 to babel 6, please take a look [at this guide](https://medium.com/@malyw/how-to-update-babel-5-x-6-x-d828c230ec53#.yqxukuzdk).
+```bash
+npm install --save-dev babel-loader babel-core babel-preset-env webpack
+```
 
-## Usage
+<h2 align="center">Usage</h2>
 
-[Documentation: Using loaders](http://webpack.github.io/docs/using-loaders.html)
+[Documentation: Using loaders](https://webpack.js.org/loaders/)
 
-  Within your webpack configuration object, you'll need to add the babel-loader to the list of modules, like so:
+Within your webpack configuration object, you'll need to add the babel-loader to the list of modules, like so:
 
-  ```javascript
+```javascript
 module: {
-  loaders: [
+  rules: [
     {
       test: /\.js$/,
       exclude: /(node_modules|bower_components)/,
-      loader: 'babel-loader',
-      query: {
-        presets: ['es2015']
+      use: {
+        loader: 'babel-loader',
+        options: {
+          presets: ['env']
+        }
       }
     }
   ]
 }
-  ```
+```
 
 ### Options
 
-See the `babel` [options](http://babeljs.io/docs/usage/options/).
-
-You can pass options to the loader by writing them as a [query string](https://github.com/webpack/loader-utils):
+See the `babel` [options](https://babeljs.io/docs/usage/api/#options).
 
-  ```javascript
-module: {
-  loaders: [
-    {
-      test: /\.js$/,
-      exclude: /(node_modules|bower_components)/,
-      loader: 'babel-loader?presets[]=es2015'
-    }
-  ]
-}
-  ```
 
-  or by using the [query property](https://webpack.github.io/docs/using-loaders.html#query-parameters):
+You can pass options to the loader by using the [options property](https://webpack.js.org/configuration/module/#rule-options-rule-query):
 
-  ```javascript
+```javascript
 module: {
-  loaders: [
+  rules: [
     {
       test: /\.js$/,
       exclude: /(node_modules|bower_components)/,
-      loader: 'babel-loader',
-      query: {
-        presets: ['es2015']
+      use: {
+        loader: 'babel-loader',
+        options: {
+          presets: ['env'],
+          plugins: [require('babel-plugin-transform-object-rest-spread')]
+        }
       }
     }
   ]
 }
-  ```
-
-  This loader also supports the following loader-specific option:
+```
 
-  * `cacheDirectory`: Default `false`. When set, the given directory will be used to cache the results of the loader. Future webpack builds will attempt to read from the cache to avoid needing to run the potentially expensive Babel recompilation process on each run. If the value is blank (`loader: 'babel-loader?cacheDirectory'`) or `true` (`loader: babel-loader?cacheDirectory=true`) the loader will use the default cache directory in `node_modules/.cache/babel-loader` or fallback to the default OS temporary file directory if no `node_modules` folder could be found in any root directory.
+This loader also supports the following loader-specific option:
 
-  * `cacheIdentifier`: Default is a string composed by the babel-core's version, the babel-loader's version, the contents of .babelrc file if it exists and the value of the environment variable `BABEL_ENV` with a fallback to the `NODE_ENV` environment variable. This can be set to a custom value to force cache busting if the identifier changes.
+* `cacheDirectory`: Default `false`. When set, the given directory will be used to cache the results of the loader. Future webpack builds will attempt to read from the cache to avoid needing to run the potentially expensive Babel recompilation process on each run. If the value is blank (`loader: 'babel-loader?cacheDirectory'`) or `true` (`loader: babel-loader?cacheDirectory=true`) the loader will use the default cache directory in `node_modules/.cache/babel-loader` or fallback to the default OS temporary file directory if no `node_modules` folder could be found in any root directory.
 
-  * `babelrc`: Default `true`.  When `false`, will ignore `.babelrc` files (except those referenced by the `extends` option).
+* `cacheIdentifier`: Default is a string composed by the babel-core's version, the babel-loader's version, the contents of .babelrc file if it exists and the value of the environment variable `BABEL_ENV` with a fallback to the `NODE_ENV` environment variable. This can be set to a custom value to force cache busting if the identifier changes.
 
-  * `forceEnv`: Default will resolve BABEL_ENV then NODE_ENV. Allow you to override BABEL_ENV/NODE_ENV at the loader level. Useful for isomorphic applications with different babel configuration for client and server.
+* `forceEnv`: Default will resolve BABEL_ENV then NODE_ENV. Allow you to override BABEL_ENV/NODE_ENV at the loader level. Useful for isomorphic applications with different babel configuration for client and server.
 
-  __Note:__ The `sourceMap` option is ignored, instead sourceMaps are automatically enabled when webpack is configured to use them (via the `devtool` config option).
+__Note:__ The `sourceMap` option is ignored, instead sourceMaps are automatically enabled when webpack is configured to use them (via the `devtool` config option).
 
 ## Troubleshooting
 
 ### babel-loader is slow!
 
-  Make sure you are transforming as few files as possible. Because you are probably
-  matching `/\.js$/`, you might be transforming the `node_modules` folder or other unwanted
-  source.
+Make sure you are transforming as few files as possible. Because you are probably
+matching `/\.js$/`, you might be transforming the `node_modules` folder or other unwanted
+source.
 
-  To exclude `node_modules`, see the `exclude` option in the `loaders` config as documented above.
+To exclude `node_modules`, see the `exclude` option in the `loaders` config as documented above.
 
-  You can also speed up babel-loader by as much as 2x by using the `cacheDirectory` option.
-  This will cache transformations to the filesystem.
+You can also speed up babel-loader by as much as 2x by using the `cacheDirectory` option.
+This will cache transformations to the filesystem.
 
 ### babel is injecting helpers into each file and bloating my code!
 
-  babel uses very small helpers for common functions such as `_extend`. By default
-  this will be added to every file that requires it.
+babel uses very small helpers for common functions such as `_extend`. By default
+this will be added to every file that requires it.
 
-  You can instead require the babel runtime as a separate module to avoid the duplication.
+You can instead require the babel runtime as a separate module to avoid the duplication.
 
-  The following configuration disables automatic per-file runtime injection in babel, instead
-  requiring `babel-plugin-transform-runtime` and making all helper references use it.
+The following configuration disables automatic per-file runtime injection in babel, instead
+requiring `babel-plugin-transform-runtime` and making all helper references use it.
 
-  See the [docs](http://babeljs.io/docs/plugins/transform-runtime/) for more information.
+See the [docs](http://babeljs.io/docs/plugins/transform-runtime/) for more information.
 
-  **NOTE:** You must run `npm install babel-plugin-transform-runtime --save-dev` to include this in your project and `babel-runtime` itself as a dependency with `npm install babel-runtime --save`.
+**NOTE:** You must run `npm install babel-plugin-transform-runtime --save-dev` to include this in your project and `babel-runtime` itself as a dependency with `npm install babel-runtime --save`.
 
 ```javascript
-loaders: [
+rules: [
   // the 'transform-runtime' plugin tells babel to require the runtime
   // instead of inlining it.
   {
     test: /\.js$/,
     exclude: /(node_modules|bower_components)/,
-    loader: 'babel-loader',
-    query: {
-      presets: ['es2015'],
-      plugins: ['transform-runtime']
+    use: {
+      loader: 'babel-loader',
+      options: {
+        presets: ['env'],
+        plugins: ['transform-runtime']
+      }
     }
   }
 ]

package/lib/fs-cache.js

@@ -1,5 +1,14 @@
 "use strict";
 
+/**
+ * Filesystem cache
+ *
+ * Given a file and a transform function, cache the result into files
+ * or retrieve the previously cached files if the given file is already known.
+ *
+ * @see https://github.com/babel/babel-loader/issues/34
+ * @see https://github.com/babel/babel-loader/pull/41
+ */
 var crypto = require("crypto");
 var mkdirp = require("mkdirp");
 var findCacheDir = require("find-cache-dir");
@@ -8,19 +17,23 @@ var os = require("os");
 var path = require("path");
 var zlib = require("zlib");
 
-var defaultCacheDirectory = null;
+var defaultCacheDirectory = null; // Lazily instantiated when needed
+
+/**
+ * Read the contents from the compressed file.
+ *
+ * @async
+ * @params {String} filename
+ * @params {Function} callback
+ */
 var read = function read(filename, callback) {
   return fs.readFile(filename, function (err, data) {
-    if (err) {
-      return callback(err);
-    }
+    if (err) return callback(err);
 
     return zlib.gunzip(data, function (err, content) {
-      var result = {};
+      if (err) return callback(err);
 
-      if (err) {
-        return callback(err);
-      }
+      var result = {};
 
       try {
         result = JSON.parse(content);
@@ -33,18 +46,32 @@ var read = function read(filename, callback) {
   });
 };
 
+/**
+ * Write contents into a compressed file.
+ *
+ * @async
+ * @params {String} filename
+ * @params {String} result
+ * @params {Function} callback
+ */
 var write = function write(filename, result, callback) {
   var content = JSON.stringify(result);
 
   return zlib.gzip(content, function (err, data) {
-    if (err) {
-      return callback(err);
-    }
+    if (err) return callback(err);
 
     return fs.writeFile(filename, data, callback);
   });
 };
 
+/**
+ * Build the filename for the cached file
+ *
+ * @params {String} source  File source code
+ * @params {Object} options Options used
+ *
+ * @return {String}
+ */
 var filename = function filename(source, identifier, options) {
   var hash = crypto.createHash("SHA1");
   var contents = JSON.stringify({
@@ -58,6 +85,13 @@ var filename = function filename(source, identifier, options) {
   return hash.read().toString("hex") + ".json.gz";
 };
 
+/**
+ * Handle the cache
+ *
+ * @params {String} directory
+ * @params {Object} params
+ * @params {Function} callback
+ */
 var handleCache = function handleCache(directory, params, callback) {
   var source = params.source;
   var options = params.options || {};
@@ -65,16 +99,21 @@ var handleCache = function handleCache(directory, params, callback) {
   var identifier = params.identifier;
   var shouldFallback = typeof params.directory !== "string" && directory !== os.tmpdir();
 
+  // Make sure the directory exists.
   mkdirp(directory, function (err) {
+    // Fallback to tmpdir if node_modules folder not writable
     if (err) return shouldFallback ? handleCache(os.tmpdir(), params, callback) : callback(err);
 
     var file = path.join(directory, filename(source, identifier, options));
 
     return read(file, function (err, content) {
       var result = {};
-
+      // No errors mean that the file was previously cached
+      // we just need to return it
       if (!err) return callback(null, content);
 
+      // Otherwise just transform the file
+      // return it to the user asap and write it in cache
       try {
         result = transform(source, options);
       } catch (error) {
@@ -82,6 +121,7 @@ var handleCache = function handleCache(directory, params, callback) {
       }
 
       return write(file, result, function (err) {
+        // Fallback to tmpdir if node_modules folder not writable
         if (err) return shouldFallback ? handleCache(os.tmpdir(), params, callback) : callback(err);
 
         callback(null, result);
@@ -90,6 +130,40 @@ var handleCache = function handleCache(directory, params, callback) {
   });
 };
 
+/**
+ * Retrieve file from cache, or create a new one for future reads
+ *
+ * @async
+ * @param  {Object}   params
+ * @param  {String}   params.directory  Directory to store cached files
+ * @param  {String}   params.identifier Unique identifier to bust cache
+ * @param  {String}   params.source   Original contents of the file to be cached
+ * @param  {Object}   params.options  Options to be given to the transform fn
+ * @param  {Function} params.transform  Function that will transform the
+ *                                      original file and whose result will be
+ *                                      cached
+ *
+ * @param  {Function<err, result>} callback
+ *
+ * @example
+ *
+ *   cache({
+ *     directory: '.tmp/cache',
+ *     identifier: 'babel-loader-cachefile',
+ *     source: *source code from file*,
+ *     options: {
+ *       experimental: true,
+ *       runtime: true
+ *     },
+ *     transform: function(source, options) {
+ *       var content = *do what you need with the source*
+ *       return content;
+ *     }
+ *   }, function(err, result) {
+ *
+ *   });
+ */
+
 module.exports = function (params, callback) {
   var directory = void 0;
 

package/lib/index.js

@@ -1,8 +1,5 @@
 "use strict";
 
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-var assign = require("object-assign");
 var babel = require("babel-core");
 var loaderUtils = require("loader-utils");
 var path = require("path");
@@ -11,8 +8,11 @@ var exists = require("./utils/exists")();
 var relative = require("./utils/relative");
 var read = require("./utils/read")();
 var resolveRc = require("./resolve-rc.js");
-var pkg = require("./../package.json");
+var pkg = require("../package.json");
 
+/**
+ * Error thrown by Babel formatted to conform to Webpack reporting.
+ */
 function BabelLoaderError(name, message, codeFrame, hideStack, error) {
   Error.call(this);
   Error.captureStackTrace(this, BabelLoaderError);
@@ -33,10 +33,21 @@ var formatMessage = function formatMessage(name, message, codeFrame) {
 };
 
 var transpile = function transpile(source, options) {
+  var forceEnv = options.forceEnv;
+  var tmpEnv = void 0;
+
+  delete options.forceEnv;
+
+  if (forceEnv) {
+    tmpEnv = process.env.BABEL_ENV;
+    process.env.BABEL_ENV = forceEnv;
+  }
+
   var result = void 0;
   try {
     result = babel.transform(source, options);
   } catch (error) {
+    if (forceEnv) restoreBabelEnv(tmpEnv);
     if (error.message && error.codeFrame) {
       var message = error.message;
       var name = void 0;
@@ -56,45 +67,60 @@ var transpile = function transpile(source, options) {
   }
   var code = result.code;
   var map = result.map;
+  var metadata = result.metadata;
 
   if (map && (!map.sourcesContent || !map.sourcesContent.length)) {
     map.sourcesContent = [source];
   }
 
+  if (forceEnv) restoreBabelEnv(tmpEnv);
+
   return {
     code: code,
-    map: map
+    map: map,
+    metadata: metadata
   };
 };
 
+function restoreBabelEnv(prevValue) {
+  if (prevValue === undefined) {
+    delete process.env.BABEL_ENV;
+  } else {
+    process.env.BABEL_ENV = prevValue;
+  }
+}
+
+function passMetadata(s, context, metadata) {
+  if (context[s]) {
+    context[s](metadata);
+  }
+}
+
 module.exports = function (source, inputSourceMap) {
   var _this = this;
 
-  var result = {};
-
+  // Handle filenames (#106)
   var webpackRemainingChain = loaderUtils.getRemainingRequest(this).split("!");
   var filename = webpackRemainingChain[webpackRemainingChain.length - 1];
 
-  var globalOptions = this.options.babel || {};
-  var loaderOptions = loaderUtils.parseQuery(this.query);
-  var userOptions = assign({}, globalOptions, loaderOptions);
+  // Handle options
+  var loaderOptions = loaderUtils.getOptions(this) || {};
   var defaultOptions = {
+    metadataSubscribers: [],
     inputSourceMap: inputSourceMap,
     sourceRoot: process.cwd(),
     filename: filename,
     cacheIdentifier: JSON.stringify({
       "babel-loader": pkg.version,
       "babel-core": babel.version,
-      babelrc: exists(userOptions.babelrc) ? read(userOptions.babelrc) : resolveRc(path.dirname(filename)),
-      env: userOptions.forceEnv || process.env.BABEL_ENV || process.env.NODE_ENV
+      babelrc: exists(loaderOptions.babelrc) ? read(loaderOptions.babelrc) : resolveRc(path.dirname(filename)),
+      env: loaderOptions.forceEnv || process.env.BABEL_ENV || process.env.NODE_ENV || "development"
     })
   };
 
-  delete userOptions.forceEnv;
+  var options = Object.assign({}, defaultOptions, loaderOptions);
 
-  var options = assign({}, defaultOptions, userOptions);
-
-  if (userOptions.sourceMap === undefined) {
+  if (loaderOptions.sourceMap === undefined) {
     options.sourceMap = this.sourceMap;
   }
 
@@ -104,34 +130,44 @@ module.exports = function (source, inputSourceMap) {
 
   var cacheDirectory = options.cacheDirectory;
   var cacheIdentifier = options.cacheIdentifier;
+  var metadataSubscribers = options.metadataSubscribers;
 
   delete options.cacheDirectory;
   delete options.cacheIdentifier;
-
-  this.cacheable();
+  delete options.metadataSubscribers;
 
   if (cacheDirectory) {
-    var _ret = function () {
-      var callback = _this.async();
-      return {
-        v: cache({
-          directory: cacheDirectory,
-          identifier: cacheIdentifier,
-          source: source,
-          options: options,
-          transform: transpile
-        }, function (err, result) {
-          if (err) {
-            return callback(err);
-          }
-          return callback(null, result.code, result.map);
-        })
-      };
-    }();
-
-    if ((typeof _ret === "undefined" ? "undefined" : _typeof(_ret)) === "object") return _ret.v;
+    var callback = this.async();
+    return cache({
+      directory: cacheDirectory,
+      identifier: cacheIdentifier,
+      source: source,
+      options: options,
+      transform: transpile
+    }, function (err) {
+      var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+          code = _ref.code,
+          map = _ref.map,
+          metadata = _ref.metadata;
+
+      if (err) return callback(err);
+
+      metadataSubscribers.forEach(function (s) {
+        return passMetadata(s, _this, metadata);
+      });
+
+      return callback(null, code, map);
+    });
   }
 
-  result = transpile(source, options);
-  this.callback(null, result.code, result.map);
+  var _transpile = transpile(source, options),
+      code = _transpile.code,
+      map = _transpile.map,
+      metadata = _transpile.metadata;
+
+  metadataSubscribers.forEach(function (s) {
+    return passMetadata(s, _this, metadata);
+  });
+
+  this.callback(null, code, map);
 };

package/lib/resolve-rc.js

@@ -1,5 +1,13 @@
 "use strict";
 
+/**
+ * The purpose of this module, is to find the project's .babelrc and
+ * use its contents to bust the babel-loader's internal cache whenever an option
+ * changes.
+ *
+ * @see https://github.com/babel/babel-loader/issues/62
+ * @see http://git.io/vLEvu
+ */
 var path = require("path");
 var exists = require("./utils/exists")({});
 var read = require("./utils/read")({});
@@ -15,13 +23,14 @@ var find = function find(start, rel) {
 
   var up = path.dirname(start);
   if (up !== start) {
+    // Reached root
     return find(up, rel);
   }
 };
 
 module.exports = function (loc, rel) {
   rel = rel || ".babelrc";
-  var cacheKey = loc + "/" + rel;
+  var cacheKey = `${loc}/${rel}`;
   if (!(cacheKey in cache)) {
     cache[cacheKey] = find(loc, rel);
   }

package/lib/utils/exists.js

@@ -1,17 +1,21 @@
 "use strict";
 
 var fs = require("fs");
-
+/**
+ * Check if file exists and cache the result
+ * return the result in cache
+ *
+ * @example
+ * var exists = require('./helpers/fsExists')({});
+ * exists('.babelrc'); // false
+ */
 module.exports = function (cache) {
   cache = cache || {};
 
   return function (filename) {
+    if (!filename) return false;
 
-    if (!filename) {
-      return false;
-    }
-
-    cache[filename] = cache[filename] || fs.existsSync(filename);
+    cache[filename] = cache[filename] || fs.existsSync(filename) && fs.statSync(filename).isFile();
 
     return cache[filename];
   };

package/lib/utils/read.js

@@ -1,12 +1,18 @@
 "use strict";
 
 var fs = require("fs");
-
+/**
+ * Read the file and cache the result
+ * return the result in cache
+ *
+ * @example
+ * var read = require('./helpers/fsExists')({});
+ * read('.babelrc'); // file contents...
+ */
 module.exports = function (cache) {
   cache = cache || {};
 
   return function (filename) {
-
     if (!filename) {
       throw new Error("filename must be a string");
     }

package/lib/utils/relative.js

@@ -6,6 +6,7 @@ module.exports = function relative(sourceRoot, filename) {
   var rootPath = sourceRoot.replace(/\\/g, "/").split("/")[1];
   var fileRootPath = filename.replace(/\\/g, "/").split("/")[1];
 
+  // If the file is in a completely different root folder use the absolute path of file.
   if (rootPath && rootPath !== fileRootPath) {
     return filename;
   }

package/package.json

@@ -1,48 +1,55 @@
 {
   "name": "babel-loader",
-  "version": "7.0.0-alpha.1",
+  "version": "7.0.0",
   "description": "babel module loader for webpack",
   "files": [
     "lib"
   ],
   "main": "lib/index.js",
+  "engines": {
+    "node": ">=4"
+  },
   "dependencies": {
     "find-cache-dir": "^0.1.1",
-    "loader-utils": "^0.2.16",
-    "mkdirp": "^0.5.1",
-    "object-assign": "^4.0.1"
+    "loader-utils": "^1.0.2",
+    "mkdirp": "^0.5.1"
   },
   "peerDependencies": {
     "babel-core": "6 || 7 || ^7.0.0-alpha || ^7.0.0-beta || ^7.0.0-rc",
-    "webpack": "1 || 2 || ^2.1.0-beta || ^2.2.0-rc"
+    "webpack": "2"
   },
   "devDependencies": {
-    "ava": "^0.18.0",
+    "ava": "^0.19.0",
     "babel-cli": "^6.18.0",
     "babel-core": "^6.0.0",
     "babel-eslint": "^7.1.0",
     "babel-plugin-istanbul": "^4.0.0",
-    "babel-preset-es2015": "^6.0.0",
-    "babel-preset-latest": "^6.16.0",
+    "babel-plugin-react-intl": "^2.1.3",
+    "babel-preset-env": "^1.2.0",
     "babel-register": "^6.18.0",
-    "codecov": "^1.0.1",
-    "cross-env": "^3.1.4",
+    "cross-env": "^4.0.0",
     "eslint": "^3.8.1",
     "eslint-config-babel": "^6.0.0",
     "eslint-plugin-flowtype": "^2.25.0",
+    "husky": "^0.13.2",
+    "lint-staged": "^3.3.1",
     "nyc": "^10.0.0",
+    "prettier": "^1.2.2",
+    "react": "^15.1.0",
+    "react-intl": "^2.1.2",
+    "react-intl-webpack-plugin": "^0.0.3",
     "rimraf": "^2.4.3",
-    "webpack": "^2.2.0-rc"
+    "webpack": "^2.2.0"
   },
   "scripts": {
     "clean": "rimraf lib/",
     "build": "babel src/ --out-dir lib/",
-    "coverage": "nyc report --reporter=json && codecov -f coverage/coverage-final.json",
+    "format": "prettier --write --trailing-comma all \"src/**/*.js\" \"test/*.test.js\" \"test/helpers/*.js\" && prettier --write --trailing-comma es5 \"scripts/*.js\"",
     "lint": "eslint src test",
-    "preversion": "yarn test",
-    "prepublish": "yarn clean && yarn build",
-    "test": "yarn lint && cross-env BABEL_ENV=test yarn build && yarn test-only",
-    "test-ci": "cross-env BABEL_ENV=test yarn build && yarn test-only",
+    "precommit": "lint-staged",
+    "prepublish": "yarn run clean && yarn run build",
+    "preversion": "yarn run test",
+    "test": "yarn run lint && cross-env BABEL_ENV=test yarn run build && yarn run test-only",
     "test-only": "nyc ava"
   },
   "repository": {
@@ -68,6 +75,10 @@
     "include": [
       "src/**/*.js"
     ],
+    "reporter": [
+      "text",
+      "json"
+    ],
     "require": [
       "babel-register"
     ],
@@ -84,5 +95,27 @@
       "src/**/*.js"
     ],
     "babel": "inherit"
+  },
+  "lint-staged": {
+    "scripts/*.js": [
+      "prettier --trailing-comma es5 --write",
+      "git add"
+    ],
+    "src/**/*.js": [
+      "prettier --trailing-comma all --write",
+      "git add"
+    ],
+    "test/**/*.test.js": [
+      "prettier --trailing-comma all --write",
+      "git add"
+    ],
+    "test/helpers/*.js": [
+      "prettier --trailing-comma all --write",
+      "git add"
+    ],
+    "package.json": [
+      "node ./scripts/yarn-install.js",
+      "git add yarn.lock"
+    ]
   }
 }