app-expo-cli 1.0.0

package/bin/index.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+import "../src/index.js";

package/bun.lock

@@ -0,0 +1,82 @@
+{
+  "lockfileVersion": 1,
+  "workspaces": {
+    "": {
+      "name": "app-expo-cli",
+      "dependencies": {
+        "@clack/prompts": "^1.0.1",
+        "chalk": "^5.6.2",
+        "degit": "^2.8.4",
+        "execa": "^9.6.1",
+        "fs-extra": "^11.3.3",
+      },
+    },
+  },
+  "packages": {
+    "@clack/core": ["@clack/core@1.0.1", "", { "dependencies": { "picocolors": "^1.0.0", "sisteransi": "^1.0.5" } }, "sha512-WKeyK3NOBwDOzagPR5H08rFk9D/WuN705yEbuZvKqlkmoLM2woKtXb10OO2k1NoSU4SFG947i2/SCYh+2u5e4g=="],
+
+    "@clack/prompts": ["@clack/prompts@1.0.1", "", { "dependencies": { "@clack/core": "1.0.1", "picocolors": "^1.0.0", "sisteransi": "^1.0.5" } }, "sha512-/42G73JkuYdyWZ6m8d/CJtBrGl1Hegyc7Fy78m5Ob+jF85TOUmLR5XLce/U3LxYAw0kJ8CT5aI99RIvPHcGp/Q=="],
+
+    "@sec-ant/readable-stream": ["@sec-ant/readable-stream@0.4.1", "", {}, "sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg=="],
+
+    "@sindresorhus/merge-streams": ["@sindresorhus/merge-streams@4.0.0", "", {}, "sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ=="],
+
+    "chalk": ["chalk@5.6.2", "", {}, "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA=="],
+
+    "cross-spawn": ["cross-spawn@7.0.6", "", { "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", "which": "^2.0.1" } }, "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="],
+
+    "degit": ["degit@2.8.4", "", { "bin": "degit" }, "sha512-vqYuzmSA5I50J882jd+AbAhQtgK6bdKUJIex1JNfEUPENCgYsxugzKVZlFyMwV4i06MmnV47/Iqi5Io86zf3Ng=="],
+
+    "execa": ["execa@9.6.1", "", { "dependencies": { "@sindresorhus/merge-streams": "^4.0.0", "cross-spawn": "^7.0.6", "figures": "^6.1.0", "get-stream": "^9.0.0", "human-signals": "^8.0.1", "is-plain-obj": "^4.1.0", "is-stream": "^4.0.1", "npm-run-path": "^6.0.0", "pretty-ms": "^9.2.0", "signal-exit": "^4.1.0", "strip-final-newline": "^4.0.0", "yoctocolors": "^2.1.1" } }, "sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA=="],
+
+    "figures": ["figures@6.1.0", "", { "dependencies": { "is-unicode-supported": "^2.0.0" } }, "sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg=="],
+
+    "fs-extra": ["fs-extra@11.3.3", "", { "dependencies": { "graceful-fs": "^4.2.0", "jsonfile": "^6.0.1", "universalify": "^2.0.0" } }, "sha512-VWSRii4t0AFm6ixFFmLLx1t7wS1gh+ckoa84aOeapGum0h+EZd1EhEumSB+ZdDLnEPuucsVB9oB7cxJHap6Afg=="],
+
+    "get-stream": ["get-stream@9.0.1", "", { "dependencies": { "@sec-ant/readable-stream": "^0.4.1", "is-stream": "^4.0.1" } }, "sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA=="],
+
+    "graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
+
+    "human-signals": ["human-signals@8.0.1", "", {}, "sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ=="],
+
+    "is-plain-obj": ["is-plain-obj@4.1.0", "", {}, "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg=="],
+
+    "is-stream": ["is-stream@4.0.1", "", {}, "sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A=="],
+
+    "is-unicode-supported": ["is-unicode-supported@2.1.0", "", {}, "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ=="],
+
+    "isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="],
+
+    "jsonfile": ["jsonfile@6.2.0", "", { "dependencies": { "universalify": "^2.0.0" }, "optionalDependencies": { "graceful-fs": "^4.1.6" } }, "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg=="],
+
+    "npm-run-path": ["npm-run-path@6.0.0", "", { "dependencies": { "path-key": "^4.0.0", "unicorn-magic": "^0.3.0" } }, "sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA=="],
+
+    "parse-ms": ["parse-ms@4.0.0", "", {}, "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw=="],
+
+    "path-key": ["path-key@3.1.1", "", {}, "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="],
+
+    "picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
+
+    "pretty-ms": ["pretty-ms@9.3.0", "", { "dependencies": { "parse-ms": "^4.0.0" } }, "sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ=="],
+
+    "shebang-command": ["shebang-command@2.0.0", "", { "dependencies": { "shebang-regex": "^3.0.0" } }, "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA=="],
+
+    "shebang-regex": ["shebang-regex@3.0.0", "", {}, "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="],
+
+    "signal-exit": ["signal-exit@4.1.0", "", {}, "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="],
+
+    "sisteransi": ["sisteransi@1.0.5", "", {}, "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg=="],
+
+    "strip-final-newline": ["strip-final-newline@4.0.0", "", {}, "sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw=="],
+
+    "unicorn-magic": ["unicorn-magic@0.3.0", "", {}, "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA=="],
+
+    "universalify": ["universalify@2.0.1", "", {}, "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw=="],
+
+    "which": ["which@2.0.2", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "node-which": "bin/node-which" } }, "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA=="],
+
+    "yoctocolors": ["yoctocolors@2.1.2", "", {}, "sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug=="],
+
+    "npm-run-path/path-key": ["path-key@4.0.0", "", {}, "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ=="],
+  }
+}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "app-expo-cli",
+  "version": "1.0.0",
+  "description": "",
+  "type": "module",
+  "bin": {
+    "app-expo-cli": "./bin/index.js"
+  },
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@clack/prompts": "^1.0.1",
+    "chalk": "^5.6.2",
+    "degit": "^2.8.4",
+    "execa": "^9.6.1",
+    "fs-extra": "^11.3.3"
+  }
+}

