react-native-architecture-generator 1.1.0 → 1.1.2

package/README.md

@@ -169,7 +169,7 @@ rn-arch-gen --help
 ### 1. Create a React Native project
 
 ```bash
-npx react-native init my_awesome_app
+npx @react-native-community/cli init my_awesome_app
 cd my_awesome_app
 ```
 

package/dist/bin/rn_arch_gen.js

@@ -8,7 +8,7 @@ const program = new Command();
 program
     .name('rn-arch-gen')
     .description('A powerful CLI tool to instantly generate a production-ready React Native project architecture.')
-    .version('1.1.0');
+    .version('1.1.1');
 program
     .command('init')
     .description('Initialize React Native project architecture.')

package/dist/lib/commands/init.js

@@ -1,7 +1,7 @@
 import inquirer from 'inquirer';
 import chalk from 'chalk';
 import ora from 'ora';
-import { Architecture, ArchitectureLabels, StateManagement, Routing } from '../models/config.js';
+import { Architecture, ArchitectureLabels, StateManagement, StateManagementLabels, Routing, RoutingLabels } from '../models/config.js';
 import { FileHelper } from '../utils/file-helper.js';
 import { FeatureHelper } from '../utils/feature-helper.js';
 export class InitCommand {
@@ -10,27 +10,36 @@ export class InitCommand {
         console.log('');
         const answers = await inquirer.prompt([
             {
-                type: 'list',
+                type: 'select',
                 name: 'architecture',
                 message: 'Select architecture pattern:',
-                choices: Object.values(Architecture).map((arch) => ({
-                    name: ArchitectureLabels[arch],
-                    value: arch,
-                })),
+                choices: [
+                    { name: ArchitectureLabels[Architecture.cleanArchitecture], value: Architecture.cleanArchitecture },
+                    { name: ArchitectureLabels[Architecture.featureBased], value: Architecture.featureBased },
+                    { name: ArchitectureLabels[Architecture.atomicDesign], value: Architecture.atomicDesign },
+                    { name: ArchitectureLabels[Architecture.mvvm], value: Architecture.mvvm },
+                ],
                 default: Architecture.cleanArchitecture,
             },
             {
-                type: 'list',
+                type: 'select',
                 name: 'stateManagement',
                 message: 'Select state management:',
-                choices: Object.values(StateManagement),
+                choices: [
+                    { name: StateManagementLabels[StateManagement.redux], value: StateManagement.redux },
+                    { name: StateManagementLabels[StateManagement.zustand], value: StateManagement.zustand },
+                    { name: StateManagementLabels[StateManagement.context], value: StateManagement.context },
+                ],
                 default: StateManagement.redux,
             },
             {
-                type: 'list',
+                type: 'select',
                 name: 'routing',
                 message: 'Select routing:',
-                choices: Object.values(Routing),
+                choices: [
+                    { name: RoutingLabels[Routing.reactNavigation], value: Routing.reactNavigation },
+                    { name: RoutingLabels[Routing.expoRouter], value: Routing.expoRouter },
+                ],
                 default: Routing.reactNavigation,
             },
             {

package/dist/lib/models/config.d.ts

@@ -25,3 +25,5 @@ export interface GeneratorConfig {
  * Friendly display names for architecture choices.
  */
 export declare const ArchitectureLabels: Record<Architecture, string>;
+export declare const StateManagementLabels: Record<StateManagement, string>;
+export declare const RoutingLabels: Record<Routing, string>;

package/dist/lib/models/config.js

@@ -25,3 +25,12 @@ export const ArchitectureLabels = {
     [Architecture.atomicDesign]: '⚛️  Atomic Design + Feature (Atoms → Molecules → Organisms)',
     [Architecture.mvvm]: '🧩 MVVM with Hooks (Model → ViewModel → View)',
 };
+export const StateManagementLabels = {
+    [StateManagement.redux]: 'Redux Toolkit (Professional State Management)',
+    [StateManagement.zustand]: 'Zustand (Lightweight & Fast)',
+    [StateManagement.context]: 'Context API (Built-in React State)',
+};
+export const RoutingLabels = {
+    [Routing.reactNavigation]: 'React Navigation (Standard & Customisable)',
+    [Routing.expoRouter]: 'Expo Router (File-based routing)',
+};

package/dist/lib/utils/feature-helper.js

@@ -382,11 +382,35 @@ const styles = StyleSheet.create({
         const snakeName = StringUtils.toSnakeCase(name);
         const screenDir = screenSubPath || (config.architecture === Architecture.cleanArchitecture ? 'presentation/screens' : config.architecture === Architecture.mvvm ? 'views/screens' : 'screens');
         let contents = await fs.readFile(navFile, 'utf-8');
-        const importStr = name === 'auth'
+        // 1. Add Imports
+        const imports = name === 'auth'
             ? `import { LoginScreen } from '../features/auth/${screenDir}/LoginScreen';\nimport { RegisterScreen } from '../features/auth/${screenDir}/RegisterScreen';`
             : `import { ${pascalName}Screen } from '../features/${snakeName}/${screenDir}/${pascalName}Screen';`;
-        if (!contents.includes(importStr.split('\n')[0]))
-            contents = `${importStr}\n${contents}`;
+        if (!contents.includes(imports.split('\n')[0])) {
+            contents = `${imports}\n${contents}`;
+        }
+        // 2. Add Route Parameters
+        if (name === 'auth') {
+            if (!contents.includes('Login: undefined')) {
+                contents = contents.replace('// Define your route params here', '// Define your route params here\n  Login: undefined;\n  Register: undefined;');
+            }
+        }
+        else {
+            if (!contents.includes(`${pascalName}: undefined`)) {
+                contents = contents.replace('// Define your route params here', `// Define your route params here\n  ${pascalName}: undefined;`);
+            }
+        }
+        // 3. Add Screen Components
+        if (name === 'auth') {
+            if (!contents.includes('name="Login"')) {
+                contents = contents.replace('{/* Add your screens here */}', `<Stack.Screen name="Login" component={LoginScreen} />\n        <Stack.Screen name="Register" component={RegisterScreen} />\n        {/* Add your screens here */}`);
+            }
+        }
+        else {
+            if (!contents.includes(`name="${pascalName}"`)) {
+                contents = contents.replace('{/* Add your screens here */}', `<Stack.Screen name="${pascalName}" component={${pascalName}Screen} />\n        {/* Add your screens here */}`);
+            }
+        }
         await fs.writeFile(navFile, contents);
     }
     static async generateCleanArchTest(name, _config) { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-architecture-generator",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "A professional CLI tool to scaffold React Native apps with Clean Architecture, MVVM, Atomic Design, or Feature-Based patterns.",
   "type": "module",
   "main": "./dist/lib/index.js",