fix(boilerplate): migrate imports path to @/i18n (#2894 by @flexbox)

README.md

@@ -81,7 +81,7 @@ Nothing makes it into Ignite unless it's been proven on projects that Infinite R
 | apisauce                         | REST client          | v2      | Communicate with back-end                      |
 | Reactotron RN                    | Inspector/Debugger   | v3      | JS debugging                                   |
 | Hermes                           | JS engine            |         | Fine-tuned JS engine for RN                    |
-| Jest                             | Test Runner          | v26     | Standard test runner for JS apps               |
+| Jest                             | Test Runner          | v29     | Standard test runner for JS apps               |
 | Maestro                          | Testing Framework    |         | Automate end-to-end UI testing                 |
 | date-fns                         | Date library         | v4      | Excellent date library                         |
 | react-native-keyboard-controller | Keyboard library     | v1      | Great keyboard manager library                 |

boilerplate/app/components/EmptyState.tsx

@@ -1,9 +1,10 @@
 import { Image, ImageProps, ImageStyle, StyleProp, TextStyle, View, ViewStyle } from "react-native"
-import { translate } from "../i18n"
+
 import { Button, ButtonProps } from "./Button"
 import { Text, TextProps } from "./Text"
 import { useAppTheme } from "@/utils/useAppTheme"
 import type { ThemedStyle } from "@/theme"
+import { translate } from "@/i18n/translate"
 
 const sadFace = require("../../assets/images/sad-face.png")
 

boilerplate/app/components/Header.tsx

@@ -7,7 +7,7 @@ import {
   View,
   ViewStyle,
 } from "react-native"
-import { isRTL, translate } from "../i18n"
+import { isRTL, translate } from "@/i18n"
 import { $styles } from "../theme"
 import { ExtendedEdge, useSafeAreaInsetsStyle } from "../utils/useSafeAreaInsetsStyle"
 import { Icon, IconTypes } from "./Icon"

boilerplate/app/components/Text.tsx

@@ -1,6 +1,6 @@
 import { TOptions } from "i18next"
 import { StyleProp, Text as RNText, TextProps as RNTextProps, TextStyle } from "react-native"
-import { isRTL, translate, TxKeyPath } from "../i18n"
+import { isRTL, translate, TxKeyPath } from "@/i18n"
 import type { ThemedStyle, ThemedStyleArray } from "@/theme"
 import { useAppTheme } from "@/utils/useAppTheme"
 import { typography } from "@/theme/typography"

boilerplate/app/components/TextField.tsx

@@ -9,7 +9,7 @@ import {
   View,
   ViewStyle,
 } from "react-native"
-import { isRTL, translate } from "../i18n"
+import { isRTL, translate } from "@/i18n"
 import type { ThemedStyle, ThemedStyleArray } from "@/theme"
 import { $styles } from "../theme"
 import { Text, TextProps } from "./Text"

boilerplate/app/models/Episode.ts

@@ -1,7 +1,7 @@
 import { Instance, SnapshotIn, SnapshotOut, types } from "mobx-state-tree"
 import { withSetPropAction } from "./helpers/withSetPropAction"
 import { formatDate } from "../utils/formatDate"
-import { translate } from "../i18n"
+import { translate } from "@/i18n"
 
 interface Enclosure {
   link: string

boilerplate/app/navigators/DemoNavigator.tsx

@@ -3,7 +3,7 @@ import { CompositeScreenProps } from "@react-navigation/native"
 import { TextStyle, ViewStyle } from "react-native"
 import { useSafeAreaInsets } from "react-native-safe-area-context"
 import { Icon } from "../components"
-import { translate } from "../i18n"
+import { translate } from "@/i18n"
 import { DemoCommunityScreen, DemoShowroomScreen, DemoDebugScreen } from "../screens"
 import { DemoPodcastListScreen } from "../screens/DemoPodcastListScreen"
 import type { ThemedStyle } from "@/theme"

boilerplate/app/screens/DemoCommunityScreen.tsx

@@ -4,7 +4,7 @@ import { ListItem, Screen, Text } from "../components"
 import { DemoTabScreenProps } from "../navigators/DemoNavigator"
 import { $styles } from "../theme"
 import { openLinkInBrowser } from "../utils/openLinkInBrowser"
-import { isRTL } from "../i18n"
+import { isRTL } from "@/i18n"
 import type { ThemedStyle } from "@/theme"
 import { useAppTheme } from "@/utils/useAppTheme"
 

boilerplate/app/screens/DemoDebugScreen.tsx

@@ -13,7 +13,7 @@ import { Button, ListItem, Screen, Text } from "../components"
 import { DemoTabScreenProps } from "../navigators/DemoNavigator"
 import type { ThemedStyle } from "@/theme"
 import { $styles } from "../theme"
-import { isRTL } from "../i18n"
+import { isRTL } from "@/i18n"
 import { useStores } from "../models"
 import { useAppTheme } from "@/utils/useAppTheme"
 

boilerplate/app/screens/DemoPodcastListScreen.tsx

@@ -31,7 +31,7 @@ import {
   Switch,
   Text,
 } from "@/components"
-import { isRTL, translate } from "../i18n"
+import { isRTL, translate } from "@/i18n"
 import { useStores } from "../models"
 import { Episode } from "../models/Episode"
 import { DemoTabScreenProps } from "../navigators/DemoNavigator"

boilerplate/app/screens/DemoShowroomScreen/DemoShowroomScreen.tsx

@@ -4,7 +4,7 @@ import { Image, ImageStyle, Platform, SectionList, TextStyle, View, ViewStyle }
 import { Drawer } from "react-native-drawer-layout"
 import { type ContentStyle } from "@shopify/flash-list"
 import { ListItem, ListView, ListViewRef, Screen, Text } from "../../components"
-import { TxKeyPath, isRTL, translate } from "../../i18n"
+import { TxKeyPath, isRTL, translate } from "@/i18n"
 import { DemoTabParamList, DemoTabScreenProps } from "../../navigators/DemoNavigator"
 import type { Theme, ThemedStyle } from "@/theme"
 import { $styles } from "@/theme"

boilerplate/app/screens/DemoShowroomScreen/DrawerIconButton.tsx

@@ -1,7 +1,7 @@
 import { Pressable, PressableProps, ViewStyle, Platform } from "react-native"
 import Animated, { interpolate, interpolateColor, useAnimatedStyle } from "react-native-reanimated"
 import { useDrawerProgress } from "react-native-drawer-layout"
-import { isRTL } from "../../i18n"
+import { isRTL } from "@/i18n"
 import { useAppTheme } from "@/utils/useAppTheme"
 
 interface DrawerIconButtonProps extends PressableProps {}

boilerplate/app/screens/WelcomeScreen.tsx

@@ -6,7 +6,7 @@ import {
   Text,
   Screen,
 } from "@/components"
-import { isRTL } from "../i18n"
+import { isRTL } from "@/i18n"
 import { useStores } from "../models" // @demo remove-current-line
 import { AppStackScreenProps } from "../navigators"
 import { $styles, type ThemedStyle } from "@/theme"

src/tools/__snapshots__/markup.test.ts.snap

@@ -96,7 +96,7 @@ import { Image, ImageStyle, TextStyle, View, ViewStyle } from \\"react-native\\"
 import {
   Text,
 } from \\"app/components\\"
-import { isRTL } from \\"../i18n\\"
+import { isRTL } from \\"@/i18n\\"
 import { AppStackScreenProps } from \\"../navigators\\"
 import type { ThemedStyle } from \\"app/theme\\"
 import { useSafeAreaInsetsStyle } from \\"../utils/useSafeAreaInsetsStyle\\"

src/tools/markup.test.ts

@@ -334,7 +334,7 @@ import {
   Button, // @demo remove-current-line
   Text,
 } from "app/components"
-import { isRTL } from "../i18n"
+import { isRTL } from "@/i18n"
 import { useStores } from "../models" // @demo remove-current-line
 import { AppStackScreenProps } from "../navigators"
 import type { ThemedStyle } from "app/theme"