create-rn-folder-structure 1.0.4 → 1.0.7

package/README.md

@@ -87,5 +87,7 @@ Contributions are welcome!
 
 ## ❤️ Author
 
+1. Sandhip Kumar Dhall
+2. Hriday Kaushal
+
 Generated with ❤️ using **create-rn-folder-structure**
-"Winner-Winner Chicken Dinner"

package/generators/features.js

@@ -14,6 +14,112 @@ module.exports = function generateFeatures(projectRoot) {
   const features = ["auth", "profile", "dashboard", "settings"];
 
   features.forEach((feature) => {
+
+        // --- Handle AUTH feature differently ---
+    if (feature === "auth") {
+      write(
+        projectRoot,
+        `src/features/${feature}/screens/${capitalize(feature)}Screen.tsx`,
+        `
+import { useNavigation } from '@react-navigation/native';
+import React, { useContext, useState } from 'react';
+import { View, Text, TextInput, TouchableOpacity, StyleSheet } from 'react-native';
+import { AuthContext } from '../../../app/navigation/RootNavigator';
+import { saveToken } from '../../../services/storage/token';
+
+export default function AuthScreen() {
+    const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const navigation = useNavigation()
+    const { login } = useContext(AuthContext);
+
+  const handleLogin = async () => {
+    // your login API logic here
+    const token = "abc123"; // from backend
+    await saveToken(token);
+
+    login(); // 🔥 triggers navigation switch
+  };
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>Login</Text>
+
+      <TextInput
+        style={styles.input}
+        placeholder="Email"
+        value={email}
+        onChangeText={setEmail}
+      />
+
+      <TextInput
+        style={styles.input}
+        placeholder="Password"
+        secureTextEntry
+        value={password}
+        onChangeText={setPassword}
+      />
+
+      <TouchableOpacity style={styles.button} onPress={handleLogin}>
+        <Text style={styles.buttonText}>Login</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    paddingHorizontal: 20,
+    backgroundColor: '#f5f5f5',
+  },
+  title: {
+    fontSize: 28,
+    fontWeight: 'bold',
+    textAlign: 'center',
+    marginBottom: 30,
+  },
+  input: {
+    height: 50,
+    borderWidth: 1,
+    borderColor: '#ccc',
+    borderRadius: 8,
+    paddingHorizontal: 15,
+    marginBottom: 15,
+    backgroundColor: '#fff',
+  },
+  button: {
+    backgroundColor: '#007bff',
+    paddingVertical: 15,
+    borderRadius: 8,
+    alignItems: 'center',
+  },
+  buttonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '600',
+  },
+});
+`,
+      );
+
+      write(
+        projectRoot,
+        `src/features/${feature}/store/index.ts`,
+        `export default {};`,
+      );
+
+      write(
+        projectRoot,
+        `src/features/${feature}/api/index.ts`,
+        `// API calls for ${feature}`,
+      );
+      return;
+    }
+
+    // --- Default feature generation ---
+
+
     write(
       projectRoot,
       `src/features/${feature}/screens/${capitalize(feature)}Screen.tsx`,
@@ -22,7 +128,7 @@ import { View, Text } from "react-native";
 
 export default function ${capitalize(feature)}Screen() {
   return (
-    <View>
+    <View style={{flex:1, alignItems:'center', justifyContent:'center'}}>
       <Text>${capitalize(feature)} Screen</Text>
     </View>
   );

package/generators/navigation.js

@@ -19,12 +19,14 @@ module.exports = function generateNavigation(projectRoot) {
     projectRoot,
     `${navBase}/RootNavigator.tsx`,
     `
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, createContext } from "react";
 import { NavigationContainer } from "@react-navigation/native";
 import AuthStack from "./stacks/AuthStack";
 import AppStack from "./stacks/AppStack";
 import { getToken } from "../../services/storage/token";
 
+export const AuthContext = createContext();
+
 export default function RootNavigator() {
   const [loading, setLoading] = useState(true);
   const [isLoggedIn, setLoggedIn] = useState(false);
@@ -38,12 +40,22 @@ export default function RootNavigator() {
     init();
   }, []);
 
+  const login = () => {
+    setLoggedIn(true);
+  };
+
+  const logout = () => {
+    setLoggedIn(false);
+  };
+
   if (loading) return null;
 
   return (
-    <NavigationContainer>
-      {isLoggedIn ? <AppStack /> : <AuthStack />}
-    </NavigationContainer>
+    <AuthContext.Provider value={{ login, logout }}>
+      <NavigationContainer>
+        {isLoggedIn ? <AppStack /> : <AuthStack />}
+      </NavigationContainer>
+    </AuthContext.Provider>
   );
 }
 `
@@ -58,19 +70,14 @@ export default function RootNavigator() {
     `
 import React from "react";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
-
-import LoginScreen from "../../features/auth/screens/LoginScreen";
-import RegisterScreen from "../../features/auth/screens/RegisterScreen";
-import ForgotPasswordScreen from "../../features/auth/screens/ForgotPasswordScreen";
+import AuthScreen from "../../../features/auth/screens/AuthScreen";
 
 const Stack = createNativeStackNavigator();
 
 export default function AuthStack() {
   return (
     <Stack.Navigator screenOptions={{ headerShown: false }}>
-      <Stack.Screen name="Login" component={LoginScreen} />
-      <Stack.Screen name="Register" component={RegisterScreen} />
-      <Stack.Screen name="ForgotPassword" component={ForgotPasswordScreen} />
+      <Stack.Screen name="Login" component={AuthScreen} />
     </Stack.Navigator>
   );
 }
@@ -88,10 +95,8 @@ import React from "react";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
 
 import DashboardScreen from "../../features/dashboard/screens/DashboardScreen";
-import HomeScreen from "../../features/home/screens/HomeScreen";
 import ProfileScreen from "../../features/profile/screens/ProfileScreen";
 import SettingsScreen from "../../features/settings/screens/SettingsScreen";
-import NotificationsScreen from "../../features/notifications/screens/NotificationsScreen";
 
 const Stack = createNativeStackNavigator();
 
@@ -99,10 +104,8 @@ export default function AppStack() {
   return (
     <Stack.Navigator screenOptions={{ headerShown: false }}>
       <Stack.Screen name="Dashboard" component={DashboardScreen} />
-      <Stack.Screen name="Home" component={HomeScreen} />
       <Stack.Screen name="Profile" component={ProfileScreen} />
       <Stack.Screen name="Settings" component={SettingsScreen} />
-      <Stack.Screen name="Notifications" component={NotificationsScreen} />
     </Stack.Navigator>
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rn-folder-structure",
-  "version": "1.0.4",
+  "version": "1.0.7",
   "description": "CLI tool to generate React Native folder structure with predefined templates",
   "main": "index.js",
   "bin": {
@@ -44,7 +44,7 @@
     "axios": "^1.13.4",
     "create-rn-folder-structure": "^1.0.2",
     "react-native-safe-area-context": "^5.6.2",
-    "react-native-screens": "^4.22.0",
+    "react-native-screens": "^4.23.0",
     "react-redux": "^9.2.0"
   }
 }