package/src/copy-template.js

@@ -0,0 +1,156 @@
+import { confirm, intro, log, outro, spinner } from "@clack/prompts";
+
+import chalk from "chalk";
+import { execa } from "execa";
+import fs from "fs-extra";
+import path from "path";
+
+export async function copyDefaultFiles(projectPath, __dirname) {
+  intro(chalk.bgCyan.black(" CONFIGURING PROJECT ARCHITECTURE "));
+
+  const s = spinner();
+  const templateSrcPath = path.resolve(__dirname, "../template/src");
+  const destSrcPath = path.join(projectPath, "src");
+  const newAppPath = path.join(destSrcPath, "app");
+
+  // 1. Reset project logic
+  s.start("Resetting project structure");
+  try {
+    await execa("npm", ["run", "reset-project"], {
+      cwd: projectPath,
+      stdio: ["pipe", "inherit", "inherit"],
+      input: "n\n",
+    });
+    s.stop("Project structure reset complete");
+  } catch (error) {
+    s.stop(chalk.red("Reset failed, continuing..."));
+  }
+
+  // 2. Copy Base Folders (lib, hooks, etc.)
+  s.start("Copying core folders");
+  const baseFolders = ["hooks", "redux", "utils", "components"];
+  await fs.ensureDir(destSrcPath);
+
+  for (const folder of baseFolders) {
+    const src = path.join(templateSrcPath, folder);
+    const dest = path.join(destSrcPath, folder);
+    if (await fs.pathExists(src)) {
+      await fs.copy(src, dest, { overwrite: true });
+    }
+  }
+  s.stop("Core folders copied");
+
+  // 3. Add Lib Folder in Src if user want
+
+  const addLibFolder = await confirm({
+    message: "Are you want to add library (lib) folder ?",
+    initialValue: false,
+  });
+
+  if (addLibFolder === true) {
+    s.start("Cloning lib from GitHub");
+    try {
+      const targetLibPath = path.join(destSrcPath, "lib");
+
+      // 1. Clone only the latest commit (depth 1) to a temp folder
+      const tempGitPath = path.join(projectPath, "temp_git_lib");
+      await execa("git", [
+        "clone",
+        "--depth",
+        "1",
+        "https://github.com/arifbiswas/lib.git",
+        tempGitPath,
+      ]);
+
+      // 2. Copy the content to your project's lib folder
+      await fs.ensureDir(targetLibPath);
+      await fs.copy(tempGitPath, targetLibPath, { overwrite: true });
+
+      // 3. Remove the temp folder and its .git directory
+      await fs.remove(tempGitPath);
+
+      s.stop("Lib folder synced from GitHub");
+    } catch (error) {
+      s.stop(chalk.red("Git clone failed"));
+    }
+  }
+
+  // 4. Organize 'app' folder and copy specific files
+  const oldAppPath = path.join(projectPath, "app");
+  if (await fs.pathExists(oldAppPath)) {
+    await fs.move(oldAppPath, newAppPath, { overwrite: true });
+
+    // --- NEW: Copy _layout and index files from template/src/app ---
+    const rootFiles = ["_layout.tsx", "index.tsx"];
+    for (const file of rootFiles) {
+      const srcFile = path.join(templateSrcPath, "app", file);
+      const destFile = path.join(newAppPath, file);
+
+      if (await fs.pathExists(srcFile)) {
+        await fs.copy(srcFile, destFile, { overwrite: true });
+        log.step(`File ${file} updated from template`);
+      }
+    }
+
+    // Copy app sub-folders
+    const appSubFolders = ["auth", "common", "modals", "settings"];
+    for (const sub of appSubFolders) {
+      const src = path.join(templateSrcPath, "app", sub);
+      const dest = path.join(newAppPath, sub);
+      if (await fs.pathExists(src)) {
+        await fs.copy(src, dest, { overwrite: true });
+        log.step(`Added ${sub} to src/app`);
+      }
+    }
+
+    // 5. Interactive Tabs and Drawer
+    const needTabs = await confirm({
+      message: "Do you need Bottom Tabs navigation?",
+      initialValue: true,
+    });
+
+    if (needTabs === true) {
+      const tabsSrc = path.join(templateSrcPath, "app/home/tabs/");
+      const tabsDest = path.join(newAppPath, "home/(tabs)");
+      if (await fs.pathExists(tabsSrc)) {
+        await fs.copy(tabsSrc, tabsDest, { overwrite: true });
+        log.success("Tabs navigation added");
+      }
+    }
+
+    const needDrawer = await confirm({
+      message: "Do you need Drawer navigation?",
+      initialValue: false,
+    });
+
+    if (needDrawer === true) {
+      const drawerSrc = path.join(templateSrcPath, "app/home/drawer/");
+      const drawerDest = path.join(newAppPath, "home/(drawer)");
+      if (await fs.pathExists(drawerSrc)) {
+        await fs.copy(drawerSrc, drawerDest, { overwrite: true });
+        log.success("Drawer navigation added");
+      }
+    }
+  }
+
+  // Define the source path for the config file
+  const tailwindSrc = path.resolve(__dirname, "../tailwind.config.js");
+
+  // Define the destination path including the filename
+  const tailwindDest = path.join(projectPath, "tailwind.config.js");
+
+  try {
+    if (await fs.pathExists(tailwindSrc)) {
+      await fs.copy(tailwindSrc, tailwindDest, {
+        overwrite: true,
+      });
+      console.log(chalk.green("✔ tailwind.config.js copied to project root"));
+    } else {
+      console.log(chalk.red("✘ tailwind.config.js not found in template"));
+    }
+  } catch (err) {
+    console.error(chalk.red("Error copying tailwind config:"), err.message);
+  }
+
+  outro(chalk.green.bold("✨ Architecture setup complete!"));
+}

