@admin-layout/gluestack-ui-mobile 9.0.4-alpha.12 → 9.0.4-alpha.19

package/src/utils/generateMobileNavigations.ts

@@ -5,6 +5,7 @@ import { fileURLToPath } from 'url';
 import { createRequire } from 'module';
 import { exec as execCallback } from 'child_process';
 import { getSortedNavigations } from '@common-stack/client-react/lib/route/react-navigation/get-navigation-utils.js';
+import { performCopyOperations } from '@common-stack/rollup-vite-utils/lib/preStartup/configLoader/configLoader.js';
 import { getReplacedRouteConfig } from './getReplacedRouteConfig.js';
 const require = createRequire(import.meta.url);
 const __filename = fileURLToPath(import.meta.url);
@@ -22,14 +23,7 @@ const mainRoutesJsFileName = 'mainRoutes.js';
 const mainAppFileName = 'index.js';
 
 type IGenerateMobileNavigationsProps = {
-    appDirPath: string;
-    modules: any;
-    initialRouteName?: string;
-    unauthenticatedComponentPath?: string;
-    customTabBarPath?: string;
-    customDrawerPath?: string;
-    customHeaderPath?: string;
-    i18Options: any;
+    configFilePath: any;
 };
 
 export const readJsonFile = (filePath) => {
@@ -69,8 +63,12 @@ export const getLayoutConfig = async () => {
 };
 
 export class GenerateMobileNavigations {
-    #layoutSettings: any = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
-    #appDirPath: string;
+    #configFileData: any = {};
+    #configFilePath: any;
+    #appPath: string = 'app';
+    #mobileStackPath: string = 'mobile-stack-react';
+    //#layoutSettings: any = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
+    #appDirPath: any;
     #modules: any;
     #initialRouteName: string;
     #unauthenticatedComponentPath: string;
@@ -79,25 +77,26 @@ export class GenerateMobileNavigations {
     #customHeaderPath: string;
     #i18Options: any;
 
-    constructor({
-        appDirPath,
-        modules,
-        initialRouteName = '',
-        unauthenticatedComponentPath = null,
-        customTabBarPath = null,
-        customDrawerPath = null,
-        customHeaderPath = null,
-        i18Options = {},
-    }: IGenerateMobileNavigationsProps) {
-        this.#layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
-        this.#appDirPath = appDirPath;
-        this.#modules = modules;
-        this.#initialRouteName = initialRouteName;
-        this.#unauthenticatedComponentPath = unauthenticatedComponentPath;
-        this.#customTabBarPath = customTabBarPath;
-        this.#customDrawerPath = customDrawerPath;
-        this.#customHeaderPath = customHeaderPath;
-        this.#i18Options = i18Options;
+    constructor({ configFilePath }: IGenerateMobileNavigationsProps) {
+        this.#configFilePath = configFilePath;
+        const config = this.#readConfigFile(configFilePath);
+        this.#configFileData = config;
+        // this.#layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
+        this.#appPath = config?.appPath ?? 'app';
+        this.#mobileStackPath = config?.mobileStackPath ?? 'mobile-stack-react';
+        this.#appDirPath = path.join(path.dirname(configFilePath), this.#appPath);
+        this.#modules = config?.modules ?? [];
+        this.#initialRouteName = config?.initialRouteName ?? '';
+        this.#unauthenticatedComponentPath = config?.unauthenticatedComponentPath ?? '';
+        this.#customTabBarPath = config?.customTabBarPath ?? '';
+        this.#customDrawerPath = config?.customDrawerPath ?? '';
+        this.#customHeaderPath = config?.customHeaderPath ?? '';
+        this.#i18Options = config?.i18n ?? {};
+    }
+
+    #readConfigFile(configFilePath: any) {
+        const jsonData = fs.readFileSync(configFilePath, 'utf-8');
+        return JSON.parse(jsonData);
     }
 
     async #readJsonFile(filePath) {
@@ -193,14 +192,16 @@ export class GenerateMobileNavigations {
         return value;
     }
 
-    async #generateAppRoutesJson({ appDirPath }) {
-        const parentDirPath = path.dirname(appDirPath);
+    async #generateAppRoutesJson() {
+        const appDirPath = this.#appDirPath;
+        const parentDirPath = path.dirname(this.#configFileData?.mobileConfig?.computeFilePath ?? this.#configFilePath);
         const parentDirName = path.basename(parentDirPath);
         const appDirName = path.basename(appDirPath);
         // const tsFile = 'src/compute.ts';
         // const outputDir = 'src/app';
         const tsFile = `${parentDirName}/compute.ts`;
-        const outputDir = `${parentDirName}/${appDirName}`;
+        // const outputDir = `${parentDirName}/${appDirName}`;
+        const outputDir = `${appDirName}`;
         const tscCommand = `tsc ${tsFile} --outDir ${outputDir} --target es6 --module esnext --jsx react  --allowSyntheticDefaultImports true --moduleResolution node --esModuleInterop true --forceConsistentCasingInFileNames true  --skipLibCheck true`;
         const mainRoutesJsFile = path.join(appDirPath, '/compute.js');
         const mainRoutesMjsFile = path.join(appDirPath, '/compute.mjs');
@@ -216,13 +217,12 @@ export class GenerateMobileNavigations {
                 const noWhitespaceJsData = noCommentsData.replace(/\s+/g, '');
                 if (noWhitespaceJsData?.length == 0) {
                     const outPutDirName = path.dirname(outputFile);
-                    const isDirCreated = await this.#makeDir(outPutDirName);
-                    if (isDirCreated) {
-                        const writeFileResponse = await this.#writeFile(outputFile, JSON.stringify(allFilteredRoutes));
-                        if (writeFileResponse) {
-                            return true;
-                        } else return false;
-                    } else return false;
+                    try {
+                        await this.#makeDir(outPutDirName);
+                        await this.#writeFile(outputFile, JSON.stringify(allFilteredRoutes));
+                    } catch (error) {
+                        console.log('Error directory/file create', error);
+                    }
                 } else {
                     const newFilePath = mainRoutesJsFile.replace('.js', '.mjs');
                     const renameFileResponse = await this.#renameFile(mainRoutesJsFile, newFilePath);
@@ -242,46 +242,45 @@ export class GenerateMobileNavigations {
                                         return { [routConfig.path]: routConfig };
                                     }) ?? [];
                                 allFilteredRoutes.push(...newRoutes);
-                                const writeFileResponse = await this.#writeFile(
-                                    outputFile,
-                                    JSON.stringify(allFilteredRoutes, null, 2),
-                                );
-
-                                if (writeFileResponse) {
-                                    fs.unlinkSync(mainRoutesMjsFile);
-                                    return true;
-                                } else return false;
+                                try {
+                                    const writeFileResponse = await this.#writeFile(
+                                        outputFile,
+                                        JSON.stringify(allFilteredRoutes, null, 2),
+                                    );
+
+                                    if (writeFileResponse) fs.unlinkSync(mainRoutesMjsFile);
+                                } catch (error) {
+                                    console.log('Error creating main routes file', error);
+                                }
                             }
-                        } else return false;
-                    } else return false;
+                        }
+                    }
                 }
             } else {
                 const outPutDirName = path.dirname(outputFile);
-                const isDirCreated = await this.#makeDir(outPutDirName);
-                if (isDirCreated) {
-                    const writeFileResponse = await this.#writeFile(outputFile, JSON.stringify(allFilteredRoutes));
-                    if (writeFileResponse) {
-                        return true;
-                    } else return false;
-                } else return false;
+                try {
+                    await this.#makeDir(outPutDirName);
+                    await this.#writeFile(outputFile, JSON.stringify(allFilteredRoutes));
+                } catch (error) {
+                    console.log('Error creating main routes file', error);
+                }
             }
             // return true;
         } catch (error) {
             console.error(`exec error: ${error.message}`);
             const outPutDirName = path.dirname(outputFile);
-            const isDirCreated = await this.#makeDir(outPutDirName);
-            if (isDirCreated) {
-                const writeFileResponse = await this.#writeFile(outputFile, JSON.stringify(allFilteredRoutes));
-                if (writeFileResponse) {
-                    return true;
-                } else return false;
-            } else return false;
+            try {
+                await this.#makeDir(outPutDirName);
+                await this.#writeFile(outputFile, JSON.stringify(allFilteredRoutes));
+            } catch (error) {
+                console.log('Error creating main routes file', error);
+            }
         }
     }
 
     async #generateImportStatements({ modules, initialRouteName }) {
         try {
-            const layoutSettings = this.#layoutSettings;
+            const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
             const layoutConfigFileData = await this.#getLayoutConfig();
             const hostRouteConfig = layoutConfigFileData['host-bottom'];
             const hostRouteKey = Object.keys(hostRouteConfig)[1];
@@ -401,7 +400,7 @@ export class GenerateMobileNavigations {
 
     async #generateMainRoutesFile({ initialRouteName, i18Options }) {
         try {
-            const layoutSettings = this.#layoutSettings;
+            const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
             const layoutConfigFileData = await this.#getLayoutConfig();
             const hostRouteConfig = layoutConfigFileData['host-bottom'];
             const hostRouteKey = Object.keys(hostRouteConfig)[1];
@@ -517,7 +516,6 @@ export class GenerateMobileNavigations {
             return { appFeatures };
         } catch (err) {
             console.error('Error:', err);
-            return false;
         }
     }
 
@@ -525,12 +523,11 @@ export class GenerateMobileNavigations {
         const mainRoutesFile = path.join(appDirPath, `/${mainRoutesJsFileName}`);
         const imports: any = await this.#generateMainRoutesFile({ initialRouteName, i18Options });
         const { appFeatures } = imports;
-        if (appFeatures) {
-            const writeFileResponse = await this.#writeFile(mainRoutesFile, appFeatures);
-            if (writeFileResponse) return true;
-            else return false;
+        try {
+            await this.#writeFile(mainRoutesFile, appFeatures);
+        } catch (err) {
+            console.error('Error generating main routes:', err);
         }
-        return false;
     }
 
     async #generateAppFile({ initialRouteName, i18Options }) {
@@ -589,7 +586,6 @@ export class GenerateMobileNavigations {
             return { appFeatures };
         } catch (err) {
             console.error('Error:', err);
-            return false;
         }
     }
 
@@ -597,18 +593,17 @@ export class GenerateMobileNavigations {
         const mainRoutesFile = path.join(appDirPath, `/${mainAppFileName}`);
         const imports: any = await this.#generateAppFile({ initialRouteName, i18Options });
         const { appFeatures } = imports;
-        if (appFeatures) {
-            const writeFileResponse = await this.#writeFile(mainRoutesFile, appFeatures);
-            if (writeFileResponse) return true;
-            else return false;
+        try {
+            await this.#writeFile(mainRoutesFile, appFeatures);
+        } catch (err) {
+            console.error('Error generating app:', err);
         }
-        return false;
     }
 
     async #generateStackNavigations({ appDirPath, modules, initialRouteName, unauthenticatedComponentPath }) {
         const mainRoutes = path.join(appDirPath, `/${mainRoutesFileName}`);
         const stackDirPath = path.join(appDirPath, `/${stacksDirPath}`);
-        const layoutSettings = this.#layoutSettings;
+        const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
         const layoutConfigFileData = await this.#getLayoutConfig();
         const layoutType = layoutSettings?.layout || 'bottom';
         const layoutRouteConfig = layoutConfigFileData[layoutType];
@@ -765,17 +760,17 @@ export class GenerateMobileNavigations {
             moduleRender = `export default ({Stack,...rest}) => { return (<>${moduleContent}</>)}`;
         }
         stackNavigator = importStatements + '\n' + moduleRender;
-        if (stackNavigator) {
-            let stackNavigation = stackNavigator;
-            stackNavigation = prettier.format(stackNavigation, { parser: 'babel' });
-            const stackDirName = path.dirname(stackDirPath);
+        let stackNavigation = stackNavigator;
+        stackNavigation = prettier.format(stackNavigation, { parser: 'babel' });
+        const stackDirName = path.dirname(stackDirPath);
+        try {
             const isDirCreated = await this.#makeDir(stackDirName);
             if (isDirCreated) {
-                const writeFileResponse = await this.#writeFile(stackDirPath, stackNavigation);
-                if (writeFileResponse) return true;
-                else return false;
-            } else return false;
-        } else return false;
+                await this.#writeFile(stackDirPath, stackNavigation);
+            }
+        } catch (error) {
+            console.log('Error generating stack navigation', error);
+        }
     }
 
     async #generateDrawerNavigationsFile({ drawerConfig, unauthenticatedComponentPath, drawerDirPath }) {
@@ -913,20 +908,18 @@ export class GenerateMobileNavigations {
 
         moduleRender = `export default ({Drawer,...rest}) => { return (<>${moduleContent}</>)}`;
         moduleNavigation = importStatements + '\n' + moduleRender;
-
         const drawerNavigator = moduleNavigation;
-        if (drawerNavigator) {
-            let drawerNavigation = drawerNavigator;
-            drawerNavigation = prettier.format(drawerNavigation, { parser: 'babel' });
-            const drawerDirName = path.dirname(drawerDirPath);
+        let drawerNavigation = drawerNavigator;
+        drawerNavigation = prettier.format(drawerNavigation, { parser: 'babel' });
+        const drawerDirName = path.dirname(drawerDirPath);
+        try {
             const isDirCreated = await this.#makeDir(drawerDirName);
             if (isDirCreated) {
-                const writeFileResponse = await this.#writeFile(drawerDirPath, drawerNavigation);
-                if (writeFileResponse) return true;
-                else return false;
-            } else return false;
+                await this.#writeFile(drawerDirPath, drawerNavigation);
+            }
+        } catch (error) {
+            console.log('Error generating drawer navigation file', error);
         }
-        return false;
     }
 
     async #generateDrawerNavigations({ appDirPath, modules, initialRouteName, unauthenticatedComponentPath }) {
@@ -934,7 +927,7 @@ export class GenerateMobileNavigations {
         const drawerDirPath = path.join(appDirPath, `/${drawerFilePath}`);
         const hostDirPath = path.join(appDirPath, `/${hostDrawerFilePath}`);
 
-        const layoutSettings = this.#layoutSettings;
+        const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
         const layoutConfigFileData = await this.#getLayoutConfig();
         const layoutType = 'side';
         const layoutRouteConfig = layoutConfigFileData[layoutType];
@@ -972,31 +965,32 @@ export class GenerateMobileNavigations {
                 return a?.props?.options?.priority - b?.props?.options?.priority;
             }) ?? [];
 
-        if (layoutSettings?.layout == 'side') {
-            if (drawerConfig) {
-                const drawerNavigation = await this.#generateDrawerNavigationsFile({
-                    drawerConfig: drawerConfig,
-                    unauthenticatedComponentPath,
-                    drawerDirPath: drawerDirPath,
-                });
-                if (drawerNavigation)
+        try {
+            if (layoutSettings?.layout == 'side') {
+                if (drawerConfig) {
                     await this.#generateDrawerNavigationsFile({
-                        drawerConfig: hostDrawerConfig,
+                        drawerConfig: drawerConfig,
                         unauthenticatedComponentPath,
-                        drawerDirPath: hostDirPath,
+                        drawerDirPath: drawerDirPath,
                     });
-                return true;
-            } else {
-                if (hostDrawerConfig) {
-                    const isDrawerGenerated = await this.#generateDrawerNavigationsFile({
+                    await this.#generateDrawerNavigationsFile({
                         drawerConfig: hostDrawerConfig,
                         unauthenticatedComponentPath,
                         drawerDirPath: hostDirPath,
                     });
-                    return isDrawerGenerated;
-                } else return false;
+                } else {
+                    if (hostDrawerConfig) {
+                        await this.#generateDrawerNavigationsFile({
+                            drawerConfig: hostDrawerConfig,
+                            unauthenticatedComponentPath,
+                            drawerDirPath: hostDirPath,
+                        });
+                    }
+                }
             }
