From 12288836e16c45541f03cd1af44c53f92c2c6cce Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Sat, 11 Feb 2017 14:11:00 -0500
Subject: [PATCH 001/163] Upgrade webpack (#1291)

* Upgrade webpack

* Address more webpack v2 ...

* Update html-webpack-plugin

* Remove LoaderOptionsPlugin from dev config

* ExtractTextPlugin still uses webpack 1 syntax
... and doesn't support complex options (yet)

* Grammar nit

* Update extract text webpack plugin

* - Remove webpack.LoaderOptionsPlugin
- Update deps

* Lerna hoists packages

* Update extract-text-webpack-plugin

* Update webpack-dev-server

* Remove imports for the tests

* stop removing babelrc
---
 packages/babel-preset-react-app/index.js      |   6 +-
 .../config/webpack.config.dev.js              | 109 ++++++++-------
 .../config/webpack.config.prod.js             | 127 +++++++++---------
 .../fixtures/kitchensink/.babelrc             |   3 +-
 .../kitchensink/.template.dependencies.json   |   1 +
 packages/react-scripts/package.json           |  11 +-
 packages/react-scripts/scripts/start.js       |   3 +-
 tasks/e2e-kitchensink.sh                      |   3 -
 8 files changed, 144 insertions(+), 119 deletions(-)

diff --git a/packages/babel-preset-react-app/index.js b/packages/babel-preset-react-app/index.js
index a028babc06c..8a42f885e31 100644
--- a/packages/babel-preset-react-app/index.js
+++ b/packages/babel-preset-react-app/index.js
@@ -88,7 +88,11 @@ if (env === 'test') {
   module.exports = {
     presets: [
       // Latest stable ECMAScript features
-      require.resolve('babel-preset-latest'),
+      [require.resolve('babel-preset-latest'), {
+        'es2015': {
+          modules: false
+        }
+      }],
       // JSX, Flow
       require.resolve('babel-preset-react')
     ],
diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index 0109eb6e4ac..e26a5a25d81 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -78,15 +78,15 @@ module.exports = {
   resolve: {
     // This allows you to set a fallback for where Webpack should look for modules.
     // We read `NODE_PATH` environment variable in `paths.js` and pass paths here.
-    // We use `fallback` instead of `root` because we want `node_modules` to "win"
-    // if there any conflicts. This matches Node resolution mechanism.
+    // We placed these paths second because we want `node_modules` to "win"
+    // if there are any conflicts. This matches Node resolution mechanism.
     // https://github.com/facebookincubator/create-react-app/issues/253
-    fallback: paths.nodePaths,
+    modules: ['node_modules'].concat(paths.nodePaths),
     // These are the reasonable defaults supported by the Node ecosystem.
     // We also include JSX as a common component filename extension to support
     // some tools, although we do not recommend using it, see:
     // https://github.com/facebookincubator/create-react-app/issues/290
-    extensions: ['.js', '.json', '.jsx', ''],
+    extensions: ['.js', '.json', '.jsx'],
     alias: {
       // Support React Native Web
       // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
@@ -97,21 +97,32 @@ module.exports = {
   // Resolve loaders (webpack plugins for CSS, images, transpilation) from the
   // directory of `react-scripts` itself rather than the project directory.
   resolveLoader: {
-    root: paths.ownNodeModules,
-    moduleTemplates: ['*-loader']
+    modules: [
+      paths.ownNodeModules,
+      // Lerna hoists everything, so we need to look in our app directory
+      paths.appNodeModules
+    ]
   },
   // @remove-on-eject-end
   module: {
-    // First, run the linter.
-    // It's important to do this before Babel processes the JS.
-    preLoaders: [
+    rules: [
+      // First, run the linter.
+      // It's important to do this before Babel processes the JS.
       {
         test: /\.(js|jsx)$/,
-        loader: 'eslint',
-        include: paths.appSrc,
-      }
-    ],
-    loaders: [
+        enforce: 'pre',
+        use: [{
+          // @remove-on-eject-begin
+          // Point ESLint to our predefined config.
+          options: {
+            configFile: path.join(__dirname, '../.eslintrc'),
+            useEslintrc: false
+          },
+          // @remove-on-eject-end
+          loader: 'eslint-loader'
+        }],
+        include: paths.appSrc
+      },
       // ** ADDING/UPDATING LOADERS **
       // The "url" loader handles all assets unless explicitly excluded.
       // The `exclude` list *must* be updated with every change to loader extensions.
@@ -128,8 +139,8 @@ module.exports = {
           /\.json$/,
           /\.svg$/
         ],
-        loader: 'url',
-        query: {
+        loader: 'url-loader',
+        options: {
           limit: 10000,
           name: 'static/media/[name].[hash:8].[ext]'
         }
@@ -138,8 +149,8 @@ module.exports = {
       {
         test: /\.(js|jsx)$/,
         include: paths.appSrc,
-        loader: 'babel',
-        query: {
+        loader: 'babel-loader',
+        options: {
           // @remove-on-eject-begin
           babelrc: false,
           presets: [require.resolve('babel-preset-react-app')],
@@ -157,19 +168,37 @@ module.exports = {
       // in development "style" loader enables hot editing of CSS.
       {
         test: /\.css$/,
-        loader: 'style!css?importLoaders=1!postcss'
-      },
-      // JSON is not enabled by default in Webpack but both Node and Browserify
-      // allow it implicitly so we also enable it.
-      {
-        test: /\.json$/,
-        loader: 'json'
+        use: [
+          'style-loader', {
+            loader: 'css-loader',
+            options: {
+              importLoaders: 1
+            }
+          }, {
+            loader: 'postcss-loader',
+            options: {
+              ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options
+              plugins: function () {
+                return [
+                  autoprefixer({
+                    browsers: [
+                      '>1%',
+                      'last 4 versions',
+                      'Firefox ESR',
+                      'not ie < 9', // React doesn't support IE8 anyway
+                    ]
+                  })
+                ]
+              }
+            }
+          }
+        ]
       },
       // "file" loader for svg
       {
         test: /\.svg$/,
-        loader: 'file',
-        query: {
+        loader: 'file-loader',
+        options: {
           name: 'static/media/[name].[hash:8].[ext]'
         }
       }
@@ -177,26 +206,6 @@ module.exports = {
       // Remember to add the new extension(s) to the "url" loader exclusion list.
     ]
   },
-  // @remove-on-eject-begin
-  // Point ESLint to our predefined config.
-  eslint: {
-    configFile: path.join(__dirname, '../.eslintrc'),
-    useEslintrc: false
-  },
-  // @remove-on-eject-end
-  // We use PostCSS for autoprefixing only.
-  postcss: function() {
-    return [
-      autoprefixer({
-        browsers: [
-          '>1%',
-          'last 4 versions',
-          'Firefox ESR',
-          'not ie < 9', // React doesn't support IE8 anyway
-        ]
-      }),
-    ];
-  },
   plugins: [
     // Makes some environment variables available in index.html.
     // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
@@ -229,5 +238,11 @@ module.exports = {
     fs: 'empty',
     net: 'empty',
     tls: 'empty'
+  },
+  // Turn off performance hints during development because we don't do any
+  // splitting or minification in interest of speed. These warnings become
+  // cumbersome.
+  performance: {
+    hints: false
   }
 };
diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js
index 4e75be521bb..86d87d39211 100644
--- a/packages/react-scripts/config/webpack.config.prod.js
+++ b/packages/react-scripts/config/webpack.config.prod.js
@@ -52,8 +52,8 @@ const cssFilename = 'static/css/[name].[contenthash:8].css';
 // To have this structure working with relative paths, we have to use custom options.
 const extractTextPluginOptions = shouldUseRelativeAssetPaths
   // Making sure that the publicPath goes back to to build folder.
-  ? { publicPath: Array(cssFilename.split('/').length).join('../') }
-  : undefined;
+  ? {publicPath: Array(cssFilename.split('/').length).join('../')}
+  : {};
 
 // This is the production configuration.
 // It compiles slowly and is focused on producing a fast and minimal bundle.
@@ -83,15 +83,15 @@ module.exports = {
   resolve: {
     // This allows you to set a fallback for where Webpack should look for modules.
     // We read `NODE_PATH` environment variable in `paths.js` and pass paths here.
-    // We use `fallback` instead of `root` because we want `node_modules` to "win"
-    // if there any conflicts. This matches Node resolution mechanism.
+    // We placed these paths second because we want `node_modules` to "win"
+    // if there are any conflicts. This matches Node resolution mechanism.
     // https://github.com/facebookincubator/create-react-app/issues/253
-    fallback: paths.nodePaths,
+    modules: ['node_modules'].concat(paths.nodePaths),
     // These are the reasonable defaults supported by the Node ecosystem.
     // We also include JSX as a common component filename extension to support
     // some tools, although we do not recommend using it, see:
     // https://github.com/facebookincubator/create-react-app/issues/290
-    extensions: ['.js', '.json', '.jsx', ''],
+    extensions: ['.js', '.json', '.jsx'],
     alias: {
       // Support React Native Web
       // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
@@ -102,21 +102,34 @@ module.exports = {
   // Resolve loaders (webpack plugins for CSS, images, transpilation) from the
   // directory of `react-scripts` itself rather than the project directory.
   resolveLoader: {
-    root: paths.ownNodeModules,
-    moduleTemplates: ['*-loader']
+    modules: [
+      paths.ownNodeModules,
+      // Lerna hoists everything, so we need to look in our app directory
+      paths.appNodeModules
+    ]
   },
   // @remove-on-eject-end
   module: {
-    // First, run the linter.
-    // It's important to do this before Babel processes the JS.
-    preLoaders: [
+    rules: [
+      // First, run the linter.
+      // It's important to do this before Babel processes the JS.
       {
         test: /\.(js|jsx)$/,
-        loader: 'eslint',
+        enforce: 'pre',
+        use: [{
+          // @remove-on-eject-begin
+          // Point ESLint to our predefined config.
+          options: {
+            // TODO: consider separate config for production,
+            // e.g. to enable no-console and no-debugger only in production.
+            configFile: path.join(__dirname, '../.eslintrc'),
+            useEslintrc: false
+          },
+          // @remove-on-eject-end
+          loader: 'eslint-loader'
+        }],
         include: paths.appSrc
-      }
-    ],
-    loaders: [
+      },
       // ** ADDING/UPDATING LOADERS **
       // The "url" loader handles all assets unless explicitly excluded.
       // The `exclude` list *must* be updated with every change to loader extensions.
@@ -133,8 +146,8 @@ module.exports = {
           /\.json$/,
           /\.svg$/
         ],
-        loader: 'url',
-        query: {
+        loader: 'url-loader',
+        options: {
           limit: 10000,
           name: 'static/media/[name].[hash:8].[ext]'
         }
@@ -143,9 +156,9 @@ module.exports = {
       {
         test: /\.(js|jsx)$/,
         include: paths.appSrc,
-        loader: 'babel',
+        loader: 'babel-loader',
         // @remove-on-eject-begin
-        query: {
+        options: {
           babelrc: false,
           presets: [require.resolve('babel-preset-react-app')],
         },
@@ -165,24 +178,41 @@ module.exports = {
       // in the main CSS file.
       {
         test: /\.css$/,
-        loader: ExtractTextPlugin.extract(
-          'style',
-          'css?importLoaders=1!postcss',
-          extractTextPluginOptions
-        )
+        loader: ExtractTextPlugin.extract(Object.assign({
+          fallback: 'style-loader',
+          use: [
+            {
+              loader: 'css-loader',
+              options: {
+                importLoaders: 1
+              }
+            }, {
+              loader: 'postcss-loader',
+              options: {
+                ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options
+                plugins: function () {
+                  return [
+                    autoprefixer({
+                      browsers: [
+                        '>1%',
+                        'last 4 versions',
+                        'Firefox ESR',
+                        'not ie < 9', // React doesn't support IE8 anyway
+                      ]
+                    })
+                  ]
+                }
+              }
+            }
+          ]
+        }, extractTextPluginOptions))
         // Note: this won't work without `new ExtractTextPlugin()` in `plugins`.
       },
-      // JSON is not enabled by default in Webpack but both Node and Browserify
-      // allow it implicitly so we also enable it.
-      {
-        test: /\.json$/,
-        loader: 'json'
-      },
       // "file" loader for svg
       {
         test: /\.svg$/,
-        loader: 'file',
-        query: {
+        loader: 'file-loader',
+        options: {
           name: 'static/media/[name].[hash:8].[ext]'
         }
       }
@@ -190,28 +220,6 @@ module.exports = {
       // Remember to add the new extension(s) to the "url" loader exclusion list.
     ]
   },
-  // @remove-on-eject-begin
-  // Point ESLint to our predefined config.
-  eslint: {
-    // TODO: consider separate config for production,
-    // e.g. to enable no-console and no-debugger only in production.
-    configFile: path.join(__dirname, '../.eslintrc'),
-    useEslintrc: false
-  },
-  // @remove-on-eject-end
-  // We use PostCSS for autoprefixing only.
-  postcss: function() {
-    return [
-      autoprefixer({
-        browsers: [
-          '>1%',
-          'last 4 versions',
-          'Firefox ESR',
-          'not ie < 9', // React doesn't support IE8 anyway
-        ]
-      }),
-    ];
-  },
   plugins: [
     // Makes some environment variables available in index.html.
     // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
@@ -241,10 +249,6 @@ module.exports = {
     // It is absolutely essential that NODE_ENV was set to production here.
     // Otherwise React will be compiled in the very slow development mode.
     new webpack.DefinePlugin(env.stringified),
-    // This helps ensure the builds are consistent if source hasn't changed:
-    new webpack.optimize.OccurrenceOrderPlugin(),
-    // Try to dedupe duplicated modules, if any:
-    new webpack.optimize.DedupePlugin(),
     // Minify the code.
     new webpack.optimize.UglifyJsPlugin({
       compress: {
@@ -257,10 +261,13 @@ module.exports = {
       output: {
         comments: false,
         screw_ie8: true
-      }
+      },
+      sourceMap: true
     }),
     // Note: this won't work without ExtractTextPlugin.extract(..) in `loaders`.
-    new ExtractTextPlugin(cssFilename),
+    new ExtractTextPlugin({
+      filename: cssFilename
+    }),
     // Generate a manifest file which contains a mapping of all asset filenames
     // to their corresponding output file so that tools can pick it up without
     // having to parse `index.html`.
diff --git a/packages/react-scripts/fixtures/kitchensink/.babelrc b/packages/react-scripts/fixtures/kitchensink/.babelrc
index c14b2828d16..14397221e3b 100644
--- a/packages/react-scripts/fixtures/kitchensink/.babelrc
+++ b/packages/react-scripts/fixtures/kitchensink/.babelrc
@@ -1,3 +1,4 @@
 {
-  "presets": ["react-app"]
+  "presets": ["react-app"],
+  "plugins": ["babel-plugin-transform-es2015-modules-commonjs"]
 }
diff --git a/packages/react-scripts/fixtures/kitchensink/.template.dependencies.json b/packages/react-scripts/fixtures/kitchensink/.template.dependencies.json
index 50511b3d16a..a20139318c1 100644
--- a/packages/react-scripts/fixtures/kitchensink/.template.dependencies.json
+++ b/packages/react-scripts/fixtures/kitchensink/.template.dependencies.json
@@ -1,6 +1,7 @@
 {
   "dependencies": {
     "babel-register": "6.22.0",
+    "babel-plugin-transform-es2015-modules-commonjs": "6.22.0",
     "babel-polyfill": "6.20.0",
     "chai": "3.5.0",
     "jsdom": "9.8.3",
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index b774b88d941..371b952c8c5 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -39,20 +39,19 @@
     "dotenv": "2.0.0",
     "eslint": "3.8.1",
     "eslint-config-react-app": "^0.5.1",
-    "eslint-loader": "1.6.0",
+    "eslint-loader": "1.6.1",
     "eslint-plugin-flowtype": "2.21.0",
     "eslint-plugin-import": "2.0.1",
     "eslint-plugin-jsx-a11y": "2.2.3",
     "eslint-plugin-react": "6.4.1",
-    "extract-text-webpack-plugin": "1.0.1",
+    "extract-text-webpack-plugin": "2.0.0-rc.3",
     "file-loader": "0.10.0",
     "filesize": "3.3.0",
     "fs-extra": "0.30.0",
     "gzip-size": "3.0.0",
-    "html-webpack-plugin": "2.24.0",
+    "html-webpack-plugin": "2.28.0",
     "http-proxy-middleware": "0.17.3",
     "jest": "18.1.0",
-    "json-loader": "0.5.4",
     "object-assign": "4.1.1",
     "postcss-loader": "1.2.2",
     "promise": "7.1.1",
@@ -61,8 +60,8 @@
     "strip-ansi": "3.0.1",
     "style-loader": "0.13.1",
     "url-loader": "0.5.7",
-    "webpack": "1.14.0",
-    "webpack-dev-server": "1.16.2",
+    "webpack": "2.2.1",
+    "webpack-dev-server": "2.3.0",
     "webpack-manifest-plugin": "1.1.0",
     "whatwg-fetch": "2.0.2"
   },
diff --git a/packages/react-scripts/scripts/start.js b/packages/react-scripts/scripts/start.js
index c326b9b94d9..6943f6bb95b 100644
--- a/packages/react-scripts/scripts/start.js
+++ b/packages/react-scripts/scripts/start.js
@@ -268,7 +268,8 @@ function runDevServer(host, port, protocol) {
     },
     // Enable HTTPS if the HTTPS environment variable is set to 'true'
     https: protocol === "https",
-    host: host
+    host: host,
+    overlay: false,
   });
 
   // Our custom middleware proxies requests to /index.html or a remote API.
diff --git a/tasks/e2e-kitchensink.sh b/tasks/e2e-kitchensink.sh
index 3c750feca53..4bb45d72853 100755
--- a/tasks/e2e-kitchensink.sh
+++ b/tasks/e2e-kitchensink.sh
@@ -167,9 +167,6 @@ npm link $root_path/packages/eslint-config-react-app
 npm link $root_path/packages/react-dev-utils
 npm link $root_path/packages/react-scripts
 
-# ...and we need to remove template's .babelrc
-rm .babelrc
-
 # Test the build
 REACT_APP_SHELL_ENV_MESSAGE=fromtheshell \
   NODE_PATH=src \

From 8ec99b6fffcadfd865788f84e41bf51152073fa1 Mon Sep 17 00:00:00 2001
From: Blaine Kasten <blainekasten@gmail.com>
Date: Sat, 11 Feb 2017 17:05:54 -0600
Subject: [PATCH 002/163] Suggest jest-enzyme for simplifying test matchers
 (#994)

* Suggest jest-enzyme for simplifying test matchers

* Update README.md

* Update README.md
---
 packages/react-scripts/template/README.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index c49da3e8d34..c30fb9d13ee 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -867,6 +867,20 @@ it('renders welcome message', () => {
 All Jest matchers are [extensively documented here](http://facebook.github.io/jest/docs/api.html#expect-value).<br>
 Nevertheless you can use a third-party assertion library like [Chai](http://chaijs.com/) if you want to, as described below.
 
+Additionally, you might find [jest-enzyme](https://github.com/blainekasten/enzyme-matchers) helpful to simplify your tests with readable matchers. The above `contains` code can be written simpler with jest-enzyme.
+
+```js
+expect(wrapper).toContainReact(welcome)
+```
+
+To setup jest-enzyme with Create React App, follow the instructions for [initializing your test environment](#initializing-test-environment) to import `jest-enzyme`.
+
+```js
+// src/setupTests.js
+import 'jest-enzyme';
+```
+
+
 ### Using Third Party Assertion Libraries
 
 We recommend that you use `expect()` for assertions and `jest.fn()` for spies. If you are having issues with them please [file those against Jest](https://github.com/facebook/jest/issues/new), and we’ll fix them. We intend to keep making them better for React, supporting, for example, [pretty-printing React elements as JSX](https://github.com/facebook/jest/pull/1566).

From 1fe6f5502c1d8d96e943f2a2e537e02cf6977c6b Mon Sep 17 00:00:00 2001
From: Dimitris Tsironis <tsironis.dimitris@gmail.com>
Date: Sun, 12 Feb 2017 02:38:59 +0200
Subject: [PATCH 003/163] Add SASS support documentation #1007 (#1008)

* Add SASS support documentation #1007

* Change SASS section title to more generic label

* Fix link in Table of Contents

* Chain build-css with watch-css script, fix typos

* Update Sass and Less naming style

* Fix wording, remove offensive words

* Slightly rewite
---
 packages/react-scripts/template/README.md | 47 +++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index c30fb9d13ee..00e4f248131 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -20,6 +20,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
 - [Importing a Component](#importing-a-component)
 - [Adding a Stylesheet](#adding-a-stylesheet)
 - [Post-Processing CSS](#post-processing-css)
+- [Adding a CSS Preprocessor (Sass, Less etc.)](#adding-a-css-preprocessor-sass-less-etc)
 - [Adding Images and Fonts](#adding-images-and-fonts)
 - [Using the `public` Folder](#using-the-public-folder)
   - [Changing the HTML](#changing-the-html)
@@ -353,6 +354,52 @@ becomes this:
 
 There is currently no support for preprocessors such as Less, or for sharing variables across CSS files.
 
+## Adding a CSS Preprocessor (Sass, Less etc.)
+
+Generally, we recommend that you don’t reuse the same CSS classes across different components. For example, instead of using a `.Button` CSS class in `<AcceptButton>` and `<RejectButton>` components, we recommend creating a `<Button>` component with its own `.Button` styles, that both `<AcceptButton>` and `<RejectButton>` can render (but [not inherit](https://facebook.github.io/react/docs/composition-vs-inheritance.html)).
+
+Following this rule often makes CSS preprocessors less useful, as features like mixins and nesting are replaced by component composition. You can, however, integrate a CSS preprocessor if you find it valuable. In this walkthrough, we will be using Sass, but you can also use Less, or another alternative.
+
+First, let’s install the command-line interface for Sass:
+
+```
+npm install node-sass --save-dev
+```
+
+Then in `package.json`, add the following lines to `scripts`:
+
+```diff
+   "scripts": {
++    "build-css": "node-sass src/ -o src/",
++    "watch-css": "npm run build-css && node-sass src/ -o src/ --watch",
+     "start": "react-scripts start",
+     "build": "react-scripts build",
+     "test": "react-scripts test --env=jsdom",
+```
+
+>Note: To use a different preprocessor, replace `build-css` and `watch-css` commands according to your preprocessor’s documentation. 
+
+Now you can rename `src/App.css` to `src/App.scss` and run `npm run watch-css`. The watcher will find every Sass file in `src` subdirectories, and create a corresponding CSS file next to it, in our case overwriting `src/App.css`. Since `src/App.js` still imports `src/App.css`, the styles become a part of your application. You can now edit `src/App.scss`, and `src/App.css` will be regenerated.
+
+At this point you might want to remove all CSS files from the source control, and add `src/**/*.css` to your `.gitignore` file. It is generally a good practice to keep the build products outside of the source control.
+
+As a final step, you may find it convenient to run `watch-css` automatically with `npm start`, and run `build-css` as a part of `npm run build`. You can use `&` operator for executing scripts in parallel, and `&&` for executing them sequentially:
+
+```diff
+   "scripts": {
+     "build-css": "node-sass src/ -o src/",
+     "watch-css": "npm run build-css && node-sass src/ -o src/ --watch",
+-    "start": "react-scripts start",
+-    "build": "react-scripts build",
++    "start": "react-scripts start & npm run watch-css",
++    "build": "react-scripts build && npm run build-css",
+     "test": "react-scripts test --env=jsdom",
+     "eject": "react-scripts eject"
+   }
+```
+
+Now running `npm start` and `npm run build` also builds Sass files. Note that `node-sass` seems to have an [issue recognizing newly created files on some systems](https://github.com/sass/node-sass/issues/1891) so you might need to restart the watcher when you create a file until it’s resolved.
+
 ## Adding Images and Fonts
 
 With Webpack, using static assets like images and fonts works similarly to CSS.

From e8ae98d4bf00273765474ae25e2dc11d8c9cab7c Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 12 Feb 2017 00:40:24 +0000
Subject: [PATCH 004/163] Link to new Sass doc

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 52843b572ed..1c00933267f 100644
--- a/README.md
+++ b/README.md
@@ -109,6 +109,7 @@ The [User Guide](https://github.com/facebookincubator/create-react-app/blob/mast
 - [Importing a Component](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#importing-a-component)
 - [Adding a Stylesheet](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-stylesheet)
 - [Post-Processing CSS](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#post-processing-css)
+- [Adding a CSS Preprocessor (Sass, Less etc.)](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc)
 - [Adding Images and Fonts](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-images-and-fonts)
 - [Using the `public` Folder](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#using-the-public-folder)
 - [Using Global Variables](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#using-global-variables)

From 071d996390c9247e5a9861565a301aff5c661d12 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 12 Feb 2017 00:55:48 +0000
Subject: [PATCH 005/163] Clarify Less/Sass support

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 1c00933267f..e31b7377772 100644
--- a/README.md
+++ b/README.md
@@ -174,7 +174,7 @@ Some features are currently **not supported**:
 * Server rendering.
 * Some experimental syntax extensions (e.g. decorators).
 * CSS Modules.
-* LESS or Sass.
+* Importing LESS or Sass directly ([but you still can use them](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc)).
 * Hot reloading of components.
 
 Some of them might get added in the future if they are stable, are useful to majority of React apps, don’t conflict with existing tools, and don’t introduce additional configuration.

From f840b4d4ba336ff6c45360185a7414d5c37ecb51 Mon Sep 17 00:00:00 2001
From: "Marcus R. Brown" <me@igetgam.es>
Date: Sat, 11 Feb 2017 17:34:15 -0800
Subject: [PATCH 006/163] Fix `test -e` with wildcard arguments. (#1503)

The `test` command fails with multiple arguments when given a unary operator such as '-e'. Add a function that can test one or more files by looping over all files.
---
 tasks/e2e-installs.sh    | 13 +++++++++---
 tasks/e2e-kitchensink.sh | 15 ++++++++++----
 tasks/e2e-simple.sh      | 43 +++++++++++++++++++++++-----------------
 3 files changed, 46 insertions(+), 25 deletions(-)

diff --git a/tasks/e2e-installs.sh b/tasks/e2e-installs.sh
index 7bb4c0392f2..d117c24015b 100755
--- a/tasks/e2e-installs.sh
+++ b/tasks/e2e-installs.sh
@@ -39,6 +39,13 @@ function handle_exit {
   exit
 }
 
+# Check for the existence of one or more files.
+function exists {
+  for f in $*; do
+    test -e "$f"
+  done
+}
+
 function create_react_app {
   node "$temp_cli_path"/node_modules/create-react-app/index.js $*
 }
@@ -86,7 +93,7 @@ create_react_app --scripts-version=0.4.0 test-app-version-number
 cd test-app-version-number
 
 # Check corresponding scripts version is installed.
-test -e node_modules/react-scripts
+exists node_modules/react-scripts
 grep '"version": "0.4.0"' node_modules/react-scripts/package.json
 
 # ******************************************************************************
@@ -98,7 +105,7 @@ create_react_app --scripts-version=https://registry.npmjs.org/react-scripts/-/re
 cd test-app-tarball-url
 
 # Check corresponding scripts version is installed.
-test -e node_modules/react-scripts
+exists node_modules/react-scripts
 grep '"version": "0.4.0"' node_modules/react-scripts/package.json
 
 # ******************************************************************************
@@ -110,7 +117,7 @@ create_react_app --scripts-version=react-scripts-fork test-app-fork
 cd test-app-fork
 
 # Check corresponding scripts version is installed.
-test -e node_modules/react-scripts-fork
+exists node_modules/react-scripts-fork
 
 # ******************************************************************************
 # Test nested folder path as the project name
diff --git a/tasks/e2e-kitchensink.sh b/tasks/e2e-kitchensink.sh
index 4bb45d72853..22ee5d5ea9b 100755
--- a/tasks/e2e-kitchensink.sh
+++ b/tasks/e2e-kitchensink.sh
@@ -43,6 +43,13 @@ function create_react_app {
   node "$temp_cli_path"/node_modules/create-react-app/index.js $*
 }
 
+# Check for the existence of one or more files.
+function exists {
+  for f in $*; do
+    test -e "$f"
+  done
+}
+
 # Exit the script with a helpful error message when any error is encountered
 trap 'set +x; handle_error $LINENO $BASH_COMMAND' ERR
 
@@ -120,8 +127,8 @@ REACT_APP_SHELL_ENV_MESSAGE=fromtheshell \
   npm run build
 
 # Check for expected output
-test -e build/*.html
-test -e build/static/js/main.*.js
+exists build/*.html
+exists build/static/js/main.*.js
 
 # Unit tests
 REACT_APP_SHELL_ENV_MESSAGE=fromtheshell \
@@ -174,8 +181,8 @@ REACT_APP_SHELL_ENV_MESSAGE=fromtheshell \
   npm run build
 
 # Check for expected output
-test -e build/*.html
-test -e build/static/js/main.*.js
+exists build/*.html
+exists build/static/js/main.*.js
 
 # Unit tests
 REACT_APP_SHELL_ENV_MESSAGE=fromtheshell \
diff --git a/tasks/e2e-simple.sh b/tasks/e2e-simple.sh
index d0acb16b412..24b5ad85eef 100755
--- a/tasks/e2e-simple.sh
+++ b/tasks/e2e-simple.sh
@@ -45,6 +45,13 @@ function create_react_app {
   node "$temp_cli_path"/node_modules/create-react-app/index.js $*
 }
 
+# Check for the existence of one or more files.
+function exists {
+  for f in $*; do
+    test -e "$f"
+  done
+}
+
 # Exit the script with a helpful error message when any error is encountered
 trap 'set +x; handle_error $LINENO $BASH_COMMAND' ERR
 
@@ -86,16 +93,16 @@ fi
 # Test local build command
 npm run build
 # Check for expected output
-test -e build/*.html
-test -e build/static/js/*.js
-test -e build/static/css/*.css
-test -e build/static/media/*.svg
-test -e build/favicon.ico
+exists build/*.html
+exists build/static/js/*.js
+exists build/static/css/*.css
+exists build/static/media/*.svg
+exists build/favicon.ico
 
 # Run tests with CI flag
 CI=true npm test
 # Uncomment when snapshot testing is enabled by default:
-# test -e template/src/__snapshots__/App.test.js.snap
+# exists template/src/__snapshots__/App.test.js.snap
 
 # Test local start command
 npm start -- --smoke-test
@@ -197,16 +204,16 @@ cd test-app
 # Test the build
 npm run build
 # Check for expected output
-test -e build/*.html
-test -e build/static/js/*.js
-test -e build/static/css/*.css
-test -e build/static/media/*.svg
-test -e build/favicon.ico
+exists build/*.html
+exists build/static/js/*.js
+exists build/static/css/*.css
+exists build/static/media/*.svg
+exists build/favicon.ico
 
 # Run tests with CI flag
 CI=true npm test
 # Uncomment when snapshot testing is enabled by default:
-# test -e src/__snapshots__/App.test.js.snap
+# exists src/__snapshots__/App.test.js.snap
 
 # Test the server
 npm start -- --smoke-test
@@ -230,11 +237,11 @@ npm link $root_path/packages/react-scripts
 # Test the build
 npm run build
 # Check for expected output
-test -e build/*.html
-test -e build/static/js/*.js
-test -e build/static/css/*.css
-test -e build/static/media/*.svg
-test -e build/favicon.ico
+exists build/*.html
+exists build/static/js/*.js
+exists build/static/css/*.css
+exists build/static/media/*.svg
+exists build/favicon.ico
 
 # Run tests, overring the watch option to disable it.
 # `CI=true npm test` won't work here because `npm test` becomes just `jest`.
@@ -242,7 +249,7 @@ test -e build/favicon.ico
 # `scripts/test.js` survive ejection (right now it doesn't).
 npm test -- --watch=no
 # Uncomment when snapshot testing is enabled by default:
-# test -e src/__snapshots__/App.test.js.snap
+# exists src/__snapshots__/App.test.js.snap
 
 # Test the server
 npm start -- --smoke-test

From 9ffa9e462d957870595f065a216504f0266b84ee Mon Sep 17 00:00:00 2001
From: Phawin Khongkhasawan <lifez999@gmail.com>
Date: Sun, 12 Feb 2017 08:41:09 +0700
Subject: [PATCH 007/163] Correctly Command in README.md (#1275)

* change npm to yarn command

* Keep npm primary option
---
 README.md | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index e31b7377772..912b9abd584 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,6 @@ npm install -g create-react-app
 create-react-app my-app
 cd my-app/
 npm start
-
 ```
 
 Then open [http://localhost:3000/](http://localhost:3000/) to see your app.<br>
@@ -70,7 +69,7 @@ my-app/
 No configuration or complicated folder structures, just the files you need to build your app.<br>
 Once the installation is done, you can run some commands inside the project folder:
 
-### `npm start`
+### `npm start` or `yarn start`
 
 Runs the app in development mode.<br>
 Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
@@ -80,14 +79,14 @@ You will see the build errors and lint warnings in the console.
 
 <img src='https://camo.githubusercontent.com/41678b3254cf583d3186c365528553c7ada53c6e/687474703a2f2f692e696d6775722e636f6d2f466e4c566677362e706e67' width='600' alt='Build errors'>
 
-### `npm test`
+### `npm test` or `yarn test`
 
 Runs the test watcher in an interactive mode.<br>
 By default, runs tests related to files changes since the last commit.
 
 [Read more about testing.](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#running-tests)
 
-### `npm run build`
+### `npm run build` or `yarn build`
 
 Builds the app for production to the `build` folder.<br>
 It correctly bundles React in production mode and optimizes the build for the best performance.

From c7ba1303b8500947b527527307fd8cbd2cbf5828 Mon Sep 17 00:00:00 2001
From: Jonathan Conway <jonathan.conway@gmail.com>
Date: Sun, 12 Feb 2017 12:57:41 +1100
Subject: [PATCH 008/163] reactjs/redux#2004 List features beyond ES6 supported
 by create-react-app (#1313)

* reactjs/redux#2004 List features beyond ES6 supported by create-react-app

* Add more info
---
 packages/react-scripts/template/README.md | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 00e4f248131..2e96f10ac4c 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -13,6 +13,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
   - [npm test](#npm-test)
   - [npm run build](#npm-run-build)
   - [npm run eject](#npm-run-eject)
+- [Supported Language Features and Polyfills](#supported-language-features-and-polyfills)
 - [Syntax Highlighting in the Editor](#syntax-highlighting-in-the-editor)
 - [Displaying Lint Output in the Editor](#displaying-lint-output-in-the-editor)
 - [Changing the Page `<title>`](#changing-the-page-title)
@@ -171,6 +172,27 @@ Instead, it will copy all the configuration files and the transitive dependencie
 
 You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
 
+## Supported Language Features and Polyfills
+
+The project supports a superset of the latest JavaScript standard.  
+In addition to ES6, it also supports:
+
+* [JSX](https://facebook.github.io/react/docs/introducing-jsx.html) and [Flow](https://flowtype.org/) syntax.
+* [Class Fields and Static Properties](https://github.com/tc39/proposal-class-public-fields) (stage 2 proposal).
+* [Object Rest/Spread Properties](https://github.com/sebmarkbage/ecmascript-rest-spread) (stage 3 proposal).
+
+Learn more about [different proposal stages](https://babeljs.io/docs/plugins/#presets-stage-x-experimental-presets-).
+
+While we recommend to use experimental proposals with some caution, Facebook heavily uses these features in the product code, so we intend to provide [codemods](https://medium.com/@cpojer/effective-javascript-codemods-5a6686bb46fb) if any of these proposals change in the future.
+
+Note that **the project only includes a few ES6 [polyfills](https://en.wikipedia.org/wiki/Polyfill)**:
+
+* [`Object.assign()`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign) via [`object-assign`](https://github.com/sindresorhus/object-assign).
+* [`Promise`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) via [`promise`](https://github.com/then/promise).
+* [`fetch()`](https://developer.mozilla.org/en/docs/Web/API/Fetch_API) via [`whatwg-fetch`](https://github.com/github/fetch).
+
+If you use any other ES6 features that need **runtime support** (such as `Array.from()` or `Symbol`), make sure you are including the appropriate polyfills manually, or that the browsers you are targeting already support them.
+
 ## Syntax Highlighting in the Editor
 
 To configure the syntax highlighting in your favorite text editor, head to the [relevant Babel documentation page](https://babeljs.io/docs/editors) and follow the instructions. Some of the most popular editors are covered.

From 96ebb7588c0943377b3d33e6f7d387787e9a51d0 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 12 Feb 2017 01:58:38 +0000
Subject: [PATCH 009/163] Add a link to supported features

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 912b9abd584..af4603b5d7d 100644
--- a/README.md
+++ b/README.md
@@ -101,6 +101,7 @@ The [User Guide](https://github.com/facebookincubator/create-react-app/blob/mast
 - [Updating to New Releases](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#updating-to-new-releases)
 - [Folder Structure](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#folder-structure)
 - [Available Scripts](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#available-scripts)
+- [Supported Language Features and Polyfills](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#supported-language-features-and-polyfills)
 - [Syntax Highlighting in the Editor](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#syntax-highlighting-in-the-editor)
 - [Displaying Lint Output in the Editor](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#displaying-lint-output-in-the-editor)
 - [Changing the Page `<title>`](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#changing-the-page-title)

From ca7fb2212365c2693744bf0eb20809d44cee5b67 Mon Sep 17 00:00:00 2001
From: Roman Rubas <roman.rubas@gmail.com>
Date: Sun, 12 Feb 2017 03:01:01 +0100
Subject: [PATCH 010/163] [documentation] how to disable autoprefix feature
 (#1320)

* added how to disable autoprefix feature in doc

* Just link to the doc
---
 packages/react-scripts/template/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 2e96f10ac4c..63d8f21f71f 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -374,7 +374,7 @@ becomes this:
 }
 ```
 
-There is currently no support for preprocessors such as Less, or for sharing variables across CSS files.
+If you need to disable autoprefixing for some reason, [follow this section](https://github.com/postcss/autoprefixer#disabling).
 
 ## Adding a CSS Preprocessor (Sass, Less etc.)
 

From 6c85568c5fefdf42b05c4ae6eaff0d59c3af79d0 Mon Sep 17 00:00:00 2001
From: Toni Petrina <tonipetrina@hotmail.com>
Date: Sun, 12 Feb 2017 03:03:49 +0100
Subject: [PATCH 011/163] Added link to Azure deployment tutorial (#1338)

---
 packages/react-scripts/template/README.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 63d8f21f71f..e54cf2affea 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -61,6 +61,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
 - [Deployment](#deployment)
   - [Serving Apps with Client-Side Routing](#serving-apps-with-client-side-routing)
   - [Building for Relative Paths](#building-for-relative-paths)
+  - [Azure](#azure)
   - [Firebase](#firebase)
   - [GitHub Pages](#github-pages)
   - [Heroku](#heroku)
@@ -1202,6 +1203,10 @@ If you are not using the HTML5 `pushState` history API or not using client-side
 
 This will make sure that all the asset paths are relative to `index.html`. You will then be able to move your app from `http://mywebsite.com` to `http://mywebsite.com/relativepath` or even `http://mywebsite.com/relative/path` without having to rebuild it.
 
+### Azure
+
+See [this](https://medium.com/@to_pe/deploying-create-react-app-on-microsoft-azure-c0f6686a4321) blog post on how to deploy your React app to [Microsoft Azure](https://azure.microsoft.com/).
+
 ### Firebase
 
 Install the Firebase CLI if you haven't already by running `npm install -g firebase-tools`. Sign up for a [Firebase account](https://console.firebase.google.com/) and create a new project. Run `firebase login` and login with your previous created Firebase account.

From 434e85849e07cb8f59e17a373382f209b5c33d82 Mon Sep 17 00:00:00 2001
From: pd4d10 <pd4d10@gmail.com>
Date: Sun, 12 Feb 2017 23:01:20 +0800
Subject: [PATCH 012/163] Add useful link to react-scripts (#1495)

---
 packages/react-scripts/bin/react-scripts.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react-scripts/bin/react-scripts.js b/packages/react-scripts/bin/react-scripts.js
index a3ae830f45b..5ed9b244ca6 100755
--- a/packages/react-scripts/bin/react-scripts.js
+++ b/packages/react-scripts/bin/react-scripts.js
@@ -34,5 +34,6 @@ case 'test':
 default:
   console.log('Unknown script "' + script + '".');
   console.log('Perhaps you need to update react-scripts?');
+  console.log('See: https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#updating-to-new-releases');
   break;
 }

From 411347f5cc54cff135752ad8ea71f45c5353c4d7 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Sun, 12 Feb 2017 14:33:12 -0500
Subject: [PATCH 013/163] Update language support wording to ES2017

---
 packages/react-scripts/template/README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index e54cf2affea..3848f8fb94e 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -175,8 +175,8 @@ You don’t have to ever use `eject`. The curated feature set is suitable for sm
 
 ## Supported Language Features and Polyfills
 
-The project supports a superset of the latest JavaScript standard.  
-In addition to ES6, it also supports:
+This project supports a superset of the latest JavaScript standard, which includes async and await.  
+In addition to ES2017, it also supports:
 
 * [JSX](https://facebook.github.io/react/docs/introducing-jsx.html) and [Flow](https://flowtype.org/) syntax.
 * [Class Fields and Static Properties](https://github.com/tc39/proposal-class-public-fields) (stage 2 proposal).
@@ -192,7 +192,7 @@ Note that **the project only includes a few ES6 [polyfills](https://en.wikipedia
 * [`Promise`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) via [`promise`](https://github.com/then/promise).
 * [`fetch()`](https://developer.mozilla.org/en/docs/Web/API/Fetch_API) via [`whatwg-fetch`](https://github.com/github/fetch).
 
-If you use any other ES6 features that need **runtime support** (such as `Array.from()` or `Symbol`), make sure you are including the appropriate polyfills manually, or that the browsers you are targeting already support them.
+If you use any other ES6+ features that need **runtime support** (such as `Array.from()` or `Symbol`), make sure you are including the appropriate polyfills manually, or that the browsers you are targeting already support them.
 
 ## Syntax Highlighting in the Editor
 

From c9bc6ce3f7facfede89b7fc34cae5181fa3c338c Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 12 Feb 2017 20:17:33 +0000
Subject: [PATCH 014/163] Tweak syntax doc (#1539)

* Tweak syntax doc

* Shorter version
---
 packages/react-scripts/template/README.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 3848f8fb94e..34628cce75c 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -175,12 +175,14 @@ You don’t have to ever use `eject`. The curated feature set is suitable for sm
 
 ## Supported Language Features and Polyfills
 
-This project supports a superset of the latest JavaScript standard, which includes async and await.  
-In addition to ES2017, it also supports:
+This project supports a superset of the latest JavaScript standard.  
+In addition to [ES6](https://github.com/lukehoban/es6features) syntax features, it also supports:
 
-* [JSX](https://facebook.github.io/react/docs/introducing-jsx.html) and [Flow](https://flowtype.org/) syntax.
-* [Class Fields and Static Properties](https://github.com/tc39/proposal-class-public-fields) (stage 2 proposal).
+* [Exponentiation Operator](https://github.com/rwaldron/exponentiation-operator) (ES2016).
+* [Async/await](https://github.com/tc39/ecmascript-asyncawait) (ES2017).
 * [Object Rest/Spread Properties](https://github.com/sebmarkbage/ecmascript-rest-spread) (stage 3 proposal).
+* [Class Fields and Static Properties](https://github.com/tc39/proposal-class-public-fields) (stage 2 proposal).
+* [JSX](https://facebook.github.io/react/docs/introducing-jsx.html) and [Flow](https://flowtype.org/) syntax.
 
 Learn more about [different proposal stages](https://babeljs.io/docs/plugins/#presets-stage-x-experimental-presets-).
 

From 915b130093ebc43a3f5cbb77fdb3d1b4457e59a2 Mon Sep 17 00:00:00 2001
From: Rory Hunter <pugnascotia@users.noreply.github.com>
Date: Mon, 13 Feb 2017 14:44:20 +0000
Subject: [PATCH 015/163] Make node version check more robust in e2e.sh (#1295)

---
 tasks/e2e-simple.sh | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tasks/e2e-simple.sh b/tasks/e2e-simple.sh
index 24b5ad85eef..0ba34a8064e 100755
--- a/tasks/e2e-simple.sh
+++ b/tasks/e2e-simple.sh
@@ -68,7 +68,7 @@ root_path=$PWD
 npm install
 
 # If the node version is < 4, the script should just give an error.
-if [ `node --version | sed -e 's/^v//' -e 's/\..\+//g'` -lt 4 ]
+if [[ `node --version | sed -e 's/^v//' -e 's/\..*//g'` -lt 4 ]]
 then
   cd $temp_app_path
   err_output=`node "$root_path"/packages/create-react-app/index.js test-node-version 2>&1 > /dev/null || echo ''`

From ce0d6eeb60b32d872074dc70cc251c1ca1fa682e Mon Sep 17 00:00:00 2001
From: Alessandro Burato <alessandro.matteo.burato@gmail.com>
Date: Mon, 13 Feb 2017 19:44:07 +0100
Subject: [PATCH 016/163] update CSS preprocessor instructions (#1543)

* update CSS preprocessor instructions
- Windows shell users should note that running two programs simultaneously is not supported.

* fix the order of SASS build step
- the suggested build step with integrated CSS preprocessing is wrong. The SASS preprocessor should run first, then the react-scripts build will pick the up-to-date final CSS

* Add tweaks from PR discussion
---
 packages/react-scripts/template/README.md | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 34628cce75c..82c94f99d5a 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -408,7 +408,13 @@ Now you can rename `src/App.css` to `src/App.scss` and run `npm run watch-css`.
 
 At this point you might want to remove all CSS files from the source control, and add `src/**/*.css` to your `.gitignore` file. It is generally a good practice to keep the build products outside of the source control.
 
-As a final step, you may find it convenient to run `watch-css` automatically with `npm start`, and run `build-css` as a part of `npm run build`. You can use `&` operator for executing scripts in parallel, and `&&` for executing them sequentially:
+As a final step, you may find it convenient to run `watch-css` automatically with `npm start`, and run `build-css` as a part of `npm run build`. You can use the `&&` operator to execute two scripts sequentially. However, there is no cross-platform way to run two scripts in parallel, so we will install a package for this:
+
+```
+npm install --save-dev npm-run-all
+```
+
+Then we can change `start` and `build` scripts to include the CSS preprocessor commands:
 
 ```diff
    "scripts": {
@@ -416,8 +422,9 @@ As a final step, you may find it convenient to run `watch-css` automatically wit
      "watch-css": "npm run build-css && node-sass src/ -o src/ --watch",
 -    "start": "react-scripts start",
 -    "build": "react-scripts build",
-+    "start": "react-scripts start & npm run watch-css",
-+    "build": "react-scripts build && npm run build-css",
++    "start-js": "react-scripts start",
++    "start": "npm-run-all -p watch-css start-js",
++    "build": "npm run build-css && react-scripts build",
      "test": "react-scripts test --env=jsdom",
      "eject": "react-scripts eject"
    }

From 9df3104bf16a70b5bf4f6e146b91b42d9c627c92 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Mon, 13 Feb 2017 15:25:19 -0500
Subject: [PATCH 017/163] Revert "Don't run CI on Node 0.10" (#1547)

* Revert "Don't run CI on Node 0.10"

* Install after checking node version

* Don't use travis install
---
 .travis.yml         | 3 +++
 tasks/e2e-simple.sh | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/.travis.yml b/.travis.yml
index aa61d9eb976..524224e9f6b 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -8,6 +8,7 @@ cache:
   - node_modules
   - packages/create-react-app/node_modules
   - packages/react-scripts/node_modules
+install: true
 script:
  - 'if [ $TEST_SUITE = "simple" ]; then tasks/e2e-simple.sh; fi'
  - 'if [ $TEST_SUITE = "installs" ]; then tasks/e2e-installs.sh; fi'
@@ -21,5 +22,7 @@ env:
     - TEST_SUITE=kitchensink
 matrix:
   include:
+    - node_js: 0.10
+      env: TEST_SUITE=simple
     - node_js: 6
       env: USE_YARN=yes TEST_SUITE=simple
diff --git a/tasks/e2e-simple.sh b/tasks/e2e-simple.sh
index 0ba34a8064e..20aa16293e0 100755
--- a/tasks/e2e-simple.sh
+++ b/tasks/e2e-simple.sh
@@ -65,8 +65,6 @@ set -x
 cd ..
 root_path=$PWD
 
-npm install
-
 # If the node version is < 4, the script should just give an error.
 if [[ `node --version | sed -e 's/^v//' -e 's/\..*//g'` -lt 4 ]]
 then
@@ -75,6 +73,8 @@ then
   [[ $err_output =~ You\ are\ running\ Node ]] && exit 0 || exit 1
 fi
 
+npm install
+
 if [ "$USE_YARN" = "yes" ]
 then
   # Install Yarn so that the test can use it to install packages.

From 745d341ffb1414150dbdbf3e4872f8137f2717b9 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Wed, 15 Feb 2017 00:34:05 +0000
Subject: [PATCH 018/163] Use Yarn latest in e2e (#1534)

* Use Yarn latest in e2e

* Here too

* And here plz
---
 tasks/e2e-installs.sh    | 2 +-
 tasks/e2e-kitchensink.sh | 2 +-
 tasks/e2e-simple.sh      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/tasks/e2e-installs.sh b/tasks/e2e-installs.sh
index d117c24015b..d3427f8c884 100755
--- a/tasks/e2e-installs.sh
+++ b/tasks/e2e-installs.sh
@@ -68,7 +68,7 @@ npm install
 if [ "$USE_YARN" = "yes" ]
 then
   # Install Yarn so that the test can use it to install packages.
-  npm install -g yarn@0.17.10 # TODO: remove version when https://github.com/yarnpkg/yarn/issues/2142 is fixed.
+  npm install -g yarn
   yarn cache clean
 fi
 
diff --git a/tasks/e2e-kitchensink.sh b/tasks/e2e-kitchensink.sh
index 22ee5d5ea9b..83562df2064 100755
--- a/tasks/e2e-kitchensink.sh
+++ b/tasks/e2e-kitchensink.sh
@@ -68,7 +68,7 @@ npm install
 if [ "$USE_YARN" = "yes" ]
 then
   # Install Yarn so that the test can use it to install packages.
-  npm install -g yarn@0.17.10 # TODO: remove version when https://github.com/yarnpkg/yarn/issues/2142 is fixed.
+  npm install -g yarn
   yarn cache clean
 fi
 
diff --git a/tasks/e2e-simple.sh b/tasks/e2e-simple.sh
index 20aa16293e0..a79b2f489e8 100755
--- a/tasks/e2e-simple.sh
+++ b/tasks/e2e-simple.sh
@@ -78,7 +78,7 @@ npm install
 if [ "$USE_YARN" = "yes" ]
 then
   # Install Yarn so that the test can use it to install packages.
-  npm install -g yarn@0.17.10 # TODO: remove version when https://github.com/yarnpkg/yarn/issues/2142 is fixed.
+  npm install -g yarn
   yarn cache clean
 fi
 

From fc49946ccb0e938c93317a8830cb73a336dfc789 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Tue, 14 Feb 2017 20:51:23 -0500
Subject: [PATCH 019/163] Add support for dynamic import & disable
 require.ensure (#1538)

* Disable require.ensure

* Replace require.ensure with import

* Add babel plugin for parsing import()

* Get the default

* Upgrade babel-eslint to support dynamic import

* Fix dep

* Update deps
---
 package.json                                  | 14 +++---
 packages/babel-preset-react-app/index.js      |  4 +-
 packages/babel-preset-react-app/package.json  |  1 +
 .../config/webpack.config.dev.js              |  2 +
 .../config/webpack.config.prod.js             |  2 +
 .../fixtures/kitchensink/src/App.js           | 50 +++++++++----------
 6 files changed, 40 insertions(+), 33 deletions(-)

diff --git a/package.json b/package.json
index a9262568d25..63f413e4d6d 100644
--- a/package.json
+++ b/package.json
@@ -11,13 +11,13 @@
     "test": "node packages/react-scripts/scripts/test.js --env=jsdom"
   },
   "devDependencies": {
-    "babel-eslint": "6.1.2",
-    "eslint": "3.5.0",
-    "eslint-config-react-app": "0.2.1",
-    "eslint-plugin-flowtype": "2.18.1",
-    "eslint-plugin-import": "1.12.0",
-    "eslint-plugin-jsx-a11y": "2.2.2",
-    "eslint-plugin-react": "6.3.0",
+    "babel-eslint": "7.1.0",
+    "eslint": "3.8.1",
+    "eslint-config-react-app": "0.5.1",
+    "eslint-plugin-flowtype": "2.21.0",
+    "eslint-plugin-import": "2.0.1",
+    "eslint-plugin-jsx-a11y": "2.2.3",
+    "eslint-plugin-react": "6.4.1",
     "lerna": "^2.0.0-beta.37",
     "lerna-changelog": "^0.2.3"
   }
diff --git a/packages/babel-preset-react-app/index.js b/packages/babel-preset-react-app/index.js
index 8a42f885e31..1204e05e6cb 100644
--- a/packages/babel-preset-react-app/index.js
+++ b/packages/babel-preset-react-app/index.js
@@ -30,7 +30,9 @@ const plugins = [
     regenerator: true,
     // Resolve the Babel runtime relative to the config.
     moduleName: path.dirname(require.resolve('babel-runtime/package'))
-  }]
+  }],
+  // Enables parsing of import()
+  require.resolve('babel-plugin-syntax-dynamic-import')
 ];
 
 // This is similar to how `env` works in Babel:
diff --git a/packages/babel-preset-react-app/package.json b/packages/babel-preset-react-app/package.json
index ae5ab93be65..f281ebc5865 100644
--- a/packages/babel-preset-react-app/package.json
+++ b/packages/babel-preset-react-app/package.json
@@ -11,6 +11,7 @@
     "index.js"
   ],
   "dependencies": {
+    "babel-plugin-syntax-dynamic-import": "6.18.0",
     "babel-plugin-transform-class-properties": "6.22.0",
     "babel-plugin-transform-es2015-parameters": "6.22.0",
     "babel-plugin-transform-object-rest-spread": "6.22.0",
diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index e26a5a25d81..642d73741a8 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -106,6 +106,8 @@ module.exports = {
   // @remove-on-eject-end
   module: {
     rules: [
+      // Disable require.ensure as it's not a standard language feature.
+      { parser: { requireEnsure: false } },
       // First, run the linter.
       // It's important to do this before Babel processes the JS.
       {
diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js
index 86d87d39211..edf153516e7 100644
--- a/packages/react-scripts/config/webpack.config.prod.js
+++ b/packages/react-scripts/config/webpack.config.prod.js
@@ -111,6 +111,8 @@ module.exports = {
   // @remove-on-eject-end
   module: {
     rules: [
+      // Disable require.ensure as it's not a standard language feature.
+      { parser: { requireEnsure: false } },
       // First, run the linter.
       // It's important to do this before Babel processes the JS.
       {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/App.js b/packages/react-scripts/fixtures/kitchensink/src/App.js
index 36abe50d87a..587ac5f6f79 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/App.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/App.js
@@ -47,79 +47,79 @@ class App extends Component {
     const feature = location.hash.slice(1);
     switch (feature) {
       case 'array-destructuring':
-        require.ensure([], () => this.setFeature(require('./features/syntax/ArrayDestructuring').default));
+        import('./features/syntax/ArrayDestructuring').then(f => this.setFeature(f.default));
         break;
       case 'array-spread':
-        require.ensure([], () => this.setFeature(require('./features/syntax/ArraySpread').default));
+        import('./features/syntax/ArraySpread').then(f => this.setFeature(f.default));
         break;
       case 'async-await':
-        require.ensure([], () => this.setFeature(require('./features/syntax/AsyncAwait').default));
+        import('./features/syntax/AsyncAwait').then(f => this.setFeature(f.default));
         break;
       case 'class-properties':
-        require.ensure([], () => this.setFeature(require('./features/syntax/ClassProperties').default));
+        import('./features/syntax/ClassProperties').then(f => this.setFeature(f.default));
         break;
       case 'computed-properties':
-        require.ensure([], () => this.setFeature(require('./features/syntax/ComputedProperties').default));
+        import('./features/syntax/ComputedProperties').then(f => this.setFeature(f.default));
         break;
       case 'css-inclusion':
-        require.ensure([], () => this.setFeature(require('./features/webpack/CssInclusion').default));
+        import('./features/webpack/CssInclusion').then(f => this.setFeature(f.default));
         break;
       case 'custom-interpolation':
-        require.ensure([], () => this.setFeature(require('./features/syntax/CustomInterpolation').default));
+        import('./features/syntax/CustomInterpolation').then(f => this.setFeature(f.default));
         break;
       case 'default-parameters':
-        require.ensure([], () => this.setFeature(require('./features/syntax/DefaultParameters').default));
+        import('./features/syntax/DefaultParameters').then(f => this.setFeature(f.default));
         break;
       case 'destructuring-and-await':
-        require.ensure([], () => this.setFeature(require('./features/syntax/DestructuringAndAwait').default));
+        import('./features/syntax/DestructuringAndAwait').then(f => this.setFeature(f.default));
         break;
       case 'file-env-variables':
-        require.ensure([], () => this.setFeature(require('./features/env/FileEnvVariables').default));
+        import('./features/env/FileEnvVariables').then(f => this.setFeature(f.default));
         break;
       case 'generators':
-        require.ensure([], () => this.setFeature(require('./features/syntax/Generators').default));
+        import('./features/syntax/Generators').then(f => this.setFeature(f.default));
         break;
       case 'image-inclusion':
-        require.ensure([], () => this.setFeature(require('./features/webpack/ImageInclusion').default));
+        import('./features/webpack/ImageInclusion').then(f => this.setFeature(f.default));
         break;
       case 'json-inclusion':
-        require.ensure([], () => this.setFeature(require('./features/webpack/JsonInclusion').default));
+        import('./features/webpack/JsonInclusion').then(f => this.setFeature(f.default));
         break;
       case 'node-path':
-        require.ensure([], () => this.setFeature(require('./features/env/NodePath').default));
+        import('./features/env/NodePath').then(f => this.setFeature(f.default));
         break;
       case 'no-ext-inclusion':
-        require.ensure([], () => this.setFeature(require('./features/webpack/NoExtInclusion').default));
+        import('./features/webpack/NoExtInclusion').then(f => this.setFeature(f.default));
         break;
       case 'object-destructuring':
-        require.ensure([], () => this.setFeature(require('./features/syntax/ObjectDestructuring').default));
+        import('./features/syntax/ObjectDestructuring').then(f => this.setFeature(f.default));
         break;
       case 'object-spread':
-        require.ensure([], () => this.setFeature(require('./features/syntax/ObjectSpread').default));
+        import('./features/syntax/ObjectSpread').then(f => this.setFeature(f.default));
         break;
       case 'promises':
-        require.ensure([], () => this.setFeature(require('./features/syntax/Promises').default));
+        import('./features/syntax/Promises').then(f => this.setFeature(f.default));
         break;
       case 'public-url':
-        require.ensure([], () => this.setFeature(require('./features/env/PublicUrl').default));
+        import('./features/env/PublicUrl').then(f => this.setFeature(f.default));
         break;
       case 'rest-and-default':
-        require.ensure([], () => this.setFeature(require('./features/syntax/RestAndDefault').default));
+        import('./features/syntax/RestAndDefault').then(f => this.setFeature(f.default));
         break;
       case 'rest-parameters':
-        require.ensure([], () => this.setFeature(require('./features/syntax/RestParameters').default));
+        import('./features/syntax/RestParameters').then(f => this.setFeature(f.default));
         break;
       case 'shell-env-variables':
-        require.ensure([], () => this.setFeature(require('./features/env/ShellEnvVariables').default));
+        import('./features/env/ShellEnvVariables').then(f => this.setFeature(f.default));
         break;
       case 'svg-inclusion':
-        require.ensure([], () => this.setFeature(require('./features/webpack/SvgInclusion').default));
+        import('./features/webpack/SvgInclusion').then(f => this.setFeature(f.default));
         break;
       case 'template-interpolation':
-        require.ensure([], () => this.setFeature(require('./features/syntax/TemplateInterpolation').default));
+        import('./features/syntax/TemplateInterpolation').then(f => this.setFeature(f.default));
         break;
       case 'unknown-ext-inclusion':
-        require.ensure([], () => this.setFeature(require('./features/webpack/UnknownExtInclusion').default));
+        import('./features/webpack/UnknownExtInclusion').then(f => this.setFeature(f.default));
         break;
       default: throw new Error(`Missing feature "${feature}"`);
     }

From 1d5a27736766c6fa9f6ae27c8fdaab4255fe735d Mon Sep 17 00:00:00 2001
From: Kees Kluskens <kees@webduck.nl>
Date: Wed, 15 Feb 2017 03:41:31 +0100
Subject: [PATCH 020/163] Enable `watchContentBase` for webpack-dev-server
 (#1546)

Resolves #1508
---
 packages/react-dev-utils/webpackHotDevClient.js | 4 ++++
 packages/react-scripts/scripts/start.js         | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/packages/react-dev-utils/webpackHotDevClient.js b/packages/react-dev-utils/webpackHotDevClient.js
index 7b1768d8fa0..903861a65d1 100644
--- a/packages/react-dev-utils/webpackHotDevClient.js
+++ b/packages/react-dev-utils/webpackHotDevClient.js
@@ -252,6 +252,10 @@ connection.onmessage = function(e) {
   case 'ok':
     handleSuccess();
     break;
+  case 'content-changed':
+    // Triggered when a file from `contentBase` changed.
+    window.location.reload();
+    break;
   case 'warnings':
     handleWarnings(message.data);
     break;
diff --git a/packages/react-scripts/scripts/start.js b/packages/react-scripts/scripts/start.js
index 6943f6bb95b..0c0c41a30a4 100644
--- a/packages/react-scripts/scripts/start.js
+++ b/packages/react-scripts/scripts/start.js
@@ -249,6 +249,8 @@ function runDevServer(host, port, protocol) {
     // for some reason broken when imported through Webpack. If you just want to
     // use an image, put it in `src` and `import` it from JavaScript instead.
     contentBase: paths.appPublic,
+    // By default files from `contentBase` will not trigger a page reload.
+    watchContentBase: true,
     // Enable hot reloading server. It will provide /sockjs-node/ endpoint
     // for the WebpackDevServer client so it can learn when the files were
     // updated. The WebpackDevServer client is included as an entry point

From 9c33f60239835f16e3903b37c631b975b8e42b45 Mon Sep 17 00:00:00 2001
From: Brian Ng <bng412@gmail.com>
Date: Tue, 14 Feb 2017 21:06:19 -0600
Subject: [PATCH 021/163] Re-enable transform-react-constant-elements (#1552)

* Bump babel deps

* Re-enable transform-react-constant-elements

Resolves #553
---
 packages/babel-preset-react-app/index.js     | 11 +++--------
 packages/babel-preset-react-app/package.json | 16 ++++++++--------
 packages/react-scripts/package.json          |  2 +-
 3 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/packages/babel-preset-react-app/index.js b/packages/babel-preset-react-app/index.js
index 1204e05e6cb..a81fbdb9984 100644
--- a/packages/babel-preset-react-app/index.js
+++ b/packages/babel-preset-react-app/index.js
@@ -109,13 +109,8 @@ if (env === 'test') {
 
   if (env === 'production') {
     // Optimization: hoist JSX that never changes out of render()
-    // Disabled because of issues:
-    // * https://github.com/facebookincubator/create-react-app/issues/525
-    // * https://phabricator.babeljs.io/search/query/pCNlnC2xzwzx/
-    // * https://github.com/babel/babel/issues/4516
-    // TODO: Enable again when these issues are resolved.
-    // plugins.push.apply(plugins, [
-    //   require.resolve('babel-plugin-transform-react-constant-elements')
-    // ]);
+    plugins.push.apply(plugins, [
+      require.resolve('babel-plugin-transform-react-constant-elements')
+    ]);
   }
 }
diff --git a/packages/babel-preset-react-app/package.json b/packages/babel-preset-react-app/package.json
index f281ebc5865..7e736427c48 100644
--- a/packages/babel-preset-react-app/package.json
+++ b/packages/babel-preset-react-app/package.json
@@ -12,18 +12,18 @@
   ],
   "dependencies": {
     "babel-plugin-syntax-dynamic-import": "6.18.0",
-    "babel-plugin-transform-class-properties": "6.22.0",
-    "babel-plugin-transform-es2015-parameters": "6.22.0",
-    "babel-plugin-transform-object-rest-spread": "6.22.0",
-    "babel-plugin-transform-react-constant-elements": "6.22.0",
-    "babel-plugin-transform-react-jsx": "6.22.0",
+    "babel-plugin-transform-class-properties": "6.23.0",
+    "babel-plugin-transform-es2015-parameters": "6.23.0",
+    "babel-plugin-transform-object-rest-spread": "6.23.0",
+    "babel-plugin-transform-react-constant-elements": "6.23.0",
+    "babel-plugin-transform-react-jsx": "6.23.0",
     "babel-plugin-transform-react-jsx-self": "6.22.0",
     "babel-plugin-transform-react-jsx-source": "6.22.0",
     "babel-plugin-transform-regenerator": "6.22.0",
-    "babel-plugin-transform-runtime": "6.22.0",
+    "babel-plugin-transform-runtime": "6.23.0",
     "babel-preset-env": "1.1.8",
     "babel-preset-latest": "6.22.0",
-    "babel-preset-react": "6.22.0",
-    "babel-runtime": "6.22.0"
+    "babel-preset-react": "6.23.0",
+    "babel-runtime": "6.23.0"
   }
 }
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 371b952c8c5..bd2a89a50d9 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "autoprefixer": "6.7.2",
-    "babel-core": "6.22.1",
+    "babel-core": "6.23.1",
     "babel-eslint": "7.1.1",
     "babel-jest": "18.0.0",
     "babel-loader": "6.2.10",

From 6d22a789f2c82a08e30d8d80e8ba119de3d7eb9e Mon Sep 17 00:00:00 2001
From: kiran ps <pskirann@gmail.com>
Date: Wed, 15 Feb 2017 15:35:34 +0530
Subject: [PATCH 022/163] modified documentation for setting up jest-enzyme
 (#1562)

---
 packages/react-scripts/template/README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 82c94f99d5a..715b8d06f74 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -954,6 +954,10 @@ expect(wrapper).toContainReact(welcome)
 
 To setup jest-enzyme with Create React App, follow the instructions for [initializing your test environment](#initializing-test-environment) to import `jest-enzyme`.
 
+```sh
+npm install --save-dev jest-enzyme
+```
+
 ```js
 // src/setupTests.js
 import 'jest-enzyme';

From b0bc46eaf88dfe7964bedee3a4bf7e7ccf953c28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dar=C3=ADo=20Javier=20Cravero?= <dario@uxtemple.com>
Date: Wed, 15 Feb 2017 10:06:08 +0000
Subject: [PATCH 023/163] Use https in link to Ignoring files at Github (#1561)

---
 packages/react-scripts/template/gitignore | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/template/gitignore b/packages/react-scripts/template/gitignore
index 4fa4a53764b..927d17bb9c5 100644
--- a/packages/react-scripts/template/gitignore
+++ b/packages/react-scripts/template/gitignore
@@ -1,4 +1,4 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
+# See https://help.github.com/ignore-files/ for more about ignoring files.
 
 # dependencies
 /node_modules

From 075e729865439f81d931950c4ebd3b03494edfe0 Mon Sep 17 00:00:00 2001
From: Alessandro Burato <alessandro.matteo.burato@gmail.com>
Date: Wed, 15 Feb 2017 14:15:10 +0100
Subject: [PATCH 024/163] add --recursive to sass watch script (#1564)

---
 packages/react-scripts/template/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 715b8d06f74..99dc32f875a 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -419,7 +419,7 @@ Then we can change `start` and `build` scripts to include the CSS preprocessor c
 ```diff
    "scripts": {
      "build-css": "node-sass src/ -o src/",
-     "watch-css": "npm run build-css && node-sass src/ -o src/ --watch",
+     "watch-css": "npm run build-css && node-sass src/ -o src/ --watch --recursive",
 -    "start": "react-scripts start",
 -    "build": "react-scripts build",
 +    "start-js": "react-scripts start",

From 5e65f0d139fa4dde5b37ef650473b77b98b6b2ba Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Wed, 15 Feb 2017 23:54:14 +0000
Subject: [PATCH 025/163] Mention Windows support explicitly

---
 README.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/README.md b/README.md
index af4603b5d7d..56a299843d7 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,9 @@ Create React apps with no build configuration.
 * [Getting Started](#getting-started) – How to create a new app.
 * [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
 
+Create React App works on MacOS, Linux, and Windows.  
+If something doesn’t work please [file an issue](https://github.com/facebookincubator/create-react-app/issues/new).
+
 ## tl;dr
 
 ```sh

From c8cbbd06cabfa1dea112807e864cba94699911ad Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Thu, 16 Feb 2017 00:05:26 +0000
Subject: [PATCH 026/163] Reorder

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 56a299843d7..e0c79274846 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@ Create React apps with no build configuration.
 * [Getting Started](#getting-started) – How to create a new app.
 * [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
 
-Create React App works on MacOS, Linux, and Windows.  
+Create React App works on MacOS, Windows, and Linux.  
 If something doesn’t work please [file an issue](https://github.com/facebookincubator/create-react-app/issues/new).
 
 ## tl;dr

From 1fc1d8296a5cda00993e6d503146d3a56b62f4ff Mon Sep 17 00:00:00 2001
From: Mohammad Kermani <mkermani144@gmail.com>
Date: Thu, 16 Feb 2017 15:20:51 +0330
Subject: [PATCH 027/163] Update README.md (#1573)

Update links to jest expect function.
---
 packages/react-scripts/template/README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 99dc32f875a..6d237efd95a 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -884,8 +884,8 @@ it('sums numbers', () => {
 });
 ```
 
-All `expect()` matchers supported by Jest are [extensively documented here](http://facebook.github.io/jest/docs/api.html#expect-value).<br>
-You can also use [`jest.fn()` and `expect(fn).toBeCalled()`](http://facebook.github.io/jest/docs/api.html#tobecalled) to create “spies” or mock functions.
+All `expect()` matchers supported by Jest are [extensively documented here](http://facebook.github.io/jest/docs/expect.html).<br>
+You can also use [`jest.fn()` and `expect(fn).toBeCalled()`](http://facebook.github.io/jest/docs/expect.html#tohavebeencalled) to create “spies” or mock functions.
 
 ### Testing Components
 
@@ -943,7 +943,7 @@ it('renders welcome message', () => {
 });
 ```
 
-All Jest matchers are [extensively documented here](http://facebook.github.io/jest/docs/api.html#expect-value).<br>
+All Jest matchers are [extensively documented here](http://facebook.github.io/jest/docs/expect.html).<br>
 Nevertheless you can use a third-party assertion library like [Chai](http://chaijs.com/) if you want to, as described below.
 
 Additionally, you might find [jest-enzyme](https://github.com/blainekasten/enzyme-matchers) helpful to simplify your tests with readable matchers. The above `contains` code can be written simpler with jest-enzyme.

From e9493a2552b65d4c3b6fe4f77ec18937ab768756 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Thu, 16 Feb 2017 13:32:52 +0000
Subject: [PATCH 028/163] MacOS => macOS

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index e0c79274846..0b9ed59b5b2 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@ Create React apps with no build configuration.
 * [Getting Started](#getting-started) – How to create a new app.
 * [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
 
-Create React App works on MacOS, Windows, and Linux.  
+Create React App works on macOS, Windows, and Linux.  
 If something doesn’t work please [file an issue](https://github.com/facebookincubator/create-react-app/issues/new).
 
 ## tl;dr

From 41632fb1a5466e90ddb3483bda77cf9f9050a991 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Thu, 16 Feb 2017 18:01:02 +0000
Subject: [PATCH 029/163] Revert "Bump babel deps and re-enable
 transform-react-constant-elements" (#1575)

---
 packages/babel-preset-react-app/index.js     | 11 ++++++++---
 packages/babel-preset-react-app/package.json | 16 ++++++++--------
 packages/react-scripts/package.json          |  2 +-
 3 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/packages/babel-preset-react-app/index.js b/packages/babel-preset-react-app/index.js
index a81fbdb9984..1204e05e6cb 100644
--- a/packages/babel-preset-react-app/index.js
+++ b/packages/babel-preset-react-app/index.js
@@ -109,8 +109,13 @@ if (env === 'test') {
 
   if (env === 'production') {
     // Optimization: hoist JSX that never changes out of render()
-    plugins.push.apply(plugins, [
-      require.resolve('babel-plugin-transform-react-constant-elements')
-    ]);
+    // Disabled because of issues:
+    // * https://github.com/facebookincubator/create-react-app/issues/525
+    // * https://phabricator.babeljs.io/search/query/pCNlnC2xzwzx/
+    // * https://github.com/babel/babel/issues/4516
+    // TODO: Enable again when these issues are resolved.
+    // plugins.push.apply(plugins, [
+    //   require.resolve('babel-plugin-transform-react-constant-elements')
+    // ]);
   }
 }
diff --git a/packages/babel-preset-react-app/package.json b/packages/babel-preset-react-app/package.json
index 7e736427c48..f281ebc5865 100644
--- a/packages/babel-preset-react-app/package.json
+++ b/packages/babel-preset-react-app/package.json
@@ -12,18 +12,18 @@
   ],
   "dependencies": {
     "babel-plugin-syntax-dynamic-import": "6.18.0",
-    "babel-plugin-transform-class-properties": "6.23.0",
-    "babel-plugin-transform-es2015-parameters": "6.23.0",
-    "babel-plugin-transform-object-rest-spread": "6.23.0",
-    "babel-plugin-transform-react-constant-elements": "6.23.0",
-    "babel-plugin-transform-react-jsx": "6.23.0",
+    "babel-plugin-transform-class-properties": "6.22.0",
+    "babel-plugin-transform-es2015-parameters": "6.22.0",
+    "babel-plugin-transform-object-rest-spread": "6.22.0",
+    "babel-plugin-transform-react-constant-elements": "6.22.0",
+    "babel-plugin-transform-react-jsx": "6.22.0",
     "babel-plugin-transform-react-jsx-self": "6.22.0",
     "babel-plugin-transform-react-jsx-source": "6.22.0",
     "babel-plugin-transform-regenerator": "6.22.0",
-    "babel-plugin-transform-runtime": "6.23.0",
+    "babel-plugin-transform-runtime": "6.22.0",
     "babel-preset-env": "1.1.8",
     "babel-preset-latest": "6.22.0",
-    "babel-preset-react": "6.23.0",
-    "babel-runtime": "6.23.0"
+    "babel-preset-react": "6.22.0",
+    "babel-runtime": "6.22.0"
   }
 }
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index bd2a89a50d9..371b952c8c5 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "autoprefixer": "6.7.2",
-    "babel-core": "6.23.1",
+    "babel-core": "6.22.1",
     "babel-eslint": "7.1.1",
     "babel-jest": "18.0.0",
     "babel-loader": "6.2.10",

From bee4ecec8679f472ee81bcfdcd2861d28f55f30b Mon Sep 17 00:00:00 2001
From: Eli Perelman <eli@eliperelman.com>
Date: Fri, 17 Feb 2017 11:25:08 -0600
Subject: [PATCH 030/163] Switch from Neo to Neutrino (#1576)

* Switch from Neo to Neutrino

* Edited format to be consistent
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 0b9ed59b5b2..eafafb2aa57 100644
--- a/README.md
+++ b/README.md
@@ -214,7 +214,7 @@ If you don’t agree with the choices made in this project, you might want to ex
 Some of the more popular and actively maintained ones are:
 
 * [insin/nwb](https://github.com/insin/nwb)
-* [mozilla/neo](https://github.com/mozilla/neo)
+* [mozilla-neutrino/neutrino-dev](https://github.com/mozilla-neutrino/neutrino-dev)
 * [NYTimes/kyt](https://github.com/NYTimes/kyt)
 * [zeit/next.js](https://github.com/zeit/next.js)
 * [gatsbyjs/gatsby](https://github.com/gatsbyjs/gatsby)

From dd9ec7bcfb32fcbfac0ec3ed9a42a3accaaa31ae Mon Sep 17 00:00:00 2001
From: Mato Ilic <info@matoilic.ch>
Date: Sun, 19 Feb 2017 00:05:56 +0100
Subject: [PATCH 031/163] fixes #1584 PORT env variable not always an integer
 (#1585)

---
 packages/react-scripts/scripts/start.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/scripts/start.js b/packages/react-scripts/scripts/start.js
index 0c0c41a30a4..443cd449a3d 100644
--- a/packages/react-scripts/scripts/start.js
+++ b/packages/react-scripts/scripts/start.js
@@ -43,7 +43,7 @@ if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
 }
 
 // Tools like Cloud9 rely on this.
-var DEFAULT_PORT = process.env.PORT || 3000;
+var DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
 var compiler;
 var handleCompile;
 

From 1aa4b2b8cb85257da667ac96e1c2b229419152d3 Mon Sep 17 00:00:00 2001
From: Christophe Hurpeau <christophe.hurpeau+github@gmail.com>
Date: Tue, 21 Feb 2017 17:36:55 +0100
Subject: [PATCH 032/163] babel-preset: remove
 babel-plugin-transform-es2015-parameters (#1598)

https://github.com/babel/babel/issues/4851 is closed
---
 packages/babel-preset-react-app/index.js     | 7 -------
 packages/babel-preset-react-app/package.json | 1 -
 2 files changed, 8 deletions(-)

diff --git a/packages/babel-preset-react-app/index.js b/packages/babel-preset-react-app/index.js
index 1204e05e6cb..d0e1007f2e2 100644
--- a/packages/babel-preset-react-app/index.js
+++ b/packages/babel-preset-react-app/index.js
@@ -66,13 +66,6 @@ if (env === 'development' || env === 'test') {
 }
 
 if (env === 'test') {
-  plugins.push.apply(plugins, [
-    // We always include this plugin regardless of environment
-    // because of a Babel bug that breaks object rest/spread without it:
-    // https://github.com/babel/babel/issues/4851
-    require.resolve('babel-plugin-transform-es2015-parameters')
-  ]);
-
   module.exports = {
     presets: [
       // ES features necessary for user's Node version
diff --git a/packages/babel-preset-react-app/package.json b/packages/babel-preset-react-app/package.json
index f281ebc5865..92de2d3a31a 100644
--- a/packages/babel-preset-react-app/package.json
+++ b/packages/babel-preset-react-app/package.json
@@ -13,7 +13,6 @@
   "dependencies": {
     "babel-plugin-syntax-dynamic-import": "6.18.0",
     "babel-plugin-transform-class-properties": "6.22.0",
-    "babel-plugin-transform-es2015-parameters": "6.22.0",
     "babel-plugin-transform-object-rest-spread": "6.22.0",
     "babel-plugin-transform-react-constant-elements": "6.22.0",
     "babel-plugin-transform-react-jsx": "6.22.0",

From 2a8535b5d583660a7b7168f6dd2d37a4fd546ba8 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Wed, 22 Feb 2017 18:37:18 +0000
Subject: [PATCH 033/163] Add note for using CHOKIDAR_USEPOLLING in virtual
 machines to enable HMR (#1608)

* Add note for using CHOKIDAR_USEPOLLING in virtual machines to enable HMR

* Use br in react-scripts template README md

* Use br in md for new line breaks

* Update troubleshooting HMR to allow for VMs running Windows

* Fix up the instructions
---
 CHANGELOG.md                               |  4 ++--
 CONTRIBUTING.md                            |  2 +-
 README.md                                  |  2 +-
 packages/babel-preset-react-app/README.md  |  2 +-
 packages/create-react-app/README.md        |  2 +-
 packages/eslint-config-react-app/README.md |  2 +-
 packages/react-dev-utils/README.md         | 20 ++++++++++----------
 packages/react-scripts/README.md           |  2 +-
 packages/react-scripts/template/README.md  |  9 +++++----
 template/README.md                         |  2 +-
 10 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5d4225d0755..3857dd1a915 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -771,7 +771,7 @@ This ensures it become a part of the build output, and resolves correctly both w
 
 ## 0.4.3 (September 18, 2016)
 
-This is a hotfix release for a broken package.  
+This is a hotfix release for a broken package.<br>
 It contained no changes to the code.
 
 ### Build Dependency (`react-scripts`)
@@ -913,7 +913,7 @@ npm install --save-dev --save-exact react-scripts@0.3.0
 
 #### Breaking Change
 
-Now `favicon.ico` is not treated specially anymore.  
+Now `favicon.ico` is not treated specially anymore.<br>
 If you use it, move it to `src` and add the following line to `<head>` in your HTML:
 
 ```html
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index b6c4e69bbfd..3a6402606db 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -10,7 +10,7 @@ Following these guidelines helps to communicate that you respect the time of the
 
 As much as possible, we try to avoid adding configuration and flags. The purpose of this tool is to provide the best experience for people getting started with React, and this will always be our first priority. This means that sometimes we [sacrifice additional functionality](https://gettingreal.37signals.com/ch05_Half_Not_Half_Assed.php) (such as server rendering) because it is too hard to solve it in a way that wouldn’t require any configuration.
 
-We prefer **convention, heuristics, or interactivity** over configuration.  
+We prefer **convention, heuristics, or interactivity** over configuration.<br>
 Here’s a few examples of them in action.
 
 ### Convention
diff --git a/README.md b/README.md
index eafafb2aa57..14f0061f9bd 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@ Create React apps with no build configuration.
 * [Getting Started](#getting-started) – How to create a new app.
 * [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
 
-Create React App works on macOS, Windows, and Linux.  
+Create React App works on macOS, Windows, and Linux.<br>
 If something doesn’t work please [file an issue](https://github.com/facebookincubator/create-react-app/issues/new).
 
 ## tl;dr
diff --git a/packages/babel-preset-react-app/README.md b/packages/babel-preset-react-app/README.md
index 5221c41af59..4dc9fb9b168 100644
--- a/packages/babel-preset-react-app/README.md
+++ b/packages/babel-preset-react-app/README.md
@@ -1,6 +1,6 @@
 # babel-preset-react-app
 
-This package includes the Babel preset used by [Create React App](https://github.com/facebookincubator/create-react-app).  
+This package includes the Babel preset used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
 Please refer to its documentation:
 
 * [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
diff --git a/packages/create-react-app/README.md b/packages/create-react-app/README.md
index 062a320250d..c8fed06489f 100644
--- a/packages/create-react-app/README.md
+++ b/packages/create-react-app/README.md
@@ -1,6 +1,6 @@
 # create-react-app
 
-This package includes the global command for [Create React App](https://github.com/facebookincubator/create-react-app).  
+This package includes the global command for [Create React App](https://github.com/facebookincubator/create-react-app).<br>
 Please refer to its documentation:
 
 * [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
diff --git a/packages/eslint-config-react-app/README.md b/packages/eslint-config-react-app/README.md
index 5c20f50ca2e..4d967afb806 100644
--- a/packages/eslint-config-react-app/README.md
+++ b/packages/eslint-config-react-app/README.md
@@ -1,6 +1,6 @@
 # eslint-config-react-app
 
-This package includes the shareable ESLint configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).  
+This package includes the shareable ESLint configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
 Please refer to its documentation:
 
 * [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
diff --git a/packages/react-dev-utils/README.md b/packages/react-dev-utils/README.md
index 455996fcc59..2d430e2a299 100644
--- a/packages/react-dev-utils/README.md
+++ b/packages/react-dev-utils/README.md
@@ -1,6 +1,6 @@
 # react-dev-utils
 
-This package includes some utilities used by [Create React App](https://github.com/facebookincubator/create-react-app).  
+This package includes some utilities used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
 Please refer to its documentation:
 
 * [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
@@ -20,7 +20,7 @@ There is no single entry point. You can only import individual top-level modules
 
 #### `new InterpolateHtmlPlugin(replacements: {[key:string]: string})`
 
-This Webpack plugin lets us interpolate custom variables into `index.html`.  
+This Webpack plugin lets us interpolate custom variables into `index.html`.<br>
 It works in tandem with [HtmlWebpackPlugin](https://github.com/ampedandwired/html-webpack-plugin) 2.x via its [events](https://github.com/ampedandwired/html-webpack-plugin#events).
 
 ```js
@@ -58,8 +58,8 @@ module.exports = {
 
 #### `new WatchMissingNodeModulesPlugin(nodeModulesPath: string)`
 
-This Webpack plugin ensures `npm install <library>` forces a project rebuild.  
-We’re not sure why this isn't Webpack's default behavior.  
+This Webpack plugin ensures `npm install <library>` forces a project rebuild.<br>
+We’re not sure why this isn't Webpack's default behavior.<br>
 See [#186](https://github.com/facebookincubator/create-react-app/issues/186) for details.
 
 ```js
@@ -83,8 +83,8 @@ module.exports = {
 
 #### `checkRequiredFiles(files: Array<string>): boolean`
 
-Makes sure that all passed files exist.  
-Filenames are expected to be absolute.  
+Makes sure that all passed files exist.<br>
+Filenames are expected to be absolute.<br>
 If a file is not found, prints a warning message and returns `false`.
 
 ```js
@@ -161,8 +161,8 @@ getProcessForPort(3000);
 
 #### `openBrowser(url: string): boolean`
 
-Attempts to open the browser with a given URL.  
-On Mac OS X, attempts to reuse an existing Chrome tab via AppleScript.  
+Attempts to open the browser with a given URL.<br>
+On Mac OS X, attempts to reuse an existing Chrome tab via AppleScript.<br>
 Otherwise, falls back to [opn](https://github.com/sindresorhus/opn) behavior.
 
 
@@ -179,8 +179,8 @@ if (openBrowser('http://localhost:3000')) {
 
 This function displays a console prompt to the user.
 
-By convention, "no" should be the conservative choice.  
-If you mistype the answer, we'll always take it as a "no".  
+By convention, "no" should be the conservative choice.<br>
+If you mistype the answer, we'll always take it as a "no".<br>
 You can control the behavior on `<Enter>` with `isYesDefault`.
 
 ```js
diff --git a/packages/react-scripts/README.md b/packages/react-scripts/README.md
index 845e546c67c..8004b887004 100644
--- a/packages/react-scripts/README.md
+++ b/packages/react-scripts/README.md
@@ -1,6 +1,6 @@
 # react-scripts
 
-This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).  
+This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
 Please refer to its documentation:
 
 * [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 6d237efd95a..f44cd23dd59 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -175,7 +175,7 @@ You don’t have to ever use `eject`. The curated feature set is suitable for sm
 
 ## Supported Language Features and Polyfills
 
-This project supports a superset of the latest JavaScript standard.  
+This project supports a superset of the latest JavaScript standard.<br>
 In addition to [ES6](https://github.com/lukehoban/es6features) syntax features, it also supports:
 
 * [Exponentiation Operator](https://github.com/rwaldron/exponentiation-operator) (ES2016).
@@ -402,7 +402,7 @@ Then in `package.json`, add the following lines to `scripts`:
      "test": "react-scripts test --env=jsdom",
 ```
 
->Note: To use a different preprocessor, replace `build-css` and `watch-css` commands according to your preprocessor’s documentation. 
+>Note: To use a different preprocessor, replace `build-css` and `watch-css` commands according to your preprocessor’s documentation.
 
 Now you can rename `src/App.css` to `src/App.scss` and run `npm run watch-css`. The watcher will find every Sass file in `src` subdirectories, and create a corresponding CSS file next to it, in our case overwriting `src/App.css`. Since `src/App.js` still imports `src/App.css`, the styles become a part of your application. You can now edit `src/App.scss`, and `src/App.css` will be regenerated.
 
@@ -1355,10 +1355,10 @@ You can find instructions in [Deploying React with Zero Configuration](https://b
 
 Sometimes `npm run build` works locally but fails during deploy via Heroku with an error like this:
 
-```  
+```
 remote: Failed to create a production build. Reason:
 remote: Module not found: Error: Cannot resolve 'file' or 'directory'
-MyDirectory in /tmp/build_1234/src  
+MyDirectory in /tmp/build_1234/src
 ```
 
 This means you need to ensure that the lettercase of the file or directory you `import` matches the one you see on your filesystem or on GitHub.
@@ -1452,6 +1452,7 @@ If this doesn’t happen, try one of the following workarounds:
 * Some editors like Vim and IntelliJ have a “safe write” feature that currently breaks the watcher. You will need to disable it. Follow the instructions in [“Working with editors supporting safe write”](https://webpack.github.io/docs/webpack-dev-server.html#working-with-editors-ides-supporting-safe-write).
 * If your project path contains parentheses, try moving the project to a path without them. This is caused by a [Webpack watcher bug](https://github.com/webpack/watchpack/issues/42).
 * On Linux and macOS, you might need to [tweak system settings](https://webpack.github.io/docs/troubleshooting.html#not-enough-watchers) to allow more watchers.
+* If the project runs inside a virtual machine such as (a Vagrant provisioned) VirtualBox, run `npm install --save-dev cross-env` in its root folder and then replace `"react-scripts start"` in the `scripts` section of its `package.json` with `"cross-env CHOKIDAR_USEPOLLING=true react-scripts start"`. This ensures that the next time you run `npm start`, the watcher uses the polling mode, as necessary inside a VM.
 
 If none of these solutions help please leave a comment [in this thread](https://github.com/facebookincubator/create-react-app/issues/659).
 
diff --git a/template/README.md b/template/README.md
index 8f918c1979f..32efd00ff82 100644
--- a/template/README.md
+++ b/template/README.md
@@ -1,4 +1,4 @@
-This page has moved!  
+This page has moved!<br>
 Please update your link to point [here](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) instead.
 
 Sorry for the inconvenience!

From d9453703e630743229558e6fbe048076c899db88 Mon Sep 17 00:00:00 2001
From: Tom Conroy <tom@conroy.com.au>
Date: Wed, 22 Feb 2017 22:06:07 -0500
Subject: [PATCH 034/163] Allow --scripts-version to be a git url (#1570)

---
 packages/create-react-app/index.js | 5 +++++
 1 file changed, 5 insertions(+)
 mode change 100644 => 100755 packages/create-react-app/index.js

diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
old mode 100644
new mode 100755
index 4dbb37f4969..14fce0a9549
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -212,6 +212,11 @@ function getPackageName(installPackage) {
     // The package name could be with or without semver version, e.g. react-scripts-0.2.0-alpha.1.tgz
     // However, this function returns package name only without semver version.
     return installPackage.match(/^.+\/(.+?)(?:-\d+.+)?\.tgz$/)[1];
+  } else if (installPackage.indexOf('git+') === 0) {
+    // Pull package name out of git urls e.g:
+    // git+https://github.com/mycompany/react-scripts.git
+    // git+ssh://github.com/mycompany/react-scripts.git#v1.2.3
+    return installPackage.match(/([^\/]+)\.git(#.*)?$/)[1];
   } else if (installPackage.indexOf('@') > 0) {
     // Do not match @scope/ when stripping off @version or @tag
     return installPackage.charAt(0) + installPackage.substr(1).split('@')[0];

From a82896c3e39ada878f1cd41893e8304ad05b34d5 Mon Sep 17 00:00:00 2001
From: Jirat Ki <saakyz@gmail.com>
Date: Thu, 23 Feb 2017 10:55:41 +0700
Subject: [PATCH 035/163] Install react, react-dom, and react-scripts at the
 same time (#1253)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Install react and react-dom along with react-scripts

- Install react, react-dom and react-script in a same time
- Move react-scripts to devDependencies.

* Check if react, react-dom has been already installed

- To backward compatibility with old CRA’s cli
- In case old CRA doesn’t install react, react-don along with
react-scripts

* Use packageName to find script dependency

- use packageName to find dependency
- fix pathExists.sync

* Check dependencies.react in package.json instead of actual files

* Process exit when dependencies not found

- Show error and exit when dependencies not found.
- Log install show custom package name

* Remove template string

* Install dependencies if template is preseted

* Remove dangling comma

Resolves #1239
---
 packages/create-react-app/index.js     | 53 +++++++++++---
 packages/react-scripts/scripts/init.js | 98 ++++++++++++++------------
 2 files changed, 97 insertions(+), 54 deletions(-)

diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
index 14fce0a9549..d8d28496cbf 100755
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -40,7 +40,7 @@
 
 var chalk = require('chalk');
 
-var currentNodeVersion = process.versions.node
+var currentNodeVersion = process.versions.node;
 if (currentNodeVersion.split('.')[0] < 4) {
   console.error(
     chalk.red(
@@ -124,7 +124,7 @@ function createApp(name, verbose, version, template) {
   var packageJson = {
     name: appName,
     version: '0.1.0',
-    private: true,
+    private: true
   };
   fs.writeFileSync(
     path.join(root, 'package.json'),
@@ -133,10 +133,6 @@ function createApp(name, verbose, version, template) {
   var originalDirectory = process.cwd();
   process.chdir(root);
 
-  console.log('Installing packages. This might take a couple minutes.');
-  console.log('Installing ' + chalk.cyan('react-scripts') + '...');
-  console.log();
-
   run(root, appName, version, verbose, originalDirectory, template);
 }
 
@@ -149,15 +145,15 @@ function shouldUseYarn() {
   }
 }
 
-function install(packageToInstall, verbose, callback) {
+function install(dependencies, verbose, callback) {
   var command;
   var args;
   if (shouldUseYarn()) {
     command = 'yarnpkg';
-    args = [ 'add', '--dev', '--exact', packageToInstall];
+    args = [ 'add', '--exact'].concat(dependencies);
   } else {
     command = 'npm';
-    args = ['install', '--save-dev', '--save-exact', packageToInstall];
+    args = ['install', '--save', '--save-exact'].concat(dependencies);
   }
 
   if (verbose) {
@@ -174,7 +170,13 @@ function run(root, appName, version, verbose, originalDirectory, template) {
   var packageToInstall = getInstallPackage(version);
   var packageName = getPackageName(packageToInstall);
 
-  install(packageToInstall, verbose, function(code, command, args) {
+  var allDependencies = ['react', 'react-dom', packageToInstall];
+
+  console.log('Installing packages. This might take a couple minutes.');
+  console.log('Installing ' + chalk.cyan('react, react-dom, ' + packageName) + '...');
+  console.log();
+
+  install(allDependencies, verbose, function(code, command, args) {
     if (code !== 0) {
       console.error(chalk.cyan(command + ' ' + args.join(' ')) + ' failed');
       process.exit(1);
@@ -182,6 +184,10 @@ function run(root, appName, version, verbose, originalDirectory, template) {
 
     checkNodeVersion(packageName);
 
+    // Since react-scripts has been installed with --save
+    // We need to move it into devDependencies and rewrite package.json
+    moveReactScriptsToDev(packageName);
+
     var scriptsPath = path.resolve(
       process.cwd(),
       'node_modules',
@@ -273,6 +279,33 @@ function checkAppName(appName) {
   }
 }
 
+function moveReactScriptsToDev(packageName) {
+  var packagePath = path.join(process.cwd(), 'package.json');
+  var packageJson = require(packagePath);
+
+  if (typeof packageJson.dependencies === 'undefined') {
+    console.error(
+      chalk.red('Missing dependencies in package.json')
+    );
+    process.exit(1);
+  }
+
+  var packageVersion = packageJson.dependencies[packageName];
+
+  if (typeof packageVersion === 'undefined') {
+    console.error(
+      chalk.red('Unable to find ' + packageName + ' in package.json')
+    );
+    process.exit(1);
+  }
+
+  packageJson.devDependencies = packageJson.devDependencies || {};
+  packageJson.devDependencies[packageName] = packageVersion;
+  delete packageJson.dependencies[packageName];
+
+  fs.writeFileSync(packagePath, JSON.stringify(packageJson, null, 2));
+}
+
 // If project only contains files generated by GH, it’s safe.
 // We also special case IJ-based products .idea because it integrates with CRA:
 // https://github.com/facebookincubator/create-react-app/pull/368#issuecomment-243446094
diff --git a/packages/react-scripts/scripts/init.js b/packages/react-scripts/scripts/init.js
index 864005ecac2..aa62265ccc5 100644
--- a/packages/react-scripts/scripts/init.js
+++ b/packages/react-scripts/scripts/init.js
@@ -64,8 +64,6 @@ module.exports = function(appPath, appName, verbose, originalDirectory, template
     }
   });
 
-  // Run yarn or npm for react and react-dom
-  // TODO: having to do two npm/yarn installs is bad, can we avoid it?
   var command;
   var args;
 
@@ -92,53 +90,65 @@ module.exports = function(appPath, appName, verbose, originalDirectory, template
     fs.unlinkSync(templateDependenciesPath);
   }
 
-  console.log('Installing react and react-dom using ' + command + '...');
-  console.log();
+  // Install react and react-dom for backward compatibility with old CRA cli
+  // which doesn't install react and react-dom along with react-scripts
+  // or template is presetend (via --internal-testing-template)
+  if (!isReactInstalled(appPackage) || template) {
+    console.log('Installing react and react-dom using ' + command + '...');
+    console.log();
 
-  var proc = spawn(command, args, {stdio: 'inherit'});
-  proc.on('close', function (code) {
-    if (code !== 0) {
+    var proc = spawn.sync(command, args, {stdio: 'inherit'});
+    if (proc.status !== 0) {
       console.error('`' + command + ' ' + args.join(' ') + '` failed');
       return;
     }
+  }
 
-    // Display the most elegant way to cd.
-    // This needs to handle an undefined originalDirectory for
-    // backward compatibility with old global-cli's.
-    var cdpath;
-    if (originalDirectory &&
-        path.join(originalDirectory, appName) === appPath) {
-      cdpath = appName;
-    } else {
-      cdpath = appPath;
-    }
+  // Display the most elegant way to cd.
+  // This needs to handle an undefined originalDirectory for
+  // backward compatibility with old global-cli's.
+  var cdpath;
+  if (originalDirectory &&
+      path.join(originalDirectory, appName) === appPath) {
+    cdpath = appName;
+  } else {
+    cdpath = appPath;
+  }
 
+  console.log();
+  console.log('Success! Created ' + appName + ' at ' + appPath);
+  console.log('Inside that directory, you can run several commands:');
+  console.log();
+  console.log(chalk.cyan('  ' + command + ' start'));
+  console.log('    Starts the development server.');
+  console.log();
+  console.log(chalk.cyan('  ' + command + ' run build'));
+  console.log('    Bundles the app into static files for production.');
+  console.log();
+  console.log(chalk.cyan('  ' + command + ' test'));
+  console.log('    Starts the test runner.');
+  console.log();
+  console.log(chalk.cyan('  ' + command + ' run eject'));
+  console.log('    Removes this tool and copies build dependencies, configuration files');
+  console.log('    and scripts into the app directory. If you do this, you can’t go back!');
+  console.log();
+  console.log('We suggest that you begin by typing:');
+  console.log();
+  console.log(chalk.cyan('  cd'), cdpath);
+  console.log('  ' + chalk.cyan(command + ' start'));
+  if (readmeExists) {
     console.log();
-    console.log('Success! Created ' + appName + ' at ' + appPath);
-    console.log('Inside that directory, you can run several commands:');
-    console.log();
-    console.log(chalk.cyan('  ' + command + ' start'));
-    console.log('    Starts the development server.');
-    console.log();
-    console.log(chalk.cyan('  ' + command + ' run build'));
-    console.log('    Bundles the app into static files for production.');
-    console.log();
-    console.log(chalk.cyan('  ' + command + ' test'));
-    console.log('    Starts the test runner.');
-    console.log();
-    console.log(chalk.cyan('  ' + command + ' run eject'));
-    console.log('    Removes this tool and copies build dependencies, configuration files');
-    console.log('    and scripts into the app directory. If you do this, you can’t go back!');
-    console.log();
-    console.log('We suggest that you begin by typing:');
-    console.log();
-    console.log(chalk.cyan('  cd'), cdpath);
-    console.log('  ' + chalk.cyan(command + ' start'));
-    if (readmeExists) {
-      console.log();
-      console.log(chalk.yellow('You had a `README.md` file, we renamed it to `README.old.md`'));
-    }
-    console.log();
-    console.log('Happy hacking!');
-  });
+    console.log(chalk.yellow('You had a `README.md` file, we renamed it to `README.old.md`'));
+  }
+  console.log();
+  console.log('Happy hacking!');
 };
+
+function isReactInstalled(appPackage) {
+  var dependencies = appPackage.dependencies || {};
+
+  return (
+    typeof dependencies.react !== 'undefined' &&
+    typeof dependencies['react-dom'] !== 'undefined'
+  )
+}

From 21fe19ab0fbae8ca403572beb55b4d11e45a75cf Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Thu, 23 Feb 2017 00:57:53 -0500
Subject: [PATCH 036/163] Bump deps for webpack 2 compat (#1621)

---
 packages/react-dev-utils/package.json |  2 +-
 packages/react-scripts/package.json   | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react-dev-utils/package.json b/packages/react-dev-utils/package.json
index 9870e1ecc34..cc58ae55c63 100644
--- a/packages/react-dev-utils/package.json
+++ b/packages/react-dev-utils/package.json
@@ -28,7 +28,7 @@
     "escape-string-regexp": "1.0.5",
     "html-entities": "1.2.0",
     "opn": "4.0.2",
-    "sockjs-client": "1.0.1",
+    "sockjs-client": "1.1.2",
     "strip-ansi": "3.0.1"
   }
 }
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 371b952c8c5..3b721779741 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -23,11 +23,11 @@
     "react-scripts": "./bin/react-scripts.js"
   },
   "dependencies": {
-    "autoprefixer": "6.7.2",
+    "autoprefixer": "6.7.5",
     "babel-core": "6.22.1",
     "babel-eslint": "7.1.1",
     "babel-jest": "18.0.0",
-    "babel-loader": "6.2.10",
+    "babel-loader": "6.3.2",
     "babel-preset-react-app": "^2.1.0",
     "babel-runtime": "^6.20.0",
     "case-sensitive-paths-webpack-plugin": "1.1.4",
@@ -39,7 +39,7 @@
     "dotenv": "2.0.0",
     "eslint": "3.8.1",
     "eslint-config-react-app": "^0.5.1",
-    "eslint-loader": "1.6.1",
+    "eslint-loader": "1.6.3",
     "eslint-plugin-flowtype": "2.21.0",
     "eslint-plugin-import": "2.0.1",
     "eslint-plugin-jsx-a11y": "2.2.3",
@@ -53,7 +53,7 @@
     "http-proxy-middleware": "0.17.3",
     "jest": "18.1.0",
     "object-assign": "4.1.1",
-    "postcss-loader": "1.2.2",
+    "postcss-loader": "1.3.1",
     "promise": "7.1.1",
     "react-dev-utils": "^0.5.0",
     "recursive-readdir": "2.1.0",
@@ -61,7 +61,7 @@
     "style-loader": "0.13.1",
     "url-loader": "0.5.7",
     "webpack": "2.2.1",
-    "webpack-dev-server": "2.3.0",
+    "webpack-dev-server": "2.4.1",
     "webpack-manifest-plugin": "1.1.0",
     "whatwg-fetch": "2.0.2"
   },

From 7be0f4de1e6814ef2f3b995b9234aba53f7e2b60 Mon Sep 17 00:00:00 2001
From: Michael DeRazon <mderazon@hotmail.com>
Date: Fri, 24 Feb 2017 18:17:23 +0200
Subject: [PATCH 037/163] add a comment about NODE_ENV value set to
 'production' during build step (#1625)

* add a comment about NODE_ENV value set to 'production' during build step

https://github.com/facebookincubator/create-react-app/issues/790#issuecomment-281986264

* Move words around
---
 packages/react-scripts/template/README.md | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index f44cd23dd59..28f3cb20bcf 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -603,13 +603,12 @@ default you will have `NODE_ENV` defined for you, and any other environment vari
 
 **The environment variables are embedded during the build time**. Since Create React App produces a static HTML/CSS/JS bundle, it can’t possibly read them at runtime. To read them at runtime, you would need to load HTML into memory on the server and replace placeholders in runtime, just like [described here](#injecting-data-from-the-server-into-the-page). Alternatively you can rebuild the app on the server anytime you change them.
 
->Note: You must create custom environment variables beginning with `REACT_APP_`. Any other variables except `NODE_ENV` will be ignored to avoid accidentally [exposing a private key on the machine that could have the same name](https://github.com/facebookincubator/create-react-app/issues/865#issuecomment-252199527).
+>Note: You must create custom environment variables beginning with `REACT_APP_`. Any other variables except `NODE_ENV` will be ignored to avoid accidentally [exposing a private key on the machine that could have the same name](https://github.com/facebookincubator/create-react-app/issues/865#issuecomment-252199527). Changing any environment variables will require you to restart the development server if it is running.
 
 These environment variables will be defined for you on `process.env`. For example, having an environment
-variable named `REACT_APP_SECRET_CODE` will be exposed in your JS as `process.env.REACT_APP_SECRET_CODE`, in addition
-to `process.env.NODE_ENV`.
+variable named `REACT_APP_SECRET_CODE` will be exposed in your JS as `process.env.REACT_APP_SECRET_CODE`.
 
->Note: Changing any environment variables will require you to restart the development server if it is running.
+There is also a special built-in environment variable called `NODE_ENV`. You can read it from `process.env.NODE_ENV`. When you run `npm start`, it is always equal to `'development'`, when you run `npm test` it is always equal to `'test'`, and when you run `npm run build` to make a production bundle, it is always equal to `'production'`. **You cannot override `NODE_ENV` manually.** This prevents developers from accidentally deploying a slow development build to production.
 
 These environment variables can be useful for displaying information conditionally based on where the project is
 deployed or consuming sensitive data that lives outside of version control.
@@ -643,6 +642,10 @@ When you load the app in the browser and inspect the `<input>`, you will see its
 </div>
 ```
 
+The above form is looking for a variable called `REACT_APP_SECRET_CODE` from the environment. In order to consume this
+value, we need to have it defined in the environment. This can be done using two ways: either in your shell or in
+a `.env` file. Both of these ways are described in the next few sections.
+
 Having access to the `NODE_ENV` is also useful for performing actions conditionally:
 
 ```js
@@ -651,9 +654,7 @@ if (process.env.NODE_ENV !== 'production') {
 }
 ```
 
-The above form is looking for a variable called `REACT_APP_SECRET_CODE` from the environment. In order to consume this
-value, we need to have it defined in the environment. This can be done using two ways: either in your shell or in
-a `.env` file.
+When you compile the app with `npm run build`, the minification step will strip out this condition, and the resulting bundle will be smaller.
 
 ### Referencing Environment Variables in the HTML
 

From 646690b2bae2674cba3beb19e1e883502ca47328 Mon Sep 17 00:00:00 2001
From: SBrown52 <sambrown52@hotmail.co.uk>
Date: Fri, 24 Feb 2017 16:21:53 +0000
Subject: [PATCH 038/163] Update flow configuration documentation (#1518)

* Update flow configuration documentation

The documentation was missing creating the .flowconfig file

* Update flow configuration documentation

Adding in suggested changes

* Wording

* Wording
---
 packages/react-scripts/template/README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 28f3cb20bcf..2ca5f05404c 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -585,7 +585,8 @@ To add Flow to a Create React App project, follow these steps:
 
 1. Run `npm install --save-dev flow-bin`.
 2. Add `"flow": "flow"` to the `scripts` section of your `package.json`.
-3. Add `// @flow` to any files you want to type check (for example, to `src/App.js`).
+3. Run `npm run flow -- init` to create a [`.flowconfig` file](https://flowtype.org/docs/advanced-configuration.html) in the root directory.
+4. Add `// @flow` to any files you want to type check (for example, to `src/App.js`).
 
 Now you can run `npm run flow` to check the files for type errors.
 You can optionally use an IDE like [Nuclide](https://nuclide.io/docs/languages/flow/) for a better integrated experience.

From 92a068054b8ebdd0b07745047482153d073cba5c Mon Sep 17 00:00:00 2001
From: Joe Woodhouse <joewoodhouse30@gmail.com>
Date: Fri, 24 Feb 2017 16:32:29 +0000
Subject: [PATCH 039/163] Add note about when to import bootstrap CSS. (#1618)

* Add note about when to import bootstrap CSS.

* Tweak
---
 packages/react-scripts/template/README.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 2ca5f05404c..1ef9f8dc478 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -560,11 +560,13 @@ npm install react-bootstrap --save
 npm install bootstrap@3 --save
 ```
 
-Import Bootstrap CSS and optionally Bootstrap theme CSS in the ```src/index.js``` file:
+Import Bootstrap CSS and optionally Bootstrap theme CSS in the beginning of your ```src/index.js``` file:
 
 ```js
 import 'bootstrap/dist/css/bootstrap.css';
 import 'bootstrap/dist/css/bootstrap-theme.css';
+// Put any other imports below so that CSS from your
+// components takes precedence over default styles.
 ```
 
 Import required React Bootstrap components within ```src/App.js``` file or your custom component files:

From 67d0d49ac535159562bb95ae17f15b73ffbb6512 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Fri, 24 Feb 2017 16:36:47 +0000
Subject: [PATCH 040/163] Document Sass imports

---
 packages/react-scripts/template/README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 1ef9f8dc478..bcbbf54d637 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -406,6 +406,8 @@ Then in `package.json`, add the following lines to `scripts`:
 
 Now you can rename `src/App.css` to `src/App.scss` and run `npm run watch-css`. The watcher will find every Sass file in `src` subdirectories, and create a corresponding CSS file next to it, in our case overwriting `src/App.css`. Since `src/App.js` still imports `src/App.css`, the styles become a part of your application. You can now edit `src/App.scss`, and `src/App.css` will be regenerated.
 
+To share variables between Sass files, you can use Sass imports. For example, `src/App.scss` and other component style files could include `@import "./shared.scss";` with variable definitions.
+
 At this point you might want to remove all CSS files from the source control, and add `src/**/*.css` to your `.gitignore` file. It is generally a good practice to keep the build products outside of the source control.
 
 As a final step, you may find it convenient to run `watch-css` automatically with `npm start`, and run `build-css` as a part of `npm run build`. You can use the `&&` operator to execute two scripts sequentially. However, there is no cross-platform way to run two scripts in parallel, so we will install a package for this:

From bec009ce71d31d4a44bc5da690dcafb3137b9cef Mon Sep 17 00:00:00 2001
From: Valerii Sorokobatko <valeriy.sorokobatko@gmail.com>
Date: Fri, 24 Feb 2017 18:51:16 +0200
Subject: [PATCH 041/163] Fix workflow if react-scripts package is linked via
 npm-link (#1356)

* add npm-link support

* - remove extra veriable
- simplify condition

* update code after review:
- remove utils/isReactScriptsLinked
- add appPath and ownPath to paths.js (but only for "before eject" export case)

* update code after review:
- remove utils/isReactScriptsLinked
- add appPath and ownPath to paths.js (but only for "before eject" export case)

* update code after review:
- remove utils/isReactScriptsLinked
- add appPath and ownPath to paths.js (but only for "before eject" export case)
- remove "if" block for fs.removeSync(ownPath) at ejec.tjs

* change ownPath value
---
 packages/react-scripts/config/paths.js  | 37 +++++++++++++++----------
 packages/react-scripts/scripts/eject.js |  5 ++--
 2 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/packages/react-scripts/config/paths.js b/packages/react-scripts/config/paths.js
index 7d114080f7c..7ad1fc95c89 100644
--- a/packages/react-scripts/config/paths.js
+++ b/packages/react-scripts/config/paths.js
@@ -91,11 +91,13 @@ module.exports = {
 
 // @remove-on-eject-begin
 function resolveOwn(relativePath) {
-  return path.resolve(__dirname, relativePath);
+  return path.resolve(__dirname, '..', relativePath);
 }
 
 // config before eject: we're in ./node_modules/react-scripts/config/
 module.exports = {
+  appPath: resolveApp('.'),
+  ownPath: resolveApp('node_modules/react-scripts'),
   appBuild: resolveApp('build'),
   appPublic: resolveApp('public'),
   appHtml: resolveApp('public/index.html'),
@@ -106,28 +108,33 @@ module.exports = {
   testsSetup: resolveApp('src/setupTests.js'),
   appNodeModules: resolveApp('node_modules'),
   // this is empty with npm3 but node resolution searches higher anyway:
-  ownNodeModules: resolveOwn('../node_modules'),
+  ownNodeModules: resolveOwn('node_modules'),
   nodePaths: nodePaths,
   publicUrl: getPublicUrl(resolveApp('package.json')),
   servedPath: getServedPath(resolveApp('package.json'))
 };
 
+var reactScriptsPath = path.resolve('node_modules/react-scripts');
+var reactScriptsLinked = fs.existsSync(reactScriptsPath) && fs.lstatSync(reactScriptsPath).isSymbolicLink();
+
 // config before publish: we're in ./packages/react-scripts/config/
-if (__dirname.indexOf(path.join('packages', 'react-scripts', 'config')) !== -1) {
+if (!reactScriptsLinked && __dirname.indexOf(path.join('packages', 'react-scripts', 'config')) !== -1) {
   module.exports = {
-    appBuild: resolveOwn('../../../build'),
-    appPublic: resolveOwn('../template/public'),
-    appHtml: resolveOwn('../template/public/index.html'),
-    appIndexJs: resolveOwn('../template/src/index.js'),
-    appPackageJson: resolveOwn('../package.json'),
-    appSrc: resolveOwn('../template/src'),
-    yarnLockFile: resolveOwn('../template/yarn.lock'),
-    testsSetup: resolveOwn('../template/src/setupTests.js'),
-    appNodeModules: resolveOwn('../node_modules'),
-    ownNodeModules: resolveOwn('../node_modules'),
+    appPath: resolveApp('.'),
+    ownPath: resolveOwn('.'),
+    appBuild: resolveOwn('../../build'),
+    appPublic: resolveOwn('template/public'),
+    appHtml: resolveOwn('template/public/index.html'),
+    appIndexJs: resolveOwn('template/src/index.js'),
+    appPackageJson: resolveOwn('package.json'),
+    appSrc: resolveOwn('template/src'),
+    yarnLockFile: resolveOwn('template/yarn.lock'),
+    testsSetup: resolveOwn('template/src/setupTests.js'),
+    appNodeModules: resolveOwn('node_modules'),
+    ownNodeModules: resolveOwn('node_modules'),
     nodePaths: nodePaths,
-    publicUrl: getPublicUrl(resolveOwn('../package.json')),
-    servedPath: getServedPath(resolveOwn('../package.json'))
+    publicUrl: getPublicUrl(resolveOwn('package.json')),
+    servedPath: getServedPath(resolveOwn('package.json'))
   };
 }
 // @remove-on-eject-end
diff --git a/packages/react-scripts/scripts/eject.js b/packages/react-scripts/scripts/eject.js
index a8ee0fc3102..473a40da4e1 100644
--- a/packages/react-scripts/scripts/eject.js
+++ b/packages/react-scripts/scripts/eject.js
@@ -28,8 +28,8 @@ prompt(
 
   console.log('Ejecting...');
 
-  var ownPath = path.join(__dirname, '..');
-  var appPath = path.join(ownPath, '..', '..');
+  var ownPath = paths.ownPath;
+  var appPath = paths.appPath;
 
   function verifyAbsent(file) {
     if (fs.existsSync(path.join(appPath, file))) {
@@ -135,7 +135,6 @@ prompt(
   );
 
   // Add Babel config
-
   console.log('  Adding ' + cyan('Babel') + ' preset');
   appPackage.babel = babelConfig;
 

From 577c4e85a34f31ef3301d4731aab40fa111e6140 Mon Sep 17 00:00:00 2001
From: Bond <bondz@users.noreply.github.com>
Date: Fri, 24 Feb 2017 17:59:58 +0100
Subject: [PATCH 042/163] Document debugging in the browser. (#1540)

* Document debugging in the browser.

* Styling
---
 packages/react-scripts/template/README.md | 30 +++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index bcbbf54d637..6d625c64ff9 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -16,6 +16,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
 - [Supported Language Features and Polyfills](#supported-language-features-and-polyfills)
 - [Syntax Highlighting in the Editor](#syntax-highlighting-in-the-editor)
 - [Displaying Lint Output in the Editor](#displaying-lint-output-in-the-editor)
+- [Debugging in the Editor](#debugging-in-the-editor)
 - [Changing the Page `<title>`](#changing-the-page-title)
 - [Installing a Dependency](#installing-a-dependency)
 - [Importing a Component](#importing-a-component)
@@ -247,6 +248,35 @@ npm install -g eslint-config-react-app@0.3.0 eslint@3.8.1 babel-eslint@7.0.0 esl
 
 We recognize that this is suboptimal, but it is currently required due to the way we hide the ESLint dependency. The ESLint team is already [working on a solution to this](https://github.com/eslint/eslint/issues/3458) so this may become unnecessary in a couple of months.
 
+## Debugging in the Editor
+
+**This feature is currently only supported by [Visual Studio Code](https://code.visualstudio.com) editor.**
+
+Visual Studio Code supports live-editing and debugging out of the box with Create React App. This enables you as a developer to write and debug your React code without leaving the editor, and most importantly it enables you to have a continuous development workflow, where context switching is minimal, as you don’t have to switch between tools.
+
+You would need to have the latest version of [VS Code](https://code.visualstudio.com) and VS Code [Chrome Debugger Extension](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) installed.
+
+Then add the block below to your `launch.json` file and put it inside the `.vscode` folder in your app’s root directory.
+
+```json
+{
+  "version": "0.2.0",
+  "configurations": [{
+    "name": "Chrome",
+    "type": "chrome",
+    "request": "launch",
+    "url": "http://localhost:3000",
+    "webRoot": "${workspaceRoot}/src",
+    "userDataDir": "${workspaceRoot}/.chrome",
+    "sourceMapPathOverrides": {
+      "webpack:///src/*": "${webRoot}/*"
+    }
+  }]
+}
+```
+
+Start your app by running `npm start`, and start debugging in VS Code by pressing `F5` or by clicking the green debug icon. You can now write code, set breakpoints, make changes to the code, and debug your newly modified code—all from your editor.
+
 ## Changing the Page `<title>`
 
 You can find the source HTML file in the `public` folder of the generated project. You may edit the `<title>` tag in it to change the title from “React App” to anything else.

From e14e0036dd6850c365253d0fd363a21dc40ef3f7 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Fri, 24 Feb 2017 17:00:43 +0000
Subject: [PATCH 043/163] Link to "Debugging in the Editor"

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 14f0061f9bd..5d5a3139a2d 100644
--- a/README.md
+++ b/README.md
@@ -107,6 +107,7 @@ The [User Guide](https://github.com/facebookincubator/create-react-app/blob/mast
 - [Supported Language Features and Polyfills](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#supported-language-features-and-polyfills)
 - [Syntax Highlighting in the Editor](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#syntax-highlighting-in-the-editor)
 - [Displaying Lint Output in the Editor](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#displaying-lint-output-in-the-editor)
+- [Debugging in the Editor](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#debugging-in-the-editor)
 - [Changing the Page `<title>`](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#changing-the-page-title)
 - [Installing a Dependency](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#installing-a-dependency)
 - [Importing a Component](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#importing-a-component)

From 0ef9e80349d8167a9b639c93d46430f1c500a238 Mon Sep 17 00:00:00 2001
From: Johann Hubert Sonntagbauer <johann.sonntagbauer@gmx.at>
Date: Fri, 24 Feb 2017 18:28:54 +0100
Subject: [PATCH 044/163] (feat): add webpack validation error logging (#1596)

* (feat): add webpack validation error logging

* Style nit

* Style tweak

* Style nit
---
 packages/react-scripts/scripts/build.js | 11 ++++++++++-
 packages/react-scripts/scripts/start.js | 10 +++++++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/packages/react-scripts/scripts/build.js b/packages/react-scripts/scripts/build.js
index 7c953c3544e..e5272b3792a 100644
--- a/packages/react-scripts/scripts/build.js
+++ b/packages/react-scripts/scripts/build.js
@@ -133,7 +133,16 @@ function printErrors(summary, errors) {
 // Create the production build and print the deployment instructions.
 function build(previousSizeMap) {
   console.log('Creating an optimized production build...');
-  webpack(config).run((err, stats) => {
+
+  var compiler;
+  try {
+    compiler = webpack(config);
+  } catch (err) {
+    printErrors('Failed to compile.', [err]);
+    process.exit(1);
+  }
+
+  compiler.run((err, stats) => {
     if (err) {
       printErrors('Failed to compile.', [err]);
       process.exit(1);
diff --git a/packages/react-scripts/scripts/start.js b/packages/react-scripts/scripts/start.js
index 443cd449a3d..913ece9eb6c 100644
--- a/packages/react-scripts/scripts/start.js
+++ b/packages/react-scripts/scripts/start.js
@@ -63,7 +63,15 @@ if (isSmokeTest) {
 function setupCompiler(host, port, protocol) {
   // "Compiler" is a low-level interface to Webpack.
   // It lets us listen to some events and provide our own custom messages.
-  compiler = webpack(config, handleCompile);
+  try {
+    compiler = webpack(config, handleCompile);
+  } catch (err) {
+    console.log(chalk.red('Failed to compile.'));
+    console.log();
+    console.log(err.message || err);
+    console.log();
+    process.exit(1);
+  }
 
   // "invalid" event fires when you have changed a file, and Webpack is
   // recompiling a bundle. WebpackDevServer takes care to pause serving the

From 09cfcde0183d4c900490913da1f2c7c1ad473c0d Mon Sep 17 00:00:00 2001
From: Tharaka Wijebandara <tharaka.nw@gmail.com>
Date: Fri, 24 Feb 2017 22:59:45 +0530
Subject: [PATCH 045/163] Add lint rule to disallow require.ensure and
 System.import (#1536)

---
 packages/eslint-config-react-app/index.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/eslint-config-react-app/index.js b/packages/eslint-config-react-app/index.js
index d93478bc8c9..e5d9ef894b0 100644
--- a/packages/eslint-config-react-app/index.js
+++ b/packages/eslint-config-react-app/index.js
@@ -155,6 +155,15 @@ module.exports = {
     'unicode-bom': ['warn', 'never'],
     'use-isnan': 'warn',
     'valid-typeof': 'warn',
+    'no-restricted-properties': ['error', {
+      object: 'require',
+      property: 'ensure',
+      message: 'Please use import() instead. More info: https://webpack.js.org/guides/code-splitting-import/#dynamic-import'
+    }, {
+      object: 'System',
+      property: 'import',
+      message: 'Please use import() instead. More info: https://webpack.js.org/guides/code-splitting-import/#dynamic-import'
+    }],
 
     // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/
 

From c3240a18abfbcd5e02a2c0be2f85cd387aac47e2 Mon Sep 17 00:00:00 2001
From: myappincome <editor@myappincome.co.uk>
Date: Fri, 24 Feb 2017 17:48:16 +0000
Subject: [PATCH 046/163] =?UTF-8?q?Adding=20link=20to=20=E2=80=9CCustomizi?=
 =?UTF-8?q?ng=E2=80=9D=20create-react-app=20(#1121)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add documentation for customizing Bootstrap theme
---
 packages/react-scripts/template/README.md | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 6d625c64ff9..a43509b9df0 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -30,6 +30,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
   - [When to Use the `public` Folder](#when-to-use-the-public-folder)
 - [Using Global Variables](#using-global-variables)
 - [Adding Bootstrap](#adding-bootstrap)
+  - [Using a Custom Theme](#using-a-custom-theme)
 - [Adding Flow](#adding-flow)
 - [Adding Custom Environment Variables](#adding-custom-environment-variables)
   - [Referencing Environment Variables in the HTML](#referencing-environment-variables-in-the-html)
@@ -585,7 +586,7 @@ Alternatively, you can force the linter to ignore any line by adding `// eslint-
 
 You don’t have to use [React Bootstrap](https://react-bootstrap.github.io) together with React but it is a popular library for integrating Bootstrap with React apps. If you need it, you can integrate it with Create React App by following these steps:
 
-Install React Bootstrap and Bootstrap from NPM. React Bootstrap does not include Bootstrap CSS so this needs to be installed as well:
+Install React Bootstrap and Bootstrap from npm. React Bootstrap does not include Bootstrap CSS so this needs to be installed as well:
 
 ```
 npm install react-bootstrap --save
@@ -609,6 +610,17 @@ import { Navbar, Jumbotron, Button } from 'react-bootstrap';
 
 Now you are ready to use the imported React Bootstrap components within your component hierarchy defined in the render method. Here is an example [`App.js`](https://gist.githubusercontent.com/gaearon/85d8c067f6af1e56277c82d19fd4da7b/raw/6158dd991b67284e9fc8d70b9d973efe87659d72/App.js) redone using React Bootstrap.
 
+### Using a Custom Theme
+
+Sometimes you might need to tweak the visual styles of Bootstrap (or equivalent package).<br>
+We suggest the following approach:
+
+* Create a new package that depends on the package you wish to customize, e.g. Bootstrap.
+* Add the necessary build steps to tweak the theme, and publish your package on npm.
+* Install your own theme npm package as a dependency of your app.
+
+Here is an example of adding a [customized Bootstrap](https://medium.com/@tacomanator/customizing-create-react-app-aa9ffb88165) that follows these steps.
+
 ## Adding Flow
 
 Flow is a static type checker that helps you write code with fewer bugs. Check out this [introduction to using static types in JavaScript](https://medium.com/@preethikasireddy/why-use-static-types-in-javascript-part-1-8382da1e0adb) if you are new to this concept.

From 1c0851deb5a5943703a58b344fd857c537768176 Mon Sep 17 00:00:00 2001
From: Daniel Riquelme <daniel@cloudintelligence.cl>
Date: Fri, 24 Feb 2017 14:58:49 -0300
Subject: [PATCH 047/163] Update index.js (#1603)

To avoid file conflict issue with IJ static web projects
---
 packages/create-react-app/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
index d8d28496cbf..48d1b5572dd 100755
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -311,7 +311,7 @@ function moveReactScriptsToDev(packageName) {
 // https://github.com/facebookincubator/create-react-app/pull/368#issuecomment-243446094
 function isSafeToCreateProjectIn(root) {
   var validFiles = [
-    '.DS_Store', 'Thumbs.db', '.git', '.gitignore', '.idea', 'README.md', 'LICENSE'
+    '.DS_Store', 'Thumbs.db', '.git', '.gitignore', '.idea', 'README.md', 'LICENSE', 'web.iml'
   ];
   return fs.readdirSync(root)
     .every(function(file) {

From d6a83aa8874a69a407610c439a0413f5d8fbf8a0 Mon Sep 17 00:00:00 2001
From: Valerii Sorokobatko <valeriy.sorokobatko@gmail.com>
Date: Fri, 24 Feb 2017 20:00:09 +0200
Subject: [PATCH 048/163] Remove .bin files defined at
 react-scripts/package.json after eject  (#1567)

* remove bin files after eject defined at package.json

* add swallowing try/catch
---
 packages/react-scripts/scripts/eject.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/react-scripts/scripts/eject.js b/packages/react-scripts/scripts/eject.js
index 473a40da4e1..6e609c4f9f1 100644
--- a/packages/react-scripts/scripts/eject.js
+++ b/packages/react-scripts/scripts/eject.js
@@ -148,13 +148,19 @@ prompt(
   );
   console.log();
 
+  try {
+    // remove react-scripts and react-scripts binaries from app node_modules
+    Object.keys(ownPackage.bin).forEach(function(binKey) {
+      fs.removeSync(path.join(appPath, 'node_modules', '.bin', binKey));
+    });
+    fs.removeSync(ownPath);
+  } catch(e) {}
+
   if (fs.existsSync(paths.yarnLockFile)) {
     console.log(cyan('Running yarn...'));
-    fs.removeSync(ownPath);
     spawnSync('yarnpkg', [], {stdio: 'inherit'});
   } else {
     console.log(cyan('Running npm install...'));
-    fs.removeSync(ownPath);
     spawnSync('npm', ['install'], {stdio: 'inherit'});
   }
   console.log(green('Ejected successfully!'));

From 41d1469445dbc61dc21b152bf1ace33c94a363e1 Mon Sep 17 00:00:00 2001
From: wtgtybhertgeghgtwtg <wtgtybhertgeghgtwtg@gmail.com>
Date: Fri, 24 Feb 2017 11:00:37 -0700
Subject: [PATCH 049/163] Bump `recursive-readdir`. (#1560)

---
 packages/react-scripts/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 3b721779741..792245b3b16 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -56,7 +56,7 @@
     "postcss-loader": "1.3.1",
     "promise": "7.1.1",
     "react-dev-utils": "^0.5.0",
-    "recursive-readdir": "2.1.0",
+    "recursive-readdir": "2.1.1",
     "strip-ansi": "3.0.1",
     "style-loader": "0.13.1",
     "url-loader": "0.5.7",

From dd801e218c913ed3292f3667d690e6b64b68e015 Mon Sep 17 00:00:00 2001
From: Vlad <vladfilimon@gmail.com>
Date: Fri, 24 Feb 2017 20:29:04 +0100
Subject: [PATCH 050/163] Disallow event global variable with
 no-restricted-globals rule (#1530) (#1532)

* Disallow event global variable with no-restricted-globals rule (#1530)

* changed event global variable usage liniting from warn to error
---
 packages/eslint-config-react-app/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/eslint-config-react-app/index.js b/packages/eslint-config-react-app/index.js
index e5d9ef894b0..f6dd412261f 100644
--- a/packages/eslint-config-react-app/index.js
+++ b/packages/eslint-config-react-app/index.js
@@ -123,6 +123,7 @@ module.exports = {
     'no-this-before-super': 'warn',
     'no-throw-literal': 'warn',
     'no-undef': 'error',
+    'no-restricted-globals': ['error', 'event'],
     'no-unexpected-multiline': 'warn',
     'no-unreachable': 'warn',
     'no-unused-expressions': ['warn', {

From c8d9c478973405026e708e0f98d56bfc8efbfa66 Mon Sep 17 00:00:00 2001
From: Charlie Gleason <hi@charliegleason.com>
Date: Fri, 24 Feb 2017 19:44:47 +0000
Subject: [PATCH 051/163] Added a how-to on react-snapshot (#1577)

* Added a how-to on react-snapshot

Added a section with a short description and link to a tutorial on generating static html pages with react-snapshot, and also linked to it from the section on managing the page title.

* Updated link title for react-snapshot overview

* Explained pre-rendering in a more generic way

* Added link to top level README.md, and removed specifics from overview

* Updated html -> HTML

* Updated quotes and apostrophes

* html -> HTML

* Fix link
---
 README.md                                 |  1 +
 packages/react-scripts/template/README.md | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 5d5a3139a2d..39baa1a5073 100644
--- a/README.md
+++ b/README.md
@@ -125,6 +125,7 @@ The [User Guide](https://github.com/facebookincubator/create-react-app/blob/mast
 - [Proxying API Requests in Development](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#proxying-api-requests-in-development)
 - [Using HTTPS in Development](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#using-https-in-development)
 - [Generating Dynamic `<meta>` Tags on the Server](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#generating-dynamic-meta-tags-on-the-server)
+- [Pre-Rendering into Static HTML Files](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#pre-rendering-into-static-html-files)
 - [Running Tests](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#running-tests)
 - [Developing Components in Isolation](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#developing-components-in-isolation)
 - [Making a Progressive Web App](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#making-a-progressive-web-app)
diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index a43509b9df0..fe6e78ed2a1 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -43,6 +43,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
 - [Proxying API Requests in Development](#proxying-api-requests-in-development)
 - [Using HTTPS in Development](#using-https-in-development)
 - [Generating Dynamic `<meta>` Tags on the Server](#generating-dynamic-meta-tags-on-the-server)
+- [Pre-Rendering into Static HTML Files](#pre-rendering-into-static-html-files)
 - [Injecting Data from the Server into the Page](#injecting-data-from-the-server-into-the-page)
 - [Running Tests](#running-tests)
   - [Filename Conventions](#filename-conventions)
@@ -286,7 +287,7 @@ Note that normally you wouldn't edit files in the `public` folder very often. Fo
 
 If you need to dynamically update the page title based on the content, you can use the browser [`document.title`](https://developer.mozilla.org/en-US/docs/Web/API/Document/title) API. For more complex scenarios when you want to change the title from React components, you can use [React Helmet](https://github.com/nfl/react-helmet), a third party library.
 
-Finally, if you use a custom server for your app in production and want to modify the title before it gets sent to the browser, you can follow advice in [this section](#generating-dynamic-meta-tags-on-the-server).
+If you use a custom server for your app in production and want to modify the title before it gets sent to the browser, you can follow advice in [this section](#generating-dynamic-meta-tags-on-the-server). Alternatively, you can pre-build each page as a static HTML file which then loads the JavaScript bundle, which is covered [here](#pre-rendering-into-static-html-files).
 
 ## Installing a Dependency
 
@@ -861,6 +862,16 @@ Then, on the server, regardless of the backend you use, you can read `index.html
 
 If you use a Node server, you can even share the route matching logic between the client and the server. However duplicating it also works fine in simple cases.
 
+## Pre-Rendering into Static HTML Files
+
+If you’re hosting your `build` with a static hosting provider you can use [react-snapshot](https://www.npmjs.com/package/react-snapshot) to generate HTML pages for each route, or relative link, in your application. These pages will then seamlessly become active, or “hydrated”, when the JavaScript bundle has loaded.
+
+There are also opportunities to use this outside of static hosting, to take the pressure off the server when generating and caching routes.
+
+The primary benefit of pre-rendering is that you get the core content of each page _with_ the HTML payload—regardless of whether or not your JavaScript bundle successfully downloads. It also increases the likelihood that each route of your application will be picked up by search engines.
+
+You can read more about [zero-configuration pre-rendering (also called snapshotting) here](https://medium.com/superhighfives/an-almost-static-stack-6df0a2791319).
+
 ## Injecting Data from the Server into the Page
 
 Similarly to the previous section, you can leave some placeholders in the HTML that inject global variables, for example:

From 53db95a8c306be56d0a5035d077c3e2f1fd88ce0 Mon Sep 17 00:00:00 2001
From: Mo Binni <mo.binni@rangle.io>
Date: Fri, 24 Feb 2017 15:25:18 -0500
Subject: [PATCH 052/163] NPM version check for tip (#1193)

* Implemented a version check of npm to give a soft tip during the install procedure
and fixed gitignore

* Moved NPM check to method, it is only executed when you use NPM and the version is < 3.

* Minor formatting tweaks

* Simplify the code

* Remove unnecessary change
---
 .gitignore                         |  2 ++
 packages/create-react-app/index.js | 25 ++++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 0aa0ed568ba..79ce88915d7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
+.idea/
+.vscode/
 node_modules/
 build
 .DS_Store
diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
index 48d1b5572dd..6b7dce9b6be 100755
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -152,6 +152,7 @@ function install(dependencies, verbose, callback) {
     command = 'yarnpkg';
     args = [ 'add', '--exact'].concat(dependencies);
   } else {
+    checkNpmVersion();
     command = 'npm';
     args = ['install', '--save', '--save-exact'].concat(dependencies);
   }
@@ -173,7 +174,10 @@ function run(root, appName, version, verbose, originalDirectory, template) {
   var allDependencies = ['react', 'react-dom', packageToInstall];
 
   console.log('Installing packages. This might take a couple minutes.');
-  console.log('Installing ' + chalk.cyan('react, react-dom, ' + packageName) + '...');
+  console.log(
+    'Installing ' + chalk.cyan('react') + ', ' + chalk.cyan('react-dom') +
+    ', and ' + chalk.cyan(packageName) + '...'
+  );
   console.log();
 
   install(allDependencies, verbose, function(code, command, args) {
@@ -230,6 +234,25 @@ function getPackageName(installPackage) {
   return installPackage;
 }
 
+function checkNpmVersion() {
+  var isNpm2 = false;
+  try {
+    var npmVersion = execSync('npm --version').toString();
+    isNpm2 = semver.lt(npmVersion, '3.0.0');
+  } catch (err) {
+    return;
+  }
+  if (!isNpm2) {
+    return;
+  }
+  console.log(chalk.yellow('It looks like you are using npm 2.'));
+  console.log(chalk.yellow(
+    'We suggest using npm 3 or Yarn for faster install times ' +
+    'and less disk space usage.'
+  ));
+  console.log();
+}
+
 function checkNodeVersion(packageName) {
   var packageJsonPath = path.resolve(
     process.cwd(),

From 8d413283420631c4572c1926881ad6307f315fed Mon Sep 17 00:00:00 2001
From: Ade Viankakrisna Fadlil <viankakrisna@gmail.com>
Date: Sat, 25 Feb 2017 03:29:25 +0700
Subject: [PATCH 053/163] Enable eslint caching in development (#1578)

* Enable eslint caching in development

POC for https://github.com/facebookincubator/create-react-app/issues/740. Haven't found any problem, build times improved about 1s on my project and machine.

* Bump eslint-loader to 1.6.3

* move @remove-on-eject block to persist cache config on eject
---
 packages/react-scripts/config/webpack.config.dev.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index 642d73741a8..0af6032cfb3 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -114,13 +114,14 @@ module.exports = {
         test: /\.(js|jsx)$/,
         enforce: 'pre',
         use: [{
-          // @remove-on-eject-begin
-          // Point ESLint to our predefined config.
           options: {
+            // @remove-on-eject-begin
+            // Point ESLint to our predefined config.
             configFile: path.join(__dirname, '../.eslintrc'),
-            useEslintrc: false
+            useEslintrc: false,
+            // @remove-on-eject-end
+            cache: true
           },
-          // @remove-on-eject-end
           loader: 'eslint-loader'
         }],
         include: paths.appSrc

From 925ab7268f611fe0ae35641516c15d29e6081396 Mon Sep 17 00:00:00 2001
From: chyipin <chyipin@gmail.com>
Date: Fri, 24 Feb 2017 13:32:15 -0700
Subject: [PATCH 054/163] Use real build path name in build output (#1478)

Use the configured appBuild value in paths.js instead of hard-coding it to 'build'.  This is helpful for the ejected case where the appBuild path is changed to another folder name.
---
 packages/react-scripts/scripts/build.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/react-scripts/scripts/build.js b/packages/react-scripts/scripts/build.js
index e5272b3792a..0522201d26d 100644
--- a/packages/react-scripts/scripts/build.js
+++ b/packages/react-scripts/scripts/build.js
@@ -223,7 +223,8 @@ function build(previousSizeMap) {
         console.log('  ' + chalk.green('"homepage"') + chalk.cyan(': ') + chalk.green('"http://myname.github.io/myapp"') + chalk.cyan(','));
         console.log();
       }
-      console.log('The ' + chalk.cyan('build') + ' folder is ready to be deployed.');
+      var build = path.relative(process.cwd(), paths.appBuild);
+      console.log('The ' + chalk.cyan(build) + ' folder is ready to be deployed.');
       console.log('You may also serve it locally with a static server:')
       console.log();
       if (useYarn) {
@@ -231,7 +232,7 @@ function build(previousSizeMap) {
       } else {
         console.log('  ' + chalk.cyan('npm') +  ' install -g pushstate-server');
       }
-      console.log('  ' + chalk.cyan('pushstate-server') + ' build');
+      console.log('  ' + chalk.cyan('pushstate-server') + ' ' + build);
       console.log('  ' + chalk.cyan(openCommand) + ' http://localhost:9000');
       console.log();
     }

From 5155797983476260a6e6e8d93ca38b43233d82de Mon Sep 17 00:00:00 2001
From: sbritoig <sbrito@iguatemi.com.br>
Date: Fri, 24 Feb 2017 17:51:53 -0300
Subject: [PATCH 055/163] =?UTF-8?q?adding=20a=20note=20on=20how=20to=20res?=
 =?UTF-8?q?olve=20"Could=20not=20find=20a=20required=20file."=20dep?=
 =?UTF-8?q?=E2=80=A6=20(#1391)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* adding a note on how to resolve "Could not find a required file." deployment errors because of deleted or ignored files

* Tweak

* Unrelated style nits
---
 packages/react-scripts/template/README.md | 49 ++++++++++++++++-------
 1 file changed, 34 insertions(+), 15 deletions(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index fe6e78ed2a1..1f4f59b4e47 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -283,7 +283,7 @@ Start your app by running `npm start`, and start debugging in VS Code by pressin
 
 You can find the source HTML file in the `public` folder of the generated project. You may edit the `<title>` tag in it to change the title from “React App” to anything else.
 
-Note that normally you wouldn't edit files in the `public` folder very often. For example, [adding a stylesheet](#adding-a-stylesheet) is done without touching the HTML.
+Note that normally you wouldn’t edit files in the `public` folder very often. For example, [adding a stylesheet](#adding-a-stylesheet) is done without touching the HTML.
 
 If you need to dynamically update the page title based on the content, you can use the browser [`document.title`](https://developer.mozilla.org/en-US/docs/Web/API/Document/title) API. For more complex scenarios when you want to change the title from React components, you can use [React Helmet](https://github.com/nfl/react-helmet), a third party library.
 
@@ -721,7 +721,7 @@ Note that the caveats from the above section apply:
 
 ### Adding Temporary Environment Variables In Your Shell
 
-Defining environment variables can vary between OSes. It's also important to know that this manner is temporary for the
+Defining environment variables can vary between OSes. It’s also important to know that this manner is temporary for the
 life of the shell session.
 
 #### Windows (cmd.exe)
@@ -1173,7 +1173,7 @@ For an example, a simple button component could have following states:
 
 Usually, it’s hard to see these states without running a sample app or some examples.
 
-Create React App doesn't include any tools for this by default, but you can easily add [React Storybook](https://github.com/kadirahq/react-storybook) to your project. **It is a third-party tool that lets you develop components and see all their states in isolation from your app**.
+Create React App doesn’t include any tools for this by default, but you can easily add [React Storybook](https://github.com/kadirahq/react-storybook) to your project. **It is a third-party tool that lets you develop components and see all their states in isolation from your app**.
 
 ![React Storybook Demo](http://i.imgur.com/7CIAWpB.gif)
 
@@ -1215,7 +1215,7 @@ cd build
 python -m SimpleHTTPServer 9000
 ```
 
-If you're using [Node](https://nodejs.org/) and [Express](http://expressjs.com/) as a server, it might look like this:
+If you’re using [Node](https://nodejs.org/) and [Express](http://expressjs.com/) as a server, it might look like this:
 
 ```javascript
 const express = require('express');
@@ -1281,9 +1281,9 @@ See [this](https://medium.com/@to_pe/deploying-create-react-app-on-microsoft-azu
 
 ### Firebase
 
-Install the Firebase CLI if you haven't already by running `npm install -g firebase-tools`. Sign up for a [Firebase account](https://console.firebase.google.com/) and create a new project. Run `firebase login` and login with your previous created Firebase account.
+Install the Firebase CLI if you haven’t already by running `npm install -g firebase-tools`. Sign up for a [Firebase account](https://console.firebase.google.com/) and create a new project. Run `firebase login` and login with your previous created Firebase account.
 
-Then run the `firebase init` command from your project's root. You need to choose the **Hosting: Configure and deploy Firebase Hosting sites** and choose the Firebase project you created in the previous step. You will need to agree with `database.rules.json` being created, choose `build` as the public directory, and also agree to **Configure as a single-page app** by replying with `y`.
+Then run the `firebase init` command from your project’s root. You need to choose the **Hosting: Configure and deploy Firebase Hosting sites** and choose the Firebase project you created in the previous step. You will need to agree with `database.rules.json` being created, choose `build` as the public directory, and also agree to **Configure as a single-page app** by replying with `y`.
 
 ```sh
     === Project Setup
@@ -1388,7 +1388,7 @@ Then run:
 npm run deploy
 ```
 
-#### Step 4: Ensure your project's settings use `gh-pages`
+#### Step 4: Ensure your project’s settings use `gh-pages`
 
 Finally, make sure **GitHub Pages** option in your GitHub project settings is set to use the `gh-pages` branch:
 
@@ -1400,7 +1400,7 @@ You can configure a custom domain with GitHub Pages by adding a `CNAME` file to
 
 #### Notes on client-side routing
 
-GitHub Pages doesn't support routers that use the HTML5 `pushState` history API under the hood (for example, React Router using `browserHistory`). This is because when there is a fresh page load for a url like `http://user.github.io/todomvc/todos/42`, where `/todos/42` is a frontend route, the GitHub Pages server returns 404 because it knows nothing of `/todos/42`. If you want to add a router to a project hosted on GitHub Pages, here are a couple of solutions:
+GitHub Pages doesn’t support routers that use the HTML5 `pushState` history API under the hood (for example, React Router using `browserHistory`). This is because when there is a fresh page load for a url like `http://user.github.io/todomvc/todos/42`, where `/todos/42` is a frontend route, the GitHub Pages server returns 404 because it knows nothing of `/todos/42`. If you want to add a router to a project hosted on GitHub Pages, here are a couple of solutions:
 
 * You could switch from using HTML5 history API to routing with hashes. If you use React Router, you can switch to `hashHistory` for this effect, but the URL will be longer and more verbose (for example, `http://user.github.io/todomvc/#/todos/42?_k=yknaj`). [Read more](https://github.com/reactjs/react-router/blob/master/docs/guides/Histories.md#histories) about different history implementations in React Router.
 * Alternatively, you can use a trick to teach GitHub Pages to handle 404 by redirecting to your `index.html` page with a special redirect parameter. You would need to add a `404.html` file with the redirection code to the `build` folder before deploying your project, and you’ll need to add code handling the redirect parameter to `index.html`. You can find a detailed explanation of this technique [in this guide](https://github.com/rafrex/spa-github-pages).
@@ -1410,9 +1410,13 @@ GitHub Pages doesn't support routers that use the HTML5 `pushState` history API
 Use the [Heroku Buildpack for Create React App](https://github.com/mars/create-react-app-buildpack).<br>
 You can find instructions in [Deploying React with Zero Configuration](https://blog.heroku.com/deploying-react-with-zero-configuration).
 
-#### Resolving "Module not found: Error: Cannot resolve 'file' or 'directory'"
+#### Resolving Heroku Deployment Errors
 
-Sometimes `npm run build` works locally but fails during deploy via Heroku with an error like this:
+Sometimes `npm run build` works locally but fails during deploy via Heroku. Following are the most common cases.
+
+##### "Module not found: Error: Cannot resolve 'file' or 'directory'"
+
+If you get something like this:
 
 ```
 remote: Failed to create a production build. Reason:
@@ -1420,17 +1424,32 @@ remote: Module not found: Error: Cannot resolve 'file' or 'directory'
 MyDirectory in /tmp/build_1234/src
 ```
 
-This means you need to ensure that the lettercase of the file or directory you `import` matches the one you see on your filesystem or on GitHub.
+It means you need to ensure that the lettercase of the file or directory you `import` matches the one you see on your filesystem or on GitHub.
 
 This is important because Linux (the operating system used by Heroku) is case sensitive. So `MyDirectory` and `mydirectory` are two distinct directories and thus, even though the project builds locally, the difference in case breaks the `import` statements on Heroku remotes.
 
+##### "Could not find a required file."
+
+If you exclude or ignore necessary files from the package you will see a error similar this one:
+
+```
+remote: Could not find a required file.
+remote:   Name: `index.html`
+remote:   Searched in: /tmp/build_a2875fc163b209225122d68916f1d4df/public
+remote:
+remote: npm ERR! Linux 3.13.0-105-generic
+remote: npm ERR! argv "/tmp/build_a2875fc163b209225122d68916f1d4df/.heroku/node/bin/node" "/tmp/build_a2875fc163b209225122d68916f1d4df/.heroku/node/bin/npm" "run" "build"
+```
+
+In this case, ensure that the file is there with the proper lettercase and that’s not ignored on your local `.gitignore` or `~/.gitignore_global`.
+
 ### Modulus
 
 See the [Modulus blog post](http://blog.modulus.io/deploying-react-apps-on-modulus) on how to deploy your react app to Modulus.
 
 ## Netlify
 
-**To do a manual deploy to Netlify's CDN:**
+**To do a manual deploy to Netlify’s CDN:**
 
 ```sh
 npm install netlify-cli
@@ -1467,7 +1486,7 @@ See this [blog post](https://medium.com/@omgwtfmarc/deploying-create-react-app-t
 
 ### Surge
 
-Install the Surge CLI if you haven't already by running `npm install -g surge`. Run the `surge` command and log in you or create a new account. You just need to specify the *build* folder and your custom domain, and you are done.
+Install the Surge CLI if you haven’t already by running `npm install -g surge`. Run the `surge` command and log in you or create a new account. You just need to specify the *build* folder and your custom domain, and you are done.
 
 ```sh
               email: email@domain.com
@@ -1535,7 +1554,7 @@ brew reinstall watchman
 
 You can find [other installation methods](https://facebook.github.io/watchman/docs/install.html#build-install) on the Watchman documentation page.
 
-If this still doesn't help, try running `launchctl unload -F ~/Library/LaunchAgents/com.github.facebook.watchman.plist`.
+If this still doesn’t help, try running `launchctl unload -F ~/Library/LaunchAgents/com.github.facebook.watchman.plist`.
 
 There are also reports that *uninstalling* Watchman fixes the issue. So if nothing else helps, remove it from your system and try again.
 
@@ -1546,7 +1565,7 @@ It is reported that `npm run build` can fail on machines with no swap space, whi
 ### `npm run build` fails on Heroku
 
 This may be a problem with case sensitive filenames.
-Please refer to [this section](#resolving-module-not-found-error-cannot-resolve-file-or-directory).
+Please refer to [this section](#resolving-heroku-deployment-errors).
 
 ## Something Missing?
 

From b609ac96fefb944114a9818d7e9c9f81fa7616f2 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Fri, 24 Feb 2017 17:06:54 -0500
Subject: [PATCH 056/163] Use posix paths for Jest config during eject (#1635)

Resolves #1417 and #1498.
---
 packages/react-scripts/scripts/eject.js | 2 +-
 packages/react-scripts/scripts/test.js  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react-scripts/scripts/eject.js b/packages/react-scripts/scripts/eject.js
index 6e609c4f9f1..701907fa436 100644
--- a/packages/react-scripts/scripts/eject.js
+++ b/packages/react-scripts/scripts/eject.js
@@ -129,7 +129,7 @@ prompt(
   // Add Jest config
   console.log('  Adding ' + cyan('Jest') + ' configuration');
   appPackage.jest = createJestConfig(
-    filePath => path.join('<rootDir>', filePath),
+    filePath => path.posix.join('<rootDir>', filePath),
     null,
     true
   );
diff --git a/packages/react-scripts/scripts/test.js b/packages/react-scripts/scripts/test.js
index 9de5181d739..1a408215d66 100644
--- a/packages/react-scripts/scripts/test.js
+++ b/packages/react-scripts/scripts/test.js
@@ -32,7 +32,7 @@ const createJestConfig = require('../utils/createJestConfig');
 const path = require('path');
 const paths = require('../config/paths');
 argv.push('--config', JSON.stringify(createJestConfig(
-  relativePath => path.resolve(__dirname, '..', relativePath),
+  relativePath => path.posix.resolve(__dirname.replace(/[\\]+/g, path.posix.sep), '..', relativePath),
   path.resolve(paths.appSrc, '..'),
   false
 )));

From dbf17fd0e4b905c7b4f188dfcb64977284656dab Mon Sep 17 00:00:00 2001
From: Matt Crampton <matt@mattcrampton.com>
Date: Fri, 24 Feb 2017 14:28:36 -0800
Subject: [PATCH 057/163] Setting a dynamic port value for the pushstate-server
 URL text (#1628)

* Setting a dynamic port value for the pushstate-server URL text after a build is completed

* Fixing merge conflict
---
 packages/react-scripts/scripts/build.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/scripts/build.js b/packages/react-scripts/scripts/build.js
index 0522201d26d..e5c10d616ad 100644
--- a/packages/react-scripts/scripts/build.js
+++ b/packages/react-scripts/scripts/build.js
@@ -233,7 +233,7 @@ function build(previousSizeMap) {
         console.log('  ' + chalk.cyan('npm') +  ' install -g pushstate-server');
       }
       console.log('  ' + chalk.cyan('pushstate-server') + ' ' + build);
-      console.log('  ' + chalk.cyan(openCommand) + ' http://localhost:9000');
+      console.log('  ' + chalk.cyan(openCommand) + ' http://localhost:' + (process.env.PORT || 9000)
       console.log();
     }
   });

From 3289c3202149980b0ce4326e39d5501ee88d5284 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Fri, 24 Feb 2017 22:29:36 +0000
Subject: [PATCH 058/163] Fix up broken line

---
 packages/react-scripts/scripts/build.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/scripts/build.js b/packages/react-scripts/scripts/build.js
index e5c10d616ad..6892fcd6aff 100644
--- a/packages/react-scripts/scripts/build.js
+++ b/packages/react-scripts/scripts/build.js
@@ -233,7 +233,7 @@ function build(previousSizeMap) {
         console.log('  ' + chalk.cyan('npm') +  ' install -g pushstate-server');
       }
       console.log('  ' + chalk.cyan('pushstate-server') + ' ' + build);
-      console.log('  ' + chalk.cyan(openCommand) + ' http://localhost:' + (process.env.PORT || 9000)
+      console.log('  ' + chalk.cyan(openCommand) + ' http://localhost:' + (process.env.PORT || 9000));
       console.log();
     }
   });

From 2288ddf3b6d50c1b39fbf7b6dcf60c31f8d98a2b Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Sat, 25 Feb 2017 00:03:12 -0500
Subject: [PATCH 059/163] Support & test import() for non-bundled code (#1615)

* Test basic import syntax

* Compile import() in test, only support syntax otherwise
---
 packages/babel-preset-react-app/index.js              | 11 +++++++----
 packages/babel-preset-react-app/package.json          |  1 +
 .../kitchensink/src/features/syntax/Promises.test.js  |  7 ++++---
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/babel-preset-react-app/index.js b/packages/babel-preset-react-app/index.js
index d0e1007f2e2..3760ec4e1ae 100644
--- a/packages/babel-preset-react-app/index.js
+++ b/packages/babel-preset-react-app/index.js
@@ -30,9 +30,7 @@ const plugins = [
     regenerator: true,
     // Resolve the Babel runtime relative to the config.
     moduleName: path.dirname(require.resolve('babel-runtime/package'))
-  }],
-  // Enables parsing of import()
-  require.resolve('babel-plugin-syntax-dynamic-import')
+  }]
 ];
 
 // This is similar to how `env` works in Babel:
@@ -77,7 +75,10 @@ if (env === 'test') {
       // JSX, Flow
       require.resolve('babel-preset-react')
     ],
-    plugins: plugins
+    plugins: plugins.concat([
+      // Compiles import() to a deferred require()
+      require.resolve('babel-plugin-dynamic-import-node')
+    ])
   };
 } else {
   module.exports = {
@@ -97,6 +98,8 @@ if (env === 'test') {
         // Async functions are converted to generators by babel-preset-latest
         async: false
       }],
+      // Adds syntax support for import()
+      require.resolve('babel-plugin-syntax-dynamic-import'),
     ])
   };
 
diff --git a/packages/babel-preset-react-app/package.json b/packages/babel-preset-react-app/package.json
index 92de2d3a31a..3883516e56a 100644
--- a/packages/babel-preset-react-app/package.json
+++ b/packages/babel-preset-react-app/package.json
@@ -11,6 +11,7 @@
     "index.js"
   ],
   "dependencies": {
+    "babel-plugin-dynamic-import-node": "1.0.0",
     "babel-plugin-syntax-dynamic-import": "6.18.0",
     "babel-plugin-transform-class-properties": "6.22.0",
     "babel-plugin-transform-object-rest-spread": "6.22.0",
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.test.js
index 36c5984a4b5..3783cca0a54 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.test.js
@@ -1,12 +1,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Promises from './Promises';
 
 describe('promises', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    return new Promise(resolve => {
-      ReactDOM.render(<Promises onReady={resolve} />, div);
+    return import('./Promises').then(({ default: Promises }) => {
+      return new Promise(resolve => {
+        ReactDOM.render(<Promises onReady={resolve} />, div);
+      });
     });
   });
 });

From 6876c40259b907b9766a53ee3ca819c5bba96e4d Mon Sep 17 00:00:00 2001
From: Vicente Jr Yuchitcho <chitchu@users.noreply.github.com>
Date: Sun, 26 Feb 2017 03:48:53 +1100
Subject: [PATCH 060/163] Gracefully handle initial installation error (#1512)

* Gracefully handle initial installation error

* Print out message when problem occurs
* Delete project folder on errors

* Fix directory deleting message

Resolves #1505
---
 packages/create-react-app/index.js | 25 ++++++++++++++++++++++++-
 tasks/e2e-installs.sh              | 26 ++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
index 6b7dce9b6be..d5afee43b8f 100755
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -182,7 +182,30 @@ function run(root, appName, version, verbose, originalDirectory, template) {
 
   install(allDependencies, verbose, function(code, command, args) {
     if (code !== 0) {
-      console.error(chalk.cyan(command + ' ' + args.join(' ')) + ' failed');
+      console.log();
+      console.error('Aborting installation.', chalk.cyan(command + ' ' + args.join(' ')), 'has failed.');
+      // On 'exit' we will delete these files from target directory.
+      var knownGeneratedFiles = [
+        'package.json', 'npm-debug.log', 'yarn-error.log', 'yarn-debug.log', 'node_modules'
+      ];
+      var currentFiles = fs.readdirSync(path.join(root));
+      currentFiles.forEach(function (file) {
+        knownGeneratedFiles.forEach(function (fileToMatch) {
+          // This will catch `(npm-debug|yarn-error|yarn-debug).log*` files
+          // and the rest of knownGeneratedFiles.
+          if ((fileToMatch.match(/.log/g) && file.indexOf(fileToMatch) === 0) || file === fileToMatch) {
+            console.log('Deleting generated file...', chalk.cyan(file));
+            fs.removeSync(path.join(root, file));
+          }
+        });
+      });
+      var remainingFiles = fs.readdirSync(path.join(root));
+      if (!remainingFiles.length) {
+        // Delete target folder if empty
+        console.log('Deleting', chalk.cyan(appName + '/'), 'from', chalk.cyan(path.resolve(root, '..')));
+        fs.removeSync(path.join(root));
+      }
+      console.log('Done.');
       process.exit(1);
     }
 
diff --git a/tasks/e2e-installs.sh b/tasks/e2e-installs.sh
index d3427f8c884..ac25da7e609 100755
--- a/tasks/e2e-installs.sh
+++ b/tasks/e2e-installs.sh
@@ -119,6 +119,32 @@ cd test-app-fork
 # Check corresponding scripts version is installed.
 exists node_modules/react-scripts-fork
 
+# ******************************************************************************
+# Test project folder is deleted on failing package installation
+# ******************************************************************************
+
+cd $temp_app_path
+# we will install a non-existing package to simulate a failed installataion.
+create_react_app --scripts-version=`date +%s` test-app-should-not-exist || true
+# confirm that the project folder was deleted
+test ! -d test-app-should-not-exist
+
+# ******************************************************************************
+# Test project folder is not deleted when creating app over existing folder
+# ******************************************************************************
+
+cd $temp_app_path
+mkdir test-app-should-remain
+echo '## Hello' > ./test-app-should-remain/README.md
+# we will install a non-existing package to simulate a failed installataion.
+create_react_app --scripts-version=`date +%s` test-app-should-remain || true
+# confirm the file exist
+test -e test-app-should-remain/README.md
+# confirm only README.md is the only file in the directory
+if [ "$(ls -1 ./test-app-should-remain | wc -l | tr -d '[:space:]')" != "1" ]; then
+  false
+fi
+
 # ******************************************************************************
 # Test nested folder path as the project name
 # ******************************************************************************

From f3d8ffff0fe85ed8e54320e2ac81d0da36f2d806 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Sat, 25 Feb 2017 21:13:45 -0500
Subject: [PATCH 061/163] Published 0.9.1 at
 9e2624f332eea9032051dceb95eebfad5c158561  - babel-preset-react-app@2.1.1  -
 create-react-app@1.1.0  - eslint-config-react-app@0.5.2  -
 react-dev-utils@0.5.1  - react-scripts@0.9.1

---
 packages/babel-preset-react-app/package.json  | 2 +-
 packages/create-react-app/package.json        | 2 +-
 packages/eslint-config-react-app/package.json | 2 +-
 packages/react-dev-utils/package.json         | 2 +-
 packages/react-scripts/package.json           | 8 ++++----
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/babel-preset-react-app/package.json b/packages/babel-preset-react-app/package.json
index 3883516e56a..049d75db3ee 100644
--- a/packages/babel-preset-react-app/package.json
+++ b/packages/babel-preset-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "babel-preset-react-app",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Babel preset used by Create React App",
   "repository": "facebookincubator/create-react-app",
   "license": "BSD-3-Clause",
diff --git a/packages/create-react-app/package.json b/packages/create-react-app/package.json
index 93df8da55b8..e1eb1c45ef2 100644
--- a/packages/create-react-app/package.json
+++ b/packages/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-react-app",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "keywords": [
     "react"
   ],
diff --git a/packages/eslint-config-react-app/package.json b/packages/eslint-config-react-app/package.json
index 87c7e8742f7..344cd4a0214 100644
--- a/packages/eslint-config-react-app/package.json
+++ b/packages/eslint-config-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-react-app",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "ESLint configuration used by Create React App",
   "repository": "facebookincubator/create-react-app",
   "license": "BSD-3-Clause",
diff --git a/packages/react-dev-utils/package.json b/packages/react-dev-utils/package.json
index cc58ae55c63..aae3b83ff01 100644
--- a/packages/react-dev-utils/package.json
+++ b/packages/react-dev-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-dev-utils",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Webpack utilities used by Create React App",
   "repository": "facebookincubator/create-react-app",
   "license": "BSD-3-Clause",
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 792245b3b16..8bb92ce9ec4 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-scripts",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Configuration and scripts for Create React App.",
   "repository": "facebookincubator/create-react-app",
   "license": "BSD-3-Clause",
@@ -28,7 +28,7 @@
     "babel-eslint": "7.1.1",
     "babel-jest": "18.0.0",
     "babel-loader": "6.3.2",
-    "babel-preset-react-app": "^2.1.0",
+    "babel-preset-react-app": "^2.1.1",
     "babel-runtime": "^6.20.0",
     "case-sensitive-paths-webpack-plugin": "1.1.4",
     "chalk": "1.1.3",
@@ -38,7 +38,7 @@
     "detect-port": "1.0.1",
     "dotenv": "2.0.0",
     "eslint": "3.8.1",
-    "eslint-config-react-app": "^0.5.1",
+    "eslint-config-react-app": "^0.5.2",
     "eslint-loader": "1.6.3",
     "eslint-plugin-flowtype": "2.21.0",
     "eslint-plugin-import": "2.0.1",
@@ -55,7 +55,7 @@
     "object-assign": "4.1.1",
     "postcss-loader": "1.3.1",
     "promise": "7.1.1",
-    "react-dev-utils": "^0.5.0",
+    "react-dev-utils": "^0.5.1",
     "recursive-readdir": "2.1.1",
     "strip-ansi": "3.0.1",
     "style-loader": "0.13.1",

From e1aaf397188304aae2308dfdd8e4eeb27b3b6729 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Sat, 25 Feb 2017 20:42:41 -0500
Subject: [PATCH 062/163] Add changelog for 0.9.1

---
 CHANGELOG.md | 186 ++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 155 insertions(+), 31 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3857dd1a915..514fd793aed 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,127 @@
+## 0.9.1 (February 25, 2017)
+
+#### :bug: Bug Fix
+* `react-scripts`
+  * [#1628](https://github.com/facebookincubator/create-react-app/pull/1628) Setting a dynamic port value for the pushstate-server URL text. ([@mattccrampton](https://github.com/mattccrampton))
+
+  * [#1635](https://github.com/facebookincubator/create-react-app/pull/1635) Retain posix paths in Jest config. ([@Timer](https://github.com/Timer))
+
+    Ejecting on Windows no longer causes `npm test` to not function on macOS and Linux machines.
+
+  * [#1356](https://github.com/facebookincubator/create-react-app/pull/1356) Fix workflow if react-scripts package is linked via npm-link. ([@tuchk4](https://github.com/tuchk4))
+
+    `react-scripts` will now function as expected when linking to a development version. Previously, you could not test changes with an existing application via linking.
+
+  * [#1585](https://github.com/facebookincubator/create-react-app/pull/1585) PORT env variable not always an integer. ([@matoilic](https://github.com/matoilic))
+
+#### :nail_care: Enhancement
+* `react-scripts`
+  * [#1478](https://github.com/facebookincubator/create-react-app/pull/1478) Use real build path name in build output. ([@chyipin](https://github.com/chyipin))
+  * [#1578](https://github.com/facebookincubator/create-react-app/pull/1578) Enable eslint caching in development. ([@viankakrisna](https://github.com/viankakrisna))
+  * [#1560](https://github.com/facebookincubator/create-react-app/pull/1560) Bump `recursive-readdir`. ([@wtgtybhertgeghgtwtg](https://github.com/wtgtybhertgeghgtwtg))
+  * [#1567](https://github.com/facebookincubator/create-react-app/pull/1567) Remove .bin files defined at react-scripts/package.json after eject. ([@tuchk4](https://github.com/tuchk4))
+  * [#1495](https://github.com/facebookincubator/create-react-app/pull/1495) Add useful link to react-scripts. ([@pd4d10](https://github.com/pd4d10))
+
+* `create-react-app`
+  * [#1512](https://github.com/facebookincubator/create-react-app/pull/1512) Gracefully handle initial installation error (#1505). ([@chitchu](https://github.com/chitchu))
+
+    If an error occurs while `create-react-app` is running, it will now clean up and not leave a broken project to reduce confusion.
+
+  * [#1193](https://github.com/facebookincubator/create-react-app/pull/1193) NPM version check for tip. ([@mobinni](https://github.com/mobinni))
+
+  * [#1603](https://github.com/facebookincubator/create-react-app/pull/1603) Fix conflict file issue in IJ static web projects by adding web.iml to the exclusion list. ([@driquelme](https://github.com/driquelme))
+
+  * [#1570](https://github.com/facebookincubator/create-react-app/pull/1570) Allow --scripts-version git urls. ([@tomconroy](https://github.com/tomconroy))
+
+* `create-react-app`, `react-scripts`
+  * [#1253](https://github.com/facebookincubator/create-react-app/pull/1253) Install React, ReactDOM and React-Scripts at the same time. ([@n3tr](https://github.com/n3tr))
+
+     React, ReactDOM, and `react-scripts` are now installed in the same install instead of two different installs. This reduces app creation time by a noticeable amount.
+
+#### :memo: Documentation
+* `react-scripts`
+  * [#1391](https://github.com/facebookincubator/create-react-app/pull/1391) adding a note on how to resolve "Could not find a required file." dep…. ([@sbritoig](https://github.com/sbritoig))
+  * [#1577](https://github.com/facebookincubator/create-react-app/pull/1577) Added a how-to on react-snapshot. ([@superhighfives](https://github.com/superhighfives))
+  * [#1121](https://github.com/facebookincubator/create-react-app/pull/1121) Add documentation for customizing Bootstrap theme. ([@myappincome](https://github.com/myappincome))
+  * [#1540](https://github.com/facebookincubator/create-react-app/pull/1540) Document debugging in the browser.. ([@bondz](https://github.com/bondz))
+  * [#1618](https://github.com/facebookincubator/create-react-app/pull/1618) Add note about when to import bootstrap CSS.. ([@joewoodhouse](https://github.com/joewoodhouse))
+  * [#1518](https://github.com/facebookincubator/create-react-app/pull/1518) Update flow configuration documentation. ([@SBrown52](https://github.com/SBrown52))
+  * [#1625](https://github.com/facebookincubator/create-react-app/pull/1625) add a comment about NODE_ENV value set to 'production' during build step. ([@mderazon](https://github.com/mderazon))
+  * [#1573](https://github.com/facebookincubator/create-react-app/pull/1573) Update README.md. ([@mkermani144](https://github.com/mkermani144))
+  * [#1564](https://github.com/facebookincubator/create-react-app/pull/1564) add --recursive to sass watch script. ([@aleburato](https://github.com/aleburato))
+  * [#1561](https://github.com/facebookincubator/create-react-app/pull/1561) Use https in link to Ignoring files at Github. ([@dariocravero](https://github.com/dariocravero))
+  * [#1562](https://github.com/facebookincubator/create-react-app/pull/1562) modified documentation for setting up jest-enzyme. ([@kiranps](https://github.com/kiranps))
+  * [#1543](https://github.com/facebookincubator/create-react-app/pull/1543) update CSS preprocessor instructions. ([@aleburato](https://github.com/aleburato))
+  * [#1338](https://github.com/facebookincubator/create-react-app/pull/1338) Added link to Azure deployment tutorial. ([@tpetrina](https://github.com/tpetrina))
+  * [#1320](https://github.com/facebookincubator/create-react-app/pull/1320) [documentation] how to disable autoprefix feature. ([@rrubas](https://github.com/rrubas))
+  * [#1313](https://github.com/facebookincubator/create-react-app/pull/1313) List features beyond ES6 supported by create-react-app. ([@jonathanconway](https://github.com/jonathanconway))
+  * [#1008](https://github.com/facebookincubator/create-react-app/pull/1008) Add SASS support documentation #1007. ([@tsironis](https://github.com/tsironis))
+  * [#994](https://github.com/facebookincubator/create-react-app/pull/994) Suggest jest-enzyme for simplifying test matchers. ([@blainekasten](https://github.com/blainekasten))
+  * [#1608](https://github.com/facebookincubator/create-react-app/pull/1608) Add note for using CHOKIDAR_USEPOLLING in virtual machines to enable HMR. ([@AJamesPhillips](https://github.com/AJamesPhillips))
+* READMEs
+  * [#1576](https://github.com/facebookincubator/create-react-app/pull/1576) Switch from Neo to Neutrino. ([@eliperelman](https://github.com/eliperelman))
+  * [#1275](https://github.com/facebookincubator/create-react-app/pull/1275) Correct Command in README.md. ([@lifez](https://github.com/lifez))
+
+#### :house: Internal
+* `babel-preset-react-app`
+  * [#1598](https://github.com/facebookincubator/create-react-app/pull/1598) babel-preset: remove babel-plugin-transform-es2015-parameters. ([@christophehurpeau](https://github.com/christophehurpeau))
+* Other
+  * [#1534](https://github.com/facebookincubator/create-react-app/pull/1534) Use Yarn latest in e2e. ([@gaearon](https://github.com/gaearon))
+  * [#1295](https://github.com/facebookincubator/create-react-app/pull/1295) Make node version check more robust in e2e.sh. ([@pugnascotia](https://github.com/pugnascotia))
+  * [#1503](https://github.com/facebookincubator/create-react-app/pull/1503) Fix `test -e` with wildcard arguments.. ([@igetgames](https://github.com/igetgames))
+
+#### Committers: 36
+- Ade Viankakrisna Fadlil ([viankakrisna](https://github.com/viankakrisna))
+- Alessandro Burato ([aleburato](https://github.com/aleburato))
+- Alexander James Phillips ([AJamesPhillips](https://github.com/AJamesPhillips))
+- Blaine Kasten ([blainekasten](https://github.com/blainekasten))
+- Bond ([bondz](https://github.com/bondz))
+- Charlie Gleason ([superhighfives](https://github.com/superhighfives))
+- Christophe Hurpeau ([christophehurpeau](https://github.com/christophehurpeau))
+- Dan Abramov ([gaearon](https://github.com/gaearon))
+- Daniel Riquelme ([driquelme](https://github.com/driquelme))
+- Darío Javier Cravero ([dariocravero](https://github.com/dariocravero))
+- Dimitris Tsironis ([tsironis](https://github.com/tsironis))
+- Eli Perelman ([eliperelman](https://github.com/eliperelman))
+- Jirat Ki. ([n3tr](https://github.com/n3tr))
+- Joe Haddad ([Timer](https://github.com/Timer))
+- Joe Woodhouse ([joewoodhouse](https://github.com/joewoodhouse))
+- Jonathan Conway ([jonathanconway](https://github.com/jonathanconway))
+- Marcus R. Brown ([igetgames](https://github.com/igetgames))
+- Mato Ilic ([matoilic](https://github.com/matoilic))
+- Matt Crampton ([mattccrampton](https://github.com/mattccrampton))
+- Michael DeRazon ([mderazon](https://github.com/mderazon))
+- Mo Binni ([mobinni](https://github.com/mobinni))
+- Mohammad Kermani ([mkermani144](https://github.com/mkermani144))
+- Phawin Khongkhasawan ([lifez](https://github.com/lifez))
+- Roman Rubas ([rrubas](https://github.com/rrubas))
+- Rory Hunter ([pugnascotia](https://github.com/pugnascotia))
+- Tom Conroy ([tomconroy](https://github.com/tomconroy))
+- Toni Petrina ([tpetrina](https://github.com/tpetrina))
+- Valerii Sorokobatko ([tuchk4](https://github.com/tuchk4))
+- Vicente Jr Yuchitcho ([chitchu](https://github.com/chitchu))
+- [SBrown52](https://github.com/SBrown52)
+- [chyipin](https://github.com/chyipin)
+- [myappincome](https://github.com/myappincome)
+- [sbritoig](https://github.com/sbritoig)
+- [wtgtybhertgeghgtwtg](https://github.com/wtgtybhertgeghgtwtg)
+- kiran ps ([kiranps](https://github.com/kiranps))
+- pd4d10 ([pd4d10](https://github.com/pd4d10))
+
+### Migrating from 0.9.0 to 0.9.1
+
+Inside any created project that has not been ejected, run:
+
+```
+npm install --save-dev --save-exact react-scripts@0.9.1
+```
+
+You may also optionally update the global command-line utility for more efficient installs (thanks [@n3tr](https://github.com/n3tr)):
+
+```
+npm install -g create-react-app@1.1.0
+```
+
 ## 0.9.0 (February 11, 2017)
 
 Thanks to [@Timer](https://github.com/timer) for cutting this release.
@@ -7,23 +131,23 @@ Thanks to [@Timer](https://github.com/timer) for cutting this release.
 * `react-scripts`
 
   * [#1489](https://github.com/facebookincubator/create-react-app/pull/1489) Support setting `"homepage"` to `"."` to generate relative asset paths. ([@tibdex](https://github.com/tibdex))
-  
+
     Applications that don’t use the HTML5 `pushState` API can now be built to be served from any relative URL. To enable this, specify `"."` as your `homepage` setting in `package.json`. It used to be possible before with a few known bugs, but they should be fixed now. See [Serving the Same Build from Different Paths](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#serving-the-same-build-from-different-paths).
 
   * [#937](https://github.com/facebookincubator/create-react-app/pull/1504) Add `PUBLIC_URL` environment variable for advanced use. ([@EnoahNetzach](https://github.com/EnoahNetzach))
-  
+
     If you use a CDN to serve the app, you can now specify `PUBLIC_URL` environment variable to override the base URL (including the hostname) for resources referenced from the built code. This new variable is mentioned in the new [Advanced Configuration](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#advanced-configuration) section.
 
   * [#1440](https://github.com/facebookincubator/create-react-app/pull/1440) Make all `REACT_APP_*` environment variables accessible in `index.html`. ([@jihchi](https://github.com/jihchi))
-  
+
     This makes all environment variables previously available in JS, also available in the HTML file, for example `%REACT_APP_MY_VARIABLE%`. See [Referencing Environment Variables in HTML](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#referencing-environment-variables-in-the-html).
 
 * `react-dev-utils`
 
   * [#1148](https://github.com/facebookincubator/create-react-app/pull/1148) Configure which browser to open with `npm start`. ([@GAumala](https://github.com/GAumala))
-  
+
     You can now disable the automatic browser launching by setting the `BROWSER` environment variable to `none`. You can also specify a different browser (or an arbitrary script) to open by default, [as supported by `opn` command](https://github.com/sindresorhus/opn#app) that we use under the hood. See [Advanced Configuration](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#advanced-configuration).
-  
+
 #### :boom: Breaking Change
 
 * `react-scripts`
@@ -31,7 +155,7 @@ Thanks to [@Timer](https://github.com/timer) for cutting this release.
   * [#1522](https://github.com/facebookincubator/create-react-app/pull/1522) Upgrade dependencies. ([@Timer](https://github.com/Timer))
   * [#1432](https://github.com/facebookincubator/create-react-app/pull/1432) Bump Jest version. ([@gaearon](https://github.com/gaearon))
   * [#1311](https://github.com/facebookincubator/create-react-app/pull/1311) Updated `babel-jest` and `jest` packages to 18.0.0. ([@lopezator](https://github.com/lopezator))
-  
+
     Jest has been updated to 18 and has introduced some [breaking changes and new features](https://facebook.github.io/jest/blog/2016/12/15/2016-in-jest.html).
 
 * `react-scripts`, `react-dev-utils`
@@ -45,7 +169,7 @@ Thanks to [@Timer](https://github.com/timer) for cutting this release.
 * `react-scripts`
 
   * [#1441](https://github.com/facebookincubator/create-react-app/pull/1441) Added `babel-runtime` dependency to deduplicate dependencies when using Yarn. ([@jkimbo](https://github.com/jkimbo))
-  
+
     This works around a bug in Yarn that caused newly created projects to be over 400MB. Now they are down to 126MB, just like with npm 3.
 
   * [#1522](https://github.com/facebookincubator/create-react-app/pull/1522) Upgrade dependencies. ([@Timer](https://github.com/Timer))
@@ -110,7 +234,7 @@ Thanks to [@Timer](https://github.com/timer) for cutting this release.
   * [#1463](https://github.com/facebookincubator/create-react-app/pull/1463) Minor code style and wrong expect. ([@tuchk4](https://github.com/tuchk4))
   * [#1470](https://github.com/facebookincubator/create-react-app/pull/1470) E2e jsdom fix. ([@EnoahNetzach](https://github.com/EnoahNetzach))
   * [#1187](https://github.com/facebookincubator/create-react-app/pull/1187) Use a more sophisticated template for end-to-end testing.. ([@EnoahNetzach](https://github.com/EnoahNetzach))
-  
+
 * Other
 
   * [#1289](https://github.com/facebookincubator/create-react-app/pull/1289) Remove path-exists from dependencies and replace it with fs.existsSync. ([@halfzebra](https://github.com/halfzebra))
@@ -197,60 +321,60 @@ npm install -g create-react-app@1.0.3
 * `react-scripts`
 
   * [#1233](https://github.com/facebookincubator/create-react-app/pull/1233) Disable subresource integrity temporarily. ([@Timer](https://github.com/Timer))
-  
+
     We added [Subresource Integrity](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity) checks to the build output in 0.8.2 but it turns out that they may fail in browsers using special compression proxies, such as Chrome on Android, when served over HTTP. We disabled the checks until we can find a safe way to add them.
-  
+
 * `react-dev-utils`
 
   * [#1226](https://github.com/facebookincubator/create-react-app/pull/1226) Fix weird lint output. ([@n3tr](https://github.com/n3tr))
-  
+
     Fixes strange lint message formatting in some edge cases.
-  
+
   * [#1215](https://github.com/facebookincubator/create-react-app/pull/1215) Fix - openChrome won't open default browser (using Canary). ([@n3tr](https://github.com/n3tr))
-  
+
     Fixes a regression that caused stable Google Chrome to be opened even if you are using Canary as the default browser.
-  
+
 * `create-react-app`
 
   * [#1223](https://github.com/facebookincubator/create-react-app/pull/1223) Clean up Yarn detection and install code. ([@fson](https://github.com/fson))
-  
+
   Fixes noisy output on Windows when Yarn is not installed.
 
   * [#1224](https://github.com/facebookincubator/create-react-app/pull/1224) Exit with an error code when npm/yarn install fails. ([@fson](https://github.com/fson))
-  
+
 #### :nail_care: Enhancement
 * `react-scripts`
 
   * [#1237](https://github.com/facebookincubator/create-react-app/pull/1237) Clear scrollback in test mode. ([@gaearon](https://github.com/gaearon))
-  
+
     Ensures test watcher clears the console before running.
-  
+
   * [#1229](https://github.com/facebookincubator/create-react-app/pull/1229) Disable jest watch mode when --coverage flag is present [#1207]. ([@BenoitAverty](https://github.com/BenoitAverty))
-    
+
     Since coverage doesn't work well with watch mode, we don’t run the watcher on `npm test -- --coverage` anymore.
-  
+
   * [#1212](https://github.com/facebookincubator/create-react-app/pull/1212) Proxy rewrites Origin header to match the target server URL. ([@koles](https://github.com/koles))
-  
+
     Makes sure more API endpoints can work with the `proxy` setting.
-  
+
   * [#1222](https://github.com/facebookincubator/create-react-app/pull/1222) Disable gh-page setup instruction if scripts.deploy has been added. ([@n3tr](https://github.com/n3tr))
-  
+
     Suppresses the instructions printed at the end of `npm run build` if `npm run deploy` already exists.
 
 * `create-react-app`
 
   * [#1236](https://github.com/facebookincubator/create-react-app/pull/1236) Tweak console messages. ([@gaearon](https://github.com/gaearon))
-  
+
     Makes error messages more friendly.
-  
+
   * [#1195](https://github.com/facebookincubator/create-react-app/pull/1195) Use "commander" for  cli argv handling. ([@EnoahNetzach](https://github.com/EnoahNetzach))
-  
+
     Adds `create-react-app --help` with a list of options.
 
 * `react-dev-utils`
 
   * [#1211](https://github.com/facebookincubator/create-react-app/pull/1211) Use a better clear console sequence. ([@gaearon](https://github.com/gaearon))
-  
+
     Ensures the development server clears the terminal when files are changed.
 
 #### :memo: Documentation
@@ -300,14 +424,14 @@ npm install -g create-react-app@1.0.2
   * [#1204](https://github.com/facebookincubator/create-react-app/pull/1204) Catch synchronous errors from spawning yarn. ([@gaearon](https://github.com/gaearon))
 
     Fixes a crash when running `create-react-app` in some cases.
-  
+
 * `react-scripts`
   * [#1203](https://github.com/facebookincubator/create-react-app/pull/1203) Update webpack-subresource-integrity to fix Windows builds. ([@gaearon](https://github.com/gaearon))
-    
+
     Fixes a crash when running `npm run build` on Windows.
-  
+
   * [#1201](https://github.com/facebookincubator/create-react-app/pull/1201) Instruct Jest to load native components from RNW instead of RN. ([@remon-georgy](https://github.com/remon-georgy))
-  
+
     Fixes tests for users of React Native Web.
 
 #### :memo: Documentation

From f68cc67cc7ce82909d39148f62750ea7e46c9f44 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Sat, 25 Feb 2017 22:01:45 -0500
Subject: [PATCH 063/163] Update changelog

---
 CHANGELOG.md | 90 ++++++++++++++++++++++++++++------------------------
 1 file changed, 48 insertions(+), 42 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 514fd793aed..0f85d65f02a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,74 +1,80 @@
 ## 0.9.1 (February 25, 2017)
 
-#### :bug: Bug Fix
-* `react-scripts`
-  * [#1628](https://github.com/facebookincubator/create-react-app/pull/1628) Setting a dynamic port value for the pushstate-server URL text. ([@mattccrampton](https://github.com/mattccrampton))
+#### :nail_care: Enhancement
 
-  * [#1635](https://github.com/facebookincubator/create-react-app/pull/1635) Retain posix paths in Jest config. ([@Timer](https://github.com/Timer))
+* `create-react-app`
+  * [#1253](https://github.com/facebookincubator/create-react-app/pull/1253) **Install time optimization.** ([@n3tr](https://github.com/n3tr))
 
-    Ejecting on Windows no longer causes `npm test` to not function on macOS and Linux machines.
+    React, ReactDOM, and `react-scripts` are now installed in the same install instead of two different installs. This reduces app creation time by a noticeable amount.
 
-  * [#1356](https://github.com/facebookincubator/create-react-app/pull/1356) Fix workflow if react-scripts package is linked via npm-link. ([@tuchk4](https://github.com/tuchk4))
+  * [#1512](https://github.com/facebookincubator/create-react-app/pull/1512) **Graceful error handling.** ([@chitchu](https://github.com/chitchu))
 
-    `react-scripts` will now function as expected when linking to a development version. Previously, you could not test changes with an existing application via linking.
+    If an error occurs while `create-react-app` is running, it will now clean up and not leave a broken project to reduce confusion.
 
-  * [#1585](https://github.com/facebookincubator/create-react-app/pull/1585) PORT env variable not always an integer. ([@matoilic](https://github.com/matoilic))
+  * [#1193](https://github.com/facebookincubator/create-react-app/pull/1193) Suggest upgrading to NPM >= 3 for faster install times. ([@mobinni](https://github.com/mobinni))
+
+  * [#1603](https://github.com/facebookincubator/create-react-app/pull/1603) Allow app creation in a WebStorm project. ([@driquelme](https://github.com/driquelme))
+
+  * [#1570](https://github.com/facebookincubator/create-react-app/pull/1570) Allow git urls in `--scripts-version`. ([@tomconroy](https://github.com/tomconroy))
 
-#### :nail_care: Enhancement
 * `react-scripts`
-  * [#1478](https://github.com/facebookincubator/create-react-app/pull/1478) Use real build path name in build output. ([@chyipin](https://github.com/chyipin))
-  * [#1578](https://github.com/facebookincubator/create-react-app/pull/1578) Enable eslint caching in development. ([@viankakrisna](https://github.com/viankakrisna))
+  * [#1578](https://github.com/facebookincubator/create-react-app/pull/1578) Enable lint caching in development. ([@viankakrisna](https://github.com/viankakrisna))
+
+  * [#1478](https://github.com/facebookincubator/create-react-app/pull/1478) Update the build script message to show the correct port. ([@chyipin](https://github.com/chyipin))
+
+  * [#1567](https://github.com/facebookincubator/create-react-app/pull/1567) Remove .bin files after eject. ([@tuchk4](https://github.com/tuchk4))
+
   * [#1560](https://github.com/facebookincubator/create-react-app/pull/1560) Bump `recursive-readdir`. ([@wtgtybhertgeghgtwtg](https://github.com/wtgtybhertgeghgtwtg))
-  * [#1567](https://github.com/facebookincubator/create-react-app/pull/1567) Remove .bin files defined at react-scripts/package.json after eject. ([@tuchk4](https://github.com/tuchk4))
-  * [#1495](https://github.com/facebookincubator/create-react-app/pull/1495) Add useful link to react-scripts. ([@pd4d10](https://github.com/pd4d10))
 
-* `create-react-app`
-  * [#1512](https://github.com/facebookincubator/create-react-app/pull/1512) Gracefully handle initial installation error (#1505). ([@chitchu](https://github.com/chitchu))
+#### :bug: Bug Fix
+* `react-scripts`
 
-    If an error occurs while `create-react-app` is running, it will now clean up and not leave a broken project to reduce confusion.
+  * [#1635](https://github.com/facebookincubator/create-react-app/pull/1635) **Fix Jest configuration.** ([@Timer](https://github.com/Timer))
 
-  * [#1193](https://github.com/facebookincubator/create-react-app/pull/1193) NPM version check for tip. ([@mobinni](https://github.com/mobinni))
+    Fixes ejecting on Windows for macOS and Linux machines.
 
-  * [#1603](https://github.com/facebookincubator/create-react-app/pull/1603) Fix conflict file issue in IJ static web projects by adding web.iml to the exclusion list. ([@driquelme](https://github.com/driquelme))
+  * [#1356](https://github.com/facebookincubator/create-react-app/pull/1356) Fix workflow if react-scripts package is linked via npm-link. ([@tuchk4](https://github.com/tuchk4))
 
-  * [#1570](https://github.com/facebookincubator/create-react-app/pull/1570) Allow --scripts-version git urls. ([@tomconroy](https://github.com/tomconroy))
+    Advanced users may opt to fork `react-scripts` instead of ejecting so they still receive upstream updates.<br>
+    `react-scripts` will now function as expected when linking to a development version.<br>
+    Previously, you could not test changes with an existing application via linking.
 
-* `create-react-app`, `react-scripts`
-  * [#1253](https://github.com/facebookincubator/create-react-app/pull/1253) Install React, ReactDOM and React-Scripts at the same time. ([@n3tr](https://github.com/n3tr))
+  * [#1585](https://github.com/facebookincubator/create-react-app/pull/1585) Ensure PORT environment variable is an integer. ([@matoilic](https://github.com/matoilic))
 
-     React, ReactDOM, and `react-scripts` are now installed in the same install instead of two different installs. This reduces app creation time by a noticeable amount.
+  * [#1628](https://github.com/facebookincubator/create-react-app/pull/1628) Show correct port for pushstate-server URL text. ([@mattccrampton](https://github.com/mattccrampton))
 
 #### :memo: Documentation
-* `react-scripts`
-  * [#1391](https://github.com/facebookincubator/create-react-app/pull/1391) adding a note on how to resolve "Could not find a required file." dep…. ([@sbritoig](https://github.com/sbritoig))
-  * [#1577](https://github.com/facebookincubator/create-react-app/pull/1577) Added a how-to on react-snapshot. ([@superhighfives](https://github.com/superhighfives))
+* User Guides
+  * [#1391](https://github.com/facebookincubator/create-react-app/pull/1391) Add note how to resolve missing required files for Heroku. ([@sbritoig](https://github.com/sbritoig))
+  * [#1577](https://github.com/facebookincubator/create-react-app/pull/1577) Add a how-to on `react-snapshot`. ([@superhighfives](https://github.com/superhighfives))
   * [#1121](https://github.com/facebookincubator/create-react-app/pull/1121) Add documentation for customizing Bootstrap theme. ([@myappincome](https://github.com/myappincome))
-  * [#1540](https://github.com/facebookincubator/create-react-app/pull/1540) Document debugging in the browser.. ([@bondz](https://github.com/bondz))
-  * [#1618](https://github.com/facebookincubator/create-react-app/pull/1618) Add note about when to import bootstrap CSS.. ([@joewoodhouse](https://github.com/joewoodhouse))
+  * [#1540](https://github.com/facebookincubator/create-react-app/pull/1540) Document debugging in Visual Studio Code. ([@bondz](https://github.com/bondz))
+  * [#1618](https://github.com/facebookincubator/create-react-app/pull/1618) Add note about when to import Bootstrap CSS. ([@joewoodhouse](https://github.com/joewoodhouse))
   * [#1518](https://github.com/facebookincubator/create-react-app/pull/1518) Update flow configuration documentation. ([@SBrown52](https://github.com/SBrown52))
-  * [#1625](https://github.com/facebookincubator/create-react-app/pull/1625) add a comment about NODE_ENV value set to 'production' during build step. ([@mderazon](https://github.com/mderazon))
-  * [#1573](https://github.com/facebookincubator/create-react-app/pull/1573) Update README.md. ([@mkermani144](https://github.com/mkermani144))
-  * [#1564](https://github.com/facebookincubator/create-react-app/pull/1564) add --recursive to sass watch script. ([@aleburato](https://github.com/aleburato))
-  * [#1561](https://github.com/facebookincubator/create-react-app/pull/1561) Use https in link to Ignoring files at Github. ([@dariocravero](https://github.com/dariocravero))
-  * [#1562](https://github.com/facebookincubator/create-react-app/pull/1562) modified documentation for setting up jest-enzyme. ([@kiranps](https://github.com/kiranps))
-  * [#1543](https://github.com/facebookincubator/create-react-app/pull/1543) update CSS preprocessor instructions. ([@aleburato](https://github.com/aleburato))
-  * [#1338](https://github.com/facebookincubator/create-react-app/pull/1338) Added link to Azure deployment tutorial. ([@tpetrina](https://github.com/tpetrina))
-  * [#1320](https://github.com/facebookincubator/create-react-app/pull/1320) [documentation] how to disable autoprefix feature. ([@rrubas](https://github.com/rrubas))
+  * [#1625](https://github.com/facebookincubator/create-react-app/pull/1625) Specify that NODE_ENV is set to 'production' during the build step. ([@mderazon](https://github.com/mderazon))
+  * [#1573](https://github.com/facebookincubator/create-react-app/pull/1573) Update Jest documentation links. ([@mkermani144](https://github.com/mkermani144))
+  * [#1564](https://github.com/facebookincubator/create-react-app/pull/1564) Add --recursive to Sass watch script. ([@aleburato](https://github.com/aleburato))
+  * [#1561](https://github.com/facebookincubator/create-react-app/pull/1561) Use https in link in documentation. ([@dariocravero](https://github.com/dariocravero))
+  * [#1562](https://github.com/facebookincubator/create-react-app/pull/1562) Update `jest-enzyme` documentation. ([@kiranps](https://github.com/kiranps))
+  * [#1543](https://github.com/facebookincubator/create-react-app/pull/1543) Update CSS preprocessor instructions. ([@aleburato](https://github.com/aleburato))
+  * [#1338](https://github.com/facebookincubator/create-react-app/pull/1338) Add link to Azure deployment tutorial. ([@tpetrina](https://github.com/tpetrina))
+  * [#1320](https://github.com/facebookincubator/create-react-app/pull/1320) Document how to disable autoprefix feature. ([@rrubas](https://github.com/rrubas))
   * [#1313](https://github.com/facebookincubator/create-react-app/pull/1313) List features beyond ES6 supported by create-react-app. ([@jonathanconway](https://github.com/jonathanconway))
-  * [#1008](https://github.com/facebookincubator/create-react-app/pull/1008) Add SASS support documentation #1007. ([@tsironis](https://github.com/tsironis))
-  * [#994](https://github.com/facebookincubator/create-react-app/pull/994) Suggest jest-enzyme for simplifying test matchers. ([@blainekasten](https://github.com/blainekasten))
+  * [#1008](https://github.com/facebookincubator/create-react-app/pull/1008) Add Saas support documentation. ([@tsironis](https://github.com/tsironis))
+  * [#994](https://github.com/facebookincubator/create-react-app/pull/994) Suggest `jest-enzyme` for simplifying test matchers. ([@blainekasten](https://github.com/blainekasten))
   * [#1608](https://github.com/facebookincubator/create-react-app/pull/1608) Add note for using CHOKIDAR_USEPOLLING in virtual machines to enable HMR. ([@AJamesPhillips](https://github.com/AJamesPhillips))
+  * [#1495](https://github.com/facebookincubator/create-react-app/pull/1495) Add useful link to react-scripts. ([@pd4d10](https://github.com/pd4d10))
 * READMEs
   * [#1576](https://github.com/facebookincubator/create-react-app/pull/1576) Switch from Neo to Neutrino. ([@eliperelman](https://github.com/eliperelman))
-  * [#1275](https://github.com/facebookincubator/create-react-app/pull/1275) Correct Command in README.md. ([@lifez](https://github.com/lifez))
+  * [#1275](https://github.com/facebookincubator/create-react-app/pull/1275) Suggest yarn commands in addition to npm. ([@lifez](https://github.com/lifez))
 
 #### :house: Internal
 * `babel-preset-react-app`
-  * [#1598](https://github.com/facebookincubator/create-react-app/pull/1598) babel-preset: remove babel-plugin-transform-es2015-parameters. ([@christophehurpeau](https://github.com/christophehurpeau))
+  * [#1598](https://github.com/facebookincubator/create-react-app/pull/1598) Remove redundant babel-plugin-transform-es2015-parameters. ([@christophehurpeau](https://github.com/christophehurpeau))
 * Other
-  * [#1534](https://github.com/facebookincubator/create-react-app/pull/1534) Use Yarn latest in e2e. ([@gaearon](https://github.com/gaearon))
-  * [#1295](https://github.com/facebookincubator/create-react-app/pull/1295) Make node version check more robust in e2e.sh. ([@pugnascotia](https://github.com/pugnascotia))
-  * [#1503](https://github.com/facebookincubator/create-react-app/pull/1503) Fix `test -e` with wildcard arguments.. ([@igetgames](https://github.com/igetgames))
+  * [#1534](https://github.com/facebookincubator/create-react-app/pull/1534) Use yarn@latest in e2e. ([@gaearon](https://github.com/gaearon))
+  * [#1295](https://github.com/facebookincubator/create-react-app/pull/1295) Make node version check more robust in e2e. ([@pugnascotia](https://github.com/pugnascotia))
+  * [#1503](https://github.com/facebookincubator/create-react-app/pull/1503) Fix `test -e` in e2e. ([@igetgames](https://github.com/igetgames))
 
 #### Committers: 36
 - Ade Viankakrisna Fadlil ([viankakrisna](https://github.com/viankakrisna))

From 253c1e01c4b1ebf3fb03553c6f496091825d75b9 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 26 Feb 2017 13:00:43 +0000
Subject: [PATCH 064/163] Add a note about known issue

---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0f85d65f02a..14f8c66ce61 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## 0.9.1 (February 25, 2017)
 
+### Note: There is a known issue with [`npm test` failing on Windows](https://github.com/facebookincubator/create-react-app/issues/1645). We’re looking into it.
+
 #### :nail_care: Enhancement
 
 * `create-react-app`

From 2f6fac9f9349a2ea932472ca1ae5caf14b3b94ac Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 26 Feb 2017 13:35:24 +0000
Subject: [PATCH 065/163] Fix npm test on Windows (#1647)

---
 packages/react-scripts/scripts/test.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/scripts/test.js b/packages/react-scripts/scripts/test.js
index 1a408215d66..9de5181d739 100644
--- a/packages/react-scripts/scripts/test.js
+++ b/packages/react-scripts/scripts/test.js
@@ -32,7 +32,7 @@ const createJestConfig = require('../utils/createJestConfig');
 const path = require('path');
 const paths = require('../config/paths');
 argv.push('--config', JSON.stringify(createJestConfig(
-  relativePath => path.posix.resolve(__dirname.replace(/[\\]+/g, path.posix.sep), '..', relativePath),
+  relativePath => path.resolve(__dirname, '..', relativePath),
   path.resolve(paths.appSrc, '..'),
   false
 )));

From fbae44aec78e8175f1caaef1f77f28d2a8afe695 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 26 Feb 2017 13:38:21 +0000
Subject: [PATCH 066/163] Add 0.9.2 changelog

---
 CHANGELOG.md | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 14f8c66ce61..e78b227ac1e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,19 @@
+## 0.9.2 (February 26, 2017)
+
+#### :bug: Bug Fix
+* `react-scripts`
+  * [#1647](https://github.com/facebookincubator/create-react-app/pull/1647) Fix `npm test` on Windows ([@gaearon](https://github.com/gaearon))
+
+    Fixes a regression introduced in 0.9.1.
+
+### Migrating from 0.9.1 to 0.9.2
+
+Inside any created project that has not been ejected, run:
+
+```
+npm install --save-dev --save-exact react-scripts@0.9.2
+```
+
 ## 0.9.1 (February 25, 2017)
 
 ### Note: There is a known issue with [`npm test` failing on Windows](https://github.com/facebookincubator/create-react-app/issues/1645). We’re looking into it.

From ba5da93b58b3eead2dec2ac1ac23e4f286e46775 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 26 Feb 2017 13:50:08 +0000
Subject: [PATCH 067/163] 0.9.2

---
 packages/react-scripts/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 8bb92ce9ec4..6fad1677edc 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-scripts",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "Configuration and scripts for Create React App.",
   "repository": "facebookincubator/create-react-app",
   "license": "BSD-3-Clause",

From e1e28d961a7150adc599452f5930cb21255cd0f2 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 26 Feb 2017 13:56:26 +0000
Subject: [PATCH 068/163] Merge changelogs

---
 CHANGELOG.md | 26 +++++++-------------------
 1 file changed, 7 insertions(+), 19 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e78b227ac1e..2dc5f0b352b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,22 +1,7 @@
+## <s>0.9.1 (February 25, 2017)</s>
 ## 0.9.2 (February 26, 2017)
 
-#### :bug: Bug Fix
-* `react-scripts`
-  * [#1647](https://github.com/facebookincubator/create-react-app/pull/1647) Fix `npm test` on Windows ([@gaearon](https://github.com/gaearon))
-
-    Fixes a regression introduced in 0.9.1.
-
-### Migrating from 0.9.1 to 0.9.2
-
-Inside any created project that has not been ejected, run:
-
-```
-npm install --save-dev --save-exact react-scripts@0.9.2
-```
-
-## 0.9.1 (February 25, 2017)
-
-### Note: There is a known issue with [`npm test` failing on Windows](https://github.com/facebookincubator/create-react-app/issues/1645). We’re looking into it.
+**There was a bug in 0.9.1, so you should update directly to 0.9.2 instead.**
 
 #### :nail_care: Enhancement
 
@@ -61,6 +46,9 @@ npm install --save-dev --save-exact react-scripts@0.9.2
 
   * [#1628](https://github.com/facebookincubator/create-react-app/pull/1628) Show correct port for pushstate-server URL text. ([@mattccrampton](https://github.com/mattccrampton))
 
+  * [#1647](https://github.com/facebookincubator/create-react-app/pull/1647) Fix `npm test` on Windows ([@gaearon](https://github.com/gaearon))
+
+
 #### :memo: Documentation
 * User Guides
   * [#1391](https://github.com/facebookincubator/create-react-app/pull/1391) Add note how to resolve missing required files for Heroku. ([@sbritoig](https://github.com/sbritoig))
@@ -132,12 +120,12 @@ npm install --save-dev --save-exact react-scripts@0.9.2
 - kiran ps ([kiranps](https://github.com/kiranps))
 - pd4d10 ([pd4d10](https://github.com/pd4d10))
 
-### Migrating from 0.9.0 to 0.9.1
+### Migrating from 0.9.0 to 0.9.2
 
 Inside any created project that has not been ejected, run:
 
 ```
-npm install --save-dev --save-exact react-scripts@0.9.1
+npm install --save-dev --save-exact react-scripts@0.9.2
 ```
 
 You may also optionally update the global command-line utility for more efficient installs (thanks [@n3tr](https://github.com/n3tr)):

From 68e9bb9d8657f2c71a7f3ee0305ca56f120eee0f Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 26 Feb 2017 14:00:22 +0000
Subject: [PATCH 069/163] Format differently

---
 CHANGELOG.md | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2dc5f0b352b..2bc8803dae2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,8 +1,5 @@
-## <s>0.9.1 (February 25, 2017)</s>
 ## 0.9.2 (February 26, 2017)
 
-**There was a bug in 0.9.1, so you should update directly to 0.9.2 instead.**
-
 #### :nail_care: Enhancement
 
 * `create-react-app`
@@ -122,6 +119,8 @@
 
 ### Migrating from 0.9.0 to 0.9.2
 
+**Note:** 0.9.1 had known issues so you should skip it.
+
 Inside any created project that has not been ejected, run:
 
 ```
@@ -134,6 +133,10 @@ You may also optionally update the global command-line utility for more efficien
 npm install -g create-react-app@1.1.0
 ```
 
+## <s>0.9.1 (February 25, 2017)</s>
+
+This release has known issues and you should skip it. Update directly to 0.9.2 instead.
+
 ## 0.9.0 (February 11, 2017)
 
 Thanks to [@Timer](https://github.com/timer) for cutting this release.

From 432ba82ad2ec42e8de988974e8fe5bb50215b55a Mon Sep 17 00:00:00 2001
From: Ryan Sullivan <ryansully@users.noreply.github.com>
Date: Sun, 26 Feb 2017 17:10:42 -0800
Subject: [PATCH 070/163] Set Chrome userDataDir to be under .vscode folder
 (#1657)

---
 packages/react-scripts/template/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 1f4f59b4e47..e290b935625 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -269,7 +269,7 @@ Then add the block below to your `launch.json` file and put it inside the `.vsco
     "request": "launch",
     "url": "http://localhost:3000",
     "webRoot": "${workspaceRoot}/src",
-    "userDataDir": "${workspaceRoot}/.chrome",
+    "userDataDir": "${workspaceRoot}/.vscode/chrome",
     "sourceMapPathOverrides": {
       "webpack:///src/*": "${webRoot}/*"
     }

From d0695f7d5da87102d7aac28060df7d72090c2968 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Mon, 27 Feb 2017 10:46:42 -0500
Subject: [PATCH 071/163] Fix e2e when used with cold cache (#1667)

Resolves #1666
---
 tasks/e2e-simple.sh | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/tasks/e2e-simple.sh b/tasks/e2e-simple.sh
index a79b2f489e8..7782fe84952 100755
--- a/tasks/e2e-simple.sh
+++ b/tasks/e2e-simple.sh
@@ -65,6 +65,12 @@ set -x
 cd ..
 root_path=$PWD
 
+# Prevent lerna bootstrap, we only want top-level dependencies
+cp package.json package.json.bak
+grep -v "lerna bootstrap" package.json > temp && mv temp package.json
+npm install
+mv package.json.bak package.json
+
 # If the node version is < 4, the script should just give an error.
 if [[ `node --version | sed -e 's/^v//' -e 's/\..*//g'` -lt 4 ]]
 then
@@ -73,6 +79,9 @@ then
   [[ $err_output =~ You\ are\ running\ Node ]] && exit 0 || exit 1
 fi
 
+# Still use npm install instead of directly calling lerna bootstrap to test
+# postinstall script functionality (one npm install should result in a working
+# project)
 npm install
 
 if [ "$USE_YARN" = "yes" ]

From a1858c7b383ac003a751e85257432305cdd3e73b Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Mon, 27 Feb 2017 18:39:41 -0500
Subject: [PATCH 072/163] Fix e2e-simple (cont.)

---
 tasks/e2e-simple.sh | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/tasks/e2e-simple.sh b/tasks/e2e-simple.sh
index 7782fe84952..855172c7df8 100755
--- a/tasks/e2e-simple.sh
+++ b/tasks/e2e-simple.sh
@@ -71,6 +71,11 @@ grep -v "lerna bootstrap" package.json > temp && mv temp package.json
 npm install
 mv package.json.bak package.json
 
+# We need to install create-react-app deps to test it
+cd "$root_path"/packages/create-react-app
+npm install
+cd "$root_path"
+
 # If the node version is < 4, the script should just give an error.
 if [[ `node --version | sed -e 's/^v//' -e 's/\..*//g'` -lt 4 ]]
 then

From a3a223aa1ecf2a17d615221ab1afff217ace47ce Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Mon, 27 Feb 2017 18:41:49 -0500
Subject: [PATCH 073/163] Add appveyor.yml (#1648)

* Add appveyor.yml

* Execute mocha directly in e2e test

* Replace e2e process substitution

* Kill nohup node processes after e2e

* Disable known failing Windows test

* Only build master
---
 appveyor.yml             | 42 ++++++++++++++++++++++++++++++++++++++++
 tasks/e2e-installs.sh    |  2 +-
 tasks/e2e-kitchensink.sh | 24 +++++++++++++++++++----
 3 files changed, 63 insertions(+), 5 deletions(-)
 create mode 100644 appveyor.yml

diff --git a/appveyor.yml b/appveyor.yml
new file mode 100644
index 00000000000..09843ee7c9b
--- /dev/null
+++ b/appveyor.yml
@@ -0,0 +1,42 @@
+environment:
+  matrix:
+    - nodejs_version: 6
+      test_suite: "simple"
+    - nodejs_version: 6
+      test_suite: "installs"
+    - nodejs_version: 6
+      test_suite: "kitchensink"
+    - nodejs_version: 4
+      test_suite: "simple"
+    - nodejs_version: 4
+      test_suite: "installs"
+    - nodejs_version: 4
+      test_suite: "kitchensink"
+    - nodejs_version: 0.10
+      test_suite: "simple"
+
+cache:
+  - node_modules
+  - packages\react-scripts\node_modules
+
+clone_depth: 50
+
+branches:
+  only:
+  - master
+
+matrix:
+  fast_finish: true
+
+platform:
+  - x64
+
+install:
+  - ps: Install-Product node $env:nodejs_version $env:platform
+
+build: off
+
+test_script:
+  - node --version
+  - npm --version
+  - sh tasks/e2e-%test_suite%.sh
diff --git a/tasks/e2e-installs.sh b/tasks/e2e-installs.sh
index ac25da7e609..f9ae3200f74 100755
--- a/tasks/e2e-installs.sh
+++ b/tasks/e2e-installs.sh
@@ -127,7 +127,7 @@ cd $temp_app_path
 # we will install a non-existing package to simulate a failed installataion.
 create_react_app --scripts-version=`date +%s` test-app-should-not-exist || true
 # confirm that the project folder was deleted
-test ! -d test-app-should-not-exist
+# test ! -d test-app-should-not-exist
 
 # ******************************************************************************
 # Test project folder is not deleted when creating app over existing folder
diff --git a/tasks/e2e-kitchensink.sh b/tasks/e2e-kitchensink.sh
index 83562df2064..39b689d8940 100755
--- a/tasks/e2e-kitchensink.sh
+++ b/tasks/e2e-kitchensink.sh
@@ -21,8 +21,10 @@ temp_app_path=`mktemp -d 2>/dev/null || mktemp -d -t 'temp_app_path'`
 
 function cleanup {
   echo 'Cleaning up.'
+  ps -ef | grep 'react-scripts' | grep -v grep | awk '{print $2}' | xargs kill -s 9
   cd $root_path
-  rm -rf $temp_cli_path $temp_app_path
+  # TODO: fix "Device or resource busy" and remove ``|| $CI`
+  rm -rf $temp_cli_path $temp_app_path || $CI
 }
 
 # Error messages are redirected to stderr
@@ -143,12 +145,19 @@ PORT=3001 \
   REACT_APP_SHELL_ENV_MESSAGE=fromtheshell \
   NODE_PATH=src \
   nohup npm start &>$tmp_server_log &
-grep -q 'The app is running at:' <(tail -f $tmp_server_log)
+while true
+do
+  if grep -q 'The app is running at:' $tmp_server_log; then
+    break
+  else
+    sleep 1
+  fi
+done
 E2E_URL="http://localhost:3001" \
   REACT_APP_SHELL_ENV_MESSAGE=fromtheshell \
   CI=true NODE_PATH=src \
   NODE_ENV=development \
-  node node_modules/.bin/mocha --require babel-register --require babel-polyfill integration/*.test.js
+  node_modules/.bin/mocha --require babel-register --require babel-polyfill integration/*.test.js
 
 # Test "production" environment
 E2E_FILE=./build/index.html \
@@ -197,7 +206,14 @@ PORT=3002 \
   REACT_APP_SHELL_ENV_MESSAGE=fromtheshell \
   NODE_PATH=src \
   nohup npm start &>$tmp_server_log &
-grep -q 'The app is running at:' <(tail -f $tmp_server_log)
+while true
+do
+  if grep -q 'The app is running at:' $tmp_server_log; then
+    break
+  else
+    sleep 1
+  fi
+done
 E2E_URL="http://localhost:3002" \
   REACT_APP_SHELL_ENV_MESSAGE=fromtheshell \
   CI=true NODE_PATH=src \

From 2d93ae125fd76ff0888e7961fc97830ed9f3abf8 Mon Sep 17 00:00:00 2001
From: Johann Hubert Sonntagbauer <johann.sonntagbauer@gmx.at>
Date: Tue, 28 Feb 2017 14:45:41 +0100
Subject: [PATCH 074/163] fix react dependency versions during initial install
 (#1669)

* fix react dependency versions during initial install

* add review remarks
---
 packages/create-react-app/index.js | 32 +++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
index d5afee43b8f..bb1fab6fdec 100755
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -212,8 +212,9 @@ function run(root, appName, version, verbose, originalDirectory, template) {
     checkNodeVersion(packageName);
 
     // Since react-scripts has been installed with --save
-    // We need to move it into devDependencies and rewrite package.json
-    moveReactScriptsToDev(packageName);
+    // we need to move it into devDependencies and rewrite package.json
+    // also ensure react dependencies have caret version range
+    fixDependencies(packageName);
 
     var scriptsPath = path.resolve(
       process.cwd(),
@@ -325,7 +326,29 @@ function checkAppName(appName) {
   }
 }
 
-function moveReactScriptsToDev(packageName) {
+function makeCaretRange(dependencies, name) {
+  var version = dependencies[name];
+
+  if (typeof version === 'undefined') {
+    console.error(
+      chalk.red('Missing ' + name + ' dependency in package.json')
+    );
+    process.exit(1);
+  }
+
+  var patchedVersion = '^' + version;
+
+  if (!semver.validRange(patchedVersion)) {
+    console.error(
+      'Unable to patch ' + name + ' dependency version because version ' + chalk.red(version) + ' will become invalid ' + chalk.red(patchedVersion)
+    );
+    patchedVersion = version;
+  }
+
+  dependencies[name] = patchedVersion;
+}
+
+function fixDependencies(packageName) {
   var packagePath = path.join(process.cwd(), 'package.json');
   var packageJson = require(packagePath);
 
@@ -349,6 +372,9 @@ function moveReactScriptsToDev(packageName) {
   packageJson.devDependencies[packageName] = packageVersion;
   delete packageJson.dependencies[packageName];
 
+  makeCaretRange(packageJson.dependencies, 'react');
+  makeCaretRange(packageJson.dependencies, 'react-dom');
+
   fs.writeFileSync(packagePath, JSON.stringify(packageJson, null, 2));
 }
 

From 715968ecc10072939c7bfbd438224b6506e3a8a0 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Tue, 28 Feb 2017 08:50:28 -0500
Subject: [PATCH 075/163] Remove Windows 0.10 simple test

---
 appveyor.yml | 2 --
 1 file changed, 2 deletions(-)

diff --git a/appveyor.yml b/appveyor.yml
index 09843ee7c9b..08dbc5db1f2 100644
--- a/appveyor.yml
+++ b/appveyor.yml
@@ -12,8 +12,6 @@ environment:
       test_suite: "installs"
     - nodejs_version: 4
       test_suite: "kitchensink"
-    - nodejs_version: 0.10
-      test_suite: "simple"
 
 cache:
   - node_modules

From c51a6119a7ff0d5b30465dbf0da9c4674bc1fa4a Mon Sep 17 00:00:00 2001
From: Johann Hubert Sonntagbauer <johann.sonntagbauer@gmx.at>
Date: Tue, 28 Feb 2017 14:58:15 +0100
Subject: [PATCH 076/163] add project name validation (#1662)

* add project name validation

* Tweak console output
---
 packages/create-react-app/index.js     | 18 +++++++++++++++++-
 packages/create-react-app/package.json |  3 ++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
index bb1fab6fdec..cfdff5b6753 100755
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -39,6 +39,7 @@
 'use strict';
 
 var chalk = require('chalk');
+var validateProjectName = require("validate-npm-package-name");
 
 var currentNodeVersion = process.versions.node;
 if (currentNodeVersion.split('.')[0] < 4) {
@@ -97,6 +98,14 @@ if (typeof projectName === 'undefined') {
   process.exit(1);
 }
 
+function printValidationResults(results) {
+  if (typeof results !== 'undefined') {
+    results.forEach(function (error) {
+      console.error(chalk.red('  * ' + error));
+    });
+  }
+}
+
 var hiddenProgram = new commander.Command()
   .option('--internal-testing-template <path-to-template>', '(internal usage only, DO NOT RELY ON THIS) ' +
     'use a non-standard application template')
@@ -304,11 +313,18 @@ function checkNodeVersion(packageName) {
 }
 
 function checkAppName(appName) {
+  var validationResult = validateProjectName(appName);
+  if (!validationResult.validForNewPackages) {
+    console.error('Could not create a project called ' + chalk.red('"' + appName + '"') + ' because of npm naming restrictions:');
+    printValidationResults(validationResult.errors);
+    printValidationResults(validationResult.warnings);
+    process.exit(1);
+  }
+  
   // TODO: there should be a single place that holds the dependencies
   var dependencies = ['react', 'react-dom'];
   var devDependencies = ['react-scripts'];
   var allDependencies = dependencies.concat(devDependencies).sort();
-
   if (allDependencies.indexOf(appName) >= 0) {
     console.error(
       chalk.red(
diff --git a/packages/create-react-app/package.json b/packages/create-react-app/package.json
index e1eb1c45ef2..f26823f5b41 100644
--- a/packages/create-react-app/package.json
+++ b/packages/create-react-app/package.json
@@ -24,6 +24,7 @@
     "commander": "^2.9.0",
     "cross-spawn": "^4.0.0",
     "fs-extra": "^1.0.0",
-    "semver": "^5.0.3"
+    "semver": "^5.0.3",
+    "validate-npm-package-name": "^3.0.0"
   }
 }

From 3509dcd1f7e2dc80bb22dd9d01c21e7dd2c9136e Mon Sep 17 00:00:00 2001
From: Johann Hubert Sonntagbauer <johann.sonntagbauer@gmx.at>
Date: Tue, 28 Feb 2017 15:00:58 +0100
Subject: [PATCH 077/163] fix project cleanup on windows (#1675)

---
 packages/create-react-app/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
index cfdff5b6753..5cf790df9ed 100755
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -212,6 +212,7 @@ function run(root, appName, version, verbose, originalDirectory, template) {
       if (!remainingFiles.length) {
         // Delete target folder if empty
         console.log('Deleting', chalk.cyan(appName + '/'), 'from', chalk.cyan(path.resolve(root, '..')));
+        process.chdir(path.resolve(root, '..'));
         fs.removeSync(path.join(root));
       }
       console.log('Done.');

From 7c899fc392c7065b4d041d463b0a947b602ed356 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Tue, 28 Feb 2017 14:02:45 +0000
Subject: [PATCH 078/163] Revert "Enable eslint caching in development" (#1665)

---
 packages/react-scripts/config/webpack.config.dev.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index 0af6032cfb3..642d73741a8 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -114,14 +114,13 @@ module.exports = {
         test: /\.(js|jsx)$/,
         enforce: 'pre',
         use: [{
+          // @remove-on-eject-begin
+          // Point ESLint to our predefined config.
           options: {
-            // @remove-on-eject-begin
-            // Point ESLint to our predefined config.
             configFile: path.join(__dirname, '../.eslintrc'),
-            useEslintrc: false,
-            // @remove-on-eject-end
-            cache: true
+            useEslintrc: false
           },
+          // @remove-on-eject-end
           loader: 'eslint-loader'
         }],
         include: paths.appSrc

From 2b824d8bc34f7b86660766c9095000a181f484c2 Mon Sep 17 00:00:00 2001
From: Johann Hubert Sonntagbauer <johann.sonntagbauer@gmx.at>
Date: Tue, 28 Feb 2017 15:07:29 +0100
Subject: [PATCH 079/163] add X-FORWARDED headers for proxy requests (#1677)

---
 packages/react-scripts/scripts/start.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-scripts/scripts/start.js b/packages/react-scripts/scripts/start.js
index 913ece9eb6c..5d2fd8a8523 100644
--- a/packages/react-scripts/scripts/start.js
+++ b/packages/react-scripts/scripts/start.js
@@ -220,7 +220,8 @@ function addMiddleware(devServer) {
       onError: onProxyError(proxy),
       secure: false,
       changeOrigin: true,
-      ws: true
+      ws: true,
+      xfwd: true
     });
     devServer.use(mayProxy, hpm);
 

From bf948bf24d53603b6ae56d79255ad4a39bc1420f Mon Sep 17 00:00:00 2001
From: Simon Vocella <voxsim@gmail.com>
Date: Tue, 28 Feb 2017 16:27:53 +0100
Subject: [PATCH 080/163] Use offline cached version with yarn when it's
 possible (#1423)

* add --offline flag when we are using yarn and we are offline

* Revert changes to init script

We only run these commands for backward compat mode, in which we wouldn't receive the offline flag anyway

* Don't pass isOnline to init script because it doesn't need it

* Don't ping the Yarn registry if user doesn't have Yarn

* Remove unused/wrong arguments

* Move logs to error handler

* Fix error handling

* Report to the user that they're offline
---
 packages/create-react-app/index.js | 123 +++++++++++++++++++----------
 1 file changed, 83 insertions(+), 40 deletions(-)

diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
index 5cf790df9ed..fda95f1c041 100755
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -59,6 +59,7 @@ var path = require('path');
 var execSync = require('child_process').execSync;
 var spawn = require('cross-spawn');
 var semver = require('semver');
+var dns = require('dns');
 
 var projectName;
 
@@ -154,25 +155,44 @@ function shouldUseYarn() {
   }
 }
 
-function install(dependencies, verbose, callback) {
-  var command;
-  var args;
-  if (shouldUseYarn()) {
-    command = 'yarnpkg';
-    args = [ 'add', '--exact'].concat(dependencies);
-  } else {
-    checkNpmVersion();
-    command = 'npm';
-    args = ['install', '--save', '--save-exact'].concat(dependencies);
-  }
+function install(useYarn, dependencies, verbose, isOnline) {
+  return new Promise(function(resolve, reject) {
+    var command;
+    var args;
+    if (useYarn) {
+      command = 'yarnpkg';
+      args = [
+        'add',
+        '--exact',
+        isOnline === false && '--offline'
+      ].concat(dependencies);
+
+      if (!isOnline) {
+        console.log(chalk.yellow('You appear to be offline.'));
+        console.log(chalk.yellow('Falling back to the local Yarn cache.'));
+        console.log();
+      }
 
-  if (verbose) {
-    args.push('--verbose');
-  }
+    } else {
+      checkNpmVersion();
+      command = 'npm';
+      args = ['install', '--save', '--save-exact'].concat(dependencies);
+    }
 
-  var child = spawn(command, args, {stdio: 'inherit'});
-  child.on('close', function(code) {
-    callback(code, command, args);
+    if (verbose) {
+      args.push('--verbose');
+    }
+
+    var child = spawn(command, args, {stdio: 'inherit'});
+    child.on('close', function(code) {
+      if (code !== 0) {
+        reject({
+          command: command + ' ' + args.join(' ')
+        });
+        return;
+      }
+      resolve();
+    });
   });
 }
 
@@ -188,11 +208,38 @@ function run(root, appName, version, verbose, originalDirectory, template) {
     ', and ' + chalk.cyan(packageName) + '...'
   );
   console.log();
-
-  install(allDependencies, verbose, function(code, command, args) {
-    if (code !== 0) {
+  
+  var useYarn = shouldUseYarn();
+  checkIfOnline(useYarn)
+    .then(function(isOnline) {
+      return install(useYarn, allDependencies, verbose, isOnline);
+    })
+    .then(function() {
+      checkNodeVersion(packageName);
+
+      // Since react-scripts has been installed with --save
+      // we need to move it into devDependencies and rewrite package.json
+      // also ensure react dependencies have caret version range
+      fixDependencies(packageName);
+
+      var scriptsPath = path.resolve(
+        process.cwd(),
+        'node_modules',
+        packageName,
+        'scripts',
+        'init.js'
+      );
+      var init = require(scriptsPath);
+      init(root, appName, verbose, originalDirectory, template);
+    })
+    .catch(function(reason) {
       console.log();
-      console.error('Aborting installation.', chalk.cyan(command + ' ' + args.join(' ')), 'has failed.');
+      console.log('Aborting installation.');
+      if (reason.command) {
+        console.log('  ' + chalk.cyan(reason.command), 'has failed.')
+      }
+      console.log();
+
       // On 'exit' we will delete these files from target directory.
       var knownGeneratedFiles = [
         'package.json', 'npm-debug.log', 'yarn-error.log', 'yarn-debug.log', 'node_modules'
@@ -217,25 +264,7 @@ function run(root, appName, version, verbose, originalDirectory, template) {
       }
       console.log('Done.');
       process.exit(1);
-    }
-
-    checkNodeVersion(packageName);
-
-    // Since react-scripts has been installed with --save
-    // we need to move it into devDependencies and rewrite package.json
-    // also ensure react dependencies have caret version range
-    fixDependencies(packageName);
-
-    var scriptsPath = path.resolve(
-      process.cwd(),
-      'node_modules',
-      packageName,
-      'scripts',
-      'init.js'
-    );
-    var init = require(scriptsPath);
-    init(root, appName, verbose, originalDirectory, template);
-  });
+    });
 }
 
 function getInstallPackage(version) {
@@ -407,3 +436,17 @@ function isSafeToCreateProjectIn(root) {
       return validFiles.indexOf(file) >= 0;
     });
 }
+
+function checkIfOnline(useYarn) {
+  if (!useYarn) {
+    // Don't ping the Yarn registry.
+    // We'll just assume the best case.
+    return Promise.resolve(true);
+  }
+  
+  return new Promise(function(resolve) {
+    dns.resolve('registry.yarnpkg.com', function(err) {
+      resolve(err === null);
+    });
+  });
+}

From 15e1ec287f56ceb536f35c2e4b167dbda4313f48 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Tue, 28 Feb 2017 17:33:12 +0000
Subject: [PATCH 081/163] Add 0.9.3 changelog (#1683)

---
 CHANGELOG.md | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2bc8803dae2..b21b9241bd6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,46 @@
+## 0.9.3 (February 28, 2017)
+
+#### :rocket: New Feature
+* `create-react-app`
+  * [#1423](https://github.com/facebookincubator/create-react-app/pull/1423) **Fall back to Yarn offline cache when creating a new project.** ([@voxsim](https://github.com/voxsim))
+  
+  If you are using Yarn, and you have created at least one app previously, Create React App now works offline.
+  
+  <img src="http://i.imgur.com/1FLa9Tg.gif" width="500" alt="Yarn offline installation demo">
+
+#### :bug: Bug Fix
+
+* `react-scripts`
+
+  * [#1665](https://github.com/facebookincubator/create-react-app/pull/1665) Temporarily disable ESLint caching because of a bug. ([@gaearon](https://github.com/gaearon))
+
+* `create-react-app`
+  * [#1675](https://github.com/facebookincubator/create-react-app/pull/1675) Delete project folder on failed installation on Windows. ([@johann-sonntagbauer](https://github.com/johann-sonntagbauer))
+  * [#1662](https://github.com/facebookincubator/create-react-app/pull/1662) Validate project name before creating a project. ([@johann-sonntagbauer](https://github.com/johann-sonntagbauer))
+  * [#1669](https://github.com/facebookincubator/create-react-app/pull/1669) Make sure React dependencies aren’t pinned in new projects. ([@johann-sonntagbauer](https://github.com/johann-sonntagbauer))
+
+#### :nail_care: Enhancement
+* `react-scripts`
+
+  * [#1677](https://github.com/facebookincubator/create-react-app/pull/1677) Add `X-FORWARDED` headers for proxy requests. ([@johann-sonntagbauer](https://github.com/johann-sonntagbauer))
+
+#### :memo: Documentation
+* `react-scripts`
+
+  * [#1657](https://github.com/facebookincubator/create-react-app/pull/1657) Tweak the Visual Studio Code debugging guide. ([@ryansully](https://github.com/ryansully))
+
+#### :house: Internal
+* End-to-end Tests
+
+  * [#1648](https://github.com/facebookincubator/create-react-app/pull/1648) Add Windows CI tests for better stability. ([@Timer](https://github.com/Timer))
+
+#### Committers: 5
+- Dan Abramov ([gaearon](https://github.com/gaearon))
+- Joe Haddad ([Timer](https://github.com/Timer))
+- Johann Hubert Sonntagbauer ([johann-sonntagbauer](https://github.com/johann-sonntagbauer))
+- Ryan Sullivan ([ryansully](https://github.com/ryansully))
+- Simon Vocella ([voxsim](https://github.com/voxsim))
+
 ## 0.9.2 (February 26, 2017)
 
 #### :nail_care: Enhancement

From ee3b788f8ff3cf502ae7eaea4385a630b0d113fc Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Tue, 28 Feb 2017 17:35:00 +0000
Subject: [PATCH 082/163] Add "migrating" section for 0.9.3

---
 CHANGELOG.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b21b9241bd6..99c5b1e10a8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -41,6 +41,20 @@
 - Ryan Sullivan ([ryansully](https://github.com/ryansully))
 - Simon Vocella ([voxsim](https://github.com/voxsim))
 
+### Migrating from 0.9.2 to 0.9.3
+
+Inside any created project that has not been ejected, run:
+
+```
+npm install --save-dev --save-exact react-scripts@0.9.3
+```
+
+You may also optionally update the global command-line utility for offline Yarn cache support:
+
+```
+npm install -g create-react-app@1.2.0
+```
+
 ## 0.9.2 (February 26, 2017)
 
 #### :nail_care: Enhancement

From a85ae1d95133516be258b67fc8c853eb343519b4 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Tue, 28 Feb 2017 18:03:37 -0500
Subject: [PATCH 083/163] False expression should not be in dependencies

---
 packages/create-react-app/index.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
index fda95f1c041..106e884f56c 100755
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -164,8 +164,11 @@ function install(useYarn, dependencies, verbose, isOnline) {
       args = [
         'add',
         '--exact',
-        isOnline === false && '--offline'
-      ].concat(dependencies);
+      ];
+      if (!isOnline) {
+        args.push('--offline');
+      }
+      [].push.apply(args, dependencies);
 
       if (!isOnline) {
         console.log(chalk.yellow('You appear to be offline.'));

From 10a8dc66d3004c4f004e1f0b3467b1552bd48268 Mon Sep 17 00:00:00 2001
From: Dan Abramov <gaearon@fb.com>
Date: Tue, 28 Feb 2017 17:45:25 +0000
Subject: [PATCH 084/163] Published 0.9.3 from 0.9.x

 - create-react-app@1.2.0
 - react-scripts@0.9.3
---
 packages/create-react-app/package.json | 2 +-
 packages/react-scripts/package.json    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/create-react-app/package.json b/packages/create-react-app/package.json
index f26823f5b41..17a02f938e8 100644
--- a/packages/create-react-app/package.json
+++ b/packages/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-react-app",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "keywords": [
     "react"
   ],
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 6fad1677edc..1082c128ff6 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-scripts",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "Configuration and scripts for Create React App.",
   "repository": "facebookincubator/create-react-app",
   "license": "BSD-3-Clause",

From 342867e1476d3a1deb7180002d76090bd9746d44 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Tue, 28 Feb 2017 20:47:22 -0500
Subject: [PATCH 085/163] appveyor: Build all branches

---
 appveyor.yml | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/appveyor.yml b/appveyor.yml
index 08dbc5db1f2..8b0e427c625 100644
--- a/appveyor.yml
+++ b/appveyor.yml
@@ -19,10 +19,6 @@ cache:
 
 clone_depth: 50
 
-branches:
-  only:
-  - master
-
 matrix:
   fast_finish: true
 

From 1a838dcc1315fcac290b8b12264de20949e66398 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Tue, 28 Feb 2017 18:19:51 -0500
Subject: [PATCH 086/163] Published CLI from 0.9.x

 - create-react-app@1.2.1
---
 packages/create-react-app/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/create-react-app/package.json b/packages/create-react-app/package.json
index 17a02f938e8..add92d005ca 100644
--- a/packages/create-react-app/package.json
+++ b/packages/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-react-app",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "keywords": [
     "react"
   ],

From 60ba9f2b11a30486f4a77d93c5d5425cec894d7b Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Wed, 1 Mar 2017 02:49:56 +0000
Subject: [PATCH 087/163] Suggest CRA 1.2.1 in changelog

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 99c5b1e10a8..2391b014ee7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -52,7 +52,7 @@ npm install --save-dev --save-exact react-scripts@0.9.3
 You may also optionally update the global command-line utility for offline Yarn cache support:
 
 ```
-npm install -g create-react-app@1.2.0
+npm install -g create-react-app@1.2.1
 ```
 
 ## 0.9.2 (February 26, 2017)

From af6a0fffc1cebea0199923a11e034f3bf5c078c1 Mon Sep 17 00:00:00 2001
From: Myk Klemme <mykklemme@gmail.com>
Date: Tue, 28 Feb 2017 22:41:09 -0800
Subject: [PATCH 088/163] Fixed missing flag in first preprocess command
 (#1687)

---
 packages/react-scripts/template/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index e290b935625..9825bad0a05 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -428,7 +428,7 @@ Then in `package.json`, add the following lines to `scripts`:
 ```diff
    "scripts": {
 +    "build-css": "node-sass src/ -o src/",
-+    "watch-css": "npm run build-css && node-sass src/ -o src/ --watch",
++    "watch-css": "npm run build-css && node-sass src/ -o src/ --watch --recursive",
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test --env=jsdom",

From 43139bc093f57270da3594d8968f681bb26132b6 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Tue, 28 Feb 2017 20:59:32 -0500
Subject: [PATCH 089/163] Re-enable e2e-install directory test

---
 tasks/e2e-installs.sh | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tasks/e2e-installs.sh b/tasks/e2e-installs.sh
index f9ae3200f74..ac25da7e609 100755
--- a/tasks/e2e-installs.sh
+++ b/tasks/e2e-installs.sh
@@ -127,7 +127,7 @@ cd $temp_app_path
 # we will install a non-existing package to simulate a failed installataion.
 create_react_app --scripts-version=`date +%s` test-app-should-not-exist || true
 # confirm that the project folder was deleted
-# test ! -d test-app-should-not-exist
+test ! -d test-app-should-not-exist
 
 # ******************************************************************************
 # Test project folder is not deleted when creating app over existing folder

From 404c3541966a647be16ad524b9892bf210b95390 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Thu, 2 Mar 2017 12:29:44 +0000
Subject: [PATCH 090/163] Suggest to use .env for enabling polling mode (#1698)

---
 packages/react-scripts/template/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 9825bad0a05..3c95313946b 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -1530,7 +1530,7 @@ If this doesn’t happen, try one of the following workarounds:
 * Some editors like Vim and IntelliJ have a “safe write” feature that currently breaks the watcher. You will need to disable it. Follow the instructions in [“Working with editors supporting safe write”](https://webpack.github.io/docs/webpack-dev-server.html#working-with-editors-ides-supporting-safe-write).
 * If your project path contains parentheses, try moving the project to a path without them. This is caused by a [Webpack watcher bug](https://github.com/webpack/watchpack/issues/42).
 * On Linux and macOS, you might need to [tweak system settings](https://webpack.github.io/docs/troubleshooting.html#not-enough-watchers) to allow more watchers.
-* If the project runs inside a virtual machine such as (a Vagrant provisioned) VirtualBox, run `npm install --save-dev cross-env` in its root folder and then replace `"react-scripts start"` in the `scripts` section of its `package.json` with `"cross-env CHOKIDAR_USEPOLLING=true react-scripts start"`. This ensures that the next time you run `npm start`, the watcher uses the polling mode, as necessary inside a VM.
+* If the project runs inside a virtual machine such as (a Vagrant provisioned) VirtualBox, create an `.env` file in your project directory if it doesn’t exist, and add `CHOKIDAR_USEPOLLING=true` to it. This ensures that the next time you run `npm start`, the watcher uses the polling mode, as necessary inside a VM.
 
 If none of these solutions help please leave a comment [in this thread](https://github.com/facebookincubator/create-react-app/issues/659).
 

From 45d1d247df9c5908b677f892dc5b8c8a87293b58 Mon Sep 17 00:00:00 2001
From: Simen Bekkhus <sbekkhus91@gmail.com>
Date: Thu, 2 Mar 2017 16:22:23 +0100
Subject: [PATCH 091/163] Update extract-text-webpack-plugin to latest (#1700)

---
 packages/react-scripts/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 1082c128ff6..1bc9e053f5a 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -44,7 +44,7 @@
     "eslint-plugin-import": "2.0.1",
     "eslint-plugin-jsx-a11y": "2.2.3",
     "eslint-plugin-react": "6.4.1",
-    "extract-text-webpack-plugin": "2.0.0-rc.3",
+    "extract-text-webpack-plugin": "2.0.0",
     "file-loader": "0.10.0",
     "filesize": "3.3.0",
     "fs-extra": "0.30.0",

From db64278dd6019e9fc670a6204a892a0ee389c6e4 Mon Sep 17 00:00:00 2001
From: Travis Giggy <tgiggy@gmail.com>
Date: Thu, 2 Mar 2017 13:51:22 -0800
Subject: [PATCH 092/163] Diagnostic code (#1695)

* Adding diagnostic code as requested by @gaearon

* Oops
---
 packages/create-react-app/index.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
index 106e884f56c..5c2205dc6fc 100755
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -240,6 +240,9 @@ function run(root, appName, version, verbose, originalDirectory, template) {
       console.log('Aborting installation.');
       if (reason.command) {
         console.log('  ' + chalk.cyan(reason.command), 'has failed.')
+      } else {
+        console.log(chalk.red('Unexpected error. Please report it as a bug:'));
+        console.log(reason);
       }
       console.log();
 

From c7a9daeb80a81c4e60794d0dbe60c0132efbdefb Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Thu, 2 Mar 2017 20:54:01 -0500
Subject: [PATCH 093/163] Fix Jest tests for Cygwin

---
 tasks/e2e-kitchensink.sh | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tasks/e2e-kitchensink.sh b/tasks/e2e-kitchensink.sh
index 39b689d8940..b4784c9fc36 100755
--- a/tasks/e2e-kitchensink.sh
+++ b/tasks/e2e-kitchensink.sh
@@ -198,7 +198,7 @@ REACT_APP_SHELL_ENV_MESSAGE=fromtheshell \
   CI=true \
   NODE_PATH=src \
   NODE_ENV=test \
-  npm test -- --no-cache --testPathPattern="/src/"
+  npm test -- --no-cache --testPathPattern='/src/'
 
 # Test "development" environment
 tmp_server_log=`mktemp`

From 59cab8f5900d194c4b953d6f0b91ed10e3970844 Mon Sep 17 00:00:00 2001
From: Chris Drackett <drackett@mac.com>
Date: Fri, 3 Mar 2017 10:03:07 -0800
Subject: [PATCH 094/163] Improve reliability of port hint. (#1696)

* fixing things for people with the username `cwd`

closes #1694

* combine awk into a single command and add escaping
---
 packages/react-dev-utils/getProcessForPort.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-dev-utils/getProcessForPort.js b/packages/react-dev-utils/getProcessForPort.js
index 5540fbad47a..d412b0c7a72 100644
--- a/packages/react-dev-utils/getProcessForPort.js
+++ b/packages/react-dev-utils/getProcessForPort.js
@@ -43,7 +43,7 @@ function getProcessCommand(processId, processDirectory) {
 }
 
 function getDirectoryOfProcessById(processId) {
-  return execSync('lsof -p '+ processId + ' | grep cwd | awk \'{print $9}\'', execOptions).trim();
+  return execSync('lsof -p '+ processId + ' | awk \'$4=="cwd" {print $9}\'', execOptions).trim();
 }
 
 function getProcessForPort(port) {

From b88d6655ebd8db8ea5164ec12ca6ce40b8cd0343 Mon Sep 17 00:00:00 2001
From: Daniel Grant <danieljohngrant@gmail.com>
Date: Sat, 4 Mar 2017 03:05:07 +0000
Subject: [PATCH 095/163] Modularise scripts (#1433)

* Refactor start script into modules

* Move dev server config into config file

* Replace eject file whitelist with a "remove-file-on-eject" flag

* Move utils into scripts folder (for inclusion in ejection)

* Add missed changes

* Pass showInstructions as an argument

* Fix eject bug

* Don't eject babelTransform
---
 .../config/jest/babelTransform.js             |   1 +
 .../config/webpackDevServer.config.js         |  51 ++++
 packages/react-scripts/scripts/eject.js       |  54 ++--
 packages/react-scripts/scripts/init.js        |   1 +
 packages/react-scripts/scripts/start.js       | 270 ++----------------
 packages/react-scripts/scripts/test.js        |   2 +-
 .../scripts/utils/addWebpackMiddleware.js     |  97 +++++++
 .../{ => scripts}/utils/createJestConfig.js   |   5 +-
 .../scripts/utils/createWebpackCompiler.js    |  98 +++++++
 9 files changed, 304 insertions(+), 275 deletions(-)
 create mode 100644 packages/react-scripts/config/webpackDevServer.config.js
 create mode 100644 packages/react-scripts/scripts/utils/addWebpackMiddleware.js
 rename packages/react-scripts/{ => scripts}/utils/createJestConfig.js (94%)
 create mode 100644 packages/react-scripts/scripts/utils/createWebpackCompiler.js

diff --git a/packages/react-scripts/config/jest/babelTransform.js b/packages/react-scripts/config/jest/babelTransform.js
index 145bd86cc9a..064fbf10290 100644
--- a/packages/react-scripts/config/jest/babelTransform.js
+++ b/packages/react-scripts/config/jest/babelTransform.js
@@ -1,3 +1,4 @@
+// @remove-file-on-eject
 /**
  * Copyright (c) 2014-present, Facebook, Inc. All rights reserved.
  *
diff --git a/packages/react-scripts/config/webpackDevServer.config.js b/packages/react-scripts/config/webpackDevServer.config.js
new file mode 100644
index 00000000000..4d65567bd7d
--- /dev/null
+++ b/packages/react-scripts/config/webpackDevServer.config.js
@@ -0,0 +1,51 @@
+var config = require('./webpack.config.dev');
+var paths = require('./paths');
+
+var protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
+var host = process.env.HOST || 'localhost';
+
+module.exports = {
+  // Enable gzip compression of generated files.
+  compress: true,
+  // Silence WebpackDevServer's own logs since they're generally not useful.
+  // It will still show compile warnings and errors with this setting.
+  clientLogLevel: 'none',
+  // By default WebpackDevServer serves physical files from current directory
+  // in addition to all the virtual build products that it serves from memory.
+  // This is confusing because those files won’t automatically be available in
+  // production build folder unless we copy them. However, copying the whole
+  // project directory is dangerous because we may expose sensitive files.
+  // Instead, we establish a convention that only files in `public` directory
+  // get served. Our build script will copy `public` into the `build` folder.
+  // In `index.html`, you can get URL of `public` folder with %PUBLIC_URL%:
+  // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+  // In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
+  // Note that we only recommend to use `public` folder as an escape hatch
+  // for files like `favicon.ico`, `manifest.json`, and libraries that are
+  // for some reason broken when imported through Webpack. If you just want to
+  // use an image, put it in `src` and `import` it from JavaScript instead.
+  contentBase: paths.appPublic,
+  // By default files from `contentBase` will not trigger a page reload.
+  watchContentBase: true,
+  // Enable hot reloading server. It will provide /sockjs-node/ endpoint
+  // for the WebpackDevServer client so it can learn when the files were
+  // updated. The WebpackDevServer client is included as an entry point
+  // in the Webpack development configuration. Note that only changes
+  // to CSS are currently hot reloaded. JS changes will refresh the browser.
+  hot: true,
+  // It is important to tell WebpackDevServer to use the same "root" path
+  // as we specified in the config. In development, we always serve from /.
+  publicPath: config.output.publicPath,
+  // WebpackDevServer is noisy by default so we emit custom message instead
+  // by listening to the compiler events with `compiler.plugin` calls above.
+  quiet: true,
+  // Reportedly, this avoids CPU overload on some systems.
+  // https://github.com/facebookincubator/create-react-app/issues/293
+  watchOptions: {
+    ignored: /node_modules/
+  },
+  // Enable HTTPS if the HTTPS environment variable is set to 'true'
+  https: protocol === 'https',
+  host: host,
+  overlay: false,
+};
diff --git a/packages/react-scripts/scripts/eject.js b/packages/react-scripts/scripts/eject.js
index 701907fa436..0358d4256f4 100644
--- a/packages/react-scripts/scripts/eject.js
+++ b/packages/react-scripts/scripts/eject.js
@@ -1,3 +1,4 @@
+// @remove-file-on-eject
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  * All rights reserved.
@@ -7,13 +8,14 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-var createJestConfig = require('../utils/createJestConfig');
 var fs = require('fs-extra');
 var path = require('path');
-var paths = require('../config/paths');
-var prompt = require('react-dev-utils/prompt');
 var spawnSync = require('cross-spawn').sync;
 var chalk = require('chalk');
+var prompt = require('react-dev-utils/prompt');
+var paths = require('../config/paths');
+var createJestConfig = require('./utils/createJestConfig');
+
 var green = chalk.green;
 var cyan = chalk.cyan;
 
@@ -45,44 +47,48 @@ prompt(
 
   var folders = [
     'config',
-    path.join('config', 'jest'),
-    'scripts'
+    'config/jest',
+    'scripts',
+    'scripts/utils',
   ];
 
-  var files = [
-    path.join('config', 'env.js'),
-    path.join('config', 'paths.js'),
-    path.join('config', 'polyfills.js'),
-    path.join('config', 'webpack.config.dev.js'),
-    path.join('config', 'webpack.config.prod.js'),
-    path.join('config', 'jest', 'cssTransform.js'),
-    path.join('config', 'jest', 'fileTransform.js'),
-    path.join('scripts', 'build.js'),
-    path.join('scripts', 'start.js'),
-    path.join('scripts', 'test.js')
-  ];
+  // Make shallow array of files paths
+  var files = folders.reduce(function (files, folder) {
+    return files.concat(
+      fs.readdirSync(path.join(ownPath, folder))
+        // set full path
+        .map(file => path.join(ownPath, folder, file))
+        // omit dirs from file list
+        .filter(file => fs.lstatSync(file).isFile())
+    );
+  }, []);
 
   // Ensure that the app folder is clean and we won't override any files
   folders.forEach(verifyAbsent);
   files.forEach(verifyAbsent);
 
-  // Copy the files over
+  console.log();
+  console.log(cyan('Copying files into ' + appPath));
+
   folders.forEach(function(folder) {
     fs.mkdirSync(path.join(appPath, folder))
   });
 
-  console.log();
-  console.log(cyan('Copying files into ' + appPath));
   files.forEach(function(file) {
-    console.log('  Adding ' + cyan(file) + ' to the project');
-    var content = fs
-      .readFileSync(path.join(ownPath, file), 'utf8')
+    var content = fs.readFileSync(file, 'utf8');
+
+    // Skip flagged files
+    if (content.match(/\/\/ @remove-file-on-eject/)) {
+      return;
+    }
+    content = content
       // Remove dead code from .js files on eject
       .replace(/\/\/ @remove-on-eject-begin([\s\S]*?)\/\/ @remove-on-eject-end/mg, '')
       // Remove dead code from .applescript files on eject
       .replace(/-- @remove-on-eject-begin([\s\S]*?)-- @remove-on-eject-end/mg, '')
       .trim() + '\n';
-    fs.writeFileSync(path.join(appPath, file), content);
+    console.log('  Adding ' + cyan(file.replace(ownPath, '')) + ' to the project');
+    fs.writeFileSync(file.replace(ownPath, appPath), content);
   });
   console.log();
 
diff --git a/packages/react-scripts/scripts/init.js b/packages/react-scripts/scripts/init.js
index aa62265ccc5..33c0777ef41 100644
--- a/packages/react-scripts/scripts/init.js
+++ b/packages/react-scripts/scripts/init.js
@@ -1,3 +1,4 @@
+// @remove-file-on-eject
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  * All rights reserved.
diff --git a/packages/react-scripts/scripts/start.js b/packages/react-scripts/scripts/start.js
index 5d2fd8a8523..9f6f645af10 100644
--- a/packages/react-scripts/scripts/start.js
+++ b/packages/react-scripts/scripts/start.js
@@ -17,21 +17,20 @@ process.env.NODE_ENV = 'development';
 // https://github.com/motdotla/dotenv
 require('dotenv').config({silent: true});
 
+var fs = require('fs');
 var chalk = require('chalk');
-var webpack = require('webpack');
-var WebpackDevServer = require('webpack-dev-server');
-var historyApiFallback = require('connect-history-api-fallback');
-var httpProxyMiddleware = require('http-proxy-middleware');
 var detect = require('detect-port');
+var WebpackDevServer = require('webpack-dev-server');
 var clearConsole = require('react-dev-utils/clearConsole');
 var checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
-var formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
 var getProcessForPort = require('react-dev-utils/getProcessForPort');
 var openBrowser = require('react-dev-utils/openBrowser');
 var prompt = require('react-dev-utils/prompt');
-var fs = require('fs');
-var config = require('../config/webpack.config.dev');
 var paths = require('../config/paths');
+var config = require('../config/webpack.config.dev');
+var devServerConfig = require('../config/webpackDevServer.config');
+var createWebpackCompiler = require('./utils/createWebpackCompiler');
+var addWebpackMiddleware = require('./utils/addWebpackMiddleware');
 
 var useYarn = fs.existsSync(paths.yarnLockFile);
 var cli = useYarn ? 'yarn' : 'npm';
@@ -44,247 +43,31 @@ if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
 
 // Tools like Cloud9 rely on this.
 var DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
-var compiler;
-var handleCompile;
-
-// You can safely remove this after ejecting.
-// We only use this block for testing of Create React App itself:
-var isSmokeTest = process.argv.some(arg => arg.indexOf('--smoke-test') > -1);
-if (isSmokeTest) {
-  handleCompile = function (err, stats) {
-    if (err || stats.hasErrors() || stats.hasWarnings()) {
-      process.exit(1);
-    } else {
-      process.exit(0);
-    }
-  };
-}
-
-function setupCompiler(host, port, protocol) {
-  // "Compiler" is a low-level interface to Webpack.
-  // It lets us listen to some events and provide our own custom messages.
-  try {
-    compiler = webpack(config, handleCompile);
-  } catch (err) {
-    console.log(chalk.red('Failed to compile.'));
-    console.log();
-    console.log(err.message || err);
-    console.log();
-    process.exit(1);
-  }
-
-  // "invalid" event fires when you have changed a file, and Webpack is
-  // recompiling a bundle. WebpackDevServer takes care to pause serving the
-  // bundle, so if you refresh, it'll wait instead of serving the old one.
-  // "invalid" is short for "bundle invalidated", it doesn't imply any errors.
-  compiler.plugin('invalid', function() {
-    if (isInteractive) {
-      clearConsole();
-    }
-    console.log('Compiling...');
-  });
-
-  var isFirstCompile = true;
-
-  // "done" event fires when Webpack has finished recompiling the bundle.
-  // Whether or not you have warnings or errors, you will get this event.
-  compiler.plugin('done', function(stats) {
-    if (isInteractive) {
-      clearConsole();
-    }
 
-    // We have switched off the default Webpack output in WebpackDevServer
-    // options so we are going to "massage" the warnings and errors and present
-    // them in a readable focused way.
-    var messages = formatWebpackMessages(stats.toJson({}, true));
-    var isSuccessful = !messages.errors.length && !messages.warnings.length;
-    var showInstructions = isSuccessful && (isInteractive || isFirstCompile);
-
-    if (isSuccessful) {
-      console.log(chalk.green('Compiled successfully!'));
-    }
-
-    if (showInstructions) {
-      console.log();
-      console.log('The app is running at:');
-      console.log();
-      console.log('  ' + chalk.cyan(protocol + '://' + host + ':' + port + '/'));
-      console.log();
-      console.log('Note that the development build is not optimized.');
-      console.log('To create a production build, use ' + chalk.cyan(cli + ' run build') + '.');
-      console.log();
-      isFirstCompile = false;
-    }
+function run(port) {
+  var protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
+  var host = process.env.HOST || 'localhost';
 
-    // If errors exist, only show errors.
-    if (messages.errors.length) {
-      console.log(chalk.red('Failed to compile.'));
-      console.log();
-      messages.errors.forEach(message => {
-        console.log(message);
-        console.log();
-      });
+  // Create a webpack compiler that is configured with custom messages.
+  var compiler = createWebpackCompiler(config, function onReady(showInstructions) {
+    if (!showInstructions) {
       return;
     }
-
-    // Show warnings if no errors were found.
-    if (messages.warnings.length) {
-      console.log(chalk.yellow('Compiled with warnings.'));
-      console.log();
-      messages.warnings.forEach(message => {
-        console.log(message);
-        console.log();
-      });
-      // Teach some ESLint tricks.
-      console.log('You may use special comments to disable some warnings.');
-      console.log('Use ' + chalk.yellow('// eslint-disable-next-line') + ' to ignore the next line.');
-      console.log('Use ' + chalk.yellow('/* eslint-disable */') + ' to ignore all warnings in a file.');
-    }
-  });
-}
-
-// We need to provide a custom onError function for httpProxyMiddleware.
-// It allows us to log custom error messages on the console.
-function onProxyError(proxy) {
-  return function(err, req, res){
-    var host = req.headers && req.headers.host;
-    console.log(
-      chalk.red('Proxy error:') + ' Could not proxy request ' + chalk.cyan(req.url) +
-      ' from ' + chalk.cyan(host) + ' to ' + chalk.cyan(proxy) + '.'
-    );
-    console.log(
-      'See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (' +
-      chalk.cyan(err.code) + ').'
-    );
     console.log();
-
-    // And immediately send the proper error response to the client.
-    // Otherwise, the request will eventually timeout with ERR_EMPTY_RESPONSE on the client side.
-    if (res.writeHead && !res.headersSent) {
-        res.writeHead(500);
-    }
-    res.end('Proxy error: Could not proxy request ' + req.url + ' from ' +
-      host + ' to ' + proxy + ' (' + err.code + ').'
-    );
-  }
-}
-
-function addMiddleware(devServer) {
-  // `proxy` lets you to specify a fallback server during development.
-  // Every unrecognized request will be forwarded to it.
-  var proxy = require(paths.appPackageJson).proxy;
-  devServer.use(historyApiFallback({
-    // Paths with dots should still use the history fallback.
-    // See https://github.com/facebookincubator/create-react-app/issues/387.
-    disableDotRule: true,
-    // For single page apps, we generally want to fallback to /index.html.
-    // However we also want to respect `proxy` for API calls.
-    // So if `proxy` is specified, we need to decide which fallback to use.
-    // We use a heuristic: if request `accept`s text/html, we pick /index.html.
-    // Modern browsers include text/html into `accept` header when navigating.
-    // However API calls like `fetch()` won’t generally accept text/html.
-    // If this heuristic doesn’t work well for you, don’t use `proxy`.
-    htmlAcceptHeaders: proxy ?
-      ['text/html'] :
-      ['text/html', '*/*']
-  }));
-  if (proxy) {
-    if (typeof proxy !== 'string') {
-      console.log(chalk.red('When specified, "proxy" in package.json must be a string.'));
-      console.log(chalk.red('Instead, the type of "proxy" was "' + typeof proxy + '".'));
-      console.log(chalk.red('Either remove "proxy" from package.json, or make it a string.'));
-      process.exit(1);
-    }
-
-    // Otherwise, if proxy is specified, we will let it handle any request.
-    // There are a few exceptions which we won't send to the proxy:
-    // - /index.html (served as HTML5 history API fallback)
-    // - /*.hot-update.json (WebpackDevServer uses this too for hot reloading)
-    // - /sockjs-node/* (WebpackDevServer uses this for hot reloading)
-    // Tip: use https://jex.im/regulex/ to visualize the regex
-    var mayProxy = /^(?!\/(index\.html$|.*\.hot-update\.json$|sockjs-node\/)).*$/;
-
-    // Pass the scope regex both to Express and to the middleware for proxying
-    // of both HTTP and WebSockets to work without false positives.
-    var hpm = httpProxyMiddleware(pathname => mayProxy.test(pathname), {
-      target: proxy,
-      logLevel: 'silent',
-      onProxyReq: function(proxyReq, req, res) {
-        // Browers may send Origin headers even with same-origin
-        // requests. To prevent CORS issues, we have to change
-        // the Origin to match the target URL.
-        if (proxyReq.getHeader('origin')) {
-          proxyReq.setHeader('origin', proxy);
-        }
-      },
-      onError: onProxyError(proxy),
-      secure: false,
-      changeOrigin: true,
-      ws: true,
-      xfwd: true
-    });
-    devServer.use(mayProxy, hpm);
-
-    // Listen for the websocket 'upgrade' event and upgrade the connection.
-    // If this is not done, httpProxyMiddleware will not try to upgrade until
-    // an initial plain HTTP request is made.
-    devServer.listeningApp.on('upgrade', hpm.upgrade);
-  }
-
-  // Finally, by now we have certainly resolved the URL.
-  // It may be /index.html, so let the dev server try serving it again.
-  devServer.use(devServer.middleware);
-}
-
-function runDevServer(host, port, protocol) {
-  var devServer = new WebpackDevServer(compiler, {
-    // Enable gzip compression of generated files.
-    compress: true,
-    // Silence WebpackDevServer's own logs since they're generally not useful.
-    // It will still show compile warnings and errors with this setting.
-    clientLogLevel: 'none',
-    // By default WebpackDevServer serves physical files from current directory
-    // in addition to all the virtual build products that it serves from memory.
-    // This is confusing because those files won’t automatically be available in
-    // production build folder unless we copy them. However, copying the whole
-    // project directory is dangerous because we may expose sensitive files.
-    // Instead, we establish a convention that only files in `public` directory
-    // get served. Our build script will copy `public` into the `build` folder.
-    // In `index.html`, you can get URL of `public` folder with %PUBLIC_URL%:
-    // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
-    // In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
-    // Note that we only recommend to use `public` folder as an escape hatch
-    // for files like `favicon.ico`, `manifest.json`, and libraries that are
-    // for some reason broken when imported through Webpack. If you just want to
-    // use an image, put it in `src` and `import` it from JavaScript instead.
-    contentBase: paths.appPublic,
-    // By default files from `contentBase` will not trigger a page reload.
-    watchContentBase: true,
-    // Enable hot reloading server. It will provide /sockjs-node/ endpoint
-    // for the WebpackDevServer client so it can learn when the files were
-    // updated. The WebpackDevServer client is included as an entry point
-    // in the Webpack development configuration. Note that only changes
-    // to CSS are currently hot reloaded. JS changes will refresh the browser.
-    hot: true,
-    // It is important to tell WebpackDevServer to use the same "root" path
-    // as we specified in the config. In development, we always serve from /.
-    publicPath: config.output.publicPath,
-    // WebpackDevServer is noisy by default so we emit custom message instead
-    // by listening to the compiler events with `compiler.plugin` calls above.
-    quiet: true,
-    // Reportedly, this avoids CPU overload on some systems.
-    // https://github.com/facebookincubator/create-react-app/issues/293
-    watchOptions: {
-      ignored: /node_modules/
-    },
-    // Enable HTTPS if the HTTPS environment variable is set to 'true'
-    https: protocol === "https",
-    host: host,
-    overlay: false,
+    console.log('The app is running at:');
+    console.log();
+    console.log('  ' + chalk.cyan(protocol + '://' + host + ':' + port + '/'));
+    console.log();
+    console.log('Note that the development build is not optimized.');
+    console.log('To create a production build, use ' + chalk.cyan(cli + ' run build') + '.');
+    console.log();
   });
 
+  // Serve webpack assets generated by the compiler over a web sever.
+  var devServer = new WebpackDevServer(compiler, devServerConfig);
+
   // Our custom middleware proxies requests to /index.html or a remote API.
-  addMiddleware(devServer);
+  addWebpackMiddleware(devServer);
 
   // Launch WebpackDevServer.
   devServer.listen(port, (err, result) => {
@@ -302,13 +85,6 @@ function runDevServer(host, port, protocol) {
   });
 }
 
-function run(port) {
-  var protocol = process.env.HTTPS === 'true' ? "https" : "http";
-  var host = process.env.HOST || 'localhost';
-  setupCompiler(host, port, protocol);
-  runDevServer(host, port, protocol);
-}
-
 // We attempt to use the default port but if it is busy, we offer the user to
 // run on a different port. `detect()` Promise resolves to the next free port.
 detect(DEFAULT_PORT).then(port => {
diff --git a/packages/react-scripts/scripts/test.js b/packages/react-scripts/scripts/test.js
index 9de5181d739..dfd2c75c728 100644
--- a/packages/react-scripts/scripts/test.js
+++ b/packages/react-scripts/scripts/test.js
@@ -28,7 +28,7 @@ if (!process.env.CI && argv.indexOf('--coverage') < 0) {
 
 // @remove-on-eject-begin
 // This is not necessary after eject because we embed config into package.json.
-const createJestConfig = require('../utils/createJestConfig');
+const createJestConfig = require('./utils/createJestConfig');
 const path = require('path');
 const paths = require('../config/paths');
 argv.push('--config', JSON.stringify(createJestConfig(
diff --git a/packages/react-scripts/scripts/utils/addWebpackMiddleware.js b/packages/react-scripts/scripts/utils/addWebpackMiddleware.js
new file mode 100644
index 00000000000..16bf40c3709
--- /dev/null
+++ b/packages/react-scripts/scripts/utils/addWebpackMiddleware.js
@@ -0,0 +1,97 @@
+var chalk = require('chalk');
+var historyApiFallback = require('connect-history-api-fallback');
+var httpProxyMiddleware = require('http-proxy-middleware');
+var paths = require('../../config/paths');
+
+// We need to provide a custom onError function for httpProxyMiddleware.
+// It allows us to log custom error messages on the console.
+function onProxyError(proxy) {
+  return function(err, req, res){
+    var host = req.headers && req.headers.host;
+    console.log(
+      chalk.red('Proxy error:') + ' Could not proxy request ' + chalk.cyan(req.url) +
+      ' from ' + chalk.cyan(host) + ' to ' + chalk.cyan(proxy) + '.'
+    );
+    console.log(
+      'See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (' +
+      chalk.cyan(err.code) + ').'
+    );
+    console.log();
+
+    // And immediately send the proper error response to the client.
+    // Otherwise, the request will eventually timeout with ERR_EMPTY_RESPONSE on the client side.
+    if (res.writeHead && !res.headersSent) {
+        res.writeHead(500);
+    }
+    res.end('Proxy error: Could not proxy request ' + req.url + ' from ' +
+      host + ' to ' + proxy + ' (' + err.code + ').'
+    );
+  }
+}
+
+module.exports = function addWebpackMiddleware(devServer) {
+  // `proxy` lets you to specify a fallback server during development.
+  // Every unrecognized request will be forwarded to it.
+  var proxy = require(paths.appPackageJson).proxy;
+  devServer.use(historyApiFallback({
+    // Paths with dots should still use the history fallback.
+    // See https://github.com/facebookincubator/create-react-app/issues/387.
+    disableDotRule: true,
+    // For single page apps, we generally want to fallback to /index.html.
+    // However we also want to respect `proxy` for API calls.
+    // So if `proxy` is specified, we need to decide which fallback to use.
+    // We use a heuristic: if request `accept`s text/html, we pick /index.html.
+    // Modern browsers include text/html into `accept` header when navigating.
+    // However API calls like `fetch()` won’t generally accept text/html.
+    // If this heuristic doesn’t work well for you, don’t use `proxy`.
+    htmlAcceptHeaders: proxy ?
+      ['text/html'] :
+      ['text/html', '*/*']
+  }));
+  if (proxy) {
+    if (typeof proxy !== 'string') {
+      console.log(chalk.red('When specified, "proxy" in package.json must be a string.'));
+      console.log(chalk.red('Instead, the type of "proxy" was "' + typeof proxy + '".'));
+      console.log(chalk.red('Either remove "proxy" from package.json, or make it a string.'));
+      process.exit(1);
+    }
+
+    // Otherwise, if proxy is specified, we will let it handle any request.
+    // There are a few exceptions which we won't send to the proxy:
+    // - /index.html (served as HTML5 history API fallback)
+    // - /*.hot-update.json (WebpackDevServer uses this too for hot reloading)
+    // - /sockjs-node/* (WebpackDevServer uses this for hot reloading)
+    // Tip: use https://jex.im/regulex/ to visualize the regex
+    var mayProxy = /^(?!\/(index\.html$|.*\.hot-update\.json$|sockjs-node\/)).*$/;
+
+    // Pass the scope regex both to Express and to the middleware for proxying
+    // of both HTTP and WebSockets to work without false positives.
+    var hpm = httpProxyMiddleware(pathname => mayProxy.test(pathname), {
+      target: proxy,
+      logLevel: 'silent',
+      onProxyReq: function(proxyReq, req, res) {
+        // Browers may send Origin headers even with same-origin
+        // requests. To prevent CORS issues, we have to change
+        // the Origin to match the target URL.
+        if (proxyReq.getHeader('origin')) {
+          proxyReq.setHeader('origin', proxy);
+        }
+      },
+      onError: onProxyError(proxy),
+      secure: false,
+      changeOrigin: true,
+      ws: true,
+      xfwd: true
+    });
+    devServer.use(mayProxy, hpm);
+
+    // Listen for the websocket 'upgrade' event and upgrade the connection.
+    // If this is not done, httpProxyMiddleware will not try to upgrade until
+    // an initial plain HTTP request is made.
+    devServer.listeningApp.on('upgrade', hpm.upgrade);
+  }
+
+  // Finally, by now we have certainly resolved the URL.
+  // It may be /index.html, so let the dev server try serving it again.
+  devServer.use(devServer.middleware);
+};
diff --git a/packages/react-scripts/utils/createJestConfig.js b/packages/react-scripts/scripts/utils/createJestConfig.js
similarity index 94%
rename from packages/react-scripts/utils/createJestConfig.js
rename to packages/react-scripts/scripts/utils/createJestConfig.js
index f1c67c018f1..c99345b858a 100644
--- a/packages/react-scripts/utils/createJestConfig.js
+++ b/packages/react-scripts/scripts/utils/createJestConfig.js
@@ -1,3 +1,4 @@
+// @remove-file-on-eject
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  * All rights reserved.
@@ -7,10 +8,8 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-// Note: this file does not exist after ejecting.
-
 const fs = require('fs');
-const paths = require('../config/paths');
+const paths = require('../../config/paths');
 
 module.exports = (resolve, rootDir, isEjecting) => {
   // Use this instead of `paths.testsSetup` to avoid putting
diff --git a/packages/react-scripts/scripts/utils/createWebpackCompiler.js b/packages/react-scripts/scripts/utils/createWebpackCompiler.js
new file mode 100644
index 00000000000..932bfd54034
--- /dev/null
+++ b/packages/react-scripts/scripts/utils/createWebpackCompiler.js
@@ -0,0 +1,98 @@
+var chalk = require('chalk');
+var webpack = require('webpack');
+var clearConsole = require('react-dev-utils/clearConsole');
+var formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
+
+var isInteractive = process.stdout.isTTY;
+var handleCompile;
+
+// You can safely remove this after ejecting.
+// We only use this block for testing of Create React App itself:
+var isSmokeTest = process.argv.some(arg => arg.indexOf('--smoke-test') > -1);
+if (isSmokeTest) {
+  handleCompile = function (err, stats) {
+    if (err || stats.hasErrors() || stats.hasWarnings()) {
+      process.exit(1);
+    } else {
+      process.exit(0);
+    }
+  };
+}
+
+module.exports = function createWebpackCompiler(config, onReadyCallback) {
+  // "Compiler" is a low-level interface to Webpack.
+  // It lets us listen to some events and provide our own custom messages.
+  try {
+    var compiler = webpack(config, handleCompile);
+  } catch (err) {
+    console.log(chalk.red('Failed to compile.'));
+    console.log();
+    console.log(err.message || err);
+    console.log();
+    process.exit(1);
+  }
+
+  // "invalid" event fires when you have changed a file, and Webpack is
+  // recompiling a bundle. WebpackDevServer takes care to pause serving the
+  // bundle, so if you refresh, it'll wait instead of serving the old one.
+  // "invalid" is short for "bundle invalidated", it doesn't imply any errors.
+  compiler.plugin('invalid', function() {
+    if (isInteractive) {
+      clearConsole();
+    }
+    console.log('Compiling...');
+  });
+
+  var isFirstCompile = true;
+
+  // "done" event fires when Webpack has finished recompiling the bundle.
+  // Whether or not you have warnings or errors, you will get this event.
+  compiler.plugin('done', function(stats) {
+    if (isInteractive) {
+      clearConsole();
+    }
+
+    // We have switched off the default Webpack output in WebpackDevServer
+    // options so we are going to "massage" the warnings and errors and present
+    // them in a readable focused way.
+    var messages = formatWebpackMessages(stats.toJson({}, true));
+    var isSuccessful = !messages.errors.length && !messages.warnings.length;
+    var showInstructions = isSuccessful && (isInteractive || isFirstCompile);
+
+    if (isSuccessful) {
+      console.log(chalk.green('Compiled successfully!'));
+    }
+
+    if (typeof onReadyCallback === 'function') {
+      onReadyCallback(showInstructions);
+    }
+    isFirstCompile = false;
+
+    // If errors exist, only show errors.
+    if (messages.errors.length) {
+      console.log(chalk.red('Failed to compile.'));
+      console.log();
+      messages.errors.forEach(message => {
+        console.log(message);
+        console.log();
+      });
+      return;
+    }
+
+    // Show warnings if no errors were found.
+    if (messages.warnings.length) {
+      console.log(chalk.yellow('Compiled with warnings.'));
+      console.log();
+      messages.warnings.forEach(message => {
+        console.log(message);
+        console.log();
+      });
+      // Teach some ESLint tricks.
+      console.log('You may use special comments to disable some warnings.');
+      console.log('Use ' + chalk.yellow('// eslint-disable-next-line') + ' to ignore the next line.');
+      console.log('Use ' + chalk.yellow('/* eslint-disable */') + ' to ignore all warnings in a file.');
+    }
+  });
+
+  return compiler;
+};

From 72695a1c7c75da858a5855a3c8609792aaaeb029 Mon Sep 17 00:00:00 2001
From: pd4d10 <pd4d10@gmail.com>
Date: Sat, 4 Mar 2017 21:31:12 +0800
Subject: [PATCH 096/163] Remove unneeded `url` lib (#1715)

Remove unused `url` import in Webpack config
---
 packages/react-scripts/config/webpack.config.prod.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js
index edf153516e7..a9a359fc2fa 100644
--- a/packages/react-scripts/config/webpack.config.prod.js
+++ b/packages/react-scripts/config/webpack.config.prod.js
@@ -15,7 +15,6 @@ var HtmlWebpackPlugin = require('html-webpack-plugin');
 var ExtractTextPlugin = require('extract-text-webpack-plugin');
 var ManifestPlugin = require('webpack-manifest-plugin');
 var InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
-var url = require('url');
 var paths = require('./paths');
 var getClientEnvironment = require('./env');
 

From b421ed9047a920e03273895043daf287e76df55c Mon Sep 17 00:00:00 2001
From: Ade Viankakrisna Fadlil <viankakrisna@gmail.com>
Date: Sat, 4 Mar 2017 20:52:37 +0700
Subject: [PATCH 097/163] pin and bump lerna (#1688)

---
 lerna.json   | 4 ++--
 package.json | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/lerna.json b/lerna.json
index f648aac48a1..5f3a37018a1 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,5 +1,5 @@
 {
-  "lerna": "2.0.0-beta.37",
+  "lerna": "2.0.0-beta.38",
   "version": "independent",
   "changelog": {
     "repo": "facebookincubator/create-react-app",
@@ -13,4 +13,4 @@
     },
     "cacheDir": ".changelog"
   }
-}
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 63f413e4d6d..d2fc761240b 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "eslint-plugin-import": "2.0.1",
     "eslint-plugin-jsx-a11y": "2.2.3",
     "eslint-plugin-react": "6.4.1",
-    "lerna": "^2.0.0-beta.37",
+    "lerna": "2.0.0-beta.38",
     "lerna-changelog": "^0.2.3"
   }
-}
+}
\ No newline at end of file

From 8951fbe7a3f7251548cc464311e087c2a47164ec Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Sat, 4 Mar 2017 12:59:09 -0500
Subject: [PATCH 098/163] Lerna 2.0.0-beta.38 expects packages entry

---
 lerna.json   | 7 +++++--
 package.json | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/lerna.json b/lerna.json
index 5f3a37018a1..e2429777df4 100644
--- a/lerna.json
+++ b/lerna.json
@@ -12,5 +12,8 @@
       "tag: internal": ":house: Internal"
     },
     "cacheDir": ".changelog"
-  }
-}
\ No newline at end of file
+  },
+  "packages": [
+    "packages/*"
+  ]
+}
diff --git a/package.json b/package.json
index d2fc761240b..0e2153a1296 100644
--- a/package.json
+++ b/package.json
@@ -21,4 +21,4 @@
     "lerna": "2.0.0-beta.38",
     "lerna-changelog": "^0.2.3"
   }
-}
\ No newline at end of file
+}

From 443ca23d55f81b183a0f9a5866c22ac9804784d9 Mon Sep 17 00:00:00 2001
From: Ade Viankakrisna Fadlil <viankakrisna@gmail.com>
Date: Sun, 5 Mar 2017 21:07:19 +0700
Subject: [PATCH 099/163] Add docs for apache's client side routing setting
 (#1717)

* Add docs for apache's client side routing setting

* Tweak advice
---
 packages/react-scripts/template/README.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 3c95313946b..4f48c05bda0 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -1250,6 +1250,17 @@ This is because when there is a fresh page load for a `/todos/42`, the server lo
  });
 ```
 
+If you’re using [Apache](https://httpd.apache.org/), you need to create a `.htaccess` file in the `public` folder that looks like this:
+
+```
+    Options -MultiViews
+    RewriteEngine On
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteRule ^ index.html [QSA,L]
+```
+
+It will get copied to the `build` folder when you run `npm run build`.
+
 Now requests to `/todos/42` will be handled correctly both in development and in production.
 
 ### Building for Relative Paths

From 3fe828929f4e58f03703303198cfa978fd7f03bc Mon Sep 17 00:00:00 2001
From: Ryan Platte <ryan@burnbush.net>
Date: Sun, 5 Mar 2017 09:44:35 -0500
Subject: [PATCH 100/163] Update now.sh deployment instructions. (#1710)

* Update now.sh deployment instructions.

Incorporates changes announced at https://zeit.co/blog/now-static that streamline Now deployments from CRA projects.

* Remove unintentional reference to deployed app.

No emergency; just didn't intend to tout or send traffic to my prototype.
---
 packages/react-scripts/template/README.md | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 4f48c05bda0..5e527811f08 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -1489,7 +1489,27 @@ When you build the project, Create React App will place the `public` folder cont
 
 ### Now
 
-See [this example](https://github.com/xkawi/create-react-app-now) for a zero-configuration single-command deployment with [now](https://zeit.co/now).
+[now](https://zeit.co/now) offers a zero-configuration single-command deployment.
+
+1. Install the `now` command-line tool either via the recommended [desktop tool](https://zeit.co/download) or via node with `npm install -g now`.
+
+2. Install `serve` by running `npm install --save serve`.
+
+3. Add this line to `scripts` in `package.json`:
+    
+    ```
+    "now-start": "serve build/",
+    ```
+    
+4. Run `now` from your project directory. You will see a **now.sh** URL in your output like this:
+    
+    ```
+    > Ready! https://your-project-dirname-tpspyhtdtk.now.sh (copied to clipboard)
+    ```
+    
+    Paste that URL into your browser when the build is complete, and you will see your deployed app.
+
+Details are available in [this article.](https://zeit.co/blog/now-static)
 
 ### S3 and CloudFront
 

From 19a46724fbacbaabc0e6fec33bd1018fb7cf75f0 Mon Sep 17 00:00:00 2001
From: Chris Drackett <drackett@mac.com>
Date: Sun, 5 Mar 2017 06:54:33 -0800
Subject: [PATCH 101/163] Add support for ignoreRestSiblings in no-unused-vars
 (#1705)

* updating eslint to 3.16.1

* add support for ignoreRestSiblings in eslint

http://eslint.org/docs/rules/no-unused-vars#ignorerestsiblings

* updating eslint to 3.16.1 in `react-scripts`

* updating eslint

* missing `^`

* missing ^

* pinning main eslint and updating readme

* Pin ESLint version
---
 package.json                                  | 2 +-
 packages/eslint-config-react-app/README.md    | 2 +-
 packages/eslint-config-react-app/index.js     | 3 ++-
 packages/eslint-config-react-app/package.json | 2 +-
 packages/react-scripts/package.json           | 2 +-
 5 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 0e2153a1296..2532d407118 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
   },
   "devDependencies": {
     "babel-eslint": "7.1.0",
-    "eslint": "3.8.1",
+    "eslint": "3.16.1",
     "eslint-config-react-app": "0.5.1",
     "eslint-plugin-flowtype": "2.21.0",
     "eslint-plugin-import": "2.0.1",
diff --git a/packages/eslint-config-react-app/README.md b/packages/eslint-config-react-app/README.md
index 4d967afb806..45cdfe99be2 100644
--- a/packages/eslint-config-react-app/README.md
+++ b/packages/eslint-config-react-app/README.md
@@ -17,7 +17,7 @@ If you want to use this ESLint configuration in a project not built with Create
 First, install this package, ESLint and the necessary plugins.
 
   ```sh
-  npm install --save-dev eslint-config-react-app babel-eslint@7.0.0 eslint@3.8.1 eslint-plugin-flowtype@2.21.0 eslint-plugin-import@2.0.1 eslint-plugin-jsx-a11y@2.2.3 eslint-plugin-react@6.4.1
+  npm install --save-dev eslint-config-react-app babel-eslint@7.0.0 eslint@3.16.1 eslint-plugin-flowtype@2.21.0 eslint-plugin-import@2.0.1 eslint-plugin-jsx-a11y@2.2.3 eslint-plugin-react@6.4.1
   ```
 
 Then create a file named `.eslintrc` with following contents in the root folder of your project:
diff --git a/packages/eslint-config-react-app/index.js b/packages/eslint-config-react-app/index.js
index f6dd412261f..f4d33baffa3 100644
--- a/packages/eslint-config-react-app/index.js
+++ b/packages/eslint-config-react-app/index.js
@@ -134,7 +134,8 @@ module.exports = {
     'no-unused-vars': ['warn', {
       vars: 'local',
       varsIgnorePattern: '^_',
-      args: 'none'
+      args: 'none',
+      ignoreRestSiblings: true,
     }],
     'no-use-before-define': ['warn', 'nofunc'],
     'no-useless-computed-key': 'warn',
diff --git a/packages/eslint-config-react-app/package.json b/packages/eslint-config-react-app/package.json
index 344cd4a0214..6e15a7b472f 100644
--- a/packages/eslint-config-react-app/package.json
+++ b/packages/eslint-config-react-app/package.json
@@ -12,7 +12,7 @@
   ],
   "peerDependencies": {
     "babel-eslint": "^7.0.0",
-    "eslint": "^3.8.1",
+    "eslint": "^3.16.1",
     "eslint-plugin-flowtype": "^2.21.0",
     "eslint-plugin-import": "^2.0.1",
     "eslint-plugin-jsx-a11y": "^2.2.3",
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 1bc9e053f5a..137956e06c1 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -37,7 +37,7 @@
     "css-loader": "0.26.1",
     "detect-port": "1.0.1",
     "dotenv": "2.0.0",
-    "eslint": "3.8.1",
+    "eslint": "3.16.1",
     "eslint-config-react-app": "^0.5.2",
     "eslint-loader": "1.6.3",
     "eslint-plugin-flowtype": "2.21.0",

From 4ec5af39ac27d41bb870750460c30daa82dfab53 Mon Sep 17 00:00:00 2001
From: Ade Viankakrisna Fadlil <viankakrisna@gmail.com>
Date: Sun, 5 Mar 2017 22:42:10 +0700
Subject: [PATCH 102/163] add double quotes to escape spaces in paths in e2e
 (#1707)

* add double quotes to escape spaces in path

* Change $* to "$@" props to @n3tr

* escape spaces in path for all e2e tests
---
 tasks/cra.sh             | 10 +++++-----
 tasks/e2e-installs.sh    | 26 +++++++++++++-------------
 tasks/e2e-kitchensink.sh | 32 ++++++++++++++++----------------
 tasks/e2e-simple.sh      | 28 ++++++++++++++--------------
 tasks/release.sh         |  2 +-
 5 files changed, 49 insertions(+), 49 deletions(-)

diff --git a/tasks/cra.sh b/tasks/cra.sh
index f63fd464b0c..c94559406d2 100755
--- a/tasks/cra.sh
+++ b/tasks/cra.sh
@@ -52,7 +52,7 @@ root_path=$PWD
 # ******************************************************************************
 
 # Install all our packages
-$root_path/node_modules/.bin/lerna bootstrap
+"$root_path"/node_modules/.bin/lerna bootstrap
 
 cd packages/react-scripts
 
@@ -61,10 +61,10 @@ cp package.json package.json.orig
 
 # Replace own dependencies (those in the `packages` dir) with the local paths
 # of those packages.
-node $root_path/tasks/replace-own-deps.js
+node "$root_path"/tasks/replace-own-deps.js
 
 # Finally, pack react-scripts
-scripts_path=$root_path/packages/react-scripts/`npm pack`
+scripts_path="$root_path"/packages/react-scripts/`npm pack`
 
 # Restore package.json
 rm package.json
@@ -79,8 +79,8 @@ mv package.json.orig package.json
 yarn cache clean || true
 
 # Go back to the root directory and run the command from here
-cd $root_path
-node packages/create-react-app/index.js --scripts-version=$scripts_path "$@"
+cd "$root_path"
+node packages/create-react-app/index.js --scripts-version="$scripts_path" "$@"
 
 # Cleanup
 cleanup
diff --git a/tasks/e2e-installs.sh b/tasks/e2e-installs.sh
index ac25da7e609..35ec3521b4c 100755
--- a/tasks/e2e-installs.sh
+++ b/tasks/e2e-installs.sh
@@ -21,8 +21,8 @@ temp_app_path=`mktemp -d 2>/dev/null || mktemp -d -t 'temp_app_path'`
 
 function cleanup {
   echo 'Cleaning up.'
-  cd $root_path
-  rm -rf $temp_cli_path $temp_app_path
+  cd "$root_path"
+  rm -rf "$temp_cli_path" "$temp_app_path"
 }
 
 # Error messages are redirected to stderr
@@ -77,18 +77,18 @@ fi
 # ******************************************************************************
 
 # Pack CLI
-cd $root_path/packages/create-react-app
+cd "$root_path"/packages/create-react-app
 cli_path=$PWD/`npm pack`
 
 # Install the CLI in a temporary location
-cd $temp_cli_path
-npm install $cli_path
+cd "$temp_cli_path"
+npm install "$cli_path"
 
 # ******************************************************************************
 # Test --scripts-version with a version number
 # ******************************************************************************
 
-cd $temp_app_path
+cd "$temp_app_path"
 create_react_app --scripts-version=0.4.0 test-app-version-number
 cd test-app-version-number
 
@@ -100,7 +100,7 @@ grep '"version": "0.4.0"' node_modules/react-scripts/package.json
 # Test --scripts-version with a tarball url
 # ******************************************************************************
 
-cd $temp_app_path
+cd "$temp_app_path"
 create_react_app --scripts-version=https://registry.npmjs.org/react-scripts/-/react-scripts-0.4.0.tgz test-app-tarball-url
 cd test-app-tarball-url
 
@@ -112,7 +112,7 @@ grep '"version": "0.4.0"' node_modules/react-scripts/package.json
 # Test --scripts-version with a custom fork of react-scripts
 # ******************************************************************************
 
-cd $temp_app_path
+cd "$temp_app_path"
 create_react_app --scripts-version=react-scripts-fork test-app-fork
 cd test-app-fork
 
@@ -123,7 +123,7 @@ exists node_modules/react-scripts-fork
 # Test project folder is deleted on failing package installation
 # ******************************************************************************
 
-cd $temp_app_path
+cd "$temp_app_path"
 # we will install a non-existing package to simulate a failed installataion.
 create_react_app --scripts-version=`date +%s` test-app-should-not-exist || true
 # confirm that the project folder was deleted
@@ -133,7 +133,7 @@ test ! -d test-app-should-not-exist
 # Test project folder is not deleted when creating app over existing folder
 # ******************************************************************************
 
-cd $temp_app_path
+cd "$temp_app_path"
 mkdir test-app-should-remain
 echo '## Hello' > ./test-app-should-remain/README.md
 # we will install a non-existing package to simulate a failed installataion.
@@ -150,7 +150,7 @@ fi
 # ******************************************************************************
 
 #Testing a path that exists
-cd $temp_app_path
+cd "$temp_app_path"
 mkdir test-app-nested-paths-t1
 cd test-app-nested-paths-t1
 mkdir -p test-app-nested-paths-t1/aa/bb/cc/dd
@@ -159,13 +159,13 @@ cd test-app-nested-paths-t1/aa/bb/cc/dd
 npm start -- --smoke-test
 
 #Testing a path that does not exist
-cd $temp_app_path
+cd "$temp_app_path"
 create_react_app test-app-nested-paths-t2/aa/bb/cc/dd
 cd test-app-nested-paths-t2/aa/bb/cc/dd
 npm start -- --smoke-test
 
 #Testing a path that is half exists
-cd $temp_app_path
+cd "$temp_app_path"
 mkdir -p test-app-nested-paths-t3/aa
 create_react_app test-app-nested-paths-t3/aa/bb/cc/dd
 cd test-app-nested-paths-t3/aa/bb/cc/dd
diff --git a/tasks/e2e-kitchensink.sh b/tasks/e2e-kitchensink.sh
index b4784c9fc36..becd88282c1 100755
--- a/tasks/e2e-kitchensink.sh
+++ b/tasks/e2e-kitchensink.sh
@@ -22,9 +22,9 @@ temp_app_path=`mktemp -d 2>/dev/null || mktemp -d -t 'temp_app_path'`
 function cleanup {
   echo 'Cleaning up.'
   ps -ef | grep 'react-scripts' | grep -v grep | awk '{print $2}' | xargs kill -s 9
-  cd $root_path
+  cd "$root_path"
   # TODO: fix "Device or resource busy" and remove ``|| $CI`
-  rm -rf $temp_cli_path $temp_app_path || $CI
+  rm -rf "$temp_cli_path" $temp_app_path || $CI
 }
 
 # Error messages are redirected to stderr
@@ -42,7 +42,7 @@ function handle_exit {
 }
 
 function create_react_app {
-  node "$temp_cli_path"/node_modules/create-react-app/index.js $*
+  node "$temp_cli_path"/node_modules/create-react-app/index.js "$@"
 }
 
 # Check for the existence of one or more files.
@@ -79,21 +79,21 @@ fi
 # ******************************************************************************
 
 # Pack CLI
-cd $root_path/packages/create-react-app
+cd "$root_path"/packages/create-react-app
 cli_path=$PWD/`npm pack`
 
 # Go to react-scripts
-cd $root_path/packages/react-scripts
+cd "$root_path"/packages/react-scripts
 
 # Save package.json because we're going to touch it
 cp package.json package.json.orig
 
 # Replace own dependencies (those in the `packages` dir) with the local paths
 # of those packages.
-node $root_path/tasks/replace-own-deps.js
+node "$root_path"/tasks/replace-own-deps.js
 
 # Finally, pack react-scripts
-scripts_path=$root_path/packages/react-scripts/`npm pack`
+scripts_path="$root_path"/packages/react-scripts/`npm pack`
 
 # Restore package.json
 rm package.json
@@ -104,12 +104,12 @@ mv package.json.orig package.json
 # ******************************************************************************
 
 # Install the CLI in a temporary location
-cd $temp_cli_path
-npm install $cli_path
+cd "$temp_cli_path"
+npm install "$cli_path"
 
 # Install the app in a temporary location
 cd $temp_app_path
-create_react_app --scripts-version=$scripts_path --internal-testing-template=$root_path/packages/react-scripts/fixtures/kitchensink test-kitchensink
+create_react_app --scripts-version="$scripts_path" --internal-testing-template="$root_path"/packages/react-scripts/fixtures/kitchensink test-kitchensink
 
 # ******************************************************************************
 # Now that we used create-react-app to create an app depending on react-scripts,
@@ -120,7 +120,7 @@ create_react_app --scripts-version=$scripts_path --internal-testing-template=$ro
 cd test-kitchensink
 
 # Link to our preset
-npm link $root_path/packages/babel-preset-react-app
+npm link "$root_path"/packages/babel-preset-react-app
 
 # Test the build
 REACT_APP_SHELL_ENV_MESSAGE=fromtheshell \
@@ -172,16 +172,16 @@ E2E_FILE=./build/index.html \
 # ******************************************************************************
 
 # Unlink our preset
-npm unlink $root_path/packages/babel-preset-react-app
+npm unlink "$root_path"/packages/babel-preset-react-app
 
 # Eject...
 echo yes | npm run eject
 
 # ...but still link to the local packages
-npm link $root_path/packages/babel-preset-react-app
-npm link $root_path/packages/eslint-config-react-app
-npm link $root_path/packages/react-dev-utils
-npm link $root_path/packages/react-scripts
+npm link "$root_path"/packages/babel-preset-react-app
+npm link "$root_path"/packages/eslint-config-react-app
+npm link "$root_path"/packages/react-dev-utils
+npm link "$root_path"/packages/react-scripts
 
 # Test the build
 REACT_APP_SHELL_ENV_MESSAGE=fromtheshell \
diff --git a/tasks/e2e-simple.sh b/tasks/e2e-simple.sh
index 855172c7df8..7f70eeb4c3a 100755
--- a/tasks/e2e-simple.sh
+++ b/tasks/e2e-simple.sh
@@ -21,10 +21,10 @@ temp_app_path=`mktemp -d 2>/dev/null || mktemp -d -t 'temp_app_path'`
 
 function cleanup {
   echo 'Cleaning up.'
-  cd $root_path
+  cd "$root_path"
   # Uncomment when snapshot testing is enabled by default:
   # rm ./packages/react-scripts/template/src/__snapshots__/App.test.js.snap
-  rm -rf $temp_cli_path $temp_app_path
+  rm -rf "$temp_cli_path" $temp_app_path
 }
 
 # Error messages are redirected to stderr
@@ -42,7 +42,7 @@ function handle_exit {
 }
 
 function create_react_app {
-  node "$temp_cli_path"/node_modules/create-react-app/index.js $*
+  node "$temp_cli_path"/node_modules/create-react-app/index.js "$@"
 }
 
 # Check for the existence of one or more files.
@@ -126,21 +126,21 @@ npm start -- --smoke-test
 # ******************************************************************************
 
 # Pack CLI
-cd $root_path/packages/create-react-app
+cd "$root_path"/packages/create-react-app
 cli_path=$PWD/`npm pack`
 
 # Go to react-scripts
-cd $root_path/packages/react-scripts
+cd "$root_path"/packages/react-scripts
 
 # Save package.json because we're going to touch it
 cp package.json package.json.orig
 
 # Replace own dependencies (those in the `packages` dir) with the local paths
 # of those packages.
-node $root_path/tasks/replace-own-deps.js
+node "$root_path"/tasks/replace-own-deps.js
 
 # Finally, pack react-scripts
-scripts_path=$root_path/packages/react-scripts/`npm pack`
+scripts_path="$root_path"/packages/react-scripts/`npm pack`
 
 # Restore package.json
 rm package.json
@@ -151,12 +151,12 @@ mv package.json.orig package.json
 # ******************************************************************************
 
 # Install the CLI in a temporary location
-cd $temp_cli_path
-npm install $cli_path
+cd "$temp_cli_path"
+npm install "$cli_path"
 
 # Install the app in a temporary location
 cd $temp_app_path
-create_react_app --scripts-version=$scripts_path test-app
+create_react_app --scripts-version="$scripts_path" test-app
 
 # ******************************************************************************
 # Now that we used create-react-app to create an app depending on react-scripts,
@@ -243,10 +243,10 @@ verify_env_url
 echo yes | npm run eject
 
 # ...but still link to the local packages
-npm link $root_path/packages/babel-preset-react-app
-npm link $root_path/packages/eslint-config-react-app
-npm link $root_path/packages/react-dev-utils
-npm link $root_path/packages/react-scripts
+npm link "$root_path"/packages/babel-preset-react-app
+npm link "$root_path"/packages/eslint-config-react-app
+npm link "$root_path"/packages/react-dev-utils
+npm link "$root_path"/packages/react-scripts
 
 # Test the build
 npm run build
diff --git a/tasks/release.sh b/tasks/release.sh
index 1520a5f0785..49a7302852f 100755
--- a/tasks/release.sh
+++ b/tasks/release.sh
@@ -39,6 +39,6 @@ if [ -n "$(git status --porcelain)" ]; then
   exit 1;
 fi
 
-cd $root_path
+cd "$root_path"
 # Go!
 ./node_modules/.bin/lerna publish --independent "$@"

From ae61bf65ca986c91256ff65f87ab5bdbf40e8475 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 5 Mar 2017 16:13:22 +0000
Subject: [PATCH 103/163] Create appveyor.cleanup-cache.txt

---
 appveyor.cleanup-cache.txt | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 appveyor.cleanup-cache.txt

diff --git a/appveyor.cleanup-cache.txt b/appveyor.cleanup-cache.txt
new file mode 100644
index 00000000000..19d0b989b62
--- /dev/null
+++ b/appveyor.cleanup-cache.txt
@@ -0,0 +1,5 @@
+Edit this file to trigger a cache rebuild.
+http://help.appveyor.com/discussions/questions/1310-delete-cache
+
+----
+Just testing if this works.

From 9d8096e6ff75d524811d61802aad85ddc4a6c016 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 5 Mar 2017 16:13:46 +0000
Subject: [PATCH 104/163] Link Appveyor caches to appveyor.cleanup-cache.txt

---
 appveyor.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/appveyor.yml b/appveyor.yml
index 8b0e427c625..1ccc363d9fe 100644
--- a/appveyor.yml
+++ b/appveyor.yml
@@ -14,8 +14,8 @@ environment:
       test_suite: "kitchensink"
 
 cache:
-  - node_modules
-  - packages\react-scripts\node_modules
+  - node_modules -> appveyor.cleanup-cache.txt
+  - packages\react-scripts\node_modules -> appveyor.cleanup-cache.txt
 
 clone_depth: 50
 

From 23f85d3f42efad1a6a9eb7f67323a56821f7f93f Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 5 Mar 2017 16:14:04 +0000
Subject: [PATCH 105/163] Trigger AppVeyor cache cleanup

---
 appveyor.cleanup-cache.txt | 1 +
 1 file changed, 1 insertion(+)

diff --git a/appveyor.cleanup-cache.txt b/appveyor.cleanup-cache.txt
index 19d0b989b62..0656d74ac41 100644
--- a/appveyor.cleanup-cache.txt
+++ b/appveyor.cleanup-cache.txt
@@ -3,3 +3,4 @@ http://help.appveyor.com/discussions/questions/1310-delete-cache
 
 ----
 Just testing if this works.
+Hello, world.

From d07accbd0981de1de1d7c010042f26779e4d9574 Mon Sep 17 00:00:00 2001
From: Pierre Bertet <bonjour@pierrebertet.net>
Date: Sun, 5 Mar 2017 16:42:13 +0000
Subject: [PATCH 106/163] Fix openBrowser() when BROWSER=open on macOS (#1690)

* Fix openBrowser() when BROWSER=open on macOS

* Tweaks
---
 packages/react-dev-utils/openBrowser.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/react-dev-utils/openBrowser.js b/packages/react-dev-utils/openBrowser.js
index a3623515e0a..4577dc93b79 100644
--- a/packages/react-dev-utils/openBrowser.js
+++ b/packages/react-dev-utils/openBrowser.js
@@ -17,7 +17,7 @@ function openBrowser(url) {
   // Attempt to honor this environment variable.
   // It is specific to the operating system.
   // See https://github.com/sindresorhus/opn#app for documentation.
-  const browser = process.env.BROWSER;
+  let browser = process.env.BROWSER;
 
   // Special case: BROWSER="none" will prevent opening completely.
   if (browser === 'none') {
@@ -50,6 +50,14 @@ function openBrowser(url) {
     }
   }
 
+  // Another special case: on OS X, check if BROWSER has been set to "open".
+  // In this case, instead of passing `open` to `opn` (which won't work),
+  // just ignore it (thus ensuring the intended behavior, i.e. opening the system browser):
+  // https://github.com/facebookincubator/create-react-app/pull/1690#issuecomment-283518768
+  if (process.platform === 'darwin' && browser === 'open') {
+    browser = undefined;
+  }
+  
   // Fallback to opn
   // (It will always open new tab)
   try {

From 5414cff033dbf6b4b70dce4563e04033745d7463 Mon Sep 17 00:00:00 2001
From: Mato Ilic <info@matoilic.ch>
Date: Sun, 5 Mar 2017 18:13:26 +0100
Subject: [PATCH 107/163] Create empty package.json in e2e test (#1401) (#1402)

* Create empty package.json in e2e test

Create empty package.json in e2e test while installing packaged CLI to prevent installation issues.

* Use "npm init" to initialize package.json instead of just writing an empty object into it.

* Fix typo
---
 tasks/e2e-simple.sh | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/tasks/e2e-simple.sh b/tasks/e2e-simple.sh
index 7f70eeb4c3a..594f4604085 100755
--- a/tasks/e2e-simple.sh
+++ b/tasks/e2e-simple.sh
@@ -152,6 +152,12 @@ mv package.json.orig package.json
 
 # Install the CLI in a temporary location
 cd "$temp_cli_path"
+
+# Initialize package.json before installing the CLI because npm will not install
+# the CLI properly in the temporary location if it is missing.
+npm init --yes
+
+# Now we can install the CLI from the local package.
 npm install "$cli_path"
 
 # Install the app in a temporary location

From 01c35977716967abf4092c82807d444324a8e22d Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 5 Mar 2017 17:53:43 +0000
Subject: [PATCH 108/163] Skip AppVeyor CI builds for Markdown changes (#1723)

* Skip CI builds for Markdown changes

* I will never learn YML
---
 appveyor.yml | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/appveyor.yml b/appveyor.yml
index 1ccc363d9fe..bc2ac1b3f88 100644
--- a/appveyor.yml
+++ b/appveyor.yml
@@ -30,6 +30,10 @@ install:
 
 build: off
 
+skip_commits:
+  files:
+    - '**/*.md'
+
 test_script:
   - node --version
   - npm --version

From ed9eeebf2b453db82877304f09c6b88bebf75ba9 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 5 Mar 2017 19:10:48 +0000
Subject: [PATCH 109/163] Don't use ES6 in a file that should run on Node 4
 (#1724)

---
 packages/react-dev-utils/openBrowser.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-dev-utils/openBrowser.js b/packages/react-dev-utils/openBrowser.js
index 4577dc93b79..2e66716439b 100644
--- a/packages/react-dev-utils/openBrowser.js
+++ b/packages/react-dev-utils/openBrowser.js
@@ -17,7 +17,7 @@ function openBrowser(url) {
   // Attempt to honor this environment variable.
   // It is specific to the operating system.
   // See https://github.com/sindresorhus/opn#app for documentation.
-  let browser = process.env.BROWSER;
+  var browser = process.env.BROWSER;
 
   // Special case: BROWSER="none" will prevent opening completely.
   if (browser === 'none') {

From 13f26e3288e22288bb158ed2f6172cf656695628 Mon Sep 17 00:00:00 2001
From: Bond <bondz@users.noreply.github.com>
Date: Sun, 5 Mar 2017 20:35:24 +0100
Subject: [PATCH 110/163] Bump jsx-a11y version (#1542)

* Bump jsx-a11y version

* Update package dependecy for jsx-a11y

* Bump version in react-scripts
---
 package.json                                  | 2 +-
 packages/eslint-config-react-app/README.md    | 2 +-
 packages/eslint-config-react-app/package.json | 2 +-
 packages/react-scripts/package.json           | 2 +-
 packages/react-scripts/template/README.md     | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 2532d407118..1398c949cf9 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "eslint-config-react-app": "0.5.1",
     "eslint-plugin-flowtype": "2.21.0",
     "eslint-plugin-import": "2.0.1",
-    "eslint-plugin-jsx-a11y": "2.2.3",
+    "eslint-plugin-jsx-a11y": "4.0.0",
     "eslint-plugin-react": "6.4.1",
     "lerna": "2.0.0-beta.38",
     "lerna-changelog": "^0.2.3"
diff --git a/packages/eslint-config-react-app/README.md b/packages/eslint-config-react-app/README.md
index 45cdfe99be2..8eace6efffc 100644
--- a/packages/eslint-config-react-app/README.md
+++ b/packages/eslint-config-react-app/README.md
@@ -17,7 +17,7 @@ If you want to use this ESLint configuration in a project not built with Create
 First, install this package, ESLint and the necessary plugins.
 
   ```sh
-  npm install --save-dev eslint-config-react-app babel-eslint@7.0.0 eslint@3.16.1 eslint-plugin-flowtype@2.21.0 eslint-plugin-import@2.0.1 eslint-plugin-jsx-a11y@2.2.3 eslint-plugin-react@6.4.1
+  npm install --save-dev eslint-config-react-app babel-eslint@7.1.1 eslint@3.16.1 eslint-plugin-flowtype@2.21.0 eslint-plugin-import@2.0.1 eslint-plugin-jsx-a11y@4.0.0 eslint-plugin-react@6.4.1
   ```
 
 Then create a file named `.eslintrc` with following contents in the root folder of your project:
diff --git a/packages/eslint-config-react-app/package.json b/packages/eslint-config-react-app/package.json
index 6e15a7b472f..9f8db175b2b 100644
--- a/packages/eslint-config-react-app/package.json
+++ b/packages/eslint-config-react-app/package.json
@@ -15,7 +15,7 @@
     "eslint": "^3.16.1",
     "eslint-plugin-flowtype": "^2.21.0",
     "eslint-plugin-import": "^2.0.1",
-    "eslint-plugin-jsx-a11y": "^2.2.3",
+    "eslint-plugin-jsx-a11y": "^4.0.0",
     "eslint-plugin-react": "^6.4.1"
   }
 }
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 137956e06c1..dd492f289d6 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -42,7 +42,7 @@
     "eslint-loader": "1.6.3",
     "eslint-plugin-flowtype": "2.21.0",
     "eslint-plugin-import": "2.0.1",
-    "eslint-plugin-jsx-a11y": "2.2.3",
+    "eslint-plugin-jsx-a11y": "4.0.0",
     "eslint-plugin-react": "6.4.1",
     "extract-text-webpack-plugin": "2.0.0",
     "file-loader": "0.10.0",
diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 5e527811f08..8454fd983ea 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -245,7 +245,7 @@ Then add this block to the `package.json` file of your project:
 Finally, you will need to install some packages *globally*:
 
 ```sh
-npm install -g eslint-config-react-app@0.3.0 eslint@3.8.1 babel-eslint@7.0.0 eslint-plugin-react@6.4.1 eslint-plugin-import@2.0.1 eslint-plugin-jsx-a11y@2.2.3 eslint-plugin-flowtype@2.21.0
+npm install -g eslint-config-react-app@0.3.0 eslint@3.8.1 babel-eslint@7.0.0 eslint-plugin-react@6.4.1 eslint-plugin-import@2.0.1 eslint-plugin-jsx-a11y@4.0.0 eslint-plugin-flowtype@2.21.0
 ```
 
 We recognize that this is suboptimal, but it is currently required due to the way we hide the ESLint dependency. The ESLint team is already [working on a solution to this](https://github.com/eslint/eslint/issues/3458) so this may become unnecessary in a couple of months.

From dbee660b293d923c9c09a4b9f5d8a7e473e1ac7c Mon Sep 17 00:00:00 2001
From: Dan Abramov <gaearon@fb.com>
Date: Sun, 5 Mar 2017 21:40:57 +0000
Subject: [PATCH 111/163] Bump ESLint config to 0.6.0 manually

---
 packages/eslint-config-react-app/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/eslint-config-react-app/package.json b/packages/eslint-config-react-app/package.json
index 9f8db175b2b..5ded91313e1 100644
--- a/packages/eslint-config-react-app/package.json
+++ b/packages/eslint-config-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-react-app",
-  "version": "0.5.2",
+  "version": "0.6.0",
   "description": "ESLint configuration used by Create React App",
   "repository": "facebookincubator/create-react-app",
   "license": "BSD-3-Clause",

From e001da96e74285025829da6c32b747ae08980fe7 Mon Sep 17 00:00:00 2001
From: Dan Abramov <gaearon@fb.com>
Date: Sun, 5 Mar 2017 21:44:06 +0000
Subject: [PATCH 112/163] =?UTF-8?q?Bump=20root=20package=E2=80=99s=20ESLin?=
 =?UTF-8?q?t=20config=20dep=20to=20latest=20to=20resolve=20peer=20on=20npm?=
 =?UTF-8?q?=202?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 1398c949cf9..c4f09ffe223 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
   "devDependencies": {
     "babel-eslint": "7.1.0",
     "eslint": "3.16.1",
-    "eslint-config-react-app": "0.5.1",
+    "eslint-config-react-app": "0.6.0",
     "eslint-plugin-flowtype": "2.21.0",
     "eslint-plugin-import": "2.0.1",
     "eslint-plugin-jsx-a11y": "4.0.0",

From df3ca8e61421eeb78eb6d2a3612ec4f970c48732 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Sun, 5 Mar 2017 17:29:18 -0500
Subject: [PATCH 113/163] Fix Node 4 e2e tests (#1730)

---
 packages/react-scripts/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index dd492f289d6..e0ae953e95f 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -38,7 +38,7 @@
     "detect-port": "1.0.1",
     "dotenv": "2.0.0",
     "eslint": "3.16.1",
-    "eslint-config-react-app": "^0.5.2",
+    "eslint-config-react-app": "^0.6.0",
     "eslint-loader": "1.6.3",
     "eslint-plugin-flowtype": "2.21.0",
     "eslint-plugin-import": "2.0.1",

From 2f7e3a216804e774c0399a081d318f689e649342 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 5 Mar 2017 22:29:28 +0000
Subject: [PATCH 114/163] Lint internal scripts with eslint:recommended (#1729)

* Lint internal scripts with eslint:recommended

* Warnings r bad
---
 .eslintrc                                         | 15 ++++++++++++++-
 package.json                                      |  6 ------
 packages/eslint-config-react-app/index.js         |  2 ++
 packages/react-dev-utils/checkRequiredFiles.js    |  2 ++
 packages/react-dev-utils/clearConsole.js          |  2 ++
 packages/react-dev-utils/formatWebpackMessages.js |  2 ++
 packages/react-dev-utils/getProcessForPort.js     | 11 +++++++++++
 packages/react-dev-utils/openBrowser.js           |  2 ++
 packages/react-dev-utils/prompt.js                |  4 +++-
 packages/react-dev-utils/webpackHotDevClient.js   |  4 +++-
 packages/react-scripts/bin/react-scripts.js       |  4 ++--
 .../fixtures/kitchensink/integration/initDOM.js   |  2 +-
 tasks/e2e-simple.sh                               |  2 +-
 13 files changed, 45 insertions(+), 13 deletions(-)

diff --git a/.eslintrc b/.eslintrc
index 5e603ecd193..d4e6d47749e 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,3 +1,16 @@
 {
-  "extends": "react-app"
+  "extends": "eslint:recommended",
+  "env": {
+    "browser": true,
+    "commonjs": true,
+    "node": true,
+    "es6": true
+  },
+  "parserOptions": {
+    "ecmaVersion": 6
+  },
+  "rules": {
+    "no-console": "off",
+    "strict": ["error", "global"]
+  }
 }
diff --git a/package.json b/package.json
index c4f09ffe223..46bc55b0245 100644
--- a/package.json
+++ b/package.json
@@ -11,13 +11,7 @@
     "test": "node packages/react-scripts/scripts/test.js --env=jsdom"
   },
   "devDependencies": {
-    "babel-eslint": "7.1.0",
     "eslint": "3.16.1",
-    "eslint-config-react-app": "0.6.0",
-    "eslint-plugin-flowtype": "2.21.0",
-    "eslint-plugin-import": "2.0.1",
-    "eslint-plugin-jsx-a11y": "4.0.0",
-    "eslint-plugin-react": "6.4.1",
     "lerna": "2.0.0-beta.38",
     "lerna-changelog": "^0.2.3"
   }
diff --git a/packages/eslint-config-react-app/index.js b/packages/eslint-config-react-app/index.js
index f4d33baffa3..44066a6eacf 100644
--- a/packages/eslint-config-react-app/index.js
+++ b/packages/eslint-config-react-app/index.js
@@ -7,6 +7,8 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
+'use strict';
+
 // Inspired by https://github.com/airbnb/javascript but less opinionated.
 
 // We use eslint-loader so even warnings are very visible.
diff --git a/packages/react-dev-utils/checkRequiredFiles.js b/packages/react-dev-utils/checkRequiredFiles.js
index 69233db4837..55139b0b870 100644
--- a/packages/react-dev-utils/checkRequiredFiles.js
+++ b/packages/react-dev-utils/checkRequiredFiles.js
@@ -7,6 +7,8 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
+'use strict';
+
 var fs = require('fs');
 var path = require('path');
 var chalk = require('chalk');
diff --git a/packages/react-dev-utils/clearConsole.js b/packages/react-dev-utils/clearConsole.js
index cfd10155167..74336284723 100644
--- a/packages/react-dev-utils/clearConsole.js
+++ b/packages/react-dev-utils/clearConsole.js
@@ -7,6 +7,8 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
+'use strict';
+
 function clearConsole() {
   process.stdout.write(process.platform === 'win32' ? '\x1Bc' : '\x1B[2J\x1B[3J\x1B[H');
 }
diff --git a/packages/react-dev-utils/formatWebpackMessages.js b/packages/react-dev-utils/formatWebpackMessages.js
index 88834a9fc62..bfee3ec5b65 100644
--- a/packages/react-dev-utils/formatWebpackMessages.js
+++ b/packages/react-dev-utils/formatWebpackMessages.js
@@ -7,6 +7,8 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
+'use strict';
+
 // WARNING: this code is untranspiled and is used in browser too.
 // Please make sure any changes are in ES5 or contribute a Babel compile step.
 
diff --git a/packages/react-dev-utils/getProcessForPort.js b/packages/react-dev-utils/getProcessForPort.js
index d412b0c7a72..24b89823eb6 100644
--- a/packages/react-dev-utils/getProcessForPort.js
+++ b/packages/react-dev-utils/getProcessForPort.js
@@ -1,3 +1,14 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+'use strict';
+
 var chalk = require('chalk');
 var execSync = require('child_process').execSync;
 var path = require('path');
diff --git a/packages/react-dev-utils/openBrowser.js b/packages/react-dev-utils/openBrowser.js
index 2e66716439b..912c1819bcd 100644
--- a/packages/react-dev-utils/openBrowser.js
+++ b/packages/react-dev-utils/openBrowser.js
@@ -7,6 +7,8 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
+'use strict';
+
 var execSync = require('child_process').execSync;
 var opn = require('opn');
 
diff --git a/packages/react-dev-utils/prompt.js b/packages/react-dev-utils/prompt.js
index 4b1faf9bac8..e6e19cf39eb 100644
--- a/packages/react-dev-utils/prompt.js
+++ b/packages/react-dev-utils/prompt.js
@@ -7,6 +7,8 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
+'use strict';
+
 var rl = require('readline');
 
 // Convention: "no" should be the conservative choice.
@@ -37,6 +39,6 @@ function prompt(question, isYesDefault) {
       return resolve(isYes);
     });
   });
-};
+}
 
 module.exports = prompt;
diff --git a/packages/react-dev-utils/webpackHotDevClient.js b/packages/react-dev-utils/webpackHotDevClient.js
index 903861a65d1..f4b88fd82e3 100644
--- a/packages/react-dev-utils/webpackHotDevClient.js
+++ b/packages/react-dev-utils/webpackHotDevClient.js
@@ -7,6 +7,8 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
+'use strict';
+
 // This alternative WebpackDevServer combines the functionality of:
 // https://github.com/webpack/webpack-dev-server/blob/webpack-1/client/index.js
 // https://github.com/webpack/webpack/blob/webpack-1/hot/dev-server.js
@@ -323,4 +325,4 @@ function tryApplyUpdates(onHotUpdateSuccess) {
       }
     );
   }
-};
+}
diff --git a/packages/react-scripts/bin/react-scripts.js b/packages/react-scripts/bin/react-scripts.js
index 5ed9b244ca6..e614d9b598e 100755
--- a/packages/react-scripts/bin/react-scripts.js
+++ b/packages/react-scripts/bin/react-scripts.js
@@ -14,13 +14,13 @@ case 'test':
     {stdio: 'inherit'}
   );
   if (result.signal) {
-    if (result.signal == 'SIGKILL') {
+    if (result.signal === 'SIGKILL') {
       console.log(
         'The build failed because the process exited too early. ' +
         'This probably means the system ran out of memory or someone called ' +
         '`kill -9` on the process.'
       );
-    } else if (result.signal == 'SIGTERM') {
+    } else if (result.signal === 'SIGTERM') {
       console.log(
         'The build failed because the process exited too early. ' +
         'Someone might have called `kill` or `killall`, or the system could ' +
diff --git a/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js b/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js
index 7cf8134b79f..9b6049104f9 100644
--- a/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js
+++ b/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js
@@ -15,7 +15,7 @@ if (process.env.E2E_FILE) {
   const markup = fs.readFileSync(file, 'utf8')
   getMarkup = () => markup
 
-  const pathPrefix = process.env.PUBLIC_URL.replace(/^https?:\/\/[^\/]+\/?/, '')
+  const pathPrefix = process.env.PUBLIC_URL.replace(/^https?:\/\/[^/]+\/?/, '')
 
   resourceLoader = (resource, callback) => callback(
     null,
diff --git a/tasks/e2e-simple.sh b/tasks/e2e-simple.sh
index 594f4604085..650d6783898 100755
--- a/tasks/e2e-simple.sh
+++ b/tasks/e2e-simple.sh
@@ -97,7 +97,7 @@ then
 fi
 
 # Lint own code
-./node_modules/.bin/eslint --ignore-path .gitignore ./
+./node_modules/.bin/eslint --max-warnings 0 --ignore-path .gitignore ./
 
 # ******************************************************************************
 # First, test the create-react-app development environment.

From 23dc422606fb449e4dd9a08b935f85a54070b66e Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 5 Mar 2017 23:23:51 +0000
Subject: [PATCH 115/163] Fix ejecting from a scoped fork (#1727)

* Read script names from own bin instead of guessing

This fixes ejecting from a fork that uses a different bin script name.

* Fix ejecting for a scoped react-scripts fork

We shouldn't hardcode react-scripts because fork name might differ.
We also shouldn't rely on it being an immediate child because scoped packages are a level deeper.

* Clarify that own* properties only exist before ejecting
---
 packages/react-scripts/config/paths.js  | 16 ++++++++--------
 packages/react-scripts/scripts/eject.js | 19 +++++++++++--------
 2 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/packages/react-scripts/config/paths.js b/packages/react-scripts/config/paths.js
index 7ad1fc95c89..2a714c1394d 100644
--- a/packages/react-scripts/config/paths.js
+++ b/packages/react-scripts/config/paths.js
@@ -83,7 +83,6 @@ module.exports = {
   yarnLockFile: resolveApp('yarn.lock'),
   testsSetup: resolveApp('src/setupTests.js'),
   appNodeModules: resolveApp('node_modules'),
-  ownNodeModules: resolveApp('node_modules'),
   nodePaths: nodePaths,
   publicUrl: getPublicUrl(resolveApp('package.json')),
   servedPath: getServedPath(resolveApp('package.json'))
@@ -97,7 +96,6 @@ function resolveOwn(relativePath) {
 // config before eject: we're in ./node_modules/react-scripts/config/
 module.exports = {
   appPath: resolveApp('.'),
-  ownPath: resolveApp('node_modules/react-scripts'),
   appBuild: resolveApp('build'),
   appPublic: resolveApp('public'),
   appHtml: resolveApp('public/index.html'),
@@ -107,11 +105,12 @@ module.exports = {
   yarnLockFile: resolveApp('yarn.lock'),
   testsSetup: resolveApp('src/setupTests.js'),
   appNodeModules: resolveApp('node_modules'),
-  // this is empty with npm3 but node resolution searches higher anyway:
-  ownNodeModules: resolveOwn('node_modules'),
   nodePaths: nodePaths,
   publicUrl: getPublicUrl(resolveApp('package.json')),
-  servedPath: getServedPath(resolveApp('package.json'))
+  servedPath: getServedPath(resolveApp('package.json')),
+  // These properties only exist before ejecting:
+  ownPath: resolveOwn('.'),
+  ownNodeModules: resolveOwn('node_modules'), // This is empty on npm 3
 };
 
 var reactScriptsPath = path.resolve('node_modules/react-scripts');
@@ -121,7 +120,6 @@ var reactScriptsLinked = fs.existsSync(reactScriptsPath) && fs.lstatSync(reactSc
 if (!reactScriptsLinked && __dirname.indexOf(path.join('packages', 'react-scripts', 'config')) !== -1) {
   module.exports = {
     appPath: resolveApp('.'),
-    ownPath: resolveOwn('.'),
     appBuild: resolveOwn('../../build'),
     appPublic: resolveOwn('template/public'),
     appHtml: resolveOwn('template/public/index.html'),
@@ -131,10 +129,12 @@ if (!reactScriptsLinked && __dirname.indexOf(path.join('packages', 'react-script
     yarnLockFile: resolveOwn('template/yarn.lock'),
     testsSetup: resolveOwn('template/src/setupTests.js'),
     appNodeModules: resolveOwn('node_modules'),
-    ownNodeModules: resolveOwn('node_modules'),
     nodePaths: nodePaths,
     publicUrl: getPublicUrl(resolveOwn('package.json')),
-    servedPath: getServedPath(resolveOwn('package.json'))
+    servedPath: getServedPath(resolveOwn('package.json')),
+    // These properties only exist before ejecting:
+    ownPath: resolveOwn('.'),
+    ownNodeModules: resolveOwn('node_modules'),
   };
 }
 // @remove-on-eject-end
diff --git a/packages/react-scripts/scripts/eject.js b/packages/react-scripts/scripts/eject.js
index 0358d4256f4..b79d1e0d4d2 100644
--- a/packages/react-scripts/scripts/eject.js
+++ b/packages/react-scripts/scripts/eject.js
@@ -120,14 +120,17 @@ prompt(
   console.log(cyan('Updating the scripts'));
   delete appPackage.scripts['eject'];
   Object.keys(appPackage.scripts).forEach(function (key) {
-    appPackage.scripts[key] = appPackage.scripts[key]
-      .replace(/react-scripts (\w+)/g, 'node scripts/$1.js');
-    console.log(
-      '  Replacing ' +
-      cyan('"react-scripts ' + key + '"') +
-      ' with ' +
-      cyan('"node scripts/' + key + '.js"')
-    );
+    Object.keys(ownPackage.bin).forEach(function (binKey) {
+      var regex = new RegExp(binKey + ' (\\w+)', 'g');
+      appPackage.scripts[key] = appPackage.scripts[key]
+        .replace(regex, 'node scripts/$1.js');
+      console.log(
+        '  Replacing ' +
+        cyan('"' + binKey + ' ' + key + '"') +
+        ' with ' +
+        cyan('"node scripts/' + key + '.js"')
+      );
+    });
   });
 
   console.log();

From 3fa5e8e7d7a1b0d004e51a39afc2aa074808aa2a Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Sun, 5 Mar 2017 18:45:29 -0500
Subject: [PATCH 116/163] Properly extract package name for installing tgz of
 scoped packages (#1706)

* Properly extract package name

* Download package if need be ...

* Oops

* Add e2e test based on #1537, but without specific filename

* Pass packageName through promises

A little bit more verbose but explicit and doesn't rely on shared mutable state.

* Fix up directory name in test

* Tweak failure message

* Fix lint
---
 packages/create-react-app/index.js     | 109 ++++++++++++++++++++-----
 packages/create-react-app/package.json |   3 +
 tasks/e2e-installs.sh                  |  12 +++
 3 files changed, 104 insertions(+), 20 deletions(-)

diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
index 5c2205dc6fc..ebeae5b41b0 100755
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -60,6 +60,9 @@ var execSync = require('child_process').execSync;
 var spawn = require('cross-spawn');
 var semver = require('semver');
 var dns = require('dns');
+var tmp = require('tmp');
+var unpack = require('tar-pack').unpack;
+var hyperquest = require('hyperquest');
 
 var projectName;
 
@@ -201,23 +204,34 @@ function install(useYarn, dependencies, verbose, isOnline) {
 
 function run(root, appName, version, verbose, originalDirectory, template) {
   var packageToInstall = getInstallPackage(version);
-  var packageName = getPackageName(packageToInstall);
-
   var allDependencies = ['react', 'react-dom', packageToInstall];
 
   console.log('Installing packages. This might take a couple minutes.');
-  console.log(
-    'Installing ' + chalk.cyan('react') + ', ' + chalk.cyan('react-dom') +
-    ', and ' + chalk.cyan(packageName) + '...'
-  );
-  console.log();
-  
+
   var useYarn = shouldUseYarn();
-  checkIfOnline(useYarn)
-    .then(function(isOnline) {
-      return install(useYarn, allDependencies, verbose, isOnline);
+  getPackageName(packageToInstall)
+    .then(function(packageName) {
+      return checkIfOnline(useYarn).then(function(isOnline) {
+        return {
+          isOnline: isOnline,
+          packageName: packageName,
+        };
+      });
+    })
+    .then(function(info) {
+      var isOnline = info.isOnline;
+      var packageName = info.packageName;
+      console.log(
+        'Installing ' + chalk.cyan('react') + ', ' + chalk.cyan('react-dom') +
+        ', and ' + chalk.cyan(packageName) + '...'
+      );
+      console.log();
+
+      return install(useYarn, allDependencies, verbose, isOnline).then(function() {
+        return packageName;
+      });
     })
-    .then(function() {
+    .then(function(packageName) {
       checkNodeVersion(packageName);
 
       // Since react-scripts has been installed with --save
@@ -285,22 +299,77 @@ function getInstallPackage(version) {
   return packageToInstall;
 }
 
+function getTemporaryDirectory() {
+  return new Promise(function(resolve, reject) {
+    // Unsafe cleanup lets us recursively delete the directory if it contains
+    // contents; by default it only allows removal if it's empty
+    tmp.dir({ unsafeCleanup: true }, function(err, tmpdir, callback) {
+      if (err) {
+        reject(err);
+      } else {
+        resolve({
+          tmpdir: tmpdir,
+          cleanup: function() {
+            try {
+              callback();
+            } catch (ignored) {
+              // Callback might throw and fail, since it's a temp directory the
+              // OS will clean it up eventually...
+            }
+          }
+        });
+      }
+    });
+  });
+}
+
+function extractStream(stream, dest) {
+  return new Promise(function(resolve, reject) {
+    stream.pipe(unpack(dest, function(err) {
+      if (err) {
+        reject(err);
+      } else {
+        resolve(dest);
+      }
+    }));
+  });
+}
+
 // Extract package name from tarball url or path.
 function getPackageName(installPackage) {
   if (installPackage.indexOf('.tgz') > -1) {
-    // The package name could be with or without semver version, e.g. react-scripts-0.2.0-alpha.1.tgz
-    // However, this function returns package name only without semver version.
-    return installPackage.match(/^.+\/(.+?)(?:-\d+.+)?\.tgz$/)[1];
+    return getTemporaryDirectory().then(function(obj) {
+      var stream;
+      if (/^http/.test(installPackage)) {
+        stream = hyperquest(installPackage);
+      } else {
+        stream = fs.createReadStream(installPackage);
+      }
+      return extractStream(stream, obj.tmpdir).then(function() {
+        return obj;
+      });
+    }).then(function(obj) {
+      var packageName = require(path.join(obj.tmpdir, 'package.json')).name;
+      obj.cleanup();
+      return packageName;
+    }).catch(function(err) {
+      // The package name could be with or without semver version, e.g. react-scripts-0.2.0-alpha.1.tgz
+      // However, this function returns package name only without semver version.
+      console.log('Could not extract the package name from the archive: ' + err.message);
+      var assumedProjectName = installPackage.match(/^.+\/(.+?)(?:-\d+.+)?\.tgz$/)[1];
+      console.log('Based on the filename, assuming it is "' + chalk.cyan(assumedProjectName) + '"');
+      return Promise.resolve(assumedProjectName);
+    });
   } else if (installPackage.indexOf('git+') === 0) {
     // Pull package name out of git urls e.g:
     // git+https://github.com/mycompany/react-scripts.git
     // git+ssh://github.com/mycompany/react-scripts.git#v1.2.3
-    return installPackage.match(/([^\/]+)\.git(#.*)?$/)[1];
+    return Promise.resolve(installPackage.match(/([^\/]+)\.git(#.*)?$/)[1]);
   } else if (installPackage.indexOf('@') > 0) {
     // Do not match @scope/ when stripping off @version or @tag
-    return installPackage.charAt(0) + installPackage.substr(1).split('@')[0];
+    return Promise.resolve(installPackage.charAt(0) + installPackage.substr(1).split('@')[0]);
   }
-  return installPackage;
+  return Promise.resolve(installPackage);
 }
 
 function checkNpmVersion() {
@@ -356,7 +425,7 @@ function checkAppName(appName) {
     printValidationResults(validationResult.warnings);
     process.exit(1);
   }
-  
+
   // TODO: there should be a single place that holds the dependencies
   var dependencies = ['react', 'react-dom'];
   var devDependencies = ['react-scripts'];
@@ -449,7 +518,7 @@ function checkIfOnline(useYarn) {
     // We'll just assume the best case.
     return Promise.resolve(true);
   }
-  
+
   return new Promise(function(resolve) {
     dns.resolve('registry.yarnpkg.com', function(err) {
       resolve(err === null);
diff --git a/packages/create-react-app/package.json b/packages/create-react-app/package.json
index add92d005ca..8752f50273b 100644
--- a/packages/create-react-app/package.json
+++ b/packages/create-react-app/package.json
@@ -24,7 +24,10 @@
     "commander": "^2.9.0",
     "cross-spawn": "^4.0.0",
     "fs-extra": "^1.0.0",
+    "hyperquest": "^2.1.2",
     "semver": "^5.0.3",
+    "tar-pack": "^3.4.0",
+    "tmp": "0.0.31",
     "validate-npm-package-name": "^3.0.0"
   }
 }
diff --git a/tasks/e2e-installs.sh b/tasks/e2e-installs.sh
index 35ec3521b4c..cacf4f96e1f 100755
--- a/tasks/e2e-installs.sh
+++ b/tasks/e2e-installs.sh
@@ -145,6 +145,18 @@ if [ "$(ls -1 ./test-app-should-remain | wc -l | tr -d '[:space:]')" != "1" ]; t
   false
 fi
 
+# ******************************************************************************
+# Test --scripts-version with a scoped fork tgz of react-scripts
+# ******************************************************************************
+
+cd $temp_app_path
+curl "https://registry.npmjs.org/@enoah_netzach/react-scripts/-/react-scripts-0.9.0.tgz" -o enoah-scripts-0.9.0.tgz
+create_react_app --scripts-version=$temp_app_path/enoah-scripts-0.9.0.tgz test-app-scoped-fork-tgz
+cd test-app-scoped-fork-tgz
+
+# Check corresponding scripts version is installed.
+exists node_modules/@enoah_netzach/react-scripts
+
 # ******************************************************************************
 # Test nested folder path as the project name
 # ******************************************************************************

From fbdff9d722d6ce669a090138022c4d3536ae95bb Mon Sep 17 00:00:00 2001
From: Ade Viankakrisna Fadlil <viankakrisna@gmail.com>
Date: Mon, 6 Mar 2017 08:49:53 +0700
Subject: [PATCH 117/163] extract generic build functions to react-dev-utils
 (#1726)

* Temp rename

* Rename to change the case

* extract generic build functions to react-dev-utils

* tweak package json files and move removeFileNameHash

* revert removeFileNameHash

* use paths.appBuild in printFileSizes

* use paths.appBuild in removeFileNameHash

* change curried functions to regular functions

* add fs-extra to react-dev-utils deps

* move getDifferenceLabel inside printFileSizes

* inline copyPublicFolder

* combine printFileSizes and removeFileNameHash to fileSizeReporter

* fix typo

* Tweak APIs and fix issues

* Fix heading

* Remove missing file

* Newline

* Newline

* Trailing space

* Update FileSizeReporter.js

* Update build.js
---
 packages/react-dev-utils/FileSizeReporter.js | 109 +++++++++++++++++++
 packages/react-dev-utils/README.md           |  23 ++++
 packages/react-dev-utils/package.json        |   8 +-
 packages/react-scripts/package.json          |   4 -
 packages/react-scripts/scripts/build.js      |  83 ++------------
 5 files changed, 145 insertions(+), 82 deletions(-)
 create mode 100644 packages/react-dev-utils/FileSizeReporter.js

diff --git a/packages/react-dev-utils/FileSizeReporter.js b/packages/react-dev-utils/FileSizeReporter.js
new file mode 100644
index 00000000000..08273673f92
--- /dev/null
+++ b/packages/react-dev-utils/FileSizeReporter.js
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+'use strict';
+
+var fs = require('fs');
+var path = require('path');
+var chalk = require('chalk');
+var filesize = require('filesize');
+var recursive = require('recursive-readdir');
+var stripAnsi = require('strip-ansi');
+var gzipSize = require('gzip-size').sync;
+
+// Prints a detailed summary of build files.
+function printFileSizesAfterBuild(webpackStats, previousSizeMap) {
+  var root = previousSizeMap.root;
+  var sizes = previousSizeMap.sizes;
+  var assets = webpackStats
+    .toJson()
+    .assets.filter(asset => /\.(js|css)$/.test(asset.name))
+    .map(asset => {
+      var fileContents = fs.readFileSync(path.join(root, asset.name));
+      var size = gzipSize(fileContents);
+      var previousSize = sizes[removeFileNameHash(root, asset.name)];
+      var difference = getDifferenceLabel(size, previousSize);
+      return {
+        folder: path.join('build', path.dirname(asset.name)),
+        name: path.basename(asset.name),
+        size: size,
+        sizeLabel: filesize(size) + (difference ? ' (' + difference + ')' : '')
+      };
+    });
+  assets.sort((a, b) => b.size - a.size);
+  var longestSizeLabelLength = Math.max.apply(
+    null,
+    assets.map(a => stripAnsi(a.sizeLabel).length)
+  );
+  assets.forEach(asset => {
+    var sizeLabel = asset.sizeLabel;
+    var sizeLength = stripAnsi(sizeLabel).length;
+    if (sizeLength < longestSizeLabelLength) {
+      var rightPadding = ' '.repeat(longestSizeLabelLength - sizeLength);
+      sizeLabel += rightPadding;
+    }
+    console.log(
+      '  ' +
+        sizeLabel +
+        '  ' +
+        chalk.dim(asset.folder + path.sep) +
+        chalk.cyan(asset.name)
+    );
+  });
+}
+
+function removeFileNameHash(buildFolder, fileName) {
+  return fileName
+    .replace(buildFolder, '')
+    .replace(/\/?(.*)(\.\w+)(\.js|\.css)/, (match, p1, p2, p3) => p1 + p3);
+}
+
+// Input: 1024, 2048
+// Output: "(+1 KB)"
+function getDifferenceLabel(currentSize, previousSize) {
+  var FIFTY_KILOBYTES = 1024 * 50;
+  var difference = currentSize - previousSize;
+  var fileSize = !Number.isNaN(difference) ? filesize(difference) : 0;
+  if (difference >= FIFTY_KILOBYTES) {
+    return chalk.red('+' + fileSize);
+  } else if (difference < FIFTY_KILOBYTES && difference > 0) {
+    return chalk.yellow('+' + fileSize);
+  } else if (difference < 0) {
+    return chalk.green(fileSize);
+  } else {
+    return '';
+  }
+}
+
+function measureFileSizesBeforeBuild(buildFolder) {
+  return new Promise(resolve => {
+    recursive(buildFolder, (err, fileNames) => {
+      var sizes;
+      if (!err && fileNames) {
+        sizes = fileNames
+          .filter(fileName => /\.(js|css)$/.test(fileName))
+          .reduce((memo, fileName) => {
+            var contents = fs.readFileSync(fileName);
+            var key = removeFileNameHash(buildFolder, fileName);
+            memo[key] = gzipSize(contents);
+            return memo;
+          }, {});
+      }
+      resolve({
+        root: buildFolder,
+        sizes: sizes || {},
+      });
+    });
+  });
+}
+
+module.exports = {
+  measureFileSizesBeforeBuild: measureFileSizesBeforeBuild,
+  printFileSizesAfterBuild: printFileSizesAfterBuild,
+};
diff --git a/packages/react-dev-utils/README.md b/packages/react-dev-utils/README.md
index 2d430e2a299..26d762c3597 100644
--- a/packages/react-dev-utils/README.md
+++ b/packages/react-dev-utils/README.md
@@ -110,6 +110,29 @@ clearConsole();
 console.log('Just cleared the screen!');
 ```
 
+#### `FileSizeReporter`
+
+##### `measureFileSizesBeforeBuild(buildFolder: string): Promise<OpaqueFileSizes>`
+
+Captures JS and CSS asset sizes inside the passed `buildFolder`. Save the result value to compare it after the build.
+
+##### `printFileSizesAfterBuild(webpackStats: WebpackStats, previousFileSizes: OpaqueFileSizes)`
+
+Prints the JS and CSS asset sizes after the build, and includes a size comparison with `previousFileSizes` that were captured earlier using `measureFileSizesBeforeBuild()`.
+
+```js
+var {
+  measureFileSizesBeforeBuild,
+  printFileSizesAfterBuild,
+} = require('react-dev-utils/FileSizeReporter');
+
+measureFileSizesBeforeBuild(buildFolder).then(previousFileSizes => {
+  return cleanAndRebuild().then(webpackStats => {
+    printFileSizesAfterBuild(webpackStats, previousFileSizes);
+  });
+});
+```
+
 #### `formatWebpackMessages({errors: Array<string>, warnings: Array<string>}): {errors: Array<string>, warnings: Array<string>}`
 
 Extracts and prettifies warning and error messages from webpack [stats](https://github.com/webpack/docs/wiki/node.js-api#stats) object.
diff --git a/packages/react-dev-utils/package.json b/packages/react-dev-utils/package.json
index aae3b83ff01..b983d80b008 100644
--- a/packages/react-dev-utils/package.json
+++ b/packages/react-dev-utils/package.json
@@ -11,13 +11,14 @@
     "node": ">=4"
   },
   "files": [
-    "clearConsole.js",
     "checkRequiredFiles.js",
+    "clearConsole.js",
+    "FileSizeReporter.js",
     "formatWebpackMessages.js",
     "getProcessForPort.js",
     "InterpolateHtmlPlugin.js",
-    "openChrome.applescript",
     "openBrowser.js",
+    "openChrome.applescript",
     "prompt.js",
     "WatchMissingNodeModulesPlugin.js",
     "webpackHotDevClient.js"
@@ -26,8 +27,11 @@
     "ansi-html": "0.0.5",
     "chalk": "1.1.3",
     "escape-string-regexp": "1.0.5",
+    "filesize": "3.3.0",
+    "gzip-size": "3.0.0",
     "html-entities": "1.2.0",
     "opn": "4.0.2",
+    "recursive-readdir": "2.1.1",
     "sockjs-client": "1.1.2",
     "strip-ansi": "3.0.1"
   }
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index e0ae953e95f..17a1c2fe59a 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -46,9 +46,7 @@
     "eslint-plugin-react": "6.4.1",
     "extract-text-webpack-plugin": "2.0.0",
     "file-loader": "0.10.0",
-    "filesize": "3.3.0",
     "fs-extra": "0.30.0",
-    "gzip-size": "3.0.0",
     "html-webpack-plugin": "2.28.0",
     "http-proxy-middleware": "0.17.3",
     "jest": "18.1.0",
@@ -56,8 +54,6 @@
     "postcss-loader": "1.3.1",
     "promise": "7.1.1",
     "react-dev-utils": "^0.5.1",
-    "recursive-readdir": "2.1.1",
-    "strip-ansi": "3.0.1",
     "style-loader": "0.13.1",
     "url-loader": "0.5.7",
     "webpack": "2.2.1",
diff --git a/packages/react-scripts/scripts/build.js b/packages/react-scripts/scripts/build.js
index 6892fcd6aff..b57a9dfb821 100644
--- a/packages/react-scripts/scripts/build.js
+++ b/packages/react-scripts/scripts/build.js
@@ -22,14 +22,13 @@ var chalk = require('chalk');
 var fs = require('fs-extra');
 var path = require('path');
 var url = require('url');
-var filesize = require('filesize');
-var gzipSize = require('gzip-size').sync;
 var webpack = require('webpack');
 var config = require('../config/webpack.config.prod');
 var paths = require('../config/paths');
 var checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
-var recursive = require('recursive-readdir');
-var stripAnsi = require('strip-ansi');
+var FileSizeReporter = require('react-dev-utils/FileSizeReporter');
+var measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild;
+var printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;
 
 var useYarn = fs.existsSync(paths.yarnLockFile);
 
@@ -38,88 +37,20 @@ if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
   process.exit(1);
 }
 
-// Input: /User/dan/app/build/static/js/main.82be8.js
-// Output: /static/js/main.js
-function removeFileNameHash(fileName) {
-  return fileName
-    .replace(paths.appBuild, '')
-    .replace(/\/?(.*)(\.\w+)(\.js|\.css)/, (match, p1, p2, p3) => p1 + p3);
-}
-
-// Input: 1024, 2048
-// Output: "(+1 KB)"
-function getDifferenceLabel(currentSize, previousSize) {
-  var FIFTY_KILOBYTES = 1024 * 50;
-  var difference = currentSize - previousSize;
-  var fileSize = !Number.isNaN(difference) ? filesize(difference) : 0;
-  if (difference >= FIFTY_KILOBYTES) {
-    return chalk.red('+' + fileSize);
-  } else if (difference < FIFTY_KILOBYTES && difference > 0) {
-    return chalk.yellow('+' + fileSize);
-  } else if (difference < 0) {
-    return chalk.green(fileSize);
-  } else {
-    return '';
-  }
-}
-
 // First, read the current file sizes in build directory.
 // This lets us display how much they changed later.
-recursive(paths.appBuild, (err, fileNames) => {
-  var previousSizeMap = (fileNames || [])
-    .filter(fileName => /\.(js|css)$/.test(fileName))
-    .reduce((memo, fileName) => {
-      var contents = fs.readFileSync(fileName);
-      var key = removeFileNameHash(fileName);
-      memo[key] = gzipSize(contents);
-      return memo;
-    }, {});
-
+measureFileSizesBeforeBuild(paths.appBuild).then(previousFileSizes => {
   // Remove all content but keep the directory so that
   // if you're in it, you don't end up in Trash
   fs.emptyDirSync(paths.appBuild);
 
   // Start the webpack build
-  build(previousSizeMap);
+  build(previousFileSizes);
 
   // Merge with the public folder
   copyPublicFolder();
 });
 
-// Print a detailed summary of build files.
-function printFileSizes(stats, previousSizeMap) {
-  var assets = stats.toJson().assets
-    .filter(asset => /\.(js|css)$/.test(asset.name))
-    .map(asset => {
-      var fileContents = fs.readFileSync(paths.appBuild + '/' + asset.name);
-      var size = gzipSize(fileContents);
-      var previousSize = previousSizeMap[removeFileNameHash(asset.name)];
-      var difference = getDifferenceLabel(size, previousSize);
-      return {
-        folder: path.join('build', path.dirname(asset.name)),
-        name: path.basename(asset.name),
-        size: size,
-        sizeLabel: filesize(size) + (difference ? ' (' + difference + ')' : '')
-      };
-    });
-  assets.sort((a, b) => b.size - a.size);
-  var longestSizeLabelLength = Math.max.apply(null,
-    assets.map(a => stripAnsi(a.sizeLabel).length)
-  );
-  assets.forEach(asset => {
-    var sizeLabel = asset.sizeLabel;
-    var sizeLength = stripAnsi(sizeLabel).length;
-    if (sizeLength < longestSizeLabelLength) {
-      var rightPadding = ' '.repeat(longestSizeLabelLength - sizeLength);
-      sizeLabel += rightPadding;
-    }
-    console.log(
-      '  ' + sizeLabel +
-      '  ' + chalk.dim(asset.folder + path.sep) + chalk.cyan(asset.name)
-    );
-  });
-}
-
 // Print out errors
 function printErrors(summary, errors) {
   console.log(chalk.red(summary));
@@ -131,7 +62,7 @@ function printErrors(summary, errors) {
 }
 
 // Create the production build and print the deployment instructions.
-function build(previousSizeMap) {
+function build(previousFileSizes) {
   console.log('Creating an optimized production build...');
 
   var compiler;
@@ -163,7 +94,7 @@ function build(previousSizeMap) {
 
     console.log('File sizes after gzip:');
     console.log();
-    printFileSizes(stats, previousSizeMap);
+    printFileSizesAfterBuild(stats, previousFileSizes);
     console.log();
 
     var openCommand = process.platform === 'win32' ? 'start' : 'open';

From e0365a54ad30c5a7d810c2d54ae05d53fb735c43 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Mon, 6 Mar 2017 13:05:16 +0000
Subject: [PATCH 118/163] Bust AppVeoyr cache

---
 appveyor.cleanup-cache.txt | 1 -
 1 file changed, 1 deletion(-)

diff --git a/appveyor.cleanup-cache.txt b/appveyor.cleanup-cache.txt
index 0656d74ac41..19d0b989b62 100644
--- a/appveyor.cleanup-cache.txt
+++ b/appveyor.cleanup-cache.txt
@@ -3,4 +3,3 @@ http://help.appveyor.com/discussions/questions/1310-delete-cache
 
 ----
 Just testing if this works.
-Hello, world.

From 03d15f4fd3a0c46a31d0d04cf4a76190beb63810 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Mon, 6 Mar 2017 13:05:35 +0000
Subject: [PATCH 119/163] Relax ESLint config peerDependency (#1740)

---
 packages/eslint-config-react-app/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/eslint-config-react-app/package.json b/packages/eslint-config-react-app/package.json
index 5ded91313e1..0480feb7e17 100644
--- a/packages/eslint-config-react-app/package.json
+++ b/packages/eslint-config-react-app/package.json
@@ -15,7 +15,7 @@
     "eslint": "^3.16.1",
     "eslint-plugin-flowtype": "^2.21.0",
     "eslint-plugin-import": "^2.0.1",
-    "eslint-plugin-jsx-a11y": "^4.0.0",
+    "eslint-plugin-jsx-a11y": "^2.0.0 || ^3.0.0 || ^4.0.0",
     "eslint-plugin-react": "^6.4.1"
   }
 }

From 1bfd5dafdfc8dc72f0fefe935d850d71619cb45b Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Mon, 6 Mar 2017 14:20:29 +0000
Subject: [PATCH 120/163] Fix internal linting setup and add missing headers
 (#1741)

---
 .eslintignore                                      |  5 +++++
 packages/react-scripts/{.babelrc => babelrc}       |  0
 packages/react-scripts/bin/react-scripts.js        | 11 +++++++++++
 packages/react-scripts/config/env.js               |  1 +
 .../react-scripts/config/jest/babelTransform.js    |  2 ++
 packages/react-scripts/config/jest/cssTransform.js |  3 ++-
 .../react-scripts/config/jest/fileTransform.js     |  1 +
 packages/react-scripts/config/paths.js             |  1 +
 packages/react-scripts/config/polyfills.js         |  1 +
 .../react-scripts/config/webpack.config.dev.js     |  3 ++-
 .../react-scripts/config/webpack.config.prod.js    |  3 ++-
 .../config/webpackDevServer.config.js              | 12 ++++++++++++
 packages/react-scripts/{.eslintrc => eslintrc}     |  0
 .../fixtures/kitchensink/integration/env.test.js   |  9 +++++++++
 .../fixtures/kitchensink/integration/initDOM.js    |  9 +++++++++
 .../kitchensink/integration/syntax.test.js         |  9 +++++++++
 .../kitchensink/integration/webpack.test.js        |  9 +++++++++
 .../react-scripts/fixtures/kitchensink/src/App.js  |  9 +++++++++
 .../fixtures/kitchensink/src/absoluteLoad.js       |  9 +++++++++
 .../src/features/env/FileEnvVariables.js           |  9 +++++++++
 .../src/features/env/FileEnvVariables.test.js      |  9 +++++++++
 .../kitchensink/src/features/env/NodePath.js       |  9 +++++++++
 .../kitchensink/src/features/env/NodePath.test.js  |  9 +++++++++
 .../kitchensink/src/features/env/PublicUrl.js      |  9 +++++++++
 .../kitchensink/src/features/env/PublicUrl.test.js |  9 +++++++++
 .../src/features/env/ShellEnvVariables.js          |  9 +++++++++
 .../src/features/env/ShellEnvVariables.test.js     |  9 +++++++++
 .../src/features/syntax/ArrayDestructuring.js      |  9 +++++++++
 .../src/features/syntax/ArrayDestructuring.test.js |  9 +++++++++
 .../kitchensink/src/features/syntax/ArraySpread.js |  9 +++++++++
 .../src/features/syntax/ArraySpread.test.js        |  9 +++++++++
 .../kitchensink/src/features/syntax/AsyncAwait.js  |  9 +++++++++
 .../src/features/syntax/AsyncAwait.test.js         |  9 +++++++++
 .../src/features/syntax/ClassProperties.js         |  9 +++++++++
 .../src/features/syntax/ClassProperties.test.js    |  9 +++++++++
 .../src/features/syntax/ComputedProperties.js      |  9 +++++++++
 .../src/features/syntax/ComputedProperties.test.js |  9 +++++++++
 .../src/features/syntax/CustomInterpolation.js     |  9 +++++++++
 .../features/syntax/CustomInterpolation.test.js    |  9 +++++++++
 .../src/features/syntax/DefaultParameters.js       |  9 +++++++++
 .../src/features/syntax/DefaultParameters.test.js  |  9 +++++++++
 .../src/features/syntax/DestructuringAndAwait.js   |  9 +++++++++
 .../features/syntax/DestructuringAndAwait.test.js  |  9 +++++++++
 .../kitchensink/src/features/syntax/Generators.js  |  9 +++++++++
 .../src/features/syntax/Generators.test.js         |  9 +++++++++
 .../src/features/syntax/ObjectDestructuring.js     |  9 +++++++++
 .../features/syntax/ObjectDestructuring.test.js    |  9 +++++++++
 .../src/features/syntax/ObjectSpread.js            |  9 +++++++++
 .../src/features/syntax/ObjectSpread.test.js       |  9 +++++++++
 .../kitchensink/src/features/syntax/Promises.js    |  9 +++++++++
 .../src/features/syntax/Promises.test.js           |  9 +++++++++
 .../src/features/syntax/RestAndDefault.js          |  9 +++++++++
 .../src/features/syntax/RestAndDefault.test.js     |  9 +++++++++
 .../src/features/syntax/RestParameters.js          |  9 +++++++++
 .../src/features/syntax/RestParameters.test.js     |  9 +++++++++
 .../src/features/syntax/TemplateInterpolation.js   |  9 +++++++++
 .../features/syntax/TemplateInterpolation.test.js  |  9 +++++++++
 .../src/features/webpack/CssInclusion.js           |  9 +++++++++
 .../src/features/webpack/CssInclusion.test.js      |  9 +++++++++
 .../src/features/webpack/ImageInclusion.js         |  9 +++++++++
 .../src/features/webpack/ImageInclusion.test.js    |  9 +++++++++
 .../src/features/webpack/JsonInclusion.js          |  9 +++++++++
 .../src/features/webpack/JsonInclusion.test.js     |  9 +++++++++
 .../src/features/webpack/NoExtInclusion.js         |  9 +++++++++
 .../src/features/webpack/NoExtInclusion.test.js    |  9 +++++++++
 .../src/features/webpack/SvgInclusion.js           |  9 +++++++++
 .../src/features/webpack/SvgInclusion.test.js      |  9 +++++++++
 .../src/features/webpack/UnknownExtInclusion.js    |  9 +++++++++
 .../features/webpack/UnknownExtInclusion.test.js   |  9 +++++++++
 .../fixtures/kitchensink/src/index.js              |  9 +++++++++
 .../fixtures/kitchensink/src/subfolder/lol.js      |  9 +++++++++
 packages/react-scripts/package.json                |  4 ++--
 packages/react-scripts/scripts/build.js            |  1 +
 packages/react-scripts/scripts/eject.js            |  9 ++++++---
 packages/react-scripts/scripts/init.js             |  2 ++
 packages/react-scripts/scripts/start.js            |  4 +++-
 packages/react-scripts/scripts/test.js             |  2 ++
 .../scripts/utils/addWebpackMiddleware.js          | 14 +++++++++++++-
 .../scripts/utils/createJestConfig.js              |  2 ++
 .../scripts/utils/createWebpackCompiler.js         | 12 ++++++++++++
 tasks/e2e-simple.sh                                |  2 +-
 81 files changed, 606 insertions(+), 11 deletions(-)
 create mode 100644 .eslintignore
 rename packages/react-scripts/{.babelrc => babelrc} (100%)
 rename packages/react-scripts/{.eslintrc => eslintrc} (100%)

diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 00000000000..4eaf46c6d7d
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,5 @@
+node_modules/
+build
+my-app*
+packages/react-scripts/template
+packages/react-scripts/fixtures
diff --git a/packages/react-scripts/.babelrc b/packages/react-scripts/babelrc
similarity index 100%
rename from packages/react-scripts/.babelrc
rename to packages/react-scripts/babelrc
diff --git a/packages/react-scripts/bin/react-scripts.js b/packages/react-scripts/bin/react-scripts.js
index e614d9b598e..94a799fd89d 100755
--- a/packages/react-scripts/bin/react-scripts.js
+++ b/packages/react-scripts/bin/react-scripts.js
@@ -1,4 +1,15 @@
 #!/usr/bin/env node
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+'use strict';
+
 var spawn = require('cross-spawn');
 var script = process.argv[2];
 var args = process.argv.slice(3);
diff --git a/packages/react-scripts/config/env.js b/packages/react-scripts/config/env.js
index 168e1e644f1..5f49ffaa17a 100644
--- a/packages/react-scripts/config/env.js
+++ b/packages/react-scripts/config/env.js
@@ -8,6 +8,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 // @remove-on-eject-end
+'use strict';
 
 // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
 // injected into the application via DefinePlugin in Webpack configuration.
diff --git a/packages/react-scripts/config/jest/babelTransform.js b/packages/react-scripts/config/jest/babelTransform.js
index 064fbf10290..838d0ca9175 100644
--- a/packages/react-scripts/config/jest/babelTransform.js
+++ b/packages/react-scripts/config/jest/babelTransform.js
@@ -7,6 +7,8 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
+'use strict';
+
 const babelJest = require('babel-jest');
 
 module.exports = babelJest.createTransformer({
diff --git a/packages/react-scripts/config/jest/cssTransform.js b/packages/react-scripts/config/jest/cssTransform.js
index eead954406b..0a9849f1f54 100644
--- a/packages/react-scripts/config/jest/cssTransform.js
+++ b/packages/react-scripts/config/jest/cssTransform.js
@@ -7,6 +7,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 // @remove-on-eject-end
+'use strict';
 
 // This is a custom Jest transformer turning style imports into empty objects.
 // http://facebook.github.io/jest/docs/tutorial-webpack.html
@@ -15,7 +16,7 @@ module.exports = {
   process() {
     return 'module.exports = {};';
   },
-  getCacheKey(fileData, filename) {
+  getCacheKey() {
     // The output is always the same.
     return 'cssTransform';
   },
diff --git a/packages/react-scripts/config/jest/fileTransform.js b/packages/react-scripts/config/jest/fileTransform.js
index 82c672bebd3..060ee259de2 100644
--- a/packages/react-scripts/config/jest/fileTransform.js
+++ b/packages/react-scripts/config/jest/fileTransform.js
@@ -7,6 +7,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 // @remove-on-eject-end
+'use strict';
 
 const path = require('path');
 
diff --git a/packages/react-scripts/config/paths.js b/packages/react-scripts/config/paths.js
index 2a714c1394d..cf4b762a4cf 100644
--- a/packages/react-scripts/config/paths.js
+++ b/packages/react-scripts/config/paths.js
@@ -8,6 +8,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 // @remove-on-eject-end
+'use strict';
 
 var path = require('path');
 var fs = require('fs');
diff --git a/packages/react-scripts/config/polyfills.js b/packages/react-scripts/config/polyfills.js
index a1353ca3d2d..14031a1688d 100644
--- a/packages/react-scripts/config/polyfills.js
+++ b/packages/react-scripts/config/polyfills.js
@@ -8,6 +8,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 // @remove-on-eject-end
+'use strict';
 
 if (typeof Promise === 'undefined') {
   // Rejection tracking prevents a common issue where React gets into an
diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index 642d73741a8..a279a60a99d 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -8,6 +8,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 // @remove-on-eject-end
+'use strict';
 
 var autoprefixer = require('autoprefixer');
 var webpack = require('webpack');
@@ -117,7 +118,7 @@ module.exports = {
           // @remove-on-eject-begin
           // Point ESLint to our predefined config.
           options: {
-            configFile: path.join(__dirname, '../.eslintrc'),
+            configFile: path.join(__dirname, '../eslintrc'),
             useEslintrc: false
           },
           // @remove-on-eject-end
diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js
index a9a359fc2fa..86b38f76714 100644
--- a/packages/react-scripts/config/webpack.config.prod.js
+++ b/packages/react-scripts/config/webpack.config.prod.js
@@ -8,6 +8,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 // @remove-on-eject-end
+'use strict';
 
 var autoprefixer = require('autoprefixer');
 var webpack = require('webpack');
@@ -123,7 +124,7 @@ module.exports = {
           options: {
             // TODO: consider separate config for production,
             // e.g. to enable no-console and no-debugger only in production.
-            configFile: path.join(__dirname, '../.eslintrc'),
+            configFile: path.join(__dirname, '../eslintrc'),
             useEslintrc: false
           },
           // @remove-on-eject-end
diff --git a/packages/react-scripts/config/webpackDevServer.config.js b/packages/react-scripts/config/webpackDevServer.config.js
index 4d65567bd7d..89fd48bc524 100644
--- a/packages/react-scripts/config/webpackDevServer.config.js
+++ b/packages/react-scripts/config/webpackDevServer.config.js
@@ -1,3 +1,15 @@
+// @remove-on-eject-begin
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+// @remove-on-eject-end
+'use strict';
+
 var config = require('./webpack.config.dev');
 var paths = require('./paths');
 
diff --git a/packages/react-scripts/.eslintrc b/packages/react-scripts/eslintrc
similarity index 100%
rename from packages/react-scripts/.eslintrc
rename to packages/react-scripts/eslintrc
diff --git a/packages/react-scripts/fixtures/kitchensink/integration/env.test.js b/packages/react-scripts/fixtures/kitchensink/integration/env.test.js
index e7b3afe42ed..c3169c987a9 100644
--- a/packages/react-scripts/fixtures/kitchensink/integration/env.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/integration/env.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import { expect } from 'chai'
 import initDOM from './initDOM'
 
diff --git a/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js b/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js
index 9b6049104f9..3cfb182148a 100644
--- a/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js
+++ b/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 const fs = require('fs')
 const http = require('http')
 const jsdom = require('jsdom')
diff --git a/packages/react-scripts/fixtures/kitchensink/integration/syntax.test.js b/packages/react-scripts/fixtures/kitchensink/integration/syntax.test.js
index c8b7fbbc508..8fe1990f20a 100644
--- a/packages/react-scripts/fixtures/kitchensink/integration/syntax.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/integration/syntax.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import { expect } from 'chai'
 import initDOM from './initDOM'
 
diff --git a/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js b/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js
index 9e2826b8fc6..3eaa662b3d1 100644
--- a/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import { expect } from 'chai'
 import initDOM from './initDOM'
 
diff --git a/packages/react-scripts/fixtures/kitchensink/src/App.js b/packages/react-scripts/fixtures/kitchensink/src/App.js
index 587ac5f6f79..ac55f7767e6 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/App.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/App.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes, createElement } from 'react';
 
 class BuiltEmitter extends Component {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/absoluteLoad.js b/packages/react-scripts/fixtures/kitchensink/src/absoluteLoad.js
index dc769fe1e53..a1fe21e48ff 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/absoluteLoad.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/absoluteLoad.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 export default () => [
   { id: 1, name: '1' },
   { id: 2, name: '2' },
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.js b/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.js
index c7b7c5d537d..ff874b62812 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react'
 
 export default () => (
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.test.js
index c9d802be975..5a0fed4c649 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import FileEnvVariables from './FileEnvVariables';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.js b/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.js
index deef80d20ac..e4b868e47b6 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 import load from 'absoluteLoad'
 
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.test.js
index 81487d55968..7e076dade75 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import NodePath from './NodePath';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.js b/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.js
index bbb7b958b61..4c61be73956 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react'
 
 export default () => (
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.test.js
index 31e699ece0b..c9e1be0e94a 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import PublicUrl from './PublicUrl';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.js b/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.js
index 37b80ec6097..243bfc00935 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react'
 
 export default () => (
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.test.js
index 981bee67c26..13707697591 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import ShellEnvVariables from './ShellEnvVariables';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.js
index d07271ed6fc..48516d43fd3 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 function load() {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.test.js
index 05d14263d25..42dde0f1c35 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import ArrayDestructuring from './ArrayDestructuring';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.js
index 6cb2f6162c4..9998589a138 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 function load(users) {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.test.js
index a2191cf1c14..9ed7633ea35 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import ArraySpread from './ArraySpread';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.js
index 9fe920514a1..b5b6013f93c 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 async function load() {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.test.js
index bc60c5b58f0..02713981799 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import AsyncAwait from './AsyncAwait';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.js
index 726eba1524c..63bd7ab0512 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 export default class extends Component {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.test.js
index 898916b2f9a..5b038e76d90 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import ClassProperties from './ClassProperties';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.js
index 04dc7ba109b..e345283eaaa 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 function load(prefix) {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.test.js
index 0aa3d4d7ec6..91b697fe0a0 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import ComputedProperties from './ComputedProperties';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.js
index c80f14dc882..399280d0190 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 const styled = ([style]) => style.trim()
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.test.js
index 79af8dc5f6b..ac468db76a8 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import CustomInterpolation from './CustomInterpolation';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.js
index 0d7b77d87e3..fd4054e56cb 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 function load(id = 0) {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.test.js
index c4a336563ac..26d5184eb11 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import DefaultParameters from './DefaultParameters';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.js
index 40f51754202..c2345f5ce54 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 async function load() {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.test.js
index 96b361c742e..c7d74d8012b 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import DestructuringAndAwait from './DestructuringAndAwait';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.js
index 6bb64f9103f..170f00a7f0d 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 function * load(limit) {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.test.js
index 4e6b8d1d9ad..3bbe2d4f703 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import Generators from './Generators';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.js
index 3235a99104c..025920b7f31 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 function load() {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.test.js
index 0a21b291bc6..503b2cb11b6 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import ObjectDestructuring from './ObjectDestructuring';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.js
index fb43bf8676e..d5de0aef31a 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 function load(baseUser) {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.test.js
index 4ca5d2b9ab1..09a92ce05a2 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import ObjectSpread from './ObjectSpread';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.js
index 63f38fed473..8b362fccf2c 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 function load() {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.test.js
index 3783cca0a54..88ba04fe3b9 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.js
index 7783868ab4d..47d011f2eae 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 function load({ id, ...rest } = { id: 0, user: { id: 42, name: '42' } }) {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.test.js
index 22a91be0847..e48b7dc59b9 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import RestAndDefault from './RestAndDefault';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.js
index cf216ce01f2..1a6cf7c1687 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 function load({ id = 0, ...rest }) {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.test.js
index f1f8e35e370..c1eb90e0dbd 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import RestParameters from './RestParameters';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.js
index dd6bf49b11d..ff46e1c72f8 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React, { Component, PropTypes } from 'react'
 
 function load(name) {
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.test.js
index 41a5fad2c5f..ff32baaedd0 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import TemplateInterpolation from './TemplateInterpolation';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.js
index f35d11e0a82..7c46c7208b7 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react'
 import './assets/style.css'
 
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.test.js
index f3e10a441a8..e315ee33b38 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import CssInclusion from './CssInclusion';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.js
index d793408a5c7..c4560ff9dae 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react'
 import tiniestCat from './assets/tiniest-cat.jpg'
 
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.test.js
index 85e68d51e85..042d2da3088 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import ImageInclusion from './ImageInclusion';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.js
index 8050b9cfd6c..552a8be7b1a 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react'
 import { abstract } from './assets/abstract.json'
 
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.test.js
index 70043bd0503..ee150f629a6 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import JsonInclusion from './JsonInclusion';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js
index 70b2d2b2155..fb07359fdc9 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react'
 import aFileWithoutExt from './assets/aFileWithoutExt'
 
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.test.js
index 666f94f384c..a08b5d21b0c 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import NoExtInclusion from './NoExtInclusion';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.js
index 7c2fdb2e44e..f82e5f2911c 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react'
 import logo from './assets/logo.svg'
 
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.test.js
index 507da01403c..585c6c19d8a 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import SvgInclusion from './SvgInclusion';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js
index 30aeccd6fb7..8734064c882 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react'
 import aFileWithExtUnknown from './assets/aFileWithExt.unknown'
 
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.test.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.test.js
index 46724e0a27b..73a8016e17b 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.test.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import UnknownExtInclusion from './UnknownExtInclusion';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/index.js b/packages/react-scripts/fixtures/kitchensink/src/index.js
index 0ea36197ba1..dc1143691f2 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/index.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/index.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
diff --git a/packages/react-scripts/fixtures/kitchensink/src/subfolder/lol.js b/packages/react-scripts/fixtures/kitchensink/src/subfolder/lol.js
index 6c7375d5479..c844f831d31 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/subfolder/lol.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/subfolder/lol.js
@@ -1 +1,10 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
 module.exports = function() { return `haha` }
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 17a1c2fe59a..539b11fd813 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -11,8 +11,8 @@
     "url": "https://github.com/facebookincubator/create-react-app/issues"
   },
   "files": [
-    ".babelrc",
-    ".eslintrc",
+    "babelrc",
+    "eslintrc",
     "bin",
     "config",
     "scripts",
diff --git a/packages/react-scripts/scripts/build.js b/packages/react-scripts/scripts/build.js
index b57a9dfb821..05cefa0393e 100644
--- a/packages/react-scripts/scripts/build.js
+++ b/packages/react-scripts/scripts/build.js
@@ -8,6 +8,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 // @remove-on-eject-end
+'use strict';
 
 // Do this as the first thing so that any code reading it knows the right env.
 process.env.NODE_ENV = 'production';
diff --git a/packages/react-scripts/scripts/eject.js b/packages/react-scripts/scripts/eject.js
index b79d1e0d4d2..45ed8026711 100644
--- a/packages/react-scripts/scripts/eject.js
+++ b/packages/react-scripts/scripts/eject.js
@@ -7,6 +7,7 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  */
+'use strict';
 
 var fs = require('fs-extra');
 var path = require('path');
@@ -94,8 +95,8 @@ prompt(
 
   var ownPackage = require(path.join(ownPath, 'package.json'));
   var appPackage = require(path.join(appPath, 'package.json'));
-  var babelConfig = JSON.parse(fs.readFileSync(path.join(ownPath, '.babelrc'), 'utf8'));
-  var eslintConfig = JSON.parse(fs.readFileSync(path.join(ownPath, '.eslintrc'), 'utf8'));
+  var babelConfig = JSON.parse(fs.readFileSync(path.join(ownPath, 'babelrc'), 'utf8'));
+  var eslintConfig = JSON.parse(fs.readFileSync(path.join(ownPath, 'eslintrc'), 'utf8'));
 
   console.log(cyan('Updating the dependencies'));
   var ownPackageName = ownPackage.name;
@@ -163,7 +164,9 @@ prompt(
       fs.removeSync(path.join(appPath, 'node_modules', '.bin', binKey));
     });
     fs.removeSync(ownPath);
-  } catch(e) {}
+  } catch(e) {
+    // It's not essential that this succeeds
+  }
 
   if (fs.existsSync(paths.yarnLockFile)) {
     console.log(cyan('Running yarn...'));
diff --git a/packages/react-scripts/scripts/init.js b/packages/react-scripts/scripts/init.js
index 33c0777ef41..9bad149892b 100644
--- a/packages/react-scripts/scripts/init.js
+++ b/packages/react-scripts/scripts/init.js
@@ -8,6 +8,8 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
+'use strict';
+
 var fs = require('fs-extra');
 var path = require('path');
 var spawn = require('cross-spawn');
diff --git a/packages/react-scripts/scripts/start.js b/packages/react-scripts/scripts/start.js
index 9f6f645af10..349871be747 100644
--- a/packages/react-scripts/scripts/start.js
+++ b/packages/react-scripts/scripts/start.js
@@ -9,6 +9,8 @@
  */
 // @remove-on-eject-end
 
+'use strict';
+
 process.env.NODE_ENV = 'development';
 
 // Load environment variables from .env file. Suppress warnings using silent
@@ -70,7 +72,7 @@ function run(port) {
   addWebpackMiddleware(devServer);
 
   // Launch WebpackDevServer.
-  devServer.listen(port, (err, result) => {
+  devServer.listen(port, err => {
     if (err) {
       return console.log(err);
     }
diff --git a/packages/react-scripts/scripts/test.js b/packages/react-scripts/scripts/test.js
index dfd2c75c728..de3a9691897 100644
--- a/packages/react-scripts/scripts/test.js
+++ b/packages/react-scripts/scripts/test.js
@@ -9,6 +9,8 @@
  */
 // @remove-on-eject-end
 
+'use strict';
+
 process.env.NODE_ENV = 'test';
 process.env.PUBLIC_URL = '';
 
diff --git a/packages/react-scripts/scripts/utils/addWebpackMiddleware.js b/packages/react-scripts/scripts/utils/addWebpackMiddleware.js
index 16bf40c3709..b3ff2548458 100644
--- a/packages/react-scripts/scripts/utils/addWebpackMiddleware.js
+++ b/packages/react-scripts/scripts/utils/addWebpackMiddleware.js
@@ -1,3 +1,15 @@
+// @remove-on-eject-begin
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+// @remove-on-eject-end
+'use strict';
+
 var chalk = require('chalk');
 var historyApiFallback = require('connect-history-api-fallback');
 var httpProxyMiddleware = require('http-proxy-middleware');
@@ -69,7 +81,7 @@ module.exports = function addWebpackMiddleware(devServer) {
     var hpm = httpProxyMiddleware(pathname => mayProxy.test(pathname), {
       target: proxy,
       logLevel: 'silent',
-      onProxyReq: function(proxyReq, req, res) {
+      onProxyReq: function(proxyReq) {
         // Browers may send Origin headers even with same-origin
         // requests. To prevent CORS issues, we have to change
         // the Origin to match the target URL.
diff --git a/packages/react-scripts/scripts/utils/createJestConfig.js b/packages/react-scripts/scripts/utils/createJestConfig.js
index c99345b858a..0174237a0f8 100644
--- a/packages/react-scripts/scripts/utils/createJestConfig.js
+++ b/packages/react-scripts/scripts/utils/createJestConfig.js
@@ -8,6 +8,8 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
+'use strict';
+
 const fs = require('fs');
 const paths = require('../../config/paths');
 
diff --git a/packages/react-scripts/scripts/utils/createWebpackCompiler.js b/packages/react-scripts/scripts/utils/createWebpackCompiler.js
index 932bfd54034..246f4b63cbe 100644
--- a/packages/react-scripts/scripts/utils/createWebpackCompiler.js
+++ b/packages/react-scripts/scripts/utils/createWebpackCompiler.js
@@ -1,3 +1,15 @@
+// @remove-on-eject-begin
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+// @remove-on-eject-end
+'use strict';
+
 var chalk = require('chalk');
 var webpack = require('webpack');
 var clearConsole = require('react-dev-utils/clearConsole');
diff --git a/tasks/e2e-simple.sh b/tasks/e2e-simple.sh
index 650d6783898..d733656d866 100755
--- a/tasks/e2e-simple.sh
+++ b/tasks/e2e-simple.sh
@@ -97,7 +97,7 @@ then
 fi
 
 # Lint own code
-./node_modules/.bin/eslint --max-warnings 0 --ignore-path .gitignore ./
+./node_modules/.bin/eslint --max-warnings 0 .
 
 # ******************************************************************************
 # First, test the create-react-app development environment.

From d7bcc1916a4578de4e04b0b5f31dcdfcbd2cb69c Mon Sep 17 00:00:00 2001
From: Valerii Sorokobatko <valeriy.sorokobatko@gmail.com>
Date: Mon, 6 Mar 2017 19:44:18 +0200
Subject: [PATCH 121/163] Fix eject for linked react-scripts (#1736)

* fix eject for linked react-scripts

* path.resolve => resolveApp
---
 packages/react-scripts/config/paths.js  |  3 ++-
 packages/react-scripts/scripts/eject.js | 19 +++++++++++--------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/packages/react-scripts/config/paths.js b/packages/react-scripts/config/paths.js
index cf4b762a4cf..83f234d6c62 100644
--- a/packages/react-scripts/config/paths.js
+++ b/packages/react-scripts/config/paths.js
@@ -114,7 +114,8 @@ module.exports = {
   ownNodeModules: resolveOwn('node_modules'), // This is empty on npm 3
 };
 
-var reactScriptsPath = path.resolve('node_modules/react-scripts');
+var ownPackageJson = require('../package.json');
+var reactScriptsPath = resolveApp(`node_modules/${ownPackageJson.name}`);
 var reactScriptsLinked = fs.existsSync(reactScriptsPath) && fs.lstatSync(reactScriptsPath).isSymbolicLink();
 
 // config before publish: we're in ./packages/react-scripts/config/
diff --git a/packages/react-scripts/scripts/eject.js b/packages/react-scripts/scripts/eject.js
index 45ed8026711..39a40546bde 100644
--- a/packages/react-scripts/scripts/eject.js
+++ b/packages/react-scripts/scripts/eject.js
@@ -158,14 +158,17 @@ prompt(
   );
   console.log();
 
-  try {
-    // remove react-scripts and react-scripts binaries from app node_modules
-    Object.keys(ownPackage.bin).forEach(function(binKey) {
-      fs.removeSync(path.join(appPath, 'node_modules', '.bin', binKey));
-    });
-    fs.removeSync(ownPath);
-  } catch(e) {
-    // It's not essential that this succeeds
+  // "Don't destroy what isn't ours"
+  if (ownPath.indexOf(appPath) === 0) {
+    try {
+      // remove react-scripts and react-scripts binaries from app node_modules
+      Object.keys(ownPackage.bin).forEach(function(binKey) {
+        fs.removeSync(path.join(appPath, 'node_modules', '.bin', binKey));
+      });
+      fs.removeSync(ownPath);
+    } catch(e) {
+      // It's not essential that this succeeds
+    }
   }
 
   if (fs.existsSync(paths.yarnLockFile)) {

From abe3b8435a4b506240fbefcf267f7adfedc98d41 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Mon, 6 Mar 2017 13:46:00 -0500
Subject: [PATCH 122/163] Add changelog for 0.9.4

---
 CHANGELOG.md | 92 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 92 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2391b014ee7..9308817c8c2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,95 @@
+## 0.9.4 (March 6, 2017)
+
+#### :bug: Bug Fix
+* `create-react-app`
+
+  * [#1706](https://github.com/facebookincubator/create-react-app/pull/1706) Extract for package name when installing compressed packages. ([@Timer](https://github.com/Timer))
+
+    You may now specify a scoped package for `--scripts-version` and obtain a working installation.
+
+  * [#1695](https://github.com/facebookincubator/create-react-app/pull/1695) Print why installation was aborted. ([@tgig](https://github.com/tgig))
+
+* `react-scripts`
+
+  * [#1727](https://github.com/facebookincubator/create-react-app/pull/1727) Fix ejecting from a scoped fork. ([@gaearon](https://github.com/gaearon))
+
+    Ejecting now works within a scoped fork.
+
+  * [#1721](https://github.com/facebookincubator/create-react-app/pull/1721) Fix hot reloading for WebpackDevServer after eject. ([@gaearon](https://github.com/gaearon))
+
+* `react-dev-utils`
+
+  * [#1690](https://github.com/facebookincubator/create-react-app/pull/1690) Fix `openBrowser()` when `BROWSER=open` on macOS. ([@bpierre](https://github.com/bpierre))
+
+  * [#1696](https://github.com/facebookincubator/create-react-app/pull/1696) Improve reliability of port detection. ([@chrisdrackett](https://github.com/chrisdrackett))
+
+#### :nail_care: Enhancement
+* `eslint-config-react-app`, `react-scripts`
+
+  * [#1705](https://github.com/facebookincubator/create-react-app/pull/1705) Add support for `ignoreRestSiblings` in `no-unused-vars`. ([@chrisdrackett](https://github.com/chrisdrackett))
+
+    Linter no longer warns when using rest properties to remove variables from an object.
+
+  * [#1542](https://github.com/facebookincubator/create-react-app/pull/1542) Bump `jsx-a11y` version. ([@bondz](https://github.com/bondz))
+
+* `react-dev-utils`, `react-scripts`
+
+  * [#1726](https://github.com/facebookincubator/create-react-app/pull/1726) Extract generic build functions into `react-dev-utils`. ([@viankakrisna](https://github.com/viankakrisna))
+
+* Other
+
+  * [#1402](https://github.com/facebookincubator/create-react-app/pull/1402) Stub `package.json` for e2e test. ([@matoilic](https://github.com/matoilic))
+
+#### :memo: Documentation
+* `react-scripts`
+  * [#1710](https://github.com/facebookincubator/create-react-app/pull/1710) Update now.sh deployment instructions. ([@replaid](https://github.com/replaid))
+  * [#1717](https://github.com/facebookincubator/create-react-app/pull/1717) Add docs for Apache client side routing. ([@viankakrisna](https://github.com/viankakrisna))
+  * [#1698](https://github.com/facebookincubator/create-react-app/pull/1698) Suggest to use `.env` for enabling polling mode. ([@gaearon](https://github.com/gaearon))
+  * [#1687](https://github.com/facebookincubator/create-react-app/pull/1687) Fixed missing `--recursive` flag in first `npm run watch-css` command. ([@mklemme](https://github.com/mklemme))
+
+#### :house: Internal
+* `react-scripts`
+  * [#1736](https://github.com/facebookincubator/create-react-app/pull/1736) Fix eject for linked react-scripts. ([@tuchk4](https://github.com/tuchk4))
+  * [#1741](https://github.com/facebookincubator/create-react-app/pull/1741) Fix internal linting setup. ([@gaearon](https://github.com/gaearon))
+  * [#1730](https://github.com/facebookincubator/create-react-app/pull/1730) Fix Node 4 e2e tests. ([@Timer](https://github.com/Timer))
+* `eslint-config-react-app`
+  * [#1740](https://github.com/facebookincubator/create-react-app/pull/1740) Relax ESLint config peerDependency. ([@gaearon](https://github.com/gaearon))
+* `eslint-config-react-app`, `react-dev-utils`, `react-scripts`
+  * [#1729](https://github.com/facebookincubator/create-react-app/pull/1729) Lint internal scripts with `eslint:recommended`. ([@gaearon](https://github.com/gaearon))
+* `react-dev-utils`
+  * [#1724](https://github.com/facebookincubator/create-react-app/pull/1724) Don't use ES6 in a file that should run on Node 4. ([@gaearon](https://github.com/gaearon))
+* Other
+  * [#1723](https://github.com/facebookincubator/create-react-app/pull/1723) Skip AppVeyor CI builds for Markdown changes. ([@gaearon](https://github.com/gaearon))
+  * [#1707](https://github.com/facebookincubator/create-react-app/pull/1707) Add double quotes to escape spaces in paths in e2e. ([@viankakrisna](https://github.com/viankakrisna))
+  * [#1688](https://github.com/facebookincubator/create-react-app/pull/1688) Upgrade `lerna` version. ([@viankakrisna](https://github.com/viankakrisna))
+
+#### Committers: 11
+- Ade Viankakrisna Fadlil ([viankakrisna](https://github.com/viankakrisna))
+- Bond ([bondz](https://github.com/bondz))
+- Chris Drackett ([chrisdrackett](https://github.com/chrisdrackett))
+- Dan Abramov ([gaearon](https://github.com/gaearon))
+- Joe Haddad ([Timer](https://github.com/Timer))
+- Mato Ilic ([matoilic](https://github.com/matoilic))
+- Myk Klemme ([mklemme](https://github.com/mklemme))
+- Pierre Bertet ([bpierre](https://github.com/bpierre))
+- Ryan Platte ([replaid](https://github.com/replaid))
+- Travis Giggy ([tgig](https://github.com/tgig))
+- Valerii Sorokobatko ([tuchk4](https://github.com/tuchk4))
+
+### Migrating from 0.9.3 to 0.9.4
+
+Inside any created project that has not been ejected, run:
+
+```
+npm install --save-dev --save-exact react-scripts@0.9.4
+```
+
+You may also optionally update the global command-line utility for scoped package support:
+
+```
+npm install -g create-react-app@1.3.0
+```
+
 ## 0.9.3 (February 28, 2017)
 
 #### :rocket: New Feature

From 956322b76a7ff17e485715f952de85f4cd404de3 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Mon, 6 Mar 2017 14:12:03 -0500
Subject: [PATCH 123/163] Published branch 0.9.x

 - create-react-app@1.3.0
 - eslint-config-react-app@0.6.1
 - react-dev-utils@0.5.2
 - react-scripts@0.9.4
---
 packages/create-react-app/package.json        | 2 +-
 packages/eslint-config-react-app/package.json | 2 +-
 packages/react-dev-utils/package.json         | 2 +-
 packages/react-scripts/package.json           | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/create-react-app/package.json b/packages/create-react-app/package.json
index 8752f50273b..4450add254c 100644
--- a/packages/create-react-app/package.json
+++ b/packages/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-react-app",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "keywords": [
     "react"
   ],
diff --git a/packages/eslint-config-react-app/package.json b/packages/eslint-config-react-app/package.json
index 0480feb7e17..855713e4f46 100644
--- a/packages/eslint-config-react-app/package.json
+++ b/packages/eslint-config-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-react-app",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "ESLint configuration used by Create React App",
   "repository": "facebookincubator/create-react-app",
   "license": "BSD-3-Clause",
diff --git a/packages/react-dev-utils/package.json b/packages/react-dev-utils/package.json
index b983d80b008..4e1b350c0d1 100644
--- a/packages/react-dev-utils/package.json
+++ b/packages/react-dev-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-dev-utils",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Webpack utilities used by Create React App",
   "repository": "facebookincubator/create-react-app",
   "license": "BSD-3-Clause",
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 539b11fd813..2b334657d8c 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-scripts",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "description": "Configuration and scripts for Create React App.",
   "repository": "facebookincubator/create-react-app",
   "license": "BSD-3-Clause",
@@ -38,7 +38,7 @@
     "detect-port": "1.0.1",
     "dotenv": "2.0.0",
     "eslint": "3.16.1",
-    "eslint-config-react-app": "^0.6.0",
+    "eslint-config-react-app": "^0.6.1",
     "eslint-loader": "1.6.3",
     "eslint-plugin-flowtype": "2.21.0",
     "eslint-plugin-import": "2.0.1",
@@ -53,7 +53,7 @@
     "object-assign": "4.1.1",
     "postcss-loader": "1.3.1",
     "promise": "7.1.1",
-    "react-dev-utils": "^0.5.1",
+    "react-dev-utils": "^0.5.2",
     "style-loader": "0.13.1",
     "url-loader": "0.5.7",
     "webpack": "2.2.1",

From cc35b8ea3a2c3314e4279e6fcf952395ac48ab02 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Mon, 6 Mar 2017 14:22:28 -0500
Subject: [PATCH 124/163] Adjust changelog wording

---
 CHANGELOG.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9308817c8c2..a790aaff7da 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,7 +3,7 @@
 #### :bug: Bug Fix
 * `create-react-app`
 
-  * [#1706](https://github.com/facebookincubator/create-react-app/pull/1706) Extract for package name when installing compressed packages. ([@Timer](https://github.com/Timer))
+  * [#1706](https://github.com/facebookincubator/create-react-app/pull/1706) Extract compressed package for package name. ([@Timer](https://github.com/Timer))
 
     You may now specify a scoped package for `--scripts-version` and obtain a working installation.
 
@@ -95,9 +95,9 @@ npm install -g create-react-app@1.3.0
 #### :rocket: New Feature
 * `create-react-app`
   * [#1423](https://github.com/facebookincubator/create-react-app/pull/1423) **Fall back to Yarn offline cache when creating a new project.** ([@voxsim](https://github.com/voxsim))
-  
+
   If you are using Yarn, and you have created at least one app previously, Create React App now works offline.
-  
+
   <img src="http://i.imgur.com/1FLa9Tg.gif" width="500" alt="Yarn offline installation demo">
 
 #### :bug: Bug Fix

From 24f38f86460357472b7511c233e6188c3de6a4ae Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Mon, 6 Mar 2017 20:21:28 -0500
Subject: [PATCH 125/163] Switch to preset-env (#1742)

* Switch to preset-env
Disables webpack modules by enabling babel modules to resolve #1638

* Bump babel-core to match babel preset versions

* Add uglify to targets
---
 packages/babel-preset-react-app/index.js     | 14 ++++++++++----
 packages/babel-preset-react-app/package.json | 17 ++++++++---------
 packages/react-scripts/package.json          |  2 +-
 3 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/packages/babel-preset-react-app/index.js b/packages/babel-preset-react-app/index.js
index 3760ec4e1ae..8236c64b54c 100644
--- a/packages/babel-preset-react-app/index.js
+++ b/packages/babel-preset-react-app/index.js
@@ -84,10 +84,16 @@ if (env === 'test') {
   module.exports = {
     presets: [
       // Latest stable ECMAScript features
-      [require.resolve('babel-preset-latest'), {
-        'es2015': {
-          modules: false
-        }
+      [require.resolve('babel-preset-env'), {
+        targets: {
+          // React parses on ie 9, so we should too
+          ie: 9,
+          // We currently minify with uglify
+          // Remove after https://github.com/mishoo/UglifyJS2/issues/448
+          uglify: true
+        },
+        // Disable polyfill transforms
+        useBuiltIns: false
       }],
       // JSX, Flow
       require.resolve('babel-preset-react')
diff --git a/packages/babel-preset-react-app/package.json b/packages/babel-preset-react-app/package.json
index 049d75db3ee..aa955e43762 100644
--- a/packages/babel-preset-react-app/package.json
+++ b/packages/babel-preset-react-app/package.json
@@ -13,17 +13,16 @@
   "dependencies": {
     "babel-plugin-dynamic-import-node": "1.0.0",
     "babel-plugin-syntax-dynamic-import": "6.18.0",
-    "babel-plugin-transform-class-properties": "6.22.0",
-    "babel-plugin-transform-object-rest-spread": "6.22.0",
-    "babel-plugin-transform-react-constant-elements": "6.22.0",
-    "babel-plugin-transform-react-jsx": "6.22.0",
+    "babel-plugin-transform-class-properties": "6.23.0",
+    "babel-plugin-transform-object-rest-spread": "6.23.0",
+    "babel-plugin-transform-react-constant-elements": "6.23.0",
+    "babel-plugin-transform-react-jsx": "6.23.0",
     "babel-plugin-transform-react-jsx-self": "6.22.0",
     "babel-plugin-transform-react-jsx-source": "6.22.0",
     "babel-plugin-transform-regenerator": "6.22.0",
-    "babel-plugin-transform-runtime": "6.22.0",
-    "babel-preset-env": "1.1.8",
-    "babel-preset-latest": "6.22.0",
-    "babel-preset-react": "6.22.0",
-    "babel-runtime": "6.22.0"
+    "babel-plugin-transform-runtime": "6.23.0",
+    "babel-preset-env": "1.2.1",
+    "babel-preset-react": "6.23.0",
+    "babel-runtime": "6.23.0"
   }
 }
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 2b334657d8c..33258dd8df3 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "autoprefixer": "6.7.5",
-    "babel-core": "6.22.1",
+    "babel-core": "6.23.1",
     "babel-eslint": "7.1.1",
     "babel-jest": "18.0.0",
     "babel-loader": "6.3.2",

From ed5c016d6169f0bac7e29625afba1bf7bccac1d9 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Mon, 6 Mar 2017 21:59:57 -0500
Subject: [PATCH 126/163] Add runtime error overlay (#1101)

* Add red box prototype

* Unmount fail node when hot-reloaded (future proofing)

* Slightly improve error reason

* Add Chrome unhandledrejection listener

* Close red box when Escape is pressed

* Construct our own source if not available

* Resolve sourcemaps for friendlier traces

* Allow error to be scrolled

* Only utilize sourcemaps, not the magic. :(

* Make view similar to React Native

* Fix an uncaught syntax error

* Add workaround for Firefox 50

* Add a hint for closing the prompt

* Multiple error support
When there's multiple errors, simply state that there are more instead of re-rendering

* Log any renderer error

* Dim node_modules in display

* Override chrome stack trace limit

* Magic: show me some source!

* Add ability to toggle internal calls

* Switch text from show -> hide

* Change color scheme to something easier on the eyes

* Change UI to be friendlier (thanks @nicinabox)
https://github.com/facebookincubator/create-react-app/pull/1101#issuecomment-263621057
https://github.com/facebookincubator/create-react-app/pull/1101#issuecomment-263636171

* Update styles

* Add container inside overlay

* Apply pre style

* Add line highlight

* Add omitted frames ui

* Move yellow to var

* Do all function names in black

* Adapt container based on screen size

* Extract ansiHTML

Use base16-github theme

* Linting

* Add syntax highlighting of errors

* Linting

* Remove white background

* Append new files to package.json

* Target exact version

* White is a little harsh, use same color as red box.

* Fix a bug where omitted frames would never be rendered
(under certain circumstances)

* Show local file path instead of confusing webpack://

* Do not require the entire file

* Remove css file

* Use context size, not a magic variable.

* Fix title regression

* Update dependency

* Do not center text for internal calls

* Temporarily disable links

* Switch internal toggle to 'i'

* Remove unnecessary rules from container style

* Reduce omitted frames font size

* Fix font family in pre > code

* Re-introduce line highlighting

* Object.<anonymous> -> (anonymous function)

* Add ability to see script source

* Add missing ansi mappings

* Remove SIAF

* Skip native functions

* Extract hints div function

* Extract renderers

* Refacor var names

* If source is disabled, don't use the line.

* Allow toggle between source

* Allow bundles to be expanded

* Wow, how did I let this one slip?

* Toggle text for UX/DX

* Make it so clicking Close unmounts the error component

* Do not allow hot reloading once an error is thrown

* Do not wrap lines for small displays

* Fix toggle when additional errors happen

* Make the close a button

* Capture and store errors

* Dispose on render; move additional logic

* Only make code not wrap

* Switch to a view-by-index method

* Allow user to switch between errors with arrow keys

* Fix text while switching between errors

* Update close button style

* Render additional errors at top

* Add left and right arrows

* Make frames pointy

* UTF-8 arrows

* Don't mount unneeded DOM node

* Switch to single changing text for compiled <-> source

* Don't display arrows with only one error.

* Collapsed and expanded

* Make sure the last collapse toggle is appended

* Do not show the stack trace if it doesn't resolve to a file we wrote

* Style container with media queries

* Do not allow x overflow; break words by default.

* Trim off whitespace of lines

* Remove padding since it's not outer-most

* Add footer message

* Extract css file to JS

* Only inject the css when the overlay is up

* Extract red variable

* Remove env

* Update babel-code-frame

* Set force color to true

* Extract out collapse div logic

* Remove arrow field

* Insert a top collapse

* Make browser friendlier

* Absolutify ^

* Make arrows buttons

* Accessify

* Let there be ES5

* Pretty css

* Use forEach where we can ...

* Remove extracted loop

* Fix IE compatibility

* Capture React warnings

* Add source override via React output parsing

* Whoops, fix arguments to crash.

* es5-ify

* Re-enable e2e-install directory test

* Only rewrite line number if it was resolved and leaves a line at bottom

* Rename failFast to crashOverlay

* Disable console proxy

* Appease linter

* Appease more
---
 packages/react-dev-utils/ansiHTML.js          | 102 +++
 packages/react-dev-utils/crashOverlay.js      | 831 ++++++++++++++++++
 packages/react-dev-utils/package.json         |   6 +-
 .../react-dev-utils/webpackHotDevClient.js    |  27 +-
 .../config/webpack.config.dev.js              |   2 +
 5 files changed, 946 insertions(+), 22 deletions(-)
 create mode 100644 packages/react-dev-utils/ansiHTML.js
 create mode 100644 packages/react-dev-utils/crashOverlay.js

diff --git a/packages/react-dev-utils/ansiHTML.js b/packages/react-dev-utils/ansiHTML.js
new file mode 100644
index 00000000000..27a514e01d0
--- /dev/null
+++ b/packages/react-dev-utils/ansiHTML.js
@@ -0,0 +1,102 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+'use strict';
+
+var Anser = require('anser');
+
+// Color scheme inspired by https://chriskempson.github.io/base16/css/base16-github.css
+// var base00 = 'ffffff'; // Default Background
+var base01 = 'f5f5f5'; // Lighter Background (Used for status bars)
+// var base02 = 'c8c8fa'; // Selection Background
+var base03 = '969896'; // Comments, Invisibles, Line Highlighting
+// var base04 = 'e8e8e8'; // Dark Foreground (Used for status bars)
+var base05 = '333333'; // Default Foreground, Caret, Delimiters, Operators
+// var base06 = 'ffffff'; // Light Foreground (Not often used)
+// var base07 = 'ffffff'; // Light Background (Not often used)
+var base08 = 'ed6a43'; // Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+// var base09 = '0086b3'; // Integers, Boolean, Constants, XML Attributes, Markup Link Url
+// var base0A = '795da3'; // Classes, Markup Bold, Search Text Background
+var base0B = '183691'; // Strings, Inherited Class, Markup Code, Diff Inserted
+var base0C = '183691'; // Support, Regular Expressions, Escape Characters, Markup Quotes
+// var base0D = '795da3'; // Functions, Methods, Attribute IDs, Headings
+var base0E = 'a71d5d'; // Keywords, Storage, Selector, Markup Italic, Diff Changed
+// var base0F = '333333'; // Deprecated, Opening/Closing Embedded Language Tags e.g. <?php ?>
+
+// Map ANSI colors from what babel-code-frame uses to base16-github
+// See: https://github.com/babel/babel/blob/e86f62b304d280d0bab52c38d61842b853848ba6/packages/babel-code-frame/src/index.js#L9-L22
+var colors = {
+  reset: [base05, 'transparent'],
+  black: base05,
+  red: base08, /* marker, bg-invalid */
+  green: base0B, /* string */
+  yellow: base08, /* capitalized, jsx_tag, punctuator */
+  blue: base0C,
+  magenta: base0C, /* regex */
+  cyan: base0E, /* keyword */
+  gray: base03, /* comment, gutter */
+  lightgrey: base01,
+  darkgrey: base03
+};
+
+var anserMap = {
+  'ansi-bright-black': 'black',
+  'ansi-bright-yellow': 'yellow',
+  'ansi-yellow': 'yellow',
+  'ansi-bright-green': 'green',
+  'ansi-green': 'green',
+  'ansi-bright-cyan': 'cyan',
+  'ansi-cyan': 'cyan',
+  'ansi-bright-red': 'red',
+  'ansi-red': 'red',
+  'ansi-bright-magenta': 'magenta',
+  'ansi-magenta': 'magenta'
+};
+
+function ansiHTML(txt) {
+  var arr = new Anser().ansiToJson(txt, {
+    use_classes: true
+  });
+
+  var result = '';
+  var open = false;
+  for (var index = 0; index < arr.length; ++index) {
+    var c = arr[index];
+    var content = c.content,
+        fg = c.fg;
+
+    var contentParts = content.split('\n');
+    for (var _index = 0; _index < contentParts.length; ++_index) {
+      if (!open) {
+        result += '<span data-ansi-line="true">';
+        open = true;
+      }
+      var part = contentParts[_index].replace('\r', '');
+      var color = colors[anserMap[fg]];
+      if (color != null) {
+        result += '<span style="color: #' + color + ';">' + part + '</span>';
+      } else {
+        if (fg != null) console.log('Missing color mapping: ', fg);
+        result += '<span>' + part + '</span>';
+      }
+      if (_index < contentParts.length - 1) {
+        result += '</span>';
+        open = false;
+        result += '<br/>';
+      }
+    }
+  }
+  if (open) {
+    result += '</span>';
+    open = false;
+  }
+  return result;
+}
+
+module.exports = ansiHTML;
diff --git a/packages/react-dev-utils/crashOverlay.js b/packages/react-dev-utils/crashOverlay.js
new file mode 100644
index 00000000000..d92e793ac18
--- /dev/null
+++ b/packages/react-dev-utils/crashOverlay.js
@@ -0,0 +1,831 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+'use strict';
+
+var codeFrame = require('babel-code-frame');
+var ansiHTML = require('./ansiHTML');
+var StackTraceResolve = require('stack-frame-resolver').default;
+
+var CONTEXT_SIZE = 3;
+
+var black = '#293238';
+var darkGray = '#878e91';
+var lightGray = '#fafafa';
+var red = '#ce1126';
+var lightRed = '#fccfcf';
+var yellow = '#fbf5b4';
+
+function getHead() {
+  return document.head || document.getElementsByTagName('head')[0];
+}
+
+var injectedCss = [];
+
+// From: http://stackoverflow.com/a/524721/127629
+function injectCss(css) {
+  var head = getHead();
+  var style = document.createElement('style');
+
+  style.type = 'text/css';
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+
+  head.appendChild(style);
+  injectedCss.push(style);
+}
+
+var css = [
+  '.cra-container {',
+  '  padding-right: 15px;',
+  '  padding-left: 15px;',
+  '  margin-right: auto;',
+  '  margin-left: auto;',
+  '}',
+  '',
+  '@media (min-width: 768px) {',
+  '  .cra-container {',
+  '    width: calc(750px - 6em);',
+  '  }',
+  '}',
+  '',
+  '@media (min-width: 992px) {',
+  '  .cra-container {',
+  '    width: calc(970px - 6em);',
+  '  }',
+  '}',
+  '',
+  '@media (min-width: 1200px) {',
+  '  .cra-container {',
+  '    width: calc(1170px - 6em);',
+  '  }',
+  '}'
+].join('\n');
+
+var overlayStyle = {
+  position: 'fixed',
+  'box-sizing': 'border-box',
+  top: '1em', left: '1em',
+  bottom: '1em', right: '1em',
+  width: 'calc(100% - 2em)', height: 'calc(100% - 2em)',
+  'border-radius': '3px',
+  'background-color': lightGray,
+  padding: '4rem',
+  'z-index': 1337,
+  'font-family': 'Consolas, Menlo, monospace',
+  color: black,
+  'white-space': 'pre-wrap',
+  overflow: 'auto',
+  'overflow-x': 'hidden',
+  'word-break': 'break-all',
+  'box-shadow': '0 0 6px 0 rgba(0, 0, 0, 0.5)',
+  'line-height': 1.5
+};
+
+var hintsStyle = {
+  'font-size': '0.8em',
+  'margin-top': '-3em',
+  'margin-bottom': '3em',
+  'text-align': 'right',
+  color: darkGray
+};
+
+var hintStyle = {
+  padding: '0.5em 1em',
+  cursor: 'pointer'
+};
+
+var closeButtonStyle = {
+  'font-size': '26px',
+  color: black,
+  padding: '0.5em 1em',
+  cursor: 'pointer',
+  position: 'absolute',
+  right: 0,
+  top: 0
+};
+
+var additionalStyle = {
+  'margin-bottom': '1.5em',
+  'margin-top': '-4em'
+};
+
+var headerStyle = {
+  'font-size': '1.7em',
+  'font-weight': 'bold',
+  color: red
+};
+
+var functionNameStyle = {
+  'margin-top': '1em',
+  'font-size': '1.2em'
+};
+
+var linkStyle = {
+  'font-size': '0.9em'
+};
+
+var anchorStyle = {
+  'text-decoration': 'none',
+  color: darkGray
+};
+
+var traceStyle = {
+  'font-size': '1em'
+};
+
+var depStyle = {
+  'font-size': '1.2em'
+};
+
+var primaryErrorStyle = {
+  'background-color': lightRed
+};
+
+var secondaryErrorStyle = {
+  'background-color': yellow
+};
+
+var omittedFramesStyle = {
+  color: black,
+  'font-size': '0.9em',
+  'margin': '1.5em 0',
+  cursor: 'pointer'
+};
+
+var preStyle = {
+  display: 'block',
+  padding: '0.5em',
+  'margin-top': '1.5em',
+  'margin-bottom': '0px',
+  'overflow-x': 'auto',
+  'font-size': '1.1em',
+  'white-space': 'pre'
+};
+
+var toggleStyle = {
+  'margin-bottom': '1.5em',
+  color: darkGray,
+  cursor: 'pointer'
+};
+
+var codeStyle = {
+  'font-family': 'Consolas, Menlo, monospace'
+};
+
+var hiddenStyle = {
+  display: 'none'
+};
+
+var groupStyle = {
+  'margin-left': '1em'
+};
+
+var _groupElemStyle = {
+  'background-color': 'inherit',
+  'border-color': '#ddd',
+  'border-width': '1px',
+  'border-radius': '4px',
+  'border-style': 'solid',
+  padding: '3px 6px',
+  cursor: 'pointer'
+};
+
+var groupElemLeft = Object.assign({}, _groupElemStyle, {
+  'border-top-right-radius': '0px',
+  'border-bottom-right-radius': '0px',
+  'margin-right': '0px'
+});
+
+var groupElemRight = Object.assign({}, _groupElemStyle, {
+  'border-top-left-radius': '0px',
+  'border-bottom-left-radius': '0px',
+  'margin-left': '-1px'
+});
+
+var footerStyle = {
+  'text-align': 'center',
+  color: darkGray
+};
+
+function applyStyles(element, styles) {
+  element.setAttribute('style', '');
+  // Firefox can't handle const due to non-compliant implementation
+  // Revisit Jan 2016
+  // https://developer.mozilla.org/en-US/Firefox/Releases/51#JavaScript
+  // https://bugzilla.mozilla.org/show_bug.cgi?id=1101653
+  for (var key in styles) {
+    if (!styles.hasOwnProperty(key)) continue;
+    var val = styles[key];
+    if (typeof val === 'function') val = val();
+    element.style[key] = val.toString();
+  }
+}
+
+var overlayReference = null;
+var additionalReference = null;
+var capturedErrors = [];
+var viewIndex = -1;
+var frameSettings = [];
+
+function consumeEvent(e) {
+  e.preventDefault();
+  e.target.blur();
+}
+
+function accessify(node) {
+  node.setAttribute('tabindex', 0);
+  node.addEventListener('keydown', function (e) {
+    var key = e.key,
+        which = e.which,
+        keyCode = e.keyCode;
+    if (key === 'Enter' || which === 13 || keyCode === 13) {
+      e.preventDefault();
+      e.target.click();
+    }
+  });
+}
+
+function renderAdditional() {
+  if (additionalReference.lastChild) {
+    additionalReference.removeChild(additionalReference.lastChild);
+  }
+
+  var text = ' ';
+  if (capturedErrors.length <= 1) {
+    additionalReference.appendChild(document.createTextNode(text));
+    return;
+  }
+  text = 'Errors ' + (viewIndex + 1) + ' of ' + capturedErrors.length;
+  var span = document.createElement('span');
+  span.appendChild(document.createTextNode(text));
+  var group = document.createElement('span');
+  applyStyles(group, groupStyle);
+  var left = document.createElement('button');
+  applyStyles(left, groupElemLeft);
+  left.addEventListener('click', function (e) {
+    consumeEvent(e);
+    switchError(-1);
+  });
+  left.appendChild(document.createTextNode('←'));
+  accessify(left);
+  var right = document.createElement('button');
+  applyStyles(right, groupElemRight);
+  right.addEventListener('click', function (e) {
+    consumeEvent(e);
+    switchError(1);
+  });
+  right.appendChild(document.createTextNode('→'));
+  accessify(right);
+  group.appendChild(left);
+  group.appendChild(right);
+  span.appendChild(group);
+  additionalReference.appendChild(span);
+}
+
+function removeNextBr(parent, component) {
+  while (component != null && component.tagName.toLowerCase() !== 'br') {
+    component = component.nextSibling;
+  }
+  if (component != null) {
+    parent.removeChild(component);
+  }
+}
+
+function absolutifyCode(component) {
+  var ccn = component.childNodes;
+  for (var index = 0; index < ccn.length; ++index) {
+    var c = ccn[index];
+    if (c.tagName.toLowerCase() !== 'span') continue;
+    var text = c.innerText.replace(/\s/g, '');
+    if (text !== '|^') continue;
+    c.style.position = 'absolute';
+    removeNextBr(component, c);
+  }
+}
+
+function sourceCodePre(sourceLines, lineNum, columnNum) {
+  var main = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+
+  var sourceCode = [];
+  var whiteSpace = Infinity;
+  sourceLines.forEach(function (_ref2) {
+    var text = _ref2.text;
+
+    var m = text.match(/^\s*/);
+    if (text === '') return;
+    if (m && m[0]) {
+      whiteSpace = Math.min(whiteSpace, m[0].length);
+    } else {
+      whiteSpace = 0;
+    }
+  });
+  sourceLines.forEach(function (_ref3) {
+    var text = _ref3.text,
+        line = _ref3.line;
+
+    if (isFinite(whiteSpace)) text = text.substring(whiteSpace);
+    sourceCode[line - 1] = text;
+  });
+  sourceCode = sourceCode.join('\n');
+  var ansiHighlight = codeFrame(sourceCode, lineNum, columnNum - (isFinite(whiteSpace) ? whiteSpace : 0), {
+    forceColor: true,
+    linesAbove: CONTEXT_SIZE,
+    linesBelow: CONTEXT_SIZE
+  });
+  var htmlHighlight = ansiHTML(ansiHighlight);
+  var code = document.createElement('code');
+  code.innerHTML = htmlHighlight;
+  absolutifyCode(code);
+  applyStyles(code, codeStyle);
+
+  var ccn = code.childNodes;
+  for (var index = 0; index < ccn.length; ++index) {
+    var node = ccn[index];
+    var breakOut = false;
+    var ccn2 = node.childNodes;
+    for (var index2 = 0; index2 < ccn2.length; ++index2) {
+      var lineNode = ccn2[index2];
+      if (lineNode.innerText.indexOf(' ' + lineNum + ' |') === -1) continue;
+      applyStyles(node, main ? primaryErrorStyle : secondaryErrorStyle);
+      breakOut = true;
+    }
+    if (breakOut) break;
+  }
+  var pre = document.createElement('pre');
+  applyStyles(pre, preStyle);
+  pre.appendChild(code);
+  return pre;
+}
+
+function createHint(hint) {
+  var span = document.createElement('span');
+  span.appendChild(document.createTextNode(hint));
+  applyStyles(span, hintStyle);
+  return span;
+}
+
+function hintsDiv() {
+  var hints = document.createElement('div');
+  applyStyles(hints, hintsStyle);
+
+  var close = createHint('×');
+  close.addEventListener('click', function () {
+    unmount();
+  });
+  applyStyles(close, closeButtonStyle);
+  hints.appendChild(close);
+  return hints;
+}
+
+function frameDiv(functionName, url, internalUrl) {
+  var frame = document.createElement('div');
+  var frameFunctionName = document.createElement('div');
+
+  var cleanedFunctionName = void 0;
+  if (!functionName || functionName === 'Object.<anonymous>') {
+    cleanedFunctionName = '(anonymous function)';
+  } else {
+    cleanedFunctionName = functionName;
+  }
+
+  var cleanedUrl = url.replace('webpack://', '.');
+
+  if (internalUrl) {
+    applyStyles(frameFunctionName, Object.assign({}, functionNameStyle, depStyle));
+  } else {
+    applyStyles(frameFunctionName, functionNameStyle);
+  }
+
+  frameFunctionName.appendChild(document.createTextNode(cleanedFunctionName));
+  frame.appendChild(frameFunctionName);
+
+  var frameLink = document.createElement('div');
+  applyStyles(frameLink, linkStyle);
+  var frameAnchor = document.createElement('a');
+  applyStyles(frameAnchor, anchorStyle);
+  //frameAnchor.href = url
+  frameAnchor.appendChild(document.createTextNode(cleanedUrl));
+  frameLink.appendChild(frameAnchor);
+  frame.appendChild(frameLink);
+
+  return frame;
+}
+
+function getGroupToggle(omitsCount, omitBundle) {
+  var omittedFrames = document.createElement('div');
+  accessify(omittedFrames);
+  var text1 = document.createTextNode('\u25B6 ' + omitsCount + ' stack frames were collapsed.');
+  omittedFrames.appendChild(text1);
+  omittedFrames.addEventListener('click', function () {
+    var hide = text1.textContent.match(/▲/);
+    var list = document.getElementsByName('bundle-' + omitBundle);
+    for (var index = 0; index < list.length; ++index) {
+      var n = list[index];
+      if (hide) {
+        n.style.display = 'none';
+      } else {
+        n.style.display = '';
+      }
+    }
+    if (hide) {
+      text1.textContent = text1.textContent.replace(/▲/, '▶');
+      text1.textContent = text1.textContent.replace(/expanded/, 'collapsed');
+    } else {
+      text1.textContent = text1.textContent.replace(/▶/, '▲');
+      text1.textContent = text1.textContent.replace(/collapsed/, 'expanded');
+    }
+  });
+  applyStyles(omittedFrames, omittedFramesStyle);
+  return omittedFrames;
+}
+
+function insertBeforeBundle(parent, omitsCount, omitBundle, actionElement) {
+  var children = document.getElementsByName('bundle-' + omitBundle);
+  if (children.length < 1) return;
+  var first = children[0];
+  while (first.parentNode !== parent) {
+    first = first.parentNode;
+  }
+  var div = document.createElement('div');
+  accessify(div);
+  div.setAttribute('name', 'bundle-' + omitBundle);
+  var text = document.createTextNode('\u25BC ' + omitsCount + ' stack frames were expanded.');
+  div.appendChild(text);
+  div.addEventListener('click', function () {
+    return actionElement.click();
+  });
+  applyStyles(div, omittedFramesStyle);
+  div.style.display = 'none';
+
+  parent.insertBefore(div, first);
+}
+
+function traceFrame(frameSetting, frame, critical, omits, omitBundle, parentContainer, lastElement) {
+  var compiled = frameSetting.compiled;
+  var functionName = frame.functionName,
+      fileName = frame.fileName,
+      lineNumber = frame.lineNumber,
+      columnNumber = frame.columnNumber,
+      scriptLines = frame.scriptLines,
+      sourceFileName = frame.sourceFileName,
+      sourceLineNumber = frame.sourceLineNumber,
+      sourceColumnNumber = frame.sourceColumnNumber,
+      sourceLines = frame.sourceLines;
+
+  var url = void 0;
+  if (!compiled && sourceFileName) {
+    url = sourceFileName + ':' + sourceLineNumber;
+    if (sourceColumnNumber) url += ':' + sourceColumnNumber;
+  } else {
+    url = fileName + ':' + lineNumber;
+    if (columnNumber) url += ':' + columnNumber;
+  }
+
+  var needsHidden = false;
+  var internalUrl = isInternalFile(url, sourceFileName);
+  if (internalUrl) {
+    ++omits.value;
+    needsHidden = true;
+  }
+  var collapseElement = null;
+  if (!internalUrl || lastElement) {
+    if (omits.value > 0) {
+      var omittedFrames = getGroupToggle(omits.value, omitBundle);
+      setTimeout(function () {
+        insertBeforeBundle.apply(undefined, arguments);
+      }.bind(undefined, parentContainer, omits.value, omitBundle, omittedFrames), 1);
+      if (lastElement && internalUrl) {
+        collapseElement = omittedFrames;
+      } else {
+        parentContainer.appendChild(omittedFrames);
+      }
+      ++omits.bundle;
+    }
+    omits.value = 0;
+  }
+
+  var elem = frameDiv(functionName, url, internalUrl);
+  if (needsHidden) {
+    applyStyles(elem, hiddenStyle);
+    elem.setAttribute('name', 'bundle-' + omitBundle);
+  }
+
+  var hasSource = false;
+  if (!internalUrl) {
+    if (compiled && scriptLines.length !== 0) {
+      elem.appendChild(sourceCodePre(scriptLines, lineNumber, columnNumber, critical));
+      hasSource = true;
+    } else if (!compiled && sourceLines.length !== 0) {
+      elem.appendChild(sourceCodePre(sourceLines, sourceLineNumber, sourceColumnNumber, critical));
+      hasSource = true;
+    }
+  }
+
+  return { elem: elem, hasSource: hasSource, collapseElement: collapseElement };
+}
+
+function lazyFrame(parent, factory, lIndex) {
+  var fac = factory();
+  if (fac == null) return;
+  var hasSource = fac.hasSource,
+      elem = fac.elem,
+      collapseElement = fac.collapseElement;
+
+  var elemWrapper = document.createElement('div');
+  elemWrapper.appendChild(elem);
+
+  if (hasSource) {
+    (function () {
+      var compiledDiv = document.createElement('div');
+      accessify(compiledDiv);
+      applyStyles(compiledDiv, toggleStyle);
+
+      var o = frameSettings[lIndex];
+      var compiledText = document.createTextNode('View ' + (o && o.compiled ? 'source' : 'compiled'));
+      compiledDiv.addEventListener('click', function () {
+        if (o) o.compiled = !o.compiled;
+
+        var next = lazyFrame(parent, factory, lIndex);
+        if (next != null) {
+          parent.insertBefore(next, elemWrapper);
+          parent.removeChild(elemWrapper);
+        }
+      });
+      compiledDiv.appendChild(compiledText);
+      elemWrapper.appendChild(compiledDiv);
+    })();
+  }
+
+  if (collapseElement != null) {
+    elemWrapper.appendChild(collapseElement);
+  }
+
+  return elemWrapper;
+}
+
+function traceDiv(resolvedFrames) {
+  var trace = document.createElement('div');
+  applyStyles(trace, traceStyle);
+
+  var index = 0;
+  var critical = true;
+  var omits = { value: 0, bundle: 1 };
+  resolvedFrames.forEach(function (frame) {
+    var lIndex = index++;
+    var elem = lazyFrame(trace, traceFrame.bind(undefined, frameSettings[lIndex], frame, critical, omits, omits.bundle, trace, index === resolvedFrames.length), lIndex);
+    if (elem == null) return;
+    critical = false;
+    trace.appendChild(elem);
+  });
+  //TODO: fix this
+  omits.value = 0;
+
+  return trace;
+}
+
+function footer() {
+  var div = document.createElement('div');
+  applyStyles(div, footerStyle);
+  div.appendChild(document.createTextNode('This screen is visible only in development. It will not appear when the app crashes in production.'));
+  div.appendChild(document.createElement('br'));
+  div.appendChild(document.createTextNode('Open your browser’s developer console to further inspect this error.'));
+  return div;
+}
+
+function render(error, name, message, resolvedFrames) {
+  dispose();
+
+  frameSettings = resolvedFrames.map(function () {
+    return { compiled: false };
+  });
+
+  injectCss(css);
+
+  // Create overlay
+  var overlay = document.createElement('div');
+  applyStyles(overlay, overlayStyle);
+  overlay.appendChild(hintsDiv());
+
+  // Create container
+  var container = document.createElement('div');
+  container.className = 'cra-container';
+  overlay.appendChild(container);
+
+  // Create additional
+  additionalReference = document.createElement('div');
+  applyStyles(additionalReference, additionalStyle);
+  container.appendChild(additionalReference);
+  renderAdditional();
+
+  // Create header
+  var header = document.createElement('div');
+  applyStyles(header, headerStyle);
+  if (message.match(/^\w*:/)) {
+    header.appendChild(document.createTextNode(message));
+  } else {
+    header.appendChild(document.createTextNode(name + ': ' + message));
+  }
+  container.appendChild(header);
+
+  // Create trace
+  container.appendChild(traceDiv(resolvedFrames));
+
+  // Show message
+  container.appendChild(footer());
+
+  // Mount
+  document.body.appendChild(overlayReference = overlay);
+}
+
+function dispose() {
+  if (overlayReference === null) return;
+  document.body.removeChild(overlayReference);
+  overlayReference = null;
+  var head = getHead();
+  injectedCss.forEach(function (node) {
+    head.removeChild(node);
+  });
+  injectedCss = [];
+}
+
+function unmount() {
+  dispose();
+  capturedErrors = [];
+  viewIndex = -1;
+}
+
+function isInternalFile(url, sourceFileName) {
+  return url.indexOf('/~/') !== -1 || url.trim().indexOf(' ') !== -1 || !sourceFileName;
+}
+
+function renderError(index) {
+  viewIndex = index;
+  var _capturedErrors$index = capturedErrors[index],
+      error = _capturedErrors$index.error,
+      unhandledRejection = _capturedErrors$index.unhandledRejection,
+      resolvedFrames = _capturedErrors$index.resolvedFrames;
+
+  if (unhandledRejection) {
+    render(error, 'Unhandled Rejection (' + error.name + ')', error.message, resolvedFrames);
+  } else {
+    render(error, error.name, error.message, resolvedFrames);
+  }
+}
+
+function crash(error) {
+  var unhandledRejection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var sourceOverrides = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+
+  if (module.hot) module.hot.decline();
+
+  StackTraceResolve(error, CONTEXT_SIZE).then(function (resolvedFrames) {
+    resolvedFrames = resolvedFrames.filter(function (_ref) {
+      var functionName = _ref.functionName;
+      return functionName.indexOf('__cra_proxy_console__') === -1;
+    });
+    var overrideCount = sourceOverrides.length,
+        frameCount = resolvedFrames.length;
+    var frameIndex = 0;
+    for (var overrideIndex = 0; overrideIndex < overrideCount; ++overrideIndex) {
+      var tag = sourceOverrides[overrideIndex];
+      var shouldContinue = false;
+      for (; frameIndex < frameCount; ++frameIndex) {
+        var sourceFileName = resolvedFrames[frameIndex].sourceFileName;
+
+        if (sourceFileName == null) continue;
+        if (sourceFileName.indexOf('/' + tag.file) !== -1) {
+          var prevLineNumber = resolvedFrames[frameIndex].sourceLineNumber;
+          if (Math.abs(prevLineNumber - tag.lineNum) < CONTEXT_SIZE) {
+            resolvedFrames[frameIndex].sourceLineNumber = tag.lineNum;
+          }
+          shouldContinue = true;
+          break;
+        }
+      }
+      if (shouldContinue) continue;
+      break;
+    }
+    capturedErrors.push({ error: error, unhandledRejection: unhandledRejection, resolvedFrames: resolvedFrames });
+    if (overlayReference !== null) renderAdditional();
+    else {
+      renderError(viewIndex = 0);
+    }
+  }).catch(function (e) {
+    // This is another fail case (unlikely to happen)
+    // e.g. render(...) throws an error with provided arguments
+    console.log('Red box renderer error:', e);
+    unmount();
+    render(null, 'Error', 'There is an error with red box. *Please* report this (see console).', []);
+  });
+}
+
+function switchError(offset) {
+  try {
+    var nextView = viewIndex + offset;
+    if (nextView < 0 || nextView >= capturedErrors.length) return;
+    renderError(nextView);
+  } catch (e) {
+    console.log('Red box renderer error:', e);
+    unmount();
+    render(null, 'Error', 'There is an error with red box. *Please* report this (see console).', []);
+  }
+}
+
+window.onerror = function (messageOrEvent, source, lineno, colno, error) {
+  if (error == null || !(error instanceof Error) || messageOrEvent.indexOf('Script error') !== -1) {
+    crash(new Error(error || messageOrEvent)); // TODO: more helpful message
+  } else {
+    crash(error);
+  }
+};
+
+var promiseHandler = function promiseHandler(event) {
+  if (event != null && event.reason != null) {
+    var reason = event.reason;
+
+    if (reason == null || !(reason instanceof Error)) {
+      crash(new Error(reason), true);
+    } else {
+      crash(reason, true);
+    }
+  } else {
+    crash(new Error('Unknown event'), true);
+  }
+};
+
+window.addEventListener('unhandledrejection', promiseHandler);
+
+var escapeHandler = function escapeHandler(event) {
+  var key = event.key,
+      keyCode = event.keyCode,
+      which = event.which;
+
+  if (key === 'Escape' || keyCode === 27 || which === 27) unmount();
+  else if (key === 'ArrowLeft' || keyCode === 37 || which === 37) switchError(-1);
+  else if (key === 'ArrowRight' || keyCode === 39 || which === 39) switchError(1);
+};
+
+window.addEventListener('keydown', escapeHandler);
+
+try {
+  Error.stackTraceLimit = 50;
+} catch (e) {
+  // Browser may not support this, we don't care.
+}
+
+// eslint-disable-next-line
+var proxyConsole = function proxyConsole(type) {
+  var orig = console[type];
+  console[type] = function __cra_proxy_console__() {
+    var warning = [].slice.call(arguments).join(' ');
+    var nIndex = warning.indexOf('\n');
+    var message = warning;
+    if (nIndex !== -1) message = message.substring(0, nIndex);
+    var stack = warning.substring(nIndex + 1).split('\n').filter(function (line) {
+      return line.indexOf('(at ') !== -1;
+    }).map(function (line) {
+      var prefix = '(at ';
+      var suffix = ')';
+      line = line.substring(line.indexOf(prefix) + prefix.length);
+      line = line.substring(0, line.indexOf(suffix));
+      var parts = line.split(/[:]/g);
+      if (parts.length !== 2) return null;
+      var file = parts[0];
+      var lineNum = Number(parts[1]);
+      if (isNaN(lineNum)) return null;
+      return { file: file, lineNum: lineNum };
+    }).filter(function (obj) {
+      return obj !== null;
+    });
+    var error = void 0;
+    try {
+      throw new Error(message);
+    } catch (e) {
+      error = e;
+    }
+    setTimeout(function () {
+      return crash(error, false, stack);
+    });
+    return orig.apply(this, arguments);
+  };
+};
+
+// proxyConsole('error');
+
+if (module.hot) {
+  module.hot.dispose(function () {
+    unmount();
+    window.removeEventListener('unhandledrejection', promiseHandler);
+    window.removeEventListener('keydown', escapeHandler);
+  });
+}
diff --git a/packages/react-dev-utils/package.json b/packages/react-dev-utils/package.json
index 4e1b350c0d1..64037886a0e 100644
--- a/packages/react-dev-utils/package.json
+++ b/packages/react-dev-utils/package.json
@@ -11,8 +11,10 @@
     "node": ">=4"
   },
   "files": [
+    "ansiHTML.js",
     "checkRequiredFiles.js",
     "clearConsole.js",
+    "crashOverlay.js",
     "FileSizeReporter.js",
     "formatWebpackMessages.js",
     "getProcessForPort.js",
@@ -24,7 +26,8 @@
     "webpackHotDevClient.js"
   ],
   "dependencies": {
-    "ansi-html": "0.0.5",
+    "anser": "1.1.0",
+    "babel-code-frame": "6.20.0",
     "chalk": "1.1.3",
     "escape-string-regexp": "1.0.5",
     "filesize": "3.3.0",
@@ -33,6 +36,7 @@
     "opn": "4.0.2",
     "recursive-readdir": "2.1.1",
     "sockjs-client": "1.1.2",
+    "stack-frame-resolver": "0.1.3",
     "strip-ansi": "3.0.1"
   }
 }
diff --git a/packages/react-dev-utils/webpackHotDevClient.js b/packages/react-dev-utils/webpackHotDevClient.js
index f4b88fd82e3..b060ddea48c 100644
--- a/packages/react-dev-utils/webpackHotDevClient.js
+++ b/packages/react-dev-utils/webpackHotDevClient.js
@@ -18,28 +18,15 @@
 // that looks similar to our console output. The error overlay is inspired by:
 // https://github.com/glenjamin/webpack-hot-middleware
 
-var ansiHTML = require('ansi-html');
 var SockJS = require('sockjs-client');
 var stripAnsi = require('strip-ansi');
 var url = require('url');
 var formatWebpackMessages = require('./formatWebpackMessages');
 var Entities = require('html-entities').AllHtmlEntities;
+var ansiHTML = require('./ansiHTML');
 var entities = new Entities();
 
-// Color scheme inspired by https://github.com/glenjamin/webpack-hot-middleware
-var colors = {
-  reset: ['transparent', 'transparent'],
-  black: '181818',
-  red: 'E36049',
-  green: 'B3CB74',
-  yellow: 'FFD080',
-  blue: '7CAFC2',
-  magenta: '7FACCA',
-  cyan: 'C3C2EF',
-  lightgrey: 'EBE7E3',
-  darkgrey: '6D7891'
-};
-ansiHTML.setColors(colors);
+var red = '#E36049';
 
 function createOverlayIframe(onIframeLoad) {
   var iframe = document.createElement('iframe');
@@ -69,8 +56,8 @@ function addOverlayDivTo(iframe) {
   div.style.bottom = 0;
   div.style.width = '100vw';
   div.style.height = '100vh';
-  div.style.backgroundColor = 'black';
-  div.style.color = '#E8E8E8';
+  div.style.backgroundColor = '#fafafa';
+  div.style.color = '#333';
   div.style.fontFamily = 'Menlo, Consolas, monospace';
   div.style.fontSize = 'large';
   div.style.padding = '2rem';
@@ -118,14 +105,12 @@ function showErrorOverlay(message) {
   ensureOverlayDivExists(function onOverlayDivReady(overlayDiv) {
     // Make it look similar to our terminal.
     overlayDiv.innerHTML =
-      '<span style="color: #' +
-      colors.red +
-      '">Failed to compile.</span><br><br>' +
+      '<span style="color: ' + red + '">Failed to compile.</span><br><br>' +
       ansiHTML(entities.encode(message));
   });
 }
 
-function destroyErrorOverlay() {  
+function destroyErrorOverlay() {
   if (!overlayDiv) {
     // It is not there in the first place.
     return;
diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index a279a60a99d..a952969e00f 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -58,6 +58,8 @@ module.exports = {
     require.resolve('react-dev-utils/webpackHotDevClient'),
     // We ship a few polyfills by default:
     require.resolve('./polyfills'),
+    // Errors should be considered fatal in development
+    require.resolve('react-dev-utils/crashOverlay'),
     // Finally, this is your app's code:
     paths.appIndexJs
     // We include the app code last so that if there is a runtime error during

From 2ac1b38ec6f5876d5a0615803e5d3a85041bc1c7 Mon Sep 17 00:00:00 2001
From: Rory Hunter <pugnascotia@users.noreply.github.com>
Date: Tue, 7 Mar 2017 06:24:56 +0000
Subject: [PATCH 127/163] Whitelist files that can be embedded through
 url-loader (#1305)

* Whitelist files that can be embedded through url-loader

Change the current catch-all loader to use file-loader instead of
url-loader, and exclude common image file extensons. Add another url-loader
for images, configured identically to the original catch-all loader.

Part of issue #1293.

* Update tests to reflect change in loader config

* Integration test fix

* More CI fixes

* Work around broken loader-utils behaviour in integration tests

* Revise the documentation around file loading

* Documentation tweaks

* Docs tweak

* Update test now that webpack/loader-utils has been updated

* Update react-scripts to depend on babel-loader@7.0.0-alpha.2

* Bump deps
---
 .../config/webpack.config.dev.js              | 33 ++++++++++++-------
 .../config/webpack.config.prod.js             | 31 ++++++++++-------
 .../kitchensink/integration/webpack.test.js   |  5 ++-
 .../src/features/webpack/NoExtInclusion.js    |  2 +-
 .../features/webpack/UnknownExtInclusion.js   |  2 +-
 packages/react-scripts/package.json           | 10 +++---
 packages/react-scripts/template/README.md     |  8 +++--
 7 files changed, 56 insertions(+), 35 deletions(-)

diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index a952969e00f..214373b81b8 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -134,15 +134,34 @@ module.exports = {
       // When adding a new loader, you must add its `test`
       // as a new entry in the `exclude` list for "url" loader.
 
-      // "url" loader embeds assets smaller than specified size as data URLs to avoid requests.
-      // Otherwise, it acts like the "file" loader.
+      // "file" loader makes sure those assets get served by WebpackDevServer.
+      // When you `import` an asset, you get its (virtual) filename.
+      // In production, they would get copied to the `build` folder.
       {
         exclude: [
           /\.html$/,
           /\.(js|jsx)$/,
           /\.css$/,
           /\.json$/,
-          /\.svg$/
+          /\.bmp$/,
+          /\.gif$/,
+          /\.jpe?g$/,
+          /\.png$/
+        ],
+        loader: 'file-loader',
+        options: {
+          name: 'static/media/[name].[hash:8].[ext]'
+        }
+      },
+      // "url" loader works like "file" loader except that it embeds assets
+      // smaller than specified limit in bytes as data URLs to avoid requests.
+      // A missing `test` is equivalent to a match.
+      {
+        test: [
+          /\.bmp$/,
+          /\.gif$/,
+          /\.jpe?g$/,
+          /\.png$/
         ],
         loader: 'url-loader',
         options: {
@@ -198,14 +217,6 @@ module.exports = {
             }
           }
         ]
-      },
-      // "file" loader for svg
-      {
-        test: /\.svg$/,
-        loader: 'file-loader',
-        options: {
-          name: 'static/media/[name].[hash:8].[ext]'
-        }
       }
       // ** STOP ** Are you adding a new loader?
       // Remember to add the new extension(s) to the "url" loader exclusion list.
diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js
index 86b38f76714..5a2388d29c3 100644
--- a/packages/react-scripts/config/webpack.config.prod.js
+++ b/packages/react-scripts/config/webpack.config.prod.js
@@ -138,15 +138,32 @@ module.exports = {
       // When adding a new loader, you must add its `test`
       // as a new entry in the `exclude` list in the "url" loader.
 
-      // "url" loader embeds assets smaller than specified size as data URLs to avoid requests.
-      // Otherwise, it acts like the "file" loader.
+      // "file" loader makes sure those assets end up in the `build` folder.
+      // When you `import` an asset, you get its filename.
       {
         exclude: [
           /\.html$/,
           /\.(js|jsx)$/,
           /\.css$/,
           /\.json$/,
-          /\.svg$/
+          /\.bmp$/,
+          /\.gif$/,
+          /\.jpe?g$/,
+          /\.png$/
+        ],
+        loader: 'file-loader',
+        options: {
+          name: 'static/media/[name].[hash:8].[ext]'
+        }
+      },
+      // "url" loader works just like "file" loader but it also embeds
+      // assets smaller than specified size as data URLs to avoid requests.
+      {
+        test: [
+          /\.bmp$/,
+          /\.gif$/,
+          /\.jpe?g$/,
+          /\.png$/
         ],
         loader: 'url-loader',
         options: {
@@ -209,14 +226,6 @@ module.exports = {
           ]
         }, extractTextPluginOptions))
         // Note: this won't work without `new ExtractTextPlugin()` in `plugins`.
-      },
-      // "file" loader for svg
-      {
-        test: /\.svg$/,
-        loader: 'file-loader',
-        options: {
-          name: 'static/media/[name].[hash:8].[ext]'
-        }
       }
       // ** STOP ** Are you adding a new loader?
       // Remember to add the new extension(s) to the "url" loader exclusion list.
diff --git a/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js b/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js
index 3eaa662b3d1..43b3f1209f7 100644
--- a/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js
@@ -28,8 +28,7 @@ describe('Integration', () => {
     it('no ext inclusion', async () => {
       const doc = await initDOM('no-ext-inclusion')
 
-      expect(doc.getElementById('feature-no-ext-inclusion').textContent)
-        .to.equal('This is just a file without an extension.')
+      expect(doc.getElementById('feature-no-ext-inclusion').href).to.match(/\/static\/media\/aFileWithoutExt\.[a-f0-9]{8}\.bin$/)
     })
 
     it('json inclusion', async () => {
@@ -47,7 +46,7 @@ describe('Integration', () => {
     it('unknown ext inclusion', async () => {
       const doc = await initDOM('unknown-ext-inclusion')
 
-      expect(doc.getElementById('feature-unknown-ext-inclusion').textContent).to.equal('Whoooo, spooky!.')
+      expect(doc.getElementById('feature-unknown-ext-inclusion').href).to.match(/\/static\/media\/aFileWithExt\.[a-f0-9]{8}\.unknown$/)
     })
   })
 })
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js
index fb07359fdc9..b3bdbe9fcbc 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js
@@ -15,5 +15,5 @@ const text = aFileWithoutExt.includes('base64')
   : aFileWithoutExt
 
 export default () => (
-  <p id="feature-no-ext-inclusion">{text}.</p>
+  <a id="feature-no-ext-inclusion" href={text}>aFileWithoutExt</a>
 )
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js
index 8734064c882..a9ac8f00cf1 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js
@@ -15,5 +15,5 @@ const text = aFileWithExtUnknown.includes('base64')
   : aFileWithExtUnknown
 
 export default () => (
-  <p id="feature-unknown-ext-inclusion">{text}.</p>
+  <a id="feature-unknown-ext-inclusion" href={text}>aFileWithExtUnknown</a>
 )
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 33258dd8df3..9c67b721c5d 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -27,14 +27,14 @@
     "babel-core": "6.23.1",
     "babel-eslint": "7.1.1",
     "babel-jest": "18.0.0",
-    "babel-loader": "6.3.2",
+    "babel-loader": "7.0.0-alpha.3",
     "babel-preset-react-app": "^2.1.1",
     "babel-runtime": "^6.20.0",
     "case-sensitive-paths-webpack-plugin": "1.1.4",
     "chalk": "1.1.3",
     "connect-history-api-fallback": "1.3.0",
     "cross-spawn": "4.0.2",
-    "css-loader": "0.26.1",
+    "css-loader": "0.26.2",
     "detect-port": "1.0.1",
     "dotenv": "2.0.0",
     "eslint": "3.16.1",
@@ -45,16 +45,16 @@
     "eslint-plugin-jsx-a11y": "4.0.0",
     "eslint-plugin-react": "6.4.1",
     "extract-text-webpack-plugin": "2.0.0",
-    "file-loader": "0.10.0",
+    "file-loader": "0.10.1",
     "fs-extra": "0.30.0",
     "html-webpack-plugin": "2.28.0",
     "http-proxy-middleware": "0.17.3",
     "jest": "18.1.0",
     "object-assign": "4.1.1",
-    "postcss-loader": "1.3.1",
+    "postcss-loader": "1.3.3",
     "promise": "7.1.1",
     "react-dev-utils": "^0.5.2",
-    "style-loader": "0.13.1",
+    "style-loader": "0.13.2",
     "url-loader": "0.5.7",
     "webpack": "2.2.1",
     "webpack-dev-server": "2.4.1",
diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 8454fd983ea..d8576d6949f 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -23,7 +23,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
 - [Adding a Stylesheet](#adding-a-stylesheet)
 - [Post-Processing CSS](#post-processing-css)
 - [Adding a CSS Preprocessor (Sass, Less etc.)](#adding-a-css-preprocessor-sass-less-etc)
-- [Adding Images and Fonts](#adding-images-and-fonts)
+- [Adding Images, Fonts, and Files](#adding-images-fonts-and-files)
 - [Using the `public` Folder](#using-the-public-folder)
   - [Changing the HTML](#changing-the-html)
   - [Adding Assets Outside of the Module System](#adding-assets-outside-of-the-module-system)
@@ -466,11 +466,13 @@ Then we can change `start` and `build` scripts to include the CSS preprocessor c
 
 Now running `npm start` and `npm run build` also builds Sass files. Note that `node-sass` seems to have an [issue recognizing newly created files on some systems](https://github.com/sass/node-sass/issues/1891) so you might need to restart the watcher when you create a file until it’s resolved.
 
-## Adding Images and Fonts
+## Adding Images, Fonts, and Files
 
 With Webpack, using static assets like images and fonts works similarly to CSS.
 
-You can **`import` an image right in a JavaScript module**. This tells Webpack to include that image in the bundle. Unlike CSS imports, importing an image or a font gives you a string value. This value is the final image path you can reference in your code.
+You can **`import` a file right in a JavaScript module**. This tells Webpack to include that file in the bundle. Unlike CSS imports, importing a file gives you a string value. This value is the final path you can reference in your code, e.g. as the `src` attribute of an image or the `href` of a link to a PDF.
+
+To reduce the number of requests to the server, importing images that are less than 10,000 bytes returns a [data URI](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs) instead of a path. This applies to the following file extensions: bmp, gif, jpg, jpeg, and png. SVG files are excluded due to [#1153](https://github.com/facebookincubator/create-react-app/issues/1153).
 
 Here is an example:
 

From 3b15f0a2471e5b34cf6ff1b6d82d5701feb623c3 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Tue, 7 Mar 2017 01:31:53 -0500
Subject: [PATCH 128/163] Update deps for webpack 2

---
 packages/react-scripts/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 9c67b721c5d..5389aa90efb 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -44,7 +44,7 @@
     "eslint-plugin-import": "2.0.1",
     "eslint-plugin-jsx-a11y": "4.0.0",
     "eslint-plugin-react": "6.4.1",
-    "extract-text-webpack-plugin": "2.0.0",
+    "extract-text-webpack-plugin": "2.1.0",
     "file-loader": "0.10.1",
     "fs-extra": "0.30.0",
     "html-webpack-plugin": "2.28.0",
@@ -55,7 +55,7 @@
     "promise": "7.1.1",
     "react-dev-utils": "^0.5.2",
     "style-loader": "0.13.2",
-    "url-loader": "0.5.7",
+    "url-loader": "0.5.8",
     "webpack": "2.2.1",
     "webpack-dev-server": "2.4.1",
     "webpack-manifest-plugin": "1.1.0",

From 7dd124c8dd5a0a6af83de51d345e5647e751f593 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Tue, 7 Mar 2017 14:00:40 +0000
Subject: [PATCH 129/163] Update broken link

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 39baa1a5073..128b71d9f34 100644
--- a/README.md
+++ b/README.md
@@ -114,7 +114,7 @@ The [User Guide](https://github.com/facebookincubator/create-react-app/blob/mast
 - [Adding a Stylesheet](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-stylesheet)
 - [Post-Processing CSS](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#post-processing-css)
 - [Adding a CSS Preprocessor (Sass, Less etc.)](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc)
-- [Adding Images and Fonts](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-images-and-fonts)
+- [Adding Images, Fonts, and Files](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-images-fonts-and-files)
 - [Using the `public` Folder](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#using-the-public-folder)
 - [Using Global Variables](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#using-global-variables)
 - [Adding Bootstrap](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-bootstrap)

From 43873dc9b8ad4f1ca25560fbd3adad8feb6a5b2d Mon Sep 17 00:00:00 2001
From: Lorenzo Palmes <lpalmes@gmail.com>
Date: Tue, 7 Mar 2017 09:29:39 -0500
Subject: [PATCH 130/163] Display yarn instead of yarnpkg when creating a new
 app (#1747)

* Display yarn instead of yarnpkg

* Refactored displayd commands

* Removed testing directory
---
 packages/react-scripts/scripts/init.js | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/react-scripts/scripts/init.js b/packages/react-scripts/scripts/init.js
index 9bad149892b..352bf0f41c5 100644
--- a/packages/react-scripts/scripts/init.js
+++ b/packages/react-scripts/scripts/init.js
@@ -118,27 +118,30 @@ module.exports = function(appPath, appName, verbose, originalDirectory, template
     cdpath = appPath;
   }
 
+  // Change displayed command to yarn instead of yarnpkg
+  var displayedCommand = useYarn ? 'yarn' : 'npm';
+
   console.log();
   console.log('Success! Created ' + appName + ' at ' + appPath);
   console.log('Inside that directory, you can run several commands:');
   console.log();
-  console.log(chalk.cyan('  ' + command + ' start'));
+  console.log(chalk.cyan('  ' + displayedCommand + ' start'));
   console.log('    Starts the development server.');
   console.log();
-  console.log(chalk.cyan('  ' + command + ' run build'));
+  console.log(chalk.cyan('  ' + displayedCommand + ' run build'));
   console.log('    Bundles the app into static files for production.');
   console.log();
-  console.log(chalk.cyan('  ' + command + ' test'));
+  console.log(chalk.cyan('  ' + displayedCommand + ' test'));
   console.log('    Starts the test runner.');
   console.log();
-  console.log(chalk.cyan('  ' + command + ' run eject'));
+  console.log(chalk.cyan('  ' + displayedCommand + ' run eject'));
   console.log('    Removes this tool and copies build dependencies, configuration files');
   console.log('    and scripts into the app directory. If you do this, you can’t go back!');
   console.log();
   console.log('We suggest that you begin by typing:');
   console.log();
   console.log(chalk.cyan('  cd'), cdpath);
-  console.log('  ' + chalk.cyan(command + ' start'));
+  console.log('  ' + chalk.cyan(displayedCommand + ' start'));
   if (readmeExists) {
     console.log();
     console.log(chalk.yellow('You had a `README.md` file, we renamed it to `README.old.md`'));

From fe7b5c212b5127775287ce444947f4c604c024dd Mon Sep 17 00:00:00 2001
From: Valerii Sorokobatko <valeriy.sorokobatko@gmail.com>
Date: Tue, 7 Mar 2017 21:46:10 +0200
Subject: [PATCH 131/163] update to modern code style (#1738)

* mv create-react-app/index.js -> create-react-app/creteReactApp.js

* update to modern code style

* var -> cosnt

* set trailing-coma to es5 for prettier
---
 package.json                                  |   6 +-
 packages/babel-preset-react-app/index.js      | 100 ++--
 packages/create-react-app/createReactApp.js   | 520 ++++++++++++++++++
 packages/create-react-app/index.js            | 482 +---------------
 packages/create-react-app/package.json        |   3 +-
 packages/eslint-config-react-app/index.js     | 119 ++--
 packages/react-dev-utils/FileSizeReporter.js  |  17 +-
 .../react-dev-utils/InterpolateHtmlPlugin.js  |   3 +-
 packages/react-dev-utils/ansiHTML.js          |  21 +-
 packages/react-dev-utils/clearConsole.js      |   4 +-
 packages/react-dev-utils/crashOverlay.js      | 392 ++++++++-----
 .../react-dev-utils/formatWebpackMessages.js  |  24 +-
 packages/react-dev-utils/getProcessForPort.js |  28 +-
 packages/react-dev-utils/openBrowser.js       |  20 +-
 packages/react-dev-utils/prompt.js            |   4 +-
 .../react-dev-utils/webpackHotDevClient.js    |  65 +--
 packages/react-scripts/bin/react-scripts.js   |  64 +--
 packages/react-scripts/config/env.js          |  46 +-
 .../config/jest/babelTransform.js             |   3 +-
 .../config/jest/fileTransform.js              |   2 +-
 packages/react-scripts/config/paths.js        |  37 +-
 .../config/webpack.config.dev.js              | 129 +++--
 .../config/webpack.config.prod.js             | 172 +++---
 .../config/webpackDevServer.config.js         |  10 +-
 .../kitchensink/integration/env.test.js       |  53 +-
 .../kitchensink/integration/initDOM.js        |  75 +--
 .../kitchensink/integration/syntax.test.js    | 130 +++--
 .../kitchensink/integration/webpack.test.js   |  59 +-
 .../fixtures/kitchensink/src/App.js           |  90 ++-
 .../fixtures/kitchensink/src/absoluteLoad.js  |   4 +-
 .../src/features/env/FileEnvVariables.js      |   8 +-
 .../kitchensink/src/features/env/NodePath.js  |  12 +-
 .../kitchensink/src/features/env/PublicUrl.js |   4 +-
 .../src/features/env/ShellEnvVariables.js     |   8 +-
 .../src/features/syntax/ArrayDestructuring.js |  15 +-
 .../src/features/syntax/ArraySpread.js        |  12 +-
 .../src/features/syntax/AsyncAwait.js         |  12 +-
 .../src/features/syntax/ClassProperties.js    |  14 +-
 .../src/features/syntax/ComputedProperties.js |  14 +-
 .../features/syntax/CustomInterpolation.js    |  18 +-
 .../src/features/syntax/DefaultParameters.js  |  12 +-
 .../features/syntax/DestructuringAndAwait.js  |  24 +-
 .../src/features/syntax/Generators.js         |  12 +-
 .../features/syntax/ObjectDestructuring.js    |  10 +-
 .../src/features/syntax/ObjectSpread.js       |   8 +-
 .../src/features/syntax/Promises.js           |  12 +-
 .../src/features/syntax/RestAndDefault.js     |  12 +-
 .../src/features/syntax/RestParameters.js     |  12 +-
 .../features/syntax/TemplateInterpolation.js  |  12 +-
 .../src/features/webpack/CssInclusion.js      |   8 +-
 .../src/features/webpack/ImageInclusion.js    |   6 +-
 .../src/features/webpack/JsonInclusion.js     |   8 +-
 .../src/features/webpack/NoExtInclusion.js    |   8 +-
 .../src/features/webpack/SvgInclusion.js      |   8 +-
 .../features/webpack/UnknownExtInclusion.js   |   8 +-
 .../fixtures/kitchensink/src/index.js         |   5 +-
 .../fixtures/kitchensink/src/subfolder/lol.js |   4 +-
 packages/react-scripts/scripts/build.js       | 137 +++--
 packages/react-scripts/scripts/eject.js       | 138 ++---
 packages/react-scripts/scripts/init.js        | 151 ++---
 packages/react-scripts/scripts/start.js       |  94 ++--
 packages/react-scripts/scripts/test.js        |  18 +-
 .../scripts/utils/addWebpackMiddleware.js     |  95 ++--
 .../scripts/utils/createJestConfig.js         |  19 +-
 .../scripts/utils/createWebpackCompiler.js    |  43 +-
 packages/react-scripts/template/src/index.js  |   5 +-
 66 files changed, 2021 insertions(+), 1647 deletions(-)
 create mode 100755 packages/create-react-app/createReactApp.js

diff --git a/package.json b/package.json
index 46bc55b0245..c95e75ee5f8 100644
--- a/package.json
+++ b/package.json
@@ -8,11 +8,13 @@
     "postinstall": "lerna bootstrap",
     "publish": "tasks/release.sh",
     "start": "node packages/react-scripts/scripts/start.js",
-    "test": "node packages/react-scripts/scripts/test.js --env=jsdom"
+    "test": "node packages/react-scripts/scripts/test.js --env=jsdom",
+    "format": "prettier --trailing-comma es5 --single-quote --write 'packages/*/*.js' 'packages/*/!(node_modules)/**/*.js'"
   },
   "devDependencies": {
     "eslint": "3.16.1",
     "lerna": "2.0.0-beta.38",
-    "lerna-changelog": "^0.2.3"
+    "lerna-changelog": "^0.2.3",
+    "prettier": "^0.21.0"
   }
 }
diff --git a/packages/babel-preset-react-app/index.js b/packages/babel-preset-react-app/index.js
index 8236c64b54c..bba6e3fdb4b 100644
--- a/packages/babel-preset-react-app/index.js
+++ b/packages/babel-preset-react-app/index.js
@@ -16,21 +16,30 @@ const plugins = [
   // The following two plugins use Object.assign directly, instead of Babel's
   // extends helper. Note that this assumes `Object.assign` is available.
   // { ...todo, completed: true }
-  [require.resolve('babel-plugin-transform-object-rest-spread'), {
-    useBuiltIns: true
-  }],
+  [
+    require.resolve('babel-plugin-transform-object-rest-spread'),
+    {
+      useBuiltIns: true,
+    },
+  ],
   // Transforms JSX
-  [require.resolve('babel-plugin-transform-react-jsx'), {
-    useBuiltIns: true
-  }],
+  [
+    require.resolve('babel-plugin-transform-react-jsx'),
+    {
+      useBuiltIns: true,
+    },
+  ],
   // Polyfills the runtime needed for async/await and generators
-  [require.resolve('babel-plugin-transform-runtime'), {
-    helpers: false,
-    polyfill: false,
-    regenerator: true,
-    // Resolve the Babel runtime relative to the config.
-    moduleName: path.dirname(require.resolve('babel-runtime/package'))
-  }]
+  [
+    require.resolve('babel-plugin-transform-runtime'),
+    {
+      helpers: false,
+      polyfill: false,
+      regenerator: true,
+      // Resolve the Babel runtime relative to the config.
+      moduleName: path.dirname(require.resolve('babel-runtime/package')),
+    },
+  ],
 ];
 
 // This is similar to how `env` works in Babel:
@@ -42,9 +51,11 @@ const plugins = [
 var env = process.env.BABEL_ENV || process.env.NODE_ENV;
 if (env !== 'development' && env !== 'test' && env !== 'production') {
   throw new Error(
-    'Using `babel-preset-react-app` requires that you specify `NODE_ENV` or '+
-    '`BABEL_ENV` environment variables. Valid values are "development", ' +
-    '"test", and "production". Instead, received: ' + JSON.stringify(env) + '.'
+    'Using `babel-preset-react-app` requires that you specify `NODE_ENV` or ' +
+      '`BABEL_ENV` environment variables. Valid values are "development", ' +
+      '"test", and "production". Instead, received: ' +
+      JSON.stringify(env) +
+      '.'
   );
 }
 
@@ -59,7 +70,7 @@ if (env === 'development' || env === 'test') {
     // Adds component stack to warning messages
     require.resolve('babel-plugin-transform-react-jsx-source'),
     // Adds __self attribute to JSX which React will use for some warnings
-    require.resolve('babel-plugin-transform-react-jsx-self')
+    require.resolve('babel-plugin-transform-react-jsx-self'),
   ]);
 }
 
@@ -67,46 +78,55 @@ if (env === 'test') {
   module.exports = {
     presets: [
       // ES features necessary for user's Node version
-      [require('babel-preset-env').default, {
-        targets: {
-          node: 'current',
+      [
+        require('babel-preset-env').default,
+        {
+          targets: {
+            node: 'current',
+          },
         },
-      }],
+      ],
       // JSX, Flow
-      require.resolve('babel-preset-react')
+      require.resolve('babel-preset-react'),
     ],
     plugins: plugins.concat([
       // Compiles import() to a deferred require()
-      require.resolve('babel-plugin-dynamic-import-node')
-    ])
+      require.resolve('babel-plugin-dynamic-import-node'),
+    ]),
   };
 } else {
   module.exports = {
     presets: [
       // Latest stable ECMAScript features
-      [require.resolve('babel-preset-env'), {
-        targets: {
-          // React parses on ie 9, so we should too
-          ie: 9,
-          // We currently minify with uglify
-          // Remove after https://github.com/mishoo/UglifyJS2/issues/448
-          uglify: true
+      [
+        require.resolve('babel-preset-env'),
+        {
+          targets: {
+            // React parses on ie 9, so we should too
+            ie: 9,
+            // We currently minify with uglify
+            // Remove after https://github.com/mishoo/UglifyJS2/issues/448
+            uglify: true,
+          },
+          // Disable polyfill transforms
+          useBuiltIns: false,
         },
-        // Disable polyfill transforms
-        useBuiltIns: false
-      }],
+      ],
       // JSX, Flow
-      require.resolve('babel-preset-react')
+      require.resolve('babel-preset-react'),
     ],
     plugins: plugins.concat([
       // function* () { yield 42; yield 43; }
-      [require.resolve('babel-plugin-transform-regenerator'), {
-        // Async functions are converted to generators by babel-preset-latest
-        async: false
-      }],
+      [
+        require.resolve('babel-plugin-transform-regenerator'),
+        {
+          // Async functions are converted to generators by babel-preset-latest
+          async: false,
+        },
+      ],
       // Adds syntax support for import()
       require.resolve('babel-plugin-syntax-dynamic-import'),
-    ])
+    ]),
   };
 
   if (env === 'production') {
diff --git a/packages/create-react-app/createReactApp.js b/packages/create-react-app/createReactApp.js
new file mode 100755
index 00000000000..da9250d4d71
--- /dev/null
+++ b/packages/create-react-app/createReactApp.js
@@ -0,0 +1,520 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+'use strict';
+
+const validateProjectName = require('validate-npm-package-name');
+const chalk = require('chalk');
+const commander = require('commander');
+const fs = require('fs-extra');
+const path = require('path');
+const execSync = require('child_process').execSync;
+const spawn = require('cross-spawn');
+const semver = require('semver');
+const dns = require('dns');
+const tmp = require('tmp');
+const unpack = require('tar-pack').unpack;
+const hyperquest = require('hyperquest');
+
+let projectName;
+
+const program = commander
+  .version(require('./package.json').version)
+  .arguments('<project-directory>')
+  .usage(`${chalk.green('<project-directory>')} [options]`)
+  .action(name => {
+    projectName = name;
+  })
+  .option('--verbose', 'print additional logs')
+  .option(
+    '--scripts-version <alternative-package>',
+    'use a non-standard version of react-scripts'
+  )
+  .allowUnknownOption()
+  .on('--help', () => {
+    console.log(`    Only ${chalk.green('<project-directory>')} is required.`);
+    console.log();
+    console.log(
+      `    A custom ${chalk.cyan('--scripts-version')} can be one of:`
+    );
+    console.log(`      - a specific npm version: ${chalk.green('0.8.2')}`);
+    console.log(
+      `      - a custom fork published on npm: ${chalk.green('my-react-scripts')}`
+    );
+    console.log(
+      `      - a .tgz archive: ${chalk.green('https://mysite.com/my-react-scripts-0.8.2.tgz')}`
+    );
+    console.log(
+      `    It is not needed unless you specifically want to use a fork.`
+    );
+    console.log();
+    console.log(
+      `    If you have any problems, do not hesitate to file an issue:`
+    );
+    console.log(
+      `      ${chalk.cyan('https://github.com/facebookincubator/create-react-app/issues/new')}`
+    );
+    console.log();
+  })
+  .parse(process.argv);
+
+if (typeof projectName === 'undefined') {
+  console.error('Please specify the project directory:');
+  console.log(
+    `  ${chalk.cyan(program.name())} ${chalk.green('<project-directory>')}`
+  );
+  console.log();
+  console.log('For example:');
+  console.log(`  ${chalk.cyan(program.name())} ${chalk.green('my-react-app')}`);
+  console.log();
+  console.log(
+    `Run ${chalk.cyan(`${program.name()} --help`)} to see all options.`
+  );
+  process.exit(1);
+}
+
+function printValidationResults(results) {
+  if (typeof results !== 'undefined') {
+    results.forEach(error => {
+      console.error(chalk.red(`  *  ${error}`));
+    });
+  }
+}
+
+const hiddenProgram = new commander.Command()
+  .option(
+    '--internal-testing-template <path-to-template>',
+    '(internal usage only, DO NOT RELY ON THIS) ' +
+      'use a non-standard application template'
+  )
+  .parse(process.argv);
+
+createApp(
+  projectName,
+  program.verbose,
+  program.scriptsVersion,
+  hiddenProgram.internalTestingTemplate
+);
+
+function createApp(name, verbose, version, template) {
+  const root = path.resolve(name);
+  const appName = path.basename(root);
+
+  checkAppName(appName);
+  fs.ensureDirSync(name);
+  if (!isSafeToCreateProjectIn(root)) {
+    console.log(
+      `The directory ${chalk.green(name)} contains files that could conflict.`
+    );
+    console.log('Try using a new directory name.');
+    process.exit(1);
+  }
+
+  console.log(`Creating a new React app in ${chalk.green(root)}.`);
+  console.log();
+
+  const packageJson = {
+    name: appName,
+    version: '0.1.0',
+    private: true,
+  };
+  fs.writeFileSync(
+    path.join(root, 'package.json'),
+    JSON.stringify(packageJson, null, 2)
+  );
+  const originalDirectory = process.cwd();
+  process.chdir(root);
+
+  run(root, appName, version, verbose, originalDirectory, template);
+}
+
+function shouldUseYarn() {
+  try {
+    execSync('yarnpkg --version', { stdio: 'ignore' });
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+function install(useYarn, dependencies, verbose, isOnline) {
+  return new Promise((resolve, reject) => {
+    let command;
+    let args;
+    if (useYarn) {
+      command = 'yarnpkg';
+      args = ['add', '--exact'];
+      if (!isOnline) {
+        args.push('--offline');
+      }
+      [].push.apply(args, dependencies);
+
+      if (!isOnline) {
+        console.log(chalk.yellow('You appear to be offline.'));
+        console.log(chalk.yellow('Falling back to the local Yarn cache.'));
+        console.log();
+      }
+    } else {
+      checkNpmVersion();
+      command = 'npm';
+      args = ['install', '--save', '--save-exact'].concat(dependencies);
+    }
+
+    if (verbose) {
+      args.push('--verbose');
+    }
+
+    const child = spawn(command, args, { stdio: 'inherit' });
+    child.on('close', code => {
+      if (code !== 0) {
+        reject({
+          command: `${command} ${args.join(' ')}`,
+        });
+        return;
+      }
+      resolve();
+    });
+  });
+}
+
+function run(root, appName, version, verbose, originalDirectory, template) {
+  const packageToInstall = getInstallPackage(version);
+  const allDependencies = ['react', 'react-dom', packageToInstall];
+
+  console.log('Installing packages. This might take a couple minutes.');
+
+  const useYarn = shouldUseYarn();
+  getPackageName(packageToInstall)
+    .then(packageName => checkIfOnline(useYarn).then(isOnline => ({
+      isOnline: isOnline,
+      packageName: packageName,
+    })))
+    .then(info => {
+      const isOnline = info.isOnline;
+      const packageName = info.packageName;
+      console.log(
+        `Installing ${chalk.cyan('react')}, ${chalk.cyan('react-dom')}, and ${chalk.cyan(packageName)}...`
+      );
+      console.log();
+
+      return install(useYarn, allDependencies, verbose, isOnline).then(
+        () => packageName
+      );
+    })
+    .then(packageName => {
+      checkNodeVersion(packageName);
+
+      // Since react-scripts has been installed with --save
+      // we need to move it into devDependencies and rewrite package.json
+      // also ensure react dependencies have caret version range
+      fixDependencies(packageName);
+
+      const scriptsPath = path.resolve(
+        process.cwd(),
+        'node_modules',
+        packageName,
+        'scripts',
+        'init.js'
+      );
+      const init = require(scriptsPath);
+      init(root, appName, verbose, originalDirectory, template);
+    })
+    .catch(reason => {
+      console.log();
+      console.log('Aborting installation.');
+      if (reason.command) {
+        console.log(`  ${chalk.cyan(reason.command)} has failed.`);
+      } else {
+        console.log(chalk.red('Unexpected error. Please report it as a bug:'));
+        console.log(reason);
+      }
+      console.log();
+
+      // On 'exit' we will delete these files from target directory.
+      const knownGeneratedFiles = [
+        'package.json',
+        'npm-debug.log',
+        'yarn-error.log',
+        'yarn-debug.log',
+        'node_modules',
+      ];
+      const currentFiles = fs.readdirSync(path.join(root));
+      currentFiles.forEach(file => {
+        knownGeneratedFiles.forEach(fileToMatch => {
+          // This will catch `(npm-debug|yarn-error|yarn-debug).log*` files
+          // and the rest of knownGeneratedFiles.
+          if (
+            (fileToMatch.match(/.log/g) && file.indexOf(fileToMatch) === 0) ||
+            file === fileToMatch
+          ) {
+            console.log(`Deleting generated file... ${chalk.cyan(file)}`);
+            fs.removeSync(path.join(root, file));
+          }
+        });
+      });
+      const remainingFiles = fs.readdirSync(path.join(root));
+      if (!remainingFiles.length) {
+        // Delete target folder if empty
+        console.log(
+          `Deleting ${chalk.cyan(`${appName} /`)} from ${chalk.cyan(path.resolve(root, '..'))}`
+        );
+        process.chdir(path.resolve(root, '..'));
+        fs.removeSync(path.join(root));
+      }
+      console.log('Done.');
+      process.exit(1);
+    });
+}
+
+function getInstallPackage(version) {
+  let packageToInstall = 'react-scripts';
+  const validSemver = semver.valid(version);
+  if (validSemver) {
+    packageToInstall += `@${validSemver}`;
+  } else if (version) {
+    // for tar.gz or alternative paths
+    packageToInstall = version;
+  }
+  return packageToInstall;
+}
+
+function getTemporaryDirectory() {
+  return new Promise((resolve, reject) => {
+    // Unsafe cleanup lets us recursively delete the directory if it contains
+    // contents; by default it only allows removal if it's empty
+    tmp.dir({ unsafeCleanup: true }, (err, tmpdir, callback) => {
+      if (err) {
+        reject(err);
+      } else {
+        resolve({
+          tmpdir: tmpdir,
+          cleanup: () => {
+            try {
+              callback();
+            } catch (ignored) {
+              // Callback might throw and fail, since it's a temp directory the
+              // OS will clean it up eventually...
+            }
+          },
+        });
+      }
+    });
+  });
+}
+
+function extractStream(stream, dest) {
+  return new Promise((resolve, reject) => {
+    stream.pipe(
+      unpack(dest, err => {
+        if (err) {
+          reject(err);
+        } else {
+          resolve(dest);
+        }
+      })
+    );
+  });
+}
+
+// Extract package name from tarball url or path.
+function getPackageName(installPackage) {
+  if (installPackage.indexOf('.tgz') > -1) {
+    return getTemporaryDirectory()
+      .then(obj => {
+        let stream;
+        if (/^http/.test(installPackage)) {
+          stream = hyperquest(installPackage);
+        } else {
+          stream = fs.createReadStream(installPackage);
+        }
+        return extractStream(stream, obj.tmpdir).then(() => obj);
+      })
+      .then(obj => {
+        const packageName = require(path.join(obj.tmpdir, 'package.json')).name;
+        obj.cleanup();
+        return packageName;
+      })
+      .catch(err => {
+        // The package name could be with or without semver version, e.g. react-scripts-0.2.0-alpha.1.tgz
+        // However, this function returns package name only without semver version.
+        console.log(
+          `Could not extract the package name from the archive: ${err.message}`
+        );
+        const assumedProjectName = installPackage.match(
+          /^.+\/(.+?)(?:-\d+.+)?\.tgz$/
+        )[1];
+        console.log(
+          `Based on the filename, assuming it is "${chalk.cyan(assumedProjectName)}"`
+        );
+        return Promise.resolve(assumedProjectName);
+      });
+  } else if (installPackage.indexOf('git+') === 0) {
+    // Pull package name out of git urls e.g:
+    // git+https://github.com/mycompany/react-scripts.git
+    // git+ssh://github.com/mycompany/react-scripts.git#v1.2.3
+    return Promise.resolve(installPackage.match(/([^\/]+)\.git(#.*)?$/)[1]);
+  } else if (installPackage.indexOf('@') > 0) {
+    // Do not match @scope/ when stripping off @version or @tag
+    return Promise.resolve(
+      installPackage.charAt(0) + installPackage.substr(1).split('@')[0]
+    );
+  }
+  return Promise.resolve(installPackage);
+}
+
+function checkNpmVersion() {
+  let isNpm2 = false;
+  try {
+    const npmVersion = execSync('npm --version').toString();
+    isNpm2 = semver.lt(npmVersion, '3.0.0');
+  } catch (err) {
+    return;
+  }
+  if (!isNpm2) {
+    return;
+  }
+  console.log(chalk.yellow('It looks like you are using npm 2.'));
+  console.log(
+    chalk.yellow(
+      'We suggest using npm 3 or Yarn for faster install times ' +
+        'and less disk space usage.'
+    )
+  );
+  console.log();
+}
+
+function checkNodeVersion(packageName) {
+  const packageJsonPath = path.resolve(
+    process.cwd(),
+    'node_modules',
+    packageName,
+    'package.json'
+  );
+  const packageJson = require(packageJsonPath);
+  if (!packageJson.engines || !packageJson.engines.node) {
+    return;
+  }
+
+  if (!semver.satisfies(process.version, packageJson.engines.node)) {
+    console.error(
+      chalk.red(
+        'You are running Node %s.\n' +
+          'Create React App requires Node %s or higher. \n' +
+          'Please update your version of Node.'
+      ),
+      process.version,
+      packageJson.engines.node
+    );
+    process.exit(1);
+  }
+}
+
+function checkAppName(appName) {
+  const validationResult = validateProjectName(appName);
+  if (!validationResult.validForNewPackages) {
+    console.error(
+      `Could not create a project called ${chalk.red(`"${appName}"`)} because of npm naming restrictions:`
+    );
+    printValidationResults(validationResult.errors);
+    printValidationResults(validationResult.warnings);
+    process.exit(1);
+  }
+
+  // TODO: there should be a single place that holds the dependencies
+  const dependencies = ['react', 'react-dom'];
+  const devDependencies = ['react-scripts'];
+  const allDependencies = dependencies.concat(devDependencies).sort();
+  if (allDependencies.indexOf(appName) >= 0) {
+    console.error(
+      chalk.red(
+        `We cannot create a project called ${chalk.green(appName)} because a dependency with the same name exists.\n` +
+          `Due to the way npm works, the following names are not allowed:\n\n`
+      ) +
+        chalk.cyan(allDependencies.map(depName => `  ${depName}`).join('\n')) +
+        chalk.red('\n\nPlease choose a different project name.')
+    );
+    process.exit(1);
+  }
+}
+
+function makeCaretRange(dependencies, name) {
+  const version = dependencies[name];
+
+  if (typeof version === 'undefined') {
+    console.error(chalk.red(`Missing ${name} dependency in package.json`));
+    process.exit(1);
+  }
+
+  let patchedVersion = `^${version}`;
+
+  if (!semver.validRange(patchedVersion)) {
+    console.error(
+      `Unable to patch ${name} dependency version because version ${chalk.red(version)} will become invalid ${chalk.red(patchedVersion)}`
+    );
+    patchedVersion = version;
+  }
+
+  dependencies[name] = patchedVersion;
+}
+
+function fixDependencies(packageName) {
+  const packagePath = path.join(process.cwd(), 'package.json');
+  const packageJson = require(packagePath);
+
+  if (typeof packageJson.dependencies === 'undefined') {
+    console.error(chalk.red('Missing dependencies in package.json'));
+    process.exit(1);
+  }
+
+  const packageVersion = packageJson.dependencies[packageName];
+
+  if (typeof packageVersion === 'undefined') {
+    console.error(chalk.red(`Unable to find ${packageName} in package.json`));
+    process.exit(1);
+  }
+
+  packageJson.devDependencies = packageJson.devDependencies || {};
+  packageJson.devDependencies[packageName] = packageVersion;
+  delete packageJson.dependencies[packageName];
+
+  makeCaretRange(packageJson.dependencies, 'react');
+  makeCaretRange(packageJson.dependencies, 'react-dom');
+
+  fs.writeFileSync(packagePath, JSON.stringify(packageJson, null, 2));
+}
+
+// If project only contains files generated by GH, it’s safe.
+// We also special case IJ-based products .idea because it integrates with CRA:
+// https://github.com/facebookincubator/create-react-app/pull/368#issuecomment-243446094
+function isSafeToCreateProjectIn(root) {
+  const validFiles = [
+    '.DS_Store',
+    'Thumbs.db',
+    '.git',
+    '.gitignore',
+    '.idea',
+    'README.md',
+    'LICENSE',
+    'web.iml',
+  ];
+  return fs.readdirSync(root).every(file => validFiles.indexOf(file) >= 0);
+}
+
+function checkIfOnline(useYarn) {
+  if (!useYarn) {
+    // Don't ping the Yarn registry.
+    // We'll just assume the best case.
+    return Promise.resolve(true);
+  }
+
+  return new Promise(resolve => {
+    dns.resolve('registry.yarnpkg.com', err => {
+      resolve(err === null);
+    });
+  });
+}
diff --git a/packages/create-react-app/index.js b/packages/create-react-app/index.js
index ebeae5b41b0..19a3ff09fd4 100755
--- a/packages/create-react-app/index.js
+++ b/packages/create-react-app/index.js
@@ -39,489 +39,19 @@
 'use strict';
 
 var chalk = require('chalk');
-var validateProjectName = require("validate-npm-package-name");
 
 var currentNodeVersion = process.versions.node;
 if (currentNodeVersion.split('.')[0] < 4) {
   console.error(
     chalk.red(
-      'You are running Node ' + currentNodeVersion + '.\n' +
-      'Create React App requires Node 4 or higher. \n' +
-      'Please update your version of Node.'
+      'You are running Node ' +
+        currentNodeVersion +
+        '.\n' +
+        'Create React App requires Node 4 or higher. \n' +
+        'Please update your version of Node.'
     )
   );
   process.exit(1);
 }
 
-var commander = require('commander');
-var fs = require('fs-extra');
-var path = require('path');
-var execSync = require('child_process').execSync;
-var spawn = require('cross-spawn');
-var semver = require('semver');
-var dns = require('dns');
-var tmp = require('tmp');
-var unpack = require('tar-pack').unpack;
-var hyperquest = require('hyperquest');
-
-var projectName;
-
-var program = commander
-  .version(require('./package.json').version)
-  .arguments('<project-directory>')
-  .usage(chalk.green('<project-directory>') + ' [options]')
-  .action(function (name) {
-    projectName = name;
-  })
-  .option('--verbose', 'print additional logs')
-  .option('--scripts-version <alternative-package>', 'use a non-standard version of react-scripts')
-  .allowUnknownOption()
-  .on('--help', function () {
-    console.log('    Only ' + chalk.green('<project-directory>') + ' is required.');
-    console.log();
-    console.log('    A custom ' + chalk.cyan('--scripts-version') + ' can be one of:');
-    console.log('      - a specific npm version: ' + chalk.green('0.8.2'));
-    console.log('      - a custom fork published on npm: ' + chalk.green('my-react-scripts'));
-    console.log('      - a .tgz archive: ' + chalk.green('https://mysite.com/my-react-scripts-0.8.2.tgz'));
-    console.log('    It is not needed unless you specifically want to use a fork.');
-    console.log();
-    console.log('    If you have any problems, do not hesitate to file an issue:');
-    console.log('      ' + chalk.cyan('https://github.com/facebookincubator/create-react-app/issues/new'));
-    console.log();
-  })
-  .parse(process.argv);
-
-if (typeof projectName === 'undefined') {
-  console.error('Please specify the project directory:');
-  console.log('  ' + chalk.cyan(program.name()) + chalk.green(' <project-directory>'));
-  console.log();
-  console.log('For example:');
-  console.log('  ' + chalk.cyan(program.name()) + chalk.green(' my-react-app'));
-  console.log();
-  console.log('Run ' + chalk.cyan(program.name() + ' --help') + ' to see all options.');
-  process.exit(1);
-}
-
-function printValidationResults(results) {
-  if (typeof results !== 'undefined') {
-    results.forEach(function (error) {
-      console.error(chalk.red('  * ' + error));
-    });
-  }
-}
-
-var hiddenProgram = new commander.Command()
-  .option('--internal-testing-template <path-to-template>', '(internal usage only, DO NOT RELY ON THIS) ' +
-    'use a non-standard application template')
-  .parse(process.argv)
-
-createApp(projectName, program.verbose, program.scriptsVersion, hiddenProgram.internalTestingTemplate);
-
-function createApp(name, verbose, version, template) {
-  var root = path.resolve(name);
-  var appName = path.basename(root);
-
-  checkAppName(appName);
-  fs.ensureDirSync(name);
-  if (!isSafeToCreateProjectIn(root)) {
-    console.log('The directory ' + chalk.green(name) + ' contains files that could conflict.');
-    console.log('Try using a new directory name.');
-    process.exit(1);
-  }
-
-  console.log(
-    'Creating a new React app in ' + chalk.green(root) + '.'
-  );
-  console.log();
-
-  var packageJson = {
-    name: appName,
-    version: '0.1.0',
-    private: true
-  };
-  fs.writeFileSync(
-    path.join(root, 'package.json'),
-    JSON.stringify(packageJson, null, 2)
-  );
-  var originalDirectory = process.cwd();
-  process.chdir(root);
-
-  run(root, appName, version, verbose, originalDirectory, template);
-}
-
-function shouldUseYarn() {
-  try {
-    execSync('yarnpkg --version', {stdio: 'ignore'});
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-function install(useYarn, dependencies, verbose, isOnline) {
-  return new Promise(function(resolve, reject) {
-    var command;
-    var args;
-    if (useYarn) {
-      command = 'yarnpkg';
-      args = [
-        'add',
-        '--exact',
-      ];
-      if (!isOnline) {
-        args.push('--offline');
-      }
-      [].push.apply(args, dependencies);
-
-      if (!isOnline) {
-        console.log(chalk.yellow('You appear to be offline.'));
-        console.log(chalk.yellow('Falling back to the local Yarn cache.'));
-        console.log();
-      }
-
-    } else {
-      checkNpmVersion();
-      command = 'npm';
-      args = ['install', '--save', '--save-exact'].concat(dependencies);
-    }
-
-    if (verbose) {
-      args.push('--verbose');
-    }
-
-    var child = spawn(command, args, {stdio: 'inherit'});
-    child.on('close', function(code) {
-      if (code !== 0) {
-        reject({
-          command: command + ' ' + args.join(' ')
-        });
-        return;
-      }
-      resolve();
-    });
-  });
-}
-
-function run(root, appName, version, verbose, originalDirectory, template) {
-  var packageToInstall = getInstallPackage(version);
-  var allDependencies = ['react', 'react-dom', packageToInstall];
-
-  console.log('Installing packages. This might take a couple minutes.');
-
-  var useYarn = shouldUseYarn();
-  getPackageName(packageToInstall)
-    .then(function(packageName) {
-      return checkIfOnline(useYarn).then(function(isOnline) {
-        return {
-          isOnline: isOnline,
-          packageName: packageName,
-        };
-      });
-    })
-    .then(function(info) {
-      var isOnline = info.isOnline;
-      var packageName = info.packageName;
-      console.log(
-        'Installing ' + chalk.cyan('react') + ', ' + chalk.cyan('react-dom') +
-        ', and ' + chalk.cyan(packageName) + '...'
-      );
-      console.log();
-
-      return install(useYarn, allDependencies, verbose, isOnline).then(function() {
-        return packageName;
-      });
-    })
-    .then(function(packageName) {
-      checkNodeVersion(packageName);
-
-      // Since react-scripts has been installed with --save
-      // we need to move it into devDependencies and rewrite package.json
-      // also ensure react dependencies have caret version range
-      fixDependencies(packageName);
-
-      var scriptsPath = path.resolve(
-        process.cwd(),
-        'node_modules',
-        packageName,
-        'scripts',
-        'init.js'
-      );
-      var init = require(scriptsPath);
-      init(root, appName, verbose, originalDirectory, template);
-    })
-    .catch(function(reason) {
-      console.log();
-      console.log('Aborting installation.');
-      if (reason.command) {
-        console.log('  ' + chalk.cyan(reason.command), 'has failed.')
-      } else {
-        console.log(chalk.red('Unexpected error. Please report it as a bug:'));
-        console.log(reason);
-      }
-      console.log();
-
-      // On 'exit' we will delete these files from target directory.
-      var knownGeneratedFiles = [
-        'package.json', 'npm-debug.log', 'yarn-error.log', 'yarn-debug.log', 'node_modules'
-      ];
-      var currentFiles = fs.readdirSync(path.join(root));
-      currentFiles.forEach(function (file) {
-        knownGeneratedFiles.forEach(function (fileToMatch) {
-          // This will catch `(npm-debug|yarn-error|yarn-debug).log*` files
-          // and the rest of knownGeneratedFiles.
-          if ((fileToMatch.match(/.log/g) && file.indexOf(fileToMatch) === 0) || file === fileToMatch) {
-            console.log('Deleting generated file...', chalk.cyan(file));
-            fs.removeSync(path.join(root, file));
-          }
-        });
-      });
-      var remainingFiles = fs.readdirSync(path.join(root));
-      if (!remainingFiles.length) {
-        // Delete target folder if empty
-        console.log('Deleting', chalk.cyan(appName + '/'), 'from', chalk.cyan(path.resolve(root, '..')));
-        process.chdir(path.resolve(root, '..'));
-        fs.removeSync(path.join(root));
-      }
-      console.log('Done.');
-      process.exit(1);
-    });
-}
-
-function getInstallPackage(version) {
-  var packageToInstall = 'react-scripts';
-  var validSemver = semver.valid(version);
-  if (validSemver) {
-    packageToInstall += '@' + validSemver;
-  } else if (version) {
-    // for tar.gz or alternative paths
-    packageToInstall = version;
-  }
-  return packageToInstall;
-}
-
-function getTemporaryDirectory() {
-  return new Promise(function(resolve, reject) {
-    // Unsafe cleanup lets us recursively delete the directory if it contains
-    // contents; by default it only allows removal if it's empty
-    tmp.dir({ unsafeCleanup: true }, function(err, tmpdir, callback) {
-      if (err) {
-        reject(err);
-      } else {
-        resolve({
-          tmpdir: tmpdir,
-          cleanup: function() {
-            try {
-              callback();
-            } catch (ignored) {
-              // Callback might throw and fail, since it's a temp directory the
-              // OS will clean it up eventually...
-            }
-          }
-        });
-      }
-    });
-  });
-}
-
-function extractStream(stream, dest) {
-  return new Promise(function(resolve, reject) {
-    stream.pipe(unpack(dest, function(err) {
-      if (err) {
-        reject(err);
-      } else {
-        resolve(dest);
-      }
-    }));
-  });
-}
-
-// Extract package name from tarball url or path.
-function getPackageName(installPackage) {
-  if (installPackage.indexOf('.tgz') > -1) {
-    return getTemporaryDirectory().then(function(obj) {
-      var stream;
-      if (/^http/.test(installPackage)) {
-        stream = hyperquest(installPackage);
-      } else {
-        stream = fs.createReadStream(installPackage);
-      }
-      return extractStream(stream, obj.tmpdir).then(function() {
-        return obj;
-      });
-    }).then(function(obj) {
-      var packageName = require(path.join(obj.tmpdir, 'package.json')).name;
-      obj.cleanup();
-      return packageName;
-    }).catch(function(err) {
-      // The package name could be with or without semver version, e.g. react-scripts-0.2.0-alpha.1.tgz
-      // However, this function returns package name only without semver version.
-      console.log('Could not extract the package name from the archive: ' + err.message);
-      var assumedProjectName = installPackage.match(/^.+\/(.+?)(?:-\d+.+)?\.tgz$/)[1];
-      console.log('Based on the filename, assuming it is "' + chalk.cyan(assumedProjectName) + '"');
-      return Promise.resolve(assumedProjectName);
-    });
-  } else if (installPackage.indexOf('git+') === 0) {
-    // Pull package name out of git urls e.g:
-    // git+https://github.com/mycompany/react-scripts.git
-    // git+ssh://github.com/mycompany/react-scripts.git#v1.2.3
-    return Promise.resolve(installPackage.match(/([^\/]+)\.git(#.*)?$/)[1]);
-  } else if (installPackage.indexOf('@') > 0) {
-    // Do not match @scope/ when stripping off @version or @tag
-    return Promise.resolve(installPackage.charAt(0) + installPackage.substr(1).split('@')[0]);
-  }
-  return Promise.resolve(installPackage);
-}
-
-function checkNpmVersion() {
-  var isNpm2 = false;
-  try {
-    var npmVersion = execSync('npm --version').toString();
-    isNpm2 = semver.lt(npmVersion, '3.0.0');
-  } catch (err) {
-    return;
-  }
-  if (!isNpm2) {
-    return;
-  }
-  console.log(chalk.yellow('It looks like you are using npm 2.'));
-  console.log(chalk.yellow(
-    'We suggest using npm 3 or Yarn for faster install times ' +
-    'and less disk space usage.'
-  ));
-  console.log();
-}
-
-function checkNodeVersion(packageName) {
-  var packageJsonPath = path.resolve(
-    process.cwd(),
-    'node_modules',
-    packageName,
-    'package.json'
-  );
-  var packageJson = require(packageJsonPath);
-  if (!packageJson.engines || !packageJson.engines.node) {
-    return;
-  }
-
-  if (!semver.satisfies(process.version, packageJson.engines.node)) {
-    console.error(
-      chalk.red(
-        'You are running Node %s.\n' +
-        'Create React App requires Node %s or higher. \n' +
-        'Please update your version of Node.'
-      ),
-      process.version,
-      packageJson.engines.node
-    );
-    process.exit(1);
-  }
-}
-
-function checkAppName(appName) {
-  var validationResult = validateProjectName(appName);
-  if (!validationResult.validForNewPackages) {
-    console.error('Could not create a project called ' + chalk.red('"' + appName + '"') + ' because of npm naming restrictions:');
-    printValidationResults(validationResult.errors);
-    printValidationResults(validationResult.warnings);
-    process.exit(1);
-  }
-
-  // TODO: there should be a single place that holds the dependencies
-  var dependencies = ['react', 'react-dom'];
-  var devDependencies = ['react-scripts'];
-  var allDependencies = dependencies.concat(devDependencies).sort();
-  if (allDependencies.indexOf(appName) >= 0) {
-    console.error(
-      chalk.red(
-        'We cannot create a project called ' + chalk.green(appName) + ' because a dependency with the same name exists.\n' +
-        'Due to the way npm works, the following names are not allowed:\n\n'
-      ) +
-      chalk.cyan(
-        allDependencies.map(function(depName) {
-          return '  ' + depName;
-        }).join('\n')
-      ) +
-      chalk.red('\n\nPlease choose a different project name.')
-    );
-    process.exit(1);
-  }
-}
-
-function makeCaretRange(dependencies, name) {
-  var version = dependencies[name];
-
-  if (typeof version === 'undefined') {
-    console.error(
-      chalk.red('Missing ' + name + ' dependency in package.json')
-    );
-    process.exit(1);
-  }
-
-  var patchedVersion = '^' + version;
-
-  if (!semver.validRange(patchedVersion)) {
-    console.error(
-      'Unable to patch ' + name + ' dependency version because version ' + chalk.red(version) + ' will become invalid ' + chalk.red(patchedVersion)
-    );
-    patchedVersion = version;
-  }
-
-  dependencies[name] = patchedVersion;
-}
-
-function fixDependencies(packageName) {
-  var packagePath = path.join(process.cwd(), 'package.json');
-  var packageJson = require(packagePath);
-
-  if (typeof packageJson.dependencies === 'undefined') {
-    console.error(
-      chalk.red('Missing dependencies in package.json')
-    );
-    process.exit(1);
-  }
-
-  var packageVersion = packageJson.dependencies[packageName];
-
-  if (typeof packageVersion === 'undefined') {
-    console.error(
-      chalk.red('Unable to find ' + packageName + ' in package.json')
-    );
-    process.exit(1);
-  }
-
-  packageJson.devDependencies = packageJson.devDependencies || {};
-  packageJson.devDependencies[packageName] = packageVersion;
-  delete packageJson.dependencies[packageName];
-
-  makeCaretRange(packageJson.dependencies, 'react');
-  makeCaretRange(packageJson.dependencies, 'react-dom');
-
-  fs.writeFileSync(packagePath, JSON.stringify(packageJson, null, 2));
-}
-
-// If project only contains files generated by GH, it’s safe.
-// We also special case IJ-based products .idea because it integrates with CRA:
-// https://github.com/facebookincubator/create-react-app/pull/368#issuecomment-243446094
-function isSafeToCreateProjectIn(root) {
-  var validFiles = [
-    '.DS_Store', 'Thumbs.db', '.git', '.gitignore', '.idea', 'README.md', 'LICENSE', 'web.iml'
-  ];
-  return fs.readdirSync(root)
-    .every(function(file) {
-      return validFiles.indexOf(file) >= 0;
-    });
-}
-
-function checkIfOnline(useYarn) {
-  if (!useYarn) {
-    // Don't ping the Yarn registry.
-    // We'll just assume the best case.
-    return Promise.resolve(true);
-  }
-
-  return new Promise(function(resolve) {
-    dns.resolve('registry.yarnpkg.com', function(err) {
-      resolve(err === null);
-    });
-  });
-}
+require('./createReactApp');
diff --git a/packages/create-react-app/package.json b/packages/create-react-app/package.json
index 4450add254c..918fcbefa56 100644
--- a/packages/create-react-app/package.json
+++ b/packages/create-react-app/package.json
@@ -14,7 +14,8 @@
     "url": "https://github.com/facebookincubator/create-react-app/issues"
   },
   "files": [
-    "index.js"
+    "index.js",
+    "createReactApp.js"
   ],
   "bin": {
     "create-react-app": "./index.js"
diff --git a/packages/eslint-config-react-app/index.js b/packages/eslint-config-react-app/index.js
index 44066a6eacf..1c6911cb2de 100644
--- a/packages/eslint-config-react-app/index.js
+++ b/packages/eslint-config-react-app/index.js
@@ -30,7 +30,7 @@ module.exports = {
     commonjs: true,
     es6: true,
     jest: true,
-    node: true
+    node: true,
   },
 
   parserOptions: {
@@ -39,20 +39,18 @@ module.exports = {
     ecmaFeatures: {
       jsx: true,
       generators: true,
-      experimentalObjectRestSpread: true
-    }
+      experimentalObjectRestSpread: true,
+    },
   },
 
   settings: {
-    'import/ignore': [
-      'node_modules'
-    ],
+    'import/ignore': ['node_modules'],
     'import/extensions': ['.js'],
     'import/resolver': {
       node: {
-        extensions: ['.js', '.json']
-      }
-    }
+        extensions: ['.js', '.json'],
+      },
+    },
   },
 
   rules: {
@@ -89,15 +87,18 @@ module.exports = {
     'no-labels': ['warn', { allowLoop: false, allowSwitch: false }],
     'no-lone-blocks': 'warn',
     'no-loop-func': 'warn',
-    'no-mixed-operators': ['warn', {
-      groups: [
-        ['&', '|', '^', '~', '<<', '>>', '>>>'],
-        ['==', '!=', '===', '!==', '>', '>=', '<', '<='],
-        ['&&', '||'],
-        ['in', 'instanceof']
-      ],
-      allowSamePrecedence: false
-    }],
+    'no-mixed-operators': [
+      'warn',
+      {
+        groups: [
+          ['&', '|', '^', '~', '<<', '>>', '>>>'],
+          ['==', '!=', '===', '!==', '>', '>=', '<', '<='],
+          ['&&', '||'],
+          ['in', 'instanceof'],
+        ],
+        allowSamePrecedence: false,
+      },
+    ],
     'no-multi-str': 'warn',
     'no-native-reassign': 'warn',
     'no-negated-in-lhs': 'warn',
@@ -110,11 +111,7 @@ module.exports = {
     'no-octal-escape': 'warn',
     'no-redeclare': 'warn',
     'no-regex-spaces': 'warn',
-    'no-restricted-syntax': [
-      'warn',
-      'LabeledStatement',
-      'WithStatement',
-    ],
+    'no-restricted-syntax': ['warn', 'LabeledStatement', 'WithStatement'],
     'no-script-url': 'warn',
     'no-self-assign': 'warn',
     'no-self-compare': 'warn',
@@ -128,27 +125,36 @@ module.exports = {
     'no-restricted-globals': ['error', 'event'],
     'no-unexpected-multiline': 'warn',
     'no-unreachable': 'warn',
-    'no-unused-expressions': ['warn', {
-      'allowShortCircuit': true,
-      'allowTernary': true
-    }],
+    'no-unused-expressions': [
+      'warn',
+      {
+        allowShortCircuit: true,
+        allowTernary: true,
+      },
+    ],
     'no-unused-labels': 'warn',
-    'no-unused-vars': ['warn', {
-      vars: 'local',
-      varsIgnorePattern: '^_',
-      args: 'none',
-      ignoreRestSiblings: true,
-    }],
+    'no-unused-vars': [
+      'warn',
+      {
+        vars: 'local',
+        varsIgnorePattern: '^_',
+        args: 'none',
+        ignoreRestSiblings: true,
+      },
+    ],
     'no-use-before-define': ['warn', 'nofunc'],
     'no-useless-computed-key': 'warn',
     'no-useless-concat': 'warn',
     'no-useless-constructor': 'warn',
     'no-useless-escape': 'warn',
-    'no-useless-rename': ['warn', {
-      ignoreDestructuring: false,
-      ignoreImport: false,
-      ignoreExport: false,
-    }],
+    'no-useless-rename': [
+      'warn',
+      {
+        ignoreDestructuring: false,
+        ignoreImport: false,
+        ignoreExport: false,
+      },
+    ],
     'no-with': 'warn',
     'no-whitespace-before-property': 'warn',
     'operator-assignment': ['warn', 'always'],
@@ -159,15 +165,19 @@ module.exports = {
     'unicode-bom': ['warn', 'never'],
     'use-isnan': 'warn',
     'valid-typeof': 'warn',
-    'no-restricted-properties': ['error', {
-      object: 'require',
-      property: 'ensure',
-      message: 'Please use import() instead. More info: https://webpack.js.org/guides/code-splitting-import/#dynamic-import'
-    }, {
-      object: 'System',
-      property: 'import',
-      message: 'Please use import() instead. More info: https://webpack.js.org/guides/code-splitting-import/#dynamic-import'
-    }],
+    'no-restricted-properties': [
+      'error',
+      {
+        object: 'require',
+        property: 'ensure',
+        message: 'Please use import() instead. More info: https://webpack.js.org/guides/code-splitting-import/#dynamic-import',
+      },
+      {
+        object: 'System',
+        property: 'import',
+        message: 'Please use import() instead. More info: https://webpack.js.org/guides/code-splitting-import/#dynamic-import',
+      },
+    ],
 
     // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/
 
@@ -203,10 +213,13 @@ module.exports = {
     'react/jsx-equals-spacing': ['warn', 'never'],
     'react/jsx-no-duplicate-props': ['warn', { ignoreCase: true }],
     'react/jsx-no-undef': 'error',
-    'react/jsx-pascal-case': ['warn', {
-      allowAllCaps: true,
-      ignore: [],
-    }],
+    'react/jsx-pascal-case': [
+      'warn',
+      {
+        allowAllCaps: true,
+        ignore: [],
+      },
+    ],
     'react/jsx-uses-react': 'warn',
     'react/jsx-uses-vars': 'warn',
     'react/no-danger-with-children': 'warn',
@@ -226,6 +239,6 @@ module.exports = {
     // https://github.com/gajus/eslint-plugin-flowtype
     'flowtype/define-flow-type': 'warn',
     'flowtype/require-valid-file-annotation': 'warn',
-    'flowtype/use-flow-type': 'warn'
-  }
+    'flowtype/use-flow-type': 'warn',
+  },
 };
diff --git a/packages/react-dev-utils/FileSizeReporter.js b/packages/react-dev-utils/FileSizeReporter.js
index 08273673f92..a0db0684f4a 100644
--- a/packages/react-dev-utils/FileSizeReporter.js
+++ b/packages/react-dev-utils/FileSizeReporter.js
@@ -33,7 +33,7 @@ function printFileSizesAfterBuild(webpackStats, previousSizeMap) {
         folder: path.join('build', path.dirname(asset.name)),
         name: path.basename(asset.name),
         size: size,
-        sizeLabel: filesize(size) + (difference ? ' (' + difference + ')' : '')
+        sizeLabel: filesize(size) + (difference ? ' (' + difference + ')' : ''),
       };
     });
   assets.sort((a, b) => b.size - a.size);
@@ -88,12 +88,15 @@ function measureFileSizesBeforeBuild(buildFolder) {
       if (!err && fileNames) {
         sizes = fileNames
           .filter(fileName => /\.(js|css)$/.test(fileName))
-          .reduce((memo, fileName) => {
-            var contents = fs.readFileSync(fileName);
-            var key = removeFileNameHash(buildFolder, fileName);
-            memo[key] = gzipSize(contents);
-            return memo;
-          }, {});
+          .reduce(
+            (memo, fileName) => {
+              var contents = fs.readFileSync(fileName);
+              var key = removeFileNameHash(buildFolder, fileName);
+              memo[key] = gzipSize(contents);
+              return memo;
+            },
+            {}
+          );
       }
       resolve({
         root: buildFolder,
diff --git a/packages/react-dev-utils/InterpolateHtmlPlugin.js b/packages/react-dev-utils/InterpolateHtmlPlugin.js
index 07558f47830..ac1d3e9967d 100644
--- a/packages/react-dev-utils/InterpolateHtmlPlugin.js
+++ b/packages/react-dev-utils/InterpolateHtmlPlugin.js
@@ -25,7 +25,8 @@ class InterpolateHtmlPlugin {
 
   apply(compiler) {
     compiler.plugin('compilation', compilation => {
-      compilation.plugin('html-webpack-plugin-before-html-processing',
+      compilation.plugin(
+        'html-webpack-plugin-before-html-processing',
         (data, callback) => {
           // Run HTML through a series of user-specified string replacements.
           Object.keys(this.replacements).forEach(key => {
diff --git a/packages/react-dev-utils/ansiHTML.js b/packages/react-dev-utils/ansiHTML.js
index 27a514e01d0..1144fec5e65 100644
--- a/packages/react-dev-utils/ansiHTML.js
+++ b/packages/react-dev-utils/ansiHTML.js
@@ -34,15 +34,15 @@ var base0E = 'a71d5d'; // Keywords, Storage, Selector, Markup Italic, Diff Chang
 var colors = {
   reset: [base05, 'transparent'],
   black: base05,
-  red: base08, /* marker, bg-invalid */
-  green: base0B, /* string */
-  yellow: base08, /* capitalized, jsx_tag, punctuator */
+  red: base08 /* marker, bg-invalid */,
+  green: base0B /* string */,
+  yellow: base08 /* capitalized, jsx_tag, punctuator */,
   blue: base0C,
-  magenta: base0C, /* regex */
-  cyan: base0E, /* keyword */
-  gray: base03, /* comment, gutter */
+  magenta: base0C /* regex */,
+  cyan: base0E /* keyword */,
+  gray: base03 /* comment, gutter */,
   lightgrey: base01,
-  darkgrey: base03
+  darkgrey: base03,
 };
 
 var anserMap = {
@@ -56,20 +56,19 @@ var anserMap = {
   'ansi-bright-red': 'red',
   'ansi-red': 'red',
   'ansi-bright-magenta': 'magenta',
-  'ansi-magenta': 'magenta'
+  'ansi-magenta': 'magenta',
 };
 
 function ansiHTML(txt) {
   var arr = new Anser().ansiToJson(txt, {
-    use_classes: true
+    use_classes: true,
   });
 
   var result = '';
   var open = false;
   for (var index = 0; index < arr.length; ++index) {
     var c = arr[index];
-    var content = c.content,
-        fg = c.fg;
+    var content = c.content, fg = c.fg;
 
     var contentParts = content.split('\n');
     for (var _index = 0; _index < contentParts.length; ++_index) {
diff --git a/packages/react-dev-utils/clearConsole.js b/packages/react-dev-utils/clearConsole.js
index 74336284723..05ab28c44d2 100644
--- a/packages/react-dev-utils/clearConsole.js
+++ b/packages/react-dev-utils/clearConsole.js
@@ -10,7 +10,9 @@
 'use strict';
 
 function clearConsole() {
-  process.stdout.write(process.platform === 'win32' ? '\x1Bc' : '\x1B[2J\x1B[3J\x1B[H');
+  process.stdout.write(
+    process.platform === 'win32' ? '\x1Bc' : '\x1B[2J\x1B[3J\x1B[H'
+  );
 }
 
 module.exports = clearConsole;
diff --git a/packages/react-dev-utils/crashOverlay.js b/packages/react-dev-utils/crashOverlay.js
index d92e793ac18..4f58e927f3c 100644
--- a/packages/react-dev-utils/crashOverlay.js
+++ b/packages/react-dev-utils/crashOverlay.js
@@ -68,15 +68,18 @@ var css = [
   '  .cra-container {',
   '    width: calc(1170px - 6em);',
   '  }',
-  '}'
+  '}',
 ].join('\n');
 
 var overlayStyle = {
   position: 'fixed',
   'box-sizing': 'border-box',
-  top: '1em', left: '1em',
-  bottom: '1em', right: '1em',
-  width: 'calc(100% - 2em)', height: 'calc(100% - 2em)',
+  top: '1em',
+  left: '1em',
+  bottom: '1em',
+  right: '1em',
+  width: 'calc(100% - 2em)',
+  height: 'calc(100% - 2em)',
   'border-radius': '3px',
   'background-color': lightGray,
   padding: '4rem',
@@ -88,7 +91,7 @@ var overlayStyle = {
   'overflow-x': 'hidden',
   'word-break': 'break-all',
   'box-shadow': '0 0 6px 0 rgba(0, 0, 0, 0.5)',
-  'line-height': 1.5
+  'line-height': 1.5,
 };
 
 var hintsStyle = {
@@ -96,12 +99,12 @@ var hintsStyle = {
   'margin-top': '-3em',
   'margin-bottom': '3em',
   'text-align': 'right',
-  color: darkGray
+  color: darkGray,
 };
 
 var hintStyle = {
   padding: '0.5em 1em',
-  cursor: 'pointer'
+  cursor: 'pointer',
 };
 
 var closeButtonStyle = {
@@ -111,55 +114,55 @@ var closeButtonStyle = {
   cursor: 'pointer',
   position: 'absolute',
   right: 0,
-  top: 0
+  top: 0,
 };
 
 var additionalStyle = {
   'margin-bottom': '1.5em',
-  'margin-top': '-4em'
+  'margin-top': '-4em',
 };
 
 var headerStyle = {
   'font-size': '1.7em',
   'font-weight': 'bold',
-  color: red
+  color: red,
 };
 
 var functionNameStyle = {
   'margin-top': '1em',
-  'font-size': '1.2em'
+  'font-size': '1.2em',
 };
 
 var linkStyle = {
-  'font-size': '0.9em'
+  'font-size': '0.9em',
 };
 
 var anchorStyle = {
   'text-decoration': 'none',
-  color: darkGray
+  color: darkGray,
 };
 
 var traceStyle = {
-  'font-size': '1em'
+  'font-size': '1em',
 };
 
 var depStyle = {
-  'font-size': '1.2em'
+  'font-size': '1.2em',
 };
 
 var primaryErrorStyle = {
-  'background-color': lightRed
+  'background-color': lightRed,
 };
 
 var secondaryErrorStyle = {
-  'background-color': yellow
+  'background-color': yellow,
 };
 
 var omittedFramesStyle = {
   color: black,
   'font-size': '0.9em',
-  'margin': '1.5em 0',
-  cursor: 'pointer'
+  margin: '1.5em 0',
+  cursor: 'pointer',
 };
 
 var preStyle = {
@@ -169,25 +172,25 @@ var preStyle = {
   'margin-bottom': '0px',
   'overflow-x': 'auto',
   'font-size': '1.1em',
-  'white-space': 'pre'
+  'white-space': 'pre',
 };
 
 var toggleStyle = {
   'margin-bottom': '1.5em',
   color: darkGray,
-  cursor: 'pointer'
+  cursor: 'pointer',
 };
 
 var codeStyle = {
-  'font-family': 'Consolas, Menlo, monospace'
+  'font-family': 'Consolas, Menlo, monospace',
 };
 
 var hiddenStyle = {
-  display: 'none'
+  display: 'none',
 };
 
 var groupStyle = {
-  'margin-left': '1em'
+  'margin-left': '1em',
 };
 
 var _groupElemStyle = {
@@ -197,24 +200,24 @@ var _groupElemStyle = {
   'border-radius': '4px',
   'border-style': 'solid',
   padding: '3px 6px',
-  cursor: 'pointer'
+  cursor: 'pointer',
 };
 
 var groupElemLeft = Object.assign({}, _groupElemStyle, {
   'border-top-right-radius': '0px',
   'border-bottom-right-radius': '0px',
-  'margin-right': '0px'
+  'margin-right': '0px',
 });
 
 var groupElemRight = Object.assign({}, _groupElemStyle, {
   'border-top-left-radius': '0px',
   'border-bottom-left-radius': '0px',
-  'margin-left': '-1px'
+  'margin-left': '-1px',
 });
 
 var footerStyle = {
   'text-align': 'center',
-  color: darkGray
+  color: darkGray,
 };
 
 function applyStyles(element, styles) {
@@ -244,10 +247,8 @@ function consumeEvent(e) {
 
 function accessify(node) {
   node.setAttribute('tabindex', 0);
-  node.addEventListener('keydown', function (e) {
-    var key = e.key,
-        which = e.which,
-        keyCode = e.keyCode;
+  node.addEventListener('keydown', function(e) {
+    var key = e.key, which = e.which, keyCode = e.keyCode;
     if (key === 'Enter' || which === 13 || keyCode === 13) {
       e.preventDefault();
       e.target.click();
@@ -272,7 +273,7 @@ function renderAdditional() {
   applyStyles(group, groupStyle);
   var left = document.createElement('button');
   applyStyles(left, groupElemLeft);
-  left.addEventListener('click', function (e) {
+  left.addEventListener('click', function(e) {
     consumeEvent(e);
     switchError(-1);
   });
@@ -280,7 +281,7 @@ function renderAdditional() {
   accessify(left);
   var right = document.createElement('button');
   applyStyles(right, groupElemRight);
-  right.addEventListener('click', function (e) {
+  right.addEventListener('click', function(e) {
     consumeEvent(e);
     switchError(1);
   });
@@ -314,11 +315,13 @@ function absolutifyCode(component) {
 }
 
 function sourceCodePre(sourceLines, lineNum, columnNum) {
-  var main = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var main = arguments.length > 3 && arguments[3] !== undefined
+    ? arguments[3]
+    : false;
 
   var sourceCode = [];
   var whiteSpace = Infinity;
-  sourceLines.forEach(function (_ref2) {
+  sourceLines.forEach(function(_ref2) {
     var text = _ref2.text;
 
     var m = text.match(/^\s*/);
@@ -329,19 +332,23 @@ function sourceCodePre(sourceLines, lineNum, columnNum) {
       whiteSpace = 0;
     }
   });
-  sourceLines.forEach(function (_ref3) {
-    var text = _ref3.text,
-        line = _ref3.line;
+  sourceLines.forEach(function(_ref3) {
+    var text = _ref3.text, line = _ref3.line;
 
     if (isFinite(whiteSpace)) text = text.substring(whiteSpace);
     sourceCode[line - 1] = text;
   });
   sourceCode = sourceCode.join('\n');
-  var ansiHighlight = codeFrame(sourceCode, lineNum, columnNum - (isFinite(whiteSpace) ? whiteSpace : 0), {
-    forceColor: true,
-    linesAbove: CONTEXT_SIZE,
-    linesBelow: CONTEXT_SIZE
-  });
+  var ansiHighlight = codeFrame(
+    sourceCode,
+    lineNum,
+    columnNum - (isFinite(whiteSpace) ? whiteSpace : 0),
+    {
+      forceColor: true,
+      linesAbove: CONTEXT_SIZE,
+      linesBelow: CONTEXT_SIZE,
+    }
+  );
   var htmlHighlight = ansiHTML(ansiHighlight);
   var code = document.createElement('code');
   code.innerHTML = htmlHighlight;
@@ -379,7 +386,7 @@ function hintsDiv() {
   applyStyles(hints, hintsStyle);
 
   var close = createHint('×');
-  close.addEventListener('click', function () {
+  close.addEventListener('click', function() {
     unmount();
   });
   applyStyles(close, closeButtonStyle);
@@ -401,7 +408,10 @@ function frameDiv(functionName, url, internalUrl) {
   var cleanedUrl = url.replace('webpack://', '.');
 
   if (internalUrl) {
-    applyStyles(frameFunctionName, Object.assign({}, functionNameStyle, depStyle));
+    applyStyles(
+      frameFunctionName,
+      Object.assign({}, functionNameStyle, depStyle)
+    );
   } else {
     applyStyles(frameFunctionName, functionNameStyle);
   }
@@ -424,9 +434,11 @@ function frameDiv(functionName, url, internalUrl) {
 function getGroupToggle(omitsCount, omitBundle) {
   var omittedFrames = document.createElement('div');
   accessify(omittedFrames);
-  var text1 = document.createTextNode('\u25B6 ' + omitsCount + ' stack frames were collapsed.');
+  var text1 = document.createTextNode(
+    '\u25B6 ' + omitsCount + ' stack frames were collapsed.'
+  );
   omittedFrames.appendChild(text1);
-  omittedFrames.addEventListener('click', function () {
+  omittedFrames.addEventListener('click', function() {
     var hide = text1.textContent.match(/▲/);
     var list = document.getElementsByName('bundle-' + omitBundle);
     for (var index = 0; index < list.length; ++index) {
@@ -459,9 +471,11 @@ function insertBeforeBundle(parent, omitsCount, omitBundle, actionElement) {
   var div = document.createElement('div');
   accessify(div);
   div.setAttribute('name', 'bundle-' + omitBundle);
-  var text = document.createTextNode('\u25BC ' + omitsCount + ' stack frames were expanded.');
+  var text = document.createTextNode(
+    '\u25BC ' + omitsCount + ' stack frames were expanded.'
+  );
   div.appendChild(text);
-  div.addEventListener('click', function () {
+  div.addEventListener('click', function() {
     return actionElement.click();
   });
   applyStyles(div, omittedFramesStyle);
@@ -470,17 +484,25 @@ function insertBeforeBundle(parent, omitsCount, omitBundle, actionElement) {
   parent.insertBefore(div, first);
 }
 
-function traceFrame(frameSetting, frame, critical, omits, omitBundle, parentContainer, lastElement) {
+function traceFrame(
+  frameSetting,
+  frame,
+  critical,
+  omits,
+  omitBundle,
+  parentContainer,
+  lastElement
+) {
   var compiled = frameSetting.compiled;
   var functionName = frame.functionName,
-      fileName = frame.fileName,
-      lineNumber = frame.lineNumber,
-      columnNumber = frame.columnNumber,
-      scriptLines = frame.scriptLines,
-      sourceFileName = frame.sourceFileName,
-      sourceLineNumber = frame.sourceLineNumber,
-      sourceColumnNumber = frame.sourceColumnNumber,
-      sourceLines = frame.sourceLines;
+    fileName = frame.fileName,
+    lineNumber = frame.lineNumber,
+    columnNumber = frame.columnNumber,
+    scriptLines = frame.scriptLines,
+    sourceFileName = frame.sourceFileName,
+    sourceLineNumber = frame.sourceLineNumber,
+    sourceColumnNumber = frame.sourceColumnNumber,
+    sourceLines = frame.sourceLines;
 
   var url = void 0;
   if (!compiled && sourceFileName) {
@@ -501,9 +523,18 @@ function traceFrame(frameSetting, frame, critical, omits, omitBundle, parentCont
   if (!internalUrl || lastElement) {
     if (omits.value > 0) {
       var omittedFrames = getGroupToggle(omits.value, omitBundle);
-      setTimeout(function () {
-        insertBeforeBundle.apply(undefined, arguments);
-      }.bind(undefined, parentContainer, omits.value, omitBundle, omittedFrames), 1);
+      setTimeout(
+        (function() {
+          insertBeforeBundle.apply(undefined, arguments);
+        }).bind(
+          undefined,
+          parentContainer,
+          omits.value,
+          omitBundle,
+          omittedFrames
+        ),
+        1
+      );
       if (lastElement && internalUrl) {
         collapseElement = omittedFrames;
       } else {
@@ -523,10 +554,19 @@ function traceFrame(frameSetting, frame, critical, omits, omitBundle, parentCont
   var hasSource = false;
   if (!internalUrl) {
     if (compiled && scriptLines.length !== 0) {
-      elem.appendChild(sourceCodePre(scriptLines, lineNumber, columnNumber, critical));
+      elem.appendChild(
+        sourceCodePre(scriptLines, lineNumber, columnNumber, critical)
+      );
       hasSource = true;
     } else if (!compiled && sourceLines.length !== 0) {
-      elem.appendChild(sourceCodePre(sourceLines, sourceLineNumber, sourceColumnNumber, critical));
+      elem.appendChild(
+        sourceCodePre(
+          sourceLines,
+          sourceLineNumber,
+          sourceColumnNumber,
+          critical
+        )
+      );
       hasSource = true;
     }
   }
@@ -538,21 +578,23 @@ function lazyFrame(parent, factory, lIndex) {
   var fac = factory();
   if (fac == null) return;
   var hasSource = fac.hasSource,
-      elem = fac.elem,
-      collapseElement = fac.collapseElement;
+    elem = fac.elem,
+    collapseElement = fac.collapseElement;
 
   var elemWrapper = document.createElement('div');
   elemWrapper.appendChild(elem);
 
   if (hasSource) {
-    (function () {
+    (function() {
       var compiledDiv = document.createElement('div');
       accessify(compiledDiv);
       applyStyles(compiledDiv, toggleStyle);
 
       var o = frameSettings[lIndex];
-      var compiledText = document.createTextNode('View ' + (o && o.compiled ? 'source' : 'compiled'));
-      compiledDiv.addEventListener('click', function () {
+      var compiledText = document.createTextNode(
+        'View ' + (o && o.compiled ? 'source' : 'compiled')
+      );
+      compiledDiv.addEventListener('click', function() {
         if (o) o.compiled = !o.compiled;
 
         var next = lazyFrame(parent, factory, lIndex);
@@ -580,9 +622,22 @@ function traceDiv(resolvedFrames) {
   var index = 0;
   var critical = true;
   var omits = { value: 0, bundle: 1 };
-  resolvedFrames.forEach(function (frame) {
+  resolvedFrames.forEach(function(frame) {
     var lIndex = index++;
-    var elem = lazyFrame(trace, traceFrame.bind(undefined, frameSettings[lIndex], frame, critical, omits, omits.bundle, trace, index === resolvedFrames.length), lIndex);
+    var elem = lazyFrame(
+      trace,
+      traceFrame.bind(
+        undefined,
+        frameSettings[lIndex],
+        frame,
+        critical,
+        omits,
+        omits.bundle,
+        trace,
+        index === resolvedFrames.length
+      ),
+      lIndex
+    );
     if (elem == null) return;
     critical = false;
     trace.appendChild(elem);
@@ -596,16 +651,24 @@ function traceDiv(resolvedFrames) {
 function footer() {
   var div = document.createElement('div');
   applyStyles(div, footerStyle);
-  div.appendChild(document.createTextNode('This screen is visible only in development. It will not appear when the app crashes in production.'));
+  div.appendChild(
+    document.createTextNode(
+      'This screen is visible only in development. It will not appear when the app crashes in production.'
+    )
+  );
   div.appendChild(document.createElement('br'));
-  div.appendChild(document.createTextNode('Open your browser’s developer console to further inspect this error.'));
+  div.appendChild(
+    document.createTextNode(
+      'Open your browser’s developer console to further inspect this error.'
+    )
+  );
   return div;
 }
 
 function render(error, name, message, resolvedFrames) {
   dispose();
 
-  frameSettings = resolvedFrames.map(function () {
+  frameSettings = resolvedFrames.map(function() {
     return { compiled: false };
   });
 
@@ -644,7 +707,7 @@ function render(error, name, message, resolvedFrames) {
   container.appendChild(footer());
 
   // Mount
-  document.body.appendChild(overlayReference = overlay);
+  document.body.appendChild((overlayReference = overlay));
 }
 
 function dispose() {
@@ -652,7 +715,7 @@ function dispose() {
   document.body.removeChild(overlayReference);
   overlayReference = null;
   var head = getHead();
-  injectedCss.forEach(function (node) {
+  injectedCss.forEach(function(node) {
     head.removeChild(node);
   });
   injectedCss = [];
@@ -665,68 +728,95 @@ function unmount() {
 }
 
 function isInternalFile(url, sourceFileName) {
-  return url.indexOf('/~/') !== -1 || url.trim().indexOf(' ') !== -1 || !sourceFileName;
+  return url.indexOf('/~/') !== -1 ||
+    url.trim().indexOf(' ') !== -1 ||
+    !sourceFileName;
 }
 
 function renderError(index) {
   viewIndex = index;
   var _capturedErrors$index = capturedErrors[index],
-      error = _capturedErrors$index.error,
-      unhandledRejection = _capturedErrors$index.unhandledRejection,
-      resolvedFrames = _capturedErrors$index.resolvedFrames;
+    error = _capturedErrors$index.error,
+    unhandledRejection = _capturedErrors$index.unhandledRejection,
+    resolvedFrames = _capturedErrors$index.resolvedFrames;
 
   if (unhandledRejection) {
-    render(error, 'Unhandled Rejection (' + error.name + ')', error.message, resolvedFrames);
+    render(
+      error,
+      'Unhandled Rejection (' + error.name + ')',
+      error.message,
+      resolvedFrames
+    );
   } else {
     render(error, error.name, error.message, resolvedFrames);
   }
 }
 
 function crash(error) {
-  var unhandledRejection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var sourceOverrides = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var unhandledRejection = arguments.length > 1 && arguments[1] !== undefined
+    ? arguments[1]
+    : false;
+  var sourceOverrides = arguments.length > 2 && arguments[2] !== undefined
+    ? arguments[2]
+    : [];
 
   if (module.hot) module.hot.decline();
 
-  StackTraceResolve(error, CONTEXT_SIZE).then(function (resolvedFrames) {
-    resolvedFrames = resolvedFrames.filter(function (_ref) {
-      var functionName = _ref.functionName;
-      return functionName.indexOf('__cra_proxy_console__') === -1;
-    });
-    var overrideCount = sourceOverrides.length,
+  StackTraceResolve(error, CONTEXT_SIZE)
+    .then(function(resolvedFrames) {
+      resolvedFrames = resolvedFrames.filter(function(_ref) {
+        var functionName = _ref.functionName;
+        return functionName.indexOf('__cra_proxy_console__') === -1;
+      });
+      var overrideCount = sourceOverrides.length,
         frameCount = resolvedFrames.length;
-    var frameIndex = 0;
-    for (var overrideIndex = 0; overrideIndex < overrideCount; ++overrideIndex) {
-      var tag = sourceOverrides[overrideIndex];
-      var shouldContinue = false;
-      for (; frameIndex < frameCount; ++frameIndex) {
-        var sourceFileName = resolvedFrames[frameIndex].sourceFileName;
-
-        if (sourceFileName == null) continue;
-        if (sourceFileName.indexOf('/' + tag.file) !== -1) {
-          var prevLineNumber = resolvedFrames[frameIndex].sourceLineNumber;
-          if (Math.abs(prevLineNumber - tag.lineNum) < CONTEXT_SIZE) {
-            resolvedFrames[frameIndex].sourceLineNumber = tag.lineNum;
+      var frameIndex = 0;
+      for (
+        var overrideIndex = 0;
+        overrideIndex < overrideCount;
+        ++overrideIndex
+      ) {
+        var tag = sourceOverrides[overrideIndex];
+        var shouldContinue = false;
+        for (; frameIndex < frameCount; ++frameIndex) {
+          var sourceFileName = resolvedFrames[frameIndex].sourceFileName;
+
+          if (sourceFileName == null) continue;
+          if (sourceFileName.indexOf('/' + tag.file) !== -1) {
+            var prevLineNumber = resolvedFrames[frameIndex].sourceLineNumber;
+            if (Math.abs(prevLineNumber - tag.lineNum) < CONTEXT_SIZE) {
+              resolvedFrames[frameIndex].sourceLineNumber = tag.lineNum;
+            }
+            shouldContinue = true;
+            break;
           }
-          shouldContinue = true;
-          break;
         }
+        if (shouldContinue) continue;
+        break;
       }
-      if (shouldContinue) continue;
-      break;
-    }
-    capturedErrors.push({ error: error, unhandledRejection: unhandledRejection, resolvedFrames: resolvedFrames });
-    if (overlayReference !== null) renderAdditional();
-    else {
-      renderError(viewIndex = 0);
-    }
-  }).catch(function (e) {
-    // This is another fail case (unlikely to happen)
-    // e.g. render(...) throws an error with provided arguments
-    console.log('Red box renderer error:', e);
-    unmount();
-    render(null, 'Error', 'There is an error with red box. *Please* report this (see console).', []);
-  });
+      capturedErrors.push({
+        error: error,
+        unhandledRejection: unhandledRejection,
+        resolvedFrames: resolvedFrames,
+      });
+      if (overlayReference !== null)
+        renderAdditional();
+      else {
+        renderError((viewIndex = 0));
+      }
+    })
+    .catch(function(e) {
+      // This is another fail case (unlikely to happen)
+      // e.g. render(...) throws an error with provided arguments
+      console.log('Red box renderer error:', e);
+      unmount();
+      render(
+        null,
+        'Error',
+        'There is an error with red box. *Please* report this (see console).',
+        []
+      );
+    });
 }
 
 function switchError(offset) {
@@ -737,12 +827,21 @@ function switchError(offset) {
   } catch (e) {
     console.log('Red box renderer error:', e);
     unmount();
-    render(null, 'Error', 'There is an error with red box. *Please* report this (see console).', []);
+    render(
+      null,
+      'Error',
+      'There is an error with red box. *Please* report this (see console).',
+      []
+    );
   }
 }
 
-window.onerror = function (messageOrEvent, source, lineno, colno, error) {
-  if (error == null || !(error instanceof Error) || messageOrEvent.indexOf('Script error') !== -1) {
+window.onerror = function(messageOrEvent, source, lineno, colno, error) {
+  if (
+    error == null ||
+    !(error instanceof Error) ||
+    messageOrEvent.indexOf('Script error') !== -1
+  ) {
     crash(new Error(error || messageOrEvent)); // TODO: more helpful message
   } else {
     crash(error);
@@ -766,13 +865,13 @@ var promiseHandler = function promiseHandler(event) {
 window.addEventListener('unhandledrejection', promiseHandler);
 
 var escapeHandler = function escapeHandler(event) {
-  var key = event.key,
-      keyCode = event.keyCode,
-      which = event.which;
+  var key = event.key, keyCode = event.keyCode, which = event.which;
 
   if (key === 'Escape' || keyCode === 27 || which === 27) unmount();
-  else if (key === 'ArrowLeft' || keyCode === 37 || which === 37) switchError(-1);
-  else if (key === 'ArrowRight' || keyCode === 39 || which === 39) switchError(1);
+  else if (key === 'ArrowLeft' || keyCode === 37 || which === 37)
+    switchError(-1);
+  else if (key === 'ArrowRight' || keyCode === 39 || which === 39)
+    switchError(1);
 };
 
 window.addEventListener('keydown', escapeHandler);
@@ -791,29 +890,34 @@ var proxyConsole = function proxyConsole(type) {
     var nIndex = warning.indexOf('\n');
     var message = warning;
     if (nIndex !== -1) message = message.substring(0, nIndex);
-    var stack = warning.substring(nIndex + 1).split('\n').filter(function (line) {
-      return line.indexOf('(at ') !== -1;
-    }).map(function (line) {
-      var prefix = '(at ';
-      var suffix = ')';
-      line = line.substring(line.indexOf(prefix) + prefix.length);
-      line = line.substring(0, line.indexOf(suffix));
-      var parts = line.split(/[:]/g);
-      if (parts.length !== 2) return null;
-      var file = parts[0];
-      var lineNum = Number(parts[1]);
-      if (isNaN(lineNum)) return null;
-      return { file: file, lineNum: lineNum };
-    }).filter(function (obj) {
-      return obj !== null;
-    });
+    var stack = warning
+      .substring(nIndex + 1)
+      .split('\n')
+      .filter(function(line) {
+        return line.indexOf('(at ') !== -1;
+      })
+      .map(function(line) {
+        var prefix = '(at ';
+        var suffix = ')';
+        line = line.substring(line.indexOf(prefix) + prefix.length);
+        line = line.substring(0, line.indexOf(suffix));
+        var parts = line.split(/[:]/g);
+        if (parts.length !== 2) return null;
+        var file = parts[0];
+        var lineNum = Number(parts[1]);
+        if (isNaN(lineNum)) return null;
+        return { file: file, lineNum: lineNum };
+      })
+      .filter(function(obj) {
+        return obj !== null;
+      });
     var error = void 0;
     try {
       throw new Error(message);
     } catch (e) {
       error = e;
     }
-    setTimeout(function () {
+    setTimeout(function() {
       return crash(error, false, stack);
     });
     return orig.apply(this, arguments);
@@ -823,7 +927,7 @@ var proxyConsole = function proxyConsole(type) {
 // proxyConsole('error');
 
 if (module.hot) {
-  module.hot.dispose(function () {
+  module.hot.dispose(function() {
     unmount();
     window.removeEventListener('unhandledrejection', promiseHandler);
     window.removeEventListener('keydown', escapeHandler);
diff --git a/packages/react-dev-utils/formatWebpackMessages.js b/packages/react-dev-utils/formatWebpackMessages.js
index bfee3ec5b65..098c48657e2 100644
--- a/packages/react-dev-utils/formatWebpackMessages.js
+++ b/packages/react-dev-utils/formatWebpackMessages.js
@@ -46,18 +46,15 @@ function formatMessage(message) {
     lines = [
       lines[0],
       // Clean up message because "Module not found: " is descriptive enough.
-      lines[1].replace(
-        'Cannot resolve \'file\' or \'directory\' ', ''
-      ).replace(
-        'Cannot resolve module ', ''
-      ).replace(
-        'Error: ', ''
-      ),
+      lines[1]
+        .replace("Cannot resolve 'file' or 'directory' ", '')
+        .replace('Cannot resolve module ', '')
+        .replace('Error: ', ''),
       // Skip all irrelevant lines.
       // (For some reason they only appear on the client in browser.)
       '',
-      lines[lines.length - 1] // error location is the last line
-    ]
+      lines[lines.length - 1], // error location is the last line
+    ];
   }
 
   // Cleans up syntax error messages.
@@ -108,7 +105,8 @@ function formatMessage(message) {
   // from user code generated by WebPack. For more information see
   // https://github.com/facebookincubator/create-react-app/pull/1050
   message = message.replace(
-    /^\s*at\s((?!webpack:).)*:\d+:\d+[\s\)]*(\n|$)/gm, ''
+    /^\s*at\s((?!webpack:).)*:\d+:\d+[\s\)]*(\n|$)/gm,
+    ''
   ); // at ... ...:x:y
 
   return message;
@@ -116,14 +114,14 @@ function formatMessage(message) {
 
 function formatWebpackMessages(json) {
   var formattedErrors = json.errors.map(function(message) {
-    return 'Error in ' + formatMessage(message)
+    return 'Error in ' + formatMessage(message);
   });
   var formattedWarnings = json.warnings.map(function(message) {
-    return 'Warning in ' + formatMessage(message)
+    return 'Warning in ' + formatMessage(message);
   });
   var result = {
     errors: formattedErrors,
-    warnings: formattedWarnings
+    warnings: formattedWarnings,
   };
   if (result.errors.some(isLikelyASyntaxError)) {
     // If there are any syntax errors, show just them.
diff --git a/packages/react-dev-utils/getProcessForPort.js b/packages/react-dev-utils/getProcessForPort.js
index 24b89823eb6..2d9e531c381 100644
--- a/packages/react-dev-utils/getProcessForPort.js
+++ b/packages/react-dev-utils/getProcessForPort.js
@@ -18,8 +18,8 @@ var execOptions = {
   stdio: [
     'pipe', // stdin (default)
     'pipe', // stdout (default)
-    'ignore' //stderr
-  ]
+    'ignore', //stderr
+  ],
 };
 
 function isProcessAReactApp(processCommand) {
@@ -27,7 +27,10 @@ function isProcessAReactApp(processCommand) {
 }
 
 function getProcessIdOnPort(port) {
-  return execSync('lsof -i:' + port + ' -P -t -sTCP:LISTEN', execOptions).trim();
+  return execSync(
+    'lsof -i:' + port + ' -P -t -sTCP:LISTEN',
+    execOptions
+  ).trim();
 }
 
 function getPackageNameInDirectory(directory) {
@@ -35,26 +38,30 @@ function getPackageNameInDirectory(directory) {
 
   try {
     return require(packagePath).name;
-  } catch(e) {
+  } catch (e) {
     return null;
   }
-
 }
 
 function getProcessCommand(processId, processDirectory) {
-  var command = execSync('ps -o command -p ' + processId + ' | sed -n 2p', execOptions);
+  var command = execSync(
+    'ps -o command -p ' + processId + ' | sed -n 2p',
+    execOptions
+  );
 
   if (isProcessAReactApp(command)) {
     const packageName = getPackageNameInDirectory(processDirectory);
-    return (packageName) ? packageName + '\n' : command;
+    return packageName ? packageName + '\n' : command;
   } else {
     return command;
   }
-
 }
 
 function getDirectoryOfProcessById(processId) {
-  return execSync('lsof -p '+ processId + ' | awk \'$4=="cwd" {print $9}\'', execOptions).trim();
+  return execSync(
+    'lsof -p ' + processId + ' | awk \'$4=="cwd" {print $9}\'',
+    execOptions
+  ).trim();
 }
 
 function getProcessForPort(port) {
@@ -63,10 +70,9 @@ function getProcessForPort(port) {
     var directory = getDirectoryOfProcessById(processId);
     var command = getProcessCommand(processId, directory);
     return chalk.cyan(command) + chalk.blue('  in ') + chalk.cyan(directory);
-  } catch(e) {
+  } catch (e) {
     return null;
   }
 }
 
 module.exports = getProcessForPort;
-
diff --git a/packages/react-dev-utils/openBrowser.js b/packages/react-dev-utils/openBrowser.js
index 912c1819bcd..8c97f723c4f 100644
--- a/packages/react-dev-utils/openBrowser.js
+++ b/packages/react-dev-utils/openBrowser.js
@@ -30,22 +30,18 @@ function openBrowser(url) {
   // requested a different browser, we can try opening
   // Chrome with AppleScript. This lets us reuse an
   // existing tab when possible instead of creating a new one.
-  const shouldTryOpenChromeWithAppleScript = (
-    process.platform === 'darwin' && (
-      typeof browser !== 'string' ||
-      browser === OSX_CHROME
-    )
-  );
+  const shouldTryOpenChromeWithAppleScript = process.platform === 'darwin' &&
+    (typeof browser !== 'string' || browser === OSX_CHROME);
 
   if (shouldTryOpenChromeWithAppleScript) {
     try {
       // Try our best to reuse existing tab
       // on OS X Google Chrome with AppleScript
       execSync('ps cax | grep "Google Chrome"');
-      execSync(
-        'osascript openChrome.applescript ' + url,
-        {cwd: __dirname, stdio: 'ignore'}
-      );
+      execSync('osascript openChrome.applescript ' + url, {
+        cwd: __dirname,
+        stdio: 'ignore',
+      });
       return true;
     } catch (err) {
       // Ignore errors.
@@ -59,11 +55,11 @@ function openBrowser(url) {
   if (process.platform === 'darwin' && browser === 'open') {
     browser = undefined;
   }
-  
+
   // Fallback to opn
   // (It will always open new tab)
   try {
-    var options = {app: browser};
+    var options = { app: browser };
     opn(url, options).catch(() => {}); // Prevent `unhandledRejection` error.
     return true;
   } catch (err) {
diff --git a/packages/react-dev-utils/prompt.js b/packages/react-dev-utils/prompt.js
index e6e19cf39eb..4257924576d 100644
--- a/packages/react-dev-utils/prompt.js
+++ b/packages/react-dev-utils/prompt.js
@@ -16,7 +16,9 @@ var rl = require('readline');
 // You can control the behavior on <Enter> with `isYesDefault`.
 function prompt(question, isYesDefault) {
   if (typeof isYesDefault !== 'boolean') {
-    throw new Error('Provide explicit boolean isYesDefault as second argument.');
+    throw new Error(
+      'Provide explicit boolean isYesDefault as second argument.'
+    );
   }
   return new Promise(resolve => {
     var rlInterface = rl.createInterface({
diff --git a/packages/react-dev-utils/webpackHotDevClient.js b/packages/react-dev-utils/webpackHotDevClient.js
index b060ddea48c..77cc62be2b7 100644
--- a/packages/react-dev-utils/webpackHotDevClient.js
+++ b/packages/react-dev-utils/webpackHotDevClient.js
@@ -46,7 +46,7 @@ function createOverlayIframe(onIframeLoad) {
 }
 
 function addOverlayDivTo(iframe) {
-  var div =  iframe.contentDocument.createElement('div');
+  var div = iframe.contentDocument.createElement('div');
   div.id = 'react-dev-utils-webpack-hot-dev-client-overlay-div';
   div.style.position = 'fixed';
   div.style.boxSizing = 'border-box';
@@ -104,8 +104,9 @@ function ensureOverlayDivExists(onOverlayDivReady) {
 function showErrorOverlay(message) {
   ensureOverlayDivExists(function onOverlayDivReady(overlayDiv) {
     // Make it look similar to our terminal.
-    overlayDiv.innerHTML =
-      '<span style="color: ' + red + '">Failed to compile.</span><br><br>' +
+    overlayDiv.innerHTML = '<span style="color: ' +
+      red +
+      '">Failed to compile.</span><br><br>' +
       ansiHTML(entities.encode(message));
   });
 }
@@ -124,13 +125,15 @@ function destroyErrorOverlay() {
 }
 
 // Connect to WebpackDevServer via a socket.
-var connection = new SockJS(url.format({
-  protocol: window.location.protocol,
-  hostname: window.location.hostname,
-  port: window.location.port,
-  // Hardcoded in WebpackDevServer
-  pathname: '/sockjs-node'
-}));
+var connection = new SockJS(
+  url.format({
+    protocol: window.location.protocol,
+    hostname: window.location.hostname,
+    port: window.location.port,
+    // Hardcoded in WebpackDevServer
+    pathname: '/sockjs-node',
+  })
+);
 
 // Unlike WebpackDevServer client, we won't try to reconnect
 // to avoid spamming the console. Disconnect usually happens
@@ -207,7 +210,7 @@ function handleErrors(errors) {
   // "Massage" webpack messages.
   var formatted = formatWebpackMessages({
     errors: errors,
-    warnings: []
+    warnings: [],
   });
 
   // Only show the first error.
@@ -232,27 +235,27 @@ function handleAvailableHash(hash) {
 connection.onmessage = function(e) {
   var message = JSON.parse(e.data);
   switch (message.type) {
-  case 'hash':
-    handleAvailableHash(message.data);
-    break;
-  case 'still-ok':
-  case 'ok':
-    handleSuccess();
-    break;
-  case 'content-changed':
-    // Triggered when a file from `contentBase` changed.
-    window.location.reload();
-    break;
-  case 'warnings':
-    handleWarnings(message.data);
-    break;
-  case 'errors':
-    handleErrors(message.data);
-    break;
-  default:
+    case 'hash':
+      handleAvailableHash(message.data);
+      break;
+    case 'still-ok':
+    case 'ok':
+      handleSuccess();
+      break;
+    case 'content-changed':
+      // Triggered when a file from `contentBase` changed.
+      window.location.reload();
+      break;
+    case 'warnings':
+      handleWarnings(message.data);
+      break;
+    case 'errors':
+      handleErrors(message.data);
+      break;
+    default:
     // Do nothing.
   }
-}
+};
 
 // Is there a newer version of this code available?
 function isUpdateAvailable() {
@@ -297,7 +300,7 @@ function tryApplyUpdates(onHotUpdateSuccess) {
   }
 
   // https://webpack.github.io/docs/hot-module-replacement.html#check
-  var result = module.hot.check(/* autoApply */true, handleApplyUpdates);
+  var result = module.hot.check(/* autoApply */ true, handleApplyUpdates);
 
   // // Webpack 2 returns a Promise instead of invoking a callback
   if (result && result.then) {
diff --git a/packages/react-scripts/bin/react-scripts.js b/packages/react-scripts/bin/react-scripts.js
index 94a799fd89d..8a1175c99ea 100755
--- a/packages/react-scripts/bin/react-scripts.js
+++ b/packages/react-scripts/bin/react-scripts.js
@@ -15,36 +15,38 @@ var script = process.argv[2];
 var args = process.argv.slice(3);
 
 switch (script) {
-case 'build':
-case 'eject':
-case 'start':
-case 'test':
-  var result = spawn.sync(
-    'node',
-    [require.resolve('../scripts/' + script)].concat(args),
-    {stdio: 'inherit'}
-  );
-  if (result.signal) {
-    if (result.signal === 'SIGKILL') {
-      console.log(
-        'The build failed because the process exited too early. ' +
-        'This probably means the system ran out of memory or someone called ' +
-        '`kill -9` on the process.'
-      );
-    } else if (result.signal === 'SIGTERM') {
-      console.log(
-        'The build failed because the process exited too early. ' +
-        'Someone might have called `kill` or `killall`, or the system could ' +
-        'be shutting down.'
-      );
+  case 'build':
+  case 'eject':
+  case 'start':
+  case 'test':
+    var result = spawn.sync(
+      'node',
+      [require.resolve('../scripts/' + script)].concat(args),
+      { stdio: 'inherit' }
+    );
+    if (result.signal) {
+      if (result.signal === 'SIGKILL') {
+        console.log(
+          'The build failed because the process exited too early. ' +
+            'This probably means the system ran out of memory or someone called ' +
+            '`kill -9` on the process.'
+        );
+      } else if (result.signal === 'SIGTERM') {
+        console.log(
+          'The build failed because the process exited too early. ' +
+            'Someone might have called `kill` or `killall`, or the system could ' +
+            'be shutting down.'
+        );
+      }
+      process.exit(1);
     }
-    process.exit(1);
-  }
-  process.exit(result.status);
-  break;
-default:
-  console.log('Unknown script "' + script + '".');
-  console.log('Perhaps you need to update react-scripts?');
-  console.log('See: https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#updating-to-new-releases');
-  break;
+    process.exit(result.status);
+    break;
+  default:
+    console.log('Unknown script "' + script + '".');
+    console.log('Perhaps you need to update react-scripts?');
+    console.log(
+      'See: https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#updating-to-new-releases'
+    );
+    break;
 }
diff --git a/packages/react-scripts/config/env.js b/packages/react-scripts/config/env.js
index 5f49ffaa17a..c018467a95b 100644
--- a/packages/react-scripts/config/env.js
+++ b/packages/react-scripts/config/env.js
@@ -12,34 +12,36 @@
 
 // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
 // injected into the application via DefinePlugin in Webpack configuration.
-
-var REACT_APP = /^REACT_APP_/i;
+const REACT_APP = /^REACT_APP_/i;
 
 function getClientEnvironment(publicUrl) {
-  var raw = Object
-    .keys(process.env)
+  const raw = Object.keys(process.env)
     .filter(key => REACT_APP.test(key))
-    .reduce((env, key) => {
-      env[key] = process.env[key];
-      return env;
-    }, {
-      // Useful for determining whether we’re running in production mode.
-      // Most importantly, it switches React into the correct mode.
-      'NODE_ENV': process.env.NODE_ENV || 'development',
-      // Useful for resolving the correct path to static assets in `public`.
-      // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
-      // This should only be used as an escape hatch. Normally you would put
-      // images into the `src` and `import` them in code to get their paths.
-      'PUBLIC_URL': publicUrl
-    });
+    .reduce(
+      (env, key) => {
+        env[key] = process.env[key];
+        return env;
+      },
+      {
+        // Useful for determining whether we’re running in production mode.
+        // Most importantly, it switches React into the correct mode.
+        NODE_ENV: process.env.NODE_ENV || 'development',
+        // Useful for resolving the correct path to static assets in `public`.
+        // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
+        // This should only be used as an escape hatch. Normally you would put
+        // images into the `src` and `import` them in code to get their paths.
+        PUBLIC_URL: publicUrl,
+      }
+    );
   // Stringify all values so we can feed into Webpack DefinePlugin
-  var stringified = {
-    'process.env': Object
-      .keys(raw)
-      .reduce((env, key) => {
+  const stringified = {
+    'process.env': Object.keys(raw).reduce(
+      (env, key) => {
         env[key] = JSON.stringify(raw[key]);
         return env;
-      }, {})
+      },
+      {}
+    ),
   };
 
   return { raw, stringified };
diff --git a/packages/react-scripts/config/jest/babelTransform.js b/packages/react-scripts/config/jest/babelTransform.js
index 838d0ca9175..bee55b1b156 100644
--- a/packages/react-scripts/config/jest/babelTransform.js
+++ b/packages/react-scripts/config/jest/babelTransform.js
@@ -6,12 +6,11 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  */
-
 'use strict';
 
 const babelJest = require('babel-jest');
 
 module.exports = babelJest.createTransformer({
   presets: [require.resolve('babel-preset-react-app')],
-  babelrc: false
+  babelrc: false,
 });
diff --git a/packages/react-scripts/config/jest/fileTransform.js b/packages/react-scripts/config/jest/fileTransform.js
index 060ee259de2..89027bdc702 100644
--- a/packages/react-scripts/config/jest/fileTransform.js
+++ b/packages/react-scripts/config/jest/fileTransform.js
@@ -16,6 +16,6 @@ const path = require('path');
 
 module.exports = {
   process(src, filename) {
-    return 'module.exports = ' + JSON.stringify(path.basename(filename)) + ';';
+    return `module.exports = ${JSON.stringify(path.basename(filename))};`;
   },
 };
diff --git a/packages/react-scripts/config/paths.js b/packages/react-scripts/config/paths.js
index 83f234d6c62..76397756040 100644
--- a/packages/react-scripts/config/paths.js
+++ b/packages/react-scripts/config/paths.js
@@ -10,13 +10,13 @@
 // @remove-on-eject-end
 'use strict';
 
-var path = require('path');
-var fs = require('fs');
-var url = require('url');
+const path = require('path');
+const fs = require('fs');
+const url = require('url');
 
 // Make sure any symlinks in the project folder are resolved:
 // https://github.com/facebookincubator/create-react-app/issues/637
-var appDirectory = fs.realpathSync(process.cwd());
+const appDirectory = fs.realpathSync(process.cwd());
 function resolveApp(relativePath) {
   return path.resolve(appDirectory, relativePath);
 }
@@ -36,20 +36,20 @@ function resolveApp(relativePath) {
 // Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
 // https://github.com/facebookincubator/create-react-app/issues/1023#issuecomment-265344421
 
-var nodePaths = (process.env.NODE_PATH || '')
+const nodePaths = (process.env.NODE_PATH || '')
   .split(process.platform === 'win32' ? ';' : ':')
   .filter(Boolean)
   .filter(folder => !path.isAbsolute(folder))
   .map(resolveApp);
 
-var envPublicUrl = process.env.PUBLIC_URL;
+const envPublicUrl = process.env.PUBLIC_URL;
 
 function ensureSlash(path, needsSlash) {
-  var hasSlash = path.endsWith('/');
+  const hasSlash = path.endsWith('/');
   if (hasSlash && !needsSlash) {
     return path.substr(path, path.length - 1);
   } else if (!hasSlash && needsSlash) {
-    return path + '/';
+    return `${path}/`;
   } else {
     return path;
   }
@@ -66,10 +66,9 @@ function getPublicUrl(appPackageJson) {
 // We can't use a relative path in HTML because we don't want to load something
 // like /todos/42/static/js/bundle.7289d.js. We have to know the root.
 function getServedPath(appPackageJson) {
-  var publicUrl = getPublicUrl(appPackageJson);
-  var servedUrl = envPublicUrl || (
-    publicUrl ? url.parse(publicUrl).pathname : '/'
-  );
+  const publicUrl = getPublicUrl(appPackageJson);
+  const servedUrl = envPublicUrl ||
+    (publicUrl ? url.parse(publicUrl).pathname : '/');
   return ensureSlash(servedUrl, true);
 }
 
@@ -86,7 +85,7 @@ module.exports = {
   appNodeModules: resolveApp('node_modules'),
   nodePaths: nodePaths,
   publicUrl: getPublicUrl(resolveApp('package.json')),
-  servedPath: getServedPath(resolveApp('package.json'))
+  servedPath: getServedPath(resolveApp('package.json')),
 };
 
 // @remove-on-eject-begin
@@ -114,12 +113,16 @@ module.exports = {
   ownNodeModules: resolveOwn('node_modules'), // This is empty on npm 3
 };
 
-var ownPackageJson = require('../package.json');
-var reactScriptsPath = resolveApp(`node_modules/${ownPackageJson.name}`);
-var reactScriptsLinked = fs.existsSync(reactScriptsPath) && fs.lstatSync(reactScriptsPath).isSymbolicLink();
+const ownPackageJson = require('../package.json');
+const reactScriptsPath = resolveApp(`node_modules/${ownPackageJson.name}`);
+const reactScriptsLinked = fs.existsSync(reactScriptsPath) &&
+  fs.lstatSync(reactScriptsPath).isSymbolicLink();
 
 // config before publish: we're in ./packages/react-scripts/config/
-if (!reactScriptsLinked && __dirname.indexOf(path.join('packages', 'react-scripts', 'config')) !== -1) {
+if (
+  !reactScriptsLinked &&
+  __dirname.indexOf(path.join('packages', 'react-scripts', 'config')) !== -1
+) {
   module.exports = {
     appPath: resolveApp('.'),
     appBuild: resolveOwn('../../build'),
diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index 214373b81b8..c7948b66f6e 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -10,29 +10,29 @@
 // @remove-on-eject-end
 'use strict';
 
-var autoprefixer = require('autoprefixer');
-var webpack = require('webpack');
-var HtmlWebpackPlugin = require('html-webpack-plugin');
-var CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
-var InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
-var WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');
-var getClientEnvironment = require('./env');
-var paths = require('./paths');
+const autoprefixer = require('autoprefixer');
+const webpack = require('webpack');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
+const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
+const WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');
+const getClientEnvironment = require('./env');
+const paths = require('./paths');
 
 // @remove-on-eject-begin
 // `path` is not used after eject - see https://github.com/facebookincubator/create-react-app/issues/1174
-var path = require('path');
+const path = require('path');
 // @remove-on-eject-end
 
 // Webpack uses `publicPath` to determine where the app is being served from.
 // In development, we always serve from the root. This makes config easier.
-var publicPath = '/';
+const publicPath = '/';
 // `publicUrl` is just like `publicPath`, but we will provide it to our app
 // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
 // Omit trailing slash as %PUBLIC_PATH%/xyz looks better than %PUBLIC_PATH%xyz.
-var publicUrl = '';
+const publicUrl = '';
 // Get environment variables to inject into our app.
-var env = getClientEnvironment(publicUrl);
+const env = getClientEnvironment(publicUrl);
 
 // This is the development configuration.
 // It is focused on developer experience and fast rebuilds.
@@ -61,7 +61,7 @@ module.exports = {
     // Errors should be considered fatal in development
     require.resolve('react-dev-utils/crashOverlay'),
     // Finally, this is your app's code:
-    paths.appIndexJs
+    paths.appIndexJs,
     // We include the app code last so that if there is a runtime error during
     // initialization, it doesn't blow up the WebpackDevServer client, and
     // changing JS code would still trigger a refresh.
@@ -76,7 +76,7 @@ module.exports = {
     // containing code from all our entry points, and the Webpack runtime.
     filename: 'static/js/bundle.js',
     // This is the URL that app is served from. We use "/" in development.
-    publicPath: publicPath
+    publicPath: publicPath,
   },
   resolve: {
     // This allows you to set a fallback for where Webpack should look for modules.
@@ -93,8 +93,8 @@ module.exports = {
     alias: {
       // Support React Native Web
       // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
-      'react-native': 'react-native-web'
-    }
+      'react-native': 'react-native-web',
+    },
   },
   // @remove-on-eject-begin
   // Resolve loaders (webpack plugins for CSS, images, transpilation) from the
@@ -103,8 +103,8 @@ module.exports = {
     modules: [
       paths.ownNodeModules,
       // Lerna hoists everything, so we need to look in our app directory
-      paths.appNodeModules
-    ]
+      paths.appNodeModules,
+    ],
   },
   // @remove-on-eject-end
   module: {
@@ -116,17 +116,19 @@ module.exports = {
       {
         test: /\.(js|jsx)$/,
         enforce: 'pre',
-        use: [{
-          // @remove-on-eject-begin
-          // Point ESLint to our predefined config.
-          options: {
-            configFile: path.join(__dirname, '../eslintrc'),
-            useEslintrc: false
+        use: [
+          {
+            // @remove-on-eject-begin
+            // Point ESLint to our predefined config.
+            options: {
+              configFile: path.join(__dirname, '../eslintrc'),
+              useEslintrc: false,
+            },
+            // @remove-on-eject-end
+            loader: 'eslint-loader',
           },
-          // @remove-on-eject-end
-          loader: 'eslint-loader'
-        }],
-        include: paths.appSrc
+        ],
+        include: paths.appSrc,
       },
       // ** ADDING/UPDATING LOADERS **
       // The "url" loader handles all assets unless explicitly excluded.
@@ -146,28 +148,23 @@ module.exports = {
           /\.bmp$/,
           /\.gif$/,
           /\.jpe?g$/,
-          /\.png$/
+          /\.png$/,
         ],
         loader: 'file-loader',
         options: {
-          name: 'static/media/[name].[hash:8].[ext]'
-        }
+          name: 'static/media/[name].[hash:8].[ext]',
+        },
       },
       // "url" loader works like "file" loader except that it embeds assets
       // smaller than specified limit in bytes as data URLs to avoid requests.
       // A missing `test` is equivalent to a match.
       {
-        test: [
-          /\.bmp$/,
-          /\.gif$/,
-          /\.jpe?g$/,
-          /\.png$/
-        ],
+        test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
         loader: 'url-loader',
         options: {
           limit: 10000,
-          name: 'static/media/[name].[hash:8].[ext]'
-        }
+          name: 'static/media/[name].[hash:8].[ext]',
+        },
       },
       // Process JS with Babel.
       {
@@ -182,8 +179,8 @@ module.exports = {
           // This is a feature of `babel-loader` for webpack (not Babel itself).
           // It enables caching results in ./node_modules/.cache/babel-loader/
           // directory for faster rebuilds.
-          cacheDirectory: true
-        }
+          cacheDirectory: true,
+        },
       },
       // "postcss" loader applies autoprefixer to our CSS.
       // "css" loader resolves paths in CSS and adds assets as dependencies.
@@ -193,34 +190,34 @@ module.exports = {
       {
         test: /\.css$/,
         use: [
-          'style-loader', {
+          'style-loader',
+          {
             loader: 'css-loader',
             options: {
-              importLoaders: 1
-            }
-          }, {
+              importLoaders: 1,
+            },
+          },
+          {
             loader: 'postcss-loader',
             options: {
               ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options
-              plugins: function () {
-                return [
-                  autoprefixer({
-                    browsers: [
-                      '>1%',
-                      'last 4 versions',
-                      'Firefox ESR',
-                      'not ie < 9', // React doesn't support IE8 anyway
-                    ]
-                  })
-                ]
-              }
-            }
-          }
-        ]
-      }
+              plugins: () => [
+                autoprefixer({
+                  browsers: [
+                    '>1%',
+                    'last 4 versions',
+                    'Firefox ESR',
+                    'not ie < 9', // React doesn't support IE8 anyway
+                  ],
+                }),
+              ],
+            },
+          },
+        ],
+      },
       // ** STOP ** Are you adding a new loader?
       // Remember to add the new extension(s) to the "url" loader exclusion list.
-    ]
+    ],
   },
   plugins: [
     // Makes some environment variables available in index.html.
@@ -246,19 +243,19 @@ module.exports = {
     // to restart the development server for Webpack to discover it. This plugin
     // makes the discovery automatic so you don't have to restart.
     // See https://github.com/facebookincubator/create-react-app/issues/186
-    new WatchMissingNodeModulesPlugin(paths.appNodeModules)
+    new WatchMissingNodeModulesPlugin(paths.appNodeModules),
   ],
   // Some libraries import Node modules but don't use them in the browser.
   // Tell Webpack to provide empty mocks for them so importing them works.
   node: {
     fs: 'empty',
     net: 'empty',
-    tls: 'empty'
+    tls: 'empty',
   },
   // Turn off performance hints during development because we don't do any
   // splitting or minification in interest of speed. These warnings become
   // cumbersome.
   performance: {
-    hints: false
-  }
+    hints: false,
+  },
 };
diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js
index 5a2388d29c3..979ed4e4d6d 100644
--- a/packages/react-scripts/config/webpack.config.prod.js
+++ b/packages/react-scripts/config/webpack.config.prod.js
@@ -10,32 +10,32 @@
 // @remove-on-eject-end
 'use strict';
 
-var autoprefixer = require('autoprefixer');
-var webpack = require('webpack');
-var HtmlWebpackPlugin = require('html-webpack-plugin');
-var ExtractTextPlugin = require('extract-text-webpack-plugin');
-var ManifestPlugin = require('webpack-manifest-plugin');
-var InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
-var paths = require('./paths');
-var getClientEnvironment = require('./env');
+const autoprefixer = require('autoprefixer');
+const webpack = require('webpack');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const ManifestPlugin = require('webpack-manifest-plugin');
+const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
+const paths = require('./paths');
+const getClientEnvironment = require('./env');
 
 // @remove-on-eject-begin
 // `path` is not used after eject - see https://github.com/facebookincubator/create-react-app/issues/1174
-var path = require('path');
+const path = require('path');
 // @remove-on-eject-end
 
 // Webpack uses `publicPath` to determine where the app is being served from.
 // It requires a trailing slash, or the file assets will get an incorrect path.
-var publicPath = paths.servedPath;
+const publicPath = paths.servedPath;
 // Some apps do not use client-side routing with pushState.
 // For these, "homepage" can be set to "." to enable relative asset paths.
-var shouldUseRelativeAssetPaths = publicPath === './';
+const shouldUseRelativeAssetPaths = publicPath === './';
 // `publicUrl` is just like `publicPath`, but we will provide it to our app
 // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
 // Omit trailing slash as %PUBLIC_URL%/xyz looks better than %PUBLIC_URL%xyz.
-var publicUrl = publicPath.slice(0, -1);
+const publicUrl = publicPath.slice(0, -1);
 // Get environment variables to inject into our app.
-var env = getClientEnvironment(publicUrl);
+const env = getClientEnvironment(publicUrl);
 
 // Assert this just to be safe.
 // Development builds of React are slow and not intended for production.
@@ -51,8 +51,8 @@ const cssFilename = 'static/css/[name].[contenthash:8].css';
 // However, our output is structured with css, js and media folders.
 // To have this structure working with relative paths, we have to use custom options.
 const extractTextPluginOptions = shouldUseRelativeAssetPaths
-  // Making sure that the publicPath goes back to to build folder.
-  ? {publicPath: Array(cssFilename.split('/').length).join('../')}
+  ? // Making sure that the publicPath goes back to to build folder.
+    { publicPath: Array(cssFilename.split('/').length).join('../') }
   : {};
 
 // This is the production configuration.
@@ -65,10 +65,7 @@ module.exports = {
   // You can exclude the *.map files from the build during deployment.
   devtool: 'source-map',
   // In production, we only want to load the polyfills and the app code.
-  entry: [
-    require.resolve('./polyfills'),
-    paths.appIndexJs
-  ],
+  entry: [require.resolve('./polyfills'), paths.appIndexJs],
   output: {
     // The build folder.
     path: paths.appBuild,
@@ -78,7 +75,7 @@ module.exports = {
     filename: 'static/js/[name].[chunkhash:8].js',
     chunkFilename: 'static/js/[name].[chunkhash:8].chunk.js',
     // We inferred the "public path" (such as / or /my-project) from homepage.
-    publicPath: publicPath
+    publicPath: publicPath,
   },
   resolve: {
     // This allows you to set a fallback for where Webpack should look for modules.
@@ -95,8 +92,8 @@ module.exports = {
     alias: {
       // Support React Native Web
       // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
-      'react-native': 'react-native-web'
-    }
+      'react-native': 'react-native-web',
+    },
   },
   // @remove-on-eject-begin
   // Resolve loaders (webpack plugins for CSS, images, transpilation) from the
@@ -105,8 +102,8 @@ module.exports = {
     modules: [
       paths.ownNodeModules,
       // Lerna hoists everything, so we need to look in our app directory
-      paths.appNodeModules
-    ]
+      paths.appNodeModules,
+    ],
   },
   // @remove-on-eject-end
   module: {
@@ -118,19 +115,21 @@ module.exports = {
       {
         test: /\.(js|jsx)$/,
         enforce: 'pre',
-        use: [{
-          // @remove-on-eject-begin
-          // Point ESLint to our predefined config.
-          options: {
-            // TODO: consider separate config for production,
-            // e.g. to enable no-console and no-debugger only in production.
-            configFile: path.join(__dirname, '../eslintrc'),
-            useEslintrc: false
+        use: [
+          {
+            // @remove-on-eject-begin
+            // Point ESLint to our predefined config.
+            options: {
+              // TODO: consider separate config for production,
+              // e.g. to enable no-console and no-debugger only in production.
+              configFile: path.join(__dirname, '../eslintrc'),
+              useEslintrc: false,
+            },
+            // @remove-on-eject-end
+            loader: 'eslint-loader',
           },
-          // @remove-on-eject-end
-          loader: 'eslint-loader'
-        }],
-        include: paths.appSrc
+        ],
+        include: paths.appSrc,
       },
       // ** ADDING/UPDATING LOADERS **
       // The "url" loader handles all assets unless explicitly excluded.
@@ -149,27 +148,22 @@ module.exports = {
           /\.bmp$/,
           /\.gif$/,
           /\.jpe?g$/,
-          /\.png$/
+          /\.png$/,
         ],
         loader: 'file-loader',
         options: {
-          name: 'static/media/[name].[hash:8].[ext]'
-        }
+          name: 'static/media/[name].[hash:8].[ext]',
+        },
       },
       // "url" loader works just like "file" loader but it also embeds
       // assets smaller than specified size as data URLs to avoid requests.
       {
-        test: [
-          /\.bmp$/,
-          /\.gif$/,
-          /\.jpe?g$/,
-          /\.png$/
-        ],
+        test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
         loader: 'url-loader',
         options: {
           limit: 10000,
-          name: 'static/media/[name].[hash:8].[ext]'
-        }
+          name: 'static/media/[name].[hash:8].[ext]',
+        },
       },
       // Process JS with Babel.
       {
@@ -197,39 +191,43 @@ module.exports = {
       // in the main CSS file.
       {
         test: /\.css$/,
-        loader: ExtractTextPlugin.extract(Object.assign({
-          fallback: 'style-loader',
-          use: [
+        loader: ExtractTextPlugin.extract(
+          Object.assign(
             {
-              loader: 'css-loader',
-              options: {
-                importLoaders: 1
-              }
-            }, {
-              loader: 'postcss-loader',
-              options: {
-                ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options
-                plugins: function () {
-                  return [
-                    autoprefixer({
-                      browsers: [
-                        '>1%',
-                        'last 4 versions',
-                        'Firefox ESR',
-                        'not ie < 9', // React doesn't support IE8 anyway
-                      ]
-                    })
-                  ]
-                }
-              }
-            }
-          ]
-        }, extractTextPluginOptions))
+              fallback: 'style-loader',
+              use: [
+                {
+                  loader: 'css-loader',
+                  options: {
+                    importLoaders: 1,
+                  },
+                },
+                {
+                  loader: 'postcss-loader',
+                  options: {
+                    ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options
+                    plugins: () => [
+                      autoprefixer({
+                        browsers: [
+                          '>1%',
+                          'last 4 versions',
+                          'Firefox ESR',
+                          'not ie < 9', // React doesn't support IE8 anyway
+                        ],
+                      }),
+                    ],
+                  },
+                },
+              ],
+            },
+            extractTextPluginOptions
+          )
+        ),
         // Note: this won't work without `new ExtractTextPlugin()` in `plugins`.
-      }
+      },
       // ** STOP ** Are you adding a new loader?
       // Remember to add the new extension(s) to the "url" loader exclusion list.
-    ]
+    ],
   },
   plugins: [
     // Makes some environment variables available in index.html.
@@ -252,8 +250,8 @@ module.exports = {
         keepClosingSlash: true,
         minifyJS: true,
         minifyCSS: true,
-        minifyURLs: true
-      }
+        minifyURLs: true,
+      },
     }),
     // Makes some environment variables available to the JS code, for example:
     // if (process.env.NODE_ENV === 'production') { ... }. See `./env.js`.
@@ -264,33 +262,33 @@ module.exports = {
     new webpack.optimize.UglifyJsPlugin({
       compress: {
         screw_ie8: true, // React doesn't support IE8
-        warnings: false
+        warnings: false,
       },
       mangle: {
-        screw_ie8: true
+        screw_ie8: true,
       },
       output: {
         comments: false,
-        screw_ie8: true
+        screw_ie8: true,
       },
-      sourceMap: true
+      sourceMap: true,
     }),
     // Note: this won't work without ExtractTextPlugin.extract(..) in `loaders`.
     new ExtractTextPlugin({
-      filename: cssFilename
+      filename: cssFilename,
     }),
     // Generate a manifest file which contains a mapping of all asset filenames
     // to their corresponding output file so that tools can pick it up without
     // having to parse `index.html`.
     new ManifestPlugin({
-      fileName: 'asset-manifest.json'
-    })
+      fileName: 'asset-manifest.json',
+    }),
   ],
   // Some libraries import Node modules but don't use them in the browser.
   // Tell Webpack to provide empty mocks for them so importing them works.
   node: {
     fs: 'empty',
     net: 'empty',
-    tls: 'empty'
-  }
+    tls: 'empty',
+  },
 };
diff --git a/packages/react-scripts/config/webpackDevServer.config.js b/packages/react-scripts/config/webpackDevServer.config.js
index 89fd48bc524..37d9d1a750e 100644
--- a/packages/react-scripts/config/webpackDevServer.config.js
+++ b/packages/react-scripts/config/webpackDevServer.config.js
@@ -10,11 +10,11 @@
 // @remove-on-eject-end
 'use strict';
 
-var config = require('./webpack.config.dev');
-var paths = require('./paths');
+const config = require('./webpack.config.dev');
+const paths = require('./paths');
 
-var protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
-var host = process.env.HOST || 'localhost';
+const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
+const host = process.env.HOST || 'localhost';
 
 module.exports = {
   // Enable gzip compression of generated files.
@@ -54,7 +54,7 @@ module.exports = {
   // Reportedly, this avoids CPU overload on some systems.
   // https://github.com/facebookincubator/create-react-app/issues/293
   watchOptions: {
-    ignored: /node_modules/
+    ignored: /node_modules/,
   },
   // Enable HTTPS if the HTTPS environment variable is set to 'true'
   https: protocol === 'https',
diff --git a/packages/react-scripts/fixtures/kitchensink/integration/env.test.js b/packages/react-scripts/fixtures/kitchensink/integration/env.test.js
index c3169c987a9..b90d12ab12e 100644
--- a/packages/react-scripts/fixtures/kitchensink/integration/env.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/integration/env.test.js
@@ -7,36 +7,47 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import { expect } from 'chai'
-import initDOM from './initDOM'
+import { expect } from 'chai';
+import initDOM from './initDOM';
 
 describe('Integration', () => {
   describe('Environment variables', () => {
     it('file env variables', async () => {
-      const doc = await initDOM('file-env-variables')
+      const doc = await initDOM('file-env-variables');
 
-      expect(doc.getElementById('feature-file-env-variables').textContent).to.equal('fromtheenvfile.')
-    })
+      expect(
+        doc.getElementById('feature-file-env-variables').textContent
+      ).to.equal('fromtheenvfile.');
+    });
 
     it('NODE_PATH', async () => {
-      const doc = await initDOM('node-path')
+      const doc = await initDOM('node-path');
 
-      expect(doc.getElementById('feature-node-path').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-node-path').childElementCount
+      ).to.equal(4);
+    });
 
     it('PUBLIC_URL', async () => {
-      const doc = await initDOM('public-url')
-
-      const prefix = process.env.NODE_ENV === 'development' ? '' : 'http://www.example.org/spa';
-      expect(doc.getElementById('feature-public-url').textContent).to.equal(`${prefix}.`)
-      expect(doc.querySelector('head link[rel="shortcut icon"]').getAttribute('href'))
-        .to.equal(`${prefix}/favicon.ico`)
-    })
+      const doc = await initDOM('public-url');
+
+      const prefix = process.env.NODE_ENV === 'development'
+        ? ''
+        : 'http://www.example.org/spa';
+      expect(doc.getElementById('feature-public-url').textContent).to.equal(
+        `${prefix}.`
+      );
+      expect(
+        doc.querySelector('head link[rel="shortcut icon"]').getAttribute('href')
+      ).to.equal(`${prefix}/favicon.ico`);
+    });
 
     it('shell env variables', async () => {
-      const doc = await initDOM('shell-env-variables')
-
-      expect(doc.getElementById('feature-shell-env-variables').textContent).to.equal('fromtheshell.')
-    })
-  })
-})
+      const doc = await initDOM('shell-env-variables');
+
+      expect(
+        doc.getElementById('feature-shell-env-variables').textContent
+      ).to.equal('fromtheshell.');
+    });
+  });
+});
diff --git a/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js b/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js
index 3cfb182148a..4d6f531ea84 100644
--- a/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js
+++ b/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js
@@ -7,59 +7,72 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-const fs = require('fs')
-const http = require('http')
-const jsdom = require('jsdom')
-const path = require('path')
-const { expect } = require('chai')
+const fs = require('fs');
+const http = require('http');
+const jsdom = require('jsdom');
+const path = require('path');
+const { expect } = require('chai');
 
-let getMarkup
-let resourceLoader
+let getMarkup;
+let resourceLoader;
 
 if (process.env.E2E_FILE) {
   const file = path.isAbsolute(process.env.E2E_FILE)
     ? process.env.E2E_FILE
-    : path.join(process.cwd(), process.env.E2E_FILE)
+    : path.join(process.cwd(), process.env.E2E_FILE);
 
-  const markup = fs.readFileSync(file, 'utf8')
-  getMarkup = () => markup
+  const markup = fs.readFileSync(file, 'utf8');
+  getMarkup = () => markup;
 
-  const pathPrefix = process.env.PUBLIC_URL.replace(/^https?:\/\/[^/]+\/?/, '')
+  const pathPrefix = process.env.PUBLIC_URL.replace(/^https?:\/\/[^/]+\/?/, '');
 
-  resourceLoader = (resource, callback) => callback(
-    null,
-    fs.readFileSync(path.join(path.dirname(file), resource.url.pathname.replace(pathPrefix, '')), 'utf8')
-  )
+  resourceLoader = (resource, callback) =>
+    callback(
+      null,
+      fs.readFileSync(
+        path.join(
+          path.dirname(file),
+          resource.url.pathname.replace(pathPrefix, '')
+        ),
+        'utf8'
+      )
+    );
 } else if (process.env.E2E_URL) {
   getMarkup = () => new Promise(resolve => {
-    http.get(process.env.E2E_URL, (res) => {
-      let rawData = ''
-      res.on('data', chunk => rawData += chunk)
-      res.on('end', () => resolve(rawData))
-    })
-  })
+    http.get(process.env.E2E_URL, res => {
+      let rawData = '';
+      res.on('data', chunk => rawData += chunk);
+      res.on('end', () => resolve(rawData));
+    });
+  });
 
-  resourceLoader = (resource, callback) => resource.defaultFetch(callback)
+  resourceLoader = (resource, callback) => resource.defaultFetch(callback);
 } else {
-  it.only('can run jsdom (at least one of "E2E_FILE" or "E2E_URL" environment variables must be provided)', () => {
-    expect(new Error('This isn\'t the error you are looking for.')).to.be.undefined()
-  })
+  it.only(
+    'can run jsdom (at least one of "E2E_FILE" or "E2E_URL" environment variables must be provided)',
+    () => {
+      expect(
+        new Error("This isn't the error you are looking for.")
+      ).to.be.undefined();
+    }
+  );
 }
 
 export default feature => new Promise(async resolve => {
-  const markup = await getMarkup()
-  const host = process.env.E2E_URL || 'http://www.example.org/spa:3000'
+  const markup = await getMarkup();
+  const host = process.env.E2E_URL || 'http://www.example.org/spa:3000';
   const doc = jsdom.jsdom(markup, {
     features: {
       FetchExternalResources: ['script', 'css'],
       ProcessExternalResources: ['script'],
     },
-    created: (_, win) => win.addEventListener('ReactFeatureDidMount', () => resolve(doc), true),
+    created: (_, win) =>
+      win.addEventListener('ReactFeatureDidMount', () => resolve(doc), true),
     deferClose: true,
     resourceLoader,
     url: `${host}#${feature}`,
     virtualConsole: jsdom.createVirtualConsole().sendTo(console),
-  })
+  });
 
-  doc.close()
-})
+  doc.close();
+});
diff --git a/packages/react-scripts/fixtures/kitchensink/integration/syntax.test.js b/packages/react-scripts/fixtures/kitchensink/integration/syntax.test.js
index 8fe1990f20a..fc2a717befe 100644
--- a/packages/react-scripts/fixtures/kitchensink/integration/syntax.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/integration/syntax.test.js
@@ -7,99 +7,129 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import { expect } from 'chai'
-import initDOM from './initDOM'
+import { expect } from 'chai';
+import initDOM from './initDOM';
 
 describe('Integration', () => {
   describe('Language syntax', () => {
     it('array destructuring', async () => {
-      const doc = await initDOM('array-destructuring')
+      const doc = await initDOM('array-destructuring');
 
-      expect(doc.getElementById('feature-array-destructuring').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-array-destructuring').childElementCount
+      ).to.equal(4);
+    });
 
     it('array spread', async () => {
-      const doc = await initDOM('array-spread')
+      const doc = await initDOM('array-spread');
 
-      expect(doc.getElementById('feature-array-spread').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-array-spread').childElementCount
+      ).to.equal(4);
+    });
 
     it('async/await', async () => {
-      const doc = await initDOM('async-await')
+      const doc = await initDOM('async-await');
 
-      expect(doc.getElementById('feature-async-await').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-async-await').childElementCount
+      ).to.equal(4);
+    });
 
     it('class properties', async () => {
-      const doc = await initDOM('class-properties')
+      const doc = await initDOM('class-properties');
 
-      expect(doc.getElementById('feature-class-properties').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-class-properties').childElementCount
+      ).to.equal(4);
+    });
 
     it('computed properties', async () => {
-      const doc = await initDOM('computed-properties')
+      const doc = await initDOM('computed-properties');
 
-      expect(doc.getElementById('feature-computed-properties').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-computed-properties').childElementCount
+      ).to.equal(4);
+    });
 
     it('custom interpolation', async () => {
-      const doc = await initDOM('custom-interpolation')
+      const doc = await initDOM('custom-interpolation');
 
-      expect(doc.getElementById('feature-custom-interpolation').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-custom-interpolation').childElementCount
+      ).to.equal(4);
+    });
 
     it('default parameters', async () => {
-      const doc = await initDOM('default-parameters')
+      const doc = await initDOM('default-parameters');
 
-      expect(doc.getElementById('feature-default-parameters').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-default-parameters').childElementCount
+      ).to.equal(4);
+    });
 
     it('destructuring and await', async () => {
-      const doc = await initDOM('destructuring-and-await')
+      const doc = await initDOM('destructuring-and-await');
 
-      expect(doc.getElementById('feature-destructuring-and-await').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-destructuring-and-await').childElementCount
+      ).to.equal(4);
+    });
 
     it('generators', async () => {
-      const doc = await initDOM('generators')
+      const doc = await initDOM('generators');
 
-      expect(doc.getElementById('feature-generators').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-generators').childElementCount
+      ).to.equal(4);
+    });
 
     it('object destructuring', async () => {
-      const doc = await initDOM('object-destructuring')
+      const doc = await initDOM('object-destructuring');
 
-      expect(doc.getElementById('feature-object-destructuring').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-object-destructuring').childElementCount
+      ).to.equal(4);
+    });
 
     it('object spread', async () => {
-      const doc = await initDOM('object-spread')
+      const doc = await initDOM('object-spread');
 
-      expect(doc.getElementById('feature-object-spread').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-object-spread').childElementCount
+      ).to.equal(4);
+    });
 
     it('promises', async () => {
-      const doc = await initDOM('promises')
+      const doc = await initDOM('promises');
 
-      expect(doc.getElementById('feature-promises').childElementCount).to.equal(4)
-    })
+      expect(doc.getElementById('feature-promises').childElementCount).to.equal(
+        4
+      );
+    });
 
     it('rest + default', async () => {
-      const doc = await initDOM('rest-and-default')
+      const doc = await initDOM('rest-and-default');
 
-      expect(doc.getElementById('feature-rest-and-default').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-rest-and-default').childElementCount
+      ).to.equal(4);
+    });
 
     it('rest parameters', async () => {
-      const doc = await initDOM('rest-parameters')
+      const doc = await initDOM('rest-parameters');
 
-      expect(doc.getElementById('feature-rest-parameters').childElementCount).to.equal(4)
-    })
+      expect(
+        doc.getElementById('feature-rest-parameters').childElementCount
+      ).to.equal(4);
+    });
 
     it('template interpolation', async () => {
-      const doc = await initDOM('template-interpolation')
-
-      expect(doc.getElementById('feature-template-interpolation').childElementCount).to.equal(4)
-    })
-  })
-})
+      const doc = await initDOM('template-interpolation');
+
+      expect(
+        doc.getElementById('feature-template-interpolation').childElementCount
+      ).to.equal(4);
+    });
+  });
+});
diff --git a/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js b/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js
index 43b3f1209f7..031786e0ee7 100644
--- a/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js
+++ b/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js
@@ -7,46 +7,57 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import { expect } from 'chai'
-import initDOM from './initDOM'
+import { expect } from 'chai';
+import initDOM from './initDOM';
 
 describe('Integration', () => {
   describe('Webpack plugins', () => {
     it('css inclusion', async () => {
-      const doc = await initDOM('css-inclusion')
+      const doc = await initDOM('css-inclusion');
 
-      expect(doc.getElementsByTagName('style')[0].textContent.replace(/\s/g, ''))
-        .to.match(/#feature-css-inclusion\{background:.+;color:.+}/)
-    })
+      expect(
+        doc.getElementsByTagName('style')[0].textContent.replace(/\s/g, '')
+      ).to.match(/#feature-css-inclusion\{background:.+;color:.+}/);
+    });
 
     it('image inclusion', async () => {
-      const doc = await initDOM('image-inclusion')
+      const doc = await initDOM('image-inclusion');
 
-      expect(doc.getElementById('feature-image-inclusion').src).to.match(/^data:image\/jpeg;base64.+==$/)
-    })
+      expect(doc.getElementById('feature-image-inclusion').src).to.match(
+        /^data:image\/jpeg;base64.+==$/
+      );
+    });
 
     it('no ext inclusion', async () => {
-      const doc = await initDOM('no-ext-inclusion')
+      const doc = await initDOM('no-ext-inclusion');
 
-      expect(doc.getElementById('feature-no-ext-inclusion').href).to.match(/\/static\/media\/aFileWithoutExt\.[a-f0-9]{8}\.bin$/)
-    })
+      expect(doc.getElementById('feature-no-ext-inclusion').href).to.match(
+        /\/static\/media\/aFileWithoutExt\.[a-f0-9]{8}\.bin$/
+      );
+    });
 
     it('json inclusion', async () => {
-      const doc = await initDOM('json-inclusion')
+      const doc = await initDOM('json-inclusion');
 
-      expect(doc.getElementById('feature-json-inclusion').textContent).to.equal('This is an abstract.')
-    })
+      expect(doc.getElementById('feature-json-inclusion').textContent).to.equal(
+        'This is an abstract.'
+      );
+    });
 
     it('svg inclusion', async () => {
-      const doc = await initDOM('svg-inclusion')
+      const doc = await initDOM('svg-inclusion');
 
-      expect(doc.getElementById('feature-svg-inclusion').src).to.match(/\/static\/media\/logo\..+\.svg$/)
-    })
+      expect(doc.getElementById('feature-svg-inclusion').src).to.match(
+        /\/static\/media\/logo\..+\.svg$/
+      );
+    });
 
     it('unknown ext inclusion', async () => {
-      const doc = await initDOM('unknown-ext-inclusion')
-
-      expect(doc.getElementById('feature-unknown-ext-inclusion').href).to.match(/\/static\/media\/aFileWithExt\.[a-f0-9]{8}\.unknown$/)
-    })
-  })
-})
+      const doc = await initDOM('unknown-ext-inclusion');
+
+      expect(doc.getElementById('feature-unknown-ext-inclusion').href).to.match(
+        /\/static\/media\/aFileWithExt\.[a-f0-9]{8}\.unknown$/
+      );
+    });
+  });
+});
diff --git a/packages/react-scripts/fixtures/kitchensink/src/App.js b/packages/react-scripts/fixtures/kitchensink/src/App.js
index ac55f7767e6..67de182b59e 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/App.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/App.js
@@ -11,8 +11,8 @@ import React, { Component, PropTypes, createElement } from 'react';
 
 class BuiltEmitter extends Component {
   static propTypes = {
-    feature: PropTypes.func.isRequired
-  }
+    feature: PropTypes.func.isRequired,
+  };
 
   componentDidMount() {
     const { feature } = this.props;
@@ -31,12 +31,12 @@ class BuiltEmitter extends Component {
   render() {
     const {
       props: { feature },
-      handleReady
+      handleReady,
     } = this;
     return (
       <div>
         {createElement(feature, {
-          onReady: handleReady
+          onReady: handleReady,
         })}
       </div>
     );
@@ -56,81 +56,113 @@ class App extends Component {
     const feature = location.hash.slice(1);
     switch (feature) {
       case 'array-destructuring':
-        import('./features/syntax/ArrayDestructuring').then(f => this.setFeature(f.default));
+        import(
+          './features/syntax/ArrayDestructuring'
+        ).then(f => this.setFeature(f.default));
         break;
       case 'array-spread':
-        import('./features/syntax/ArraySpread').then(f => this.setFeature(f.default));
+        import('./features/syntax/ArraySpread').then(f =>
+          this.setFeature(f.default));
         break;
       case 'async-await':
-        import('./features/syntax/AsyncAwait').then(f => this.setFeature(f.default));
+        import('./features/syntax/AsyncAwait').then(f =>
+          this.setFeature(f.default));
         break;
       case 'class-properties':
-        import('./features/syntax/ClassProperties').then(f => this.setFeature(f.default));
+        import('./features/syntax/ClassProperties').then(f =>
+          this.setFeature(f.default));
         break;
       case 'computed-properties':
-        import('./features/syntax/ComputedProperties').then(f => this.setFeature(f.default));
+        import(
+          './features/syntax/ComputedProperties'
+        ).then(f => this.setFeature(f.default));
         break;
       case 'css-inclusion':
-        import('./features/webpack/CssInclusion').then(f => this.setFeature(f.default));
+        import('./features/webpack/CssInclusion').then(f =>
+          this.setFeature(f.default));
         break;
       case 'custom-interpolation':
-        import('./features/syntax/CustomInterpolation').then(f => this.setFeature(f.default));
+        import(
+          './features/syntax/CustomInterpolation'
+        ).then(f => this.setFeature(f.default));
         break;
       case 'default-parameters':
-        import('./features/syntax/DefaultParameters').then(f => this.setFeature(f.default));
+        import('./features/syntax/DefaultParameters').then(f =>
+          this.setFeature(f.default));
         break;
       case 'destructuring-and-await':
-        import('./features/syntax/DestructuringAndAwait').then(f => this.setFeature(f.default));
+        import(
+          './features/syntax/DestructuringAndAwait'
+        ).then(f => this.setFeature(f.default));
         break;
       case 'file-env-variables':
-        import('./features/env/FileEnvVariables').then(f => this.setFeature(f.default));
+        import('./features/env/FileEnvVariables').then(f =>
+          this.setFeature(f.default));
         break;
       case 'generators':
-        import('./features/syntax/Generators').then(f => this.setFeature(f.default));
+        import('./features/syntax/Generators').then(f =>
+          this.setFeature(f.default));
         break;
       case 'image-inclusion':
-        import('./features/webpack/ImageInclusion').then(f => this.setFeature(f.default));
+        import('./features/webpack/ImageInclusion').then(f =>
+          this.setFeature(f.default));
         break;
       case 'json-inclusion':
-        import('./features/webpack/JsonInclusion').then(f => this.setFeature(f.default));
+        import('./features/webpack/JsonInclusion').then(f =>
+          this.setFeature(f.default));
         break;
       case 'node-path':
         import('./features/env/NodePath').then(f => this.setFeature(f.default));
         break;
       case 'no-ext-inclusion':
-        import('./features/webpack/NoExtInclusion').then(f => this.setFeature(f.default));
+        import('./features/webpack/NoExtInclusion').then(f =>
+          this.setFeature(f.default));
         break;
       case 'object-destructuring':
-        import('./features/syntax/ObjectDestructuring').then(f => this.setFeature(f.default));
+        import(
+          './features/syntax/ObjectDestructuring'
+        ).then(f => this.setFeature(f.default));
         break;
       case 'object-spread':
-        import('./features/syntax/ObjectSpread').then(f => this.setFeature(f.default));
+        import('./features/syntax/ObjectSpread').then(f =>
+          this.setFeature(f.default));
         break;
       case 'promises':
-        import('./features/syntax/Promises').then(f => this.setFeature(f.default));
+        import('./features/syntax/Promises').then(f =>
+          this.setFeature(f.default));
         break;
       case 'public-url':
-        import('./features/env/PublicUrl').then(f => this.setFeature(f.default));
+        import('./features/env/PublicUrl').then(f =>
+          this.setFeature(f.default));
         break;
       case 'rest-and-default':
-        import('./features/syntax/RestAndDefault').then(f => this.setFeature(f.default));
+        import('./features/syntax/RestAndDefault').then(f =>
+          this.setFeature(f.default));
         break;
       case 'rest-parameters':
-        import('./features/syntax/RestParameters').then(f => this.setFeature(f.default));
+        import('./features/syntax/RestParameters').then(f =>
+          this.setFeature(f.default));
         break;
       case 'shell-env-variables':
-        import('./features/env/ShellEnvVariables').then(f => this.setFeature(f.default));
+        import('./features/env/ShellEnvVariables').then(f =>
+          this.setFeature(f.default));
         break;
       case 'svg-inclusion':
-        import('./features/webpack/SvgInclusion').then(f => this.setFeature(f.default));
+        import('./features/webpack/SvgInclusion').then(f =>
+          this.setFeature(f.default));
         break;
       case 'template-interpolation':
-        import('./features/syntax/TemplateInterpolation').then(f => this.setFeature(f.default));
+        import(
+          './features/syntax/TemplateInterpolation'
+        ).then(f => this.setFeature(f.default));
         break;
       case 'unknown-ext-inclusion':
-        import('./features/webpack/UnknownExtInclusion').then(f => this.setFeature(f.default));
+        import(
+          './features/webpack/UnknownExtInclusion'
+        ).then(f => this.setFeature(f.default));
         break;
-      default: throw new Error(`Missing feature "${feature}"`);
+      default:
+        throw new Error(`Missing feature "${feature}"`);
     }
   }
 
diff --git a/packages/react-scripts/fixtures/kitchensink/src/absoluteLoad.js b/packages/react-scripts/fixtures/kitchensink/src/absoluteLoad.js
index a1fe21e48ff..0d01bc0a227 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/absoluteLoad.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/absoluteLoad.js
@@ -11,5 +11,5 @@ export default () => [
   { id: 1, name: '1' },
   { id: 2, name: '2' },
   { id: 3, name: '3' },
-  { id: 4, name: '4' }
-]
+  { id: 4, name: '4' },
+];
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.js b/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.js
index ff874b62812..a8a1e98fe71 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.js
@@ -7,8 +7,10 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React from 'react'
+import React from 'react';
 
 export default () => (
-  <span id="feature-file-env-variables">{process.env.REACT_APP_FILE_ENV_MESSAGE}.</span>
-)
+  <span id="feature-file-env-variables">
+    {process.env.REACT_APP_FILE_ENV_MESSAGE}.
+  </span>
+);
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.js b/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.js
index e4b868e47b6..eb1a45c0f12 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.js
@@ -7,13 +7,13 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
-import load from 'absoluteLoad'
+import React, { Component, PropTypes } from 'react';
+import load from 'absoluteLoad';
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
@@ -32,9 +32,7 @@ export default class extends Component {
   render() {
     return (
       <div id="feature-node-path">
-        {this.state.users.map(user => (
-          <div key={user.id}>{user.name}</div>
-        ))}
+        {this.state.users.map(user => <div key={user.id}>{user.name}</div>)}
       </div>
     );
   }
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.js b/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.js
index 4c61be73956..4ea9b96f8b2 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.js
@@ -7,8 +7,8 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React from 'react'
+import React from 'react';
 
 export default () => (
   <span id="feature-public-url">{process.env.PUBLIC_URL}.</span>
-)
+);
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.js b/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.js
index 243bfc00935..8449097d69a 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.js
@@ -7,8 +7,10 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React from 'react'
+import React from 'react';
 
 export default () => (
-  <span id="feature-shell-env-variables">{process.env.REACT_APP_SHELL_ENV_MESSAGE}.</span>
-)
+  <span id="feature-shell-env-variables">
+    {process.env.REACT_APP_SHELL_ENV_MESSAGE}.
+  </span>
+);
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.js
index 48516d43fd3..3d18a5edeac 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.js
@@ -7,21 +7,16 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 function load() {
-  return [
-    [1, '1'],
-    [2, '2'],
-    [3, '3'],
-    [4, '4']
-  ];
+  return [[1, '1'], [2, '2'], [3, '3'], [4, '4']];
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
@@ -42,7 +37,7 @@ export default class extends Component {
       <div id="feature-array-destructuring">
         {this.state.users.map(user => {
           const [id, name] = user;
-          return <div key={id}>{name}</div>
+          return <div key={id}>{name}</div>;
         })}
       </div>
     );
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.js
index 9998589a138..4f9b174eb6f 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.js
@@ -7,21 +7,21 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 function load(users) {
   return [
     { id: 1, name: '1' },
     { id: 2, name: '2' },
     { id: 3, name: '3' },
-    ...users
+    ...users,
   ];
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
@@ -40,9 +40,7 @@ export default class extends Component {
   render() {
     return (
       <div id="feature-array-spread">
-        {this.state.users.map(user => (
-          <div key={user.id}>{user.name}</div>
-        ))}
+        {this.state.users.map(user => <div key={user.id}>{user.name}</div>)}
       </div>
     );
   }
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.js
index b5b6013f93c..6924d4f92d8 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.js
@@ -7,21 +7,21 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 async function load() {
   return [
     { id: 1, name: '1' },
     { id: 2, name: '2' },
     { id: 3, name: '3' },
-    { id: 4, name: '4' }
+    { id: 4, name: '4' },
   ];
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
@@ -40,9 +40,7 @@ export default class extends Component {
   render() {
     return (
       <div id="feature-async-await">
-        {this.state.users.map(user => (
-          <div key={user.id}>{user.name}</div>
-        ))}
+        {this.state.users.map(user => <div key={user.id}>{user.name}</div>)}
       </div>
     );
   }
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.js
index 63bd7ab0512..7be21952da5 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.js
@@ -7,30 +7,28 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   users = [
     { id: 1, name: '1' },
     { id: 2, name: '2' },
     { id: 3, name: '3' },
-    { id: 4, name: '4' }
+    { id: 4, name: '4' },
   ];
 
   componentDidMount() {
-    this.props.onReady()
+    this.props.onReady();
   }
 
   render() {
     return (
       <div id="feature-class-properties">
-        {this.users.map(user => (
-          <div key={user.id}>{user.name}</div>
-        ))}
+        {this.users.map(user => <div key={user.id}>{user.name}</div>)}
       </div>
     );
   }
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.js
index e345283eaaa..fc64c2a86e3 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.js
@@ -7,21 +7,21 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 function load(prefix) {
   return [
-    { id: 1, [prefix + 'name']: '1' },
-    { id: 2, [prefix + 'name']: '2' },
-    { id: 3, [prefix + 'name']: '3' },
-    { id: 4, [prefix + 'name']: '4' }
+    { id: 1, [`${prefix} name`]: '1' },
+    { id: 2, [`${prefix} name`]: '2' },
+    { id: 3, [`${prefix} name`]: '3' },
+    { id: 4, [`${prefix} name`]: '4' },
   ];
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.js
index 399280d0190..e97902545e1 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.js
@@ -7,26 +7,28 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
-const styled = ([style]) => style.trim()
-  .split(/\s*;\s*/)
-  .map(rule => rule.split(/\s*:\s*/))
-  .reduce((rules, rule) => ({ ...rules, [rule[0]]: rule[1] }), {});
+const styled = ([style]) =>
+  style
+    .trim()
+    .split(/\s*;\s*/)
+    .map(rule => rule.split(/\s*:\s*/))
+    .reduce((rules, rule) => ({ ...rules, [rule[0]]: rule[1] }), {});
 
 function load() {
   return [
     { id: 1, name: '1' },
     { id: 2, name: '2' },
     { id: 3, name: '3' },
-    { id: 4, name: '4' }
+    { id: 4, name: '4' },
   ];
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.js
index fd4054e56cb..74bbe4d3c17 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.js
@@ -7,21 +7,21 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 function load(id = 0) {
   return [
     { id: id + 1, name: '1' },
     { id: id + 2, name: '2' },
     { id: id + 3, name: '3' },
-    { id: id + 4, name: '4' }
+    { id: id + 4, name: '4' },
   ];
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
@@ -40,9 +40,7 @@ export default class extends Component {
   render() {
     return (
       <div id="feature-default-parameters">
-        {this.state.users.map(user => (
-          <div key={user.id}>{user.name}</div>
-        ))}
+        {this.state.users.map(user => <div key={user.id}>{user.name}</div>)}
       </div>
     );
   }
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.js
index c2345f5ce54..ede416944fc 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.js
@@ -7,21 +7,23 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 async function load() {
-  return { users: [
-    { id: 1, name: '1' },
-    { id: 2, name: '2' },
-    { id: 3, name: '3' },
-    { id: 4, name: '4' }
-  ] };
+  return {
+    users: [
+      { id: 1, name: '1' },
+      { id: 2, name: '2' },
+      { id: 3, name: '3' },
+      { id: 4, name: '4' },
+    ],
+  };
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
@@ -40,9 +42,7 @@ export default class extends Component {
   render() {
     return (
       <div id="feature-destructuring-and-await">
-        {this.state.users.map(user => (
-          <div key={user.id}>{user.name}</div>
-        ))}
+        {this.state.users.map(user => <div key={user.id}>{user.name}</div>)}
       </div>
     );
   }
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.js
index 170f00a7f0d..77b7bffd252 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.js
@@ -7,9 +7,9 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
-function * load(limit) {
+function* load(limit) {
   let i = 1;
   while (i <= limit) {
     yield { id: i, name: i };
@@ -19,8 +19,8 @@ function * load(limit) {
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
@@ -42,9 +42,7 @@ export default class extends Component {
   render() {
     return (
       <div id="feature-generators">
-        {this.state.users.map(user => (
-          <div key={user.id}>{user.name}</div>
-        ))}
+        {this.state.users.map(user => <div key={user.id}>{user.name}</div>)}
       </div>
     );
   }
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.js
index 025920b7f31..14fa6969ee5 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.js
@@ -7,21 +7,21 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 function load() {
   return [
     { id: 1, name: '1' },
     { id: 2, name: '2' },
     { id: 3, name: '3' },
-    { id: 4, name: '4' }
+    { id: 4, name: '4' },
   ];
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
@@ -42,7 +42,7 @@ export default class extends Component {
       <div id="feature-object-destructuring">
         {this.state.users.map(user => {
           const { id, name } = user;
-          return <div key={id}>{name}</div>
+          return <div key={id}>{name}</div>;
         })}
       </div>
     );
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.js
index d5de0aef31a..bf3fb26b80c 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.js
@@ -7,21 +7,21 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 function load(baseUser) {
   return [
     { id: 1, name: '1', ...baseUser },
     { id: 2, name: '2', ...baseUser },
     { id: 3, name: '3', ...baseUser },
-    { id: 4, name: '4', ...baseUser }
+    { id: 4, name: '4', ...baseUser },
   ];
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.js
index 8b362fccf2c..26438012cf2 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.js
@@ -7,21 +7,21 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 function load() {
   return Promise.resolve([
     { id: 1, name: '1' },
     { id: 2, name: '2' },
     { id: 3, name: '3' },
-    { id: 4, name: '4' }
+    { id: 4, name: '4' },
   ]);
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
@@ -41,9 +41,7 @@ export default class extends Component {
   render() {
     return (
       <div id="feature-promises">
-        {this.state.users.map(user => (
-          <div key={user.id}>{user.name}</div>
-        ))}
+        {this.state.users.map(user => <div key={user.id}>{user.name}</div>)}
       </div>
     );
   }
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.js
index 47d011f2eae..411ce33d4b9 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.js
@@ -7,21 +7,21 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 function load({ id, ...rest } = { id: 0, user: { id: 42, name: '42' } }) {
   return [
     { id: id + 1, name: '1' },
     { id: id + 2, name: '2' },
     { id: id + 3, name: '3' },
-    rest.user
+    rest.user,
   ];
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
@@ -40,9 +40,7 @@ export default class extends Component {
   render() {
     return (
       <div id="feature-rest-and-default">
-        {this.state.users.map(user => (
-          <div key={user.id}>{user.name}</div>
-        ))}
+        {this.state.users.map(user => <div key={user.id}>{user.name}</div>)}
       </div>
     );
   }
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.js
index 1a6cf7c1687..aaca55c0f96 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.js
@@ -7,21 +7,21 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 function load({ id = 0, ...rest }) {
   return [
     { id: id + 1, name: '1' },
     { id: id + 2, name: '2' },
     { id: id + 3, name: '3' },
-    rest.user
+    rest.user,
   ];
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
@@ -40,9 +40,7 @@ export default class extends Component {
   render() {
     return (
       <div id="feature-rest-parameters">
-        {this.state.users.map(user => (
-          <div key={user.id}>{user.name}</div>
-        ))}
+        {this.state.users.map(user => <div key={user.id}>{user.name}</div>)}
       </div>
     );
   }
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.js b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.js
index ff46e1c72f8..738a0b103ef 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.js
@@ -7,21 +7,21 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component, PropTypes } from 'react';
 
 function load(name) {
   return [
     { id: 1, name: `${name}1` },
     { id: 2, name: `${name}2` },
     { id: 3, name: `${name}3` },
-    { id: 4, name: `${name}4` }
+    { id: 4, name: `${name}4` },
   ];
 }
 
 export default class extends Component {
   static propTypes = {
-    onReady: PropTypes.func.isRequired
-  }
+    onReady: PropTypes.func.isRequired,
+  };
 
   constructor(props) {
     super(props);
@@ -40,9 +40,7 @@ export default class extends Component {
   render() {
     return (
       <div id="feature-template-interpolation">
-        {this.state.users.map(user => (
-          <div key={user.id}>{user.name}</div>
-        ))}
+        {this.state.users.map(user => <div key={user.id}>{user.name}</div>)}
       </div>
     );
   }
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.js
index 7c46c7208b7..ab7c9a2d86e 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.js
@@ -7,9 +7,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React from 'react'
-import './assets/style.css'
+import React from 'react';
+import './assets/style.css';
 
-export default () => (
-  <p id="feature-css-inclusion">We love useless text.</p>
-)
+export default () => <p id="feature-css-inclusion">We love useless text.</p>;
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.js
index c4560ff9dae..a6ca7aaa818 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.js
@@ -7,9 +7,9 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React from 'react'
-import tiniestCat from './assets/tiniest-cat.jpg'
+import React from 'react';
+import tiniestCat from './assets/tiniest-cat.jpg';
 
 export default () => (
   <img id="feature-image-inclusion" src={tiniestCat} alt="tiniest cat" />
-)
+);
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.js
index 552a8be7b1a..e81f7639736 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.js
@@ -7,9 +7,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React from 'react'
-import { abstract } from './assets/abstract.json'
+import React from 'react';
+import { abstract } from './assets/abstract.json';
 
-export default () => (
-  <summary id="feature-json-inclusion">{abstract}</summary>
-)
+export default () => <summary id="feature-json-inclusion">{abstract}</summary>;
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js
index b3bdbe9fcbc..7f824c2f292 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js
@@ -7,13 +7,13 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React from 'react'
-import aFileWithoutExt from './assets/aFileWithoutExt'
+import React from 'react';
+import aFileWithoutExt from './assets/aFileWithoutExt';
 
 const text = aFileWithoutExt.includes('base64')
   ? atob(aFileWithoutExt.split('base64,')[1]).trim()
-  : aFileWithoutExt
+  : aFileWithoutExt;
 
 export default () => (
   <a id="feature-no-ext-inclusion" href={text}>aFileWithoutExt</a>
-)
+);
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.js
index f82e5f2911c..8876021aed6 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.js
@@ -7,9 +7,7 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React from 'react'
-import logo from './assets/logo.svg'
+import React from 'react';
+import logo from './assets/logo.svg';
 
-export default () => (
-  <img id="feature-svg-inclusion" src={logo} alt="logo" />
-)
+export default () => <img id="feature-svg-inclusion" src={logo} alt="logo" />;
diff --git a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js
index a9ac8f00cf1..70b046e9532 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js
@@ -7,13 +7,13 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-import React from 'react'
-import aFileWithExtUnknown from './assets/aFileWithExt.unknown'
+import React from 'react';
+import aFileWithExtUnknown from './assets/aFileWithExt.unknown';
 
 const text = aFileWithExtUnknown.includes('base64')
   ? atob(aFileWithExtUnknown.split('base64,')[1]).trim()
-  : aFileWithExtUnknown
+  : aFileWithExtUnknown;
 
 export default () => (
   <a id="feature-unknown-ext-inclusion" href={text}>aFileWithExtUnknown</a>
-)
+);
diff --git a/packages/react-scripts/fixtures/kitchensink/src/index.js b/packages/react-scripts/fixtures/kitchensink/src/index.js
index dc1143691f2..46fb0dd2e55 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/index.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/index.js
@@ -11,7 +11,4 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
 
-ReactDOM.render(
-  <App />,
-  document.getElementById('root')
-);
+ReactDOM.render(<App />, document.getElementById('root'));
diff --git a/packages/react-scripts/fixtures/kitchensink/src/subfolder/lol.js b/packages/react-scripts/fixtures/kitchensink/src/subfolder/lol.js
index c844f831d31..979cb3e7206 100644
--- a/packages/react-scripts/fixtures/kitchensink/src/subfolder/lol.js
+++ b/packages/react-scripts/fixtures/kitchensink/src/subfolder/lol.js
@@ -7,4 +7,6 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-module.exports = function() { return `haha` }
+module.exports = function() {
+  return `haha`;
+};
diff --git a/packages/react-scripts/scripts/build.js b/packages/react-scripts/scripts/build.js
index 05cefa0393e..548ff3cc68e 100644
--- a/packages/react-scripts/scripts/build.js
+++ b/packages/react-scripts/scripts/build.js
@@ -17,21 +17,21 @@ process.env.NODE_ENV = 'production';
 // if this file is missing. dotenv will never modify any environment variables
 // that have already been set.
 // https://github.com/motdotla/dotenv
-require('dotenv').config({silent: true});
-
-var chalk = require('chalk');
-var fs = require('fs-extra');
-var path = require('path');
-var url = require('url');
-var webpack = require('webpack');
-var config = require('../config/webpack.config.prod');
-var paths = require('../config/paths');
-var checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
-var FileSizeReporter = require('react-dev-utils/FileSizeReporter');
-var measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild;
-var printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;
-
-var useYarn = fs.existsSync(paths.yarnLockFile);
+require('dotenv').config({ silent: true });
+
+const chalk = require('chalk');
+const fs = require('fs-extra');
+const path = require('path');
+const url = require('url');
+const webpack = require('webpack');
+const config = require('../config/webpack.config.prod');
+const paths = require('../config/paths');
+const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
+const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
+
+const measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild;
+const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;
+const useYarn = fs.existsSync(paths.yarnLockFile);
 
 // Warn and crash if required files are missing
 if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
@@ -66,7 +66,7 @@ function printErrors(summary, errors) {
 function build(previousFileSizes) {
   console.log('Creating an optimized production build...');
 
-  var compiler;
+  let compiler;
   try {
     compiler = webpack(config);
   } catch (err) {
@@ -86,9 +86,12 @@ function build(previousFileSizes) {
     }
 
     if (process.env.CI && stats.compilation.warnings.length) {
-     printErrors('Failed to compile. When process.env.CI = true, warnings are treated as failures. Most CI servers set this automatically.', stats.compilation.warnings);
-     process.exit(1);
-   }
+      printErrors(
+        'Failed to compile. When process.env.CI = true, warnings are treated as failures. Most CI servers set this automatically.',
+        stats.compilation.warnings
+      );
+      process.exit(1);
+    }
 
     console.log(chalk.green('Compiled successfully.'));
     console.log();
@@ -98,74 +101,100 @@ function build(previousFileSizes) {
     printFileSizesAfterBuild(stats, previousFileSizes);
     console.log();
 
-    var openCommand = process.platform === 'win32' ? 'start' : 'open';
-    var appPackage  = require(paths.appPackageJson);
-    var publicUrl = paths.publicUrl;
-    var publicPath = config.output.publicPath;
-    var publicPathname = url.parse(publicPath).pathname;
+    const openCommand = process.platform === 'win32' ? 'start' : 'open';
+    const appPackage = require(paths.appPackageJson);
+    const publicUrl = paths.publicUrl;
+    const publicPath = config.output.publicPath;
+    const publicPathname = url.parse(publicPath).pathname;
     if (publicUrl && publicUrl.indexOf('.github.io/') !== -1) {
       // "homepage": "http://user.github.io/project"
-      console.log('The project was built assuming it is hosted at ' + chalk.green(publicPathname) + '.');
-      console.log('You can control this with the ' + chalk.green('homepage') + ' field in your '  + chalk.cyan('package.json') + '.');
+      console.log(
+        `The project was built assuming it is hosted at ${chalk.green(publicPathname)}.`
+      );
+      console.log(
+        `You can control this with the ${chalk.green('homepage')} field in your ${chalk.cyan('package.json')}.`
+      );
       console.log();
-      console.log('The ' + chalk.cyan('build') + ' folder is ready to be deployed.');
-      console.log('To publish it at ' + chalk.green(publicUrl) + ', run:');
+      console.log(`The ${chalk.cyan('build')} folder is ready to be deployed.`);
+      console.log(`To publish it at ${chalk.green(publicUrl)}, run:`);
       // If script deploy has been added to package.json, skip the instructions
       if (typeof appPackage.scripts.deploy === 'undefined') {
         console.log();
         if (useYarn) {
-          console.log('  ' + chalk.cyan('yarn') +  ' add --dev gh-pages');
+          console.log(`  ${chalk.cyan('yarn')} add --dev gh-pages`);
         } else {
-          console.log('  ' + chalk.cyan('npm') +  ' install --save-dev gh-pages');
+          console.log(`  ${chalk.cyan('npm')} install --save-dev gh-pages`);
         }
         console.log();
-        console.log('Add the following script in your ' + chalk.cyan('package.json') + '.');
+        console.log(
+          `Add the following script in your ${chalk.cyan('package.json')}.`
+        );
         console.log();
-        console.log('    ' + chalk.dim('// ...'));
-        console.log('    ' + chalk.yellow('"scripts"') + ': {');
-        console.log('      ' + chalk.dim('// ...'));
-        console.log('      ' + chalk.yellow('"predeploy"') + ': ' + chalk.yellow('"npm run build",'));
-        console.log('      ' + chalk.yellow('"deploy"') + ': ' + chalk.yellow('"gh-pages -d build"'));
+        console.log(`    ${chalk.dim('// ...')}`);
+        console.log(`    ${chalk.yellow('"scripts"')}: {`);
+        console.log(`      ${chalk.dim('// ...')}`);
+        console.log(
+          `      ${chalk.yellow('"predeploy"')}: ${chalk.yellow('"npm run build",')}`
+        );
+        console.log(
+          `      ${chalk.yellow('"deploy"')}: ${chalk.yellow('"gh-pages -d build"')}`
+        );
         console.log('    }');
         console.log();
         console.log('Then run:');
       }
       console.log();
-      console.log('  ' + chalk.cyan(useYarn ? 'yarn' : 'npm') +  ' run deploy');
+      console.log(`  ${chalk.cyan(useYarn ? 'yarn' : 'npm')} run deploy`);
       console.log();
     } else if (publicPath !== '/') {
       // "homepage": "http://mywebsite.com/project"
-      console.log('The project was built assuming it is hosted at ' + chalk.green(publicPath) + '.');
-      console.log('You can control this with the ' + chalk.green('homepage') + ' field in your '  + chalk.cyan('package.json') + '.');
+      console.log(
+        `The project was built assuming it is hosted at ${chalk.green(publicPath)}.`
+      );
+      console.log(
+        `You can control this with the ${chalk.green('homepage')} field in your ${chalk.cyan('package.json')}.`
+      );
       console.log();
-      console.log('The ' + chalk.cyan('build') + ' folder is ready to be deployed.');
+      console.log(`The ${chalk.cyan('build')} folder is ready to be deployed.`);
       console.log();
     } else {
       if (publicUrl) {
         // "homepage": "http://mywebsite.com"
-        console.log('The project was built assuming it is hosted at ' + chalk.green(publicUrl) +  '.');
-        console.log('You can control this with the ' + chalk.green('homepage') + ' field in your '  + chalk.cyan('package.json') + '.');
+        console.log(
+          `The project was built assuming it is hosted at ${chalk.green(publicUrl)}.`
+        );
+        console.log(
+          `You can control this with the ${chalk.green('homepage')} field in your ${chalk.cyan('package.json')}.`
+        );
         console.log();
       } else {
         // no homepage
-        console.log('The project was built assuming it is hosted at the server root.');
-        console.log('To override this, specify the ' + chalk.green('homepage') + ' in your '  + chalk.cyan('package.json') + '.');
-        console.log('For example, add this to build it for GitHub Pages:')
+        console.log(
+          'The project was built assuming it is hosted at the server root.'
+        );
+        console.log(
+          `To override this, specify the ${chalk.green('homepage')} in your ${chalk.cyan('package.json')}.`
+        );
+        console.log('For example, add this to build it for GitHub Pages:');
         console.log();
-        console.log('  ' + chalk.green('"homepage"') + chalk.cyan(': ') + chalk.green('"http://myname.github.io/myapp"') + chalk.cyan(','));
+        console.log(
+          `  ${chalk.green('"homepage"')} ${chalk.cyan(':')} ${chalk.green('"http://myname.github.io/myapp"')}${chalk.cyan(',')}`
+        );
         console.log();
       }
-      var build = path.relative(process.cwd(), paths.appBuild);
-      console.log('The ' + chalk.cyan(build) + ' folder is ready to be deployed.');
-      console.log('You may also serve it locally with a static server:')
+      const build = path.relative(process.cwd(), paths.appBuild);
+      console.log(`The ${chalk.cyan(build)} folder is ready to be deployed.`);
+      console.log('You may also serve it locally with a static server:');
       console.log();
       if (useYarn) {
-        console.log('  ' + chalk.cyan('yarn') +  ' global add pushstate-server');
+        console.log(`  ${chalk.cyan('yarn')} global add pushstate-server`);
       } else {
-        console.log('  ' + chalk.cyan('npm') +  ' install -g pushstate-server');
+        console.log(`  ${chalk.cyan('npm')} install -g pushstate-server`);
       }
-      console.log('  ' + chalk.cyan('pushstate-server') + ' ' + build);
-      console.log('  ' + chalk.cyan(openCommand) + ' http://localhost:' + (process.env.PORT || 9000));
+      console.log(`  ${chalk.cyan('pushstate-server')} build`);
+      console.log(
+        `  ${chalk.cyan(openCommand)} http://localhost:${process.env.PORT || 9000}`
+      );
       console.log();
     }
   });
@@ -174,6 +203,6 @@ function build(previousFileSizes) {
 function copyPublicFolder() {
   fs.copySync(paths.appPublic, paths.appBuild, {
     dereference: true,
-    filter: file => file !== paths.appHtml
+    filter: file => file !== paths.appHtml,
   });
 }
diff --git a/packages/react-scripts/scripts/eject.js b/packages/react-scripts/scripts/eject.js
index 39a40546bde..68c43d25068 100644
--- a/packages/react-scripts/scripts/eject.js
+++ b/packages/react-scripts/scripts/eject.js
@@ -9,16 +9,16 @@
  */
 'use strict';
 
-var fs = require('fs-extra');
-var path = require('path');
-var spawnSync = require('cross-spawn').sync;
-var chalk = require('chalk');
-var prompt = require('react-dev-utils/prompt');
-var paths = require('../config/paths');
-var createJestConfig = require('./utils/createJestConfig');
+const fs = require('fs-extra');
+const path = require('path');
+const spawnSync = require('cross-spawn').sync;
+const chalk = require('chalk');
+const prompt = require('react-dev-utils/prompt');
+const paths = require('../config/paths');
+const createJestConfig = require('./utils/createJestConfig');
 
-var green = chalk.green;
-var cyan = chalk.cyan;
+const green = chalk.green;
+const cyan = chalk.cyan;
 
 prompt(
   'Are you sure you want to eject? This action is permanent.',
@@ -31,52 +31,51 @@ prompt(
 
   console.log('Ejecting...');
 
-  var ownPath = paths.ownPath;
-  var appPath = paths.appPath;
+  const ownPath = paths.ownPath;
+  const appPath = paths.appPath;
 
   function verifyAbsent(file) {
     if (fs.existsSync(path.join(appPath, file))) {
       console.error(
-        '`' + file + '` already exists in your app folder. We cannot ' +
-        'continue as you would lose all the changes in that file or directory. ' +
-        'Please move or delete it (maybe make a copy for backup) and run this ' +
-        'command again.'
+        `\`${file}\` already exists in your app folder. We cannot ` +
+          'continue as you would lose all the changes in that file or directory. ' +
+          'Please move or delete it (maybe make a copy for backup) and run this ' +
+          'command again.'
       );
       process.exit(1);
     }
   }
 
-  var folders = [
-    'config',
-    'config/jest',
-    'scripts',
-    'scripts/utils',
-  ];
+  const folders = ['config', 'config/jest', 'scripts', 'scripts/utils'];
 
   // Make shallow array of files paths
-  var files = folders.reduce(function (files, folder) {
-    return files.concat(
-      fs.readdirSync(path.join(ownPath, folder))
-        // set full path
-        .map(file => path.join(ownPath, folder, file))
-        // omit dirs from file list
-        .filter(file => fs.lstatSync(file).isFile())
-    );
-  }, []);
+  const files = folders.reduce(
+    (files, folder) => {
+      return files.concat(
+        fs
+          .readdirSync(path.join(ownPath, folder))
+          // set full path
+          .map(file => path.join(ownPath, folder, file))
+          // omit dirs from file list
+          .filter(file => fs.lstatSync(file).isFile())
+      );
+    },
+    []
+  );
 
   // Ensure that the app folder is clean and we won't override any files
   folders.forEach(verifyAbsent);
   files.forEach(verifyAbsent);
 
   console.log();
-  console.log(cyan('Copying files into ' + appPath));
+  console.log(cyan(`Copying files into ${appPath}`));
 
-  folders.forEach(function(folder) {
-    fs.mkdirSync(path.join(appPath, folder))
+  folders.forEach(folder => {
+    fs.mkdirSync(path.join(appPath, folder));
   });
 
-  files.forEach(function(file) {
-    var content = fs.readFileSync(file, 'utf8');
+  files.forEach(file => {
+    let content = fs.readFileSync(file, 'utf8');
 
     // Skip flagged files
     if (content.match(/\/\/ @remove-file-on-eject/)) {
@@ -84,52 +83,61 @@ prompt(
     }
     content = content
       // Remove dead code from .js files on eject
-      .replace(/\/\/ @remove-on-eject-begin([\s\S]*?)\/\/ @remove-on-eject-end/mg, '')
+      .replace(
+        /\/\/ @remove-on-eject-begin([\s\S]*?)\/\/ @remove-on-eject-end/mg,
+        ''
+      )
       // Remove dead code from .applescript files on eject
-      .replace(/-- @remove-on-eject-begin([\s\S]*?)-- @remove-on-eject-end/mg, '')
+      .replace(
+        /-- @remove-on-eject-begin([\s\S]*?)-- @remove-on-eject-end/mg,
+        ''
+      )
       .trim() + '\n';
-    console.log('  Adding ' + cyan(file.replace(ownPath, '')) + ' to the project');
+    console.log(`  Adding ${cyan(file.replace(ownPath, ''))} to the project`);
     fs.writeFileSync(file.replace(ownPath, appPath), content);
   });
   console.log();
 
-  var ownPackage = require(path.join(ownPath, 'package.json'));
-  var appPackage = require(path.join(appPath, 'package.json'));
-  var babelConfig = JSON.parse(fs.readFileSync(path.join(ownPath, 'babelrc'), 'utf8'));
-  var eslintConfig = JSON.parse(fs.readFileSync(path.join(ownPath, 'eslintrc'), 'utf8'));
+  const ownPackage = require(path.join(ownPath, 'package.json'));
+  const appPackage = require(path.join(appPath, 'package.json'));
+  const babelConfig = JSON.parse(
+    fs.readFileSync(path.join(ownPath, '.babelrc'), 'utf8')
+  );
+  const eslintConfig = JSON.parse(
+    fs.readFileSync(path.join(ownPath, '.eslintrc'), 'utf8')
+  );
 
   console.log(cyan('Updating the dependencies'));
-  var ownPackageName = ownPackage.name;
+  const ownPackageName = ownPackage.name;
   if (appPackage.devDependencies[ownPackageName]) {
-    console.log('  Removing ' + cyan(ownPackageName) + ' from devDependencies');
+    console.log(`  Removing ${cyan(ownPackageName)} from devDependencies`);
     delete appPackage.devDependencies[ownPackageName];
   }
   if (appPackage.dependencies[ownPackageName]) {
-    console.log('  Removing ' + cyan(ownPackageName) + ' from dependencies');
+    console.log(`  Removing ${cyan(ownPackageName)} from dependencies`);
     delete appPackage.dependencies[ownPackageName];
   }
 
-  Object.keys(ownPackage.dependencies).forEach(function (key) {
+  Object.keys(ownPackage.dependencies).forEach(key => {
     // For some reason optionalDependencies end up in dependencies after install
     if (ownPackage.optionalDependencies[key]) {
       return;
     }
-    console.log('  Adding ' + cyan(key) + ' to devDependencies');
+    console.log(`  Adding ${cyan(key)} to devDependencies`);
     appPackage.devDependencies[key] = ownPackage.dependencies[key];
   });
   console.log();
   console.log(cyan('Updating the scripts'));
   delete appPackage.scripts['eject'];
-  Object.keys(appPackage.scripts).forEach(function (key) {
-    Object.keys(ownPackage.bin).forEach(function (binKey) {
-      var regex = new RegExp(binKey + ' (\\w+)', 'g');
-      appPackage.scripts[key] = appPackage.scripts[key]
-        .replace(regex, 'node scripts/$1.js');
+  Object.keys(appPackage.scripts).forEach(key => {
+    Object.keys(ownPackage.bin).forEach(binKey => {
+      const regex = new RegExp(binKey + ' (\\w+)', 'g');
+      appPackage.scripts[key] = appPackage.scripts[key].replace(
+        regex,
+        'node scripts/$1.js'
+      );
       console.log(
-        '  Replacing ' +
-        cyan('"' + binKey + ' ' + key + '"') +
-        ' with ' +
-        cyan('"node scripts/' + key + '.js"')
+        `  Replacing ${cyan(`"${binKey} ${key}"`)} with ${cyan(`"node scripts/${key}.js"`)}`
       );
     });
   });
@@ -137,7 +145,7 @@ prompt(
   console.log();
   console.log(cyan('Configuring package.json'));
   // Add Jest config
-  console.log('  Adding ' + cyan('Jest') + ' configuration');
+  console.log(`  Adding ${cyan('Jest')} configuration`);
   appPackage.jest = createJestConfig(
     filePath => path.posix.join('<rootDir>', filePath),
     null,
@@ -145,11 +153,11 @@ prompt(
   );
 
   // Add Babel config
-  console.log('  Adding ' + cyan('Babel') + ' preset');
+  console.log(`  Adding ${cyan('Babel')} preset`);
   appPackage.babel = babelConfig;
 
   // Add ESlint config
-  console.log('  Adding ' + cyan('ESLint') +' configuration');
+  console.log(`  Adding ${cyan('ESLint')} configuration`);
   appPackage.eslintConfig = eslintConfig;
 
   fs.writeFileSync(
@@ -162,26 +170,26 @@ prompt(
   if (ownPath.indexOf(appPath) === 0) {
     try {
       // remove react-scripts and react-scripts binaries from app node_modules
-      Object.keys(ownPackage.bin).forEach(function(binKey) {
+      Object.keys(ownPackage.bin).forEach(binKey => {
         fs.removeSync(path.join(appPath, 'node_modules', '.bin', binKey));
       });
       fs.removeSync(ownPath);
-    } catch(e) {
+    } catch (e) {
       // It's not essential that this succeeds
     }
   }
 
   if (fs.existsSync(paths.yarnLockFile)) {
     console.log(cyan('Running yarn...'));
-    spawnSync('yarnpkg', [], {stdio: 'inherit'});
+    spawnSync('yarnpkg', [], { stdio: 'inherit' });
   } else {
     console.log(cyan('Running npm install...'));
-    spawnSync('npm', ['install'], {stdio: 'inherit'});
+    spawnSync('npm', ['install'], { stdio: 'inherit' });
   }
   console.log(green('Ejected successfully!'));
   console.log();
 
   console.log(green('Please consider sharing why you ejected in this survey:'));
   console.log(green('  http://goo.gl/forms/Bi6CZjk1EqsdelXk1'));
-  console.log()
-})
+  console.log();
+});
diff --git a/packages/react-scripts/scripts/init.js b/packages/react-scripts/scripts/init.js
index 352bf0f41c5..b8a820c821d 100644
--- a/packages/react-scripts/scripts/init.js
+++ b/packages/react-scripts/scripts/init.js
@@ -7,19 +7,28 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  */
-
 'use strict';
 
-var fs = require('fs-extra');
-var path = require('path');
-var spawn = require('cross-spawn');
-var chalk = require('chalk');
-
-module.exports = function(appPath, appName, verbose, originalDirectory, template) {
-  var ownPackageName = require(path.join(__dirname, '..', 'package.json')).name;
-  var ownPath = path.join(appPath, 'node_modules', ownPackageName);
-  var appPackage = require(path.join(appPath, 'package.json'));
-  var useYarn = fs.existsSync(path.join(appPath, 'yarn.lock'));
+const fs = require('fs-extra');
+const path = require('path');
+const spawn = require('cross-spawn');
+const chalk = require('chalk');
+
+module.exports = function(
+  appPath,
+  appName,
+  verbose,
+  originalDirectory,
+  template
+) {
+  const ownPackageName = require(path.join(
+    __dirname,
+    '..',
+    'package.json'
+  )).name;
+  const ownPath = path.join(appPath, 'node_modules', ownPackageName);
+  const appPackage = require(path.join(appPath, 'package.json'));
+  const useYarn = fs.existsSync(path.join(appPath, 'yarn.lock'));
 
   // Copy over some of the devDependencies
   appPackage.dependencies = appPackage.dependencies || {};
@@ -27,10 +36,10 @@ module.exports = function(appPath, appName, verbose, originalDirectory, template
 
   // Setup the script rules
   appPackage.scripts = {
-    'start': 'react-scripts start',
-    'build': 'react-scripts build',
-    'test': 'react-scripts test --env=jsdom',
-    'eject': 'react-scripts eject'
+    start: 'react-scripts start',
+    build: 'react-scripts build',
+    test: 'react-scripts test --env=jsdom',
+    eject: 'react-scripts eject',
   };
 
   fs.writeFileSync(
@@ -38,58 +47,71 @@ module.exports = function(appPath, appName, verbose, originalDirectory, template
     JSON.stringify(appPackage, null, 2)
   );
 
-  var readmeExists = fs.existsSync(path.join(appPath, 'README.md'));
+  const readmeExists = fs.existsSync(path.join(appPath, 'README.md'));
   if (readmeExists) {
-    fs.renameSync(path.join(appPath, 'README.md'), path.join(appPath, 'README.old.md'));
+    fs.renameSync(
+      path.join(appPath, 'README.md'),
+      path.join(appPath, 'README.old.md')
+    );
   }
 
   // Copy the files for the user
-  var templatePath = template ? path.resolve(originalDirectory, template) : path.join(ownPath, 'template');
+  const templatePath = template
+    ? path.resolve(originalDirectory, template)
+    : path.join(ownPath, 'template');
   if (fs.existsSync(templatePath)) {
     fs.copySync(templatePath, appPath);
   } else {
-    console.error('Could not locate supplied template: ' + chalk.green(templatePath));
+    console.error(
+      `Could not locate supplied template: ${chalk.green(templatePath)}`
+    );
     return;
   }
 
   // Rename gitignore after the fact to prevent npm from renaming it to .npmignore
   // See: https://github.com/npm/npm/issues/1862
-  fs.move(path.join(appPath, 'gitignore'), path.join(appPath, '.gitignore'), [], function (err) {
-    if (err) {
-      // Append if there's already a `.gitignore` file there
-      if (err.code === 'EEXIST') {
-        var data = fs.readFileSync(path.join(appPath, 'gitignore'));
-        fs.appendFileSync(path.join(appPath, '.gitignore'), data);
-        fs.unlinkSync(path.join(appPath, 'gitignore'));
-      } else {
-        throw err;
+  fs.move(
+    path.join(appPath, 'gitignore'),
+    path.join(appPath, '.gitignore'),
+    [],
+    err => {
+      if (err) {
+        // Append if there's already a `.gitignore` file there
+        if (err.code === 'EEXIST') {
+          const data = fs.readFileSync(path.join(appPath, 'gitignore'));
+          fs.appendFileSync(path.join(appPath, '.gitignore'), data);
+          fs.unlinkSync(path.join(appPath, 'gitignore'));
+        } else {
+          throw err;
+        }
       }
     }
-  });
+  );
 
-  var command;
-  var args;
+  let command;
+  let args;
 
   if (useYarn) {
     command = 'yarnpkg';
     args = ['add'];
   } else {
     command = 'npm';
-    args = [
-      'install',
-      '--save',
-      verbose && '--verbose'
-    ].filter(function(e) { return e; });
+    args = ['install', '--save', verbose && '--verbose'].filter(e => e);
   }
   args.push('react', 'react-dom');
 
   // Install additional template dependencies, if present
-  var templateDependenciesPath = path.join(appPath, '.template.dependencies.json');
+  const templateDependenciesPath = path.join(
+    appPath,
+    '.template.dependencies.json'
+  );
   if (fs.existsSync(templateDependenciesPath)) {
-    var templateDependencies = require(templateDependenciesPath).dependencies;
-    args = args.concat(Object.keys(templateDependencies).map(function (key) {
-      return key + '@' + templateDependencies[key];
-    }));
+    const templateDependencies = require(templateDependenciesPath).dependencies;
+    args = args.concat(
+      Object.keys(templateDependencies).map(key => {
+        return `${key}@${templateDependencies[key]}`;
+      })
+    );
     fs.unlinkSync(templateDependenciesPath);
   }
 
@@ -97,12 +119,12 @@ module.exports = function(appPath, appName, verbose, originalDirectory, template
   // which doesn't install react and react-dom along with react-scripts
   // or template is presetend (via --internal-testing-template)
   if (!isReactInstalled(appPackage) || template) {
-    console.log('Installing react and react-dom using ' + command + '...');
+    console.log(`Installing react and react-dom using ${command}...`);
     console.log();
 
-    var proc = spawn.sync(command, args, {stdio: 'inherit'});
+    const proc = spawn.sync(command, args, { stdio: 'inherit' });
     if (proc.status !== 0) {
-      console.error('`' + command + ' ' + args.join(' ') + '` failed');
+      console.error(`\`${command} ${args.join(' ')}\` failed`);
       return;
     }
   }
@@ -110,51 +132,56 @@ module.exports = function(appPath, appName, verbose, originalDirectory, template
   // Display the most elegant way to cd.
   // This needs to handle an undefined originalDirectory for
   // backward compatibility with old global-cli's.
-  var cdpath;
-  if (originalDirectory &&
-      path.join(originalDirectory, appName) === appPath) {
+  let cdpath;
+  if (originalDirectory && path.join(originalDirectory, appName) === appPath) {
     cdpath = appName;
   } else {
     cdpath = appPath;
   }
 
   // Change displayed command to yarn instead of yarnpkg
-  var displayedCommand = useYarn ? 'yarn' : 'npm';
+  const displayedCommand = useYarn ? 'yarn' : 'npm';
 
   console.log();
-  console.log('Success! Created ' + appName + ' at ' + appPath);
+  console.log(`Success! Created ${appName} at ${appPath}`);
   console.log('Inside that directory, you can run several commands:');
   console.log();
-  console.log(chalk.cyan('  ' + displayedCommand + ' start'));
+  console.log(chalk.cyan(`  ${displayedCommand} start`));
   console.log('    Starts the development server.');
   console.log();
-  console.log(chalk.cyan('  ' + displayedCommand + ' run build'));
+  console.log(chalk.cyan(`  ${displayedCommand} run build`));
   console.log('    Bundles the app into static files for production.');
   console.log();
-  console.log(chalk.cyan('  ' + displayedCommand + ' test'));
+  console.log(chalk.cyan(`  ${displayedCommand} test`));
   console.log('    Starts the test runner.');
   console.log();
-  console.log(chalk.cyan('  ' + displayedCommand + ' run eject'));
-  console.log('    Removes this tool and copies build dependencies, configuration files');
-  console.log('    and scripts into the app directory. If you do this, you can’t go back!');
+  console.log(chalk.cyan(`  ${displayedCommand} run eject`));
+  console.log(
+    '    Removes this tool and copies build dependencies, configuration files'
+  );
+  console.log(
+    '    and scripts into the app directory. If you do this, you can’t go back!'
+  );
   console.log();
   console.log('We suggest that you begin by typing:');
   console.log();
   console.log(chalk.cyan('  cd'), cdpath);
-  console.log('  ' + chalk.cyan(displayedCommand + ' start'));
+  console.log(`  ${chalk.cyan(`${displayedCommand} start`)}`);
   if (readmeExists) {
     console.log();
-    console.log(chalk.yellow('You had a `README.md` file, we renamed it to `README.old.md`'));
+    console.log(
+      chalk.yellow(
+        'You had a `README.md` file, we renamed it to `README.old.md`'
+      )
+    );
   }
   console.log();
   console.log('Happy hacking!');
 };
 
 function isReactInstalled(appPackage) {
-  var dependencies = appPackage.dependencies || {};
+  const dependencies = appPackage.dependencies || {};
 
-  return (
-    typeof dependencies.react !== 'undefined' &&
-    typeof dependencies['react-dom'] !== 'undefined'
-  )
+  return typeof dependencies.react !== 'undefined' &&
+    typeof dependencies['react-dom'] !== 'undefined';
 }
diff --git a/packages/react-scripts/scripts/start.js b/packages/react-scripts/scripts/start.js
index 349871be747..142a1f6d705 100644
--- a/packages/react-scripts/scripts/start.js
+++ b/packages/react-scripts/scripts/start.js
@@ -8,7 +8,6 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 // @remove-on-eject-end
-
 'use strict';
 
 process.env.NODE_ENV = 'development';
@@ -17,26 +16,26 @@ process.env.NODE_ENV = 'development';
 // if this file is missing. dotenv will never modify any environment variables
 // that have already been set.
 // https://github.com/motdotla/dotenv
-require('dotenv').config({silent: true});
-
-var fs = require('fs');
-var chalk = require('chalk');
-var detect = require('detect-port');
-var WebpackDevServer = require('webpack-dev-server');
-var clearConsole = require('react-dev-utils/clearConsole');
-var checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
-var getProcessForPort = require('react-dev-utils/getProcessForPort');
-var openBrowser = require('react-dev-utils/openBrowser');
-var prompt = require('react-dev-utils/prompt');
-var paths = require('../config/paths');
-var config = require('../config/webpack.config.dev');
-var devServerConfig = require('../config/webpackDevServer.config');
-var createWebpackCompiler = require('./utils/createWebpackCompiler');
-var addWebpackMiddleware = require('./utils/addWebpackMiddleware');
-
-var useYarn = fs.existsSync(paths.yarnLockFile);
-var cli = useYarn ? 'yarn' : 'npm';
-var isInteractive = process.stdout.isTTY;
+require('dotenv').config({ silent: true });
+
+const fs = require('fs');
+const chalk = require('chalk');
+const detect = require('detect-port');
+const WebpackDevServer = require('webpack-dev-server');
+const clearConsole = require('react-dev-utils/clearConsole');
+const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
+const getProcessForPort = require('react-dev-utils/getProcessForPort');
+const openBrowser = require('react-dev-utils/openBrowser');
+const prompt = require('react-dev-utils/prompt');
+const paths = require('../config/paths');
+const config = require('../config/webpack.config.dev');
+const devServerConfig = require('../config/webpackDevServer.config');
+const createWebpackCompiler = require('./utils/createWebpackCompiler');
+const addWebpackMiddleware = require('./utils/addWebpackMiddleware');
+
+const useYarn = fs.existsSync(paths.yarnLockFile);
+const cli = useYarn ? 'yarn' : 'npm';
+const isInteractive = process.stdout.isTTY;
 
 // Warn and crash if required files are missing
 if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
@@ -44,29 +43,34 @@ if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
 }
 
 // Tools like Cloud9 rely on this.
-var DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
+const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
 
 function run(port) {
-  var protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
-  var host = process.env.HOST || 'localhost';
+  const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
+  const host = process.env.HOST || 'localhost';
 
   // Create a webpack compiler that is configured with custom messages.
-  var compiler = createWebpackCompiler(config, function onReady(showInstructions) {
-    if (!showInstructions) {
-      return;
+  const compiler = createWebpackCompiler(
+    config,
+    function onReady(showInstructions) {
+      if (!showInstructions) {
+        return;
+      }
+      console.log();
+      console.log('The app is running at:');
+      console.log();
+      console.log(`  ${chalk.cyan(`${protocol}://${host}:${port}/`)}`);
+      console.log();
+      console.log('Note that the development build is not optimized.');
+      console.log(
+        `To create a production build, use ${chalk.cyan(`${cli} run build`)}.`
+      );
+      console.log();
     }
-    console.log();
-    console.log('The app is running at:');
-    console.log();
-    console.log('  ' + chalk.cyan(protocol + '://' + host + ':' + port + '/'));
-    console.log();
-    console.log('Note that the development build is not optimized.');
-    console.log('To create a production build, use ' + chalk.cyan(cli + ' run build') + '.');
-    console.log();
-  });
+  );
 
   // Serve webpack assets generated by the compiler over a web sever.
-  var devServer = new WebpackDevServer(compiler, devServerConfig);
+  const devServer = new WebpackDevServer(compiler, devServerConfig);
 
   // Our custom middleware proxies requests to /index.html or a remote API.
   addWebpackMiddleware(devServer);
@@ -83,7 +87,7 @@ function run(port) {
     console.log(chalk.cyan('Starting the development server...'));
     console.log();
 
-    openBrowser(protocol + '://' + host + ':' + port + '/');
+    openBrowser(`${protocol}://${host}:${port}/`);
   });
 }
 
@@ -97,11 +101,11 @@ detect(DEFAULT_PORT).then(port => {
 
   if (isInteractive) {
     clearConsole();
-    var existingProcess = getProcessForPort(DEFAULT_PORT);
-    var question =
-      chalk.yellow('Something is already running on port ' + DEFAULT_PORT + '.' +
-        ((existingProcess) ? ' Probably:\n  ' + existingProcess : '')) +
-        '\n\nWould you like to run the app on another port instead?';
+    const existingProcess = getProcessForPort(DEFAULT_PORT);
+    const question = chalk.yellow(
+      `Something is already running on port ${DEFAULT_PORT}.` +
+        `${existingProcess ? ` Probably:\n  ${existingProcess}` : ''}`
+    ) + '\n\nWould you like to run the app on another port instead?';
 
     prompt(question, true).then(shouldChangePort => {
       if (shouldChangePort) {
@@ -109,6 +113,8 @@ detect(DEFAULT_PORT).then(port => {
       }
     });
   } else {
-    console.log(chalk.red('Something is already running on port ' + DEFAULT_PORT + '.'));
+    console.log(
+      chalk.red(`Something is already running on port ${DEFAULT_PORT}.`)
+    );
   }
 });
diff --git a/packages/react-scripts/scripts/test.js b/packages/react-scripts/scripts/test.js
index de3a9691897..e3a0094f982 100644
--- a/packages/react-scripts/scripts/test.js
+++ b/packages/react-scripts/scripts/test.js
@@ -8,7 +8,6 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 // @remove-on-eject-end
-
 'use strict';
 
 process.env.NODE_ENV = 'test';
@@ -18,7 +17,7 @@ process.env.PUBLIC_URL = '';
 // if this file is missing. dotenv will never modify any environment variables
 // that have already been set.
 // https://github.com/motdotla/dotenv
-require('dotenv').config({silent: true});
+require('dotenv').config({ silent: true });
 
 const jest = require('jest');
 const argv = process.argv.slice(2);
@@ -33,10 +32,15 @@ if (!process.env.CI && argv.indexOf('--coverage') < 0) {
 const createJestConfig = require('./utils/createJestConfig');
 const path = require('path');
 const paths = require('../config/paths');
-argv.push('--config', JSON.stringify(createJestConfig(
-  relativePath => path.resolve(__dirname, '..', relativePath),
-  path.resolve(paths.appSrc, '..'),
-  false
-)));
+argv.push(
+  '--config',
+  JSON.stringify(
+    createJestConfig(
+      relativePath => path.resolve(__dirname, '..', relativePath),
+      path.resolve(paths.appSrc, '..'),
+      false
+    )
+  )
+);
 // @remove-on-eject-end
 jest.run(argv);
diff --git a/packages/react-scripts/scripts/utils/addWebpackMiddleware.js b/packages/react-scripts/scripts/utils/addWebpackMiddleware.js
index b3ff2548458..d2a97507237 100644
--- a/packages/react-scripts/scripts/utils/addWebpackMiddleware.js
+++ b/packages/react-scripts/scripts/utils/addWebpackMiddleware.js
@@ -10,61 +10,84 @@
 // @remove-on-eject-end
 'use strict';
 
-var chalk = require('chalk');
-var historyApiFallback = require('connect-history-api-fallback');
-var httpProxyMiddleware = require('http-proxy-middleware');
-var paths = require('../../config/paths');
+const chalk = require('chalk');
+const historyApiFallback = require('connect-history-api-fallback');
+const httpProxyMiddleware = require('http-proxy-middleware');
+const paths = require('../../config/paths');
 
 // We need to provide a custom onError function for httpProxyMiddleware.
 // It allows us to log custom error messages on the console.
 function onProxyError(proxy) {
-  return function(err, req, res){
-    var host = req.headers && req.headers.host;
+  return (err, req, res) => {
+    const host = req.headers && req.headers.host;
     console.log(
-      chalk.red('Proxy error:') + ' Could not proxy request ' + chalk.cyan(req.url) +
-      ' from ' + chalk.cyan(host) + ' to ' + chalk.cyan(proxy) + '.'
+      chalk.red('Proxy error:') +
+        ' Could not proxy request ' +
+        chalk.cyan(req.url) +
+        ' from ' +
+        chalk.cyan(host) +
+        ' to ' +
+        chalk.cyan(proxy) +
+        '.'
     );
     console.log(
       'See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (' +
-      chalk.cyan(err.code) + ').'
+        chalk.cyan(err.code) +
+        ').'
     );
     console.log();
 
     // And immediately send the proper error response to the client.
     // Otherwise, the request will eventually timeout with ERR_EMPTY_RESPONSE on the client side.
     if (res.writeHead && !res.headersSent) {
-        res.writeHead(500);
+      res.writeHead(500);
     }
-    res.end('Proxy error: Could not proxy request ' + req.url + ' from ' +
-      host + ' to ' + proxy + ' (' + err.code + ').'
+    res.end(
+      'Proxy error: Could not proxy request ' +
+        req.url +
+        ' from ' +
+        host +
+        ' to ' +
+        proxy +
+        ' (' +
+        err.code +
+        ').'
     );
-  }
+  };
 }
 
 module.exports = function addWebpackMiddleware(devServer) {
   // `proxy` lets you to specify a fallback server during development.
   // Every unrecognized request will be forwarded to it.
-  var proxy = require(paths.appPackageJson).proxy;
-  devServer.use(historyApiFallback({
-    // Paths with dots should still use the history fallback.
-    // See https://github.com/facebookincubator/create-react-app/issues/387.
-    disableDotRule: true,
-    // For single page apps, we generally want to fallback to /index.html.
-    // However we also want to respect `proxy` for API calls.
-    // So if `proxy` is specified, we need to decide which fallback to use.
-    // We use a heuristic: if request `accept`s text/html, we pick /index.html.
-    // Modern browsers include text/html into `accept` header when navigating.
-    // However API calls like `fetch()` won’t generally accept text/html.
-    // If this heuristic doesn’t work well for you, don’t use `proxy`.
-    htmlAcceptHeaders: proxy ?
-      ['text/html'] :
-      ['text/html', '*/*']
-  }));
+  const proxy = require(paths.appPackageJson).proxy;
+  devServer.use(
+    historyApiFallback({
+      // Paths with dots should still use the history fallback.
+      // See https://github.com/facebookincubator/create-react-app/issues/387.
+      disableDotRule: true,
+      // For single page apps, we generally want to fallback to /index.html.
+      // However we also want to respect `proxy` for API calls.
+      // So if `proxy` is specified, we need to decide which fallback to use.
+      // We use a heuristic: if request `accept`s text/html, we pick /index.html.
+      // Modern browsers include text/html into `accept` header when navigating.
+      // However API calls like `fetch()` won’t generally accept text/html.
+      // If this heuristic doesn’t work well for you, don’t use `proxy`.
+      htmlAcceptHeaders: proxy ? ['text/html'] : ['text/html', '*/*'],
+    })
+  );
   if (proxy) {
     if (typeof proxy !== 'string') {
-      console.log(chalk.red('When specified, "proxy" in package.json must be a string.'));
-      console.log(chalk.red('Instead, the type of "proxy" was "' + typeof proxy + '".'));
-      console.log(chalk.red('Either remove "proxy" from package.json, or make it a string.'));
+      console.log(
+        chalk.red('When specified, "proxy" in package.json must be a string.')
+      );
+      console.log(
+        chalk.red('Instead, the type of "proxy" was "' + typeof proxy + '".')
+      );
+      console.log(
+        chalk.red(
+          'Either remove "proxy" from package.json, or make it a string.'
+        )
+      );
       process.exit(1);
     }
 
@@ -74,14 +97,14 @@ module.exports = function addWebpackMiddleware(devServer) {
     // - /*.hot-update.json (WebpackDevServer uses this too for hot reloading)
     // - /sockjs-node/* (WebpackDevServer uses this for hot reloading)
     // Tip: use https://jex.im/regulex/ to visualize the regex
-    var mayProxy = /^(?!\/(index\.html$|.*\.hot-update\.json$|sockjs-node\/)).*$/;
+    const mayProxy = /^(?!\/(index\.html$|.*\.hot-update\.json$|sockjs-node\/)).*$/;
 
     // Pass the scope regex both to Express and to the middleware for proxying
     // of both HTTP and WebSockets to work without false positives.
-    var hpm = httpProxyMiddleware(pathname => mayProxy.test(pathname), {
+    const hpm = httpProxyMiddleware(pathname => mayProxy.test(pathname), {
       target: proxy,
       logLevel: 'silent',
-      onProxyReq: function(proxyReq) {
+      onProxyReq: proxyReq => {
         // Browers may send Origin headers even with same-origin
         // requests. To prevent CORS issues, we have to change
         // the Origin to match the target URL.
@@ -93,7 +116,7 @@ module.exports = function addWebpackMiddleware(devServer) {
       secure: false,
       changeOrigin: true,
       ws: true,
-      xfwd: true
+      xfwd: true,
     });
     devServer.use(mayProxy, hpm);
 
diff --git a/packages/react-scripts/scripts/utils/createJestConfig.js b/packages/react-scripts/scripts/utils/createJestConfig.js
index 0174237a0f8..5ba7fd16cb2 100644
--- a/packages/react-scripts/scripts/utils/createJestConfig.js
+++ b/packages/react-scripts/scripts/utils/createJestConfig.js
@@ -7,7 +7,6 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  */
-
 'use strict';
 
 const fs = require('fs');
@@ -16,7 +15,9 @@ const paths = require('../../config/paths');
 module.exports = (resolve, rootDir, isEjecting) => {
   // Use this instead of `paths.testsSetup` to avoid putting
   // an absolute filename into configuration after ejecting.
-  const setupTestsFile = fs.existsSync(paths.testsSetup) ? '<rootDir>/src/setupTests.js' : undefined;
+  const setupTestsFile = fs.existsSync(paths.testsSetup)
+    ? '<rootDir>/src/setupTests.js'
+    : undefined;
 
   // TODO: I don't know if it's safe or not to just use / as path separator
   // in Jest configs. We need help from somebody with Windows to determine this.
@@ -25,23 +26,21 @@ module.exports = (resolve, rootDir, isEjecting) => {
     setupFiles: [resolve('config/polyfills.js')],
     setupTestFrameworkScriptFile: setupTestsFile,
     testPathIgnorePatterns: [
-      '<rootDir>[/\\\\](build|docs|node_modules|scripts)[/\\\\]'
+      '<rootDir>[/\\\\](build|docs|node_modules|scripts)[/\\\\]',
     ],
     testEnvironment: 'node',
     testURL: 'http://localhost',
     transform: {
-      '^.+\\.(js|jsx)$': isEjecting ?
-        '<rootDir>/node_modules/babel-jest'
+      '^.+\\.(js|jsx)$': isEjecting
+        ? '<rootDir>/node_modules/babel-jest'
         : resolve('config/jest/babelTransform.js'),
       '^.+\\.css$': resolve('config/jest/cssTransform.js'),
       '^(?!.*\\.(js|jsx|css|json)$)': resolve('config/jest/fileTransform.js'),
     },
-    transformIgnorePatterns: [
-      '[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$'
-    ],
+    transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$'],
     moduleNameMapper: {
-      '^react-native$': 'react-native-web'
-    }
+      '^react-native$': 'react-native-web',
+    },
   };
   if (rootDir) {
     config.rootDir = rootDir;
diff --git a/packages/react-scripts/scripts/utils/createWebpackCompiler.js b/packages/react-scripts/scripts/utils/createWebpackCompiler.js
index 246f4b63cbe..a333165b082 100644
--- a/packages/react-scripts/scripts/utils/createWebpackCompiler.js
+++ b/packages/react-scripts/scripts/utils/createWebpackCompiler.js
@@ -10,19 +10,19 @@
 // @remove-on-eject-end
 'use strict';
 
-var chalk = require('chalk');
-var webpack = require('webpack');
-var clearConsole = require('react-dev-utils/clearConsole');
-var formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
+const chalk = require('chalk');
+const webpack = require('webpack');
+const clearConsole = require('react-dev-utils/clearConsole');
+const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
 
-var isInteractive = process.stdout.isTTY;
-var handleCompile;
+const isInteractive = process.stdout.isTTY;
+let handleCompile;
 
 // You can safely remove this after ejecting.
 // We only use this block for testing of Create React App itself:
-var isSmokeTest = process.argv.some(arg => arg.indexOf('--smoke-test') > -1);
+const isSmokeTest = process.argv.some(arg => arg.indexOf('--smoke-test') > -1);
 if (isSmokeTest) {
-  handleCompile = function (err, stats) {
+  handleCompile = (err, stats) => {
     if (err || stats.hasErrors() || stats.hasWarnings()) {
       process.exit(1);
     } else {
@@ -34,8 +34,9 @@ if (isSmokeTest) {
 module.exports = function createWebpackCompiler(config, onReadyCallback) {
   // "Compiler" is a low-level interface to Webpack.
   // It lets us listen to some events and provide our own custom messages.
+  let compiler;
   try {
-    var compiler = webpack(config, handleCompile);
+    compiler = webpack(config, handleCompile);
   } catch (err) {
     console.log(chalk.red('Failed to compile.'));
     console.log();
@@ -48,18 +49,18 @@ module.exports = function createWebpackCompiler(config, onReadyCallback) {
   // recompiling a bundle. WebpackDevServer takes care to pause serving the
   // bundle, so if you refresh, it'll wait instead of serving the old one.
   // "invalid" is short for "bundle invalidated", it doesn't imply any errors.
-  compiler.plugin('invalid', function() {
+  compiler.plugin('invalid', () => {
     if (isInteractive) {
       clearConsole();
     }
     console.log('Compiling...');
   });
 
-  var isFirstCompile = true;
+  let isFirstCompile = true;
 
   // "done" event fires when Webpack has finished recompiling the bundle.
   // Whether or not you have warnings or errors, you will get this event.
-  compiler.plugin('done', function(stats) {
+  compiler.plugin('done', stats => {
     if (isInteractive) {
       clearConsole();
     }
@@ -67,9 +68,9 @@ module.exports = function createWebpackCompiler(config, onReadyCallback) {
     // We have switched off the default Webpack output in WebpackDevServer
     // options so we are going to "massage" the warnings and errors and present
     // them in a readable focused way.
-    var messages = formatWebpackMessages(stats.toJson({}, true));
-    var isSuccessful = !messages.errors.length && !messages.warnings.length;
-    var showInstructions = isSuccessful && (isInteractive || isFirstCompile);
+    const messages = formatWebpackMessages(stats.toJson({}, true));
+    const isSuccessful = !messages.errors.length && !messages.warnings.length;
+    const showInstructions = isSuccessful && (isInteractive || isFirstCompile);
 
     if (isSuccessful) {
       console.log(chalk.green('Compiled successfully!'));
@@ -101,8 +102,16 @@ module.exports = function createWebpackCompiler(config, onReadyCallback) {
       });
       // Teach some ESLint tricks.
       console.log('You may use special comments to disable some warnings.');
-      console.log('Use ' + chalk.yellow('// eslint-disable-next-line') + ' to ignore the next line.');
-      console.log('Use ' + chalk.yellow('/* eslint-disable */') + ' to ignore all warnings in a file.');
+      console.log(
+        'Use ' +
+          chalk.yellow('// eslint-disable-next-line') +
+          ' to ignore the next line.'
+      );
+      console.log(
+        'Use ' +
+          chalk.yellow('/* eslint-disable */') +
+          ' to ignore all warnings in a file.'
+      );
     }
   });
 
diff --git a/packages/react-scripts/template/src/index.js b/packages/react-scripts/template/src/index.js
index 54c5ef1a427..5d76a18a853 100644
--- a/packages/react-scripts/template/src/index.js
+++ b/packages/react-scripts/template/src/index.js
@@ -3,7 +3,4 @@ import ReactDOM from 'react-dom';
 import App from './App';
 import './index.css';
 
-ReactDOM.render(
-  <App />,
-  document.getElementById('root')
-);
+ReactDOM.render(<App />, document.getElementById('root'));

From 8885f8f769937afe1890d3f4f162ee5c51ed0189 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Tue, 7 Mar 2017 19:49:34 +0000
Subject: [PATCH 132/163] Create PR_TEMPLATE.md

---
 PR_TEMPLATE.md | 10 ++++++++++
 1 file changed, 10 insertions(+)
 create mode 100644 PR_TEMPLATE.md

diff --git a/PR_TEMPLATE.md b/PR_TEMPLATE.md
new file mode 100644
index 00000000000..93140f2429b
--- /dev/null
+++ b/PR_TEMPLATE.md
@@ -0,0 +1,10 @@
+<!--
+Thank you for sending the PR!
+Here's a small checklist for you:
+
+* Please sign the CLA when the bot asks you to. This lets us accept your contributions!
+* Did you change any code? If you did, **how can we test that your changes work?** Provide us with clear instructions on what you did to verify them. Bonus points for screenshots!
+* If you changed any code, run `npm run format` in the project root folder, and commit and push the changes.
+
+Happy contributing!
+-->

From 66dda48f85760eb4560ddb8ce3b5491b560c04db Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Tue, 7 Mar 2017 19:50:20 +0000
Subject: [PATCH 133/163] Rename PR_TEMPLATE.md to PULL_REQUEST_TEMPLATE.md

---
 PR_TEMPLATE.md => PULL_REQUEST_TEMPLATE.md | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename PR_TEMPLATE.md => PULL_REQUEST_TEMPLATE.md (100%)

diff --git a/PR_TEMPLATE.md b/PULL_REQUEST_TEMPLATE.md
similarity index 100%
rename from PR_TEMPLATE.md
rename to PULL_REQUEST_TEMPLATE.md

From db008e69595ec964431a83efd20d717d3f0ca338 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Tue, 7 Mar 2017 19:54:30 +0000
Subject: [PATCH 134/163] Update PULL_REQUEST_TEMPLATE.md

---
 PULL_REQUEST_TEMPLATE.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/PULL_REQUEST_TEMPLATE.md b/PULL_REQUEST_TEMPLATE.md
index 93140f2429b..74c36d4c99e 100644
--- a/PULL_REQUEST_TEMPLATE.md
+++ b/PULL_REQUEST_TEMPLATE.md
@@ -1,10 +1,10 @@
 <!--
 Thank you for sending the PR!
-Here's a small checklist for you:
+If you changed any code, there are just two more things to do:
 
-* Please sign the CLA when the bot asks you to. This lets us accept your contributions!
-* Did you change any code? If you did, **how can we test that your changes work?** Provide us with clear instructions on what you did to verify them. Bonus points for screenshots!
-* If you changed any code, run `npm run format` in the project root folder, and commit and push the changes.
+* Provide us with clear instructions on how you verified your changes work. Bonus points for screenshots!
+
+* If you changed any code, run `npm run format` in the root folder, and commit and push the changes.
 
 Happy contributing!
 -->

From 837f5449a5c323f514fe0431baa7cce6d2155cdc Mon Sep 17 00:00:00 2001
From: Andres Suarez <zertosh@gmail.com>
Date: Tue, 7 Mar 2017 13:44:35 -0800
Subject: [PATCH 135/163] Add yarn steps for adding flow (#1756)

[skip ci]
---
 packages/react-scripts/template/README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index d8576d6949f..fdbd58c6fb9 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -632,12 +632,12 @@ Recent versions of [Flow](http://flowtype.org/) work with Create React App proje
 
 To add Flow to a Create React App project, follow these steps:
 
-1. Run `npm install --save-dev flow-bin`.
+1. Run `npm install --save-dev flow-bin` (or `yarn add --dev flow-bin`).
 2. Add `"flow": "flow"` to the `scripts` section of your `package.json`.
-3. Run `npm run flow -- init` to create a [`.flowconfig` file](https://flowtype.org/docs/advanced-configuration.html) in the root directory.
+3. Run `npm run flow -- init` (or `yarn flow -- init`) to create a [`.flowconfig` file](https://flowtype.org/docs/advanced-configuration.html) in the root directory.
 4. Add `// @flow` to any files you want to type check (for example, to `src/App.js`).
 
-Now you can run `npm run flow` to check the files for type errors.
+Now you can run `npm run flow` (or `yarn flow`) to check the files for type errors.
 You can optionally use an IDE like [Nuclide](https://nuclide.io/docs/languages/flow/) for a better integrated experience.
 In the future we plan to integrate it into Create React App even more closely.
 

From a235694c7bb02317f1143be02855b10c1d60a06e Mon Sep 17 00:00:00 2001
From: "Kent C. Dodds" <kent+github@doddsfamily.us>
Date: Tue, 7 Mar 2017 16:52:43 -0800
Subject: [PATCH 136/163] Add lint-staged + husky for prettier auto-formatting
 on commit (#1759)

---
 PULL_REQUEST_TEMPLATE.md |  2 --
 package.json             | 11 ++++++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/PULL_REQUEST_TEMPLATE.md b/PULL_REQUEST_TEMPLATE.md
index 74c36d4c99e..87acf9c2f90 100644
--- a/PULL_REQUEST_TEMPLATE.md
+++ b/PULL_REQUEST_TEMPLATE.md
@@ -4,7 +4,5 @@ If you changed any code, there are just two more things to do:
 
 * Provide us with clear instructions on how you verified your changes work. Bonus points for screenshots!
 
-* If you changed any code, run `npm run format` in the root folder, and commit and push the changes.
-
 Happy contributing!
 -->
diff --git a/package.json b/package.json
index c95e75ee5f8..9ca7cfc03d9 100644
--- a/package.json
+++ b/package.json
@@ -9,12 +9,21 @@
     "publish": "tasks/release.sh",
     "start": "node packages/react-scripts/scripts/start.js",
     "test": "node packages/react-scripts/scripts/test.js --env=jsdom",
-    "format": "prettier --trailing-comma es5 --single-quote --write 'packages/*/*.js' 'packages/*/!(node_modules)/**/*.js'"
+    "format": "prettier --trailing-comma es5 --single-quote --write 'packages/*/*.js' 'packages/*/!(node_modules)/**/*.js'",
+    "precommit": "lint-staged"
   },
   "devDependencies": {
     "eslint": "3.16.1",
+    "husky": "^0.13.2",
     "lerna": "2.0.0-beta.38",
     "lerna-changelog": "^0.2.3",
+    "lint-staged": "^3.3.1",
     "prettier": "^0.21.0"
+  },
+  "lint-staged": {
+    "*.js": [
+      "prettier --trailing-comma es5 --single-quote --write",
+      "git add"
+    ]
   }
 }

From a002317b9c4ff07d347fd54c5c3d26501e8d6f25 Mon Sep 17 00:00:00 2001
From: alberto <alberto.rdrz@gmail.com>
Date: Wed, 8 Mar 2017 19:37:50 +0100
Subject: [PATCH 137/163] Clarify philosophy about configuration (#1679)

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 128b71d9f34..3b87e1e5033 100644
--- a/README.md
+++ b/README.md
@@ -143,7 +143,7 @@ Please refer to the [User Guide](https://github.com/facebookincubator/create-rea
 
 * **One Dependency:** There is just one build dependency. It uses Webpack, Babel, ESLint, and other amazing projects, but provides a cohesive curated experience on top of them.
 
-* **Convention over Configuration:** You don't need to configure anything by default. Reasonably good configuration of both development and production builds is handled for you so you can focus on writing code.
+* **Zero Configuration:** You don't need to configure anything. Reasonably good configuration of both development and production builds is handled for you so you can focus on writing code.
 
 * **No Lock-In:** You can “eject” to a custom setup at any time. Run a single command, and all the configuration and build dependencies will be moved directly into your project, so you can pick up right where you left off.
 

From 4bc9e79f2a555fa6eded3066632137eecd179636 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Wed, 8 Mar 2017 16:42:25 -0500
Subject: [PATCH 138/163] Update configuration philosophy (#1768)

* Update configuration philosophy

* Remove explanation
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 3b87e1e5033..62814476198 100644
--- a/README.md
+++ b/README.md
@@ -143,7 +143,7 @@ Please refer to the [User Guide](https://github.com/facebookincubator/create-rea
 
 * **One Dependency:** There is just one build dependency. It uses Webpack, Babel, ESLint, and other amazing projects, but provides a cohesive curated experience on top of them.
 
-* **Zero Configuration:** You don't need to configure anything. Reasonably good configuration of both development and production builds is handled for you so you can focus on writing code.
+* **No Configuration Required:** You don't need to configure anything. Reasonably good configuration of both development and production builds is handled for you so you can focus on writing code.
 
 * **No Lock-In:** You can “eject” to a custom setup at any time. Run a single command, and all the configuration and build dependencies will be moved directly into your project, so you can pick up right where you left off.
 

From 8c00af14401556b3068b472ae2d54becd0003208 Mon Sep 17 00:00:00 2001
From: Leo Lamprecht <mindrun@icloud.com>
Date: Wed, 8 Mar 2017 23:34:31 +0100
Subject: [PATCH 139/163] Suggest `serve` for running in production (#1760)

* Suggest `serve` for serving the `build` directory

* How to handle it with Node in prod (or other platforms)

* Pretty newline added

* Adjusted default port of static server

* Remove `open` command from output

* Removed constant assignment

* Better explanation for not using having to use a static server

* Cute newline added

* Style nits
---
 packages/react-scripts/scripts/build.js   | 12 +++------
 packages/react-scripts/template/README.md | 30 +++++++++++++++++++----
 2 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/packages/react-scripts/scripts/build.js b/packages/react-scripts/scripts/build.js
index 548ff3cc68e..69f249f22a3 100644
--- a/packages/react-scripts/scripts/build.js
+++ b/packages/react-scripts/scripts/build.js
@@ -101,7 +101,6 @@ function build(previousFileSizes) {
     printFileSizesAfterBuild(stats, previousFileSizes);
     console.log();
 
-    const openCommand = process.platform === 'win32' ? 'start' : 'open';
     const appPackage = require(paths.appPackageJson);
     const publicUrl = paths.publicUrl;
     const publicPath = config.output.publicPath;
@@ -184,17 +183,14 @@ function build(previousFileSizes) {
       }
       const build = path.relative(process.cwd(), paths.appBuild);
       console.log(`The ${chalk.cyan(build)} folder is ready to be deployed.`);
-      console.log('You may also serve it locally with a static server:');
+      console.log('You may serve it with a static server:');
       console.log();
       if (useYarn) {
-        console.log(`  ${chalk.cyan('yarn')} global add pushstate-server`);
+        console.log(`  ${chalk.cyan('yarn')} global add serve`);
       } else {
-        console.log(`  ${chalk.cyan('npm')} install -g pushstate-server`);
+        console.log(`  ${chalk.cyan('npm')} install -g serve`);
       }
-      console.log(`  ${chalk.cyan('pushstate-server')} build`);
-      console.log(
-        `  ${chalk.cyan(openCommand)} http://localhost:${process.env.PORT || 9000}`
-      );
+      console.log(`  ${chalk.cyan('serve')} -s build`);
       console.log();
     }
   });
diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index fdbd58c6fb9..933e9b0cdcb 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -62,6 +62,8 @@ You can find the most recent version of this guide [here](https://github.com/fac
 - [Developing Components in Isolation](#developing-components-in-isolation)
 - [Making a Progressive Web App](#making-a-progressive-web-app)
 - [Deployment](#deployment)
+  - [Static Server](#static-server)
+  - [Other Solutions](#other-solutions)
   - [Serving Apps with Client-Side Routing](#serving-apps-with-client-side-routing)
   - [Building for Relative Paths](#building-for-relative-paths)
   - [Azure](#azure)
@@ -1210,14 +1212,30 @@ You can turn your React app into a [Progressive Web App](https://developers.goog
 
 ## Deployment
 
-`npm run build` creates a `build` directory with a production build of your app. Set up your favourite HTTP server so that a visitor to your site is served `index.html`, and requests to static paths like `/static/js/main.<hash>.js` are served with the contents of the `/static/js/main.<hash>.js` file. For example, Python contains a built-in HTTP server that can serve static files:
+`npm run build` creates a `build` directory with a production build of your app. Set up your favourite HTTP server so that a visitor to your site is served `index.html`, and requests to static paths like `/static/js/main.<hash>.js` are served with the contents of the `/static/js/main.<hash>.js` file.
+
+### Static Server
+
+For environments using [Node](https://nodejs.org/), the easiest way to handle this would be to install [serve](https://github.com/zeit/serve) and let it handle the rest:
+
+```sh
+npm install -g serve
+serve -s build
+```
+
+The last command shown above will serve your static site on the port **5000**. Like many of [serve](https://github.com/zeit/serve)’s internal settings, the port can be adjusted using the `-p` or `--port` flags.
+
+Run this command to get a full list of the options available:
 
 ```sh
-cd build
-python -m SimpleHTTPServer 9000
+serve -h
 ```
 
-If you’re using [Node](https://nodejs.org/) and [Express](http://expressjs.com/) as a server, it might look like this:
+### Other Solutions
+
+You don’t necessarily need a static server in order to run a Create React App project in production. It works just as fine integrated into an existing dynamic one.
+
+Here’s a programmatic example using [Node](https://nodejs.org/) and [Express](http://expressjs.com/):
 
 ```javascript
 const express = require('express');
@@ -1233,7 +1251,9 @@ app.get('/', function (req, res) {
 app.listen(9000);
 ```
 
-Create React App is not opinionated about your choice of web server. Any static file server will do. The `build` folder with static assets is the only output produced by Create React App.
+The choice of your server software isn’t important either. Since Create React App is completely platform-agnostic, there’s no need to explicitly use Node.
+
+The `build` folder with static assets is the only output produced by Create React App.
 
 However this is not quite enough if you use client-side routing. Read the next section if you want to support URLs like `/todos/42` in your single-page app.
 

From 9c9f8f66e22dbd60cd373e04fcf07072a5d624f5 Mon Sep 17 00:00:00 2001
From: Ben Alpert <ben@benalpert.com>
Date: Wed, 8 Mar 2017 19:49:34 -0800
Subject: [PATCH 140/163] Remove 'guard-for-in' lint rule (#1773)

Iterating over an object's keys using `for/in` is idiomatic and it's safe (in all modern browsers) to not check hasOwnProperty as long as the object is a plain object. Can we remove this lint rule?
---
 packages/eslint-config-react-app/index.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/eslint-config-react-app/index.js b/packages/eslint-config-react-app/index.js
index 1c6911cb2de..b909db3e21b 100644
--- a/packages/eslint-config-react-app/index.js
+++ b/packages/eslint-config-react-app/index.js
@@ -59,7 +59,6 @@ module.exports = {
     'default-case': ['warn', { commentPattern: '^no default$' }],
     'dot-location': ['warn', 'property'],
     eqeqeq: ['warn', 'allow-null'],
-    'guard-for-in': 'warn',
     'new-parens': 'warn',
     'no-array-constructor': 'warn',
     'no-caller': 'warn',

From 0c0c5c1f24c38feb57bea54795a11c0e0d0a2300 Mon Sep 17 00:00:00 2001
From: Ryan Walters <shout@ryanwalters.co>
Date: Thu, 9 Mar 2017 15:01:43 -0600
Subject: [PATCH 141/163] Run CI on Node 7; Bump detect-port: 1.0.1 -> 1.1.0
 (#1776) (#1783)

* Run CI on Node 7

* Bump detect-port: 1.0.1 -> 1.1.0

* Run AppVeyor CI on Node 7
---
 .travis.yml                         | 1 +
 appveyor.yml                        | 6 ++++++
 packages/react-scripts/package.json | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index 524224e9f6b..fa2c7d8b364 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -3,6 +3,7 @@ language: node_js
 node_js:
   - 4
   - 6
+  - 7
 cache:
   directories:
   - node_modules
diff --git a/appveyor.yml b/appveyor.yml
index bc2ac1b3f88..3a69d68e16c 100644
--- a/appveyor.yml
+++ b/appveyor.yml
@@ -1,5 +1,11 @@
 environment:
   matrix:
+    - nodejs_version: 7
+      test_suite: "simple"
+    - nodejs_version: 7
+      test_suite: "installs"
+    - nodejs_version: 7
+      test_suite: "kitchensink"
     - nodejs_version: 6
       test_suite: "simple"
     - nodejs_version: 6
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 5389aa90efb..59542d4361d 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -35,7 +35,7 @@
     "connect-history-api-fallback": "1.3.0",
     "cross-spawn": "4.0.2",
     "css-loader": "0.26.2",
-    "detect-port": "1.0.1",
+    "detect-port": "1.1.0",
     "dotenv": "2.0.0",
     "eslint": "3.16.1",
     "eslint-config-react-app": "^0.6.1",

From 2a031376d05f2b7ed1ad88d0d45d6f12b4d47e3a Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Thu, 9 Mar 2017 21:17:05 +0000
Subject: [PATCH 142/163] Add 0.9.5 changelog (#1784)

* Add 0.9.5 changelog

* Update CHANGELOG.md
---
 CHANGELOG.md | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a790aaff7da..b96fd76db7d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,49 @@
+## 0.9.5 (March 9, 2017)
+
+#### :bug: Bug Fix
+
+* `react-scripts`
+
+  * [#1783](https://github.com/facebookincubator/create-react-app/pull/1783) **Work around Node 7.7.2 bug that crashes `npm start`.** ([@ryanwalters](https://github.com/ryanwalters))
+
+#### :nail_care: Enhancement
+
+* `eslint-config-react-app`
+
+  * [#1773](https://github.com/facebookincubator/create-react-app/pull/1773) Remove `guard-for-in` lint rule. ([@spicyj](https://github.com/spicyj))
+
+* `react-scripts`
+  * [#1760](https://github.com/facebookincubator/create-react-app/pull/1760) Suggest `serve` for running in production. ([@leo](https://github.com/leo))
+  * [#1747](https://github.com/facebookincubator/create-react-app/pull/1747) Display `yarn` instead of `yarnpkg` when creating a new app. ([@lpalmes](https://github.com/lpalmes))
+
+#### :memo: Documentation
+
+* `react-scripts`
+
+  * [#1756](https://github.com/facebookincubator/create-react-app/pull/1756) Add Yarn steps for adding Flow. ([@zertosh](https://github.com/zertosh))
+
+#### :house: Internal
+
+* `babel-preset-react-app`
+
+  * [#1742](https://github.com/facebookincubator/create-react-app/pull/1742) Switch to `babel-preset-env` to remove the deprecation warning. ([@Timer](https://github.com/Timer))
+
+#### Committers: 6
+- Andres Suarez ([zertosh](https://github.com/zertosh))
+- Ben Alpert ([spicyj](https://github.com/spicyj))
+- Joe Haddad ([Timer](https://github.com/Timer))
+- Leo Lamprecht ([leo](https://github.com/leo))
+- Lorenzo Palmes ([lpalmes](https://github.com/lpalmes))
+- Ryan Walters ([ryanwalters](https://github.com/ryanwalters))
+
+### Migrating from 0.9.4 to 0.9.5
+
+Inside any created project that has not been ejected, run:
+
+```
+npm install --save-dev --save-exact react-scripts@0.9.5
+```
+
 ## 0.9.4 (March 6, 2017)
 
 #### :bug: Bug Fix

From 76680ae7ebbabaa91eb11a3e593cadebaf77921a Mon Sep 17 00:00:00 2001
From: Michael Hsu <evenchange4@gmail.com>
Date: Fri, 10 Mar 2017 10:06:44 +0800
Subject: [PATCH 143/163] docs(babel-preset): Update comment info about
 babel-preset-env. (#1787)

---
 packages/babel-preset-react-app/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/babel-preset-react-app/index.js b/packages/babel-preset-react-app/index.js
index bba6e3fdb4b..fbd421beb1e 100644
--- a/packages/babel-preset-react-app/index.js
+++ b/packages/babel-preset-react-app/index.js
@@ -120,7 +120,7 @@ if (env === 'test') {
       [
         require.resolve('babel-plugin-transform-regenerator'),
         {
-          // Async functions are converted to generators by babel-preset-latest
+          // Async functions are converted to generators by babel-preset-env
           async: false,
         },
       ],

From 0a663477d40a297bf0cc4c9d4ef9b5945a28461d Mon Sep 17 00:00:00 2001
From: moniuch <moniuch@gmail.com>
Date: Sat, 11 Mar 2017 23:04:03 +0100
Subject: [PATCH 144/163] Feature/readme-nomoretools (#1799)

* docs: replace TDLR with a meaningful heading

* docs: insert section No additional build tools

* Tweak wording
---
 README.md | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 62814476198..0e4699320c8 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ Create React apps with no build configuration.
 Create React App works on macOS, Windows, and Linux.<br>
 If something doesn’t work please [file an issue](https://github.com/facebookincubator/create-react-app/issues/new).
 
-## tl;dr
+## Quick Overview
 
 ```sh
 npm install -g create-react-app
@@ -23,6 +23,13 @@ When you’re ready to deploy to production, create a minified bundle with `npm
 
 <img src='https://camo.githubusercontent.com/506a5a0a33aebed2bf0d24d3999af7f582b31808/687474703a2f2f692e696d6775722e636f6d2f616d794e66434e2e706e67' width='600' alt='npm start'>
 
+### Get Started Immediately
+
+You **don’t** need to install or configure tools like Webpack or Babel.<br>
+They are preconfigured and hidden so that you can focus on the code.
+
+Just create a project, and you’re good to go.
+
 ## Getting Started
 
 ### Installation

From 052fcdd986d13256e88ee8dc20a5dcf8e0e47fe9 Mon Sep 17 00:00:00 2001
From: Geoff Davis <geoffdavis92@users.noreply.github.com>
Date: Sun, 12 Mar 2017 10:13:41 -0500
Subject: [PATCH 145/163] Suggest "yarn build" rather than "yarn run build"
 (#1800)

* Fix for issue #1798: Suggested 'yarn build' versus 'yarn run build'

* remove 'run' from 'yarn test' command as well

* conditionally show 'run' if Yarn is not available
---
 packages/react-scripts/scripts/init.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/react-scripts/scripts/init.js b/packages/react-scripts/scripts/init.js
index b8a820c821d..9e2ea5cdcd0 100644
--- a/packages/react-scripts/scripts/init.js
+++ b/packages/react-scripts/scripts/init.js
@@ -149,13 +149,17 @@ module.exports = function(
   console.log(chalk.cyan(`  ${displayedCommand} start`));
   console.log('    Starts the development server.');
   console.log();
-  console.log(chalk.cyan(`  ${displayedCommand} run build`));
+  console.log(
+    chalk.cyan(`  ${displayedCommand} ${useYarn ? '' : 'run '}build`)
+  );
   console.log('    Bundles the app into static files for production.');
   console.log();
   console.log(chalk.cyan(`  ${displayedCommand} test`));
   console.log('    Starts the test runner.');
   console.log();
-  console.log(chalk.cyan(`  ${displayedCommand} run eject`));
+  console.log(
+    chalk.cyan(`  ${displayedCommand} ${useYarn ? '' : 'run '}eject`)
+  );
   console.log(
     '    Removes this tool and copies build dependencies, configuration files'
   );

From b55a7d80f2b07220781b05b8e144d19e436ffea3 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Mon, 13 Mar 2017 16:19:37 +0000
Subject: [PATCH 146/163] Tweak the wording

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 0e4699320c8..cac8811b813 100644
--- a/README.md
+++ b/README.md
@@ -44,7 +44,7 @@ npm install -g create-react-app
 
 **We strongly recommend to use Node >= 6 and npm >= 3 for faster installation speed and better disk usage.** You can use [nvm](https://github.com/creationix/nvm#usage) to easily switch Node versions between different projects.
 
-**This tool doesn’t assume a Node backend**. The Node installation is only required for the build tools that rely on it locally, such as Webpack and Babel.
+**This tool doesn’t assume a Node backend**. The Node installation is only required for Create React App itself.
 
 ### Creating an App
 

From ccb5f84dc6455024c486a80f0060c9802b5cb5d1 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Tue, 14 Mar 2017 15:17:53 +0000
Subject: [PATCH 147/163] Fixes a silent crash when ejecting (#1810)

* Fixes a silent crash when ejecting

* Delete unnecessary files

* Remove references to eslintrc in Webpack config

* Fix lint

* Correct ESLint CLI options
---
 packages/react-scripts/babelrc                     |  3 ---
 .../react-scripts/config/webpack.config.dev.js     |  9 +++------
 .../react-scripts/config/webpack.config.prod.js    |  9 +++------
 packages/react-scripts/eslintrc                    |  3 ---
 packages/react-scripts/package.json                |  2 --
 packages/react-scripts/scripts/eject.js            | 14 ++++++--------
 6 files changed, 12 insertions(+), 28 deletions(-)
 delete mode 100644 packages/react-scripts/babelrc
 delete mode 100644 packages/react-scripts/eslintrc

diff --git a/packages/react-scripts/babelrc b/packages/react-scripts/babelrc
deleted file mode 100644
index ad8e03a8248..00000000000
--- a/packages/react-scripts/babelrc
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "presets": ["react-app"]
-}
\ No newline at end of file
diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index c7948b66f6e..aea37eab6bc 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -19,11 +19,6 @@ const WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeM
 const getClientEnvironment = require('./env');
 const paths = require('./paths');
 
-// @remove-on-eject-begin
-// `path` is not used after eject - see https://github.com/facebookincubator/create-react-app/issues/1174
-const path = require('path');
-// @remove-on-eject-end
-
 // Webpack uses `publicPath` to determine where the app is being served from.
 // In development, we always serve from the root. This makes config easier.
 const publicPath = '/';
@@ -121,7 +116,9 @@ module.exports = {
             // @remove-on-eject-begin
             // Point ESLint to our predefined config.
             options: {
-              configFile: path.join(__dirname, '../eslintrc'),
+              baseConfig: {
+                extends: ['react-app'],
+              },
               useEslintrc: false,
             },
             // @remove-on-eject-end
diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js
index 979ed4e4d6d..218eb46bb0c 100644
--- a/packages/react-scripts/config/webpack.config.prod.js
+++ b/packages/react-scripts/config/webpack.config.prod.js
@@ -19,11 +19,6 @@ const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
 const paths = require('./paths');
 const getClientEnvironment = require('./env');
 
-// @remove-on-eject-begin
-// `path` is not used after eject - see https://github.com/facebookincubator/create-react-app/issues/1174
-const path = require('path');
-// @remove-on-eject-end
-
 // Webpack uses `publicPath` to determine where the app is being served from.
 // It requires a trailing slash, or the file assets will get an incorrect path.
 const publicPath = paths.servedPath;
@@ -122,7 +117,9 @@ module.exports = {
             options: {
               // TODO: consider separate config for production,
               // e.g. to enable no-console and no-debugger only in production.
-              configFile: path.join(__dirname, '../eslintrc'),
+              baseConfig: {
+                extends: ['react-app'],
+              },
               useEslintrc: false,
             },
             // @remove-on-eject-end
diff --git a/packages/react-scripts/eslintrc b/packages/react-scripts/eslintrc
deleted file mode 100644
index 5e603ecd193..00000000000
--- a/packages/react-scripts/eslintrc
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "react-app"
-}
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 59542d4361d..b2cb03bb972 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -11,8 +11,6 @@
     "url": "https://github.com/facebookincubator/create-react-app/issues"
   },
   "files": [
-    "babelrc",
-    "eslintrc",
     "bin",
     "config",
     "scripts",
diff --git a/packages/react-scripts/scripts/eject.js b/packages/react-scripts/scripts/eject.js
index 68c43d25068..8edc441002e 100644
--- a/packages/react-scripts/scripts/eject.js
+++ b/packages/react-scripts/scripts/eject.js
@@ -100,12 +100,6 @@ prompt(
 
   const ownPackage = require(path.join(ownPath, 'package.json'));
   const appPackage = require(path.join(appPath, 'package.json'));
-  const babelConfig = JSON.parse(
-    fs.readFileSync(path.join(ownPath, '.babelrc'), 'utf8')
-  );
-  const eslintConfig = JSON.parse(
-    fs.readFileSync(path.join(ownPath, '.eslintrc'), 'utf8')
-  );
 
   console.log(cyan('Updating the dependencies'));
   const ownPackageName = ownPackage.name;
@@ -154,11 +148,15 @@ prompt(
 
   // Add Babel config
   console.log(`  Adding ${cyan('Babel')} preset`);
-  appPackage.babel = babelConfig;
+  appPackage.babel = {
+    presets: ['react-app'],
+  };
 
   // Add ESlint config
   console.log(`  Adding ${cyan('ESLint')} configuration`);
-  appPackage.eslintConfig = eslintConfig;
+  appPackage.eslintConfig = {
+    extends: 'react-app',
+  };
 
   fs.writeFileSync(
     path.join(appPath, 'package.json'),

From b3dc81df7d0787bb4769f6d07e3e4c729cb9079a Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Tue, 14 Mar 2017 18:55:22 +0000
Subject: [PATCH 148/163] Link to CRNA

---
 README.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/README.md b/README.md
index cac8811b813..ec24d939774 100644
--- a/README.md
+++ b/README.md
@@ -209,6 +209,11 @@ All of them are transitive dependencies of the provided npm package.
 
 We'd love to have your helping hand on `create-react-app`! See [CONTRIBUTING.md](CONTRIBUTING.md) for more information on what we're looking for and how to get started.
 
+## React Native
+
+Looking for something similar, but for React Native?<br>
+Check out [Create React Native App](https://github.com/react-community/create-react-native-app/).
+
 ## Acknowledgements
 
 We are grateful to the authors of existing related projects for their ideas and collaboration:

From 0ace417c459dc5f1355f5f9a820c5b847feb4e35 Mon Sep 17 00:00:00 2001
From: David <david.bismut@gmail.com>
Date: Tue, 14 Mar 2017 20:32:48 +0100
Subject: [PATCH 149/163] Make scripts crash on unhandled rejections (#1819)

* Makes end-to-end testing crash on unhandled rejections

* Comment fix
---
 packages/react-scripts/scripts/build.js | 7 +++++++
 packages/react-scripts/scripts/eject.js | 7 +++++++
 packages/react-scripts/scripts/init.js  | 7 +++++++
 packages/react-scripts/scripts/start.js | 7 +++++++
 packages/react-scripts/scripts/test.js  | 7 +++++++
 5 files changed, 35 insertions(+)

diff --git a/packages/react-scripts/scripts/build.js b/packages/react-scripts/scripts/build.js
index 69f249f22a3..fe4ec959d4d 100644
--- a/packages/react-scripts/scripts/build.js
+++ b/packages/react-scripts/scripts/build.js
@@ -13,6 +13,13 @@
 // Do this as the first thing so that any code reading it knows the right env.
 process.env.NODE_ENV = 'production';
 
+// Makes the script crash on unhandled rejections instead of silently
+// ignoring them. In the future, promise rejections that are not handled will
+// terminate the Node.js process with a non-zero exit code.
+process.on('unhandledRejection', err => {
+  throw err;
+});
+
 // Load environment variables from .env file. Suppress warnings using silent
 // if this file is missing. dotenv will never modify any environment variables
 // that have already been set.
diff --git a/packages/react-scripts/scripts/eject.js b/packages/react-scripts/scripts/eject.js
index 8edc441002e..e07a57ba5e7 100644
--- a/packages/react-scripts/scripts/eject.js
+++ b/packages/react-scripts/scripts/eject.js
@@ -9,6 +9,13 @@
  */
 'use strict';
 
+// Makes the script crash on unhandled rejections instead of silently
+// ignoring them. In the future, promise rejections that are not handled will
+// terminate the Node.js process with a non-zero exit code.
+process.on('unhandledRejection', err => {
+  throw err;
+});
+
 const fs = require('fs-extra');
 const path = require('path');
 const spawnSync = require('cross-spawn').sync;
diff --git a/packages/react-scripts/scripts/init.js b/packages/react-scripts/scripts/init.js
index 9e2ea5cdcd0..87d87e621e7 100644
--- a/packages/react-scripts/scripts/init.js
+++ b/packages/react-scripts/scripts/init.js
@@ -9,6 +9,13 @@
  */
 'use strict';
 
+// Makes the script crash on unhandled rejections instead of silently
+// ignoring them. In the future, promise rejections that are not handled will
+// terminate the Node.js process with a non-zero exit code.
+process.on('unhandledRejection', err => {
+  throw err;
+});
+
 const fs = require('fs-extra');
 const path = require('path');
 const spawn = require('cross-spawn');
diff --git a/packages/react-scripts/scripts/start.js b/packages/react-scripts/scripts/start.js
index 142a1f6d705..12cce8ed313 100644
--- a/packages/react-scripts/scripts/start.js
+++ b/packages/react-scripts/scripts/start.js
@@ -10,6 +10,13 @@
 // @remove-on-eject-end
 'use strict';
 
+// Makes the script crash on unhandled rejections instead of silently
+// ignoring them. In the future, promise rejections that are not handled will
+// terminate the Node.js process with a non-zero exit code.
+process.on('unhandledRejection', err => {
+  throw err;
+});
+
 process.env.NODE_ENV = 'development';
 
 // Load environment variables from .env file. Suppress warnings using silent
diff --git a/packages/react-scripts/scripts/test.js b/packages/react-scripts/scripts/test.js
index e3a0094f982..5c395999d97 100644
--- a/packages/react-scripts/scripts/test.js
+++ b/packages/react-scripts/scripts/test.js
@@ -13,6 +13,13 @@
 process.env.NODE_ENV = 'test';
 process.env.PUBLIC_URL = '';
 
+// Makes the script crash on unhandled rejections instead of silently
+// ignoring them. In the future, promise rejections that are not handled will
+// terminate the Node.js process with a non-zero exit code.
+process.on('unhandledRejection', err => {
+  throw err;
+});
+
 // Load environment variables from .env file. Suppress warnings using silent
 // if this file is missing. dotenv will never modify any environment variables
 // that have already been set.

From 9512d97900f12b62f1220d394d7859556719b62e Mon Sep 17 00:00:00 2001
From: Jonathan <jonathan@xgecko.com>
Date: Tue, 14 Mar 2017 17:26:09 -0700
Subject: [PATCH 150/163] Allow creation of apps in empty mercurial repos
 (#1811)

* Allow creation of apps in empty mercurial repos

* Adding .hgignore to list of validFiles for isSafeToCreateProjectIn check

* Adding .hgcheck to list of validFiles for isSafeToCreateProjectIn check
---
 packages/create-react-app/createReactApp.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/create-react-app/createReactApp.js b/packages/create-react-app/createReactApp.js
index da9250d4d71..4bfd9171633 100755
--- a/packages/create-react-app/createReactApp.js
+++ b/packages/create-react-app/createReactApp.js
@@ -501,6 +501,9 @@ function isSafeToCreateProjectIn(root) {
     'README.md',
     'LICENSE',
     'web.iml',
+    '.hg',
+    '.hgignore',
+    '.hgcheck',
   ];
   return fs.readdirSync(root).every(file => validFiles.indexOf(file) >= 0);
 }

From 35d84ef0521166f3cc6a1f131d1d9a15403e113c Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sat, 18 Mar 2017 15:28:37 +0000
Subject: [PATCH 151/163] Make Surge guide more focused

---
 packages/react-scripts/template/README.md | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index 933e9b0cdcb..bd065e9917e 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -1539,21 +1539,12 @@ See this [blog post](https://medium.com/@omgwtfmarc/deploying-create-react-app-t
 
 ### Surge
 
-Install the Surge CLI if you haven’t already by running `npm install -g surge`. Run the `surge` command and log in you or create a new account. You just need to specify the *build* folder and your custom domain, and you are done.
+Install the Surge CLI if you haven’t already by running `npm install -g surge`. Run the `surge` command and log in you or create a new account.
+
+When asked about the project path, make sure to specify the `build` folder, for example:
 
 ```sh
-              email: email@domain.com
-           password: ********
        project path: /path/to/project/build
-               size: 7 files, 1.8 MB
-             domain: create-react-app.surge.sh
-             upload: [====================] 100%, eta: 0.0s
-   propagate on CDN: [====================] 100%
-               plan: Free
-              users: email@domain.com
-         IP Address: X.X.X.X
-
-    Success! Project is published and running at create-react-app.surge.sh
 ```
 
 Note that in order to support routers that use HTML5 `pushState` API, you may want to rename the `index.html` in your build folder to `200.html` before deploying to Surge. This [ensures that every URL falls back to that file](https://surge.sh/help/adding-a-200-page-for-client-side-routing).

From c436bf356e3ec8b512d23ef3efef84fa61102224 Mon Sep 17 00:00:00 2001
From: Stoicescu Cristi <stoicescucristi93@gmail.com>
Date: Tue, 21 Mar 2017 03:21:09 +0200
Subject: [PATCH 152/163] User Guide: Removed blockquote from code section, due
 to markdown conflict (#1869)

* Removed blockquote from code section

* Fix the fix
---
 packages/react-scripts/template/README.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md
index bd065e9917e..147c9280e24 100644
--- a/packages/react-scripts/template/README.md
+++ b/packages/react-scripts/template/README.md
@@ -227,11 +227,11 @@ You would need to install an ESLint plugin for your editor first.
 >VS Code ESLint plugin automatically detects Create React App's configuration file. So you do not need to create `eslintrc.json` at the root directory, except when you want to add your own rules. In that case, you should include CRA's config by adding this line:
 
 >```js
-{
-  // ...
-  "extends": "react-app"
-}
-```
+>{
+>  // ...
+>  "extends": "react-app"
+>}
+>```
 
 Then add this block to the `package.json` file of your project:
 

From 2574a7ecc1050e7aa3e5dd89e063b96a52c7e014 Mon Sep 17 00:00:00 2001
From: Darren Scerri <darren@scerri.me>
Date: Wed, 22 Mar 2017 01:04:29 +0100
Subject: [PATCH 153/163] Fix AppVeyor CI (#1876)

---
 appveyor.yml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/appveyor.yml b/appveyor.yml
index 3a69d68e16c..1fb731998d2 100644
--- a/appveyor.yml
+++ b/appveyor.yml
@@ -32,6 +32,8 @@ platform:
   - x64
 
 install:
+  # TODO: Remove after https://github.com/appveyor/ci/issues/1426 is fixed
+  - set PATH=C:\Program Files\Git\mingw64\bin;%PATH%
   - ps: Install-Product node $env:nodejs_version $env:platform
 
 build: off

From 82cebbf34e85b82e8cbde030ce6e433d3da596ab Mon Sep 17 00:00:00 2001
From: Maxim Kazantsev <m.kazantsev@gmail.com>
Date: Wed, 22 Mar 2017 17:47:59 +0000
Subject: [PATCH 154/163] Provide commander with package name (#1867)

commander to figure it out on its own
---
 packages/create-react-app/createReactApp.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/create-react-app/createReactApp.js b/packages/create-react-app/createReactApp.js
index 4bfd9171633..660713bcaaf 100755
--- a/packages/create-react-app/createReactApp.js
+++ b/packages/create-react-app/createReactApp.js
@@ -21,10 +21,12 @@ const tmp = require('tmp');
 const unpack = require('tar-pack').unpack;
 const hyperquest = require('hyperquest');
 
+const packageJson = require('./package.json');
+
 let projectName;
 
-const program = commander
-  .version(require('./package.json').version)
+const program = new commander.Command(packageJson.name)
+  .version(packageJson.version)
   .arguments('<project-directory>')
   .usage(`${chalk.green('<project-directory>')} [options]`)
   .action(name => {

From 2ac3f99b692629c1668da153be09b1aa3f7942b3 Mon Sep 17 00:00:00 2001
From: Jonathan <jonathan@xgecko.com>
Date: Wed, 22 Mar 2017 10:49:25 -0700
Subject: [PATCH 155/163] Fix responsive behavior in iOS 9+ (#1821)

* Adding shrink-to-fit=no for proper responsive handling on Safari 9+
---
 packages/react-scripts/template/public/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/template/public/index.html b/packages/react-scripts/template/public/index.html
index aab5e3b00ce..3622e29b418 100644
--- a/packages/react-scripts/template/public/index.html
+++ b/packages/react-scripts/template/public/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
     <!--
       Notice the use of %PUBLIC_URL% in the tag above.

From 0d4d59f73eeb06ca269614c0158d7564c5e5f3f5 Mon Sep 17 00:00:00 2001
From: Koen de Leijer <koen@leijer.nl>
Date: Wed, 22 Mar 2017 18:56:04 +0100
Subject: [PATCH 156/163] Check internet connectivity with lookup instead of
 resolve (#1863)

Resolves #1818
---
 packages/create-react-app/createReactApp.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/create-react-app/createReactApp.js b/packages/create-react-app/createReactApp.js
index 660713bcaaf..0ddbd5217ee 100755
--- a/packages/create-react-app/createReactApp.js
+++ b/packages/create-react-app/createReactApp.js
@@ -518,7 +518,7 @@ function checkIfOnline(useYarn) {
   }
 
   return new Promise(resolve => {
-    dns.resolve('registry.yarnpkg.com', err => {
+    dns.lookup('registry.yarnpkg.com', err => {
       resolve(err === null);
     });
   });

From bc6fc950550494bb0d75a5fca01d72da06c920df Mon Sep 17 00:00:00 2001
From: Andrej Badin <contact@andrejbadin.com>
Date: Wed, 22 Mar 2017 23:04:52 +0100
Subject: [PATCH 157/163] Update `detect-port` (#1861)

Previous changes caused `detect-port` to pick random port on app startup. Update fixes this regression, `detect-port` pick next available port instead.
---
 packages/react-scripts/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index b2cb03bb972..6378430c4da 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -33,7 +33,7 @@
     "connect-history-api-fallback": "1.3.0",
     "cross-spawn": "4.0.2",
     "css-loader": "0.26.2",
-    "detect-port": "1.1.0",
+    "detect-port": "1.1.1",
     "dotenv": "2.0.0",
     "eslint": "3.16.1",
     "eslint-config-react-app": "^0.6.1",

From 47a8148fb195707b4fb533521afd3aee6807d92a Mon Sep 17 00:00:00 2001
From: Asa Ayers <asa@asaayers.com>
Date: Wed, 22 Mar 2017 17:29:53 -0700
Subject: [PATCH 158/163] Fix importing npm linked libraries (#1359)

* Fix importing npm linked libraries

* Update webpack.config.dev.js

* Update webpack.config.prod.js
---
 packages/react-scripts/config/webpack.config.dev.js  | 2 +-
 packages/react-scripts/config/webpack.config.prod.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index aea37eab6bc..7244ff79671 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -79,7 +79,7 @@ module.exports = {
     // We placed these paths second because we want `node_modules` to "win"
     // if there are any conflicts. This matches Node resolution mechanism.
     // https://github.com/facebookincubator/create-react-app/issues/253
-    modules: ['node_modules'].concat(paths.nodePaths),
+    modules: ['node_modules', paths.appNodeModules].concat(paths.nodePaths),
     // These are the reasonable defaults supported by the Node ecosystem.
     // We also include JSX as a common component filename extension to support
     // some tools, although we do not recommend using it, see:
diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js
index 218eb46bb0c..01e9d6fe796 100644
--- a/packages/react-scripts/config/webpack.config.prod.js
+++ b/packages/react-scripts/config/webpack.config.prod.js
@@ -78,7 +78,7 @@ module.exports = {
     // We placed these paths second because we want `node_modules` to "win"
     // if there are any conflicts. This matches Node resolution mechanism.
     // https://github.com/facebookincubator/create-react-app/issues/253
-    modules: ['node_modules'].concat(paths.nodePaths),
+    modules: ['node_modules', paths.appNodeModules].concat(paths.nodePaths),
     // These are the reasonable defaults supported by the Node ecosystem.
     // We also include JSX as a common component filename extension to support
     // some tools, although we do not recommend using it, see:

From 1e1a3cbf10e3649627941fe422911c92145aa274 Mon Sep 17 00:00:00 2001
From: Lorenzo Palmes <lpalmes@gmail.com>
Date: Thu, 23 Mar 2017 20:49:05 -0300
Subject: [PATCH 159/163] Test for accidental extraneous dependencies (#1825)

* Added test to check for accidental dependencies

* Refactored test into a function

* Removed non capturing group from grep

* Update e2e-installs.sh
---
 tasks/e2e-installs.sh | 28 +++++++++++++++++++++++++---
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/tasks/e2e-installs.sh b/tasks/e2e-installs.sh
index cacf4f96e1f..b8f401680a9 100755
--- a/tasks/e2e-installs.sh
+++ b/tasks/e2e-installs.sh
@@ -46,6 +46,26 @@ function exists {
   done
 }
 
+# Check for accidental dependencies in package.json
+function checkDependencies {
+  if ! awk '/"dependencies": {/{y=1;next}/},/{y=0; next}y' package.json | \
+  grep -v -q -E '^\s*"react(-dom|-scripts)?"'; then
+   echo "Dependencies are correct"
+  else
+   echo "There are extraneous dependencies in package.json"
+   exit 1
+  fi
+
+
+  if ! awk '/"devDependencies": {/{y=1;next}/},/{y=0; next}y' package.json | \
+  grep -v -q -E '^\s*"react(-dom|-scripts)?"'; then
+   echo "Dev Dependencies are correct"
+  else
+   echo "There are extraneous devDependencies in package.json"
+   exit 1
+  fi
+}
+
 function create_react_app {
   node "$temp_cli_path"/node_modules/create-react-app/index.js $*
 }
@@ -95,6 +115,7 @@ cd test-app-version-number
 # Check corresponding scripts version is installed.
 exists node_modules/react-scripts
 grep '"version": "0.4.0"' node_modules/react-scripts/package.json
+checkDependencies
 
 # ******************************************************************************
 # Test --scripts-version with a tarball url
@@ -107,6 +128,7 @@ cd test-app-tarball-url
 # Check corresponding scripts version is installed.
 exists node_modules/react-scripts
 grep '"version": "0.4.0"' node_modules/react-scripts/package.json
+checkDependencies
 
 # ******************************************************************************
 # Test --scripts-version with a custom fork of react-scripts
@@ -161,7 +183,7 @@ exists node_modules/@enoah_netzach/react-scripts
 # Test nested folder path as the project name
 # ******************************************************************************
 
-#Testing a path that exists
+# Testing a path that exists
 cd "$temp_app_path"
 mkdir test-app-nested-paths-t1
 cd test-app-nested-paths-t1
@@ -170,13 +192,13 @@ create_react_app test-app-nested-paths-t1/aa/bb/cc/dd
 cd test-app-nested-paths-t1/aa/bb/cc/dd
 npm start -- --smoke-test
 
-#Testing a path that does not exist
+# Testing a path that does not exist
 cd "$temp_app_path"
 create_react_app test-app-nested-paths-t2/aa/bb/cc/dd
 cd test-app-nested-paths-t2/aa/bb/cc/dd
 npm start -- --smoke-test
 
-#Testing a path that is half exists
+# Testing a path that is half exists
 cd "$temp_app_path"
 mkdir -p test-app-nested-paths-t3/aa
 create_react_app test-app-nested-paths-t3/aa/bb/cc/dd

From b403048f01b74618fe1437eb4616a3e1aee81951 Mon Sep 17 00:00:00 2001
From: Darren Scerri <darren@scerri.me>
Date: Fri, 24 Mar 2017 11:52:38 +0100
Subject: [PATCH 160/163] Fix AppVeyor CI (#1868)

* Fix AppVeyor CI (#1876)

* Run AppVeyor on Visual Studio 2017
---
 appveyor.yml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/appveyor.yml b/appveyor.yml
index 1fb731998d2..8b2b688fc66 100644
--- a/appveyor.yml
+++ b/appveyor.yml
@@ -1,3 +1,5 @@
+image: Visual Studio 2017
+
 environment:
   matrix:
     - nodejs_version: 7

From 7b124e7fd4decf2d2374d14b440254b9dc53c5c8 Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Sun, 26 Mar 2017 23:50:36 -0400
Subject: [PATCH 161/163] Re-disable babel modules transform (#1894)

* Upgrade webpack & related deps

* Disable module transform (requires webpack 2+)
---
 packages/babel-preset-react-app/index.js |  2 ++
 packages/react-scripts/package.json      | 14 +++++++-------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/babel-preset-react-app/index.js b/packages/babel-preset-react-app/index.js
index fbd421beb1e..089c81dbbe0 100644
--- a/packages/babel-preset-react-app/index.js
+++ b/packages/babel-preset-react-app/index.js
@@ -110,6 +110,8 @@ if (env === 'test') {
           },
           // Disable polyfill transforms
           useBuiltIns: false,
+          // Do not transform modules to CJS
+          modules: false,
         },
       ],
       // JSX, Flow
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 6378430c4da..3e951ab9ad3 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -21,7 +21,7 @@
     "react-scripts": "./bin/react-scripts.js"
   },
   "dependencies": {
-    "autoprefixer": "6.7.5",
+    "autoprefixer": "6.7.7",
     "babel-core": "6.23.1",
     "babel-eslint": "7.1.1",
     "babel-jest": "18.0.0",
@@ -32,12 +32,12 @@
     "chalk": "1.1.3",
     "connect-history-api-fallback": "1.3.0",
     "cross-spawn": "4.0.2",
-    "css-loader": "0.26.2",
+    "css-loader": "0.27.3",
     "detect-port": "1.1.1",
     "dotenv": "2.0.0",
     "eslint": "3.16.1",
     "eslint-config-react-app": "^0.6.1",
-    "eslint-loader": "1.6.3",
+    "eslint-loader": "1.7.0",
     "eslint-plugin-flowtype": "2.21.0",
     "eslint-plugin-import": "2.0.1",
     "eslint-plugin-jsx-a11y": "4.0.0",
@@ -52,12 +52,12 @@
     "postcss-loader": "1.3.3",
     "promise": "7.1.1",
     "react-dev-utils": "^0.5.2",
-    "style-loader": "0.13.2",
+    "style-loader": "0.16.0",
     "url-loader": "0.5.8",
-    "webpack": "2.2.1",
-    "webpack-dev-server": "2.4.1",
+    "webpack": "2.3.2",
+    "webpack-dev-server": "2.4.2",
     "webpack-manifest-plugin": "1.1.0",
-    "whatwg-fetch": "2.0.2"
+    "whatwg-fetch": "2.0.3"
   },
   "devDependencies": {
     "react": "^15.3.0",

From 5364908ef9f437126a2e601c8c185260ac835a2e Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Mon, 27 Mar 2017 00:39:14 -0400
Subject: [PATCH 162/163] Duplicate CLI file warning header

---
 packages/create-react-app/createReactApp.js | 28 +++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/packages/create-react-app/createReactApp.js b/packages/create-react-app/createReactApp.js
index 0ddbd5217ee..72a82317245 100755
--- a/packages/create-react-app/createReactApp.js
+++ b/packages/create-react-app/createReactApp.js
@@ -6,6 +6,34 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  */
+
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+//   /!\ DO NOT MODIFY THIS FILE /!\
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+//
+// create-react-app is installed globally on people's computers. This means
+// that it is extremely difficult to have them upgrade the version and
+// because there's only one global version installed, it is very prone to
+// breaking changes.
+//
+// The only job of create-react-app is to init the repository and then
+// forward all the commands to the local version of create-react-app.
+//
+// If you need to add a new command, please add it to the scripts/ folder.
+//
+// The only reason to modify this file is to add more warnings and
+// troubleshooting information for the `create-react-app` command.
+//
+// Do not make breaking changes! We absolutely don't want to have to
+// tell people to update their global version of create-react-app.
+//
+// Also be careful with new language features.
+// This file must work on Node 4+.
+//
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+//   /!\ DO NOT MODIFY THIS FILE /!\
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
 'use strict';
 
 const validateProjectName = require('validate-npm-package-name');

From b555839f99ef0185e9f1566f8af42b0d236acd9b Mon Sep 17 00:00:00 2001
From: Boris Serdiuk <just-boris@hotmail.com>
Date: Tue, 4 Apr 2017 23:48:31 +0200
Subject: [PATCH 163/163] Add note about installing watchman

---
 CONTRIBUTING.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 3a6402606db..8ec3111ab94 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -47,6 +47,8 @@ Please also provide a **test plan**, i.e. specify how you verified that your add
 
 2. Run `npm install` in the root `create-react-app` folder.
 
+3. *(Only for MacOS Sierra)*: install [Watchman](https://facebook.github.io/watchman/docs/install.html), for example `brew install watchman`
+
 Once it is done, you can modify any file locally and run `npm start`, `npm test` or `npm run build` just like in a generated project.
 
 If you want to try out the end-to-end flow with the global CLI, you can do this too: