run linter

2024-03-12 22:02:28 +00:00 · 2024-03-12 22:02:28 +00:00 · 1512b5cf68
parent a3c09f9f86
commit 1512b5cf68
465 changed files with 4136 additions and 3714 deletions
--- a/src/App.native.tsx
+++ b/src/App.native.tsx
@ -1,54 +1,54 @@
 import 'react-native-url-polyfill/auto'
 import 'lib/sentry' // must be near top
-
-import React, {useState, useEffect} from 'react'
-import {RootSiblingParent} from 'react-native-root-siblings'
-import * as SplashScreen from 'expo-splash-screen'
-import {GestureHandlerRootView} from 'react-native-gesture-handler'
-import {QueryClientProvider} from '@tanstack/react-query'
-import {
-  SafeAreaProvider,
-  initialWindowMetrics,
-} from 'react-native-safe-area-context'
-
 import 'view/icons'

-import {ThemeProvider as Alf} from '#/alf'
-import {useColorModeTheme} from '#/alf/util/useColorModeTheme'
-import {init as initPersistedState} from '#/state/persisted'
-import {listenSessionDropped} from './state/events'
-import {ThemeProvider} from 'lib/ThemeContext'
-import {s} from 'lib/styles'
-import {Shell} from 'view/shell'
+import {msg} from '@lingui/macro'
+import {useLingui} from '@lingui/react'
+import {QueryClientProvider} from '@tanstack/react-query'
+import * as SplashScreen from 'expo-splash-screen'
+import {StatusBar} from 'expo-status-bar'
+import {useIntentHandler} from 'lib/hooks/useIntentHandler'
 import * as notifications from 'lib/notifications/notifications'
-import * as Toast from 'view/com/util/Toast'
 import {queryClient} from 'lib/react-query'
-import {TestCtrls} from 'view/com/testing/TestCtrls'
-import {Provider as ShellStateProvider} from 'state/shell'
-import {Provider as ModalStateProvider} from 'state/modals'
+import {s} from 'lib/styles'
+import {ThemeProvider} from 'lib/ThemeContext'
+import {isAndroid} from 'platform/detection'
+import React, {useEffect, useState} from 'react'
+import {GestureHandlerRootView} from 'react-native-gesture-handler'
+import {RootSiblingParent} from 'react-native-root-siblings'
+import {
+  initialWindowMetrics,
+  SafeAreaProvider,
+} from 'react-native-safe-area-context'
 import {Provider as DialogStateProvider} from 'state/dialogs'
-import {Provider as LightboxStateProvider} from 'state/lightbox'
-import {Provider as MutedThreadsProvider} from 'state/muted-threads'
 import {Provider as InvitesStateProvider} from 'state/invites'
+import {Provider as LightboxStateProvider} from 'state/lightbox'
+import {Provider as ModalStateProvider} from 'state/modals'
+import {Provider as MutedThreadsProvider} from 'state/muted-threads'
 import {Provider as PrefsStateProvider} from 'state/preferences'
-import {Provider as LoggedOutViewProvider} from 'state/shell/logged-out'
-import {Provider as SelectedFeedProvider} from 'state/shell/selected-feed'
-import I18nProvider from './locale/i18nProvider'
+import {Provider as UnreadNotifsProvider} from 'state/queries/notifications/unread'
 import {
  Provider as SessionProvider,
  useSession,
  useSessionApi,
 } from 'state/session'
-import {Provider as UnreadNotifsProvider} from 'state/queries/notifications/unread'
-import * as persisted from '#/state/persisted'
-import {Splash} from '#/Splash'
+import {Provider as ShellStateProvider} from 'state/shell'
+import {Provider as LoggedOutViewProvider} from 'state/shell/logged-out'
+import {Provider as SelectedFeedProvider} from 'state/shell/selected-feed'
+import {TestCtrls} from 'view/com/testing/TestCtrls'
+import * as Toast from 'view/com/util/Toast'
+import {Shell} from 'view/shell'
+
+import {ThemeProvider as Alf} from '#/alf'
+import {useColorModeTheme} from '#/alf/util/useColorModeTheme'
 import {Provider as PortalProvider} from '#/components/Portal'
 import {Provider as StatsigProvider} from '#/lib/statsig/statsig'
-import {msg} from '@lingui/macro'
-import {useLingui} from '@lingui/react'
-import {useIntentHandler} from 'lib/hooks/useIntentHandler'
-import {StatusBar} from 'expo-status-bar'
-import {isAndroid} from 'platform/detection'
+import {Splash} from '#/Splash'
+import {init as initPersistedState} from '#/state/persisted'
+import * as persisted from '#/state/persisted'
+
+import I18nProvider from './locale/i18nProvider'
+import {listenSessionDropped} from './state/events'

 SplashScreen.preventAutoHideAsync()

--- a/src/App.web.tsx
+++ b/src/App.web.tsx
@ -1,39 +1,39 @@
 import 'lib/sentry' // must be near top
-
-import React, {useState, useEffect} from 'react'
-import {QueryClientProvider} from '@tanstack/react-query'
-import {SafeAreaProvider} from 'react-native-safe-area-context'
-import {RootSiblingParent} from 'react-native-root-siblings'
-
 import 'view/icons'

-import {ThemeProvider as Alf} from '#/alf'
-import {useColorModeTheme} from '#/alf/util/useColorModeTheme'
-import {init as initPersistedState} from '#/state/persisted'
-import {Shell} from 'view/shell/index'
-import {ToastContainer} from 'view/com/util/Toast.web'
-import {ThemeProvider} from 'lib/ThemeContext'
+import {QueryClientProvider} from '@tanstack/react-query'
+import {useIntentHandler} from 'lib/hooks/useIntentHandler'
 import {queryClient} from 'lib/react-query'
-import {Provider as ShellStateProvider} from 'state/shell'
-import {Provider as ModalStateProvider} from 'state/modals'
+import {ThemeProvider} from 'lib/ThemeContext'
+import React, {useEffect, useState} from 'react'
+import {RootSiblingParent} from 'react-native-root-siblings'
+import {SafeAreaProvider} from 'react-native-safe-area-context'
 import {Provider as DialogStateProvider} from 'state/dialogs'
-import {Provider as LightboxStateProvider} from 'state/lightbox'
-import {Provider as MutedThreadsProvider} from 'state/muted-threads'
 import {Provider as InvitesStateProvider} from 'state/invites'
+import {Provider as LightboxStateProvider} from 'state/lightbox'
+import {Provider as ModalStateProvider} from 'state/modals'
+import {Provider as MutedThreadsProvider} from 'state/muted-threads'
 import {Provider as PrefsStateProvider} from 'state/preferences'
-import {Provider as LoggedOutViewProvider} from 'state/shell/logged-out'
-import {Provider as SelectedFeedProvider} from 'state/shell/selected-feed'
-import I18nProvider from './locale/i18nProvider'
+import {Provider as UnreadNotifsProvider} from 'state/queries/notifications/unread'
 import {
  Provider as SessionProvider,
  useSession,
  useSessionApi,
 } from 'state/session'
-import {Provider as UnreadNotifsProvider} from 'state/queries/notifications/unread'
-import * as persisted from '#/state/persisted'
+import {Provider as ShellStateProvider} from 'state/shell'
+import {Provider as LoggedOutViewProvider} from 'state/shell/logged-out'
+import {Provider as SelectedFeedProvider} from 'state/shell/selected-feed'
+import {ToastContainer} from 'view/com/util/Toast.web'
+import {Shell} from 'view/shell/index'
+
+import {ThemeProvider as Alf} from '#/alf'
+import {useColorModeTheme} from '#/alf/util/useColorModeTheme'
 import {Provider as PortalProvider} from '#/components/Portal'
 import {Provider as StatsigProvider} from '#/lib/statsig/statsig'
-import {useIntentHandler} from 'lib/hooks/useIntentHandler'
+import {init as initPersistedState} from '#/state/persisted'
+import * as persisted from '#/state/persisted'
+
+import I18nProvider from './locale/i18nProvider'

 function InnerApp() {
  const {isInitialLoad, currentAccount} = useSession()
--- a/src/Navigation.tsx
+++ b/src/Navigation.tsx
@ -1,84 +1,85 @@
-import * as React from 'react'
-import {
-  NavigationContainer,
-  createNavigationContainerRef,
-  CommonActions,
-  StackActions,
-  DefaultTheme,
-  DarkTheme,
-} from '@react-navigation/native'
+import {i18n, MessageDescriptor} from '@lingui/core'
+import {msg} from '@lingui/macro'
 import {
  BottomTabBarProps,
  createBottomTabNavigator,
 } from '@react-navigation/bottom-tabs'
 import {
-  HomeTabNavigatorParams,
-  SearchTabNavigatorParams,
-  FeedsTabNavigatorParams,
-  NotificationsTabNavigatorParams,
-  FlatNavigatorParams,
-  AllNavigatorParams,
-  MyProfileTabNavigatorParams,
-  BottomTabNavigatorParams,
-} from 'lib/routes/types'
-import {BottomBar} from './view/shell/bottom-bar/BottomBar'
-import {buildStateObject} from 'lib/routes/helpers'
-import {State, RouteParams} from 'lib/routes/types'
-import {isAndroid, isNative} from 'platform/detection'
-import {useColorSchemeStyle} from 'lib/hooks/useColorSchemeStyle'
-import {router} from './routes'
-import {usePalette} from 'lib/hooks/usePalette'
-import {bskyTitle} from 'lib/strings/headings'
-import {JSX} from 'react/jsx-runtime'
+  CommonActions,
+  createNavigationContainerRef,
+  DarkTheme,
+  DefaultTheme,
+  NavigationContainer,
+  StackActions,
+} from '@react-navigation/native'
 import {timeout} from 'lib/async/timeout'
