create-ern-boilerplate 0.0.40 → 0.0.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-ern-boilerplate",
-  "version": "0.0.40",
+  "version": "0.0.41",
   "description": "Expo React Native boilerplate generator",
   "bin": {
     "create-ern-boilerplate": "./create.js",

package/templates/agent-generator/examples/screen.example.tsx

@@ -12,7 +12,7 @@
 import React, { useState, useEffect } from 'react';
 import { View, Text, FlatList, RefreshControl, ActivityIndicator } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { useThemeStore } from '@/store/themeStore';
+import { useTheme } from '@/hooks/useTheme';
 import { Card } from '@/components/common/Card';
 import { Button } from '@/components/common/Button';
 
@@ -25,8 +25,7 @@ interface NewsItem {
 }
 
 export default function NewsListScreen() {
-  const colorScheme = useThemeStore((state) => state.colorScheme);
-  const isDark = colorScheme === 'dark';
+  const { colors, isDark } = useTheme();
 
   // State management
   const [news, setNews] = useState<NewsItem[]>([]);

package/templates/agent-generator/examples/screens/detail-screen.example.tsx

@@ -28,6 +28,7 @@ import {
 import { useTheme } from '@/hooks/useTheme';
 import { useRouter, useLocalSearchParams } from 'expo-router';
 import Toast from 'react-native-toast-message';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 // Example: Product interface
 interface Product {
@@ -184,7 +185,7 @@ export default function ProductDetailScreen() {
 
   // Main content
   return (
-    <View className="flex-1" style={{ backgroundColor: isDark ? '#000' : '#F9FAFB' }}>
+    <SafeAreaView className="flex-1" style={{ backgroundColor: isDark ? '#000' : '#F9FAFB' }}>
       <ScrollView>
         {/* Product Image */}
         {product.imageUrl && (
@@ -282,6 +283,6 @@ export default function ProductDetailScreen() {
           </View>
         </View>
       </ScrollView>
-    </View>
+    </SafeAreaView>
   );
 }

package/templates/agent-generator/examples/screens/list-screen-no-auth.example.tsx

@@ -26,6 +26,7 @@ import {
 } from 'react-native';
 import { useTheme } from '@/hooks/useTheme';
 import { useRouter } from 'expo-router';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 // Example: News interface
 interface NewsItem {
@@ -142,7 +143,7 @@ export default function NewsListScreen() {
 
   // Main content
   return (
-    <View className="flex-1" style={{ backgroundColor: isDark ? '#000' : '#F9FAFB' }}>
+    <SafeAreaView className="flex-1" style={{ backgroundColor: isDark ? '#000' : '#F9FAFB' }}>
       <FlatList
         data={news}
         keyExtractor={(item) => item.id}
@@ -189,6 +190,6 @@ export default function NewsListScreen() {
         )}
         contentContainerStyle={{ paddingBottom: 16 }}
       />
-    </View>
+    </SafeAreaView>
   );
 }

package/templates/agent-generator/examples/screens/list-screen-with-auth.example.tsx

@@ -27,6 +27,7 @@ import {
 import { useTheme } from '@/hooks/useTheme';
 import { useAuthStore } from '@/store/authStore';
 import { useRouter } from 'expo-router';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 // Example: User's task interface
 interface Task {
@@ -190,7 +191,7 @@ export default function TaskListScreen() {
 
   // Main content
   return (
-    <View className="flex-1" style={{ backgroundColor: isDark ? '#000' : '#F9FAFB' }}>
+    <SafeAreaView className="flex-1" style={{ backgroundColor: isDark ? '#000' : '#F9FAFB' }}>
       {/* Header with user info */}
       <View className={`px-4 py-4 ${isDark ? 'bg-gray-800' : 'bg-white'}`}>
         <Text className={`text-lg font-bold ${isDark ? 'text-white' : 'text-gray-900'}`}>
@@ -245,6 +246,6 @@ export default function TaskListScreen() {
         )}
         contentContainerStyle={{ paddingBottom: 16 }}
       />
-    </View>
+    </SafeAreaView>
   );
 }