-        } else return false;
+        } catch (error) {
+            console.log('Error generating drawer navigation', error);
+        }
     }
 
     async #generateBottomTabNavigationsFile({
@@ -1154,18 +1148,17 @@ export class GenerateMobileNavigations {
         moduleRender = `export default ({Tab,...rest}) => { return (<>${moduleContent}</>)}`;
         moduleNavigation = importStatements + '\n' + moduleRender;
         const bottomTabNavigator = moduleNavigation;
-        if (bottomTabNavigator) {
-            let bottomTabNavigation = bottomTabNavigator;
-            bottomTabNavigation = prettier.format(bottomTabNavigation, { parser: 'babel' });
-            const bottomDirName = path.dirname(bottomDirPath);
+        let bottomTabNavigation = bottomTabNavigator;
+        bottomTabNavigation = prettier.format(bottomTabNavigation, { parser: 'babel' });
+        const bottomDirName = path.dirname(bottomDirPath);
+        try {
             const isDirCreated = await this.#makeDir(bottomDirName);
             if (isDirCreated) {
-                const writeFileResponse = await this.#writeFile(bottomDirPath, bottomTabNavigation);
-                if (writeFileResponse) return true;
-                else return false;
-            } else return false;
+                await this.#writeFile(bottomDirPath, bottomTabNavigation);
+            }
+        } catch (error) {
+            console.log('Error generating bottom tab navigation file', error);
         }
-        return false;
     }
 
     async #generateBottomTabNavigations({ appDirPath, modules, initialRouteName, unauthenticatedComponentPath }) {
