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
2020-03-24 09:34:39 -07:00
parent d9d3be33b4
commit fc9ed65762
204 changed files with 877 additions and 864 deletions
--- a/desktop/.eslintrc.js
+++ b/desktop/.eslintrc.js
@@ -24,7 +24,7 @@ const prettierConfig = {
 module.exports = {
  parser: 'babel-eslint',
  root: true,
-  extends: 'fbjs',
+  extends: ['fbjs', 'prettier'],
  plugins: [
    ...fbjs.plugins,
    'header',
@@ -43,8 +43,6 @@ module.exports = {
    'prefer-const': [2, {destructuring: 'all'}],
    'prefer-spread': 1,
    'prefer-rest-params': 1,
-    'max-len': 0, // lets prettier take care of this
-    indent: 0, // lets prettier take care of this
    'no-console': 0, // we're setting window.console in App.js
    'no-multi-spaces': 2,
    'prefer-promise-reject-errors': 1,
--- a/desktop/app/src/Client.tsx
+++ b/desktop/app/src/Client.tsx
@@ -116,7 +116,7 @@ export default class Client extends EventEmitter {
  store: Store;
  activePlugins: Set<string>;
  device: Promise<BaseDevice>;
-  _deviceResolve: (device: BaseDevice) => void = _ => {};
+  _deviceResolve: (device: BaseDevice) => void = (_) => {};
  _deviceSet: false | BaseDevice = false;
  logger: Logger;
  lastSeenDeviceList: Array<BaseDevice>;
@@ -194,7 +194,7 @@ export default class Client extends EventEmitter {
        const device = this.store
          .getState()
          .connections.devices.find(
-            device => device.serial === this.query.device_id,
+            (device) => device.serial === this.query.device_id,
          );
        if (device) {
          resolve(device);
@@ -214,7 +214,7 @@ export default class Client extends EventEmitter {
          }
          this.lastSeenDeviceList = this.store.getState().connections.devices;
          const matchingDevice = newDeviceList.find(
-            device => device.serial === this.query.device_id,
+            (device) => device.serial === this.query.device_id,
          );
          if (matchingDevice) {
            clearTimeout(timeout);
@@ -224,7 +224,7 @@ export default class Client extends EventEmitter {
        });
      }),
      'client-setMatchingDevice',
-    ).then(device => {
+    ).then((device) => {
      this._deviceSet = device;
      this._deviceResolve(device);
    });
@@ -244,10 +244,10 @@ export default class Client extends EventEmitter {
    const plugins = await this.rawCall<{plugins: Plugins}>(
      'getPlugins',
      false,
-    ).then(data => data.plugins);
+    ).then((data) => data.plugins);
    this.plugins = plugins;
    const nativeplugins = plugins
-      .map(plugin => /_nativeplugin_([^_]+)_([^_]+)/.exec(plugin))
+      .map((plugin) => /_nativeplugin_([^_]+)_([^_]+)/.exec(plugin))
      .filter(notNull)
      .map(([id, type, title]) => {
        // TODO put this in another component, and make the "types" registerable
@@ -318,7 +318,7 @@ export default class Client extends EventEmitter {
          }: ${error.message} + \nDevice Stack Trace: ${error.stacktrace}`,
          'deviceError',
        );
-        this.device.then(device => handleError(this.store, device, error));
+        this.device.then((device) => handleError(this.store, device, error));
      } else if (method === 'refreshPlugins') {
        this.refreshPlugins();
      } else if (method === 'execute') {
@@ -389,7 +389,7 @@ export default class Client extends EventEmitter {
      reject(data.error);
      const {error} = data;
      if (error) {
-        this.device.then(device => handleError(this.store, device, error));
+        this.device.then((device) => handleError(this.store, device, error));
      }
    } else {
      // ???
@@ -466,7 +466,7 @@ export default class Client extends EventEmitter {
          this.connection
            .requestResponse({data: JSON.stringify(data)})
            .subscribe({
-              onComplete: payload => {
+              onComplete: (payload) => {
                if (!fromPlugin || this.isAcceptingMessagesFromPlugin(plugin)) {
                  const logEventName = this.getLogEventName(data);
                  this.logger.trackTimeSince(mark, logEventName);
@@ -478,7 +478,7 @@ export default class Client extends EventEmitter {
                }
              },
              // Open fresco then layout and you get errors because responses come back after deinit.
-              onError: e => {
+              onError: (e) => {
                if (this.isAcceptingMessagesFromPlugin(plugin)) {
                  reject(e);
                }
@@ -555,8 +555,9 @@ export default class Client extends EventEmitter {
  send(api: string, method: string, params?: Object): void {
    if (!isProduction()) {
      console.warn(
-        `${api}:${method ||
-          ''} client.send() is deprecated. Please use call() instead so you can handle errors.`,
+        `${api}:${
+          method || ''
+        } client.send() is deprecated. Please use call() instead so you can handle errors.`,
      );
    }
    return this.rawSend('execute', {api, method, params});
--- a/desktop/app/src/MenuBar.tsx
+++ b/desktop/app/src/MenuBar.tsx
@@ -81,18 +81,18 @@ export function setupMenuBar(
  // collect all keyboard actions from all plugins
  const registeredActions: Set<KeyboardAction> = new Set(
    plugins
-      .map(plugin => plugin.keyboardActions || [])
+      .map((plugin) => plugin.keyboardActions || [])
      .reduce((acc: KeyboardActions, cv) => acc.concat(cv), [])
      .map((action: DefaultKeyboardAction | KeyboardAction) =>
        typeof action === 'string'
-          ? defaultKeyboardActions.find(a => a.action === action)
+          ? defaultKeyboardActions.find((a) => a.action === action)
          : action,
      )
      .filter(notNull),
  );

  // add keyboard actions to
-  registeredActions.forEach(keyboardAction => {
+  registeredActions.forEach((keyboardAction) => {
    if (keyboardAction != null) {
      appendMenuItem(template, actionHandler, keyboardAction);
    }
@@ -102,15 +102,15 @@ export function setupMenuBar(
  const applicationMenu = electron.remote.Menu.buildFromTemplate(template);

  // add menu items to map, so we can modify them easily later
-  registeredActions.forEach(keyboardAction => {
+  registeredActions.forEach((keyboardAction) => {
    if (keyboardAction != null) {
      const {topLevelMenu, label, action} = keyboardAction;
      const menu = applicationMenu.items.find(
-        menuItem => menuItem.label === topLevelMenu,
+        (menuItem) => menuItem.label === topLevelMenu,
      );
      if (menu && menu.submenu) {
        const menuItem = menu.submenu.items.find(
-          menuItem => menuItem.label === label,
+          (menuItem) => menuItem.label === label,
        );
        menuItem && menuItems.set(action, menuItem);
      }
@@ -131,7 +131,7 @@ function appendMenuItem(
    return;
  }
  const itemIndex = template.findIndex(
-    menu => menu.label === keyboardAction.topLevelMenu,
+    (menu) => menu.label === keyboardAction.topLevelMenu,
  );
  if (itemIndex > -1 && template[itemIndex].submenu != null) {
    (template[itemIndex].submenu as MenuItemConstructorOptions[]).push({
@@ -160,16 +160,18 @@ export function activateMenuItems(

  // enable keyboard actions for the current plugin
  if (activePlugin.constructor.keyboardActions != null) {
-    (activePlugin.constructor.keyboardActions || []).forEach(keyboardAction => {
-      const action =
-        typeof keyboardAction === 'string'
-          ? keyboardAction
-          : keyboardAction.action;
-      const item = menuItems.get(action);
-      if (item != null) {
-        item.enabled = true;
-      }
-    });
+    (activePlugin.constructor.keyboardActions || []).forEach(
+      (keyboardAction) => {
+        const action =
+          typeof keyboardAction === 'string'
+            ? keyboardAction
+            : keyboardAction.action;
+        const item = menuItems.get(action);
+        if (item != null) {
+          item.enabled = true;
+        }
+      },
+    );
  }

  // set the application menu again to make sure it updates
@@ -206,7 +208,7 @@ function getTemplate(
    {
      label: 'Import Flipper File...',
      accelerator: 'CommandOrControl+O',
-      click: function() {
+      click: function () {
        showOpenDialog(store);
      },
    },
@@ -218,7 +220,7 @@ function getTemplate(
  const supportRequestSubmenu = [
    {
      label: 'Create...',
-      click: function() {
+      click: function () {
        // Dispatch an action to open the export screen of Support Request form
        store.dispatch(setStaticView(SupportRequestFormV2));
      },
@@ -278,7 +280,7 @@ function getTemplate(
        {
          label: 'Reload',
          accelerator: 'CmdOrCtrl+R',
-          click: function(
+          click: function (
            _,
            focusedWindow: electron.BrowserWindow | undefined,
          ) {
@@ -289,14 +291,14 @@ function getTemplate(
        },
        {
          label: 'Toggle Full Screen',
-          accelerator: (function() {
+          accelerator: (function () {
            if (process.platform === 'darwin') {
              return 'Ctrl+Command+F';
            } else {
              return 'F11';
            }
          })(),
-          click: function(
+          click: function (
            _,
            focusedWindow: electron.BrowserWindow | undefined,
          ) {
@@ -307,20 +309,20 @@ function getTemplate(
        },
        {
          label: 'Manage Plugins...',
-          click: function() {
+          click: function () {
            store.dispatch(setActiveSheet(ACTIVE_SHEET_PLUGINS));
          },
        },
        {
          label: 'Toggle Developer Tools',
-          accelerator: (function() {
+          accelerator: (function () {
            if (process.platform === 'darwin') {
              return 'Alt+Command+I';
            } else {
              return 'Ctrl+Shift+I';
            }
          })(),
-          click: function(
+          click: function (
            _,
            focusedWindow: electron.BrowserWindow | undefined,
          ) {
@@ -357,7 +359,7 @@ function getTemplate(
      submenu: [
        {
          label: 'Getting started',
-          click: function() {
+          click: function () {
            shell.openExternal(
              'https://fbflipper.com/docs/getting-started.html',
            );
@@ -365,7 +367,7 @@ function getTemplate(
        },
        {
          label: 'Create plugins',
-          click: function() {
+          click: function () {
            shell.openExternal(
              'https://fbflipper.com/docs/tutorial/intro.html',
            );
@@ -373,7 +375,7 @@ function getTemplate(
        },
        {
          label: 'Report problems',
-          click: function() {
+          click: function () {
            shell.openExternal('https://github.com/facebook/flipper/issues');
          },
        },
@@ -427,13 +429,13 @@ function getTemplate(
        {
          label: 'Quit',
          accelerator: 'Command+Q',
-          click: function() {
+          click: function () {
            app.quit();
          },
        },
      ],
    });
-    const windowMenu = template.find(function(m) {
+    const windowMenu = template.find(function (m) {
      return m.role === 'window';
    });
    if (windowMenu) {
--- a/desktop/app/src/NotificationsHub.tsx
+++ b/desktop/app/src/NotificationsHub.tsx
@@ -108,16 +108,18 @@ class NotificationsTable extends Component<Props & SearchableProps, State> {
    if (this.props.filters.length !== prevProps.filters.length) {
      this.props.updatePluginBlacklist(
        this.props.filters
-          .filter(f => f.type === 'exclude' && f.key.toLowerCase() === 'plugin')
-          .map(f => String(f.value)),
+          .filter(
+            (f) => f.type === 'exclude' && f.key.toLowerCase() === 'plugin',
+          )
+          .map((f) => String(f.value)),
      );

      this.props.updateCategoryBlacklist(
        this.props.filters
          .filter(
-            f => f.type === 'exclude' && f.key.toLowerCase() === 'category',
+            (f) => f.type === 'exclude' && f.key.toLowerCase() === 'category',
          )
-          .map(f => String(f.value)),
+          .map((f) => String(f.value)),
      );
    }

@@ -162,7 +164,7 @@ class NotificationsTable extends Component<Props & SearchableProps, State> {

    // filter plugins
    const blacklistedPlugins = new Set(
-      this.props.blacklistedPlugins.map(p => p.toLowerCase()),
+      this.props.blacklistedPlugins.map((p) => p.toLowerCase()),
    );
    if (blacklistedPlugins.has(n.pluginId.toLowerCase())) {
      return false;
@@ -172,7 +174,7 @@ class NotificationsTable extends Component<Props & SearchableProps, State> {
    const {category} = n.notification;
    if (category) {
      const blacklistedCategories = new Set(
-        this.props.blacklistedCategories.map(p => p.toLowerCase()),
+        this.props.blacklistedCategories.map((p) => p.toLowerCase()),
      );
      if (blacklistedCategories.has(category.toLowerCase())) {
        return false;
@@ -320,7 +322,7 @@ type NotificationBoxProps = {
  severity: keyof typeof SEVERITY_COLOR_MAP;
 };

-const NotificationBox = styled(FlexRow)<NotificationBoxProps>(props => ({
+const NotificationBox = styled(FlexRow)<NotificationBoxProps>((props) => ({
  backgroundColor: props.inactive ? 'transparent' : colors.white,
  opacity: props.inactive ? 0.5 : 1,
  alignItems: 'flex-start',
@@ -360,7 +362,7 @@ const Title = styled.div({
 });

 const NotificationContent = styled(FlexColumn)<{isSelected?: boolean}>(
-  props => ({
+  (props) => ({
    marginLeft: 6,
    marginRight: 10,
    flexGrow: 1,
--- a/desktop/app/src/PluginContainer.tsx
+++ b/desktop/app/src/PluginContainer.tsx
@@ -198,11 +198,11 @@ class PluginContainer extends PureComponent<Props, State> {
          activePlugin,
          pluginKey,
          this.store,
-          progress => {
+          (progress) => {
            this.setState({progress});
          },
          this.idler,
-        ).then(completed => {
+        ).then((completed) => {
          const duration = Date.now() - start;
          this.props.logger.track(
            'duration',
@@ -345,7 +345,7 @@ class PluginContainer extends PureComponent<Props, State> {
          }
        : pluginState,
      setStaticView: (payload: StaticView) => this.props.setStaticView(payload),
-      setPersistedState: state => setPluginState({pluginKey, state}),
+      setPersistedState: (state) => setPluginState({pluginKey, state}),
      target,
      deepLinkPayload: this.props.deepLinkPayload,
      selectPlugin: (pluginID: string, deepLinkPayload: string | null) => {
@@ -353,7 +353,7 @@ class PluginContainer extends PureComponent<Props, State> {
        // check if plugin will be available
        if (
          target instanceof Client &&
-          target.plugins.some(p => p === pluginID)
+          target.plugins.some((p) => p === pluginID)
        ) {
          this.props.selectPlugin({selectedPlugin: pluginID, deepLinkPayload});
          return true;
@@ -371,8 +371,9 @@ class PluginContainer extends PureComponent<Props, State> {
      <React.Fragment>
        <Container key="plugin">
          <ErrorBoundary
-            heading={`Plugin "${activePlugin.title ||
-              'Unknown'}" encountered an error during render`}>
+            heading={`Plugin "${
+              activePlugin.title || 'Unknown'
+            }" encountered an error during render`}>
            {React.createElement(activePlugin, props)}
          </ErrorBoundary>
        </Container>
--- a/desktop/app/src/chrome/AutoUpdateVersion.tsx
+++ b/desktop/app/src/chrome/AutoUpdateVersion.tsx
@@ -57,7 +57,7 @@ export default class AutoUpdateVersion extends Component<Props, State> {
        notification.onclick = remote.autoUpdater.quitAndInstall;
      });

-      remote.autoUpdater.on('error', error => {
+      remote.autoUpdater.on('error', (error) => {
        this.setState({updater: 'error', error: error.toString()});
      });

--- a/desktop/app/src/chrome/BugReporterDialog.tsx
+++ b/desktop/app/src/chrome/BugReporterDialog.tsx
@@ -172,7 +172,7 @@ class BugReporterDialog extends Component<Props, State> {
                  success: id,
                });
              })
-              .catch(err => {
+              .catch((err) => {
                this.setState({
                  error: err.message,
                  submitting: false,
--- a/desktop/app/src/chrome/DevicesButton.tsx
+++ b/desktop/app/src/chrome/DevicesButton.tsx
@@ -48,13 +48,13 @@ class DevicesButton extends Component<Props> {
    // On Linux, you must run the emulator from the directory it's in because
    // reasons ...
    which('emulator')
-      .then(emulatorPath => {
+      .then((emulatorPath) => {
        if (emulatorPath) {
          const child = spawn(emulatorPath, [`@${name}`], {
            detached: true,
            cwd: dirname(emulatorPath),
          });
-          child.stderr.on('data', data => {
+          child.stderr.on('data', (data) => {
            console.error(`Android emulator error: ${data}`);
          });
          child.on('error', console.error);
@@ -96,7 +96,7 @@ class DevicesButton extends Component<Props> {
        enabled: false,
      },
      ...devices
-        .filter(device => device.deviceType === 'physical')
+        .filter((device) => device.deviceType === 'physical')
        .map((device: BaseDevice) => ({
          click: () => selectDevice(device),
          checked: device === selectedDevice,
@@ -114,7 +114,7 @@ class DevicesButton extends Component<Props> {
        enabled: false,
      },
      ...devices
-        .filter(device => device.deviceType === 'emulator')
+        .filter((device) => device.deviceType === 'emulator')
        .map((device: BaseDevice) => ({
          click: () => selectDevice(device),
          checked: device === selectedDevice,
@@ -132,7 +132,7 @@ class DevicesButton extends Component<Props> {
        enabled: false,
      },
      ...devices
-        .filter(device => device.isArchived)
+        .filter((device) => device.isArchived)
        .map((device: BaseDevice) => ({
          click: () => selectDevice(device),
          checked: device === selectedDevice,
--- a/desktop/app/src/chrome/DoctorBar.tsx
+++ b/desktop/app/src/chrome/DoctorBar.tsx
@@ -59,7 +59,7 @@ class DoctorBar extends Component<Props, State> {
  static getDerivedStateFromProps(props: Props, state: State): State | null {
    const failedCategories = Object.values(
      props.healthcheckReport.categories,
-    ).filter(cat => hasProblems(cat.result));
+    ).filter((cat) => hasProblems(cat.result));
    if (failedCategories.length == 1) {
      const failedCat = failedCategories[0];
      if (failedCat.key === 'ios' || failedCat.key === 'android') {
@@ -131,7 +131,7 @@ class DoctorBar extends Component<Props, State> {
    );
  }
  setVisible(visible: boolean) {
-    this.setState(prevState => {
+    this.setState((prevState) => {
      return {
        ...prevState,
        visible,
--- a/desktop/app/src/chrome/DoctorSheet.tsx
+++ b/desktop/app/src/chrome/DoctorSheet.tsx
@@ -286,7 +286,7 @@ class DoctorSheet extends Component<Props, State> {
  }

  onAcknowledgeOnCloseChanged(acknowledge: boolean): void {
-    this.setState(prevState => {
+    this.setState((prevState) => {
      return {
        ...prevState,
        acknowledgeOnClose: acknowledge,
@@ -304,7 +304,9 @@ class DoctorSheet extends Component<Props, State> {

  getCheckMessage(checkKey: string): string {
    for (const cat of Object.values(this.props.healthcheckReport.categories)) {
-      const check = Object.values(cat.checks).find(chk => chk.key === checkKey);
+      const check = Object.values(cat.checks).find(
+        (chk) => chk.key === checkKey,
+      );
      if (check) {
        return check.result.message || '';
      }
@@ -328,7 +330,7 @@ class DoctorSheet extends Component<Props, State> {
                    />
                    {category.result.status !== 'SKIPPED' && (
                      <CategoryContainer>
-                        {Object.values(category.checks).map(check => (
+                        {Object.values(category.checks).map((check) => (
                          <HealthcheckDisplay
                            key={check.key}
                            selected={check.key === this.state.selectedCheckKey}
--- a/desktop/app/src/chrome/ErrorBar.tsx
+++ b/desktop/app/src/chrome/ErrorBar.tsx
@@ -37,7 +37,7 @@ const ErrorBar = memo(function ErrorBar(props: Props) {
    0,
  );

-  const urgentErrors = props.errors.filter(e => e.urgent);
+  const urgentErrors = props.errors.filter((e) => e.urgent);

  return (
    <ErrorBarContainer>
@@ -52,7 +52,7 @@ const ErrorBar = memo(function ErrorBar(props: Props) {
        ))}
      </ErrorRows>
      <DismissAllErrors
-        onClick={() => setCollapsed(c => !c)}
+        onClick={() => setCollapsed((c) => !c)}
        title="Show / hide errors">
        <Glyph
          color={colors.white}
@@ -90,7 +90,7 @@ function ErrorTile({
          <ButtonGroup>
            {(error.details || error.error) && (
              <Button
-                onClick={() => setCollapsed(s => !s)}
+                onClick={() => setCollapsed((s) => !s)}
                icon={collapsed ? `chevron-down` : 'chevron-up'}
                iconSize={12}
              />
--- a/desktop/app/src/chrome/ExportDataPluginSheet.tsx
+++ b/desktop/app/src/chrome/ExportDataPluginSheet.tsx
@@ -94,7 +94,7 @@ class ExportDataPluginSheet extends Component<Props, {}> {
              }
            }
          }}
-          onChange={selectedArray => {
+          onChange={(selectedArray) => {
            this.props.setSelectedPlugins(selectedArray);
          }}
          elements={this.props.availablePluginsToExport}
@@ -114,7 +114,7 @@ export default connect<StateFromProps, DispatchFromProps, OwnProps, Store>(
    pluginMessageQueue,
    connections: {selectedApp, clients},
  }) => {
-    const selectedClient = clients.find(o => {
+    const selectedClient = clients.find((o) => {
      return o.id === selectedApp;
    });
    const availablePluginsToExport = getActivePersistentPlugins(
--- a/desktop/app/src/chrome/ListView.tsx
+++ b/desktop/app/src/chrome/ListView.tsx
@@ -136,7 +136,7 @@ class RowComponent extends Component<RowComponentProps> {
                <Checkbox
                  disabled={disabled}
                  checked={selected}
-                  onChange={selected => {
+                  onChange={(selected) => {
                    onChange(id, selected);
                  }}
                />
@@ -145,7 +145,7 @@ class RowComponent extends Component<RowComponentProps> {
                <Radio
                  disabled={disabled}
                  checked={selected}
-                  onChange={selected => {
+                  onChange={(selected) => {
                    onChange(id, selected);
                  }}
                />
--- a/desktop/app/src/chrome/LocationsButton.tsx
+++ b/desktop/app/src/chrome/LocationsButton.tsx
@@ -49,12 +49,7 @@ const shortenText = (text: string, MAX_CHARACTERS = 30): string => {
  if (text.length <= MAX_CHARACTERS) {
    return text;
  } else {
-    return (
-      text
-        .split('')
-        .slice(0, MAX_CHARACTERS)
-        .join('') + '...'
-    );
+    return text.split('').slice(0, MAX_CHARACTERS).join('') + '...';
  }
 };

@@ -94,7 +89,7 @@ class LocationsButton extends Component<Props, State> {
  };

  updateBookmarks = () => {
-    readBookmarksFromDB().then(bookmarksMap => {
+    readBookmarksFromDB().then((bookmarksMap) => {
      const bookmarks: Array<Bookmark> = [];
      bookmarksMap.forEach((bookmark: Bookmark) => {
        bookmarks.push(bookmark);
--- a/desktop/app/src/chrome/MetroButton.tsx
+++ b/desktop/app/src/chrome/MetroButton.tsx
@@ -124,6 +124,6 @@ function MetroButton({device}: Props) {

 export default connect<Props, {}, {}, State>(({connections: {devices}}) => ({
  device: devices.find(
-    device => device.os === 'Metro' && !device.isArchived,
+    (device) => device.os === 'Metro' && !device.isArchived,
  ) as MetroDevice,
 }))(MetroButton);
--- a/desktop/app/src/chrome/NotificationScreen.tsx
+++ b/desktop/app/src/chrome/NotificationScreen.tsx
@@ -66,12 +66,12 @@ class Notifications extends PureComponent<Props, State> {
            onSelectPlugin={selectPlugin}
            logger={logger}
            defaultFilters={[
-              ...blacklistedPlugins.map(value => ({
+              ...blacklistedPlugins.map((value) => ({
                value,
                type: 'exclude',
                key: 'plugin',
              })),
-              ...blacklistedCategories.map(value => ({
+              ...blacklistedCategories.map((value) => ({
                value,
                type: 'exclude',
                key: 'category',
--- a/desktop/app/src/chrome/Popover.tsx
+++ b/desktop/app/src/chrome/Popover.tsx
@@ -167,12 +167,12 @@ export default class Popover extends PureComponent<Props> {
      <>
        <Anchor src="./anchor.svg" key="anchor" />
        <PopoverContainer ref={this._setRef} key="popup">
-          {this.props.sections.map(section => {
+          {this.props.sections.map((section) => {
            if (section.items.length > 0) {
              return (
                <Section key={section.title}>
                  <Heading>{section.title}</Heading>
-                  {section.items.map(item => (
+                  {section.items.map((item) => (
                    <PopoverItem key={item.title}>
                      <ItemImage>{item.icon}</ItemImage>
                      <ItemContent>
--- a/desktop/app/src/chrome/RatingButton.tsx
+++ b/desktop/app/src/chrome/RatingButton.tsx
@@ -41,7 +41,7 @@ class PredefinedComment extends Component<{
  selected: boolean;
  onClick: (_: unknown) => unknown;
 }> {
-  static Container = styled.div<{selected: boolean}>(props => {
+  static Container = styled.div<{selected: boolean}>((props) => {
    return {
      border: '1px solid #f2f3f5',
      cursor: 'pointer',
@@ -151,9 +151,9 @@ class FeedbackComponent extends Component<
    const selectedPredefinedComments: Array<string> = Object.entries(
      this.state.predefinedComments,
    )
-      .map(x => ({comment: x[0], enabled: x[1]}))
-      .filter(x => x.enabled)
-      .map(x => x.comment);
+      .map((x) => ({comment: x[0], enabled: x[1]}))
+      .filter((x) => x.enabled)
+      .map((x) => x.comment);
    const currentRating = this.state.rating;
    if (currentRating) {
      this.props.submitComment(
@@ -189,9 +189,11 @@ class FeedbackComponent extends Component<
          }}>
          <Glyph
            name={
-              (this.state.hoveredRating
-              ? index < this.state.hoveredRating
-              : index < (this.state.rating || 0))
+              (
+                this.state.hoveredRating
+                  ? index < this.state.hoveredRating
+                  : index < (this.state.rating || 0)
+              )
                ? 'star'
                : 'star-outline'
            }
@@ -236,8 +238,8 @@ class FeedbackComponent extends Component<
              style={{height: 30, width: '100%'}}
              placeholder={this.props.promptData.commentPlaceholder}
              value={this.state.comment}
-              onChange={e => this.setState({comment: e.target.value})}
-              onKeyDown={e =>
+              onChange={(e) => this.setState({comment: e.target.value})}
+              onKeyDown={(e) =>
                e.key == 'Enter' && this.onCommentSubmitted(this.state.comment)
              }
              autoFocus={true}
@@ -296,7 +298,7 @@ class RatingButton extends Component<PropsFromState, State> {
  constructor(props: PropsFromState) {
    super(props);
    if (GK.get('flipper_rating')) {
-      UserFeedback.getPrompt().then(prompt => {
+      UserFeedback.getPrompt().then((prompt) => {
        this.setState({promptData: prompt});
        setTimeout(this.triggerPopover.bind(this), 30000);
      });
--- a/desktop/app/src/chrome/ScreenCaptureButtons.tsx
+++ b/desktop/app/src/chrome/ScreenCaptureButtons.tsx
@@ -91,7 +91,7 @@ class ScreenCaptureButtons extends Component<Props, State> {
    if (!selectedDevice) {
      return;
    }
-    const path = await selectedDevice.stopScreenCapture().catch(e => {
+    const path = await selectedDevice.stopScreenCapture().catch((e) => {
      console.error(e);
    });
    path ? openFile(path) : 0;
@@ -107,7 +107,7 @@ class ScreenCaptureButtons extends Component<Props, State> {
      this.setState({
        recording: true,
      });
-      this.startRecording().catch(e => {
+      this.startRecording().catch((e) => {
        this.setState({
          recording: false,
        });
--- a/desktop/app/src/chrome/SettingsSheet.tsx
+++ b/desktop/app/src/chrome/SettingsSheet.tsx
@@ -95,7 +95,7 @@ class SettingsSheet extends Component<Props, State> {
        <ToggledSection
          label="Android Developer"
          toggled={enableAndroid}
-          onChange={v => {
+          onChange={(v) => {
            this.setState({
              updatedSettings: {
                ...this.state.updatedSettings,
@@ -107,7 +107,7 @@ class SettingsSheet extends Component<Props, State> {
            label="Android SDK Location"
            resetValue={DEFAULT_ANDROID_SDK_PATH}
            defaultValue={androidHome}
-            onChange={v => {
+            onChange={(v) => {
              this.setState({
                updatedSettings: {
                  ...this.state.updatedSettings,
@@ -121,7 +121,7 @@ class SettingsSheet extends Component<Props, State> {
          label="iOS Developer"
          toggled={enableIOS && this.props.platform === 'darwin'}
          frozen={this.props.platform !== 'darwin'}
-          onChange={v => {
+          onChange={(v) => {
            this.setState({
              updatedSettings: {...this.state.updatedSettings, enableIOS: v},
            });
@@ -140,7 +140,7 @@ class SettingsSheet extends Component<Props, State> {
        </ToggledSection>
        <LauncherSettingsPanel
          isPrefetchingEnabled={enablePrefetching}
-          onEnablePrefetchingChange={v => {
+          onEnablePrefetchingChange={(v) => {
            this.setState({
              updatedSettings: {
                ...this.state.updatedSettings,
@@ -149,7 +149,7 @@ class SettingsSheet extends Component<Props, State> {
            });
          }}
          isLocalPinIgnored={this.state.updatedLauncherSettings.ignoreLocalPin}
-          onIgnoreLocalPinChange={v => {
+          onIgnoreLocalPinChange={(v) => {
            this.setState({
              updatedLauncherSettings: {
                ...this.state.updatedLauncherSettings,
@@ -161,8 +161,8 @@ class SettingsSheet extends Component<Props, State> {
        <ToggledSection
          label="React Native keyboard shortcuts"
          toggled={reactNative.shortcuts.enabled}
-          onChange={enabled => {
-            this.setState(prevState => ({
+          onChange={(enabled) => {
+            this.setState((prevState) => ({
              updatedSettings: {
                ...prevState.updatedSettings,
                reactNative: {
@@ -178,8 +178,8 @@ class SettingsSheet extends Component<Props, State> {
          <KeyboardShortcutInput
            label="Reload application"
            value={reactNative.shortcuts.reload}
-            onChange={reload => {
-              this.setState(prevState => ({
+            onChange={(reload) => {
+              this.setState((prevState) => ({
                updatedSettings: {
                  ...prevState.updatedSettings,
                  reactNative: {
@@ -196,8 +196,8 @@ class SettingsSheet extends Component<Props, State> {
          <KeyboardShortcutInput
            label="Open developer menu"
            value={reactNative.shortcuts.openDevMenu}
-            onChange={openDevMenu => {
-              this.setState(prevState => ({
+            onChange={(openDevMenu) => {
+              this.setState((prevState) => ({
                updatedSettings: {
                  ...prevState.updatedSettings,
                  reactNative: {
--- a/desktop/app/src/chrome/ShareSheetPendingDialog.tsx
+++ b/desktop/app/src/chrome/ShareSheetPendingDialog.tsx
@@ -33,7 +33,7 @@ const Uploading = styled(Text)({
  marginTop: 15,
 });

-export default function(props: {
+export default function (props: {
  statusMessage: string;
  statusUpdate: string | null;
  hideNavButtons?: boolean;
--- a/desktop/app/src/chrome/Sheet.tsx
+++ b/desktop/app/src/chrome/Sheet.tsx
@@ -95,7 +95,7 @@ class Sheet extends Component<Props, State> {
        in={Boolean(this.props.activeSheet) && this.state.isVisible}
        timeout={0}
        onExited={() => this.props.onHideSheet()}>
-        {state => (
+        {(state) => (
          <DialogContainer state={state}>
            <div
              /* This is the target for React.portal, it should not be
--- a/desktop/app/src/chrome/SignInSheet.tsx
+++ b/desktop/app/src/chrome/SignInSheet.tsx
@@ -101,7 +101,7 @@ class SignInSheet extends Component<Props, State> {
          disabled={this.state.loading}
          placeholder="Nuclide Access Token"
          value={this.state.token}
-          onChange={e => this.setState({token: e.target.value})}
+          onChange={(e) => this.setState({token: e.target.value})}
        />
        <br />
        {this.state.error && (
--- a/desktop/app/src/chrome/TitleBar.tsx
+++ b/desktop/app/src/chrome/TitleBar.tsx
@@ -252,7 +252,7 @@ export default connect<StateFromProps, DispatchFromProps, OwnProps, State>(
    );
    const navPluginIsActive = !!pluginStates[navigationPluginKey];
    const isMetroActive = !!devices.find(
-      device => device.os === 'Metro' && !device.isArchived,
+      (device) => device.os === 'Metro' && !device.isArchived,
    );

    return {
--- a/desktop/app/src/chrome/UpdateIndicator.tsx
+++ b/desktop/app/src/chrome/UpdateIndicator.tsx
@@ -93,7 +93,7 @@ export default class UpdateIndicator extends React.PureComponent<Props, State> {
  componentDidMount() {
    if (isProduction() && config().launcherEnabled) {
      reportPlatformFailures(
-        checkForUpdate(this.props.version).then(res => {
+        checkForUpdate(this.props.version).then((res) => {
          if (res.kind === 'error') {
            console.warn('Version check failure: ', res.msg);
            throw new Error(res.msg);
--- a/desktop/app/src/chrome/UserAccount.tsx
+++ b/desktop/app/src/chrome/UserAccount.tsx
@@ -92,7 +92,7 @@ class UserAccount extends PureComponent<Props> {

  componentDidMount() {
    if (config.showLogin) {
-      getUser().catch(error => {
+      getUser().catch((error) => {
        if (error === USER_UNAUTHORIZED || error === USER_NOT_SIGNEDIN) {
          this.openLogin();
        }
--- a/desktop/app/src/chrome/VideoRecordingButton.tsx
+++ b/desktop/app/src/chrome/VideoRecordingButton.tsx
@@ -49,7 +49,7 @@ export default class VideoRecordingButton extends Component<Props, State> {
    this.setState({
      recording: true,
    });
-    selectedDevice.startScreenCapture(videoPath).catch(e => {
+    selectedDevice.startScreenCapture(videoPath).catch((e) => {
      console.error('Screen recording failed:', e);
      this.setState({
        recording: false,
--- a/desktop/app/src/chrome/mainsidebar/MainSidebar2.tsx
+++ b/desktop/app/src/chrome/mainsidebar/MainSidebar2.tsx
@@ -136,7 +136,7 @@ const SidebarSection: React.FC<{
  return (
    <>
      <SidebarSectionButton
-        onClick={() => setCollapsed(s => !s)}
+        onClick={() => setCollapsed((s) => !s)}
        level={level}
        color={color}
        collapsed={collapsed}>
@@ -212,7 +212,7 @@ class MainSidebar2 extends PureComponent<Props, State> {
      <Sidebar position="left" width={250} backgroundColor={colors.light02}>
        <Plugins>
          {devices.length ? (
-            devices.map(device => this.renderDevice(device))
+            devices.map((device) => this.renderDevice(device))
          ) : (
            <NoDevices />
          )}
@@ -234,7 +234,7 @@ class MainSidebar2 extends PureComponent<Props, State> {
      selectedDevice,
    } = this.props;
    const clients = getAvailableClients(device, this.props.clients);
-    const devicePluginsItems = device.devicePlugins.map(pluginName => {
+    const devicePluginsItems = device.devicePlugins.map((pluginName) => {
      const plugin = this.props.devicePlugins.get(pluginName)!;
      return (
        <PluginSidebarListItem
@@ -272,7 +272,7 @@ class MainSidebar2 extends PureComponent<Props, State> {
        ) : (
          <div style={{marginTop: 6}}>{devicePluginsItems}</div>
        )}
-        {clients.map(client => (
+        {clients.map((client) => (
          <PluginList
            device={device}
            key={client.id}
@@ -293,7 +293,7 @@ class MainSidebar2 extends PureComponent<Props, State> {
    const {uninitializedClients} = this.props;
    return uninitializedClients.length > 0 ? (
      <SidebarSection title="Connecting..." key="unitializedClients" level={1}>
-        {uninitializedClients.map(entry => (
+        {uninitializedClients.map((entry) => (
          <SidebarSection
            color={getColorByApp(entry.client.appName)}
            key={JSON.stringify(entry.client)}
@@ -387,14 +387,14 @@ function groupPluginsByCategory(plugins: FlipperPlugins): PluginsByCategory {
  const sortedPlugins = plugins.slice().sort(sortPluginsByName);
  const byCategory: {[cat: string]: FlipperPlugins} = {};
  const res: PluginsByCategory = [];
-  sortedPlugins.forEach(plugin => {
+  sortedPlugins.forEach((plugin) => {
    const category = plugin.category || '';
    (byCategory[category] || (byCategory[category] = [])).push(plugin);
  });
  // Sort categories
  Object.keys(byCategory)
    .sort()
-    .forEach(category => {
+    .forEach((category) => {
      res.push([category, byCategory[category]]);
    });
  return res;
@@ -464,7 +464,7 @@ const PluginList = memo(function PluginList({
  // client is a mutable structure, so we need the event emitter to detect the addition of plugins....
  const [_, setPluginsChanged] = useState(0);
  useEffect(() => {
-    const listener = () => setPluginsChanged(v => v + 1);
+    const listener = () => setPluginsChanged((v) => v + 1);
    client.on('plugins-change', listener);
    return () => {
      client.off('plugins-change', listener);
@@ -494,7 +494,7 @@ const PluginList = memo(function PluginList({
  const selectedNonFavoritePlugin =
    selectedApp === client.id &&
    client.plugins.includes(selectedPlugin!) &&
-    !favoritePlugins.find(plugin => plugin.id === selectedPlugin);
+    !favoritePlugins.find((plugin) => plugin.id === selectedPlugin);
  const allPluginsStarred = favoritePlugins.length === allPlugins.length;

  return (
@@ -526,7 +526,7 @@ const PluginList = memo(function PluginList({
          defaultCollapsed={
            favoritePlugins.length > 0 && !selectedNonFavoritePlugin
          }
-          title={collapsed => (
+          title={(collapsed) => (
            <ShowMoreButton collapsed={collapsed}>
              <Glyph
                color={colors.macOSTitleBarIconBlur}
@@ -585,7 +585,7 @@ const PluginsByCategory = memo(function PluginsByCategory({
              <CategoryName>{category}</CategoryName>
            </ListItem>
          )}
-          {plugins.map(plugin => (
+          {plugins.map((plugin) => (
            <PluginSidebarListItem
              key={plugin.id}
              isActive={
--- a/desktop/app/src/chrome/mainsidebar/MainSidebarUtilsSection.tsx
+++ b/desktop/app/src/chrome/mainsidebar/MainSidebarUtilsSection.tsx
@@ -55,7 +55,7 @@ function MainSidebarUtilsSection({
  return (
    <div style={{flexShrink: 0, borderTop: `1px solid ${colors.blackAlpha10}`}}>
      {showWatchDebugRoot &&
-        (function() {
+        (function () {
          const active = isStaticViewActive(staticView, WatchTools);
          return (
            <ListItem
@@ -74,7 +74,7 @@ function MainSidebarUtilsSection({
          );
        })()}
      <RenderNotificationsEntry />
-      {(function() {
+      {(function () {
        const active = isStaticViewActive(staticView, SupportRequestFormV2);
        return (
          <ListItem
--- a/desktop/app/src/chrome/mainsidebar/sidebarUtils.tsx
+++ b/desktop/app/src/chrome/mainsidebar/sidebarUtils.tsx
@@ -85,7 +85,7 @@ const PluginShape = styled(FlexBox)<{
 }));

 export const PluginName = styled(Text)<{isActive?: boolean; count?: number}>(
-  props => ({
+  (props) => ({
    minWidth: 0,
    textOverflow: 'ellipsis',
    whiteSpace: 'nowrap',
@@ -139,7 +139,7 @@ export const PluginSidebarListItem: React.FC<{
  provided?: any;
  onFavorite?: () => void;
  starred?: boolean; // undefined means: not starrable
-}> = function(props) {
+}> = function (props) {
  const {isActive, plugin, onFavorite, starred} = props;
  const iconColor = getColorByApp(props.app);
  const domRef = useRef<HTMLDivElement>(null);
@@ -242,13 +242,13 @@ export function getFavoritePlugins(
    }
    // for archived plugins, all stored plugins are enabled
    return allPlugins.filter(
-      plugin => client.plugins.indexOf(plugin.id) !== -1,
+      (plugin) => client.plugins.indexOf(plugin.id) !== -1,
    );
  }
  if (!starredPlugins || !starredPlugins.length) {
    return returnFavoredPlugins ? [] : allPlugins;
  }
-  return allPlugins.filter(plugin => {
+  return allPlugins.filter((plugin) => {
    const idx = starredPlugins.indexOf(plugin.id);
    return idx === -1 ? !returnFavoredPlugins : returnFavoredPlugins;
  });
--- a/desktop/app/src/chrome/plugin-manager/PluginDebugger.tsx
+++ b/desktop/app/src/chrome/plugin-manager/PluginDebugger.tsx
@@ -152,7 +152,7 @@ class PluginDebugger extends Component<Props> {
          : p.entry
        : 'Native Plugin';

-    this.props.gatekeepedPlugins.forEach(plugin =>
+    this.props.gatekeepedPlugins.forEach((plugin) =>
      rows.push(
        this.buildRow(
          plugin.name,
@@ -164,7 +164,7 @@ class PluginDebugger extends Component<Props> {
      ),
    );

-    this.props.devicePlugins.forEach(plugin =>
+    this.props.devicePlugins.forEach((plugin) =>
      rows.push(
        this.buildRow(
          plugin.id,
@@ -176,7 +176,7 @@ class PluginDebugger extends Component<Props> {
      ),
    );

-    this.props.clientPlugins.forEach(plugin =>
+    this.props.clientPlugins.forEach((plugin) =>
      rows.push(
        this.buildRow(
          plugin.id,
@@ -188,7 +188,7 @@ class PluginDebugger extends Component<Props> {
      ),
    );

-    this.props.disabledPlugins.forEach(plugin =>
+    this.props.disabledPlugins.forEach((plugin) =>
      rows.push(
        this.buildRow(
          plugin.name,
--- a/desktop/app/src/chrome/plugin-manager/PluginInstaller.tsx
+++ b/desktop/app/src/chrome/plugin-manager/PluginInstaller.tsx
@@ -175,7 +175,7 @@ const PluginInstaller = function props(props: Props) {
        <Toolbar>
          <SearchBox>
            <SearchInput
-              onChange={e => setQuery(e.target.value)}
+              onChange={(e) => setQuery(e.target.value)}
              value={query}
              placeholder="Search Flipper plugins..."
            />
@@ -414,7 +414,9 @@ function useNPMSearch(
        return;
      }
      setSearchResults(
-        hits.filter(hit => !installedPlugins.has(hit.name)).map(liftUpdatable),
+        hits
+          .filter((hit) => !installedPlugins.has(hit.name))
+          .map(liftUpdatable),
      );

      // Clean up: if query changes while we're searching, abandon results.
@@ -445,7 +447,7 @@ export default connect<PropsFromState, DispatchFromProps, OwnProps, AppState>(
  }),
  (dispatch: Dispatch<Action<any>>) => ({
    refreshInstalledPlugins: () => {
-      readInstalledPlugins().then(plugins =>
+      readInstalledPlugins().then((plugins) =>
        dispatch(registerInstalledPlugins(plugins)),
      );
    },
--- a/desktop/app/src/chrome/plugin-manager/PluginManager.tsx
+++ b/desktop/app/src/chrome/plugin-manager/PluginManager.tsx
@@ -23,7 +23,7 @@ const Row = styled(FlexColumn)({

 type Tabs = 'Plugin Status' | 'Install Plugins';

-export default function(props: {onHide: () => any}) {
+export default function (props: {onHide: () => any}) {
  const [tab, setTab] = useState<Tabs>('Plugin Status');
  return (
    <Container>
--- a/desktop/app/src/chrome/plugin-manager/PluginPackageInstaller.tsx
+++ b/desktop/app/src/chrome/plugin-manager/PluginPackageInstaller.tsx
@@ -81,7 +81,7 @@ export default function PluginPackageInstaller({
    <Toolbar>
      <FileSelector
        placeholderText="Specify path to a Flipper package or just drag and drop it here..."
-        onPathChanged={e => {
+        onPathChanged={(e) => {
          setPath(e.path);
          setIsPathValid(e.isValid);
          setError(undefined);
--- a/desktop/app/src/chrome/settings/KeyboardShortcutInput.tsx
+++ b/desktop/app/src/chrome/settings/KeyboardShortcutInput.tsx
@@ -57,7 +57,7 @@ const ShortcutKeysContainer = styled(FlexRow)<{invalid: boolean}>(
    flexGrow: 1,
    padding: 2,
  },
-  props => ({borderColor: props.invalid ? colors.red : colors.light15}),
+  (props) => ({borderColor: props.invalid ? colors.red : colors.light15}),
 );

 const ShortcutKeyContainer = styled.div({
@@ -183,7 +183,7 @@ const KeyboardShortcutInput = (props: {
          ([metaKey, altKey, ctrlKey, shiftKey].includes(true) &&
            character !== '') ||
            [metaKey, altKey, ctrlKey, shiftKey, character].every(
-              value => !value,
+              (value) => !value,
            ),
        ),
      500,
--- a/desktop/app/src/chrome/settings/configFields.tsx
+++ b/desktop/app/src/chrome/settings/configFields.tsx
@@ -59,13 +59,13 @@ export function FilePathConfigField(props: {
  const [value, setValue] = useState(props.defaultValue);
  const [isValid, setIsValid] = useState(true);
  fs.stat(value)
-    .then(stat => stat.isDirectory())
-    .then(valid => {
+    .then((stat) => stat.isDirectory())
+    .then((valid) => {
      if (valid !== isValid) {
        setIsValid(valid);
      }
    })
-    .catch(_ => setIsValid(false));
+    .catch((_) => setIsValid(false));

  return (
    <ConfigFieldContainer>
@@ -74,17 +74,17 @@ export function FilePathConfigField(props: {
        placeholder={props.label}
        value={value}
        isValid={isValid}
-        onChange={e => {
+        onChange={(e) => {
          setValue(e.target.value);
          props.onChange(e.target.value);
          fs.stat(e.target.value)
-            .then(stat => stat.isDirectory())
-            .then(valid => {
+            .then((stat) => stat.isDirectory())
+            .then((valid) => {
              if (valid !== isValid) {
                setIsValid(valid);
              }
            })
-            .catch(_ => setIsValid(false));
+            .catch((_) => setIsValid(false));
        }}
      />
      <FlexColumn
--- a/desktop/app/src/createTablePlugin.tsx
+++ b/desktop/app/src/createTablePlugin.tsx
@@ -154,7 +154,7 @@ export function createTablePlugin<T extends RowData>(props: Props<T>) {
      let paste = '';
      const mapFn = (row: TableBodyRow) =>
        Object.keys(props.columns)
-          .map(key => textContent(row.columns[key].value))
+          .map((key) => textContent(row.columns[key].value))
          .join('\t');

      if (this.state.selectedIds.length > 0) {
--- a/desktop/app/src/devices/AndroidDevice.tsx
+++ b/desktop/app/src/devices/AndroidDevice.tsx
@@ -25,8 +25,8 @@ export default class AndroidDevice extends BaseDevice {
    super(serial, deviceType, title, 'Android');
    this.adb = adb;
    this.icon = 'icons/android.svg';
-    this.adb.openLogcat(this.serial).then(reader => {
-      reader.on('entry', entry => {
+    this.adb.openLogcat(this.serial).then((reader) => {
+      reader.on('entry', (entry) => {
        let type: LogLevel = 'unknown';
        if (entry.priority === Priority.VERBOSE) {
          type = 'verbose';
@@ -69,7 +69,7 @@ export default class AndroidDevice extends BaseDevice {

  reverse(ports: [number, number]): Promise<void> {
    return Promise.all(
-      ports.map(port =>
+      ports.map((port) =>
        this.adb.reverse(this.serial, `tcp:${port}`, `tcp:${port}`),
      ),
    ).then(() => {
@@ -100,7 +100,7 @@ export default class AndroidDevice extends BaseDevice {

  screenshot(): Promise<Buffer> {
    return new Promise((resolve, reject) => {
-      this.adb.screencap(this.serial).then(stream => {
+      this.adb.screencap(this.serial).then((stream) => {
        const chunks: Array<Buffer> = [];
        stream
          .on('data', (chunk: Buffer) => chunks.push(chunk))
@@ -137,13 +137,8 @@ export default class AndroidDevice extends BaseDevice {
    const fileSize = await this.adb
      .shell(this.serial, `du "${filePath}"`)
      .then(adb.util.readAll)
-      .then((output: Buffer) =>
-        output
-          .toString()
-          .trim()
-          .split('\t'),
-      )
-      .then(x => Number(x[0]));
+      .then((output: Buffer) => output.toString().trim().split('\t'))
+      .then((x) => Number(x[0]));

    // 4 is what an empty file (touch file) already takes up, so it's
    // definitely not a valid video file.
@@ -158,7 +153,7 @@ export default class AndroidDevice extends BaseDevice {
    this.recordingProcess = this.adb
      .shell(this.serial, `screenrecord --bugreport "${recordingLocation}"`)
      .then(adb.util.readAll)
-      .then(async output => {
+      .then(async (output) => {
        const isValid = await this.isValidFile(recordingLocation);
        if (!isValid) {
          const outputMessage = output.toString().trim();
@@ -168,18 +163,18 @@ export default class AndroidDevice extends BaseDevice {
        }
      })
      .then(
-        _ =>
+        (_) =>
          new Promise((resolve, reject) => {
-            this.adb.pull(this.serial, recordingLocation).then(stream => {
+            this.adb.pull(this.serial, recordingLocation).then((stream) => {
              stream.on('end', resolve);
              stream.on('error', reject);
              stream.pipe(createWriteStream(destination));
            });
          }),
      )
-      .then(_ => destination);
+      .then((_) => destination);

-    return this.recordingProcess.then(_ => {});
+    return this.recordingProcess.then((_) => {});
  }

  async stopScreenCapture(): Promise<string> {
--- a/desktop/app/src/devices/BaseDevice.tsx
+++ b/desktop/app/src/devices/BaseDevice.tsx
@@ -118,7 +118,7 @@ export default class BaseDevice {

  _notifyLogListeners(entry: DeviceLogEntry) {
    if (this.logListeners.size > 0) {
-      this.logListeners.forEach(listener => {
+      this.logListeners.forEach((listener) => {
        // prevent breaking other listeners, if one listener doesn't work.
        try {
          listener(entry);
@@ -176,8 +176,8 @@ export default class BaseDevice {

  loadDevicePlugins(devicePlugins?: Map<string, typeof FlipperDevicePlugin>) {
    this.devicePlugins = Array.from(devicePlugins ? devicePlugins.values() : [])
-      .filter(plugin => plugin.supportsDevice(this))
+      .filter((plugin) => plugin.supportsDevice(this))
      .sort(sortPluginsByName)
-      .map(plugin => plugin.id);
+      .map((plugin) => plugin.id);
  }
 }
--- a/desktop/app/src/devices/IOSDevice.tsx
+++ b/desktop/app/src/devices/IOSDevice.tsx
@@ -59,7 +59,7 @@ export default class IOSDevice extends BaseDevice {
    const command = `xcrun simctl io booted screenshot ${tmpFilePath}`;
    return promisify(exec)(command)
      .then(() => promisify(fs.readFile)(tmpFilePath))
-      .then(buffer => {
+      .then((buffer) => {
        return promisify(fs.unlink)(tmpFilePath).then(() => buffer);
      });
  }
@@ -213,7 +213,7 @@ export default class IOSDevice extends BaseDevice {
          this.recordingLocation = undefined;
          return recordingLocation!;
        })
-        .catch(_e => {
+        .catch((_e) => {
          this.recordingLocation = undefined;
          console.error(_e);
          return null;
--- a/desktop/app/src/devices/MetroDevice.tsx
+++ b/desktop/app/src/devices/MetroDevice.tsx
@@ -162,7 +162,7 @@ export default class MetroDevice extends BaseDevice {
        type,
        tag: message.type,
        message: message.data
-          .map(v =>
+          .map((v) =>
            v && typeof v === 'object' ? JSON.stringify(v, null, 2) : v,
          )
          .join(' '),
--- a/desktop/app/src/dispatcher/tests/plugins.node.js
+++ b/desktop/app/src/dispatcher/tests/plugins.node.js
@@ -33,7 +33,7 @@ beforeEach(() => {
 test('dispatcher dispatches REGISTER_PLUGINS', () => {
  dispatcher(mockStore, logger);
  const actions = mockStore.getActions();
-  expect(actions.map(a => a.type)).toContain('REGISTER_PLUGINS');
+  expect(actions.map((a) => a.type)).toContain('REGISTER_PLUGINS');
 });

 test('getDynamicPlugins returns empty array on errors', () => {
--- a/desktop/app/src/dispatcher/androidDevice.tsx
+++ b/desktop/app/src/dispatcher/androidDevice.tsx
@@ -33,14 +33,14 @@ function createDevice(

    adbClient
      .getProperties(device.id)
-      .then(async props => {
+      .then(async (props) => {
        try {
          let name = props['ro.product.model'];
          if (type === 'emulator') {
            name = (await getRunningEmulatorName(device.id)) || name;
          }
          const isKaiOSDevice = Object.keys(props).some(
-            name => name.startsWith('kaios') || name.startsWith('ro.kaios'),
+            (name) => name.startsWith('kaios') || name.startsWith('ro.kaios'),
          );
          const androidLikeDevice = new (isKaiOSDevice
            ? KaiOSDevice
@@ -53,7 +53,7 @@ function createDevice(
          reject(e);
        }
      })
-      .catch(e => {
+      .catch((e) => {
        if (
          e &&
          e.message &&
@@ -74,7 +74,7 @@ export async function getActiveAndroidDevices(
  const client = await getAdbClient(store);
  const androidDevices = await client.listDevices();
  const devices = await Promise.all(
-    androidDevices.map(device => createDevice(client, device)),
+    androidDevices.map((device) => createDevice(client, device)),
  );
  return devices.filter(Boolean) as any;
 }
@@ -108,7 +108,7 @@ export default (store: Store, logger: Logger) => {
    // get emulators
    promisify(which)('emulator')
      .catch(() => `${process.env.ANDROID_HOME || ''}/tools/emulator`)
-      .then(emulatorPath => {
+      .then((emulatorPath) => {
        child_process.exec(
          `${emulatorPath} -list-avds`,
          (error: Error | null, data: string | null) => {
@@ -126,11 +126,11 @@ export default (store: Store, logger: Logger) => {
      });

    getAdbClient(store)
-      .then(client => {
+      .then((client) => {
        client
          .trackDevices()
-          .then(tracker => {
-            tracker.on('error', err => {
+          .then((tracker) => {
+            tracker.on('error', (err) => {
              if (err.message === 'Connection closed') {
                // adb server has shutdown, remove all android devices
                const {connections} = store.getState();
@@ -148,13 +148,13 @@ export default (store: Store, logger: Logger) => {
              }
            });

-            tracker.on('add', async device => {
+            tracker.on('add', async (device) => {
              if (device.type !== 'offline') {
                registerDevice(client, device, store);
              }
            });

-            tracker.on('change', async device => {
+            tracker.on('change', async (device) => {
              if (device.type === 'offline') {
                unregisterDevices([device.id]);
              } else {
@@ -162,7 +162,7 @@ export default (store: Store, logger: Logger) => {
              }
            });

-            tracker.on('remove', device => {
+            tracker.on('remove', (device) => {
              unregisterDevices([device.id]);
            });
          })
@@ -174,7 +174,7 @@ export default (store: Store, logger: Logger) => {
            }
          });
      })
-      .catch(e => {
+      .catch((e) => {
        console.error(`Failed to watch for android devices: ${e.message}`);
      });
  };
@@ -201,7 +201,7 @@ export default (store: Store, logger: Logger) => {
        (device: BaseDevice) =>
          device.serial === androidDevice.serial && device.isArchived,
      )
-      .map(device => device.serial);
+      .map((device) => device.serial);

    store.dispatch({
      type: 'UNREGISTER_DEVICES',
@@ -223,7 +223,7 @@ export default (store: Store, logger: Logger) => {
  }

  async function unregisterDevices(deviceIds: Array<string>) {
-    deviceIds.forEach(id =>
+    deviceIds.forEach((id) =>
      logger.track('usage', 'unregister-device', {
        os: 'Android',
        serial: id,
@@ -231,10 +231,10 @@ export default (store: Store, logger: Logger) => {
    );

    const archivedDevices = deviceIds
-      .map(id => {
+      .map((id) => {
        const device = store
          .getState()
-          .connections.devices.find(device => device.serial === id);
+          .connections.devices.find((device) => device.serial === id);
        if (device && !device.isArchived) {
          return device.archive();
        }
@@ -259,7 +259,7 @@ export default (store: Store, logger: Logger) => {

  // cleanup method
  return () =>
-    getAdbClient(store).then(client => {
+    getAdbClient(store).then((client) => {
      client.kill();
    });
 };
--- a/desktop/app/src/dispatcher/application.tsx
+++ b/desktop/app/src/dispatcher/application.tsx
@@ -35,10 +35,7 @@ export const uriComponents = (url: string): Array<string> => {
    /^flipper:\/\/([^\/]*)\/([^\/]*)\/?(.*)$/,
  );
  if (match) {
-    return match
-      .map(decodeURIComponent)
-      .slice(1)
-      .filter(Boolean);
+    return match.map(decodeURIComponent).slice(1).filter(Boolean);
  }
  return [];
 };
@@ -79,8 +76,8 @@ export default (store: Store, _logger: Logger) => {
        return (
          typeof url === 'string' &&
          fetch(url)
-            .then(res => res.text())
-            .then(data => importDataToStore(url, data, store))
+            .then((res) => res.text())
+            .then((data) => importDataToStore(url, data, store))
            .then(() => {
              store.dispatch(toggleAction('downloadingImportData', false));
            })
--- a/desktop/app/src/dispatcher/iOSDevice.tsx
+++ b/desktop/app/src/dispatcher/iOSDevice.tsx
@@ -62,7 +62,7 @@ const portForwarders: Array<ChildProcess> = GK.get('flipper_ios_device_support')

 if (typeof window !== 'undefined') {
  window.addEventListener('beforeunload', () => {
-    portForwarders.forEach(process => process.kill());
+    portForwarders.forEach((process) => process.kill());
  });
 }

@@ -74,12 +74,12 @@ async function queryDevices(store: Store, logger: Logger): Promise<void> {
  const {connections} = store.getState();
  const currentDeviceIDs: Set<string> = new Set(
    connections.devices
-      .filter(device => device instanceof IOSDevice)
-      .map(device => device.serial),
+      .filter((device) => device instanceof IOSDevice)
+      .map((device) => device.serial),
  );
  return Promise.all([getActiveSimulators(), getActiveDevices()])
    .then(([a, b]) => a.concat(b))
-    .then(activeDevices => {
+    .then((activeDevices) => {
      for (const {udid, type, name} of activeDevices) {
        if (currentDeviceIDs.has(udid)) {
          currentDeviceIDs.delete(udid);
@@ -106,7 +106,7 @@ async function queryDevices(store: Store, logger: Logger): Promise<void> {
      }

      if (currentDeviceIDs.size > 0) {
-        currentDeviceIDs.forEach(id =>
+        currentDeviceIDs.forEach((id) =>
          logger.track('usage', 'unregister-device', {os: 'iOS', serial: id}),
        );
        store.dispatch({
@@ -136,9 +136,9 @@ function getActiveSimulators(): Promise<Array<IOSDeviceParams>> {

      return simulators
        .filter(
-          simulator => simulator.state === 'Booted' && isAvailable(simulator),
+          (simulator) => simulator.state === 'Booted' && isAvailable(simulator),
        )
-        .map(simulator => {
+        .map((simulator) => {
          return {
            udid: simulator.udid,
            type: 'emulator',
@@ -146,11 +146,11 @@ function getActiveSimulators(): Promise<Array<IOSDeviceParams>> {
          } as IOSDeviceParams;
        });
    })
-    .catch(_ => []);
+    .catch((_) => []);
 }

 function getActiveDevices(): Promise<Array<IOSDeviceParams>> {
-  return iosUtil.targets().catch(e => {
+  return iosUtil.targets().catch((e) => {
    console.error(e.message);
    return [];
  });
@@ -163,7 +163,7 @@ function queryDevicesForever(store: Store, logger: Logger) {
      // to avoid simultaneous queries which can cause multiple user input prompts.
      setTimeout(() => queryDevicesForever(store, logger), 3000);
    })
-    .catch(err => {
+    .catch((err) => {
      console.error(err);
    });
 }
@@ -233,8 +233,8 @@ async function checkIfDevicesCanBeQueryied(store: Store): Promise<boolean> {

 async function isXcodeDetected(): Promise<boolean> {
  return promisify(child_process.exec)('xcode-select -p')
-    .then(_ => true)
-    .catch(_ => false);
+    .then((_) => true)
+    .catch((_) => false);
 }

 export async function getActiveDevicesAndSimulators(): Promise<
@@ -245,7 +245,7 @@ export async function getActiveDevicesAndSimulators(): Promise<
    getActiveDevices(),
  ]);
  const allDevices = activeDevices[0].concat(activeDevices[1]);
-  return allDevices.map(device => {
+  return allDevices.map((device) => {
    const {udid, type, name} = device;
    return new IOSDevice(udid, type, name);
  });
@@ -260,11 +260,11 @@ export default (store: Store, logger: Logger) => {
    return;
  }
  isXcodeDetected()
-    .then(isDetected => {
+    .then((isDetected) => {
      store.dispatch(setXcodeDetected(isDetected));
      return isDetected;
    })
-    .then(isDetected =>
+    .then((isDetected) =>
      isDetected ? queryDevicesForever(store, logger) : Promise.resolve(),
    );
 };
--- a/desktop/app/src/dispatcher/index.tsx
+++ b/desktop/app/src/dispatcher/index.tsx
@@ -26,7 +26,7 @@ import {Store} from '../reducers/index';
 import {Dispatcher} from './types';
 import {notNull} from '../utils/typeUtils';

-export default function(store: Store, logger: Logger): () => Promise<void> {
+export default function (store: Store, logger: Logger): () => Promise<void> {
  // This only runs in development as when the reload
  // kicks in it doesn't unregister the shortcuts
  if (process.env.NODE_ENV === 'development') {
@@ -48,7 +48,7 @@ export default function(store: Store, logger: Logger): () => Promise<void> {
    reactNative,
  ].filter(notNull);
  const globalCleanup = dispatchers
-    .map(dispatcher => dispatcher(store, logger))
+    .map((dispatcher) => dispatcher(store, logger))
    .filter(Boolean);
  return () => {
    return Promise.all(globalCleanup).then(() => {});
--- a/desktop/app/src/dispatcher/metroDevice.tsx
+++ b/desktop/app/src/dispatcher/metroDevice.tsx
@@ -22,22 +22,22 @@ const METRO_MESSAGE = ['React Native packager is running', 'Metro is running'];
 const QUERY_INTERVAL = 5000;

 async function isMetroRunning(): Promise<boolean> {
-  return new Promise(resolve => {
+  return new Promise((resolve) => {
    // We use Node's http library, rather than fetch api, as the latter cannot supress network errors being shown in the devtools console
    // which generates a lot of noise
    http
-      .get(METRO_URL, resp => {
+      .get(METRO_URL, (resp) => {
        let data = '';
        resp
-          .on('data', chunk => {
+          .on('data', (chunk) => {
            data += chunk;
          })
          .on('end', () => {
-            const isMetro = METRO_MESSAGE.some(msg => data.includes(msg));
+            const isMetro = METRO_MESSAGE.some((msg) => data.includes(msg));
            resolve(isMetro);
          });
      })
-      .on('error', err => {
+      .on('error', (err) => {
        console.debug('Could not connect to METRO ' + err);
        resolve(false);
      });
@@ -79,7 +79,7 @@ async function unregisterDevices(store: Store, logger: Logger) {
  let archivedDevice: ArchivedDevice | undefined = undefined;
  const device = store
    .getState()
-    .connections.devices.find(device => device.serial === METRO_URL);
+    .connections.devices.find((device) => device.serial === METRO_URL);
  if (device && !device.isArchived) {
    archivedDevice = device.archive();
  }
--- a/desktop/app/src/dispatcher/notifications.tsx
+++ b/desktop/app/src/dispatcher/notifications.tsx
@@ -103,7 +103,7 @@ export default (store: Store, logger: Logger) => {
      ...devicePlugins,
    ]);

-    Object.keys(pluginStates).forEach(key => {
+    Object.keys(pluginStates).forEach((key) => {
      if (knownPluginStates.get(key) !== pluginStates[key]) {
        knownPluginStates.set(key, pluginStates[key]);
        const plugin = deconstructPluginKey(key);
--- a/desktop/app/src/dispatcher/pluginManager.tsx
+++ b/desktop/app/src/dispatcher/pluginManager.tsx
@@ -13,7 +13,7 @@ import {registerInstalledPlugins} from '../reducers/pluginManager';
 import {readInstalledPlugins} from '../utils/pluginManager';

 function refreshInstalledPlugins(store: Store) {
-  readInstalledPlugins().then(plugins =>
+  readInstalledPlugins().then((plugins) =>
    store.dispatch(registerInstalledPlugins(plugins)),
  );
 }
--- a/desktop/app/src/dispatcher/plugins.tsx
+++ b/desktop/app/src/dispatcher/plugins.tsx
@@ -100,8 +100,8 @@ function getBundledPlugins(): Array<PluginDefinition> {
  }

  return bundledPlugins
-    .filter(plugin => notNull(plugin.out))
-    .map(plugin => ({
+    .filter((plugin) => notNull(plugin.out))
+    .map((plugin) => ({
      ...plugin,
      out: path.join(pluginPath, plugin.out!),
    }));
@@ -164,7 +164,7 @@ export const requirePlugin = (
      }

      // set values from package.json as static variables on class
-      Object.keys(pluginDefinition).forEach(key => {
+      Object.keys(pluginDefinition).forEach((key) => {
        if (key === 'name') {
          plugin.id = plugin.id || pluginDefinition.name;
        } else if (key === 'id') {
--- a/desktop/app/src/dispatcher/reactNative.tsx
+++ b/desktop/app/src/dispatcher/reactNative.tsx
@@ -44,10 +44,10 @@ export default (store: Store) => {
        const devices = store
          .getState()
          .connections.devices.filter(
-            device => device.os === 'Metro' && !device.isArchived,
+            (device) => device.os === 'Metro' && !device.isArchived,
          ) as MetroDevice[];

-        devices.forEach(device => device.sendCommand(shortcut.command));
+        devices.forEach((device) => device.sendCommand(shortcut.command));
      }),
  );
 };
--- a/desktop/app/src/dispatcher/server.tsx
+++ b/desktop/app/src/dispatcher/server.tsx
@@ -41,7 +41,7 @@ export default (store: Store, logger: Logger) => {
    });
  });

-  server.addListener('error', err => {
+  server.addListener('error', (err) => {
    const message: string =
      err.code === 'EADDRINUSE'
        ? "Couldn't start websocket server. Looks like you have multiple copies of Flipper running."
--- a/desktop/app/src/dispatcher/tracking.tsx
+++ b/desktop/app/src/dispatcher/tracking.tsx
@@ -194,7 +194,7 @@ export function computeUsageSummary(

  return intervals.reduce<UsageSummary>(
    (acc: UsageSummary, x: UsageInterval) =>
-      produce(acc, draft => {
+      produce(acc, (draft) => {
        draft.total.focusedTime += x.focused ? x.length : 0;
        draft.total.unfocusedTime += x.focused ? 0 : x.length;
        const pluginName = x.plugin ?? 'none';
--- a/desktop/app/src/dispatcher/user.tsx
+++ b/desktop/app/src/dispatcher/user.tsx
@@ -14,10 +14,10 @@ import {getUser, logoutUser} from '../fb-stubs/user';

 export default (store: Store, _logger: Logger) => {
  getUser()
-    .then(user => {
+    .then((user) => {
      store.dispatch(login(user));
    })
-    .catch(e => {
+    .catch((e) => {
      store.dispatch(logout());
      console.error(e);
    });
--- a/desktop/app/src/fb-stubs/LauncherSettingsPanel.tsx
+++ b/desktop/app/src/fb-stubs/LauncherSettingsPanel.tsx
@@ -9,7 +9,7 @@

 import {Tristate} from 'app/src/reducers/settings';

-export default function(_props: {
+export default function (_props: {
  isPrefetchingEnabled: Tristate;
  onEnablePrefetchingChange: (v: Tristate) => void;
  isLocalPinIgnored: boolean;
--- a/desktop/app/src/fb-stubs/mocks/Logger.tsx
+++ b/desktop/app/src/fb-stubs/mocks/Logger.tsx
@@ -24,7 +24,7 @@ export function extractError(
  ...data: Array<any>
 ): {message: string; error: Error} {
  const message = data.map(getStringFromErrorLike).join(' ');
-  const error = data.find(e => e instanceof Error) || new Error(message);
+  const error = data.find((e) => e instanceof Error) || new Error(message);
  return {
    message,
    error,
--- a/desktop/app/src/fb-stubs/iOSContainerUtility.tsx
+++ b/desktop/app/src/fb-stubs/iOSContainerUtility.tsx
@@ -33,8 +33,8 @@ async function targets(): Promise<Array<DeviceTarget>> {
  return stdout
    .toString()
    .split('\n')
-    .map(line => line.trim())
-    .map(line => /(.+) \([^(]+\) \[(.*)\]( \(Simulator\))?/.exec(line))
+    .map((line) => line.trim())
+    .map((line) => /(.+) \([^(]+\) \[(.*)\]( \(Simulator\))?/.exec(line))
    .filter(notNull)
    .filter(
      ([_match, name, _udid, isSim]) =>
--- a/desktop/app/src/init.tsx
+++ b/desktop/app/src/init.tsx
@@ -46,7 +46,7 @@ const AppFrame = () => {
  const [warnEmployee, setWarnEmployee] = useState(false);
  useEffect(() => {
    if (fbConfig.warnFBEmployees) {
-      isFBEmployee().then(isEmployee => {
+      isFBEmployee().then((isEmployee) => {
        setWarnEmployee(isEmployee);
      });
    }
@@ -85,7 +85,7 @@ function setProcessState(store: Store) {
  // it exists
  process.env.PATH =
    ['emulator', 'tools', 'platform-tools']
-      .map(directory => path.resolve(androidHome, directory))
+      .map((directory) => path.resolve(androidHome, directory))
      .join(':') + `:${process.env.PATH}`;

  window.requestIdleCallback(() => {
--- a/desktop/app/src/plugin.tsx
+++ b/desktop/app/src/plugin.tsx
@@ -241,7 +241,7 @@ export class FlipperPlugin<
        });
        this.realClient.subscribe(id, method, callback);
      },
-      supportsMethod: method => this.realClient.supportsMethod(id, method),
+      supportsMethod: (method) => this.realClient.supportsMethod(id, method),
    };
  }

--- a/desktop/app/src/plugins/TableNativePlugin.tsx
+++ b/desktop/app/src/plugins/TableNativePlugin.tsx
@@ -98,7 +98,7 @@ const NonWrappingText = styled(Text)({
  userSelect: 'none',
 });

-const BooleanValue = styled(NonWrappingText)<{active?: boolean}>(props => ({
+const BooleanValue = styled(NonWrappingText)<{active?: boolean}>((props) => ({
  '&::before': {
    content: '""',
    display: 'inline-block',
@@ -339,7 +339,7 @@ export default function createTableNativePlugin(id: string, title: string) {
      if (!this.props.persistedState.tableMetadata) {
        this.client
          .call('getMetadata')
-          .then(metadata => {
+          .then((metadata) => {
            this.props.setPersistedState({
              tableMetadata: {
                ...metadata,
@@ -347,7 +347,7 @@ export default function createTableNativePlugin(id: string, title: string) {
              },
            });
          })
-          .catch(e => this.setState({error: e}));
+          .catch((e) => this.setState({error: e}));
      }
    };

@@ -380,13 +380,13 @@ export default function createTableNativePlugin(id: string, title: string) {
            Object.keys(this.props.persistedState.tableMetadata.columns)) ||
          []
        )
-          .map(key => textContent(row.columns[key].value))
+          .map((key) => textContent(row.columns[key].value))
          .join('\t');

      if (this.state.selectedIds.length > 0) {
        // create paste from selection
        paste = this.props.persistedState.rows
-          .filter(row => this.state.selectedIds.indexOf(row.key) > -1)
+          .filter((row) => this.state.selectedIds.indexOf(row.key) > -1)
          .map(mapFn)
          .join('\n');
      } else {
@@ -413,7 +413,7 @@ export default function createTableNativePlugin(id: string, title: string) {
        );
        return rows;
      }
-      return rows.map(r => {
+      return rows.map((r) => {
        return {
          ...r,
          columns: Object.keys(r.columns).reduce((map, columnName) => {
--- a/desktop/app/src/reducers/connections.tsx
+++ b/desktop/app/src/reducers/connections.tsx
@@ -210,7 +210,7 @@ const reducer = (state: State = INITAL_STATE, action: Actions): State => {

      const newDevices = state.devices.slice();
      const existing = state.devices.findIndex(
-        device => device.serial === payload.serial,
+        (device) => device.serial === payload.serial,
      );
      if (existing !== -1) {
        console.debug(
@@ -231,9 +231,9 @@ const reducer = (state: State = INITAL_STATE, action: Actions): State => {
      const deviceSerials = action.payload;

      return updateSelection(
-        produce(state, draft => {
+        produce(state, (draft) => {
          draft.devices = draft.devices.filter(
-            device => !deviceSerials.has(device.serial),
+            (device) => !deviceSerials.has(device.serial),
          );
        }),
      );
@@ -265,7 +265,7 @@ const reducer = (state: State = INITAL_STATE, action: Actions): State => {

    case 'STAR_PLUGIN': {
      const {selectedPlugin, selectedApp} = action.payload;
-      return produce(state, draft => {
+      return produce(state, (draft) => {
        if (!draft.userStarredPlugins[selectedApp]) {
          draft.userStarredPlugins[selectedApp] = [selectedPlugin];
        } else {
@@ -291,7 +291,7 @@ const reducer = (state: State = INITAL_STATE, action: Actions): State => {
      return updateSelection({
        ...state,
        clients: state.clients.concat(payload),
-        uninitializedClients: state.uninitializedClients.filter(c => {
+        uninitializedClients: state.uninitializedClients.filter((c) => {
          return (
            c.deviceId !== payload.query.device_id ||
            c.client.appName !== payload.query.app
@@ -335,7 +335,7 @@ const reducer = (state: State = INITAL_STATE, action: Actions): State => {
      return {
        ...state,
        uninitializedClients: state.uninitializedClients
-          .filter(entry => !isEqual(entry.client, payload))
+          .filter((entry) => !isEqual(entry.client, payload))
          .concat([{client: payload}])
          .sort((a, b) => a.client.appName.localeCompare(b.client.appName)),
      };
@@ -345,7 +345,7 @@ const reducer = (state: State = INITAL_STATE, action: Actions): State => {
      return {
        ...state,
        uninitializedClients: state.uninitializedClients
-          .map(c =>
+          .map((c) =>
            isEqual(c.client, payload.client)
              ? {...c, deviceId: payload.deviceId}
              : c,
@@ -365,7 +365,7 @@ const reducer = (state: State = INITAL_STATE, action: Actions): State => {
      return {
        ...state,
        uninitializedClients: state.uninitializedClients
-          .map(c =>
+          .map((c) =>
            isEqual(c.client, payload.client)
              ? {...c, errorMessage: errorMessage}
              : c,
@@ -392,10 +392,10 @@ const reducer = (state: State = INITAL_STATE, action: Actions): State => {
    case 'REGISTER_PLUGINS': {
      // plugins are registered after creating the base devices, so update them
      const plugins = action.payload;
-      plugins.forEach(plugin => {
+      plugins.forEach((plugin) => {
        if (plugin.prototype instanceof FlipperDevicePlugin) {
          // smell: devices are mutable
-          state.devices.forEach(device => {
+          state.devices.forEach((device) => {
            // @ts-ignore
            if (plugin.supportsDevice(device)) {
              device.devicePlugins = [
@@ -429,7 +429,7 @@ export default (state: State = INITAL_STATE, action: Actions): State => {

    if (error) {
      const deviceNotSupportedError = nextState.errors.find(
-        error => error.message === deviceNotSupportedErrorMessage,
+        (error) => error.message === deviceNotSupportedErrorMessage,
      );
      if (deviceNotSupportedError) {
        deviceNotSupportedError.message = error;
@@ -445,7 +445,7 @@ function mergeError(
  errors: FlipperError[],
  newError: FlipperError,
 ): FlipperError[] {
-  const idx = errors.findIndex(error => error.message === newError.message);
+  const idx = errors.findIndex((error) => error.message === newError.message);
  const results = errors.slice();
  if (idx !== -1) {
    results[idx] = {
@@ -555,12 +555,12 @@ export function getClientById(
  clients: Client[],
  clientId: string | null | undefined,
 ): Client | undefined {
-  return clients.find(client => client.id === clientId);
+  return clients.find((client) => client.id === clientId);
 }

 export function canBeDefaultDevice(device: BaseDevice) {
  return !DEFAULT_DEVICE_BLACKLIST.some(
-    blacklistedDevice => device instanceof blacklistedDevice,
+    (blacklistedDevice) => device instanceof blacklistedDevice,
  );
 }

@@ -585,9 +585,9 @@ function updateSelection(state: Readonly<State>): State {
  if (!device) {
    device =
      state.devices.find(
-        device => device.title === state.userPreferredDevice,
+        (device) => device.title === state.userPreferredDevice,
      ) ||
-      state.devices.find(device => canBeDefaultDevice(device)) ||
+      state.devices.find((device) => canBeDefaultDevice(device)) ||
      null;
  }
  updates.selectedDevice = device;
--- a/desktop/app/src/reducers/healthchecks.tsx
+++ b/desktop/app/src/reducers/healthchecks.tsx
@@ -82,24 +82,24 @@ export type HealthcheckReport = {

 function recomputeHealthcheckStatus(draft: State): void {
  draft.healthcheckReport.result = computeAggregatedResult(
-    Object.values(draft.healthcheckReport.categories).map(c => c.result),
+    Object.values(draft.healthcheckReport.categories).map((c) => c.result),
  );
 }

 function computeAggregatedResult(
  results: HealthcheckResult[],
 ): HealthcheckResult {
-  return results.some(r => r.status === 'IN_PROGRESS')
+  return results.some((r) => r.status === 'IN_PROGRESS')
    ? {status: 'IN_PROGRESS'}
-    : results.every(r => r.status === 'SUCCESS')
+    : results.every((r) => r.status === 'SUCCESS')
    ? {status: 'SUCCESS'}
-    : results.some(r => r.status === 'FAILED' && !r.isAcknowledged)
+    : results.some((r) => r.status === 'FAILED' && !r.isAcknowledged)
    ? {status: 'FAILED', isAcknowledged: false}
-    : results.some(r => r.status === 'FAILED')
+    : results.some((r) => r.status === 'FAILED')
    ? {status: 'FAILED', isAcknowledged: true}
-    : results.some(r => r.status === 'WARNING' && !r.isAcknowledged)
+    : results.some((r) => r.status === 'WARNING' && !r.isAcknowledged)
    ? {status: 'WARNING', isAcknowledged: false}
-    : results.some(r => r.status === 'WARNING')
+    : results.some((r) => r.status === 'WARNING')
    ? {status: 'WARNING', isAcknowledged: true}
    : {status: 'SKIPPED'};
 }
@@ -158,7 +158,7 @@ const start = produce((draft: State, healthchecks: Healthchecks) => {
            result: {status: 'IN_PROGRESS'},
            label: category.label,
            checks: createDict<HealthcheckReportItem>(
-              category.healthchecks.map(check => [
+              category.healthchecks.map((check) => [
                check.key,
                {
                  key: check.key,
@@ -176,11 +176,11 @@ const start = produce((draft: State, healthchecks: Healthchecks) => {

 const finish = produce((draft: State) => {
  Object.values(draft.healthcheckReport.categories)
-    .filter(cat => cat.result.status !== 'SKIPPED')
-    .forEach(cat => {
+    .filter((cat) => cat.result.status !== 'SKIPPED')
+    .forEach((cat) => {
      cat.result.message = undefined;
      cat.result = computeAggregatedResult(
-        Object.values(cat.checks).map(c => c.result),
+        Object.values(cat.checks).map((c) => c.result),
      );
    });
  recomputeHealthcheckStatus(draft);
@@ -191,18 +191,18 @@ const finish = produce((draft: State) => {

 const acknowledge = produce((draft: State) => {
  draft.acknowledgedProblems = ([] as string[]).concat(
-    ...Object.values(draft.healthcheckReport.categories).map(cat =>
+    ...Object.values(draft.healthcheckReport.categories).map((cat) =>
      Object.values(cat.checks)
        .filter(
-          chk =>
+          (chk) =>
            chk.result.status === 'FAILED' || chk.result.status === 'WARNING',
        )
-        .map(chk => chk.key),
+        .map((chk) => chk.key),
    ),
  );
-  Object.values(draft.healthcheckReport.categories).forEach(cat => {
+  Object.values(draft.healthcheckReport.categories).forEach((cat) => {
    cat.result.isAcknowledged = true;
-    Object.values(cat.checks).forEach(chk => {
+    Object.values(cat.checks).forEach((chk) => {
      chk.result.isAcknowledged = true;
    });
  });
@@ -211,9 +211,9 @@ const acknowledge = produce((draft: State) => {

 function setAcknowledgedProblemsToEmpty(draft: State) {
  draft.acknowledgedProblems = [];
-  Object.values(draft.healthcheckReport.categories).forEach(cat => {
+  Object.values(draft.healthcheckReport.categories).forEach((cat) => {
    cat.result.isAcknowledged = false;
-    Object.values(cat.checks).forEach(chk => {
+    Object.values(cat.checks).forEach((chk) => {
      chk.result.isAcknowledged = false;
    });
  });
--- a/desktop/app/src/reducers/pluginMessageQueue.tsx
+++ b/desktop/app/src/reducers/pluginMessageQueue.tsx
@@ -67,7 +67,7 @@ export default function reducer(

    case 'CLEAR_MESSAGE_QUEUE': {
      const {pluginKey, amount} = action.payload;
-      return produce(state, draft => {
+      return produce(state, (draft) => {
        const messages = draft[pluginKey];
        if (messages) {
          messages.splice(0, amount);
--- a/desktop/app/src/reducers/plugins.tsx
+++ b/desktop/app/src/reducers/plugins.tsx
@@ -61,7 +61,7 @@ export default function reducer(
  action: Actions,
 ): State {
  if (action.type === 'REGISTER_PLUGINS') {
-    return produce(state, draft => {
+    return produce(state, (draft) => {
      const {devicePlugins, clientPlugins} = draft;
      action.payload.forEach((p: PluginClass) => {
        if (devicePlugins.has(p.id) || clientPlugins.has(p.id)) {
--- a/desktop/app/src/reducers/supportForm.tsx
+++ b/desktop/app/src/reducers/supportForm.tsx
@@ -117,7 +117,7 @@ export class Group {
      setStaticView(require('../fb-stubs/SupportRequestFormV2').default),
    );
    const selectedApp = store.getState().connections.selectedApp;
-    const selectedClient = store.getState().connections.clients.find(o => {
+    const selectedClient = store.getState().connections.clients.find((o) => {
      return o.id === store.getState().connections.selectedApp;
    });
    let errorMessage: string | undefined = undefined;
@@ -160,10 +160,10 @@ export class Group {
          errorMessage,
          'Deeplink',
          10000,
-          payload => {
+          (payload) => {
            store.dispatch(addStatusMessage(payload));
          },
-          payload => {
+          (payload) => {
            store.dispatch(removeStatusMessage(payload));
          },
        );
@@ -175,10 +175,10 @@ export class Group {
        'Please select an app and the device from the dropdown.',
        'Deeplink',
        10000,
-        payload => {
+        (payload) => {
          store.dispatch(addStatusMessage(payload));
        },
-        payload => {
+        (payload) => {
          store.dispatch(removeStatusMessage(payload));
        },
      );
@@ -199,8 +199,8 @@ export class Group {

    store.dispatch(
      setSelectedPlugins(
-        this.getPluginsToSelect().filter(s => {
-          return pluginsList.map(s => s.id).includes(s);
+        this.getPluginsToSelect().filter((s) => {
+          return pluginsList.map((s) => s.id).includes(s);
        }),
      ),
    );
@@ -231,7 +231,7 @@ export class Group {
    const emptyPlugins: Array<string> = [];
    for (const plugin of this.requiredPlugins) {
      if (
-        !activePersistentPlugins.find(o => {
+        !activePersistentPlugins.find((o) => {
          return o.id === plugin;
        })
      ) {
--- a/desktop/app/src/reducers/usageTracking.tsx
+++ b/desktop/app/src/reducers/usageTracking.tsx
@@ -56,7 +56,7 @@ export default function reducer(
      ],
    };
  } else if (action.type === 'windowIsFocused') {
-    return produce(state, draft => {
+    return produce(state, (draft) => {
      draft.timeline.push({
        type: 'WINDOW_FOCUS_CHANGE',
        time: action.payload.time,
@@ -64,7 +64,7 @@ export default function reducer(
      });
    });
  } else if (action.type === 'SELECT_PLUGIN') {
-    return produce(state, draft => {
+    return produce(state, (draft) => {
      draft.timeline.push({
        type: 'PLUGIN_SELECTED',
        time: action.payload.time,
--- a/desktop/app/src/server.tsx
+++ b/desktop/app/src/server.tsx
@@ -90,7 +90,9 @@ class Server extends EventEmitter {
    const {insecure, secure} = this.store.getState().application.serverPorts;
    this.initialisePromise = this.certificateProvider
      .loadSecureServerConfig()
-      .then(options => (this.secureServer = this.startServer(secure, options)))
+      .then(
+        (options) => (this.secureServer = this.startServer(secure, options)),
+      )
      .then(() => {
        this.insecureServer = this.startServer(insecure);
        return;
@@ -116,12 +118,12 @@ class Server extends EventEmitter {
      let rsServer: RSocketServer<any, any> | undefined; // eslint-disable-line prefer-const
      const serverFactory = (onConnect: (socket: Socket) => void) => {
        const transportServer = sslConfig
-          ? tls.createServer(sslConfig, socket => {
+          ? tls.createServer(sslConfig, (socket) => {
              onConnect(socket);
            })
          : net.createServer(onConnect);
        transportServer
-          .on('error', err => {
+          .on('error', (err) => {
            server.emit('error', err);
            console.error(`Error opening server on port ${port}`, 'server');
            reject(err);
@@ -174,8 +176,8 @@ class Server extends EventEmitter {
      });

      const cleanup = () => {
-        Object.values(clients).map(p =>
-          p.then(c => this.removeConnection(c.id)),
+        Object.values(clients).map((p) =>
+          p.then((c) => this.removeConnection(c.id)),
        );
        this.store.dispatch({
          type: 'UNREGISTER_DEVICES',
@@ -201,7 +203,7 @@ class Server extends EventEmitter {
              {},
            );
            clients[app] = client;
-            client.then(c => {
+            client.then((c) => {
              ws.on('message', (m: any) => {
                const parsed = JSON.parse(m.toString());
                if (parsed.app === app) {
@@ -213,7 +215,7 @@ class Server extends EventEmitter {
          }
          case 'disconnect': {
            const app = message.app;
-            (clients[app] || Promise.resolve()).then(c => {
+            (clients[app] || Promise.resolve()).then((c) => {
              this.removeConnection(c.id);
              delete clients[app];
            });
@@ -252,7 +254,7 @@ class Server extends EventEmitter {
      socket,
      {app, os, device, device_id, sdk_version},
      {csr, csr_path},
-    ).then(client => {
+    ).then((client) => {
      return (resolvedClient = client);
    });
    let resolvedClient: Client | undefined;
@@ -260,7 +262,7 @@ class Server extends EventEmitter {
    socket.connectionStatus().subscribe({
      onNext(payload) {
        if (payload.kind == 'ERROR' || payload.kind == 'CLOSED') {
-          client.then(client => {
+          client.then((client) => {
            console.debug(`Device disconnected ${client.id}`, 'server');
            server.removeConnection(client.id);
          });
@@ -276,7 +278,7 @@ class Server extends EventEmitter {
        if (resolvedClient) {
          resolvedClient.onMessage(payload.data);
        } else {
-          client.then(client => {
+          client.then((client) => {
            client.onMessage(payload.data);
          });
        }
@@ -306,7 +308,7 @@ class Server extends EventEmitter {
        payload: Payload<string, any>,
      ): Single<Payload<string, any>> => {
        if (typeof payload.data !== 'string') {
-          return new Single(_ => {});
+          return new Single((_) => {});
        }

        let rawData;
@@ -318,7 +320,7 @@ class Server extends EventEmitter {
            'clientMessage',
            'server',
          );
-          return new Single(_ => {});
+          return new Single((_) => {});
        }

        const json: {
@@ -330,7 +332,7 @@ class Server extends EventEmitter {
          console.debug('CSR received from device', 'server');

          const {csr, destination} = json;
-          return new Single(subscriber => {
+          return new Single((subscriber) => {
            subscriber.onSubscribe(undefined);
            reportPlatformFailures(
              this.certificateProvider.processCertificateSigningRequest(
@@ -340,7 +342,7 @@ class Server extends EventEmitter {
              ),
              'processCertificateSigningRequest',
            )
-              .then(result => {
+              .then((result) => {
                subscriber.onComplete({
                  data: JSON.stringify({
                    deviceId: result.deviceId,
@@ -352,13 +354,13 @@ class Server extends EventEmitter {
                  deviceId: result.deviceId,
                });
              })
-              .catch(e => {
+              .catch((e) => {
                subscriber.onError(e);
                this.emit('client-setup-error', {client, error: e});
              });
          });
        }
-        return new Single(_ => {});
+        return new Single((_) => {});
      },

      // Leaving this here for a while for backwards compatibility,
@@ -388,7 +390,7 @@ class Server extends EventEmitter {
          const {csr, destination} = json;
          this.certificateProvider
            .processCertificateSigningRequest(csr, clientData.os, destination)
-            .catch(e => {
+            .catch((e) => {
              console.error(e);
            });
        }
@@ -398,11 +400,12 @@ class Server extends EventEmitter {

  close(): Promise<void> {
    if (this.initialisePromise) {
-      return this.initialisePromise.then(_ => {
+      return this.initialisePromise.then((_) => {
        return Promise.all([
-          this.secureServer && this.secureServer.then(server => server.stop()),
+          this.secureServer &&
+            this.secureServer.then((server) => server.stop()),
          this.insecureServer &&
-            this.insecureServer.then(server => server.stop()),
+            this.insecureServer.then((server) => server.stop()),
        ]).then(() => undefined);
      });
    }
@@ -424,7 +427,7 @@ class Server extends EventEmitter {
    // otherwise, use given device_id
    const {csr_path, csr} = csrQuery;
    return (csr_path && csr
-      ? this.certificateProvider.extractAppNameFromCSR(csr).then(appName => {
+      ? this.certificateProvider.extractAppNameFromCSR(csr).then((appName) => {
          return this.certificateProvider.getTargetDeviceId(
            query.os,
            appName,
@@ -433,7 +436,7 @@ class Server extends EventEmitter {
          );
        })
      : Promise.resolve(query.device_id)
-    ).then(csrId => {
+    ).then((csrId) => {
      query.device_id = csrId;
      query.app = appNameWithUpdateHint(query);

@@ -517,7 +520,7 @@ class ConnectionTracker {
    const time = Date.now();
    let entry = this.connectionAttempts.get(key) || [];
    entry.push(time);
-    entry = entry.filter(t => t >= time - this.timeWindowMillis);
+    entry = entry.filter((t) => t >= time - this.timeWindowMillis);

    this.connectionAttempts.set(key, entry);
    if (entry.length >= this.connectionProblemThreshold) {
--- a/desktop/app/src/ui/components/Button.tsx
+++ b/desktop/app/src/ui/components/Button.tsx
@@ -114,7 +114,7 @@ const StyledButton = styled.div<{
  pulse?: boolean;
  disabled?: boolean;
  dropdown?: Array<MenuItemConstructorOptions>;
-}>(props => ({
+}>((props) => ({
  backgroundColor:
    props.windowIsFocused && !props.disabled
      ? colors.white
--- a/desktop/app/src/ui/components/ButtonGroupChain.tsx
+++ b/desktop/app/src/ui/components/ButtonGroupChain.tsx
@@ -21,7 +21,7 @@ const IconContainer = styled.div({
 });
 IconContainer.displayName = 'ButtonGroupChain:IconContainer';

-const ButtonGroupChainContainer = styled.div<{iconSize: number}>(props => ({
+const ButtonGroupChainContainer = styled.div<{iconSize: number}>((props) => ({
  display: 'inline-flex',
  marginLeft: 10,
  '&:first-child>*:not(:first-child):nth-child(odd)': {
--- a/desktop/app/src/ui/components/FileList.tsx
+++ b/desktop/app/src/ui/components/FileList.tsx
@@ -116,11 +116,11 @@ export default class FileList extends Component<FileListProps, FileListState> {
        const name = files.shift();
        if (name) {
          this.fetchFile(name)
-            .then(data => {
+            .then((data) => {
              filesSet.set(name, data);
              next();
            })
-            .catch(err => {
+            .catch((err) => {
              setState({error: err, files: EMPTY_MAP});
            });
        }
@@ -147,7 +147,7 @@ export default class FileList extends Component<FileListProps, FileListState> {
  initialFetch(props: FileListProps) {
    this.removeWatcher();

-    fs.access(props.src, fs.constants.R_OK, err => {
+    fs.access(props.src, fs.constants.R_OK, (err) => {
      if (err) {
        this.setState({error: err, files: EMPTY_MAP});
        return;
@@ -159,7 +159,7 @@ export default class FileList extends Component<FileListProps, FileListState> {
        this.fetchFiles();
      });

-      this.watcher.on('error', err => {
+      this.watcher.on('error', (err) => {
        this.setState({error: err, files: EMPTY_MAP});
        this.removeWatcher();
      });
--- a/desktop/app/src/ui/components/FileSelector.tsx
+++ b/desktop/app/src/ui/components/FileSelector.tsx
@@ -53,7 +53,7 @@ export interface Props {
 }

 const defaultProps: Props = {
-  onPathChanged: _ => {},
+  onPathChanged: (_) => {},
  placeholderText: '',
  defaultPath: '/',
  showHiddenFiles: false,
@@ -92,12 +92,12 @@ export default function FileSelector({
        placeholder={placeholderText}
        value={value}
        isValid={true}
-        onDrop={e => {
+        onDrop={(e) => {
          if (e.dataTransfer.files.length) {
            onChange(e.dataTransfer.files[0].path);
          }
        }}
-        onChange={e => {
+        onChange={(e) => {
          onChange(e.target.value);
        }}
      />
--- a/desktop/app/src/ui/components/Glyph.tsx
+++ b/desktop/app/src/ui/components/Glyph.tsx
@@ -26,7 +26,7 @@ const ColoredIconCustom = styled.div<{
  size: number;
  color?: string;
  src: string;
-}>(props => ({
+}>((props) => ({
  height: props.size,
  verticalAlign: 'middle',
  width: props.size,
--- a/desktop/app/src/ui/components/LoadingIndicator.tsx
+++ b/desktop/app/src/ui/components/LoadingIndicator.tsx
@@ -19,7 +19,7 @@ const animation = keyframes({
  },
 });

-const LoadingIndicator = styled.div<{size: number}>(props => ({
+const LoadingIndicator = styled.div<{size: number}>((props) => ({
  animation: `${animation} 1s infinite linear`,
  width: props.size,
  height: props.size,
--- a/desktop/app/src/ui/components/Markdown.tsx
+++ b/desktop/app/src/ui/components/Markdown.tsx
@@ -21,7 +21,7 @@ const Row = styled.div({
  marginBottom: 5,
  lineHeight: 1.34,
 });
-const Heading = styled.div<{level: number}>(props => ({
+const Heading = styled.div<{level: number}>((props) => ({
  fontSize: props.level === 1 ? 18 : 12,
  textTransform: props.level > 1 ? 'uppercase' : undefined,
  color: props.level > 1 ? '#90949c' : undefined,
--- a/desktop/app/src/ui/components/MarkerTimeline.tsx
+++ b/desktop/app/src/ui/components/MarkerTimeline.tsx
@@ -33,7 +33,7 @@ type MouseEventHandler = (
  event: React.MouseEvent<HTMLDivElement, MouseEvent>,
 ) => void;

-const Markers = styled.div<{totalTime: number}>(props => ({
+const Markers = styled.div<{totalTime: number}>((props) => ({
  position: 'relative',
  margin: 10,
  height: props.totalTime,
@@ -56,7 +56,7 @@ const Point = styled(FlexRow)<{
  threadColor: string;
  selected: boolean;
  cut: boolean;
-}>(props => ({
+}>((props) => ({
  position: 'absolute',
  top: props.positionY,
  left: 0,
@@ -187,8 +187,8 @@ export default class MarkerTimeline extends Component<Props, State> {

      timePoints.push({
        timestamp,
-        markerNames: points.map(p => p.label),
-        markerKeys: points.map(p => p.key),
+        markerNames: points.map((p) => p.label),
+        markerKeys: points.map((p) => p.key),
        positionY,
        isCut,
        color,
--- a/desktop/app/src/ui/components/MultiLineInput.tsx
+++ b/desktop/app/src/ui/components/MultiLineInput.tsx
@@ -26,7 +26,7 @@ export const multilineStyle = (props: {valid: boolean}) => ({
  },
 });

-const MultiLineInput = styled.textarea<{valid?: boolean}>(props => ({
+const MultiLineInput = styled.textarea<{valid?: boolean}>((props) => ({
  ...multilineStyle({valid: props.valid === undefined || props.valid}),
  padding: '0 10px',
 }));
--- a/desktop/app/src/ui/components/Orderable.tsx
+++ b/desktop/app/src/ui/components/Orderable.tsx
@@ -45,7 +45,7 @@ OrderableContainer.displayName = 'Orderable:OrderableContainer';

 const OrderableItemContainer = styled.div<{
  orientation: 'vertical' | 'horizontal';
-}>(props => ({
+}>((props) => ({
  display: props.orientation === 'vertical' ? 'block' : 'inline-block',
 }));
 OrderableItemContainer.displayName = 'Orderable:OrderableItemContainer';
@@ -407,7 +407,7 @@ export default class Orderable extends React.Component<
      <OrderableContainer
        className={this.props.className}
        ref={this.setContainerRef}>
-        {order.map(key => {
+        {order.map((key) => {
          const item = items[key];
          if (item) {
            return (
--- a/desktop/app/src/ui/components/Panel.tsx
+++ b/desktop/app/src/ui/components/Panel.tsx
@@ -88,14 +88,14 @@ export default class Panel extends React.Component<
  static PanelContainer = styled(FlexColumn)<{
    floating?: boolean;
    collapsed?: boolean;
-  }>(props => ({
+  }>((props) => ({
    flexShrink: 0,
    padding: props.floating ? 10 : 0,
    borderBottom: props.collapsed ? 'none' : BORDER,
  }));

  static PanelHeader = styled(FlexBox)<{floating?: boolean; padded?: boolean}>(
-    props => ({
+    (props) => ({
      backgroundColor: '#f6f7f9',
      border: props.floating ? BORDER : 'none',
      borderBottom: BORDER,
@@ -113,7 +113,7 @@ export default class Panel extends React.Component<
  );

  static PanelBody = styled(FlexColumn)<{floating?: boolean; padded?: boolean}>(
-    props => ({
+    (props) => ({
      backgroundColor: '#fff',
      border: props.floating ? BORDER : 'none',
      borderBottomLeftRadius: 2,
--- a/desktop/app/src/ui/components/Popover.tsx
+++ b/desktop/app/src/ui/components/Popover.tsx
@@ -26,7 +26,7 @@ type Opts = {
  skewLeft?: boolean;
 };

-const PopoverContainer = styled(FlexColumn)<{opts?: Opts}>(props => ({
+const PopoverContainer = styled(FlexColumn)<{opts?: Opts}>((props) => ({
  backgroundColor: colors.white,
  borderRadius: 7,
  border: '1px solid rgba(0,0,0,0.3)',
--- a/desktop/app/src/ui/components/Select.tsx
+++ b/desktop/app/src/ui/components/Select.tsx
@@ -24,7 +24,7 @@ const LabelText = styled(Text)({
 });
 LabelText.displayName = 'Select:LabelText';

-const SelectMenu = styled.select<{grow?: boolean}>(props => ({
+const SelectMenu = styled.select<{grow?: boolean}>((props) => ({
  flexGrow: props.grow ? 1 : 0,
 }));
 SelectMenu.displayName = 'Select:SelectMenu';
--- a/desktop/app/src/ui/components/Sidebar.tsx
+++ b/desktop/app/src/ui/components/Sidebar.tsx
@@ -31,7 +31,7 @@ const SidebarContainer = styled(FlexColumn)<{
  position: 'right' | 'top' | 'left' | 'bottom';
  backgroundColor?: BackgroundClipProperty;
  overflow?: boolean;
-}>(props => ({
+}>((props) => ({
  backgroundColor: props.backgroundColor || colors.macOSTitleBarBackgroundBlur,
  borderLeft: props.position === 'right' ? '1px solid #b3b3b3' : 'none',
  borderTop: props.position === 'bottom' ? '1px solid #b3b3b3' : 'none',
--- a/desktop/app/src/ui/components/SmallText.tsx
+++ b/desktop/app/src/ui/components/SmallText.tsx
@@ -14,7 +14,7 @@ import Text from './Text';
 /**
 * Subtle text that should not draw attention
 */
-const SmallText = styled(Text)<{center?: boolean}>(props => ({
+const SmallText = styled(Text)<{center?: boolean}>((props) => ({
  color: colors.light20,
  size: 10,
  fontStyle: 'italic',
--- a/desktop/app/src/ui/components/StackTrace.tsx
+++ b/desktop/app/src/ui/components/StackTrace.tsx
@@ -126,7 +126,7 @@ export default class StackTrace extends Component<{
      return acc;
    }, {});

-    const columnOrder = Object.keys(COLUMNS).map(key => ({
+    const columnOrder = Object.keys(COLUMNS).map((key) => ({
      key,
      visible: Boolean(columns[key]),
    }));
--- a/desktop/app/src/ui/components/Tabs.tsx
+++ b/desktop/app/src/ui/components/Tabs.tsx
@@ -27,7 +27,7 @@ const TabListItem = styled.div<{
  active?: boolean;
  width?: WidthProperty<number>;
  container?: boolean;
-}>(props => ({
+}>((props) => ({
  background: props.container
    ? props.active
      ? 'linear-gradient(to bottom, #67a6f7 0%, #0072FA 100%)'
@@ -251,7 +251,7 @@ export default function Tabs(props: {
          {comp.props.label}
          {closable && (
            <CloseButton // eslint-disable-next-line react/jsx-no-bind
-              ref={ref => (closeButton = ref)} // eslint-disable-next-line react/jsx-no-bind
+              ref={(ref) => (closeButton = ref)} // eslint-disable-next-line react/jsx-no-bind
              onMouseDown={() => {
                if (isActive && onActive) {
                  const index = keys.indexOf(key);
--- a/desktop/app/src/ui/components/Text.tsx
+++ b/desktop/app/src/ui/components/Text.tsx
@@ -34,7 +34,7 @@ const Text = styled.span<{
  wordWrap?: WordWrapProperty;
  whiteSpace?: WhiteSpaceProperty;
  cursor?: CursorProperty;
-}>(props => ({
+}>((props) => ({
  color: props.color ? props.color : 'inherit',
  cursor: props.cursor ? props.cursor : 'auto',
  display: 'inline',
--- a/desktop/app/src/ui/components/ToggleSwitch.tsx
+++ b/desktop/app/src/ui/components/ToggleSwitch.tsx
@@ -88,7 +88,7 @@ export default function ToggleButton(props: Props) {
  );
  return (
    <Container
-      onClick={e => {
+      onClick={(e) => {
        setSwitching(true);
        setTimeout(() => {
          props?.onClick?.(e);
--- a/desktop/app/src/ui/components/Toolbar.tsx
+++ b/desktop/app/src/ui/components/Toolbar.tsx
@@ -18,7 +18,7 @@ import styled from '@emotion/styled';
 const Toolbar = styled(FlexRow)<{
  position?: 'bottom' | 'top';
  compact?: boolean;
-}>(props => ({
+}>((props) => ({
  backgroundColor: colors.light02,
  borderBottom:
    props.position === 'bottom'
--- a/desktop/app/src/ui/components/TooltipProvider.tsx
+++ b/desktop/app/src/ui/components/TooltipProvider.tsx
@@ -65,7 +65,7 @@ const TooltipBubble = styled.div<{
    maxWidth: MaxWidthProperty<number>;
    color: ColorProperty;
  };
-}>(props => ({
+}>((props) => ({
  position: 'absolute',
  zIndex: 99999999999,
  backgroundColor: props.options.backgroundColor,
@@ -101,7 +101,7 @@ const TooltipTail = styled.div<{
  options: {
    backgroundColor: BackgroundColorProperty;
  };
-}>(props => ({
+}>((props) => ({
  position: 'absolute',
  display: 'block',
  whiteSpace: 'pre',
--- a/desktop/app/src/ui/components/View.tsx
+++ b/desktop/app/src/ui/components/View.tsx
@@ -15,7 +15,7 @@ type Props = {
  maxHeight?: number;
 };

-const View = styled.div<Props>(props => ({
+const View = styled.div<Props>((props) => ({
  height: props.grow ? '100%' : 'auto',
  overflow: props.scrollable ? 'auto' : 'visible',
  position: 'relative',
--- a/desktop/app/src/ui/components/data-inspector/DataDescription.tsx
+++ b/desktop/app/src/ui/components/data-inspector/DataDescription.tsx
@@ -50,7 +50,7 @@ const NumberValue = styled.span({
 });
 NumberValue.displayName = 'DataDescription:NumberValue';

-const ColorBox = styled.span<{color: string}>(props => ({
+const ColorBox = styled.span<{color: string}>((props) => ({
  backgroundColor: props.color,
  boxShadow: 'inset 0 0 1px rgba(0, 0, 0, 1)',
  display: 'inline-block',
@@ -375,9 +375,9 @@ class ColorEditor extends Component<{
            <CompactPicker
              color={colorInfo}
              colors={this.props.colorSet
-                .filter(x => x != 0)
+                .filter((x) => x != 0)
                .map(parseColor)
-                .map(rgba => {
+                .map((rgba) => {
                  if (!rgba) {
                    return '';
                  }
@@ -527,7 +527,7 @@ function parseColor(
  }

  const size = val.length;
-  const [r, g, b] = parts.map(num => {
+  const [r, g, b] = parts.map((num) => {
    if (size === 3) {
      return parseInt(num + num, 16);
    } else {
--- a/desktop/app/src/ui/components/data-inspector/DataInspector.tsx
+++ b/desktop/app/src/ui/components/data-inspector/DataInspector.tsx
@@ -26,7 +26,7 @@ import {TooltipOptions} from '../TooltipProvider';
 export {DataValueExtractor} from './DataPreview';

 const BaseContainer = styled.div<{depth?: number; disabled?: boolean}>(
-  props => ({
+  (props) => ({
    fontFamily: 'Menlo, monospace',
    fontSize: 11,
    lineHeight: '17px',
@@ -277,10 +277,10 @@ function isComponentExpanded(
  if (diffType === 'object') {
    const sortedDataValues = Object.keys(data)
      .sort()
-      .map(key => data[key]);
+      .map((key) => data[key]);
    const sortedDiffValues = Object.keys(diffValue)
      .sort()
-      .map(key => diffValue[key]);
+      .map((key) => diffValue[key]);
    if (JSON.stringify(sortedDataValues) !== JSON.stringify(sortedDiffValues)) {
      return true;
    }
--- a/desktop/app/src/ui/components/desktop-toolbar.tsx
+++ b/desktop/app/src/ui/components/desktop-toolbar.tsx
@@ -36,7 +36,7 @@ export function DesktopDropdown(props: {
 }) {
  return (
    <DesktopDropdownContainer>
-      {React.Children.map(props.children, child => {
+      {React.Children.map(props.children, (child) => {
        return (
          child &&
          React.cloneElement(child, {
--- a/desktop/app/src/ui/components/elements-inspector/elements.tsx
+++ b/desktop/app/src/ui/components/elements-inspector/elements.tsx
@@ -51,7 +51,7 @@ const backgroundColorHover = (props: {selected: boolean; focused: boolean}) => {
  }
 };

-const ElementsRowContainer = styled(ContextMenu)<any>(props => ({
+const ElementsRowContainer = styled(ContextMenu)<any>((props) => ({
  flexDirection: 'row',
  alignItems: 'center',
  backgroundColor: backgroundColor(props),
@@ -85,7 +85,7 @@ const ElementsRowDecoration = styled(FlexRow)({
 });
 ElementsRowDecoration.displayName = 'Elements:ElementsRowDecoration';

-const ElementsLine = styled.div<{childrenCount: number}>(props => ({
+const ElementsLine = styled.div<{childrenCount: number}>((props) => ({
  backgroundColor: colors.light20,
  height: props.childrenCount * ROW_HEIGHT - 4,
  position: 'absolute',
@@ -136,7 +136,7 @@ class PartialHighlight extends PureComponent<{
  highlighted: string | undefined | null;
  content: string;
 }> {
-  static HighlightedText = styled.span<{selected: boolean}>(props => ({
+  static HighlightedText = styled.span<{selected: boolean}>((props) => ({
    backgroundColor: colors.lemon,
    color: props.selected ? `${colors.grapeDark3} !important` : 'auto',
  }));
@@ -270,7 +270,7 @@ class ElementsRow extends PureComponent<ElementsRowProps, ElementsRowState> {
      },
    ];
    items = items.concat(
-      props.element.attributes.map(o => {
+      props.element.attributes.map((o) => {
        return {
          label: `Copy ${o.name}`,
          click: () => {
@@ -341,7 +341,7 @@ class ElementsRow extends PureComponent<ElementsRowProps, ElementsRowState> {
    }

    const attributes = element.attributes
-      ? element.attributes.map(attr => (
+      ? element.attributes.map((attr) => (
          <ElementsRowAttribute
            key={attr.name}
            name={attr.name}
--- a/desktop/app/src/ui/components/elements-inspector/sidebar.tsx
+++ b/desktop/app/src/ui/components/elements-inspector/sidebar.tsx
@@ -123,7 +123,7 @@ export class InspectorSidebar extends Component<Props, State> {

    const sections: Array<any> =
      (extensions &&
-        extensions.map(ext =>
+        extensions.map((ext) =>
          ext(
            this.props.client,
            this.props.realClient,
--- a/desktop/app/src/ui/components/searchable/FilterToken.tsx
+++ b/desktop/app/src/ui/components/searchable/FilterToken.tsx
@@ -17,7 +17,7 @@ import React from 'react';
 import {ColorProperty} from 'csstype';

 const Token = styled(Text)<{focused?: boolean; color?: ColorProperty}>(
-  props => ({
+  (props) => ({
    display: 'inline-flex',
    alignItems: 'center',
    backgroundColor: props.focused
@@ -43,7 +43,7 @@ Token.displayName = 'FilterToken:Token';
 const Key = styled(Text)<{
  type: 'exclude' | 'include' | 'enum';
  focused?: boolean;
-}>(props => ({
+}>((props) => ({
  position: 'relative',
  fontWeight: 500,
  paddingRight: 12,
@@ -73,7 +73,7 @@ const Value = styled(Text)({
 });
 Value.displayName = 'FilterToken:Value';

-const Chevron = styled.div<{focused?: boolean}>(props => ({
+const Chevron = styled.div<{focused?: boolean}>((props) => ({
  border: 0,
  paddingLeft: 3,
  paddingRight: 1,
@@ -187,7 +187,7 @@ export default class FilterToken extends PureComponent<Props> {
    if (filter.type === 'enum') {
      let {value} = filter;
      if (value.indexOf(newValue) > -1) {
-        value = value.filter(v => v !== newValue);
+        value = value.filter((v) => v !== newValue);
      } else {
        value = value.concat([newValue]);
      }
@@ -214,7 +214,7 @@ export default class FilterToken extends PureComponent<Props> {

    if (filter.type === 'enum') {
      const getEnum = (value: string) =>
-        filter.enum.find(e => e.value === value);
+        filter.enum.find((e) => e.value === value);
      const firstValue = getEnum(filter.value[0]);
      const secondValue = getEnum(filter.value[1]);
      if (filter.value.length === 0) {
--- a/desktop/app/src/ui/components/searchable/Searchable.tsx
+++ b/desktop/app/src/ui/components/searchable/Searchable.tsx
@@ -44,7 +44,7 @@ export const SearchInput = styled(Input)<{
  focus?: boolean;
  regex?: boolean;
  isValidInput?: boolean;
-}>(props => ({
+}>((props) => ({
  border: props.focus ? '1px solid black' : 0,
  ...(props.regex ? {fontFamily: 'monospace'} : {}),
  padding: 0,
@@ -186,9 +186,9 @@ const Searchable = (
        if (defaultFilters != null) {
          // merge default filter with persisted filters
          const savedStateFilters = savedState.filters;
-          defaultFilters.forEach(defaultFilter => {
+          defaultFilters.forEach((defaultFilter) => {
            const filterIndex = savedStateFilters.findIndex(
-              f => f.key === defaultFilter.key,
+              (f) => f.key === defaultFilter.key,
            );
            const savedDefaultFilter = savedStateFilters[filterIndex];
            if (filterIndex > -1 && savedDefaultFilter.type === 'enum') {
@@ -196,11 +196,11 @@ const Searchable = (
                savedDefaultFilter.enum = defaultFilter.enum;
              }
              const filters = new Set(
-                savedDefaultFilter.enum.map(filter => filter.value),
+                savedDefaultFilter.enum.map((filter) => filter.value),
              );
              savedStateFilters[
                filterIndex
-              ].value = savedDefaultFilter.value.filter(value =>
+              ].value = savedDefaultFilter.value.filter((value) =>
                filters.has(value),
              );
            }
@@ -281,9 +281,7 @@ const Searchable = (
        // the table (in case there is more than one table rendered at a time)
        return (
          'TABLE_COLUMNS_' +
-          Object.keys(this.props.columns)
-            .join('_')
-            .toUpperCase()
+          Object.keys(this.props.columns).join('_').toUpperCase()
        );
      }
    };
@@ -374,7 +372,7 @@ const Searchable = (

    addFilter = (filter: Filter) => {
      const filterIndex = this.state.filters.findIndex(
-        f => f.key === filter.key,
+        (f) => f.key === filter.key,
      );
      if (filterIndex > -1) {
        const filters = [...this.state.filters];
@@ -457,7 +455,7 @@ const Searchable = (
    clear = () =>
      this.setState({
        filters: this.state.filters.filter(
-          f => f.type === 'enum' && f.persistent === true,
+          (f) => f.type === 'enum' && f.persistent === true,
        ),
        searchTerm: '',
      });
--- a/desktop/app/src/ui/components/searchable/SearchableTable.tsx
+++ b/desktop/app/src/ui/components/searchable/SearchableTable.tsx
@@ -54,12 +54,12 @@ const rowMatchesFilters = (filters: Array<Filter>, row: TableBodyRow) =>
        return true;
      }
    })
-    .every(x => x === true);
+    .every((x) => x === true);

 function rowMatchesRegex(values: Array<string>, regex: string): boolean {
  try {
    const re = new RegExp(regex);
-    return values.some(x => re.test(x));
+    return values.some((x) => re.test(x));
  } catch (e) {
    return false;
  }
@@ -74,7 +74,7 @@ function rowMatchesSearchTerm(
  if (searchTerm == null || searchTerm.length === 0) {
    return true;
  }
-  const rowValues = Object.keys(row.columns).map(key =>
+  const rowValues = Object.keys(row.columns).map((key) =>
    textContent(row.columns[key].value),
  );
  if (isBodySearchEnabled) {
@@ -91,7 +91,7 @@ function rowMatchesSearchTerm(
  if (isRegex) {
    return rowMatchesRegex(rowValues, searchTerm);
  }
-  return rowValues.some(x =>
+  return rowValues.some((x) =>
    x.toLowerCase().includes(searchTerm.toLowerCase()),
  );
 }
--- a/desktop/app/src/ui/components/searchable/SearchableTable_immutable.tsx
+++ b/desktop/app/src/ui/components/searchable/SearchableTable_immutable.tsx
@@ -48,12 +48,12 @@ const rowMatchesFilters = (filters: Array<Filter>, row: TableBodyRow) =>
        return true;
      }
    })
-    .every(x => x === true);
+    .every((x) => x === true);

 function rowMatchesRegex(values: Array<string>, regex: string): boolean {
  try {
    const re = new RegExp(regex);
-    return values.some(x => re.test(x));
+    return values.some((x) => re.test(x));
  } catch (e) {
    return false;
  }
@@ -67,7 +67,7 @@ function rowMatchesSearchTerm(
  if (searchTerm == null || searchTerm.length === 0) {
    return true;
  }
-  const rowValues = Object.keys(row.columns).map(key =>
+  const rowValues = Object.keys(row.columns).map((key) =>
    textContent(row.columns[key].value),
  );
  if (row.filterValue != null) {
@@ -76,7 +76,7 @@ function rowMatchesSearchTerm(
  if (isRegex) {
    return rowMatchesRegex(rowValues, searchTerm);
  }
-  return rowValues.some(x =>
+  return rowValues.some((x) =>
    x.toLowerCase().includes(searchTerm.toLowerCase()),
  );
 }
--- a/desktop/app/src/ui/components/table/ManagedTable.tsx
+++ b/desktop/app/src/ui/components/table/ManagedTable.tsx
@@ -148,7 +148,7 @@ type ManagedTableState = {
  shouldScrollToBottom: boolean;
 };

-const Container = styled(FlexColumn)<{canOverflow?: boolean}>(props => ({
+const Container = styled(FlexColumn)<{canOverflow?: boolean}>((props) => ({
  overflow: props.canOverflow ? 'scroll' : 'visible',
  flexGrow: 1,
 }));
@@ -169,10 +169,7 @@ export class ManagedTable extends React.Component<

  getTableKey = (): string => {
    return (
-      'TABLE_COLUMNS_' +
-      Object.keys(this.props.columns)
-        .join('_')
-        .toUpperCase()
+      'TABLE_COLUMNS_' + Object.keys(this.props.columns).join('_').toUpperCase()
    );
  };

@@ -195,7 +192,7 @@ export class ManagedTable extends React.Component<
    const columnOrder =
      JSON.parse(window.localStorage.getItem(this.getTableKey()) || 'null') ||
      this.props.columnOrder ||
-      Object.keys(this.props.columns).map(key => ({key, visible: true}));
+      Object.keys(this.props.columns).map((key) => ({key, visible: true}));
    this.state = {
      columnOrder,
      columnKeys: this.computeColumnKeys(columnOrder),
@@ -288,7 +285,7 @@ export class ManagedTable extends React.Component<
  }

  computeColumnKeys(columnOrder: TableColumnOrder) {
-    return columnOrder.map(k => (k.visible ? k.key : null)).filter(notNull);
+    return columnOrder.map((k) => (k.visible ? k.key : null)).filter(notNull);
  }

  scrollToHighlightedRows = () => {
@@ -335,7 +332,7 @@ export class ManagedTable extends React.Component<
      const {highlightedRows} = this.state;
      const lastItemKey = Array.from(this.state.highlightedRows).pop();
      const lastItemIndex = this.props.rows.findIndex(
-        row => row.key === lastItemKey,
+        (row) => row.key === lastItemKey,
      );
      const newIndex = Math.min(
        rows.length - 1,
@@ -516,8 +513,8 @@ export class ManagedTable extends React.Component<
            {
              label: 'Copy cell',
              submenu: this.state.columnOrder
-                .filter(c => c.visible)
-                .map(c => c.key)
+                .filter((c) => c.visible)
+                .map((c) => c.key)
                .map((column, index) => ({
                  label: this.props.columns[column].value,
                  click: () => {
@@ -559,9 +556,9 @@ export class ManagedTable extends React.Component<

  getHeaderText = (): string => {
    return this.state.columnOrder
-      .filter(c => c.visible)
-      .map(c => c.key)
-      .map(key => this.props.columns[key].value)
+      .filter((c) => c.visible)
+      .map((c) => c.key)
+      .map((key) => this.props.columns[key].value)
      .join('\t');
  };

@@ -572,7 +569,7 @@ export class ManagedTable extends React.Component<
      return '';
    }
    return this.props.rows
-      .filter(row => highlightedRows.has(row.key))
+      .filter((row) => highlightedRows.has(row.key))
      .map(
        (row: TableBodyRow) =>
          row.copyText || this.getTextContentOfRow(row.key).join('\t'),
@@ -581,7 +578,7 @@ export class ManagedTable extends React.Component<
  };

  getTextContentOfRow = (key: string): Array<string> => {
-    const row = this.props.rows.find(row => row.key === key);
+    const row = this.props.rows.find((row) => row.key === key);
    if (!row) {
      return [];
    }
@@ -708,7 +705,7 @@ export class ManagedTable extends React.Component<
                  }>
                  <List
                    itemCount={rows.length}
-                    itemSize={index =>
+                    itemSize={(index) =>
                      (rows[index] && rows[index].height) ||
                      rowLineHeight ||
                      DEFAULT_ROW_HEIGHT
--- a/desktop/app/src/ui/components/table/ManagedTable_immutable.tsx
+++ b/desktop/app/src/ui/components/table/ManagedTable_immutable.tsx
@@ -141,7 +141,7 @@ type ManagedTableState = {
  shouldScrollToBottom: boolean;
 };

-const Container = styled(FlexColumn)<{canOverflow?: boolean}>(props => ({
+const Container = styled(FlexColumn)<{canOverflow?: boolean}>((props) => ({
  overflow: props.canOverflow ? 'scroll' : 'visible',
  flexGrow: 1,
 }));
@@ -161,10 +161,7 @@ class ManagedTable extends React.Component<

  getTableKey = (): string => {
    return (
-      'TABLE_COLUMNS_' +
-      Object.keys(this.props.columns)
-        .join('_')
-        .toUpperCase()
+      'TABLE_COLUMNS_' + Object.keys(this.props.columns).join('_').toUpperCase()
    );
  };

@@ -172,7 +169,7 @@ class ManagedTable extends React.Component<
    columnOrder:
      JSON.parse(window.localStorage.getItem(this.getTableKey()) || 'null') ||
      this.props.columnOrder ||
-      Object.keys(this.props.columns).map(key => ({key, visible: true})),
+      Object.keys(this.props.columns).map((key) => ({key, visible: true})),
    columnSizes:
      this.props.tableKey && globalTableState[this.props.tableKey]
        ? globalTableState[this.props.tableKey]
@@ -316,7 +313,7 @@ class ManagedTable extends React.Component<
      const {highlightedRows} = this.state;
      const lastItemKey = Array.from(this.state.highlightedRows).pop();
      const lastItemIndex = this.props.rows.findIndex(
-        row => row.key === lastItemKey,
+        (row) => row.key === lastItemKey,
      );
      const newIndex = Math.min(
        rows.size - 1,
@@ -497,8 +494,8 @@ class ManagedTable extends React.Component<
            {
              label: 'Copy cell',
              submenu: this.state.columnOrder
-                .filter(c => c.visible)
-                .map(c => c.key)
+                .filter((c) => c.visible)
+                .map((c) => c.key)
                .map((column, index) => ({
                  label: this.props.columns[column].value,
                  click: () => {
@@ -540,9 +537,9 @@ class ManagedTable extends React.Component<

  getHeaderText = (): string => {
    return this.state.columnOrder
-      .filter(c => c.visible)
-      .map(c => c.key)
-      .map(key => this.props.columns[key].value)
+      .filter((c) => c.visible)
+      .map((c) => c.key)
+      .map((key) => this.props.columns[key].value)
      .join('\t');
  };

@@ -553,7 +550,7 @@ class ManagedTable extends React.Component<
      return '';
    }
    return this.props.rows
-      .filter(row => highlightedRows.has(row.key))
+      .filter((row) => highlightedRows.has(row.key))
      .map(
        (row: TableBodyRow) =>
          row.copyText || this.getTextContentOfRow(row.key).join('\t'),
@@ -562,7 +559,7 @@ class ManagedTable extends React.Component<
  };

  getTextContentOfRow = (key: string): Array<string> => {
-    const row = this.props.rows.find(row => row.key === key);
+    const row = this.props.rows.find((row) => row.key === key);
    if (!row) {
      return [];
    }
@@ -606,7 +603,7 @@ class ManagedTable extends React.Component<
    const {onAddFilter, multiline, zebra, rows} = this.props;
    const {columnOrder, columnSizes, highlightedRows} = this.state;
    const columnKeys = columnOrder
-      .map(k => (k.visible ? k.key : null))
+      .map((k) => (k.visible ? k.key : null))
      .filter(notNull);

    const row = rows.get(index);
@@ -619,8 +616,8 @@ class ManagedTable extends React.Component<
        key={row.key}
        columnSizes={columnSizes}
        columnKeys={columnKeys}
-        onMouseDown={e => this.onHighlight(e, row, index)}
-        onMouseEnter={e => this.onMouseEnterRow(e, row, index)}
+        onMouseDown={(e) => this.onHighlight(e, row, index)}
+        onMouseEnter={(e) => this.onMouseEnterRow(e, row, index)}
        multiline={multiline}
        rowLineHeight={24}
        highlighted={highlightedRows.has(row.key)}
@@ -690,7 +687,7 @@ class ManagedTable extends React.Component<
                  }>
                  <List
                    itemCount={rows.size}
-                    itemSize={index =>
+                    itemSize={(index) =>
                      (rows.get(index) && rows.get(index)!.height) ||
                      rowLineHeight ||
                      DEFAULT_ROW_HEIGHT
--- a/Show More
+++ b/Show More