react-native-architecture-generator 1.1.0

package/dist/lib/commands/model.js

@@ -0,0 +1,94 @@
+import fs from 'fs-extra';
+import path from 'path';
+import ora from 'ora';
+import { StringUtils } from '../utils/string-utils.js';
+import { ConfigHelper } from '../utils/config-helper.js';
+import { Architecture } from '../models/config.js';
+export class ModelCommand {
+    static async run(name, feature) {
+        const config = await ConfigHelper.getConfig();
+        const spinner = ora(`📦 Generating model: ${name}...`).start();
+        try {
+            const pascalName = StringUtils.toPascalCase(name);
+            const snakeName = StringUtils.toSnakeCase(name);
+            const camelName = StringUtils.toCamelCase(name);
+            // Determine model path based on architecture
+            const arch = config?.architecture ?? Architecture.cleanArchitecture;
+            let modelDir;
+            let modelContent;
+            switch (arch) {
+                case Architecture.cleanArchitecture:
+                    modelDir = 'data/models';
+                    modelContent = `export interface ${pascalName} {
+  id: number;
+}
+
+export class ${pascalName}Model implements ${pascalName} {
+  id: number;
+
+  constructor(data: { id: number }) {
+    this.id = data.id;
+  }
+
+  static fromJson(json: Record<string, unknown>): ${pascalName}Model {
+    return new ${pascalName}Model({ id: json['id'] as number });
+  }
+
+  toJson(): Record<string, unknown> {
+    return { id: this.id };
+  }
+}
+`;
+                    break;
+                case Architecture.mvvm:
+                    modelDir = 'models';
+                    modelContent = `export interface ${pascalName}Model {
+  id: number;
+}
+
+export const create${pascalName} = (data: Partial<${pascalName}Model>): ${pascalName}Model => ({
+  id: data.id ?? 0,
+});
+
+export const ${camelName}FromJson = (json: Record<string, unknown>): ${pascalName}Model => ({
+  id: json['id'] as number,
+});
+
+export const ${camelName}ToJson = (model: ${pascalName}Model): Record<string, unknown> => ({
+  id: model.id,
+});
+`;
+                    break;
+                case Architecture.featureBased:
+                case Architecture.atomicDesign:
+                    modelDir = 'types';
+                    modelContent = `export interface ${pascalName} {
+  id: number;
+}
+
+export interface ${pascalName}CreateInput {
+  id?: number;
+}
+
+export interface ${pascalName}UpdateInput {
+  id?: number;
+}
+`;
+                    break;
+            }
+            const targetDir = feature
+                ? path.join(process.cwd(), 'src', 'features', StringUtils.toSnakeCase(feature), modelDir)
+                : path.join(process.cwd(), 'src', 'core', 'models');
+            const fileName = arch === Architecture.featureBased || arch === Architecture.atomicDesign
+                ? `${camelName}.types.ts`
+                : `${pascalName}Model.ts`;
+            const filePath = path.join(targetDir, fileName);
+            await fs.ensureDir(targetDir);
+            await fs.writeFile(filePath, modelContent);
+            spinner.succeed(`Model ${fileName} generated in ${path.relative(process.cwd(), targetDir)}! ✅`);
+        }
+        catch (error) {
+            spinner.fail(`Failed to generate model: ${error}`);
+        }
+    }
+}

package/dist/lib/commands/screen.d.ts

@@ -0,0 +1,4 @@
+export declare class ScreenCommand {
+    static run(name: string, feature?: string): Promise<void>;
+    private static registerInNavigator;
+}

package/dist/lib/commands/screen.js

