@alphatechma/expo-rn-template 1.0.3 → 1.0.4

package/App.tsx

@@ -1,49 +1,49 @@
 import {
-    Roboto_300Light,
-    Roboto_400Regular,
-    Roboto_500Medium,
-    Roboto_700Bold,
-    Roboto_900Black,
-    useFonts,
+  Roboto_300Light,
+  Roboto_400Regular,
+  Roboto_500Medium,
+  Roboto_700Bold,
+  Roboto_900Black,
+  useFonts,
 } from '@expo-google-fonts/roboto';
 import Routes from '@routes/index';
-import {setupStore} from '@src/store/store';
-import {StatusBar} from 'expo-status-bar';
+import { setupStore } from '@src/store/store';
+import { StatusBar } from 'expo-status-bar';
 import React from 'react';
-import {ActivityIndicator, View} from 'react-native';
-import {GestureHandlerRootView} from 'react-native-gesture-handler';
-import {Provider} from 'react-redux';
+import { ActivityIndicator, View } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { Provider } from 'react-redux';
 
 import AppProvider from './src/hooks';
 
 export default function App() {
-    const [fontsLoaded] = useFonts({
-        Roboto_300Light,
-        Roboto_400Regular,
-        Roboto_500Medium,
-        Roboto_700Bold,
-        Roboto_900Black,
-    });
-
-    if (!fontsLoaded) {
-        return (
-            <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
-                <ActivityIndicator color="aliceblue"/>
-            </View>
-        );
-    }
-    const store = setupStore();
+  const [fontsLoaded] = useFonts({
+    Roboto_300Light,
+    Roboto_400Regular,
+    Roboto_500Medium,
+    Roboto_700Bold,
+    Roboto_900Black,
+  });
 
+  if (!fontsLoaded) {
     return (
-        <GestureHandlerRootView style={{flex: 1}}>
-            <Provider store={store}>
-                <StatusBar style="light"/>
-                <AppProvider>
-                    <View style={{flex: 1}}>
-                        <Routes/>
-                    </View>
-                </AppProvider>
-            </Provider>
-        </GestureHandlerRootView>
+      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+        <ActivityIndicator color="aliceblue" />
+      </View>
     );
+  }
+  const store = setupStore();
+
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <Provider store={store}>
+        <StatusBar style="light" />
+        <AppProvider>
+          <View style={{ flex: 1 }}>
+            <Routes />
+          </View>
+        </AppProvider>
+      </Provider>
+    </GestureHandlerRootView>
+  );
 }

package/babel.config.js

@@ -0,0 +1,27 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+    plugins: [
+      [
+        'module-resolver',
+        {
+          root: ['./src'],
+          alias: {
+            '@src': './src',
+            '@assets': './src/assets',
+            '@components': './src/components',
+            '@routes': './src/routes',
+            '@screens': './src/screens',
+            '@globals': './src/globals',
+            '@hooks': './src/hooks',
+            '@services': './src/services',
+            '@theme': './src/styles',
+            '@contexts': './src/contexts',
+            '@utils': './src/utils',
+          },
+        },
+      ],
+    ],
+  };
+};

package/package.json

@@ -1,9 +1,17 @@
 {
   "name": "@alphatechma/expo-rn-template",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "main": "index.ts",
   "description": "Expo React Native template by Alphatech - base templatizada para apps Expo.",
-  "keywords": ["expo", "react-native", "template", "starter", "typescript", "mobile", "alphatech"],
+  "keywords": [
+    "expo",
+    "react-native",
+    "template",
+    "starter",
+    "typescript",
+    "mobile",
+    "alphatech"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/alphatechma/expo-rn-template.git"
@@ -39,41 +47,43 @@
     "buffer": "^6.0.3",
     "core-js": "^3.47.0",
     "date-fns": "^4.1.0",
-    "expo": "~54.0.31",
+    "expo": "^52.0.23",
     "expo-location": "^19.0.8",
     "expo-splash-screen": "^31.0.13",
     "expo-status-bar": "~3.0.9",
     "expo-updates": "^29.0.16",
-    "react": "19.1.0",
+    "react": "18.3.1",
     "react-dom": "19.1.0",
     "react-hook-form": "^7.71.1",
-    "react-native": "0.81.5",
+    "react-native": "0.76.5",
     "react-native-date-picker": "^5.0.13",
     "react-native-gesture-handler": "^2.30.0",
     "react-native-iphone-x-helper": "^1.3.1",
-    "react-native-reanimated": "^4.2.1",
+    "react-native-reanimated": "~4.1.1",
     "react-native-responsive-fontsize": "^0.5.1",
     "react-native-safe-area-context": "^5.6.2",
-    "react-native-screens": "^4.19.0",
+    "react-native-screens": "~4.4.0",
     "react-native-svg": "^15.15.1",
+    "react-native-worklets": "0.5.1",
     "react-redux": "^9.2.0",
     "styled-components": "^6.3.8",
     "yup": "^1.7.1"
   },
   "devDependencies": {
+    "@semantic-release/changelog": "^6.0.0",
+    "@semantic-release/commit-analyzer": "^10.0.0",
+    "@semantic-release/git": "^10.0.0",
+    "@semantic-release/npm": "^9.0.0",
+    "@semantic-release/release-notes-generator": "^10.0.0",
     "@types/react": "^19.2.8",
+    "babel-plugin-module-resolver": "^5.0.0",
     "eslint": "^8.52.0",
     "eslint-config-universe": "^12.0.0",
-    "prettier": "^3.0.3",
     "husky": "^8.0.0",
     "lint-staged": "^15.0.0",
-    "typescript": "^5.3.3",
+    "prettier": "^3.0.3",
     "semantic-release": "^21.0.0",
-    "@semantic-release/changelog": "^6.0.0",
-    "@semantic-release/git": "^10.0.0",
-    "@semantic-release/npm": "^9.0.0",
-    "@semantic-release/release-notes-generator": "^10.0.0",
-    "@semantic-release/commit-analyzer": "^10.0.0"
+    "typescript": "^5.3.3"
   },
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx}": [
@@ -89,4 +99,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/prettier.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-    singleQuote: true,
-    trailingComma: 'all',
-    arrowParens: 'avoid',
+  singleQuote: true,
+  trailingComma: 'all',
+  arrowParens: 'avoid',
 };

