prettier 2

Summary:
Quick notes:

- This looks worse than it is. It adds mandatory parentheses to single argument lambdas. Lots of outrage on Twitter about it, personally I'm {emoji:1f937_200d_2642} about it.
- Space before function, e.g. `a = function ()` is now enforced. I like this because both were fine before.
- I added `eslint-config-prettier` to the config because otherwise a ton of rules conflict with eslint itself.

Close https://github.com/facebook/flipper/pull/915

Reviewed By: jknoxville

Differential Revision: D20594929

fbshipit-source-id: ca1c65376b90e009550dd6d1f4e0831d32cbff03

desktop/plugins/network/ManageMockResponsePanel.tsx

@@ -200,7 +200,7 @@ export function ManageMockResponsePanel(props: Props) {
           multiline={true}
           columnSizes={ColumnSizes}
           columns={Columns}
-          rows={_buildRows(routes, duplicatedIds, id => {
+          rows={_buildRows(routes, duplicatedIds, (id) => {
             networkRouteManager.removeRoute(id);
             setSelectedId(null);
           })}
@@ -208,7 +208,7 @@ export function ManageMockResponsePanel(props: Props) {
           autoHeight={false}
           floating={false}
           zebra={false}
-          onRowHighlighted={selectedIds => {
+          onRowHighlighted={(selectedIds) => {
             const newSelectedId =
               selectedIds.length === 1 ? selectedIds[0] : null;
             setSelectedId(newSelectedId);

desktop/plugins/network/MockResponseDetails.tsx

@@ -153,7 +153,7 @@ function HeaderInput(props: {
       placeholder="Name"
       value={value}
       style={props.isSelected ? selectedHighlight : undefined}
-      onChange={event => setValue(event.target.value)}
+      onChange={(event) => setValue(event.target.value)}
       onBlur={() => props.onUpdate(value)}
     />
   );
@@ -177,7 +177,7 @@ function _buildMockResponseHeaderRows(
               onUpdate={(newValue: string) => {
                 const newHeaders = produce(
                   route.responseHeaders,
-                  draftHeaders => {
+                  (draftHeaders) => {
                     draftHeaders[id].key = newValue;
                   },
                 );
@@ -196,7 +196,7 @@ function _buildMockResponseHeaderRows(
               onUpdate={(newValue: string) => {
                 const newHeaders = produce(
                   route.responseHeaders,
-                  draftHeaders => {
+                  (draftHeaders) => {
                     draftHeaders[id].value = newValue;
                   },
                 );
@@ -213,7 +213,7 @@ function _buildMockResponseHeaderRows(
               onClick={() => {
                 const newHeaders = produce(
                   route.responseHeaders,
-                  draftHeaders => {
+                  (draftHeaders) => {
                     delete draftHeaders[id];
                   },
                 );
@@ -257,7 +257,7 @@ export function MockResponseDetails({id, route, isDuplicated}: Props) {
           type="text"
           placeholder="URL"
           value={requestUrl}
-          onChange={event =>
+          onChange={(event) =>
             networkRouteManager.modifyRoute(id, {
               requestUrl: event.target.value,
             })
@@ -275,7 +275,7 @@ export function MockResponseDetails({id, route, isDuplicated}: Props) {
       <StyledText />
       <Tabs
         active={activeTab}
-        onActive={newActiveTab => {
+        onActive={(newActiveTab) => {
           if (newActiveTab != null) {
             setActiveTab(newActiveTab);
           }
@@ -287,7 +287,7 @@ export function MockResponseDetails({id, route, isDuplicated}: Props) {
             autoComplete="off"
             spellCheck={false}
             value={responseData}
-            onChange={event =>
+            onChange={(event) =>
               networkRouteManager.modifyRoute(id, {
                 responseData: event.target.value,
               })

desktop/plugins/network/RequestDetails.tsx

@@ -536,8 +536,8 @@ class JSONTextFormatter {
         // Multiple top level JSON roots, map them one by one
         return body
           .split('\n')
-          .map(json => JSON.parse(json))
-          .map(data => <JSONText>{data}</JSONText>);
+          .map((json) => JSON.parse(json))
+          .map((data) => <JSONText>{data}</JSONText>);
       }
     }
   };
@@ -603,7 +603,7 @@ class JSONFormatter {
           <ManagedDataInspector
             collapsed={true}
             expandRoot={true}
-            data={roots.map(json => JSON.parse(json))}
+            data={roots.map((json) => JSON.parse(json))}
           />
         );
       }
@@ -705,7 +705,7 @@ class GraphQLFormatter {
         const parsedResponses = body
           .replace(/}{/g, '}\r\n{')
           .split('\n')
-          .map(json => JSON.parse(json));
+          .map((json) => JSON.parse(json));
         return (
           <div>
             {this.parsedServerTimeForFirstFlush(parsedResponses)}
@@ -802,7 +802,7 @@ class InsightsInspector extends Component<{insights: Insights}> {
       buildRow('Post processing time', insights.postProcessingTime, formatTime),
       buildRow('Bytes transfered', insights.bytesTransfered, formatBytes),
       buildRow('Transfer speed', insights.transferSpeed, formatSpeed),
-    ].filter(r => r != null);
+    ].filter((r) => r != null);
 
     return rows.length > 0 ? (
       <ManagedTable

desktop/plugins/network/index.tsx

@@ -131,7 +131,7 @@ export default class extends FlipperPlugin<State, any, PersistedState> {
   networkRouteManager: NetworkRouteManager = nullNetworkRouteManager;
 
   static metricsReducer(persistedState: PersistedState) {
-    const failures = Object.values(persistedState.responses).reduce(function(
+    const failures = Object.values(persistedState.responses).reduce(function (
       previous,
       values,
     ) {
@@ -206,7 +206,7 @@ export default class extends FlipperPlugin<State, any, PersistedState> {
   }
 
   init() {
-    this.client.supportsMethod('mockResponses').then(result =>
+    this.client.supportsMethod('mockResponses').then((result) =>
       this.setState({
         routes: {},
         isMockResponseSupported: result,
@@ -677,7 +677,7 @@ class NetworkTable extends PureComponent<NetworkTableProps, NetworkTableState> {
         </NetworkTable.ContextMenu>
         {this.props.showMockResponseDialog ? (
           <Sheet>
-            {onHide => (
+            {(onHide) => (
               <MockResponseDialog
                 routes={this.state.routes}
                 onHide={() => {

desktop/plugins/network/utils.tsx

@@ -41,7 +41,7 @@ export function decodeBody(container: Request | Response): string {
 }
 
 function decompress(body: string): string {
-  const charArray = body.split('').map(x => x.charCodeAt(0));
+  const charArray = body.split('').map((x) => x.charCodeAt(0));
 
   const byteArray = new Uint8Array(charArray);