@@ -0,0 +1,82 @@
+import fs from 'fs-extra';
+import path from 'path';
+import ora from 'ora';
+import { StringUtils } from '../utils/string-utils.js';
+import { ConfigHelper } from '../utils/config-helper.js';
+import { Architecture, Routing } from '../models/config.js';
+export class ScreenCommand {
+    static async run(name, feature) {
+        const config = await ConfigHelper.getConfig();
+        const spinner = ora(`📄 Generating screen: ${name}...`).start();
+        try {
+            const pascalName = StringUtils.toPascalCase(name);
+            const snakeName = StringUtils.toSnakeCase(name);
+            const content = `import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+
+export const ${pascalName}Screen: React.FC = () => {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>${pascalName}</Text>
+      <Text style={styles.subtitle}>${pascalName} Screen</Text>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: { flex: 1, justifyContent: 'center', alignItems: 'center', padding: 16 },
+  title: { fontSize: 24, fontWeight: 'bold', marginBottom: 8 },
+  subtitle: { fontSize: 16, color: '#757575' },
+});
+`;
+            // Determine screen path based on architecture
+            const arch = config?.architecture ?? Architecture.cleanArchitecture;
+            let screenDir;
+            switch (arch) {
+                case Architecture.mvvm:
+                    screenDir = 'views/screens';
+                    break;
+                case Architecture.cleanArchitecture:
+                    screenDir = 'presentation/screens';
+                    break;
+                default: // featureBased, atomicDesign
+                    screenDir = 'screens';
+                    break;
+            }
+            const targetDir = feature
+                ? path.join(process.cwd(), 'src', 'features', StringUtils.toSnakeCase(feature), screenDir)
+                : path.join(process.cwd(), 'src', arch === Architecture.mvvm ? 'views/screens' : arch === Architecture.cleanArchitecture ? 'presentation/screens' : 'screens');
+            const filePath = path.join(targetDir, `${pascalName}Screen.tsx`);
+            await fs.ensureDir(targetDir);
+            await fs.writeFile(filePath, content);
+            // Auto-register in navigator
+            if (config && config.routing === Routing.reactNavigation) {
+                await this.registerInNavigator(pascalName, snakeName, feature, screenDir);
+            }
+            spinner.succeed(`Screen ${pascalName}Screen generated in ${path.relative(process.cwd(), targetDir)}! ✅`);
+        }
+        catch (error) {
+            spinner.fail(`Failed to generate screen: ${error}`);
+        }
+    }
+    static async registerInNavigator(pascalName, snakeName, feature, screenDir = 'presentation/screens') {
+        const navFile = path.join(process.cwd(), 'src', 'navigation', 'AppNavigator.tsx');
+        if (!(await fs.pathExists(navFile)))
+            return;
+        let contents = await fs.readFile(navFile, 'utf-8');
+        const importPath = feature
+            ? `../features/${StringUtils.toSnakeCase(feature)}/${screenDir}/${pascalName}Screen`
+            : `../presentation/screens/${pascalName}Screen`;
+        const screenImport = `import { ${pascalName}Screen } from '${importPath}';`;
+        if (!contents.includes(screenImport)) {
+            contents = `${screenImport}\n${contents}`;
+        }
+        if (!contents.includes(`${pascalName}: undefined`)) {
+            contents = contents.replace('// Define your route params here', `// Define your route params here\n  ${pascalName}: undefined;`);
+        }
+        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);
+    }
+}

package/dist/lib/index.d.ts

@@ -0,0 +1,12 @@
+export { Architecture, ArchitectureLabels, StateManagement, Routing } from './models/config.js';
+export type { GeneratorConfig } from './models/config.js';
+export { InitCommand } from './commands/init.js';
+export { FeatureCommand } from './commands/feature.js';
+export { ModelCommand } from './commands/model.js';
+export { ScreenCommand } from './commands/screen.js';
+export { FileHelper } from './utils/file-helper.js';
+export { FeatureHelper } from './utils/feature-helper.js';
+export { ConfigHelper } from './utils/config-helper.js';
+export { StringUtils } from './utils/string-utils.js';
+export { PackageJsonHelper } from './utils/packagejson-helper.js';
+export { BaseTemplates } from './templates/base-templates.js';

