Reformat source code with Prettier 1.5.2

packages/react-scripts/fixtures/kitchensink/integration/initDOM.js

@@ -38,13 +38,14 @@ if (process.env.E2E_FILE) {
       )
     );
 } 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));
+  getMarkup = () =>
+    new Promise(resolve => {
+      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);
 } else {
@@ -58,21 +59,22 @@ if (process.env.E2E_FILE) {
   );
 }
 
-export default feature => new Promise(async resolve => {
-  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),
-    deferClose: true,
-    resourceLoader,
-    url: `${host}#${feature}`,
-    virtualConsole: jsdom.createVirtualConsole().sendTo(console),
-  });
+export default feature =>
+  new Promise(async resolve => {
+    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),
+      deferClose: true,
+      resourceLoader,
+      url: `${host}#${feature}`,
+      virtualConsole: jsdom.createVirtualConsole().sendTo(console),
+    });
 
-  doc.close();
-});
+    doc.close();
+  });

packages/react-scripts/fixtures/kitchensink/src/App.js

@@ -30,10 +30,7 @@ class BuiltEmitter extends Component {
   }
 
   render() {
-    const {
-      props: { feature },
-      handleReady,
-    } = this;
+    const { props: { feature }, handleReady } = this;
     return (
       <div>
         {createElement(feature, {
@@ -57,114 +54,132 @@ class App extends Component {
     const feature = window.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));
+          this.setFeature(f.default)
+        );
         break;
       case 'async-await':
         import('./features/syntax/AsyncAwait').then(f =>
-          this.setFeature(f.default));
+          this.setFeature(f.default)
+        );
         break;
       case 'class-properties':
         import('./features/syntax/ClassProperties').then(f =>
-          this.setFeature(f.default));
+          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));
+          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));
+          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));
+          this.setFeature(f.default)
+        );
         break;
       case 'generators':
         import('./features/syntax/Generators').then(f =>
-          this.setFeature(f.default));
+          this.setFeature(f.default)
+        );
         break;
       case 'image-inclusion':
         import('./features/webpack/ImageInclusion').then(f =>
-          this.setFeature(f.default));
+          this.setFeature(f.default)
+        );
         break;
       case 'json-inclusion':
         import('./features/webpack/JsonInclusion').then(f =>
-          this.setFeature(f.default));
+          this.setFeature(f.default)
+        );
         break;
       case 'linked-modules':
         import('./features/webpack/LinkedModules').then(f =>
-          this.setFeature(f.default));
+          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));
+          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));
+          this.setFeature(f.default)
+        );
         break;
       case 'promises':
         import('./features/syntax/Promises').then(f =>
-          this.setFeature(f.default));
+          this.setFeature(f.default)
+        );
         break;
       case 'public-url':
         import('./features/env/PublicUrl').then(f =>
-          this.setFeature(f.default));
+          this.setFeature(f.default)
+        );
         break;
       case 'rest-and-default':
         import('./features/syntax/RestAndDefault').then(f =>
-          this.setFeature(f.default));
+          this.setFeature(f.default)
+        );
         break;
       case 'rest-parameters':
         import('./features/syntax/RestParameters').then(f =>
-          this.setFeature(f.default));
+          this.setFeature(f.default)
+        );
         break;
       case 'shell-env-variables':
         import('./features/env/ShellEnvVariables').then(f =>
-          this.setFeature(f.default));
+          this.setFeature(f.default)
+        );
         break;
       case 'svg-inclusion':
         import('./features/webpack/SvgInclusion').then(f =>
-          this.setFeature(f.default));
+          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}"`);

packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.js

@@ -9,7 +9,7 @@
 
 import React from 'react';
 
-export default () => (
+export default () =>
   <span>
     <span id="feature-file-env-original-1">
       {process.env.REACT_APP_ORIGINAL_1}
@@ -18,8 +18,10 @@ export default () => (
       {process.env.REACT_APP_ORIGINAL_2}
     </span>
     <span id="feature-file-env">
-      {process.env.REACT_APP_DEVELOPMENT}{process.env.REACT_APP_PRODUCTION}
+      {process.env.REACT_APP_DEVELOPMENT}
+      {process.env.REACT_APP_PRODUCTION}
     </span>
-    <span id="feature-file-env-x">{process.env.REACT_APP_X}</span>
-  </span>
-);
+    <span id="feature-file-env-x">
+      {process.env.REACT_APP_X}
+    </span>
+  </span>;

packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.js

@@ -33,7 +33,11 @@ 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>
     );
   }

packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.js

@@ -9,6 +9,7 @@
 
 import React from 'react';
 
-export default () => (
-  <span id="feature-public-url">{process.env.PUBLIC_URL}.</span>
-);
+export default () =>
+  <span id="feature-public-url">
+    {process.env.PUBLIC_URL}.
+  </span>;

packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.js

@@ -9,8 +9,7 @@
 
 import React from 'react';
 
-export default () => (
+export default () =>
   <span id="feature-shell-env-variables">
     {process.env.REACT_APP_SHELL_ENV_MESSAGE}.
-  </span>
-);
+  </span>;

packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.js

@@ -38,7 +38,11 @@ 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>
     );

packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.js

@@ -41,7 +41,11 @@ 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>
     );
   }

packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.js

@@ -41,7 +41,11 @@ 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>
     );
   }

packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.js

@@ -29,7 +29,11 @@ export default class extends Component {
   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>
     );
   }

packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.js

@@ -41,9 +41,11 @@ export default class extends Component {
   render() {
     return (
       <div id="feature-computed-properties">
-        {this.state.users.map(user => (
-          <div key={user.id}>{user.user_name}</div>
-        ))}
+        {this.state.users.map(user =>
+          <div key={user.id}>
+            {user.user_name}
+          </div>
+        )}
       </div>
     );
   }

packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.js

@@ -53,9 +53,11 @@ export default class extends Component {
 
     return (
       <div id="feature-custom-interpolation">
-        {this.state.users.map(user => (
-          <div key={user.id} style={veryInlineStyle}>{user.name}</div>
-        ))}
+        {this.state.users.map(user =>
+          <div key={user.id} style={veryInlineStyle}>
+            {user.name}
+          </div>
+        )}
       </div>
     );
   }

packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.js

@@ -41,7 +41,11 @@ 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>
     );
   }

packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.js

@@ -43,7 +43,11 @@ 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>
     );
   }

packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.js

@@ -43,7 +43,11 @@ 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>
     );
   }

packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.js

@@ -43,7 +43,11 @@ 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>
     );

packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.js

@@ -41,9 +41,11 @@ export default class extends Component {
   render() {
     return (
       <div id="feature-object-spread">
-        {this.state.users.map(user => (
-          <div key={user.id}>{user.name}: {user.age}</div>
-        ))}
+        {this.state.users.map(user =>
+          <div key={user.id}>
+            {user.name}: {user.age}
+          </div>
+        )}
       </div>
     );
   }

packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.js

@@ -42,7 +42,11 @@ 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>
     );
   }

packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.js

@@ -41,7 +41,11 @@ 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>
     );
   }

packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.js

@@ -41,7 +41,11 @@ 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>
     );
   }