Upgrade eslint and prettier

Summary: Not a fan of the long lines, but if that's where prettier is going, let's roll with it.

Reviewed By: jknoxville

Differential Revision: D17905599

fbshipit-source-id: c4232d46d2ec0b7c743f6afd8349106c85f013b9

src/chrome/TitleBar.tsx

@@ -45,9 +45,7 @@ import {State} from 'src/reducers';
 
 const AppTitleBar = styled(FlexRow)(({focused}: {focused?: boolean}) => ({
   background: focused
-    ? `linear-gradient(to bottom, ${colors.macOSTitleBarBackgroundTop} 0%, ${
-        colors.macOSTitleBarBackgroundBottom
-      } 100%)`
+    ? `linear-gradient(to bottom, ${colors.macOSTitleBarBackgroundTop} 0%, ${colors.macOSTitleBarBackgroundBottom} 100%)`
     : colors.macOSTitleBarBackgroundBlur,
   borderBottom: `1px solid ${
     focused ? colors.macOSTitleBarBorder : colors.macOSTitleBarBorderBlur

src/chrome/UpdateIndicator.tsx

@@ -84,9 +84,7 @@ export default class UpdateIndicator extends React.PureComponent<Props, State> {
     return (
       <Tooltip
         options={{position: 'toLeft'}}
-        title={`Update to Flipper v${
-          result.version
-        } available. Click to download.`}
+        title={`Update to Flipper v${result.version} available. Click to download.`}
         children={container}
       />
     );

src/plugins/sections/EventsTable.js

@@ -38,9 +38,7 @@ const SurfaceContainer = styled(FlexColumn)(props => ({
     bottom: 0,
     right: -15,
     width: 15,
-    background: `linear-gradient(90deg, ${
-      colors.macOSTitleBarBackgroundBlur
-    } 0%, transparent 100%)`,
+    background: `linear-gradient(90deg, ${colors.macOSTitleBarBackgroundBlur} 0%, transparent 100%)`,
     zIndex: 3,
     position: 'absolute',
   },

src/reducers/connections.tsx

@@ -387,9 +387,7 @@ const reducer = (state: State = INITAL_STATE, action: Actions): State => {
       const errorMessage =
         payload.error instanceof Error ? payload.error.message : payload.error;
       console.error(
-        `Client setup error: ${errorMessage} while setting up client: ${
-          payload.client.os
-        }:${payload.client.deviceName}:${payload.client.appName}`,
+        `Client setup error: ${errorMessage} while setting up client: ${payload.client.os}:${payload.client.deviceName}:${payload.client.appName}`,
       );
       return {
         ...state,

src/ui/components/Button.tsx

@@ -63,17 +63,11 @@ const backgroundImage = (props: {
 }) => {
   if (props.windowIsFocused && !props.disabled) {
     if (props.depressed) {
-      return `linear-gradient(to bottom, ${
-        colors.macOSTitleBarBorderBlur
-      } 1px, ${colors.macOSTitleBarButtonBorderBlur} 0%, ${
-        colors.macOSTitleBarButtonBackgroundActive
-      } 100%)`;
+      return `linear-gradient(to bottom, ${colors.macOSTitleBarBorderBlur} 1px, ${colors.macOSTitleBarButtonBorderBlur} 0%, ${colors.macOSTitleBarButtonBackgroundActive} 100%)`;
     } else if (props.type === 'primary') {
       return `linear-gradient(to bottom, #67a6f7 0%, #0072FA 100%)`;
     } else {
-      return `linear-gradient(to bottom, transparent 0%,${
-        colors.macOSTitleBarButtonBackground
-      } 100%)`;
+      return `linear-gradient(to bottom, transparent 0%,${colors.macOSTitleBarButtonBackground} 100%)`;
     }
   } else {
     return 'none';
@@ -171,11 +165,7 @@ const StyledButton = styled('div')(
       : {
           borderColor: colors.macOSTitleBarButtonBorder,
           borderBottomColor: colors.macOSTitleBarButtonBorderBottom,
-          background: `linear-gradient(to bottom, ${
-            colors.macOSTitleBarButtonBackgroundActiveHighlight
-          } 1px, ${colors.macOSTitleBarButtonBackgroundActive} 0%, ${
-            colors.macOSTitleBarButtonBorderBlur
-          } 100%)`,
+          background: `linear-gradient(to bottom, ${colors.macOSTitleBarButtonBackgroundActiveHighlight} 1px, ${colors.macOSTitleBarButtonBackgroundActive} 0%, ${colors.macOSTitleBarButtonBorderBlur} 100%)`,
         },
 
     '&:disabled': {
@@ -191,9 +181,7 @@ const StyledButton = styled('div')(
       right: 2,
       borderStyle: 'solid',
       borderWidth: '4px 3px 0 3px',
-      borderColor: `${
-        colors.macOSTitleBarIcon
-      } transparent transparent transparent`,
+      borderColor: `${colors.macOSTitleBarIcon} transparent transparent transparent`,
     },
   }),
 );

src/ui/components/Tabs.tsx

@@ -31,9 +31,7 @@ const TabListItem = styled('div')(
     background: props.container
       ? props.active
         ? 'linear-gradient(to bottom, #67a6f7 0%, #0072FA 100%)'
-        : `linear-gradient(to bottom, white 0%,${
-            colors.macOSTitleBarButtonBackgroundBlur
-          } 100%)`
+        : `linear-gradient(to bottom, white 0%,${colors.macOSTitleBarButtonBackgroundBlur} 100%)`
       : props.active
       ? colors.light15
       : colors.light02,

src/utils/exportData.tsx

@@ -289,9 +289,7 @@ const addSaltToDeviceSerial = async (
   const updatedPluginNotifications = pluginNotification.map(notif => {
     if (!notif.client || !notif.client.includes(serial)) {
       throw new Error(
-        `Error while exporting, plugin state (${
-          notif.pluginId
-        }) does not have ${serial} in it`,
+        `Error while exporting, plugin state (${notif.pluginId}) does not have ${serial} in it`,
       );
     }
     return {...notif, client: notif.client.replace(serial, newSerial)};

src/utils/icons.js

@@ -77,11 +77,7 @@ function buildLocalIconPath(name, size, density) {
 // $FlowFixMe not using flow in this file
 function buildIconURL(name, size, density) {
   const icon = getIconPartsFromName(name);
-  const url = `https://external.xx.fbcdn.net/assets/?name=${
-    icon.trimmedName
-  }&variant=${
-    icon.variant
-  }&size=${size}&set=facebook_icons&density=${density}x`;
+  const url = `https://external.xx.fbcdn.net/assets/?name=${icon.trimmedName}&variant=${icon.variant}&size=${size}&set=facebook_icons&density=${density}x`;
   if (
     typeof window !== 'undefined' &&
     (!ICONS[name] || !ICONS[name].includes(size))

src/utils/jsonFileReduxPersistStorage.tsx

@@ -33,9 +33,7 @@ export default class JsonFileStorage {
       .then(this.deserializeValue)
       .catch(e => {
         console.warn(
-          `Failed to read settings file: "${
-            this.filepath
-          }". ${e}. Replacing file with default settings.`,
+          `Failed to read settings file: "${this.filepath}". ${e}. Replacing file with default settings.`,
         );
         return this.writeContents(JSON.stringify({})).then(() => ({}));
       });