@@ -1173,7 +1166,7 @@ export class GenerateMobileNavigations {
         const bottomDirPath = path.join(appDirPath, `/${bottomFilePath}`);
         const hostBottomDirPath = path.join(appDirPath, `/${hostBottomFilePath}`);
 
-        const layoutSettings = this.#layoutSettings;
+        const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
         const layoutConfigFileData = await this.#getLayoutConfig();
         const layoutType = layoutSettings?.layout ?? 'bottom';
         const layoutRouteConfig = layoutConfigFileData[layoutType];
@@ -1213,34 +1206,35 @@ export class GenerateMobileNavigations {
                 if (b?.props?.options?.priority === undefined) return -1;
                 return a?.props?.options?.priority - b?.props?.options?.priority;
             }) ?? [];
-        if (layoutType == 'bottom' || layoutType == 'mixSide') {
-            if (bottomTabConfig) {
-                const drawerNavigation = await this.#generateBottomTabNavigationsFile({
-                    bottomTabConfig: bottomTabConfig,
-                    unauthenticatedComponentPath,
-                    bottomDirPath: bottomDirPath,
-                    mixLayout,
-                });
-                if (drawerNavigation)
+        try {
+            if (layoutType == 'bottom' || layoutType == 'mixSide') {
+                if (bottomTabConfig) {
                     await this.#generateBottomTabNavigationsFile({
-                        bottomTabConfig: hostBottomTabConfig,
+                        bottomTabConfig: bottomTabConfig,
                         unauthenticatedComponentPath,
-                        bottomDirPath: hostBottomDirPath,
+                        bottomDirPath: bottomDirPath,
                         mixLayout,
                     });
-                return true;
-            } else {
-                if (hostBottomTabConfig) {
-                    const isHostGenerated = await this.#generateBottomTabNavigationsFile({
+                    await this.#generateBottomTabNavigationsFile({
                         bottomTabConfig: hostBottomTabConfig,
                         unauthenticatedComponentPath,
                         bottomDirPath: hostBottomDirPath,
                         mixLayout,
                     });
