@alphatechma/expo-rn-template 1.0.2 → 1.0.4

package/.github/workflows/publish.yml

@@ -10,6 +10,9 @@ jobs:
   publish:
     name: Publish package
     runs-on: ubuntu-latest
+    permissions:
+      id-token: write   # habilita OIDC
+      contents: write
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
@@ -20,8 +23,28 @@ jobs:
           node-version: '18'
           registry-url: 'https://registry.npmjs.org'
 
+      - name: Show versions
+        run: |
+          node --version
+          npm --version
+
       - name: Install dependencies
-        run: npm ci
+        run: |
+          if [ -f package-lock.json ]; then
+            npm ci --no-audit --no-fund || npm install --legacy-peer-deps --no-audit --no-fund
+          else
+            npm install --legacy-peer-deps --no-audit --no-fund
+          fi
+
+      - name: Verify OIDC authentication (npm whoami)
+        run: |
+          echo "Attempting OIDC authentication (trusted publisher must be configured on npmjs)."
+          if npm whoami; then
+            echo "OIDC authentication succeeded"
+          else
+            echo "OIDC authentication failed. Configure Trusted Publishers on npmjs for this repository/workflow or add NODE_AUTH_TOKEN as a secret as a fallback."
+            exit 1
+          fi
 
       - name: Run lint
         run: npm run lint || true
@@ -32,9 +55,12 @@ jobs:
       - name: Build (if defined)
         run: npm run build --if-present
 
+      - name: Publish (dry-run)
+        run: |
+          echo "Dry-run publish (OIDC)..."
+          npm publish --dry-run --access public || true
+
       - name: Publish to npm
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
         run: |
-          echo "Publishing package..."
-          npm publish --access public
+          echo "Publishing package (OIDC)..."
+          npm publish --access public --provenance

package/.github/workflows/release.yml

@@ -8,6 +8,9 @@ on:
 jobs:
   release:
     runs-on: ubuntu-latest
+    permissions:
+      id-token: write
+      contents: write
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -18,11 +21,30 @@ jobs:
           node-version: '18'
           registry-url: 'https://registry.npmjs.org'
 
+      - name: Show environment versions
+        run: |
+          node --version
+          npm --version
+
       - name: Install dependencies
-        run: npm ci
+        run: npm install --legacy-peer-deps --no-audit --no-fund
+
+      - name: Verify OIDC authentication (npm whoami)
+        run: |
+          echo "Attempting OIDC authentication (trusted publisher must be configured on npmjs)."
+          if npm whoami; then
+            echo "OIDC authentication succeeded"
+          else
+            echo "OIDC authentication failed. Configure Trusted Publishers on npmjs for this repository/workflow or add NODE_AUTH_TOKEN as a secret as a fallback."
+            exit 1
+          fi
+
+      - name: Semantic-release (dry-run)
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: npx semantic-release --dry-run
 
-      - name: Run semantic-release
+      - name: Semantic-release (publish)
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
         run: npx semantic-release

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/README.md

@@ -257,3 +257,15 @@ Se quiser eu:
 - 3) adiciono um script `create-app` simples que copia o template e roda um assistant de setup.
 
 Diga qual das opções acima prefere que eu crie em seguida.
+
+### Nota sobre lockfile (recomendado)
+
+Para builds reprodutíveis e para que o workflow `npm ci` funcione sem problemas, é recomendável commitar o `package-lock.json` no repositório. Porém, alguns ambientes (ou templates) não incluem o lockfile — por isso os workflows desse template utilizam `npm install --legacy-peer-deps --no-audit --no-fund` quando necessário, que é mais tolerante a ausência do lockfile e a conflitos de peer.
+
+Se quiser garantir installs idempotentes em CI, gere o lockfile localmente e commite:
+
+```bash
+npm install --legacy-peer-deps
+git add package-lock.json
+git commit -m "chore: add package-lock.json"
+```

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.2",
+  "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": "~3.7.0",
+    "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;
-`;