refactor: updates core folder to lib

yjose · asdolo · commit 53b05d6314bc · 2025-09-19T11:38:55.000-03:00
diff --git a/docs/src/content/docs/guides/authentication.mdx b/docs/src/content/docs/guides/authentication.mdx
@@ -42,10 +42,10 @@ The store is composed of 2 states and 3 actions:
 
 ## Use Authentication store
 
-You guessed it, you only need to import the store from `@/core` and use it in your component or even call store actions from outside React.
+You guessed it, you only need to import the store from `@/lib` and use it in your component or even call store actions from outside React.
 
 ```tsx
-import { useAuth, hydrate } from '@/core';
+import { useAuth, hydrate } from '@/lib';
 
 hydrate(); // call this when the application is started to check if the user is authenticated or not
 
diff --git a/docs/src/content/docs/recipes/sentry-setup.mdx b/docs/src/content/docs/recipes/sentry-setup.mdx
@@ -170,7 +170,7 @@ The starter kit did not come with Sentry pre-configured, but it's very easy to s
    Then, initialize Sentry and configure it with navigation in your `src/app/_layout.tsx` file:
 
    ```tsx title='src/app/_layout.tsx'
-   import { initSentry, useSentryNavigationConfig } from '@/core/sentry';
+   import { initSentry, useSentryNavigationConfig } from '@/lib/sentry';
    import * as Sentry from '@sentry/react-native';
 
    initSentry();
diff --git a/docs/src/content/docs/testing/unit-testing.mdx b/docs/src/content/docs/testing/unit-testing.mdx
@@ -41,7 +41,7 @@ First, let's create a new file called `login-form.test.tsx` in the `src/screens/
 
 <CodeBlock file="./src/components/login-form.test.tsx" />
 
-As you may notice from the code, we are importing a bunch of things from the `@/core/test-utils` directory. This is a simple file that exports everything from the `@testing-library/react-native` library and overrides the `render` function to wrap the component with the providers we need. This way, we don't have to import the providers in every test file.
+As you may notice from the code, we are importing a bunch of things from the `@/lib/test-utils` directory. This is a simple file that exports everything from the `@testing-library/react-native` library and overrides the `render` function to wrap the component with the providers we need. This way, we don't have to import the providers in every test file.
 
 :::tip
 You can update this file to add any other providers you need to wrap your components with as well as any other utility functions you need to use in your tests.
diff --git a/docs/src/content/docs/ui-and-theme/Forms.mdx b/docs/src/content/docs/ui-and-theme/Forms.mdx
@@ -56,7 +56,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
 import z from 'zod';
 