-                    return isHostGenerated;
-                } else return false;
+                } else {
+                    if (hostBottomTabConfig) {
+                        await this.#generateBottomTabNavigationsFile({
+                            bottomTabConfig: hostBottomTabConfig,
+                            unauthenticatedComponentPath,
+                            bottomDirPath: hostBottomDirPath,
+                            mixLayout,
+                        });
+                    }
+                }
             }
-        } else return false;
+        } catch (error) {
+            console.log('Error generating bottom tab navigation', error);
+        }
     }
 
     async #generateBottomTabDrawerNavigations({ appDirPath, modules, initialRouteName, unauthenticatedComponentPath }) {
@@ -1250,7 +1244,7 @@ export class GenerateMobileNavigations {
         const drawerDirPath = path.join(appDirPath, `/${drawerFilePath}`);
         const hostDirPath = path.join(appDirPath, `/${hostDrawerFilePath}`);
 
-        const layoutSettings = this.#layoutSettings;
+        const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
         const layoutConfigFileData = await this.#getLayoutConfig();
         const layoutType = layoutSettings?.layout ?? 'bottom';
         const layoutRouteConfig = layoutConfigFileData[layoutType];
@@ -1313,39 +1307,41 @@ export class GenerateMobileNavigations {
                 }) ?? [];
 
         if (bottomTabConfig) {
-            const drawerNavigation = await this.#generateBottomTabNavigationsFile({
-                bottomTabConfig: bottomTabConfig,
-                unauthenticatedComponentPath,
-                bottomDirPath: bottomDirPath,
-                mixLayout,
-            });
-            if (drawerNavigation)
+            try {
                 await this.#generateBottomTabNavigationsFile({
-                    bottomTabConfig: hostBottomTabConfig,
+                    bottomTabConfig: bottomTabConfig,
                     unauthenticatedComponentPath,
-                    bottomDirPath: hostBottomDirPath,
+                    bottomDirPath: bottomDirPath,
                     mixLayout,
                 });
