Remove most of the require cycles

src/components/Emojis.tsx

@@ -4,7 +4,6 @@ import { useAccessibility } from '@utils/accessibility/AccessibilityManager'
 import { useEmojisQuery } from '@utils/queryHooks/emojis'
 import { chunk, forEach, groupBy, sortBy } from 'lodash'
 import React, {
-  createContext,
   Dispatch,
   MutableRefObject,
   SetStateAction,
@@ -13,27 +12,10 @@ import React, {
   useReducer
 } from 'react'
 import FastImage from 'react-native-fast-image'
-
-type EmojisState = {
-  enabled: boolean
-  active: boolean
-  emojis: { title: string; data: Mastodon.Emoji[][] }[]
-  shortcode: Mastodon.Emoji['shortcode'] | null
-}
-
-type EmojisAction =
-  | {
-      type: 'load'
-      payload: NonNullable<EmojisState['emojis']>
-    }
-  | {
-      type: 'activate'
-      payload: EmojisState['active']
-    }
-  | {
-      type: 'shortcode'
-      payload: EmojisState['shortcode']
-    }
+import EmojisContext, {
+  EmojisAction,
+  EmojisState
+} from './Emojis/helpers/EmojisContext'
 
 const emojisReducer = (state: EmojisState, action: EmojisAction) => {
   switch (action.type) {
@@ -46,12 +28,6 @@ const emojisReducer = (state: EmojisState, action: EmojisAction) => {
   }
 }
 
-type ContextType = {
-  emojisState: EmojisState
-  emojisDispatch: Dispatch<EmojisAction>
-}
-const EmojisContext = createContext<ContextType>({} as ContextType)
-
 const prefetchEmojis = (
   sortedEmojis: { title: string; data: Mastodon.Emoji[][] }[],
   reduceMotionEnabled: boolean
@@ -163,4 +139,4 @@ const ComponentEmojis: React.FC<Props> = ({
   )
 }
 
-export { ComponentEmojis, EmojisContext, EmojisButton, EmojisList }
+export { ComponentEmojis, EmojisButton, EmojisList }

src/components/Emojis/Button.tsx

@@ -1,9 +1,9 @@
-import { EmojisContext } from '@components/Emojis'
 import Icon from '@components/Icon'
 import { StyleConstants } from '@utils/styles/constants'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React, { useContext } from 'react'
 import { Pressable, StyleSheet } from 'react-native'
+import EmojisContext from './helpers/EmojisContext'
 
 const EmojisButton = React.memo(
   () => {

src/components/Emojis/List.tsx

@@ -1,4 +1,3 @@
-import { EmojisContext } from '@components/Emojis'
 import { useAccessibility } from '@utils/accessibility/AccessibilityManager'
 import { StyleConstants } from '@utils/styles/constants'
 import layoutAnimation from '@utils/styles/layoutAnimation'
@@ -16,6 +15,7 @@ import {
 } from 'react-native'
 import FastImage from 'react-native-fast-image'
 import validUrl from 'valid-url'
+import EmojisContext from './helpers/EmojisContext'
 
 const EmojisList = React.memo(
   () => {

src/components/Emojis/helpers/EmojisContext.tsx

@@ -0,0 +1,30 @@
+import { createContext, Dispatch } from 'react'
+
+export type EmojisState = {
+  enabled: boolean
+  active: boolean
+  emojis: { title: string; data: Mastodon.Emoji[][] }[]
+  shortcode: Mastodon.Emoji['shortcode'] | null
+}
+
+export type EmojisAction =
+  | {
+      type: 'load'
+      payload: NonNullable<EmojisState['emojis']>
+    }
+  | {
+      type: 'activate'
+      payload: EmojisState['active']
+    }
+  | {
+      type: 'shortcode'
+      payload: EmojisState['shortcode']
+    }
+
+type ContextType = {
+  emojisState: EmojisState
+  emojisDispatch: Dispatch<EmojisAction>
+}
+const EmojisContext = createContext<ContextType>({} as ContextType)
+
+export default EmojisContext

src/components/Input.tsx

@@ -18,12 +18,8 @@ import {
   View
 } from 'react-native'
 import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated'
-import {
-  ComponentEmojis,
-  EmojisButton,
-  EmojisContext,
-  EmojisList
-} from './Emojis'
+import { ComponentEmojis, EmojisButton, EmojisList } from './Emojis'
+import EmojisContext from './Emojis/helpers/EmojisContext'
 
 export interface Props {
   autoFocus?: boolean

src/components/openLink.ts

@@ -1,6 +1,6 @@
 import apiInstance from '@api/instance'
+import navigationRef from '@helpers/navigationRef'
 import { NavigationProp, ParamListBase } from '@react-navigation/native'
-import { navigationRef } from '@root/Screens'
 import { store } from '@root/store'
 import { SearchResult } from '@utils/queryHooks/search'
 import { getInstanceUrl } from '@utils/slices/instancesSlice'