create-rn-folder-structure 1.0.3 → 1.0.6

package/README.md

@@ -1,91 +1,39 @@
-# 📦 create-rn-folder-structure
 
-A lightweight CLI tool that automatically generates a **clean, scalable,
-and production-ready folder structure** for React Native projects.
+# React Native Project Structure Generator
 
-This tool helps you quickly bootstrap a well-organized architecture so
-you can focus on writing features---not setting up directories.
+This project was automatically generated using **create-rn-folder-structure**.
 
-------------------------------------------------------------------------
+## 📁 Folder Structure
 
-## 🚀 Features
-
--   📁 Generates a modern, opinionated React Native folder structure\
--   🔌 Auto-creates feature modules (screens, store, API)\
--   🧩 Shared components, constants, hooks, and utilities\
--   📡 Centralized API configuration\
--   💾 Async storage service helpers\
--   ⚡ Fast, simple, and zero-dependency CLI
-
-------------------------------------------------------------------------
-
-## 📦 Installation
-
-Install the package globally:
-
-``` sh
-npm install -g create-rn-folder-structure
 ```
-
-Or use **npx** (recommended):
-
-``` sh
-npx create-rn-folder-structure
-```
-
-------------------------------------------------------------------------
-
-## 🛠️ Usage
-
-Run inside your React Native project:
-
-``` sh
-npx create-rn-folder-structure
+src/
+ ├── app/
+ │    ├── navigation/
+ │    └── store/
+ ├── features/
+ │    ├── auth/
+ │    ├── profile/
+ │    ├── dashboard/
+ │    └── settings/
+ ├── shared/
+ │    ├── components/
+ │    ├── constants/
+ │    ├── custom-hooks/
+ │    └── utils/
+ ├── services/
+ │    ├── api/
+ │    └── storage/
 ```
 
-------------------------------------------------------------------------
-
-## 📁 Generated Folder Structure
-
-    src/
-     ├── app/
-     │    ├── navigation/
-     │    └── store/
-     ├── features/
-     │    ├── auth/
-     │    ├── profile/
-     │    ├── dashboard/
-     │    └── settings/
-     ├── shared/
-     │    ├── components/
-     │    ├── constants/
-     │    ├── custom-hooks/
-     │    └── utils/
-     ├── services/
-     │    ├── api/
-     │    └── storage/
-
-------------------------------------------------------------------------
-
-## ✨ What Gets Generated?
-
-✔ Feature screens\
-✔ Base API service\
-✔ Centralized store structure\
-✔ Shared UI components folder\
-✔ Custom hooks folder\
-✔ App-level constants & utilities\
-✔ Typed folder layout (if using TS)
-
-------------------------------------------------------------------------
-
-## 🤝 Contributing
-
-Contributions are welcome!
+## 🚀 Generated Modules
 
-------------------------------------------------------------------------
+- Feature screens + API + Store
+- Shared UI Components
+- Custom Hooks
+- Constants
+- Centralized API setup
+- Async storage helpers
 
-## ❤️ Author
+---
 
 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.3",
+  "version": "1.0.6",
   "description": "CLI tool to generate React Native folder structure with predefined templates",
   "main": "index.js",
   "bin": {
@@ -12,9 +12,27 @@
   ],
   "keywords": [
     "react-native",
-    "folder-structure",
-    "cli",
-    "generator"
+    "react-native-cli",
+    "react-native-generator",
+    "react-native-architecture",
+    "react-native-folder-structure",
+    "rn-cli",
+    "rn-generator",
+    "rn-project-structure",
+    "react-native-boilerplate",
+    "react-native-starter",
+    "feature-based-react-native",
+    "redux-toolkit",
+    "react-navigation",
+    "async-storage",
+    "axios",
+    "create-rn-folder-structure",
+    "react-native-template",
+    "rn-template",
+    "mobile-app-architecture",
+    "mobile-app-generator",
+    "react-native-app-setup",
+    "smart-folder-structure"
   ],
   "author": "Sandhip Kumar Dhall & Hriday Kaushal",
   "license": "MIT",
@@ -26,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"
   }
 }