-            if (drawerConfig) {
-                const drawerNavigation = await this.#generateDrawerNavigationsFile({
-                    drawerConfig: drawerConfig,
+
+                await this.#generateBottomTabNavigationsFile({
+                    bottomTabConfig: hostBottomTabConfig,
                     unauthenticatedComponentPath,
-                    drawerDirPath: drawerDirPath,
+                    bottomDirPath: hostBottomDirPath,
+                    mixLayout,
                 });
-                if (drawerNavigation)
+                if (drawerConfig) {
+                    await this.#generateDrawerNavigationsFile({
+                        drawerConfig: drawerConfig,
+                        unauthenticatedComponentPath,
+                        drawerDirPath: drawerDirPath,
+                    });
                     await this.#generateDrawerNavigationsFile({
                         drawerConfig: hostDrawerConfig,
                         unauthenticatedComponentPath,
                         drawerDirPath: hostDirPath,
                     });
-                return true;
-            } else return true;
-        } else return false;
+                }
+            } catch (error) {
+                console.log('Error in generating drawer bottom tab navigation', error);
+            }
+        }
     }
 
     async #generateAppNavigationFile({ appDirPath, customTabBarPath, customDrawerPath, customHeaderPath }) {
         const navigationDirPath = path.join(appDirPath, `/${appNavigationFileName}`);