package/src/create-expo.js

@@ -0,0 +1,10 @@
+import chalk from "chalk";
+import { execa } from "execa";
+
+export async function createExpoApp(projectName) {
+  console.log(chalk.blue("Creating latest Expo app..."));
+
+  await execa("bunx", ["create-expo-app", projectName], {
+    stdio: "inherit",
+  });
+}

package/src/index.js

@@ -0,0 +1,39 @@
+import fs from "fs-extra";
+import path from "path";
+import { fileURLToPath } from "url";
+import { copyDefaultFiles } from "./copy-template.js";
+import { createExpoApp } from "./create-expo.js";
+import { installDependencies } from "./install-deps.js";
+import { logError } from "./utils/logger.js";
+const projectName = process.argv[2];
+
+if (!projectName) {
+  logError("Please provide project name");
+  process.exit(1);
+}
+
+// __dirname replacement for ESM
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+async function init() {
+  try {
+    const projectPath = path.join(process.cwd(), projectName);
+
+    if (await fs.pathExists(projectPath)) {
+      logError("Project already exists");
+      process.exit(1);
+    }
+
+    await createExpoApp(projectName);
+
+    await copyDefaultFiles(projectPath, __dirname);
+    await installDependencies(projectPath);
+
+    console.log("\n✅ Project ready 🚀");
+  } catch (err) {
+    logError(err.message);
+  }
+}
+
+init();