package/dist/lib/index.js

@@ -0,0 +1,12 @@
+// React Native Architecture Generator — Public API
+export { Architecture, ArchitectureLabels, StateManagement, Routing } from './models/config.js';
+export { InitCommand } from './commands/init.js';
+export { FeatureCommand } from './commands/feature.js';
+export { ModelCommand } from './commands/model.js';
+export { ScreenCommand } from './commands/screen.js';
+export { FileHelper } from './utils/file-helper.js';
+export { FeatureHelper } from './utils/feature-helper.js';
+export { ConfigHelper } from './utils/config-helper.js';
+export { StringUtils } from './utils/string-utils.js';
+export { PackageJsonHelper } from './utils/packagejson-helper.js';
+export { BaseTemplates } from './templates/base-templates.js';

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

@@ -0,0 +1,27 @@
+export declare enum Architecture {
+    cleanArchitecture = "cleanArchitecture",
+    featureBased = "featureBased",
+    atomicDesign = "atomicDesign",
+    mvvm = "mvvm"
+}
+export declare enum StateManagement {
+    redux = "redux",
+    zustand = "zustand",
+    context = "context"
+}
+export declare enum Routing {
+    reactNavigation = "reactNavigation",
+    expoRouter = "expoRouter"
+}
+export interface GeneratorConfig {
+    architecture: Architecture;
+    stateManagement: StateManagement;
+    routing: Routing;
+    localization: boolean;
+    firebase: boolean;
+    tests: boolean;
+}
+/**
+ * Friendly display names for architecture choices.
+ */
+export declare const ArchitectureLabels: Record<Architecture, string>;

package/dist/lib/models/config.js

@@ -0,0 +1,27 @@
+export var Architecture;
+(function (Architecture) {
+    Architecture["cleanArchitecture"] = "cleanArchitecture";
+    Architecture["featureBased"] = "featureBased";
+    Architecture["atomicDesign"] = "atomicDesign";
+    Architecture["mvvm"] = "mvvm";
+})(Architecture || (Architecture = {}));
+export var StateManagement;
+(function (StateManagement) {
+    StateManagement["redux"] = "redux";
+    StateManagement["zustand"] = "zustand";
+    StateManagement["context"] = "context";
+})(StateManagement || (StateManagement = {}));
+export var Routing;
+(function (Routing) {
+    Routing["reactNavigation"] = "reactNavigation";
+    Routing["expoRouter"] = "expoRouter";
+})(Routing || (Routing = {}));
+/**
+ * Friendly display names for architecture choices.
+ */
+export const ArchitectureLabels = {
+    [Architecture.cleanArchitecture]: '🏛️  Clean Architecture (Domain → Data → Presentation)',
+    [Architecture.featureBased]: '📦 Feature-Based (Lightweight, flat structure)',
+    [Architecture.atomicDesign]: '⚛️  Atomic Design + Feature (Atoms → Molecules → Organisms)',
+    [Architecture.mvvm]: '🧩 MVVM with Hooks (Model → ViewModel → View)',
+};

package/dist/lib/templates/base-templates.d.ts

@@ -0,0 +1,18 @@
+import type { GeneratorConfig } from '../models/config.js';
+/**
+ * Template generators for all base files in the React Native Clean Architecture project.
+ */
+export declare class BaseTemplates {
+    static appEntryContent(config: GeneratorConfig): string;
+    static apiClientContent(): string;
+    static failuresContent(): string;
+    static themeContent(): string;
+    static themeContextContent(): string;
+    static navigationContent(config: GeneratorConfig): string;
+    static storeContent(config: GeneratorConfig): string;
+    static constantsContent(): string;
+    static gitignoreContent(): string;
+    static sampleTestContent(): string;
+    static i18nConfigContent(): string;
+    static localeEnContent(): string;
+}