-        const layoutSettings = this.#layoutSettings;
+        const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
         const layoutConfigFileData = await this.#getLayoutConfig();
         const layoutType = layoutSettings?.layout || 'bottom';
         const layoutRouteConfig = layoutConfigFileData[layoutType];
@@ -1574,9 +1570,11 @@ export class GenerateMobileNavigations {
      `;
         appNavigation = importStatements + '\n' + rootComponent + '\n' + appComponent;
         appNavigation = prettier.format(appNavigation, { parser: 'babel' });
-        const writeFileResponse = await this.#writeFile(navigationDirPath, appNavigation);
-        if (writeFileResponse) return true;
-        else return false;
+        try {
+            await this.#writeFile(navigationDirPath, appNavigation);
+        } catch (error) {
+            console.log('Error in generating app navigationfile', error);
+        }
     }
 
     async #setLayoutAndGenerateNavigation() {
@@ -1589,92 +1587,150 @@ export class GenerateMobileNavigations {
         const customHeaderPath = this.#customHeaderPath;
         const i18Options = this.#i18Options;
 
-        const layoutSettings = this.#layoutSettings;
+        const layoutSettings = process.env.LAYOUT_SETTINGS ? JSON.parse(process.env.LAYOUT_SETTINGS) : null;
         const layoutConfigFileData = await this.#getLayoutConfig();
         const layoutType = layoutSettings?.layout || 'bottom';
-        const isAppRoutesGenerated = await this.#generateAppRoutesJson({ appDirPath });
-        if (isAppRoutesGenerated) {
-            // await this.#generateModulesTsFile({
-            //     appDirPath,
-            //     modules,
-            //     initialRouteName,
-            // });
+        try {
+            await this.#generateAppRoutesJson();
             await this.#generateMainRoutes({
                 appDirPath,
                 i18Options,
                 initialRouteName,
             });
-            const isAppFileGenerated = await this.#generateApp({
+            await this.#generateApp({
                 appDirPath,
                 i18Options,
                 initialRouteName,
             });
-            if (isAppFileGenerated) {
-                const isStackCreated = await this.#generateStackNavigations({
-                    appDirPath,
-                    modules,
-                    initialRouteName,
-                    unauthenticatedComponentPath,
-                });
-                if (isStackCreated) {
-                    if (layoutType == 'side') {
-                        const isDrawerGenerated = await this.#generateDrawerNavigations({
-                            appDirPath,
-                            modules,
-                            initialRouteName,
-                            unauthenticatedComponentPath,
-                        });
-                        if (isDrawerGenerated) {
-                            const appNavigationGenerated = await this.#generateAppNavigationFile({
-                                appDirPath,
-                                customTabBarPath,
-                                customDrawerPath,
-                                customHeaderPath,
-                            });
-                            if (appNavigationGenerated) return appNavigationGenerated;
-                            else return true;
-                        } else return false;
-                    } else if (layoutType == 'bottom' || layoutType == 'host-bottom') {
-                        const isBottomTabGenerated = await this.#generateBottomTabNavigations({
-                            appDirPath,
-                            modules,
-                            initialRouteName,
-                            unauthenticatedComponentPath,
-                        });
-                        if (isBottomTabGenerated) {
-                            const appNavigationGenerated = await this.#generateAppNavigationFile({
-                                appDirPath,
-                                customTabBarPath,
-                                customDrawerPath,
-                                customHeaderPath,
-                            });
-                            if (appNavigationGenerated) return appNavigationGenerated;
-                            else return true;
-                        } else return false;
-                    } else {
-                        const isBottomTabDrawerGenerated = await this.#generateBottomTabDrawerNavigations({
-                            appDirPath,
-                            modules,
-                            initialRouteName,
-                            unauthenticatedComponentPath,
-                        });
-                        if (isBottomTabDrawerGenerated) {
-                            const appNavigationGenerated = await this.#generateAppNavigationFile({
-                                appDirPath,
-                                customTabBarPath,
-                                customDrawerPath,
-                                customHeaderPath,
-                            });
-                            if (appNavigationGenerated) return appNavigationGenerated;
-                            else return true;
-                        } else return false;
-                    }
-                } else return false;
-            } else return false;
-        } else return false;
+
+            await this.#generateStackNavigations({
+                appDirPath,
+                modules,
+                initialRouteName,
+                unauthenticatedComponentPath,
+            });
+
+            if (layoutType == 'side') {
+                try {
+                    await this.#generateDrawerNavigations({
+                        appDirPath,
+                        modules,
+                        initialRouteName,
+                        unauthenticatedComponentPath,
+                    });
+                    await this.#generateAppNavigationFile({
+                        appDirPath,
+                        customTabBarPath,
+                        customDrawerPath,
+                        customHeaderPath,
+                    });
+                } catch (error) {
+                    console.log('Error in generating side navigation', error);
+                }
+            } else if (layoutType == 'bottom' || layoutType == 'host-bottom') {
+                try {
+                    await this.#generateBottomTabNavigations({
+                        appDirPath,
+                        modules,
+                        initialRouteName,
+                        unauthenticatedComponentPath,
+                    });
+                    await this.#generateAppNavigationFile({
+                        appDirPath,
+                        customTabBarPath,
+                        customDrawerPath,
+                        customHeaderPath,
+                    });
+                } catch (error) {
+                    console.log('Error in generating bottom navigation', error);
+                }
+            } else {
+                try {
+                    await this.#generateBottomTabDrawerNavigations({
+                        appDirPath,
+                        modules,
+                        initialRouteName,
+                        unauthenticatedComponentPath,
+                    });
+
+                    await this.#generateAppNavigationFile({
+                        appDirPath,
+                        customTabBarPath,
+                        customDrawerPath,
+                        customHeaderPath,
+                    });
+                } catch (error) {
+                    console.log('Error in generating drawer bottom navigation', error);
+                }
+            }
+        } catch (error) {
+            console.log('Error generating app navigations', error);
+        }
+    }
+
+    async #performCopyOperations() {
+        const config = this.#configFileData;
+        try {
+            await performCopyOperations(config);
+            await this.#setLayoutAndGenerateNavigation();
+        } catch (error) {
+            console.error('PerformCopyOperations error:', error);
+        }
+    }
+
+    async #deleteDirectoryRecursive(dirPath: any) {
+        if (fs.existsSync(dirPath)) {
+            const files = fs.readdirSync(dirPath);
+            for (const file of files) {
+                const curPath = path.join(dirPath, file);
+                if (fs.lstatSync(curPath).isDirectory()) {
+                    // Recursively delete subdirectories
+                    await this.#deleteDirectoryRecursive(curPath);
+                } else {
+                    // Delete files
+                    fs.unlinkSync(curPath);
+                }
+            }
+            // Delete the directory itself
+            fs.rmdirSync(dirPath);
+        }
+    }
+
+    async #createAppDirectory() {
+        const appDir = this.#appDirPath;
+
+        try {
+            // Check if the directory exists
+            if (fs.existsSync(appDir)) {
+                console.log('Directory exists. Recreating it...');
+                // Delete the directory and its contents
+                await this.#deleteDirectoryRecursive(appDir);
+            }
+
+            // Create the directory
+            fs.mkdirSync(appDir);
+            console.log('Directory created');
+            // Add 'app' to .gitignore if not already present
+            const gitignorePath = path.resolve(appDir, '.gitignore');
+            let gitignoreContent = '';
+            if (fs.existsSync(gitignorePath)) {
+                gitignoreContent = fs.readFileSync(gitignorePath, 'utf8');
+            } else {
+                fs.writeFileSync(gitignorePath, '');
+                console.log('Created .gitignore file');
+            }
+
+            if (!gitignoreContent.includes('*')) {
+                fs.appendFileSync(gitignorePath, '*\n');
+                console.log('Added "*" to .gitignore');
+            }
+            await this.#performCopyOperations();
+        } catch (error) {
+            console.error('Error creating app directory:', error);
+        }
     }
 
     async generateAppNavigations() {
-        return this.#setLayoutAndGenerateNavigation();
+        return this.#createAppDirectory();
     }
 }