package/src/install-deps.js

@@ -0,0 +1,22 @@
+import chalk from "chalk";
+import { execa } from "execa";
+
+export async function installDependencies(projectPath) {
+  console.log(chalk.green("Installing extra dependencies..."));
+
+  await execa(
+    "bun",
+    [
+      "install",
+      "@reduxjs/toolkit",
+      "react-redux",
+      "@react-native-async-storage/async-storage",
+      "axios",
+      "react-native-svg",
+    ],
+    {
+      cwd: projectPath,
+      stdio: "inherit",
+    },
+  );
+}

package/src/utils/logger.js

@@ -0,0 +1,29 @@
+import chalk from "chalk";
+
+export function logError(message) {
+  console.log(chalk.red("❌ " + message));
+}
+
+export function logSuccess(message) {
+  console.log(chalk.green("✅ " + message));
+}
+
+export function logWarning(message) {
+  console.log(chalk.yellow("⚠️ " + message));
+}
+
+export function logInfo(message) {
+  console.log(chalk.blue("i️ " + message));
+}
+
+export function logDebug(message) {
+  console.log(chalk.gray("🐛 " + message));
+}
+
+export function logTest(message) {
+  console.log(chalk.magenta("🧪 " + message));
+}
+
+export function logDone(message) {
+  console.log(chalk.green("✔️ " + message));
+}

package/tailwind.config.js