-import {useUnreadNotifications} from './state/queries/notifications/unread'
-import {useSession} from './state/session'
-import {useModalControls} from './state/modals'
+import {useColorSchemeStyle} from 'lib/hooks/useColorSchemeStyle'
+import {usePalette} from 'lib/hooks/usePalette'
+import {buildStateObject} from 'lib/routes/helpers'
 import {
-  shouldRequestEmailConfirmation,
-  setEmailConfirmationRequested,
-} from './state/shell/reminders'
+  AllNavigatorParams,
+  BottomTabNavigatorParams,
+  FeedsTabNavigatorParams,
+  FlatNavigatorParams,
+  HomeTabNavigatorParams,
+  MyProfileTabNavigatorParams,
+  NotificationsTabNavigatorParams,
+  SearchTabNavigatorParams,
+} from 'lib/routes/types'
+import {RouteParams, State} from 'lib/routes/types'
+import {bskyTitle} from 'lib/strings/headings'
+import {isAndroid, isNative} from 'platform/detection'
+import * as React from 'react'
+import {JSX} from 'react/jsx-runtime'
+import {AppPasswords} from 'view/screens/AppPasswords'
+import {ModerationBlockedAccounts} from 'view/screens/ModerationBlockedAccounts'
+import {ModerationMutedAccounts} from 'view/screens/ModerationMutedAccounts'
+import {PreferencesFollowingFeed} from 'view/screens/PreferencesFollowingFeed'
+import {PreferencesThreads} from 'view/screens/PreferencesThreads'
+import {SavedFeeds} from 'view/screens/SavedFeeds'
+
+import HashtagScreen from '#/screens/Hashtag'
+import {PreferencesExternalEmbeds} from '#/view/screens/PreferencesExternalEmbeds'
+
 import {init as initAnalytics} from './lib/analytics/analytics'
 import {useWebScrollRestoration} from './lib/hooks/useWebScrollRestoration'
-
-import {HomeScreen} from './view/screens/Home'
-import {SearchScreen} from './view/screens/Search'
+import {logEvent} from './lib/statsig/statsig'
+import {router} from './routes'
+import {useModalControls} from './state/modals'
+import {useUnreadNotifications} from './state/queries/notifications/unread'
+import {useSession} from './state/session'
+import {
+  setEmailConfirmationRequested,
+  shouldRequestEmailConfirmation,
+} from './state/shell/reminders'
+import {CommunityGuidelinesScreen} from './view/screens/CommunityGuidelines'
+import {CopyrightPolicyScreen} from './view/screens/CopyrightPolicy'
 import {FeedsScreen} from './view/screens/Feeds'
-import {NotificationsScreen} from './view/screens/Notifications'
+import {HomeScreen} from './view/screens/Home'
+import {LanguageSettingsScreen} from './view/screens/LanguageSettings'
 import {ListsScreen} from './view/screens/Lists'
+import {LogScreen} from './view/screens/Log'
 import {ModerationScreen} from './view/screens/Moderation'
 import {ModerationModlistsScreen} from './view/screens/ModerationModlists'
 import {NotFoundScreen} from './view/screens/NotFound'
-import {SettingsScreen} from './view/screens/Settings'
-import {LanguageSettingsScreen} from './view/screens/LanguageSettings'
-import {ProfileScreen} from './view/screens/Profile'
-import {ProfileFollowersScreen} from './view/screens/ProfileFollowers'
-import {ProfileFollowsScreen} from './view/screens/ProfileFollows'
-import {ProfileFeedScreen} from './view/screens/ProfileFeed'
-import {ProfileFeedLikedByScreen} from './view/screens/ProfileFeedLikedBy'
-import {ProfileListScreen} from './view/screens/ProfileList'
-import {PostThreadScreen} from './view/screens/PostThread'
+import {NotificationsScreen} from './view/screens/Notifications'
 import {PostLikedByScreen} from './view/screens/PostLikedBy'
 import {PostRepostedByScreen} from './view/screens/PostRepostedBy'
-import {Storybook} from './view/screens/Storybook'
-import {LogScreen} from './view/screens/Log'
-import {SupportScreen} from './view/screens/Support'
+import {PostThreadScreen} from './view/screens/PostThread'
 import {PrivacyPolicyScreen} from './view/screens/PrivacyPolicy'
+import {ProfileScreen} from './view/screens/Profile'
+import {ProfileFeedScreen} from './view/screens/ProfileFeed'
+import {ProfileFeedLikedByScreen} from './view/screens/ProfileFeedLikedBy'
+import {ProfileFollowersScreen} from './view/screens/ProfileFollowers'
+import {ProfileFollowsScreen} from './view/screens/ProfileFollows'
+import {ProfileListScreen} from './view/screens/ProfileList'
+import {SearchScreen} from './view/screens/Search'
+import {SettingsScreen} from './view/screens/Settings'
+import {Storybook} from './view/screens/Storybook'
+import {SupportScreen} from './view/screens/Support'
 import {TermsOfServiceScreen} from './view/screens/TermsOfService'
-import {CommunityGuidelinesScreen} from './view/screens/CommunityGuidelines'
-import {CopyrightPolicyScreen} from './view/screens/CopyrightPolicy'
-import {AppPasswords} from 'view/screens/AppPasswords'
-import {ModerationMutedAccounts} from 'view/screens/ModerationMutedAccounts'
-import {ModerationBlockedAccounts} from 'view/screens/ModerationBlockedAccounts'
-import {SavedFeeds} from 'view/screens/SavedFeeds'
-import {PreferencesFollowingFeed} from 'view/screens/PreferencesFollowingFeed'
-import {PreferencesThreads} from 'view/screens/PreferencesThreads'
-import {PreferencesExternalEmbeds} from '#/view/screens/PreferencesExternalEmbeds'
+import {BottomBar} from './view/shell/bottom-bar/BottomBar'
 import {createNativeStackNavigatorWithAuth} from './view/shell/createNativeStackNavigatorWithAuth'
-import {msg} from '@lingui/macro'
-import {i18n, MessageDescriptor} from '@lingui/core'
-import HashtagScreen from '#/screens/Hashtag'
-import {logEvent} from './lib/statsig/statsig'

 const navigationRef = createNavigationContainerRef<AllNavigatorParams>()

@ -670,11 +671,11 @@ function logModuleInitTime() {
 }

 export {
-  navigate,
-  resetToTab,
-  reset,
-  handleLink,
-  TabsNavigator,
  FlatNavigator,
+  handleLink,
+  navigate,
+  reset,
+  resetToTab,
  RoutesContainer,
+  TabsNavigator,
 }
--- a/src/Splash.tsx
+++ b/src/Splash.tsx
@ -1,22 +1,22 @@
+import MaskedView from '@react-native-masked-view/masked-view'
+import {Image} from 'expo-image'
+import * as SplashScreen from 'expo-splash-screen'
 import React, {useCallback, useEffect} from 'react'
 import {
-  View,
-  StyleSheet,
-  Image as RNImage,
  AccessibilityInfo,
+  Image as RNImage,
+  StyleSheet,
  useColorScheme,
+  View,
 } from 'react-native'
-import * as SplashScreen from 'expo-splash-screen'
-import {Image} from 'expo-image'
 import Animated, {
+  Easing,
  interpolate,
  runOnJS,
  useAnimatedStyle,
  useSharedValue,
  withTiming,
-  Easing,
 } from 'react-native-reanimated'
-import MaskedView from '@react-native-masked-view/masked-view'
 import {useSafeAreaInsets} from 'react-native-safe-area-context'
 import Svg, {Path, SvgProps} from 'react-native-svg'

--- a/src/alf/atoms.ts
+++ b/src/alf/atoms.ts
@ -1,5 +1,5 @@
-import {web, native} from '#/alf/util/platform'
 import * as tokens from '#/alf/tokens'