-import { useAuth } from '@/core';
+import { useAuth } from '@/lib';
 import { Button, ControlledInput, View } from '@/ui';
 
 const schema = z.object({
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/api/common/client.tsx b/src/api/common/client.tsx
@@ -1,6 +1,7 @@
-import { Env } from '@env';
 import axios from 'axios';
 
+import { Env } from '@/lib/env';
+
 export const client = axios.create({
   baseURL: Env.API_URL,
 });
diff --git a/src/api/common/interceptors.ts b/src/api/common/interceptors.ts
@@ -1,6 +1,6 @@
 import type { AxiosError, InternalAxiosRequestConfig } from 'axios';
 
-import { signIn, useAuth } from '@/core';
+import { signIn, useAuth } from '@/lib';
 
 import { client } from './client';
 import { toCamelCase, toSnakeCase } from './utils';
diff --git a/src/app/(app)/_layout.tsx b/src/app/(app)/_layout.tsx
@@ -2,7 +2,7 @@ import { Link, Redirect, SplashScreen, Tabs } from 'expo-router';
 import { useCallback, useEffect } from 'react';
 
 import { useAuth } from '@/components/providers/auth';
-import { useIsFirstTime } from '@/core';
+import { useIsFirstTime } from '@/lib';
 import { Pressable, Text } from '@/ui';
 import {
   Feed as FeedIcon,
diff --git a/src/app/(app)/settings.tsx b/src/app/(app)/settings.tsx
@@ -11,8 +11,8 @@ import { Item } from '@/components/settings/item';
 import { ItemsContainer } from '@/components/settings/items-container';
 import { LanguageItem } from '@/components/settings/language-item';
 import { ThemeItem } from '@/components/settings/theme-item';
-import { translate } from '@/core';
-import { Env } from '@/core/env';
+import { translate } from '@/lib';
+import { Env } from '@/lib/env';
 import { colors, FocusAwareStatusBar, ScrollView, Text, View } from '@/ui';
 import { Website } from '@/ui/icons';
 
diff --git a/src/app/+html.tsx b/src/app/+html.tsx
@@ -1,10 +1,11 @@
 import { ScrollViewStyleReset } from 'expo-router/html';
+import { type ReactNode } from 'react';
 
 // This file is web-only and used to configure the root HTML for every
 // web page during static rendering.
 // The contents of this function only run in Node.js environments and
 // do not have access to the DOM or browser APIs.
-export default function Root({ children }: { children: React.ReactNode }) {
+export default function Root({ children }: { children: ReactNode }) {
   return (
     <html lang="en">
       <head>
diff --git a/src/app/_layout.tsx b/src/app/_layout.tsx
@@ -14,8 +14,8 @@ import { KeyboardProvider } from 'react-native-keyboard-controller';
 import { APIProvider } from '@/api';
 import interceptors from '@/api/common/interceptors';
 import { AuthProvider } from '@/components/providers/auth';
-import { hydrateAuth, loadSelectedTheme } from '@/core';
-import { useThemeConfig } from '@/core/use-theme-config';
+import { hydrateAuth, loadSelectedTheme } from '@/lib';
+import { useThemeConfig } from '@/lib/use-theme-config';
 
 export { ErrorBoundary } from 'expo-router';
 
diff --git a/src/app/onboarding.tsx b/src/app/onboarding.tsx
@@ -1,8 +1,8 @@
 import { useRouter } from 'expo-router';
 
 import { Cover } from '@/components/cover';
-import { translate } from '@/core';
-import { useIsFirstTime } from '@/core/hooks';
+import { translate } from '@/lib';
+import { useIsFirstTime } from '@/lib/hooks';
 import { Button, FocusAwareStatusBar, SafeAreaView, Text, View } from '@/ui';
 
 export default function Onboarding() {
diff --git a/src/app/update-password.tsx b/src/app/update-password.tsx
@@ -8,7 +8,7 @@ import { KeyboardAvoidingView } from 'react-native-keyboard-controller';
 import { z } from 'zod';
 
 import { useUpdatePassword } from '@/api/auth/use-update-password';
-import { translate } from '@/core';
+import { translate } from '@/lib';
 import { Button, ControlledInput, FocusAwareStatusBar, Text, View } from '@/ui';
 
 type FormValues = { password: string; passwordConfirmation: string };
diff --git a/src/app/www.tsx b/src/app/www.tsx
@@ -3,7 +3,7 @@ import React, { useEffect } from 'react';
 import { View } from 'react-native';
 import { WebView } from 'react-native-webview';
 
-import { translate } from '@/core';
+import { translate } from '@/lib';
 import { Text } from '@/ui';
 
 export default function WWW() {
diff --git a/src/components/forgot-password-form.test.tsx b/src/components/forgot-password-form.test.tsx
@@ -1,4 +1,4 @@
-import { cleanup, fireEvent, render, screen, waitFor } from '@/core/test-utils';
+import { cleanup, fireEvent, render, screen, waitFor } from '@/lib/test-utils';
 
 import {
   ForgotPasswordForm,
diff --git a/src/components/forgot-password-form.tsx b/src/components/forgot-password-form.tsx
@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { KeyboardAvoidingView } from 'react-native-keyboard-controller';
 import { z } from 'zod';
 
-import { translate } from '@/core';
+import { translate } from '@/lib';
 import { Button, ControlledInput, Text, View } from '@/ui';
 
 const schema = z.object({
diff --git a/src/components/login-form.test.tsx b/src/components/login-form.test.tsx
@@ -1,4 +1,4 @@
-import { cleanup, fireEvent, render, screen } from '@/core/test-utils';
+import { cleanup, fireEvent, render, screen } from '@/lib/test-utils';
 
 import { LoginForm } from './login-form';
 
diff --git a/src/components/login-form.tsx b/src/components/login-form.tsx
@@ -5,7 +5,7 @@ import { useForm } from 'react-hook-form';
 import { KeyboardAvoidingView } from 'react-native-keyboard-controller';
 import z from 'zod';
 
-import { translate } from '@/core';
+import { translate } from '@/lib';
 import { Button, ControlledInput, Text, View } from '@/ui';
 
 const MIN_CHARS = 6;
diff --git a/src/components/providers/auth.test.tsx b/src/components/providers/auth.test.tsx
@@ -2,7 +2,7 @@ import { act, renderHook } from '@testing-library/react-hooks';
 import { waitFor } from '@testing-library/react-native';
 import dayjs from 'dayjs';
 
-import { fireEvent, render, screen } from '@/core/test-utils';
+import { fireEvent, render, screen } from '@/lib/test-utils';
 import { Text, TouchableOpacity, View } from '@/ui';
 
 import {
diff --git a/src/components/settings/delete-account-item.tsx b/src/components/settings/delete-account-item.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Alert } from 'react-native';
 
-import { translate } from '@/core';
+import { translate } from '@/lib';
 
 import { Item } from './item';
 
diff --git a/src/components/settings/item.tsx b/src/components/settings/item.tsx
@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 
-import type { TxKeyPath } from '@/core';
+import type { TxKeyPath } from '@/lib';
 import { Pressable, Text, View } from '@/ui';
 import { ArrowRight } from '@/ui/icons';
 
diff --git a/src/components/settings/items-container.tsx b/src/components/settings/items-container.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import type { TxKeyPath } from '@/core';
+import type { TxKeyPath } from '@/lib';
 import { Text, View } from '@/ui';
 
 type Props = {
diff --git a/src/components/settings/language-item.tsx b/src/components/settings/language-item.tsx
@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo } from 'react';
 
-import { translate, useSelectedLanguage } from '@/core';
-import type { Language } from '@/core/i18n/resources';
+import { translate, useSelectedLanguage } from '@/lib';
+import type { Language } from '@/lib/i18n/resources';
 import type { OptionType } from '@/ui';
 import { Options, useModal } from '@/ui';
 
diff --git a/src/components/settings/theme-item.tsx b/src/components/settings/theme-item.tsx
@@ -1,7 +1,7 @@
 import { useCallback, useMemo } from 'react';
 
-import type { ColorSchemeType } from '@/core';
-import { translate, useSelectedTheme } from '@/core';
+import type { ColorSchemeType } from '@/lib';
+import { translate, useSelectedTheme } from '@/lib';
 import type { OptionType } from '@/ui';
 import { Options, useModal } from '@/ui';
 
diff --git a/src/components/sign-up-form.tsx b/src/components/sign-up-form.tsx
@@ -3,7 +3,7 @@ import { type SubmitHandler, useForm } from 'react-hook-form';
 import { KeyboardAvoidingView } from 'react-native';
 import z from 'zod';
 
-import { translate } from '@/core';
+import { translate } from '@/lib';
 import { Button, ControlledInput, Text, View } from '@/ui';
 
 const MIN_PASSWORD_LENGTH = 6;
diff --git a/src/lib/auth/index.tsx b/src/lib/auth/index.tsx
diff --git a/src/lib/auth/utils.tsx b/src/lib/auth/utils.tsx
@@ -1,4 +1,4 @@
-import { getItem, removeItem, setItem } from '@/core/storage';
+import { getItem, removeItem, setItem } from '@/lib/storage';
 
 const TOKEN = 'token';
 
diff --git a/src/lib/env.js b/src/lib/env.js
diff --git a/src/lib/hooks/index.tsx b/src/lib/hooks/index.tsx
diff --git a/src/lib/hooks/use-is-first-time.tsx b/src/lib/hooks/use-is-first-time.tsx
diff --git a/src/lib/hooks/use-selected-theme.tsx b/src/lib/hooks/use-selected-theme.tsx
diff --git a/src/lib/i18n/index.tsx b/src/lib/i18n/index.tsx
diff --git a/src/lib/i18n/react-i18next.d.ts b/src/lib/i18n/react-i18next.d.ts
diff --git a/src/lib/i18n/resources.ts b/src/lib/i18n/resources.ts
diff --git a/src/lib/i18n/types.ts b/src/lib/i18n/types.ts
diff --git a/src/lib/i18n/utils.test.ts b/src/lib/i18n/utils.test.ts
diff --git a/src/lib/i18n/utils.tsx b/src/lib/i18n/utils.tsx
diff --git a/src/lib/index.tsx b/src/lib/index.tsx
diff --git a/src/lib/storage.tsx b/src/lib/storage.tsx
diff --git a/src/lib/test-utils.tsx b/src/lib/test-utils.tsx
diff --git a/src/lib/use-theme-config.tsx b/src/lib/use-theme-config.tsx
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
diff --git a/src/ui/button.test.tsx b/src/ui/button.test.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable max-lines-per-function */
 import { Text } from 'react-native';
 
-import { cleanup, render, screen, setup } from '@/core/test-utils';
+import { cleanup, render, screen, setup } from '@/lib/test-utils';
 
 import { Button } from './button';
 
diff --git a/src/ui/button.tsx b/src/ui/button.tsx
@@ -59,7 +59,7 @@ const button = tv({
         label: 'text-sm',
         indicator: 'h-2',
       },
-      icon: { container: 'h-9 w-9' },
+      icon: { container: 'size-9' },
     },
     disabled: {
       true: {
diff --git a/src/ui/checkbox.test.tsx b/src/ui/checkbox.test.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable max-lines-per-function */
 import 'react-native';
 
-import { cleanup, fireEvent, render, screen, setup } from '@/core/test-utils';
+import { cleanup, fireEvent, render, screen, setup } from '@/lib/test-utils';
 
 import { Checkbox, Radio, Switch } from './checkbox';
 
diff --git a/src/ui/checkbox.tsx b/src/ui/checkbox.tsx
@@ -153,9 +153,7 @@ export const RadioIcon = ({ checked }: IconProps) => {
       transition={{ borderColor: { duration: 100, type: 'timing' } }}
     >
       <MotiView
-        className={`h-[10px] w-[10px] rounded-[10px] ${
-          checked && 'bg-primary-300'
-        } `}
+        className={`size-[10px] rounded-[10px] ${checked && 'bg-primary-300'} `}
         from={{ opacity: 0 }}
         animate={{ opacity: checked ? 1 : 0 }}
         transition={{ opacity: { duration: 50, type: 'timing' } }}
diff --git a/src/ui/icons/arrow-right.tsx b/src/ui/icons/arrow-right.tsx
@@ -2,7 +2,7 @@ import { StyleSheet } from 'react-native';
 import type { SvgProps } from 'react-native-svg';
 import Svg, { Path } from 'react-native-svg';
 
-import { isRTL } from '@/core';
+import { isRTL } from '@/lib';
 
 export const ArrowRight = ({ color = '#CCC', style, ...props }: SvgProps) => (
   <Svg
diff --git a/src/ui/input.test.tsx b/src/ui/input.test.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable max-lines-per-function */
 import { I18nManager } from 'react-native';
 
-import { cleanup, render, screen, setup } from '@/core/test-utils';
+import { cleanup, render, screen, setup } from '@/lib/test-utils';
 
 import { Input } from './input';
 
diff --git a/src/ui/modal.tsx b/src/ui/modal.tsx
@@ -165,7 +165,7 @@ const ModalHeader = memo(({ title, dismiss }: ModalHeaderProps) => (
   <>
     {title && (
       <View className="flex-row px-2 py-4">
-        <View className="h-[24px] w-[24px]" />
+        <View className="size-[24px]" />
         <View className="flex-1">
           <Text className="text-center text-[16px] font-bold text-[#26313D] dark:text-white">
             {title}
@@ -180,7 +180,7 @@ const ModalHeader = memo(({ title, dismiss }: ModalHeaderProps) => (
 const CloseButton = ({ close }: { close: () => void }) => (
   <Pressable
     onPress={close}
-    className="absolute right-3 top-3 h-[24px] w-[24px] items-center justify-center "
+    className="absolute right-3 top-3 size-[24px] items-center justify-center "
     hitSlop={{ top: 20, bottom: 20, left: 20, right: 20 }}
     accessibilityLabel="close modal"
     accessibilityRole="button"
diff --git a/src/ui/select.test.tsx b/src/ui/select.test.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable max-lines-per-function */
 
-import { cleanup, fireEvent, render, screen, setup } from '@/core/test-utils';
+import { cleanup, fireEvent, render, screen, setup } from '@/lib/test-utils';
 import type { OptionType } from '@/ui';
 
 import { Select } from './select';
diff --git a/src/ui/text.tsx b/src/ui/text.tsx
@@ -3,8 +3,8 @@ import type { TextProps, TextStyle } from 'react-native';
 import { I18nManager, StyleSheet, Text as NNText } from 'react-native';
 import { twMerge } from 'tailwind-merge';
 
-import type { TxKeyPath } from '@/core/i18n';
-import { translate } from '@/core/i18n';
+import type { TxKeyPath } from '@/lib/i18n';
+import { translate } from '@/lib/i18n';
 
 interface Props extends TextProps {
   className?: string;