@@ -0,0 +1,69 @@
+module.exports = {
+  theme: {
+    screens: {
+      sm: "300px",
+      md: "400px",
+      lg: "700px",
+      tablet: "700px",
+
+      // Add more screen sizes here
+    },
+    extend: {
+      // fontSize: {
+      //   fontNormalLizard: "-tracking-[2px]",
+      // },
+      fontFamily: {
+        // Nunito fonts
+        InterBlack: "InterBlack",
+        InterBlackItalic: "InterBlackItalic",
+        InterBold: "InterBold",
+        InterBoldItalic: "InterBoldItalic",
+        InterExtraBold: "InterExtraBold",
+        InterExtraLight: "InterExtraLight",
+        InterExtraLightItalic: "InterExtraLightItalic",
+        InterItalic: "InterItalic",
+        InterLight: "InterLight",
+        InterLightItalic: "InterLightItalic",
+        InterMedium: "InterMedium",
+        InterMediumItalic: "InterMediumItalic",
+        InterRegular: "InterRegular",
+        InterSemiBold: "InterSemiBold",
+        InterSemiBoldItalic: "InterSemiBoldItalic",
+        InterThin: "InterThin",
+        InterThinItalic: "InterThinItalic",
+        // You can replace 'YourCustomFont' with your desired font
+      },
+
+      colors: {
+        primary: "#1F8FFF",
+        secondary: "#3D3D3D",
+        Warning500: "#EAD852",
+        base: "#121212",
+        danger600: "#DC3545",
+        danger50: "#FEF2F2",
+        black50: "#F6F6F6",
+        black60: "#FFFFFF99",
+        black100: "#E7E7E7",
+        black200: "#D1D1D1",
+        black400: "#888888",
+        black500: "#5D5D5D",
+        black600: "#5D5D5D",
+        black800: "#454545",
+        black900: "#333333",
+        black950: "#262626",
+        black1000: "#1D1929",
+
+        white50: "#F6F6F6",
+        white60: "rgba(255, 255, 255, 0.6)",
+        white100: "rgba(217, 217, 217, 1)",
+        white200: "#D1D1D1",
+        white400: "#888888",
+        white500: "#5D5D5D",
+        white600: "#5D5D5D",
+        white800: "#454545",
+        white900: "#333333",
+        white1000: "#1D1929",
+      },
+    },
+  },
+};

package/template/src/app/_layout.tsx

@@ -0,0 +1,61 @@
+import { GestureHandlerRootView } from "react-native-gesture-handler";
+import { Provider } from "react-redux";
+import { Stack } from "expo-router";
+import store from "../redux/store";
+import tw from "../lib/tailwind";
+
+export const unstable_settings = {
+  initialRouteName: "index",
+};
+
+export default function RootLayout() {
+  return (
+    <Provider store={store}>
+      <GestureHandlerRootView>
+        <Stack
+          screenOptions={{
+            headerShown: false,
+            statusBarStyle: "light",
+            contentStyle: tw`bg-base`,
+          }}
+        >
+          <Stack.Screen name="index" options={{}} />
+          <Stack.Screen name="auth" />
+          <Stack.Screen name="home" />
+          <Stack.Screen name="settings" />
+          <Stack.Screen name="common/image" />
+
+          {/*=========================== Modals  Start ============== */}
+
+          <Stack.Screen
+            name="modals/toaster"
+            options={{
+              presentation: "formSheet",
+              sheetAllowedDetents: "fitToContents",
+              contentStyle: tw`bg-base `,
+            }}
+          />
+
+          <Stack.Screen
+            name="modals/confirmation_logout_modal"
+            options={{
+              presentation: "containedTransparentModal",
+              animation: "fade_from_bottom",
+              contentStyle: tw`bg-base`,
+            }}
+          />
+
+          <Stack.Screen
+            name="modals/success_modal"
+            options={{
+              presentation: "transparentModal",
+              animation: "fade_from_bottom",
+            }}
+          />
+
+          {/*=========================== Modals End ============== */}
+        </Stack>
+      </GestureHandlerRootView>
+    </Provider>
+  );
+}

package/template/src/app/auth/_layout.tsx

@@ -0,0 +1,41 @@
+import { Stack } from "expo-router";
+
+export const unstable_settings = {
+  initialRouteName: "index",
+};
+
+export default function RootLayout() {
+  return (
+    <Stack
+      screenOptions={{
+        headerShown: false,
+      }}
+    >
+      <Stack.Screen
+        name="index"
+        options={{
+          statusBarStyle: "light",
+        }}
+      />
+      <Stack.Screen
+        name="register"
+        options={{
+          statusBarStyle: "light",
+        }}
+      />
+
+      <Stack.Screen
+        name="change_pass"
+        options={{
+          statusBarStyle: "light",
+        }}
+      />
+      <Stack.Screen
+        name="change_pass_modal"
+        options={{
+          presentation: "transparentModal",
+        }}
+      />
+    </Stack>
+  );
+}