@arcpkg/initiator 0.0.1-beta.0.1

package/native-routing.ts

@@ -0,0 +1,871 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { Pajo } from '@arcpkg/pajo';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export interface RouteConfig {
+    srcDir: string;
+    modulesDir: string;
+    pagesDir: string;
+    outputFile: string;
+    layoutFileName: string;
+    errorFileName: string;
+    notFoundFileName: string;
+}
+
+export interface RouteFile {
+    filePath: string;
+    relativePath: string;
+    routePath: string;
+    componentName: string;
+    layoutComponent?: string;
+    errorComponent?: string;
+    notFoundComponent?: string;
+    moduleName?: string;
+}
+
+export class NativeRouteGenerator {
+    private config: RouteConfig;
+    private routeFiles: RouteFile[] = [];
+    private modules: Set<string> = new Set();
+    private modulePathOverrides: Map<string, string> = new Map();
+
+    constructor(
+        config: Partial<RouteConfig> = {},
+        dirname: string | undefined = __dirname,
+    ) {
+        this.config = {
+            srcDir: config.srcDir || Pajo.join(dirname, 'src') || '',
+            modulesDir: config.modulesDir || Pajo.join(dirname, 'src\\modules') || '',
+            pagesDir: config.pagesDir || Pajo.join(dirname, 'src\\pages') || '',
+            outputFile: config.outputFile || Pajo.join(dirname, 'src\\auto-routes.tsx') || '',
+            layoutFileName: config.layoutFileName || '_layout',
+            errorFileName: config.errorFileName || '_error',
+            notFoundFileName: config.notFoundFileName || '_404'
+        };
+        console.log(`--> NativeRouteGenerator config:: `, this.config);
+    }
+
+    public async generate(): Promise<void> {
+        console.log('🔍 Scanning for native route files...');
+
+        await this.loadModulePathOverrides();
+
+        await this.findRouteFiles();
+
+        await this.generateNativeRoutesFile();
+
+        console.log(`✅ Generated ${this.config.outputFile} with ${this.routeFiles.length} native routes`);
+        console.log(`📦 Found modules with routes: ${Array.from(this.modules).join(', ')}`);
+        console.log(`🔄 Module path overrides: ${Array.from(this.modulePathOverrides.entries()).map(([k, v]) => `${k} -> ${v}`).join(', ')}`);
+    }
+
+    private async loadModulePathOverrides(): Promise<void> {
+        try {
+            
+            if (!fs.existsSync(this.config.modulesDir)) {
+                return;
+            }
+
+            const moduleDirs = fs.readdirSync(this.config.modulesDir, { withFileTypes: true })
+                .filter(dirent => dirent.isDirectory())
+                .map(dirent => dirent.name);
+
+            for (const moduleName of moduleDirs) {
+                const configPath = path.join(this.config.modulesDir, moduleName, 'config.json');
+
+                if (fs.existsSync(configPath)) {
+                    try {
+                        const configContent = fs.readFileSync(configPath, 'utf-8');
+                        const config = JSON.parse(configContent);
+
+                        if (config.path && typeof config.path === 'string') {
+                            
+                            let modulePath = config.path.trim();
+                            if (modulePath.startsWith('/')) {
+                                modulePath = modulePath.substring(1);
+                            }
+                            if (modulePath.endsWith('/')) {
+                                modulePath = modulePath.slice(0, -1);
+                            }
+
+                            if (modulePath) {
+                                this.modulePathOverrides.set(moduleName, modulePath);
+                                console.log(`🔄 Module ${moduleName} path override: ${modulePath}`);
+                            }
+                        }
+                    } catch (error) {
+                        console.error(`Error reading config.json for module ${moduleName}:`, error);
+                    }
+                }
+            }
+        } catch (error) {
+            console.error('Error loading module path overrides:', error);
+        }
+    }
+
+    private async findRouteFiles(): Promise<void> {
+        this.routeFiles = [];
+
+        await this.scanDirectoryForRoutes(this.config.pagesDir);
+
+        if (fs.existsSync(this.config.modulesDir)) {
+            const moduleDirs = fs.readdirSync(this.config.modulesDir, { withFileTypes: true })
+                .filter(dirent => dirent.isDirectory())
+                .map(dirent => dirent.name);
+
+            for (const moduleName of moduleDirs) {
+                const modulePagesDir = path.join(this.config.modulesDir, moduleName, 'pages');
+                if (fs.existsSync(modulePagesDir)) {
+                    this.modules.add(moduleName);
+                    await this.scanDirectoryForRoutes(modulePagesDir, moduleName);
+                }
+            }
+        }
+    }
+
+    private async scanDirectoryForRoutes(dir: string, moduleName?: string): Promise<void> {
+        try {
+            const items = fs.readdirSync(dir, { withFileTypes: true });
+
+            for (const item of items) {
+                const fullPath = path.join(dir, item.name);
+
+                if (item.name === 'node_modules' ||
+                    item.name === 'dist' ||
+                    item.name === 'build' ||
+                    item.name.startsWith('.')) {
+                    continue;
+                }
+
+                if (item.isDirectory()) {
+                    
+                    await this.scanDirectoryForRoutes(fullPath, moduleName);
+                } else if (item.isFile()) {
+                    
+                    const ext = path.extname(item.name).toLowerCase();
+                    if (['.tsx', '.jsx'].includes(ext)) {
+                        const fileName = path.basename(item.name, ext);
+
+                        if (fileName === this.config.layoutFileName ||
+                            fileName === this.config.errorFileName ||
+                            fileName === this.config.notFoundFileName) {
+                            continue;
+                        }
+
+                        await this.processRouteFile(fullPath, moduleName);
+                    }
+                }
+            }
+        } catch (error) {
+            console.error(`Error scanning directory ${dir}:`, error);
+        }
+    }
+
+    private async processRouteFile(filePath: string, moduleName?: string): Promise<void> {
+        try {
+            
+            let routePath = this.convertFilePathToRoutePath(filePath, moduleName);
+
+            const componentName = this.extractComponentName(filePath, moduleName);
+
+            const layoutComponent = this.findLayoutComponent(filePath, moduleName);
+            const errorComponent = this.findErrorComponent(filePath, moduleName);
+            const notFoundComponent = this.findNotFoundComponent(filePath, moduleName);
+
+            const routeFile: RouteFile = {
+                filePath,
+                relativePath: path.relative(this.config.srcDir, filePath),
+                routePath,
+                componentName,
+                layoutComponent,
+                errorComponent,
+                notFoundComponent,
+                moduleName
+            };
+
+            this.routeFiles.push(routeFile);
+        } catch (error) {
+            console.error(`Error processing route file ${filePath}:`, error);
+        }
+    }
+
+    private convertFilePathToRoutePath(filePath: string, moduleName?: string): string {
+        let routePath = filePath;
+
+        routePath = routePath.replace(this.config.srcDir, '');
+
+        if (moduleName) {
+            
+            const modulePagesPrefix = `modules${path.sep}${moduleName}${path.sep}pages`;
+            if (routePath.includes(modulePagesPrefix)) {
+                routePath = routePath.substring(routePath.indexOf(modulePagesPrefix) + modulePagesPrefix.length);
+
+                let modulePrefix = `/${moduleName}`;
+                if (this.modulePathOverrides.has(moduleName)) {
+                    const overridePath = this.modulePathOverrides.get(moduleName);
+                    if (overridePath) {
+                        modulePrefix = `/${overridePath}`;
+                    }
+                }
+                routePath = modulePrefix + routePath;
+            }
+        } else {
+            
+            const pagesPrefix = 'pages';
+            if (routePath.includes(pagesPrefix)) {
+                routePath = routePath.substring(routePath.indexOf(pagesPrefix) + pagesPrefix.length);
+            }
+        }
+
+        routePath = routePath.replace(/\.(tsx|jsx)$/, '');
+
+        routePath = routePath.replace(/\\/g, '/');
+
+        if (routePath.endsWith('/index')) {
+            routePath = routePath.replace(/\/index$/, '');
+        }
+
+        routePath = routePath.replace(/\{([^}]+)\}/g, ':$1');
+
+        if (!routePath.startsWith('/')) {
+            routePath = '/' + routePath;
+        }
+
+        if (routePath === '/' || routePath === '//') {
+            return '/';
+        }
+
+        return routePath;
+    }
+
+    private extractComponentName(filePath: string, moduleName?: string): string {
+        const fileName = path.basename(filePath, path.extname(filePath));
+        const dirName = path.dirname(filePath);
+
+        const parts = dirName.split(path.sep);
+
+        let startIndex = 0;
+        if (moduleName) {
+            
+            const modulePagesPath = path.sep + 'modules' + path.sep + moduleName + path.sep + 'pages';
+            startIndex = parts.findIndex((part, index, arr) => {
+                const pathSoFar = arr.slice(0, index + 1).join(path.sep);
+                return pathSoFar.endsWith(modulePagesPath);
+            }) + 1;
+        } else {
+            
+            const pagesPath = path.sep + 'pages';
+            startIndex = parts.findIndex((part, index, arr) => {
+                const pathSoFar = arr.slice(0, index + 1).join(path.sep);
+                return pathSoFar.endsWith(pagesPath);
+            }) + 1;
+        }
+        
+        if (startIndex < 0) startIndex = 0;
+
+        const relevantParts = parts.slice(startIndex);
+
+        let componentName = moduleName ? this.toPascalCase(moduleName) : '';
+
+        relevantParts.forEach(part => {
+            if (part && part !== 'pages') {
+                componentName += this.toPascalCase(part);
+            }
+        });
+
+        let fileNamePart = fileName;
+        if (fileName.startsWith('{') && fileName.endsWith('}')) {
+            
+            const paramName = fileName.substring(1, fileName.length - 1);
+            fileNamePart = this.toPascalCase(paramName) + 'Params';
+        } else {
+            fileNamePart = this.toPascalCase(fileName);
+        }
+
+        if (!fileNamePart.endsWith('Page')) {
+            fileNamePart += 'Page';
+        }
+
+        const reservedNames = ['Layout', 'ErrorBoundary', 'NotFound'];
+        if (reservedNames.includes(fileNamePart)) {
+            fileNamePart += 'Component';
+        }
+        
+        return componentName + fileNamePart;
+    }
+
+    private toPascalCase(str: string): string {
+        if (!str) return '';
+        return str
+            .split(/[-_]/)
+            .map(part => part.charAt(0).toUpperCase() + part.slice(1).toLowerCase())
+            .join('');
+    }
+
+    private findLayoutComponent(filePath: string, moduleName?: string): string | undefined {
+        const dir = path.dirname(filePath);
+        let currentDir = dir;
+
+        while (currentDir !== this.config.srcDir && currentDir !== path.dirname(this.config.srcDir)) {
+            const layoutPath = path.join(currentDir, `${this.config.layoutFileName}.tsx`);
+            
+            if (fs.existsSync(layoutPath)) {
+                return this.generateComponentName(layoutPath, moduleName, 'Layout');
+            }
+
+            if (moduleName) {
+                const modulePath = path.join(this.config.modulesDir, moduleName);
+                if (currentDir === modulePath) {
+                    break;
+                }
+            }
+            
+            currentDir = path.dirname(currentDir);
+        }
+
+        const globalLayoutPath = path.join(this.config.pagesDir, `${this.config.layoutFileName}.tsx`);
+        if (fs.existsSync(globalLayoutPath)) {
+            return 'Layout';
+        }
+        
+        return undefined;
+    }
+
+    private findErrorComponent(filePath: string, moduleName?: string): string | undefined {
+        const dir = path.dirname(filePath);
+        let currentDir = dir;
+
+        while (currentDir !== this.config.srcDir && currentDir !== path.dirname(this.config.srcDir)) {
+            const errorPath = path.join(currentDir, `${this.config.errorFileName}.tsx`);
+            
+            if (fs.existsSync(errorPath)) {
+                return this.generateComponentName(errorPath, moduleName, 'ErrorBoundary');
+            }
+
+            if (moduleName) {
+                const modulePath = path.join(this.config.modulesDir, moduleName);
+                if (currentDir === modulePath) {
+                    break;
+                }
+            }
+            
+            currentDir = path.dirname(currentDir);
+        }
+
+        const globalErrorPath = path.join(this.config.pagesDir, `${this.config.errorFileName}.tsx`);
+        if (fs.existsSync(globalErrorPath)) {
+            return 'ErrorBoundary';
+        }
+        
+        return undefined;
+    }
+
+    private findNotFoundComponent(filePath: string, moduleName?: string): string | undefined {
+        if (!moduleName) return undefined;
+        
+        const modulePagesDir = path.join(this.config.modulesDir, moduleName, 'pages');
+        const notFoundPath = path.join(modulePagesDir, `${this.config.notFoundFileName}.tsx`);
+        
+        if (fs.existsSync(notFoundPath)) {
+            return this.generateComponentName(notFoundPath, moduleName, 'NotFound');
+        }
+        
+        return undefined;
+    }
+
+    private generateComponentName(filePath: string, moduleName: string | undefined, suffix: string): string {
+        if (!moduleName) {
+            return suffix;
+        }
+        
+        const fileName = path.basename(filePath, path.extname(filePath));
+        const dirName = path.dirname(filePath);
+
+        const modulePagesPath = path.join(this.config.modulesDir, moduleName, 'pages');
+        const relativePath = path.relative(modulePagesPath, dirName);
+        
+        let componentName = this.toPascalCase(moduleName);
+
+        if (relativePath && relativePath !== '.') {
+            const dirParts = relativePath.split(path.sep).filter(part => part && part !== '.');
+            dirParts.forEach(part => {
+                componentName += this.toPascalCase(part);
+            });
+        }
+
+        if (fileName !== this.config.layoutFileName && 
+            fileName !== this.config.errorFileName && 
+            fileName !== this.config.notFoundFileName) {
+            componentName += this.toPascalCase(fileName);
+        }
+        
+        return componentName + suffix;
+    }
+
+    private async generateNativeRoutesFile(): Promise<void> {
+        const outputDir = path.dirname(this.config.outputFile);
+
+        if (!fs.existsSync(outputDir)) {
+            fs.mkdirSync(outputDir, { recursive: true });
+        }
+
+        const content = this.generateFileContent();
+        fs.writeFileSync(this.config.outputFile, content, 'utf-8');
+    }
+
+    private getRelativeImportPath(targetPath: string): string {
+        const outputDir = path.dirname(this.config.outputFile);
+        const relative = path.relative(outputDir, targetPath);
+
+        let importPath = relative.replace(/\\/g, '/');
+
+        if (!importPath.startsWith('.') && !importPath.startsWith('/')) {
+            importPath = './' + importPath;
+        }
+
+        importPath = importPath.replace(/\.(tsx|jsx)$/, '');
+        
+        return importPath;
+    }
+
+    private generateFileContent(): string {
+        
+        const components = new Set<string>();
+        const imports: string[] = [
+            `import React from 'react';`,
+            `import { View, StyleSheet, Text } from 'react-native';`,
+            `import type { NativeStackNavigationOptions } from '@react-navigation/native-stack';`,
+            ``
+        ];
+
+        const globalLayoutPath = path.join(this.config.pagesDir, `${this.config.layoutFileName}.tsx`);
+        const globalErrorPath = path.join(this.config.pagesDir, `${this.config.errorFileName}.tsx`);
+        const global404Path = path.join(this.config.pagesDir, `${this.config.notFoundFileName}.tsx`);
+
+        if (fs.existsSync(globalLayoutPath)) {
+            const importPath = this.getRelativeImportPath(globalLayoutPath);
+            imports.push(`import Layout from '${importPath}';`);
+            components.add('Layout');
+        }
+
+        if (fs.existsSync(globalErrorPath)) {
+            const importPath = this.getRelativeImportPath(globalErrorPath);
+            imports.push(`import ErrorBoundary from '${importPath}';`);
+            components.add('ErrorBoundary');
+        }
+
+        if (fs.existsSync(global404Path)) {
+            const importPath = this.getRelativeImportPath(global404Path);
+            imports.push(`import NotFound from '${importPath}';`);
+            components.add('NotFound');
+        }
+
+        imports.push(``);
+
+        const specialComponents = new Map<string, string>(); 
+
+        const findSpecialFiles = (baseDir: string, isModule: boolean = false, moduleName?: string) => {
+            if (!fs.existsSync(baseDir)) return;
+            
+            const walkDir = (dir: string) => {
+                try {
+                    const items = fs.readdirSync(dir, { withFileTypes: true });
+                    
+                    for (const item of items) {
+                        const fullPath = path.join(dir, item.name);
+                        
+                        if (item.isDirectory()) {
+                            walkDir(fullPath);
+                        } else if (item.isFile()) {
+                            const ext = path.extname(item.name).toLowerCase();
+                            if (['.tsx', '.jsx'].includes(ext)) {
+                                const fileName = path.basename(item.name, ext);
+                                
+                                if (fileName === this.config.layoutFileName ||
+                                    fileName === this.config.errorFileName ||
+                                    fileName === this.config.notFoundFileName) {
+                                    
+                                    const componentName = this.generateComponentName(fullPath, moduleName, 
+                                        fileName === this.config.layoutFileName ? 'Layout' :
+                                        fileName === this.config.errorFileName ? 'ErrorBoundary' : 'NotFound');
+                                    
+                                    if (!components.has(componentName)) {
+                                        specialComponents.set(fullPath, componentName);
+                                        components.add(componentName);
+                                    }
+                                }
+                            }
+                        }
+                    }
+                } catch (error) {
+                    console.error(`Error walking directory ${dir}:`, error);
+                }
+            };
+            
+            walkDir(baseDir);
+        };
+
+        findSpecialFiles(this.config.pagesDir, false);
+
+        this.modules.forEach(moduleName => {
+            const modulePagesDir = path.join(this.config.modulesDir, moduleName, 'pages');
+            if (fs.existsSync(modulePagesDir)) {
+                findSpecialFiles(modulePagesDir, true, moduleName);
+            }
+        });
+
+        specialComponents.forEach((componentName, filePath) => {
+            const importPath = this.getRelativeImportPath(filePath);
+            imports.push(`import ${componentName} from '${importPath}';`);
+        });
+
+        if (specialComponents.size > 0) {
+            imports.push(``);
+        }
+
+        this.routeFiles.forEach(route => {
+            
+            const importPath = this.getRelativeImportPath(route.filePath);
+            imports.push(`import ${route.componentName} from '${importPath}';`);
+            components.add(route.componentName);
+        });
+
+        imports.push(``);
+
+        const content = [
+            ...imports,
+            this.generateExpoRouteInterface(),
+            this.generateDefaultErrorPage(),
+            this.generateErrorBoundaryWrapper(),
+            this.generateCreateScreenFunction(),
+            this.generateRoutesArray(components, specialComponents)
+        ].join('\n');
+
+        return content;
+    }
+
+    private generateExpoRouteInterface(): string {
+        return `
+export interface ExpoRoute {
+  name: string;
+  component: React.ComponentType<any>;
+  path?: string;
+  options?: NativeStackNavigationOptions;
+  layout?: React.ComponentType<any>;
+  errorBoundary?: React.ComponentType<any>;
+}
+`;
+    }
+
+    private generateDefaultErrorPage(): string {
+        return `
+const DefaultErrorPage: ({ error }: { error: any }) => React.JSX.Element = ({ error }) => {
+  return (
+    <View style={defaultErrorStyles.container}>
+      <Text style={defaultErrorStyles.title}>ERROR DETECTED</Text>
+      {!!error && (
+        <View style={defaultErrorStyles.error_container}>
+          <Text style={defaultErrorStyles.error_title}>{error.message}</Text>
+        </View>
+      )}
+    </View>
+  );
+};
+
+const defaultErrorStyles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 10,
+    gap: 5,
+    backgroundColor: '#f5f5f5',
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    color: '#333',
+  },
+  error_container: {
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    gap: 3,
+    backgroundColor: '#d32f2f',
+    color: '#fff',
+    padding: 15,
+    borderRadius: 5,
+  },
+  error_title: {
+    fontWeight: 'medium',
+    fontSize: 18,
+    color: '#fff',
+  },
+});
+`;
+    }
+
+    private generateErrorBoundaryWrapper(): string {
+        return `
+class ErrorBoundaryWrapper extends React.Component<{
+  children: React.ReactNode;
+  ErrorBoundaryComponent?: React.ComponentType<{ error: Error }>;
+}> {
+  state = { hasError: false, error: null as Error | null };
+
+  static getDerivedStateFromError(error: Error) {
+    return { hasError: true, error };
+  }
+
+  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
+    console.log(\`[src -> auto-route] ErrorBoundaryWrapper | error:: \`, error);
+    console.log(\`[src -> auto-route] ErrorBoundaryWrapper | errorInfo:: \`, errorInfo);
+  }
+
+  render() {
+    if (this.state.hasError && this.props.ErrorBoundaryComponent) {
+      return React.createElement(this.props.ErrorBoundaryComponent, {
+        error: this.state.error as Error
+      });
+    }
+
+    return this.props.children;
+  }
+}
+`;
+    }
+
+    private generateCreateScreenFunction(): string {
+        return `
+const createScreen = (
+  Component: React.ComponentType<any>,
+  layout?: React.ComponentType<any>,
+  errorBoundary?: React.ComponentType<any>
+) => {
+  return function WrappedScreen(props: any) {
+    const Content = layout ?
+      React.createElement(layout, null, React.createElement(Component, props)) :
+      React.createElement(Component, props);
+
+    if (errorBoundary) {
+      return React.createElement(
+        ErrorBoundaryWrapper,
+        {
+          ErrorBoundaryComponent: errorBoundary,
+          children: Content
+        }
+      );
+    } else {
+      return React.createElement(
+        ErrorBoundaryWrapper,
+        {
+          ErrorBoundaryComponent: DefaultErrorPage,
+          children: Content
+        }
+      );
+    }
+  };
+};
+`;
+    }
+
+    private generateRoutesArray(components: Set<string>, specialComponents: Map<string, string>): string {
+        const routes: string[] = [];
+        routes.push(`export let routes: ExpoRoute[] = [`);
+
+        const sortedRoutes = this.routeFiles.sort((a, b) => {
+            
+            if (a.routePath === '/') return -1;
+            if (b.routePath === '/') return 1;
+
+            if (!a.moduleName && b.moduleName) return -1;
+            if (a.moduleName && !b.moduleName) return 1;
+
+            if (a.moduleName === b.moduleName) {
+                return a.routePath.localeCompare(b.routePath);
+            }
+            
+            return 0;
+        });
+        
+        let lastModuleName: string | undefined = undefined;
+        
+        sortedRoutes.forEach((route, index) => {
+            
+            if (route.moduleName !== lastModuleName) {
+                if (lastModuleName !== undefined) {
+                    routes.push(``);
+                }
+                if (route.moduleName) {
+                    
+                    let displayName = route.moduleName;
+                    if (this.modulePathOverrides.has(route.moduleName)) {
+                        const overridePath = this.modulePathOverrides.get(route.moduleName);
+                        displayName = `${route.moduleName} (path: ${overridePath})`;
+                    }
+                    routes.push(`  // ${displayName} module routes`);
+                }
+                lastModuleName = route.moduleName;
+            }
+
+            let layoutComponent = route.layoutComponent;
+            if (!layoutComponent && route.moduleName) {
+                
+                const moduleLayoutPath = path.join(this.config.modulesDir, route.moduleName, 'pages', `${this.config.layoutFileName}.tsx`);
+                if (fs.existsSync(moduleLayoutPath)) {
+                    layoutComponent = this.generateComponentName(moduleLayoutPath, route.moduleName, 'Layout');
+                }
+            }
+
+            let errorComponent = route.errorComponent;
+            if (!errorComponent && route.moduleName) {
+                
+                const moduleErrorPath = path.join(this.config.modulesDir, route.moduleName, 'pages', `${this.config.errorFileName}.tsx`);
+                if (fs.existsSync(moduleErrorPath)) {
+                    errorComponent = this.generateComponentName(moduleErrorPath, route.moduleName, 'ErrorBoundary');
+                }
+            }
+
+            const screenName = this.generateScreenName(route);
+            
+            const routeLines: string[] = ['  {'];
+            routeLines.push(`    name: '${screenName}',`);
+            routeLines.push(`    component: createScreen(${route.componentName}, ${layoutComponent || 'undefined'}, ${errorComponent || 'undefined'}),`);
+            routeLines.push(`    path: '${route.routePath}',`);
+            routeLines.push(`    options: { headerShown: false }`);
+            routeLines.push('  }');
+            
+            if (index < sortedRoutes.length - 1) {
+                routeLines[routeLines.length - 1] += ',';
+            }
+            
+            routes.push(routeLines.join('\n'));
+        });
+
+        const modulesWith404 = new Set<string>();
+
+        this.modules.forEach(moduleName => {
+            const modulePagesDir = path.join(this.config.modulesDir, moduleName, 'pages');
+            if (fs.existsSync(modulePagesDir)) {
+                const notFoundPath = path.join(modulePagesDir, `${this.config.notFoundFileName}.tsx`);
+                if (fs.existsSync(notFoundPath)) {
+                    modulesWith404.add(moduleName);
+                }
+            }
+        });
+
+        modulesWith404.forEach(moduleName => {
+            const componentName = this.generateComponentName(
+                path.join(this.config.modulesDir, moduleName, 'pages', `${this.config.notFoundFileName}.tsx`),
+                moduleName,
+                'NotFound'
+            );
+            
+            if (routes[routes.length - 1].endsWith(',')) {
+                routes[routes.length - 1] = routes[routes.length - 1].slice(0, -1);
+            }
+
+            let moduleRoutePath = `/${moduleName}`;
+            if (this.modulePathOverrides.has(moduleName)) {
+                const overridePath = this.modulePathOverrides.get(moduleName);
+                if (overridePath) {
+                    moduleRoutePath = `/${overridePath}`;
+                }
+            }
+            
+            routes.push(`,`);
+            routes.push(`  {`);
+            routes.push(`    name: '${moduleName}NotFound',`);
+            routes.push(`    component: ${componentName},`);
+            routes.push(`    path: '${moduleRoutePath}/*',`);
+            routes.push(`    options: { headerShown: false }`);
+            routes.push(`  }`);
+        });
+
+        if (components.has('NotFound')) {
+            if (routes[routes.length - 1].endsWith(',')) {
+                routes[routes.length - 1] = routes[routes.length - 1].slice(0, -1);
+            }
+            routes.push(`,`);
+            routes.push(`  {`);
+            routes.push(`    name: 'NotFound',`);
+            routes.push(`    component: NotFound,`);
+            routes.push(`    path: '*',`);
+            routes.push(`    options: { headerShown: false }`);
+            routes.push(`  }`);
+        }
+
+        routes.push('];');
+        routes.push('');
+
+        routes.push(this.generateLinkingConfig());
+        routes.push('');
+        routes.push('export default routes;');
+
+        return routes.join('\n');
+    }
+
+    private generateScreenName(route: RouteFile): string {
+        let screenName = '';
+        
+        if (route.moduleName) {
+            screenName += this.toPascalCase(route.moduleName);
+        }
+
+        const pathParts = route.routePath.split('/').filter(part => part && part !== '');
+
+        pathParts.forEach(part => {
+            if (part.startsWith(':')) {
+                
+                screenName += this.toPascalCase(part.substring(1));
+            } else {
+                screenName += this.toPascalCase(part);
+            }
+        });
+
+        if (!screenName) {
+            screenName = 'Index';
+        }
+        
+        return screenName;
+    }
+
+    private generateLinkingConfig(): string {
+        return `
+export const linking = {
+  prefixes: ['/'],
+  config: {
+    screens: routes.reduce((config, route) => {
+      if (route.path) {
+        const path = route.path.replace(/:(\w+)/g, ':$1');
+        config[route.name] = path;
+      }
+      return config;
+    }, {} as Record<string, string>),
+  },
+};`;
+    }
+}
+
+async function NativeRouteInitiator(
+    dirname: string | undefined = __dirname
+) {
+    const config: Partial<RouteConfig> = {};
+
+    const generator = new NativeRouteGenerator(config, dirname);
+
+    try {
+        await generator.generate();
+        console.log('🎉 Native route generation completed successfully!');
+    } catch (err) {
+        console.error('❌ Failed to generate native routes: ', err);
+    }
+}
+
+export default NativeRouteInitiator;