+import {native, web} from '#/alf/util/platform'

 export const atoms = {
  /*
--- a/src/alf/index.tsx
+++ b/src/alf/index.tsx
@ -1,12 +1,13 @@
 import React from 'react'
 import {Dimensions} from 'react-native'
+
 import * as themes from '#/alf/themes'

-export * from '#/alf/types'
-export * as tokens from '#/alf/tokens'
 export {atoms} from '#/alf/atoms'
-export * from '#/alf/util/platform'
+export * as tokens from '#/alf/tokens'
+export * from '#/alf/types'
 export * from '#/alf/util/flatten'
+export * from '#/alf/util/platform'

 type BreakpointName = keyof typeof breakpoints

--- a/src/alf/themes.ts
+++ b/src/alf/themes.ts
@ -1,6 +1,6 @@
+import {atoms} from '#/alf/atoms'
 import * as tokens from '#/alf/tokens'
 import type {Mutable} from '#/alf/types'
-import {atoms} from '#/alf/atoms'
 import {BLUE_HUE, GREEN_HUE, RED_HUE} from '#/alf/util/colorGeneration'

 export type ThemeName = 'light' | 'dim' | 'dark'
--- a/src/alf/tokens.ts
+++ b/src/alf/tokens.ts
@ -1,8 +1,8 @@
 import {
  BLUE_HUE,
-  RED_HUE,
-  GREEN_HUE,
  generateScale,
+  GREEN_HUE,
+  RED_HUE,
 } from '#/alf/util/colorGeneration'

 export const scale = generateScale(6, 100)
--- a/src/alf/types.ts
+++ b/src/alf/types.ts
@ -1,4 +1,4 @@
-import {StyleProp, ViewStyle, TextStyle} from 'react-native'
+import {StyleProp, TextStyle, ViewStyle} from 'react-native'

 type LiteralToCommon<T extends PropertyKey> = T extends number
  ? number
--- a/src/alf/util/useColorModeTheme.ts
+++ b/src/alf/util/useColorModeTheme.ts
@ -1,10 +1,10 @@
+import * as SystemUI from 'expo-system-ui'
+import {isWeb} from 'platform/detection'
 import React from 'react'
 import {ColorSchemeName, useColorScheme} from 'react-native'
-
 import {useThemePrefs} from 'state/shell'
-import {isWeb} from 'platform/detection'
-import {ThemeName, light, dark, dim} from '#/alf/themes'
-import * as SystemUI from 'expo-system-ui'
+
+import {dark, dim, light, ThemeName} from '#/alf/themes'

 export function useColorModeTheme(): ThemeName {
  const colorScheme = useColorScheme()
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@ -1,19 +1,19 @@
 import React from 'react'
 import {
-  Pressable,
-  Text,
-  PressableProps,
-  TextProps,
-  ViewStyle,
  AccessibilityProps,
-  View,
-  TextStyle,
-  StyleSheet,
+  Pressable,
+  PressableProps,
  StyleProp,
+  StyleSheet,
+  Text,
+  TextProps,
+  TextStyle,
+  View,
+  ViewStyle,
 } from 'react-native'
 import LinearGradient from 'react-native-linear-gradient'

-import {useTheme, atoms as a, tokens, android, flatten} from '#/alf'
+import {android, atoms as a, flatten, tokens, useTheme} from '#/alf'
 import {Props as SVGIconProps} from '#/components/icons/common'

 export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'gradient'
--- a/src/components/Dialog/context.ts
+++ b/src/components/Dialog/context.ts
@ -1,11 +1,11 @@
 import React from 'react'

-import {useDialogStateContext} from '#/state/dialogs'
 import {
  DialogContextProps,
  DialogControlRefProps,
  DialogOuterProps,
 } from '#/components/Dialog/types'
+import {useDialogStateContext} from '#/state/dialogs'

 export const Context = React.createContext<DialogContextProps>({
  close: () => {},
--- a/src/components/Dialog/index.tsx
+++ b/src/components/Dialog/index.tsx
@ -1,5 +1,3 @@
-import React, {useImperativeHandle} from 'react'
-import {View, Dimensions, Keyboard, Pressable} from 'react-native'
 import BottomSheet, {
  BottomSheetBackdropProps,
  BottomSheetScrollView,
@ -8,23 +6,24 @@ import BottomSheet, {
  useBottomSheet,
  WINDOW_HEIGHT,
 } from '@gorhom/bottom-sheet'
-import {useSafeAreaInsets} from 'react-native-safe-area-context'
+import React, {useImperativeHandle} from 'react'
+import {Dimensions, Keyboard, Pressable, View} from 'react-native'
 import Animated, {useAnimatedStyle} from 'react-native-reanimated'
+import {useSafeAreaInsets} from 'react-native-safe-area-context'

-import {useTheme, atoms as a, flatten} from '#/alf'
-import {Portal} from '#/components/Portal'
+import {atoms as a, flatten, useTheme} from '#/alf'
+import {Context} from '#/components/Dialog/context'
+import {
+  DialogControlProps,
+  DialogInnerProps,
+  DialogOuterProps,
+} from '#/components/Dialog/types'
 import {createInput} from '#/components/forms/TextField'
+import {Portal} from '#/components/Portal'
 import {logger} from '#/logger'
 import {useDialogStateControlContext} from '#/state/dialogs'

-import {
-  DialogOuterProps,
-  DialogControlProps,
-  DialogInnerProps,
-} from '#/components/Dialog/types'
-import {Context} from '#/components/Dialog/context'
-
-export {useDialogControl, useDialogContext} from '#/components/Dialog/context'
+export {useDialogContext, useDialogControl} from '#/components/Dialog/context'
 export * from '#/components/Dialog/types'
 // @ts-ignore
 export const Input = createInput(BottomSheetTextInput)
--- a/src/components/Dialog/index.web.tsx
+++ b/src/components/Dialog/index.web.tsx
@ -1,20 +1,19 @@
-import React, {useImperativeHandle} from 'react'
-import {View, TouchableWithoutFeedback} from 'react-native'
-import {FocusScope} from '@tamagui/focus-scope'
-import Animated, {FadeInDown, FadeIn} from 'react-native-reanimated'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
+import {FocusScope} from '@tamagui/focus-scope'
+import React, {useImperativeHandle} from 'react'
+import {TouchableWithoutFeedback, View} from 'react-native'
+import Animated, {FadeIn, FadeInDown} from 'react-native-reanimated'

-import {useTheme, atoms as a, useBreakpoints, web, flatten} from '#/alf'
-import {Portal} from '#/components/Portal'
-
-import {DialogOuterProps, DialogInnerProps} from '#/components/Dialog/types'
-import {Context} from '#/components/Dialog/context'
+import {atoms as a, flatten, useBreakpoints, useTheme, web} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
+import {Context} from '#/components/Dialog/context'
+import {DialogInnerProps, DialogOuterProps} from '#/components/Dialog/types'
 import {TimesLarge_Stroke2_Corner0_Rounded as X} from '#/components/icons/Times'
+import {Portal} from '#/components/Portal'
 import {useDialogStateControlContext} from '#/state/dialogs'

-export {useDialogControl, useDialogContext} from '#/components/Dialog/context'
+export {useDialogContext, useDialogControl} from '#/components/Dialog/context'
 export * from '#/components/Dialog/types'
 export {Input} from '#/components/forms/TextField'

--- a/src/components/Dialog/types.ts
+++ b/src/components/Dialog/types.ts
@ -1,6 +1,6 @@
+import {BottomSheetProps} from '@gorhom/bottom-sheet'
 import React from 'react'
 import type {AccessibilityProps} from 'react-native'
-import {BottomSheetProps} from '@gorhom/bottom-sheet'

 import {ViewStyleProp} from '#/alf'

--- a/src/components/Divider.tsx
+++ b/src/components/Divider.tsx
@ -1,6 +1,7 @@
 import React from 'react'
 import {View} from 'react-native'
-import {atoms as a, useTheme, ViewStyleProp, flatten} from '#/alf'
+
+import {atoms as a, flatten, useTheme, ViewStyleProp} from '#/alf'

 export function Divider({style}: ViewStyleProp) {
  const t = useTheme()
--- a/src/components/IconCircle.tsx
+++ b/src/components/IconCircle.tsx
@ -2,14 +2,14 @@ import React from 'react'
 import {View} from 'react-native'

 import {
-  useTheme,
  atoms as a,
-  ViewStyleProp,
-  TextStyleProp,
  flatten,
+  TextStyleProp,
+  useTheme,
+  ViewStyleProp,
 } from '#/alf'
-import {Growth_Stroke2_Corner0_Rounded as Growth} from '#/components/icons/Growth'
 import {Props} from '#/components/icons/common'
+import {Growth_Stroke2_Corner0_Rounded as Growth} from '#/components/icons/Growth'

 export function IconCircle({
  icon: Icon,
--- a/src/components/Link.tsx
+++ b/src/components/Link.tsx
@ -1,23 +1,23 @@
+import {sanitizeUrl} from '@braintree/sanitize-url'
+import {StackActions, useLinkProps} from '@react-navigation/native'
+import {useNavigationDeduped} from 'lib/hooks/useNavigationDeduped'
 import React from 'react'
 import {GestureResponderEvent} from 'react-native'
-import {useLinkProps, StackActions} from '@react-navigation/native'
-import {sanitizeUrl} from '@braintree/sanitize-url'
+import {useOpenLink} from 'state/preferences/in-app-browser'

-import {useInteractionState} from '#/components/hooks/useInteractionState'
-import {isWeb} from '#/platform/detection'
-import {useTheme, web, flatten, TextStyleProp, atoms as a} from '#/alf'
+import {atoms as a, flatten, TextStyleProp, useTheme, web} from '#/alf'
 import {Button, ButtonProps} from '#/components/Button'
+import {useInteractionState} from '#/components/hooks/useInteractionState'
+import {Text, TextProps} from '#/components/Typography'
 import {AllNavigatorParams} from '#/lib/routes/types'
 import {
  convertBskyAppUrlIfNeeded,
  isExternalUrl,
  linkRequiresWarning,
 } from '#/lib/strings/url-helpers'
-import {useModalControls} from '#/state/modals'
+import {isWeb} from '#/platform/detection'
 import {router} from '#/routes'
-import {Text, TextProps} from '#/components/Typography'
-import {useOpenLink} from 'state/preferences/in-app-browser'
-import {useNavigationDeduped} from 'lib/hooks/useNavigationDeduped'
+import {useModalControls} from '#/state/modals'

 /**
 * Only available within a `Link`, since that inherits from `Button`.
--- a/src/components/Lists.tsx
+++ b/src/components/Lists.tsx
@ -1,15 +1,16 @@
+import {Trans} from '@lingui/macro'
+import {StackActions} from '@react-navigation/native'
+import {useNavigationDeduped} from 'lib/hooks/useNavigationDeduped'
+import {cleanError} from 'lib/strings/errors'
 import React from 'react'
-import {atoms as a, useBreakpoints, useTheme} from '#/alf'
 import {View} from 'react-native'
 import {CenteredView} from 'view/com/util/Views'
-import {Loader} from '#/components/Loader'
-import {Trans} from '@lingui/macro'
-import {cleanError} from 'lib/strings/errors'
+
+import {atoms as a, useBreakpoints, useTheme} from '#/alf'
 import {Button} from '#/components/Button'
+import {Loader} from '#/components/Loader'
 import {Text} from '#/components/Typography'
-import {StackActions} from '@react-navigation/native'
 import {router} from '#/routes'
-import {useNavigationDeduped} from 'lib/hooks/useNavigationDeduped'

 export function ListFooter({
  isFetching,
--- a/src/components/Loader.tsx
+++ b/src/components/Loader.tsx
@ -1,13 +1,13 @@
 import React from 'react'
 import Animated, {
  Easing,
-  useSharedValue,
  useAnimatedStyle,
+  useSharedValue,
  withRepeat,
  withTiming,
 } from 'react-native-reanimated'

-import {atoms as a, useTheme, flatten} from '#/alf'
+import {atoms as a, flatten, useTheme} from '#/alf'
 import {Props, useCommonSVGProps} from '#/components/icons/common'
 import {Loader_Stroke2_Corner0_Rounded as Icon} from '#/components/icons/Loader'

--- a/src/components/Menu/index.tsx
+++ b/src/components/Menu/index.tsx
@ -1,25 +1,24 @@
-import React from 'react'
-import {View, Pressable, ViewStyle, StyleProp} from 'react-native'
-import flattenReactChildren from 'react-keyed-flatten-children'
-
-import {atoms as a, useTheme} from '#/alf'
-import * as Dialog from '#/components/Dialog'
-import {useInteractionState} from '#/components/hooks/useInteractionState'
-import {Text} from '#/components/Typography'
-
-import {Context} from '#/components/Menu/context'
-import {
-  ContextType,
-  TriggerProps,
-  ItemProps,
-  GroupProps,
-  ItemTextProps,
-  ItemIconProps,
-} from '#/components/Menu/types'
-import {Button, ButtonText} from '#/components/Button'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 import {isNative} from 'platform/detection'
+import React from 'react'
+import flattenReactChildren from 'react-keyed-flatten-children'
+import {Pressable, StyleProp, View, ViewStyle} from 'react-native'
+
+import {atoms as a, useTheme} from '#/alf'
+import {Button, ButtonText} from '#/components/Button'
+import * as Dialog from '#/components/Dialog'
+import {useInteractionState} from '#/components/hooks/useInteractionState'
+import {Context} from '#/components/Menu/context'
+import {
+  ContextType,
+  GroupProps,
+  ItemIconProps,
+  ItemProps,
+  ItemTextProps,
+  TriggerProps,
+} from '#/components/Menu/types'
+import {Text} from '#/components/Typography'

 export {useDialogControl as useMenuControl} from '#/components/Dialog'

--- a/src/components/Menu/index.web.tsx
+++ b/src/components/Menu/index.web.tsx
@ -1,24 +1,23 @@
 /* eslint-disable react/prop-types */

-import React from 'react'
-import {View, Pressable, ViewStyle, StyleProp} from 'react-native'
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu'
+import React from 'react'
+import {Pressable, StyleProp, View, ViewStyle} from 'react-native'

+import {atoms as a, flatten, useTheme, web} from '#/alf'
 import * as Dialog from '#/components/Dialog'
 import {useInteractionState} from '#/components/hooks/useInteractionState'
-import {atoms as a, useTheme, flatten, web} from '#/alf'
-import {Text} from '#/components/Typography'
-
+import {Context} from '#/components/Menu/context'
 import {
  ContextType,
-  TriggerProps,
-  ItemProps,
  GroupProps,
-  ItemTextProps,
  ItemIconProps,
+  ItemProps,
+  ItemTextProps,
  RadixPassThroughTriggerProps,
+  TriggerProps,
 } from '#/components/Menu/types'
-import {Context} from '#/components/Menu/context'
+import {Text} from '#/components/Typography'

 export function useMenuControl(): Dialog.DialogControlProps {
  const id = React.useId()
--- a/src/components/Menu/types.ts
+++ b/src/components/Menu/types.ts
@ -1,13 +1,13 @@
 import React from 'react'
 import {
+  AccessibilityProps,
  GestureResponderEvent,
  PressableProps,
-  AccessibilityProps,
 } from 'react-native'

-import {Props as SVGIconProps} from '#/components/icons/common'
-import * as Dialog from '#/components/Dialog'
 import {TextStyleProp, ViewStyleProp} from '#/alf'
+import * as Dialog from '#/components/Dialog'
+import {Props as SVGIconProps} from '#/components/icons/common'

 export type ContextType = {
  control: Dialog.DialogOuterProps['control']
--- a/src/components/Prompt.tsx
+++ b/src/components/Prompt.tsx
@ -1,13 +1,12 @@
-import React from 'react'
-import {View, PressableProps} from 'react-native'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
+import React from 'react'
+import {PressableProps, View} from 'react-native'

-import {useTheme, atoms as a, useBreakpoints} from '#/alf'
-import {Text} from '#/components/Typography'
+import {atoms as a, useBreakpoints, useTheme} from '#/alf'
 import {Button} from '#/components/Button'
-
 import * as Dialog from '#/components/Dialog'
+import {Text} from '#/components/Typography'

 export {useDialogControl as usePromptControl} from '#/components/Dialog'

--- a/src/components/RichText.tsx
+++ b/src/components/RichText.tsx
@ -1,15 +1,15 @@
-import React from 'react'
-import {RichText as RichTextAPI, AppBskyRichtextFacet} from '@atproto/api'
-import {useLingui} from '@lingui/react'
+import {AppBskyRichtextFacet, RichText as RichTextAPI} from '@atproto/api'
 import {msg} from '@lingui/macro'
-
-import {atoms as a, TextStyleProp, flatten, useTheme, web, native} from '#/alf'
-import {InlineLink} from '#/components/Link'
-import {Text, TextProps} from '#/components/Typography'
+import {useLingui} from '@lingui/react'
 import {toShortUrl} from 'lib/strings/url-helpers'
-import {TagMenu, useTagMenuControl} from '#/components/TagMenu'
-import {isNative} from '#/platform/detection'
+import React from 'react'
+
+import {atoms as a, flatten, native, TextStyleProp, useTheme, web} from '#/alf'
 import {useInteractionState} from '#/components/hooks/useInteractionState'
+import {InlineLink} from '#/components/Link'
+import {TagMenu, useTagMenuControl} from '#/components/TagMenu'
+import {Text, TextProps} from '#/components/Typography'
+import {isNative} from '#/platform/detection'

 const WORD_WRAP = {wordWrap: 1}

--- a/src/components/TagMenu/index.tsx
+++ b/src/components/TagMenu/index.tsx
@ -1,27 +1,27 @@
+import {msg, Trans} from '@lingui/macro'
+import {useLingui} from '@lingui/react'
+import {useNavigation} from '@react-navigation/native'
 import React from 'react'
 import {View} from 'react-native'
-import {useNavigation} from '@react-navigation/native'
-import {useLingui} from '@lingui/react'
-import {msg, Trans} from '@lingui/macro'

 import {atoms as a, native, useTheme} from '#/alf'
-import * as Dialog from '#/components/Dialog'
-import {Text} from '#/components/Typography'
 import {Button, ButtonText} from '#/components/Button'
-import {MagnifyingGlass2_Stroke2_Corner0_Rounded as Search} from '#/components/icons/MagnifyingGlass2'
-import {Person_Stroke2_Corner0_Rounded as Person} from '#/components/icons/Person'
-import {Mute_Stroke2_Corner0_Rounded as Mute} from '#/components/icons/Mute'
+import * as Dialog from '#/components/Dialog'
 import {Divider} from '#/components/Divider'
+import {MagnifyingGlass2_Stroke2_Corner0_Rounded as Search} from '#/components/icons/MagnifyingGlass2'
+import {Mute_Stroke2_Corner0_Rounded as Mute} from '#/components/icons/Mute'
+import {Person_Stroke2_Corner0_Rounded as Person} from '#/components/icons/Person'
 import {Link} from '#/components/Link'
+import {Loader} from '#/components/Loader'
+import {Text} from '#/components/Typography'
 import {makeSearchLink} from '#/lib/routes/links'
 import {NavigationProp} from '#/lib/routes/types'
+import {isInvalidHandle} from '#/lib/strings/handles'
 import {
  usePreferencesQuery,
-  useUpsertMutedWordsMutation,
  useRemoveMutedWordMutation,
+  useUpsertMutedWordsMutation,
 } from '#/state/queries/preferences'
-import {Loader} from '#/components/Loader'
-import {isInvalidHandle} from '#/lib/strings/handles'

 export function useTagMenuControl() {
  return Dialog.useDialogControl()
--- a/src/components/TagMenu/index.web.tsx
+++ b/src/components/TagMenu/index.web.tsx
@ -1,20 +1,20 @@
-import React from 'react'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 import {useNavigation} from '@react-navigation/native'
+import React from 'react'

-import {isInvalidHandle} from '#/lib/strings/handles'
-import {EventStopper} from '#/view/com/util/EventStopper'
-import {NativeDropdown} from '#/view/com/util/forms/NativeDropdown'
-import {NavigationProp} from '#/lib/routes/types'
-import {
-  usePreferencesQuery,
-  useUpsertMutedWordsMutation,
-  useRemoveMutedWordMutation,
-} from '#/state/queries/preferences'
-import {enforceLen} from '#/lib/strings/helpers'
 import {web} from '#/alf'
 import * as Dialog from '#/components/Dialog'
+import {NavigationProp} from '#/lib/routes/types'
+import {isInvalidHandle} from '#/lib/strings/handles'
+import {enforceLen} from '#/lib/strings/helpers'
+import {
+  usePreferencesQuery,
+  useRemoveMutedWordMutation,
+  useUpsertMutedWordsMutation,
+} from '#/state/queries/preferences'
+import {EventStopper} from '#/view/com/util/EventStopper'
+import {NativeDropdown} from '#/view/com/util/forms/NativeDropdown'

 export function useTagMenuControl(): Dialog.DialogControlProps {
  return {
--- a/src/components/Typography.tsx
+++ b/src/components/Typography.tsx
@ -1,8 +1,8 @@
 import React from 'react'
-import {Text as RNText, TextStyle, TextProps as RNTextProps} from 'react-native'
+import {Text as RNText, TextProps as RNTextProps, TextStyle} from 'react-native'
 import {UITextView} from 'react-native-ui-text-view'

-import {useTheme, atoms, web, flatten} from '#/alf'
+import {atoms, flatten, useTheme, web} from '#/alf'
 import {isIOS, isNative} from '#/platform/detection'

 export type TextProps = RNTextProps & {
--- a/src/components/dialogs/MutedWords.tsx
+++ b/src/components/dialogs/MutedWords.tsx
@ -1,37 +1,36 @@
-import React from 'react'
-import {Keyboard, View} from 'react-native'
+import {AppBskyActorDefs, sanitizeMutedWordValue} from '@atproto/api'
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
-import {AppBskyActorDefs, sanitizeMutedWordValue} from '@atproto/api'
+import React from 'react'
+import {Keyboard, View} from 'react-native'

-import {
-  usePreferencesQuery,
-  useUpsertMutedWordsMutation,
-  useRemoveMutedWordMutation,
-} from '#/state/queries/preferences'
-import {isNative} from '#/platform/detection'
 import {
  atoms as a,
-  useTheme,
+  native,
  useBreakpoints,
+  useTheme,
  ViewStyleProp,
  web,
-  native,
 } from '#/alf'
-import {Text} from '#/components/Typography'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
-import {PlusLarge_Stroke2_Corner0_Rounded as Plus} from '#/components/icons/Plus'
-import {TimesLarge_Stroke2_Corner0_Rounded as X} from '#/components/icons/Times'
+import * as Dialog from '#/components/Dialog'
+import {useGlobalDialogsControlContext} from '#/components/dialogs/Context'
+import {Divider} from '#/components/Divider'
+import * as Toggle from '#/components/forms/Toggle'
 import {Hashtag_Stroke2_Corner0_Rounded as Hashtag} from '#/components/icons/Hashtag'
 import {PageText_Stroke2_Corner0_Rounded as PageText} from '#/components/icons/PageText'
-import {Divider} from '#/components/Divider'
+import {PlusLarge_Stroke2_Corner0_Rounded as Plus} from '#/components/icons/Plus'
+import {TimesLarge_Stroke2_Corner0_Rounded as X} from '#/components/icons/Times'
 import {Loader} from '#/components/Loader'
-import {logger} from '#/logger'
-import * as Dialog from '#/components/Dialog'
-import * as Toggle from '#/components/forms/Toggle'
 import * as Prompt from '#/components/Prompt'
-
-import {useGlobalDialogsControlContext} from '#/components/dialogs/Context'
+import {Text} from '#/components/Typography'
+import {logger} from '#/logger'
+import {isNative} from '#/platform/detection'
+import {
+  usePreferencesQuery,
+  useRemoveMutedWordMutation,
+  useUpsertMutedWordsMutation,
+} from '#/state/queries/preferences'

 export function MutedWordsDialog() {
  const {mutedWordsDialogControl: control} = useGlobalDialogsControlContext()
--- a/src/components/forms/DateField/index.android.tsx
+++ b/src/components/forms/DateField/index.android.tsx
@ -1,19 +1,18 @@
+import {isAndroid} from 'platform/detection'
 import React from 'react'
-import {View, Pressable} from 'react-native'
-
-import {useTheme, atoms} from '#/alf'
-import {Text} from '#/components/Typography'
-import {useInteractionState} from '#/components/hooks/useInteractionState'
-import * as TextField from '#/components/forms/TextField'
-import {CalendarDays_Stroke2_Corner0_Rounded as CalendarDays} from '#/components/icons/CalendarDays'
+import {Pressable, View} from 'react-native'
+import DatePicker from 'react-native-date-picker'

+import {atoms, useTheme} from '#/alf'
 import {DateFieldProps} from '#/components/forms/DateField/types'
 import {
  localizeDate,
  toSimpleDateString,
 } from '#/components/forms/DateField/utils'
-import DatePicker from 'react-native-date-picker'
-import {isAndroid} from 'platform/detection'
+import * as TextField from '#/components/forms/TextField'
+import {useInteractionState} from '#/components/hooks/useInteractionState'
+import {CalendarDays_Stroke2_Corner0_Rounded as CalendarDays} from '#/components/icons/CalendarDays'
+import {Text} from '#/components/Typography'

 export * as utils from '#/components/forms/DateField/utils'
 export const Label = TextField.Label
--- a/src/components/forms/DateField/index.tsx
+++ b/src/components/forms/DateField/index.tsx
@ -1,12 +1,12 @@
 import React from 'react'
 import {View} from 'react-native'
-
-import {useTheme, atoms} from '#/alf'
-import * as TextField from '#/components/forms/TextField'
-import {toSimpleDateString} from '#/components/forms/DateField/utils'
-import {DateFieldProps} from '#/components/forms/DateField/types'
 import DatePicker from 'react-native-date-picker'

+import {atoms, useTheme} from '#/alf'
+import {DateFieldProps} from '#/components/forms/DateField/types'
+import {toSimpleDateString} from '#/components/forms/DateField/utils'
+import * as TextField from '#/components/forms/TextField'
+
 export * as utils from '#/components/forms/DateField/utils'
 export const Label = TextField.Label

--- a/src/components/forms/DateField/index.web.tsx
+++ b/src/components/forms/DateField/index.web.tsx
@ -1,11 +1,11 @@
 import React from 'react'
-import {TextInput, TextInputProps, StyleSheet} from 'react-native'
+import {StyleSheet, TextInput, TextInputProps} from 'react-native'
 // @ts-ignore
 import {unstable_createElement} from 'react-native-web'

-import * as TextField from '#/components/forms/TextField'
-import {toSimpleDateString} from '#/components/forms/DateField/utils'
 import {DateFieldProps} from '#/components/forms/DateField/types'
+import {toSimpleDateString} from '#/components/forms/DateField/utils'
+import * as TextField from '#/components/forms/TextField'

 export * as utils from '#/components/forms/DateField/utils'
 export const Label = TextField.Label
--- a/src/components/forms/TextField.tsx
+++ b/src/components/forms/TextField.tsx
@ -1,19 +1,19 @@
+import {HITSLOP_20} from 'lib/constants'
 import React from 'react'
 import {
-  View,
+  AccessibilityProps,
+  StyleSheet,
  TextInput,
  TextInputProps,
  TextStyle,
+  View,
  ViewStyle,
-  StyleSheet,
-  AccessibilityProps,
 } from 'react-native'

-import {HITSLOP_20} from 'lib/constants'
-import {useTheme, atoms as a, web, android} from '#/alf'
-import {Text} from '#/components/Typography'
+import {android, atoms as a, useTheme, web} from '#/alf'
 import {useInteractionState} from '#/components/hooks/useInteractionState'
 import {Props as SVGIconProps} from '#/components/icons/common'
+import {Text} from '#/components/Typography'

 const Context = React.createContext<{
  inputRef: React.RefObject<TextInput> | null
--- a/src/components/forms/Toggle.tsx
+++ b/src/components/forms/Toggle.tsx
@ -1,11 +1,11 @@
+import {HITSLOP_10} from 'lib/constants'
 import React from 'react'
 import {Pressable, View, ViewStyle} from 'react-native'

-import {HITSLOP_10} from 'lib/constants'
-import {useTheme, atoms as a, web, native, flatten, ViewStyleProp} from '#/alf'
-import {Text} from '#/components/Typography'
+import {atoms as a, flatten, native, useTheme, ViewStyleProp, web} from '#/alf'
 import {useInteractionState} from '#/components/hooks/useInteractionState'
 import {CheckThick_Stroke2_Corner0_Rounded as Checkmark} from '#/components/icons/Check'
+import {Text} from '#/components/Typography'

 export type ItemState = {
  name: string
--- a/src/components/forms/ToggleButton.tsx
+++ b/src/components/forms/ToggleButton.tsx
@ -1,10 +1,9 @@
 import React from 'react'
-import {View, AccessibilityProps, TextStyle, ViewStyle} from 'react-native'
-
-import {atoms as a, useTheme, native} from '#/alf'
-import {Text} from '#/components/Typography'
+import {AccessibilityProps, TextStyle, View, ViewStyle} from 'react-native'

+import {atoms as a, native, useTheme} from '#/alf'
 import * as Toggle from '#/components/forms/Toggle'
+import {Text} from '#/components/Typography'

 export type ItemProps = Omit<Toggle.ItemProps, 'style' | 'role' | 'children'> &
  AccessibilityProps &
--- a/src/components/icons/TEMPLATE.tsx
+++ b/src/components/icons/TEMPLATE.tsx
@ -1,7 +1,7 @@
 import React from 'react'
 import Svg, {Path} from 'react-native-svg'

-import {useCommonSVGProps, Props} from '#/components/icons/common'
+import {Props, useCommonSVGProps} from '#/components/icons/common'

 export const IconTemplate_Stroke2_Corner0_Rounded = React.forwardRef(
  function LogoImpl(props: Props, ref) {
--- a/src/components/icons/common.ts
+++ b/src/components/icons/common.ts
@ -1,5 +1,5 @@
 import {StyleSheet, TextProps} from 'react-native'
-import type {SvgProps, PathProps} from 'react-native-svg'
+import type {PathProps, SvgProps} from 'react-native-svg'

 import {tokens} from '#/alf'

--- a/src/lib/ThemeContext.tsx
+++ b/src/lib/ThemeContext.tsx
@ -1,8 +1,10 @@
-import React, {ReactNode, createContext, useContext} from 'react'
+import React, {createContext, ReactNode, useContext} from 'react'
 import {TextStyle, ViewStyle} from 'react-native'
-import {darkTheme, defaultTheme, dimTheme} from './themes'
+
 import {ThemeName} from '#/alf/themes'

+import {darkTheme, defaultTheme, dimTheme} from './themes'
+
 export type ColorScheme = 'light' | 'dark'

 export type PaletteColorName =
--- a/src/lib/tests/moderatePost_wrapped.test.ts
+++ b/src/lib/tests/moderatePost_wrapped.test.ts
@ -1,5 +1,5 @@
-import {describe, it, expect} from '@jest/globals'
 import {RichText} from '@atproto/api'
+import {describe, expect, it} from '@jest/globals'

 import {hasMutedWord} from '../moderatePost_wrapped'

--- a/src/lib/analytics/analytics.tsx
+++ b/src/lib/analytics/analytics.tsx
@ -1,13 +1,14 @@
-import React from 'react'
-import {AppState, AppStateStatus} from 'react-native'
 import AsyncStorage from '@react-native-async-storage/async-storage'
 import {createClient, SegmentClient} from '@segment/analytics-react-native'
 import {sha256} from 'js-sha256'
+import React from 'react'
+import {AppState, AppStateStatus} from 'react-native'
 import {Native} from 'sentry-expo'

-import {useSession, SessionAccount} from '#/state/session'
-import {ScreenPropertiesMap, TrackPropertiesMap} from './types'
 import {logger} from '#/logger'
+import {SessionAccount, useSession} from '#/state/session'
+
+import {ScreenPropertiesMap, TrackPropertiesMap} from './types'

 type AppInfo = {
  build?: string | undefined
--- a/src/lib/analytics/analytics.web.tsx
+++ b/src/lib/analytics/analytics.web.tsx
@ -1,11 +1,12 @@
-import React from 'react'
 import {createClient} from '@segment/analytics-react'
 import {sha256} from 'js-sha256'
+import React from 'react'
 import {Browser} from 'sentry-expo'

-import {ScreenPropertiesMap, TrackPropertiesMap} from './types'
-import {useSession, SessionAccount} from '#/state/session'
 import {logger} from '#/logger'
+import {SessionAccount, useSession} from '#/state/session'
+
+import {ScreenPropertiesMap, TrackPropertiesMap} from './types'

 type SegmentClient = ReturnType<typeof createClient>

--- a/src/lib/api/api-polyfill.ts
+++ b/src/lib/api/api-polyfill.ts
@ -1,4 +1,4 @@
-import {BskyAgent, stringifyLex, jsonToLex} from '@atproto/api'
+import {BskyAgent, jsonToLex, stringifyLex} from '@atproto/api'
 import RNFS from 'react-native-fs'

 const GET_TIMEOUT = 15e3 // 15s
--- a/src/lib/api/feed-manip.ts
+++ b/src/lib/api/feed-manip.ts
@ -1,11 +1,12 @@
 import {
+  AppBskyEmbedRecord,
+  AppBskyEmbedRecordWithMedia,
  AppBskyFeedDefs,
  AppBskyFeedPost,
-  AppBskyEmbedRecordWithMedia,
-  AppBskyEmbedRecord,
 } from '@atproto/api'
-import {ReasonFeedSource} from './feed/types'
+
 import {isPostInLanguage} from '../../locale/helpers'
+import {ReasonFeedSource} from './feed/types'
 type FeedViewPost = AppBskyFeedDefs.FeedViewPost

 export type FeedTunerFn = (
--- a/src/lib/api/feed/author.ts
+++ b/src/lib/api/feed/author.ts
@ -2,9 +2,11 @@ import {
  AppBskyFeedDefs,
  AppBskyFeedGetAuthorFeed as GetAuthorFeed,
 } from '@atproto/api'
-import {FeedAPI, FeedAPIResponse} from './types'
+
 import {getAgent} from '#/state/session'

+import {FeedAPI, FeedAPIResponse} from './types'
+
 export class AuthorFeedAPI implements FeedAPI {
  constructor(public params: GetAuthorFeed.QueryParams) {}

--- a/src/lib/api/feed/custom.ts
+++ b/src/lib/api/feed/custom.ts
@ -2,9 +2,11 @@ import {
  AppBskyFeedDefs,
  AppBskyFeedGetFeed as GetCustomFeed,
 } from '@atproto/api'
-import {FeedAPI, FeedAPIResponse} from './types'
-import {getAgent} from '#/state/session'
+
 import {getContentLanguages} from '#/state/preferences/languages'
+import {getAgent} from '#/state/session'
+
+import {FeedAPI, FeedAPIResponse} from './types'

 export class CustomFeedAPI implements FeedAPI {
  constructor(public params: GetCustomFeed.QueryParams) {}
--- a/src/lib/api/feed/following.ts
+++ b/src/lib/api/feed/following.ts
@ -1,7 +1,9 @@
 import {AppBskyFeedDefs} from '@atproto/api'
-import {FeedAPI, FeedAPIResponse} from './types'
+
 import {getAgent} from '#/state/session'

+import {FeedAPI, FeedAPIResponse} from './types'
+
 export class FollowingFeedAPI implements FeedAPI {
  constructor() {}

--- a/src/lib/api/feed/home.ts
+++ b/src/lib/api/feed/home.ts
@ -1,9 +1,11 @@
 import {AppBskyFeedDefs} from '@atproto/api'
-import {FeedAPI, FeedAPIResponse} from './types'
-import {FollowingFeedAPI} from './following'
-import {CustomFeedAPI} from './custom'
+
 import {PROD_DEFAULT_FEED} from '#/lib/constants'

+import {CustomFeedAPI} from './custom'
+import {FollowingFeedAPI} from './following'
+import {FeedAPI, FeedAPIResponse} from './types'
+
 // HACK
 // the feed API does not include any facilities for passing down
 // non-post elements. adding that is a bit of a heavy lift, and we
--- a/src/lib/api/feed/likes.ts
+++ b/src/lib/api/feed/likes.ts
@ -2,9 +2,11 @@ import {
  AppBskyFeedDefs,
  AppBskyFeedGetActorLikes as GetActorLikes,
 } from '@atproto/api'
-import {FeedAPI, FeedAPIResponse} from './types'
+
 import {getAgent} from '#/state/session'

+import {FeedAPI, FeedAPIResponse} from './types'
+
 export class LikesFeedAPI implements FeedAPI {
  constructor(public params: GetActorLikes.QueryParams) {}

--- a/src/lib/api/feed/list.ts
+++ b/src/lib/api/feed/list.ts
@ -2,9 +2,11 @@ import {
  AppBskyFeedDefs,
  AppBskyFeedGetListFeed as GetListFeed,
 } from '@atproto/api'
-import {FeedAPI, FeedAPIResponse} from './types'
+
 import {getAgent} from '#/state/session'

+import {FeedAPI, FeedAPIResponse} from './types'
+
 export class ListFeedAPI implements FeedAPI {
  constructor(public params: GetListFeed.QueryParams) {}

--- a/src/lib/api/feed/merge.ts
+++ b/src/lib/api/feed/merge.ts
@ -1,14 +1,16 @@
 import {AppBskyFeedDefs, AppBskyFeedGetTimeline} from '@atproto/api'
-import shuffle from 'lodash.shuffle'
-import {timeout} from 'lib/async/timeout'
 import {bundleAsync} from 'lib/async/bundle'
+import {timeout} from 'lib/async/timeout'
 import {feedUriToHref} from 'lib/strings/url-helpers'
-import {FeedTuner} from '../feed-manip'
-import {FeedAPI, FeedAPIResponse, ReasonFeedSource} from './types'
-import {FeedParams} from '#/state/queries/post-feed'
-import {FeedTunerFn} from '../feed-manip'
-import {getAgent} from '#/state/session'
+import shuffle from 'lodash.shuffle'
+
 import {getContentLanguages} from '#/state/preferences/languages'
+import {FeedParams} from '#/state/queries/post-feed'
+import {getAgent} from '#/state/session'
+
+import {FeedTuner} from '../feed-manip'
+import {FeedTunerFn} from '../feed-manip'
+import {FeedAPI, FeedAPIResponse, ReasonFeedSource} from './types'

 const REQUEST_WAIT_MS = 500 // 500ms
 const POST_AGE_CUTOFF = 60e3 * 60 * 24 // 24hours
--- a/src/lib/api/index.ts
+++ b/src/lib/api/index.ts
@ -1,6 +1,6 @@
 import {
-  AppBskyEmbedImages,
  AppBskyEmbedExternal,
+  AppBskyEmbedImages,
  AppBskyEmbedRecord,
  AppBskyEmbedRecordWithMedia,
  AppBskyFeedThreadgate,
@ -12,13 +12,15 @@ import {
 } from '@atproto/api'
 import {AtUri} from '@atproto/api'
 import {isNetworkError} from 'lib/strings/errors'
-import {LinkMeta} from '../link-meta/link-meta'
+import {shortenLinks} from 'lib/strings/rich-text-manip'
 import {isWeb} from 'platform/detection'
 import {ImageModel} from 'state/models/media/image'
-import {shortenLinks} from 'lib/strings/rich-text-manip'
+
 import {logger} from '#/logger'
 import {ThreadgateSetting} from '#/state/queries/threadgate'

+import {LinkMeta} from '../link-meta/link-meta'
+
 export interface ExternalEmbedDraft {
  uri: string
  isLoading: boolean
--- a/src/lib/app-info.ts
+++ b/src/lib/app-info.ts
@ -1,5 +1,5 @@
-import VersionNumber from 'react-native-version-number'
 import * as Updates from 'expo-updates'
+import VersionNumber from 'react-native-version-number'
 export const updateChannel = Updates.channel

 export const appVersion = `${VersionNumber.appVersion} (${VersionNumber.buildVersion})`
--- a/src/lib/embeds.ts
+++ b/src/lib/embeds.ts
@ -1,7 +1,7 @@
 import {
-  AppBskyFeedDefs,
  AppBskyEmbedRecord,
  AppBskyEmbedRecordWithMedia,
+  AppBskyFeedDefs,
 } from '@atproto/api'

 export function isEmbedByEmbedder(
--- a/src/lib/hooks/useAccountSwitcher.ts
+++ b/src/lib/hooks/useAccountSwitcher.ts
@ -1,11 +1,11 @@
 import {useCallback} from 'react'

-import {isWeb} from '#/platform/detection'
 import {useAnalytics} from '#/lib/analytics/analytics'
-import {useSessionApi, SessionAccount} from '#/state/session'
-import * as Toast from '#/view/com/util/Toast'
-import {useCloseAllActiveElements} from '#/state/util'
+import {isWeb} from '#/platform/detection'
+import {SessionAccount, useSessionApi} from '#/state/session'
 import {useLoggedOutViewControls} from '#/state/shell/logged-out'
+import {useCloseAllActiveElements} from '#/state/util'
+import * as Toast from '#/view/com/util/Toast'

 export function useAccountSwitcher() {
  const {track} = useAnalytics()
--- a/src/lib/hooks/useAnimatedScrollHandler_FIXED.web.ts
+++ b/src/lib/hooks/useAnimatedScrollHandler_FIXED.web.ts
@ -1,4 +1,4 @@
-import {useRef, useEffect} from 'react'
+import {useEffect, useRef} from 'react'
 import {useAnimatedScrollHandler as useAnimatedScrollHandler_BUGGY} from 'react-native-reanimated'

 export const useAnimatedScrollHandler: typeof useAnimatedScrollHandler_BUGGY = (
--- a/src/lib/hooks/useCustomPalette.ts
+++ b/src/lib/hooks/useCustomPalette.ts
@ -1,6 +1,6 @@
-import React from 'react'
-import {useTheme} from 'lib/ThemeContext'
 import {choose} from 'lib/functions'
+import {useTheme} from 'lib/ThemeContext'
+import React from 'react'

 export function useCustomPalette<T>({light, dark}: {light: T; dark: T}) {
  const theme = useTheme()
--- a/src/lib/hooks/useDraggableScrollView.ts
+++ b/src/lib/hooks/useDraggableScrollView.ts
@ -1,7 +1,7 @@
-import {useEffect, useRef, useMemo, ForwardedRef} from 'react'
-import {Platform, findNodeHandle} from 'react-native'
-import type {ScrollView} from 'react-native'
 import {mergeRefs} from 'lib/merge-refs'
+import {ForwardedRef, useEffect, useMemo, useRef} from 'react'
+import type {ScrollView} from 'react-native'
+import {findNodeHandle, Platform} from 'react-native'

 type Props<Scrollable extends ScrollView = ScrollView> = {
  cursor?: string
--- a/src/lib/hooks/useIntentHandler.ts
+++ b/src/lib/hooks/useIntentHandler.ts
@ -1,8 +1,8 @@
-import React from 'react'
 import * as Linking from 'expo-linking'
 import {isNative} from 'platform/detection'
-import {useComposerControls} from 'state/shell'
+import React from 'react'
 import {useSession} from 'state/session'
+import {useComposerControls} from 'state/shell'
 import {useCloseAllActiveElements} from 'state/util'

 type IntentType = 'compose'
--- a/src/lib/hooks/useIsKeyboardVisible.ts
+++ b/src/lib/hooks/useIsKeyboardVisible.ts
@ -1,6 +1,6 @@
-import {useState, useEffect} from 'react'
-import {Keyboard} from 'react-native'
 import {isIOS} from 'platform/detection'
+import {useEffect, useState} from 'react'
+import {Keyboard} from 'react-native'

 export function useIsKeyboardVisible({
  iosUseWillEvents,
--- a/src/lib/hooks/useMinimalShellMode.tsx
+++ b/src/lib/hooks/useMinimalShellMode.tsx
@ -1,4 +1,5 @@
 import {interpolate, useAnimatedStyle} from 'react-native-reanimated'
+
 import {useMinimalShellMode as useMinimalShellModeState} from '#/state/shell/minimal-mode'
 import {useShellLayout} from '#/state/shell/shell-layout'

--- a/src/lib/hooks/useNavigationDeduped.ts
+++ b/src/lib/hooks/useNavigationDeduped.ts
@ -1,9 +1,9 @@
-import React from 'react'
 import {useNavigation} from '@react-navigation/core'
-import {AllNavigatorParams, NavigationProp} from 'lib/routes/types'
-import type {NavigationAction} from '@react-navigation/routers'
 import {NavigationState} from '@react-navigation/native'
+import type {NavigationAction} from '@react-navigation/routers'
 import {useDedupe} from 'lib/hooks/useDedupe'
+import {AllNavigatorParams, NavigationProp} from 'lib/routes/types'
+import React from 'react'

 export type DebouncedNavigationProp = Pick<
  NavigationProp,
--- a/src/lib/hooks/useOTAUpdate.ts
+++ b/src/lib/hooks/useOTAUpdate.ts
@ -1,9 +1,10 @@
+import {t} from '@lingui/macro'
 import * as Updates from 'expo-updates'
 import {useCallback, useEffect} from 'react'
 import {AppState} from 'react-native'
+
 import {logger} from '#/logger'
 import {useModalControls} from '#/state/modals'
-import {t} from '@lingui/macro'

 export function useOTAUpdate() {
  const {openModal} = useModalControls()
--- a/src/lib/hooks/usePalette.ts
+++ b/src/lib/hooks/usePalette.ts
@ -1,6 +1,7 @@
 import {useMemo} from 'react'
 import {TextStyle, ViewStyle} from 'react-native'
-import {useTheme, PaletteColorName, PaletteColor} from '../ThemeContext'
+
+import {PaletteColor, PaletteColorName, useTheme} from '../ThemeContext'

 export interface UsePaletteValue {
  colors: PaletteColor
--- a/src/lib/hooks/usePermissions.ts
+++ b/src/lib/hooks/usePermissions.ts
@ -1,7 +1,7 @@
 import {Camera} from 'expo-camera'
 import * as MediaLibrary from 'expo-media-library'
-import {Linking} from 'react-native'
 import {isWeb} from 'platform/detection'
+import {Linking} from 'react-native'
 import {Alert} from 'view/com/util/Alert'

 const openPermissionAlert = (perm: string) => {
--- a/src/lib/hooks/useSetTitle.ts
+++ b/src/lib/hooks/useSetTitle.ts
@ -1,8 +1,8 @@
-import {useEffect} from 'react'
 import {useNavigation} from '@react-navigation/native'
-
 import {NavigationProp} from 'lib/routes/types'
 import {bskyTitle} from 'lib/strings/headings'
+import {useEffect} from 'react'
+
 import {useUnreadNotifications} from '#/state/queries/notifications/unread'

 export function useSetTitle(title?: string) {
--- a/src/lib/hooks/useTabFocusEffect.ts
+++ b/src/lib/hooks/useTabFocusEffect.ts
@ -1,6 +1,6 @@
-import {useEffect, useState} from 'react'
 import {useNavigation} from '@react-navigation/native'
 import {getTabState, TabState} from 'lib/routes/helpers'
+import {useEffect, useState} from 'react'

 export function useTabFocusEffect(
  tabName: string,
--- a/src/lib/hooks/useToggleMutationQueue.ts
+++ b/src/lib/hooks/useToggleMutationQueue.ts
@ -1,4 +1,4 @@
-import {useState, useRef, useEffect, useCallback} from 'react'
+import {useCallback, useEffect, useRef, useState} from 'react'

 type Task<TServerState> = {
  isOn: boolean
--- a/src/lib/hooks/useWebBodyScrollLock.ts
+++ b/src/lib/hooks/useWebBodyScrollLock.ts
@ -1,4 +1,5 @@
 import {useEffect} from 'react'
+
 import {isWeb} from '#/platform/detection'

 let refCount = 0
--- a/src/lib/hooks/useWebMediaQueries.tsx
+++ b/src/lib/hooks/useWebMediaQueries.tsx
@ -1,5 +1,5 @@
-import {useMediaQuery} from 'react-responsive'
 import {isNative} from 'platform/detection'
+import {useMediaQuery} from 'react-responsive'

 export function useWebMediaQueries() {
  const isDesktop = useMediaQuery({minWidth: 1300})
--- a/src/lib/hooks/useWebScrollRestoration.ts
+++ b/src/lib/hooks/useWebScrollRestoration.ts
@ -1,5 +1,5 @@
-import {useMemo, useState, useEffect} from 'react'
 import {EventArg, useNavigation} from '@react-navigation/core'
+import {useEffect, useMemo, useState} from 'react'

 if ('scrollRestoration' in history) {
  // Tell the brower not to mess with the scroll.
--- a/src/lib/icons.tsx
+++ b/src/lib/icons.tsx
@ -1,6 +1,6 @@
 import React from 'react'
 import {StyleProp, TextStyle, ViewStyle} from 'react-native'
-import Svg, {Path, Rect, Line, Ellipse} from 'react-native-svg'
+import Svg, {Ellipse, Line, Path, Rect} from 'react-native-svg'

 export function GridIcon({
  style,
--- a/src/lib/link-meta/bsky.ts
+++ b/src/lib/link-meta/bsky.ts
@ -1,11 +1,13 @@
 import {AppBskyFeedPost, BskyAgent} from '@atproto/api'
 import * as apilib from 'lib/api/index'
-import {LikelyType, LinkMeta} from './link-meta'
+import {ComposerOptsQuote} from 'state/shell/composer'
+
+import {useFetchDid} from '#/state/queries/handle'
+import {useGetPost} from '#/state/queries/post'
+
 // import {match as matchRoute} from 'view/routes'
 import {convertBskyAppUrlIfNeeded, makeRecordUri} from '../strings/url-helpers'
-import {ComposerOptsQuote} from 'state/shell/composer'
-import {useGetPost} from '#/state/queries/post'
-import {useFetchDid} from '#/state/queries/handle'
+import {LikelyType, LinkMeta} from './link-meta'

 // TODO
 // import {Home} from 'view/screens/Home'
--- a/src/lib/link-meta/link-meta.ts
+++ b/src/lib/link-meta/link-meta.ts
@ -1,9 +1,10 @@
 import {BskyAgent} from '@atproto/api'
-import {isBskyAppUrl} from '../strings/url-helpers'
-import {extractBskyMeta} from './bsky'
 import {LINK_META_PROXY} from 'lib/constants'
 import {getGiphyMetaUri} from 'lib/strings/embed-player'

+import {isBskyAppUrl} from '../strings/url-helpers'
+import {extractBskyMeta} from './bsky'
+
 export enum LikelyType {
  HTML,
  Text,
--- a/src/lib/media/image-sizes.ts
+++ b/src/lib/media/image-sizes.ts
@ -1,5 +1,5 @@
-import {Image} from 'react-native'
 import type {Dimensions} from 'lib/media/types'
+import {Image} from 'react-native'

 const sizes: Map<string, Dimensions> = new Map()
 const activeRequests: Map<string, Promise<Dimensions>> = new Map()
--- a/src/lib/media/manip.ts
+++ b/src/lib/media/manip.ts
@ -1,13 +1,14 @@
-import RNFetchBlob from 'rn-fetch-blob'
 import ImageResizer from '@bam.tech/react-native-image-resizer'
-import {Image as RNImage, Share as RNShare} from 'react-native'
-import {Image} from 'react-native-image-crop-picker'
-import * as RNFS from 'react-native-fs'
-import uuid from 'react-native-uuid'
-import * as Sharing from 'expo-sharing'
 import * as MediaLibrary from 'expo-media-library'
-import {Dimensions} from './types'
+import * as Sharing from 'expo-sharing'
 import {isAndroid, isIOS} from 'platform/detection'
+import {Image as RNImage, Share as RNShare} from 'react-native'
+import * as RNFS from 'react-native-fs'
+import {Image} from 'react-native-image-crop-picker'
+import uuid from 'react-native-uuid'
+import RNFetchBlob from 'rn-fetch-blob'
+
+import {Dimensions} from './types'

 export async function compressIfNeeded(
  img: Image,
--- a/src/lib/media/manip.web.ts
+++ b/src/lib/media/manip.web.ts
@ -1,6 +1,7 @@
-import {Dimensions} from './types'
 import {Image as RNImage} from 'react-native-image-crop-picker'
-import {getDataUriSize, blobToDataUri} from './util'
+
+import {Dimensions} from './types'
+import {blobToDataUri, getDataUriSize} from './util'

 export async function compressIfNeeded(
  img: RNImage,
--- a/src/lib/media/picker.e2e.tsx
+++ b/src/lib/media/picker.e2e.tsx
@ -1,7 +1,8 @@
-import {Image as RNImage} from 'react-native-image-crop-picker'
 import RNFS from 'react-native-fs'
-import {CropperOptions} from './types'
+import {Image as RNImage} from 'react-native-image-crop-picker'
+
 import {compressIfNeeded} from './manip'
+import {CropperOptions} from './types'

 let _imageCounter = 0
 async function getFile() {
--- a/src/lib/media/picker.shared.ts
+++ b/src/lib/media/picker.shared.ts
@ -3,9 +3,10 @@ import {
  launchImageLibraryAsync,
  MediaTypeOptions,
 } from 'expo-image-picker'
-import {getDataUriSize} from './util'
 import * as Toast from 'view/com/util/Toast'

+import {getDataUriSize} from './util'
+
 export async function openPicker(opts?: ImagePickerOptions) {
  const response = await launchImageLibraryAsync({
    exif: false,
--- a/src/lib/media/picker.tsx
+++ b/src/lib/media/picker.tsx
@ -1,8 +1,9 @@
 import {
+  Image as RNImage,
  openCamera as openCameraFn,
  openCropper as openCropperFn,
-  Image as RNImage,
 } from 'react-native-image-crop-picker'
+
 import {CameraOpts, CropperOptions} from './types'
 export {openPicker} from './picker.shared'

--- a/src/lib/media/picker.web.tsx
+++ b/src/lib/media/picker.web.tsx
@ -1,7 +1,8 @@
 /// <reference lib="dom" />

-import {CameraOpts, CropperOptions} from './types'
 import {Image as RNImage} from 'react-native-image-crop-picker'
+
+import {CameraOpts, CropperOptions} from './types'
 export {openPicker} from './picker.shared'
 import {unstable__openModal} from '#/state/modals'

--- a/src/lib/moderatePost_wrapped.ts
+++ b/src/lib/moderatePost_wrapped.ts
@ -1,12 +1,12 @@
 import {
+  AppBskyActorDefs,
+  AppBskyEmbedExternal,
+  AppBskyEmbedImages,
  AppBskyEmbedRecord,
  AppBskyEmbedRecordWithMedia,
-  moderatePost,
-  AppBskyActorDefs,
  AppBskyFeedPost,
  AppBskyRichtextFacet,
-  AppBskyEmbedImages,
-  AppBskyEmbedExternal,
+  moderatePost,
 } from '@atproto/api'

 type ModeratePost = typeof moderatePost
--- a/src/lib/moderation.ts
+++ b/src/lib/moderation.ts
@ -1,4 +1,4 @@
-import {ModerationCause, ProfileModeration, PostModeration} from '@atproto/api'
+import {ModerationCause, PostModeration, ProfileModeration} from '@atproto/api'

 export interface ModerationCauseDescription {
  name: string
--- a/src/lib/notifications/notifications.ts
+++ b/src/lib/notifications/notifications.ts
@ -1,12 +1,14 @@
-import * as Notifications from 'expo-notifications'
 import {QueryClient} from '@tanstack/react-query'
-import {resetToTab} from '../../Navigation'
-import {devicePlatform, isIOS} from 'platform/detection'
+import * as Notifications from 'expo-notifications'
 import {track} from 'lib/analytics/analytics'
+import {devicePlatform, isIOS} from 'platform/detection'
+
 import {logger} from '#/logger'
 import {RQKEY as RQKEY_NOTIFS} from '#/state/queries/notifications/feed'
 import {truncateAndInvalidate} from '#/state/queries/util'
-import {SessionAccount, getAgent} from '#/state/session'
+import {getAgent, SessionAccount} from '#/state/session'
+
+import {resetToTab} from '../../Navigation'

 const SERVICE_DID = (serviceUrl?: string) =>
  serviceUrl?.includes('staging')
--- a/src/lib/react-query.ts
+++ b/src/lib/react-query.ts
@ -1,5 +1,6 @@
+import {focusManager, QueryClient} from '@tanstack/react-query'
 import {AppState, AppStateStatus} from 'react-native'
-import {QueryClient, focusManager} from '@tanstack/react-query'
+
 import {isNative} from '#/platform/detection'

 focusManager.setEventListener(onFocus => {
--- a/src/lib/routes/helpers.ts
+++ b/src/lib/routes/helpers.ts
@ -1,5 +1,6 @@
 import {NavigationProp} from '@react-navigation/native'
-import {State, RouteParams} from './types'
+
+import {RouteParams, State} from './types'

 export function getRootNavigation<T extends {}>(
  nav: NavigationProp<T>,
--- a/src/lib/routes/router.ts
+++ b/src/lib/routes/router.ts
@ -1,4 +1,4 @@
-import {RouteParams, Route} from './types'
+import {Route, RouteParams} from './types'

 export class Router {
  routes: [string, Route][] = []
--- a/src/lib/sentry.ts
+++ b/src/lib/sentry.ts
@ -3,9 +3,9 @@
 * avoid future conflicts and/or circular deps
 */

+import * as info from 'expo-updates'
 import {Platform} from 'react-native'
 import app from 'react-native-version-number'
-import * as info from 'expo-updates'
 import {init} from 'sentry-expo'

 /**
--- a/src/lib/sharing.ts
+++ b/src/lib/sharing.ts
@ -1,9 +1,10 @@
-import {isIOS, isAndroid} from 'platform/detection'
 // import * as Sharing from 'expo-sharing'
 import Clipboard from '@react-native-clipboard/clipboard'
-import * as Toast from '../view/com/util/Toast'
+import {isAndroid, isIOS} from 'platform/detection'
 import {Share} from 'react-native'

+import * as Toast from '../view/com/util/Toast'
+
 /**
 * This function shares a URL using the native Share API if available, or copies it to the clipboard
 * and displays a toast message if not (mostly on web)
--- a/src/lib/statsig/statsig.tsx
+++ b/src/lib/statsig/statsig.tsx
@ -1,11 +1,12 @@
+import {sha256} from 'js-sha256'
 import React from 'react'
 import {
  Statsig,
  StatsigProvider,
  useGate as useStatsigGate,
 } from 'statsig-react-native-expo'
+
 import {useSession} from '../../state/session'
-import {sha256} from 'js-sha256'

 const statsigOptions = {
  environment: {
--- a/src/lib/statsig/statsig.web.tsx
+++ b/src/lib/statsig/statsig.web.tsx
@ -1,11 +1,12 @@
+import {sha256} from 'js-sha256'
 import React from 'react'
 import {
  Statsig,
  StatsigProvider,
  useGate as useStatsigGate,
 } from 'statsig-react'
+
 import {useSession} from '../../state/session'
-import {sha256} from 'js-sha256'

 const statsigOptions = {
  environment: {
--- a/src/lib/strings/display-names.ts
+++ b/src/lib/strings/display-names.ts
@ -1,4 +1,5 @@
 import {ModerationUI} from '@atproto/api'
+
 import {describeModerationCause} from '../moderation'

 // \u2705 = ✅
--- a/src/lib/strings/embed-player.ts
+++ b/src/lib/strings/embed-player.ts
@ -1,5 +1,5 @@
-import {Dimensions} from 'react-native'
 import {isWeb} from 'platform/detection'
+import {Dimensions} from 'react-native'
 const {height: SCREEN_HEIGHT} = Dimensions.get('window')

 export const embedPlayerSources = [
--- a/src/lib/strings/rich-text-helpers.ts
+++ b/src/lib/strings/rich-text-helpers.ts
@ -1,4 +1,5 @@
 import {AppBskyRichtextFacet, RichText} from '@atproto/api'
+
 import {linkRequiresWarning} from './url-helpers'

 export function richTextToString(rt: RichText, loose: boolean): string {
--- a/src/lib/strings/rich-text-manip.ts
+++ b/src/lib/strings/rich-text-manip.ts
@ -1,4 +1,5 @@
 import {RichText, UnicodeString} from '@atproto/api'
+
 import {toShortUrl} from './url-helpers'

 export function shortenLinks(rt: RichText): RichText {
--- a/src/lib/strings/url-helpers.ts
+++ b/src/lib/strings/url-helpers.ts
@ -1,7 +1,7 @@
 import {AtUri} from '@atproto/api'
 import {BSKY_SERVICE} from 'lib/constants'
-import TLDs from 'tlds'
 import psl from 'psl'
+import TLDs from 'tlds'

 export const BSKY_APP_HOST = 'https://bsky.app'

--- a/src/lib/styles.ts
+++ b/src/lib/styles.ts
@ -1,6 +1,7 @@
-import {Dimensions, StyleProp, StyleSheet, TextStyle} from 'react-native'
-import {Theme, TypographyVariant} from './ThemeContext'
 import {isWeb} from 'platform/detection'
+import {Dimensions, StyleProp, StyleSheet, TextStyle} from 'react-native'
+
+import {Theme, TypographyVariant} from './ThemeContext'

 // 1 is lightest, 2 is light, 3 is mid, 4 is dark, 5 is darkest
 export const colors = {
--- a/src/lib/themes.ts
+++ b/src/lib/themes.ts
@ -1,8 +1,9 @@
 import {Platform} from 'react-native'
-import type {Theme} from './ThemeContext'
-import {colors} from './styles'

-import {darkPalette, lightPalette, dimPalette} from '#/alf/themes'
+import {darkPalette, dimPalette, lightPalette} from '#/alf/themes'
+
+import {colors} from './styles'
+import type {Theme} from './ThemeContext'

 export const defaultTheme: Theme = {
  colorScheme: 'light',
--- a/src/locale/tests/helpers.test.ts
+++ b/src/locale/tests/helpers.test.ts
@ -1,4 +1,4 @@
-import {test, expect} from '@jest/globals'
+import {expect, test} from '@jest/globals'

 import {sanitizeAppLanguageSetting} from '#/locale/helpers'
 import {AppLanguage} from '#/locale/languages'
--- a/src/locale/helpers.ts
+++ b/src/locale/helpers.ts
@ -1,7 +1,8 @@
 import {AppBskyFeedDefs, AppBskyFeedPost} from '@atproto/api'
+import * as bcp47Match from 'bcp-47-match'
 import lande from 'lande'
 import {hasProp} from 'lib/type-guards'
-import * as bcp47Match from 'bcp-47-match'
+
 import {
  AppLanguage,
  LANGUAGES_MAP_CODE2,
--- a/src/locale/i18n.ts
+++ b/src/locale/i18n.ts
@ -1,23 +1,22 @@
-import {useEffect} from 'react'
 import {i18n} from '@lingui/core'
+import {useEffect} from 'react'

-import {useLanguagePrefs} from '#/state/preferences'
-import {messages as messagesEn} from '#/locale/locales/en/messages'
+import {sanitizeAppLanguageSetting} from '#/locale/helpers'
+import {AppLanguage} from '#/locale/languages'
+import {messages as messagesCa} from '#/locale/locales/ca/messages'
 import {messages as messagesDe} from '#/locale/locales/de/messages'
-import {messages as messagesId} from '#/locale/locales/id/messages'
+import {messages as messagesEn} from '#/locale/locales/en/messages'
 import {messages as messagesEs} from '#/locale/locales/es/messages'
 import {messages as messagesFr} from '#/locale/locales/fr/messages'
 import {messages as messagesHi} from '#/locale/locales/hi/messages'
+import {messages as messagesId} from '#/locale/locales/id/messages'
+import {messages as messagesIt} from '#/locale/locales/it/messages'
 import {messages as messagesJa} from '#/locale/locales/ja/messages'
 import {messages as messagesKo} from '#/locale/locales/ko/messages'
 import {messages as messagesPt_BR} from '#/locale/locales/pt-BR/messages'
 import {messages as messagesUk} from '#/locale/locales/uk/messages'
-import {messages as messagesCa} from '#/locale/locales/ca/messages'
 import {messages as messagesZh_CN} from '#/locale/locales/zh-CN/messages'
-import {messages as messagesIt} from '#/locale/locales/it/messages'
-
-import {sanitizeAppLanguageSetting} from '#/locale/helpers'
-import {AppLanguage} from '#/locale/languages'
+import {useLanguagePrefs} from '#/state/preferences'

 /**
 * We do a dynamic import of just the catalog that we need
--- a/Show More
+++ b/Show More