package/src/hooks/index.tsx

@@ -6,8 +6,6 @@ import { View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { ThemeProvider } from 'styled-components/native';
 
-const PopupRootProvider: any = require('react-native-popup-confirm-toast').Root;
-
 interface AppProviderProps {
   children: ReactElement;
 }
@@ -16,13 +14,11 @@ const AppProvider = ({ children }: AppProviderProps) => {
   return (
     <GestureHandlerRootView style={{ flex: 1 }}>
       <ThemeProvider theme={theme}>
-        <PopupRootProvider>
-          <LoadingProvider>
-            <NavigationContainer>
-              <View style={{ flex: 1 }}>{children}</View>
-            </NavigationContainer>
-          </LoadingProvider>
-        </PopupRootProvider>
+        <LoadingProvider>
+          <NavigationContainer>
+            <View style={{ flex: 1 }}>{children}</View>
+          </NavigationContainer>
+        </LoadingProvider>
       </ThemeProvider>
     </GestureHandlerRootView>
   );

package/src/routes/index.tsx

@@ -4,7 +4,6 @@ import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import { Home } from '@screens/index';
 import React from 'react';
 
-// Tipos de navegação (ajuste conforme sua aplicação)
 export type StackParamList = {
   Home: undefined;
 };
@@ -18,21 +17,13 @@ const Tab = createBottomTabNavigator<BottomTabRoutes>();
 
 const HomeStackRoutes: React.FC = () => (
   <Stack.Navigator>
-    <Stack.Screen
-      name="Home"
-      component={Home}
-      options={{ headerShown: true }}
-    />
+    <Stack.Screen name="Home" component={Home} />
   </Stack.Navigator>
 );
 
 export default function Routes() {
   return (
-    <Tab.Navigator
-      screenOptions={{
-        headerShown: false,
-      }}
-    >
+    <Tab.Navigator>
       <Tab.Screen
         name="Inicio"
         component={HomeStackRoutes}

package/src/screens/Home/styles.ts

@@ -1,85 +0,0 @@
-import theme from '@theme/theme';
-import { Dimensions } from 'react-native';
-import { getStatusBarHeight } from 'react-native-iphone-x-helper';
-import { RFValue } from 'react-native-responsive-fontsize';
-import styled from 'styled-components/native';
-
-export const Container = styled.ScrollView`
-  flex: 1;
-  background-color: ${({ theme }: any) => theme.colors.white};
-`;
-
-export const ContentContainer = styled.View`
-  padding: 0 20px 20px;
-`;
-
-export const Logo = styled.Image`
-  height: ${RFValue(70)}px;
-  width: ${RFValue(80)}px;
-`;
-
-export const Header = styled.ImageBackground.attrs({
-  blurRadius: 5,
-})`
-  flex-direction: row;
-  height: 160px;
-  width: 100%;
-  padding-top: ${getStatusBarHeight() + 30}px;
-  background-color: ${({ theme }: any) => theme.colors.secondary};
-`;
-
-export const HeaderContainer = styled.View.attrs({})`
-  flex-direction: row;
-  width: 100%;
-  height: 100%;
-  justify-content: center;
-  align-items: center;
-  padding-left: 16px;
-  padding-right: 16px;
-`;
-
-export const HeadingContainer = styled.View`
-  padding: 20px 16px;
-  margin-top: -60px;
-`;
-
-export const CardsContainer = styled.View``;
-
-const { width } = Dimensions.get('window');
-const CARD_WIDTH = width - 60;
-const CARD_WIDTH_SPACING = CARD_WIDTH + theme.spacing.l;
-export const CardsList = styled.FlatList.attrs({
-  horizontal: true,
-  decelerationRate: 'fast',
-  showsHorizontalScrollIndicator: false,
-  snapToInterval: CARD_WIDTH_SPACING,
-})`
-  margin-top: 20px;
-  height: 250px;
-`;
-
-export const HighlightsContainer = styled.View`
-  margin-top: ${RFValue(15)}px;
-  flex-direction: row;
-  justify-content: space-between;
-  flex-wrap: wrap;
-`;
-
-export const TitleSection = styled.View`
-  margin-top: 10px;
-  width: 100%;
-  justify-content: center;
-  padding: 10px 0;
-`;
-
-export const BannerImageContainer = styled.TouchableOpacity`
-  height: ${RFValue(200)}px;
-  border-radius: ${RFValue(10)}px;
-  background-color: ${({ theme }: any) => theme.colors.secondary};
-`;
-
-export const BannerImage = styled.Image`
-  height: 100%;
-  width: 100%;
-  border-radius: ${RFValue(5)}px;
-`;