create-mobile-app 0.0.0-stage → 1.0.1

package/dist/cli.js

@@ -0,0 +1,2119 @@
+#!/usr/bin/env node
+
+"use strict";var Ee=Object.create;var U=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var Ie=Object.getOwnPropertyNames;var Oe=Object.getPrototypeOf,Me=Object.prototype.hasOwnProperty;var Le=(e,t)=>{for(var o in t)U(e,o,{get:t[o],enumerable:!0})},ie=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ie(t))!Me.call(e,i)&&i!==o&&U(e,i,{get:()=>t[i],enumerable:!(n=Re(t,i))||n.enumerable});return e};var x=(e,t,o)=>(o=e!=null?Ee(Oe(e)):{},ie(t||!e||!e.__esModule?U(o,"default",{value:e,enumerable:!0}):o,e)),He=e=>ie(U({},"__esModule",{value:!0}),e);var Ve={};Le(Ve,{runCli:()=>Be});module.exports=He(Ve);var $e=require("commander");var F=x(require("prompts"));var ae=x(require("path"));function L(e){if(!e||e.trim()==="")return{valid:!1,error:"Project name cannot be empty."};let t=e.trim();return t.includes("/")||t.includes("\\")||t.includes("..")?{valid:!1,error:'Project name cannot contain path separators or "..".'}:/^[a-zA-Z0-9_-]+$/.test(t)?["react","react-native","expo","node_modules","favicon.ico","package.json","tsconfig.json"].includes(t.toLowerCase())?{valid:!1,error:`"${t}" is a reserved system or package name.`}:{valid:!0,sanitizedName:t}:{valid:!1,error:"Project name may only contain letters, numbers, underscores, and hyphens."}}function _(e,t){return ae.default.resolve(e,t)}var j=x(require("fs")),se=x(require("path"));function Y(e){return j.default.existsSync(e)}function ce(e){return j.default.existsSync(e)?j.default.readdirSync(e).length===0:!0}function N(e){j.default.existsSync(e)||j.default.mkdirSync(e,{recursive:!0})}function r(e,t){let o=se.default.dirname(e);N(o),j.default.writeFileSync(e,t.trimStart(),"utf-8")}function le(e){j.default.existsSync(e)&&j.default.rmSync(e,{recursive:!0,force:!0})}var pe=require("child_process");function me(){let e=process.env.npm_config_user_agent||"";return e.includes("bun")?"bun":e.includes("pnpm")?"pnpm":e.includes("yarn")?"yarn":"npm"}function de(e,t){try{let o=t==="yarn"?"yarn install":t==="npm"?"npm install --legacy-peer-deps":`${t} install`;return(0,pe.execSync)(o,{cwd:e,stdio:"inherit"}),!0}catch{return!1}}var v=x(require("picocolors")),s={banner(){console.log(""),console.log(v.default.cyan(v.default.bold("\u{1F680} Create Mobile App"))),console.log(v.default.gray(`   Production-ready React Native architecture in one command
+`))},info(e){console.log(`${v.default.blue("\u2139")} ${e}`)},success(e){console.log(`${v.default.green("\u2713")} ${e}`)},step(e){console.log(`${v.default.cyan("\u26A1")} ${e}`)},warn(e){console.log(`${v.default.yellow("\u26A0")} ${e}`)},error(e){console.log(`${v.default.red("\u2716")} ${e}`)},completion(e,t){let o=t==="npm"?"npm run":t;console.log(""),console.log(v.default.green(v.default.bold(`\u{1F389} ${e} is ready!`))),console.log(""),console.log(v.default.bold("Next steps:")),console.log(v.default.cyan(`  cd ${e}`)),console.log(v.default.cyan(`  ${t} start`)),console.log(""),console.log(v.default.bold("Android:")),console.log(v.default.cyan(`  ${o} android`)),console.log(""),console.log(v.default.bold("iOS:")),console.log(v.default.cyan(`  ${o} ios`)),console.log(""),console.log(v.default.bold("Read details:")),console.log(v.default.cyan("  README.md")),console.log("")}};function H(e){if(!e||e.trim()==="")return{expoSdk:"~57.0.0",expoSdkTemplate:"blank@sdk-57"};let t=e.trim();if(t.toLowerCase()==="latest")return{expoSdk:"latest",expoSdkTemplate:"blank@latest"};if(/^\d{2}$/.test(t))return{expoSdk:`~${t}.0.0`,expoSdkTemplate:`blank@sdk-${t}`};let o=t.match(/(\d{2})\.\d+/);if(o){let n=o[1];return{expoSdk:t.startsWith("~")||t.startsWith("^")?t:`~${t}`,expoSdkTemplate:`blank@sdk-${n}`}}return{expoSdk:t,expoSdkTemplate:"blank@sdk-57"}}async function X(e){if(e)return H(e);let t=await(0,F.default)({type:"select",name:"sdk",message:"Select Expo SDK Version",choices:[{title:"SDK 57 (~57.0.0 - Recommended Default)",value:"~57.0.0"},{title:"SDK 58 (Latest)",value:"~58.0.0"},{title:"SDK 56 (~56.0.0)",value:"~56.0.0"},{title:"SDK 55 (~55.0.0)",value:"~55.0.0"},{title:"SDK 54 (~54.0.0)",value:"~54.0.0"},{title:"SDK 52 (~52.0.0 LTS)",value:"~52.0.0"},{title:"Custom / Manual Entry...",value:"manual"}],initial:0});if(!t.sdk)return H("~57.0.0");if(t.sdk==="manual"){let o=await(0,F.default)({type:"text",name:"version",message:"Enter Expo SDK version (e.g. 57, 58, 54, ~57.0.0, or latest):",initial:"57",validate:n=>n&&n.trim().length>0?!0:"SDK version cannot be empty"});return H(o.version||"57")}return H(t.sdk)}async function ue(e,t,o=process.cwd()){let n=!!t.yes,i=e;if(!i)if(n)i="MyApp";else{let y=await(0,F.default)({type:"text",name:"projectName",message:"Project name",initial:"MyApp",validate:g=>{let b=L(g);return b.valid?!0:b.error??"Invalid name"}});if(!y.projectName)return s.error("Operation cancelled."),null;i=y.projectName}if(!i)return s.error("Invalid project name."),null;let a=L(i);if(!a.valid)return s.error(a.error||"Invalid project name."),null;let c=a.sanitizedName,l=_(o,c);if(Y(l)&&!ce(l)){if(n)return s.error(`Directory "${c}" already exists and is not empty.`),s.warn("In --yes mode, existing directories are protected. Please choose another name or clear the directory."),null;let y=await(0,F.default)({type:"select",name:"dirAction",message:`Directory "${c}" already exists. What do you want to do?`,choices:[{title:"Cancel",value:"cancel"},{title:"Use another name",value:"rename"},{title:"Replace (overwrite existing directory)",value:"replace"}],initial:0});if(!y.dirAction||y.dirAction==="cancel")return s.error("Operation cancelled."),null;if(y.dirAction==="rename"){let g=await(0,F.default)({type:"text",name:"newName",message:"Enter new project name",initial:`${c}-app`,validate:E=>{let R=L(E);return R.valid?Y(_(o,E.trim()))?"Directory already exists!":!0:R.error??"Invalid name"}});if(!g.newName)return s.error("Operation cancelled."),null;let b=L(g.newName);l=_(o,b.sanitizedName)}else if(y.dirAction==="replace"){if(!(await(0,F.default)({type:"confirm",name:"value",message:`Are you sure you want to replace "${c}"? All files inside will be DELETED.`,initial:!1})).value)return s.error("Operation cancelled."),null;le(l)}}let p=t.pm??me();if(n){let y=H(t.expoSdk);return{projectName:c,targetDir:l,mode:"complete",platform:t.platform??"expo",typescript:!0,responsive:t.responsive??!0,theme:t.theme??!0,components:t.components??!0,navigation:t.navigation??!0,tabs:t.tabs??!0,drawer:t.drawer??!0,api:t.api??!0,query:t.query??!0,service:t.service??!0,auth:t.auth??!0,guest:t.guest??!0,storage:t.storage??!0,examples:t.examples??!0,husky:t.husky??!0,expoSdk:y.expoSdk,expoSdkTemplate:y.expoSdkTemplate,pm:p}}let u=await(0,F.default)({type:"select",name:"mode",message:"What type of project do you want?",choices:[{title:"Complete App (Recommended)",value:"complete"},{title:"Custom Setup",value:"custom"},{title:"Minimal App",value:"minimal"}],initial:0});if(!u.mode)return s.error("Operation cancelled."),null;let h=u.mode;if(h==="complete"){let g=(await(0,F.default)({type:"select",name:"platform",message:"Choose platform",choices:[{title:"Expo",value:"expo"},{title:"React Native CLI",value:"cli"}],initial:0})).platform||"expo",b={expoSdk:"~57.0.0",expoSdkTemplate:"blank@sdk-57"};return g==="expo"&&(b=await X(t.expoSdk)),{projectName:c,targetDir:l,mode:"complete",platform:g,typescript:!0,responsive:!0,theme:!0,components:!0,navigation:!0,tabs:!0,drawer:!0,api:!0,query:!0,service:!0,auth:!0,guest:!0,storage:!0,examples:!0,husky:!0,expoSdk:b.expoSdk,expoSdkTemplate:b.expoSdkTemplate,pm:p}}if(h==="minimal"){let g=(await(0,F.default)({type:"select",name:"platform",message:"Choose platform",choices:[{title:"Expo",value:"expo"},{title:"React Native CLI",value:"cli"}],initial:0})).platform||"expo",b={expoSdk:"~57.0.0",expoSdkTemplate:"blank@sdk-57"};return g==="expo"&&(b=await X(t.expoSdk)),{projectName:c,targetDir:l,mode:"minimal",platform:g,typescript:!0,responsive:t.responsive??!0,theme:t.theme??!0,components:t.components??!0,navigation:t.navigation??!0,tabs:!1,drawer:!1,api:t.api??!1,query:t.query??!1,service:t.service??!1,auth:t.auth??!1,guest:t.guest??!1,storage:t.storage??!1,examples:!1,husky:!1,expoSdk:b.expoSdk,expoSdkTemplate:b.expoSdkTemplate,pm:p}}let m=await(0,F.default)({type:"select",name:"platform",message:"Choose platform",choices:[{title:"Expo",value:"expo"},{title:"React Native CLI",value:"cli"}],initial:0});if(!m.platform)return s.error("Operation cancelled."),null;let w=m.platform,d={expoSdk:"~57.0.0",expoSdkTemplate:"blank@sdk-57"};w==="expo"&&(d=await X(t.expoSdk));let f=await(0,F.default)([{type:"confirm",name:"typescript",message:"TypeScript (Strict mode)?",initial:!0},{type:"confirm",name:"responsive",message:"Responsive (react-native-dynamic-responsive)?",initial:!0},{type:"confirm",name:"theme",message:"Theme Architecture (Light/Dark/System)?",initial:!0},{type:"confirm",name:"components",message:"Common UI Components (CText, CBox, CButton, etc.)?",initial:!0},{type:"confirm",name:"navigation",message:"Navigation Architecture?",initial:!0},{type:(y,g)=>g.navigation?"confirm":null,name:"tabs",message:"Bottom Tabs (5 Tabs Demo)?",initial:!0},{type:(y,g)=>g.navigation?"confirm":null,name:"drawer",message:"Do you want Drawer Navigation?",initial:!0},{type:"confirm",name:"api",message:"API Client Architecture?",initial:!0},{type:(y,g)=>g.api?"confirm":null,name:"query",message:"TanStack Query Setup?",initial:!0},{type:(y,g)=>g.api?"confirm":null,name:"service",message:"Service Architecture (Home, Profile, Auth)?",initial:!0},{type:"confirm",name:"auth",message:"Authentication Context & Provider?",initial:!0},{type:(y,g)=>g.auth?"confirm":null,name:"guest",message:"Guest Mode Support?",initial:!0},{type:"confirm",name:"storage",message:"Storage Abstraction Layer?",initial:!0},{type:"confirm",name:"husky",message:"Do you want error-free code / pre-commit hooks (Husky + Prettier + Lint-staged)?",initial:!0},{type:"confirm",name:"examples",message:"Example Screens & Demo Data?",initial:!0}]);return{projectName:c,targetDir:l,mode:"custom",platform:w,typescript:f.typescript??!0,responsive:f.responsive??!0,theme:f.theme??!0,components:f.components??!0,navigation:f.navigation??!0,tabs:f.tabs??!0,drawer:f.drawer??!0,api:f.api??!0,query:f.query??!0,service:f.service??!0,auth:f.auth??!0,guest:f.guest??!0,storage:f.storage??!0,examples:f.examples??!0,husky:f.husky??!0,expoSdk:d.expoSdk,expoSdkTemplate:d.expoSdkTemplate,pm:p}}var S=x(require("path")),V=x(require("fs"));function ge(e){let{targetDir:t,projectName:o,platform:n,navigation:i,tabs:a,drawer:c,query:l,storage:p,responsive:u,husky:h,components:m}=e,w=e.expoSdk||"~57.0.0",d={react:"19.2.3","react-native":"0.86.3","react-native-safe-area-context":"^5.0.0","react-native-screens":"^4.6.0"};n==="expo"&&(d.expo=w,d["expo-status-bar"]="~57.0.1",d["expo-asset"]="~57.0.2",d["react-dom"]="19.2.3",d["react-native-web"]="~0.19.13",d["@expo/metro-runtime"]="~4.0.1"),u&&(d["react-native-dynamic-responsive"]="^1.1.1"),l&&(d["@tanstack/react-query"]="^5.62.0"),i&&(d["@react-navigation/native"]="^7.0.0",d["@react-navigation/native-stack"]="^7.0.0",d["react-native-gesture-handler"]="~2.20.0",d["react-native-reanimated"]="~3.16.1",d["react-native-worklets"]="^0.12.1"),a&&(d["@react-navigation/bottom-tabs"]="^7.0.0"),c&&(d["@react-navigation/drawer"]="^7.0.0"),p&&(d["@react-native-async-storage/async-storage"]="^2.1.0");let f={"@babel/core":"^7.25.0","@babel/preset-env":"^7.25.0","@babel/runtime":"^7.25.0","@types/react":"~18.3.12","babel-plugin-module-resolver":"^5.0.0","create-mobile-app":"^1.0.0",typescript:"^5.5.0"};n==="expo"?f["babel-preset-expo"]=w:f["@react-native/babel-preset"]="^0.76.0",h&&(f.husky="^9.1.0",f["lint-staged"]="^15.2.0",f.prettier="^3.3.0");let y=n==="expo"?{start:"expo start",android:"expo start --android",ios:"expo start --ios",web:"expo start --web",lint:"tsc --noEmit",test:'echo "No test specified" && exit 0'}:{start:"react-native start",android:"react-native run-android",ios:"react-native run-ios",lint:"tsc --noEmit",test:'echo "No test specified" && exit 0'};h&&(y.prepare="husky",y.typecheck="tsc --noEmit",y.format='prettier --write "src/**/*.{ts,tsx,json,md}"');let g={name:o.toLowerCase(),version:"1.0.0",private:!0,scripts:y,dependencies:d,devDependencies:f,devminds:{generator:"create-mobile-app",website:"https://devminds.in",portfolio:"https://devminds.in/portfolio",author:"Dharmendra (Dev) kumar"}},b=S.default.join(t,"package.json");if(V.default.existsSync(b))try{let C=JSON.parse(V.default.readFileSync(b,"utf8")),J={...d,...C.dependencies};e.expoSdk&&e.expoSdk!=="latest"&&(J.expo=C.dependencies?.expo||e.expoSdk),g={...C,name:o.toLowerCase(),scripts:{...C.scripts,...y},dependencies:J,devDependencies:{...C.devDependencies,...f},devminds:{generator:"create-mobile-app",website:"https://devminds.in",portfolio:"https://devminds.in/portfolio",author:"Dharmendra (Dev) kumar"}}}catch{}if(h&&(g["lint-staged"]={"*.{ts,tsx}":["prettier --write"],"*.{json,md,js}":["prettier --write"]}),r(S.default.join(t,"package.json"),JSON.stringify(g,null,2)),h){let C={singleQuote:!0,trailingComma:"all",printWidth:100,tabWidth:2,semi:!0};r(S.default.join(t,".prettierrc"),JSON.stringify(C,null,2)),r(S.default.join(t,".prettierignore"),`node_modules/
+dist/
+.expo/
+android/
+ios/
+`),r(S.default.join(t,".husky","pre-commit"),`npx tsc --noEmit
+npx lint-staged
+`)}let E={expo:{name:o,slug:o.toLowerCase().replace(/[^a-z0-9_-]/g,"-"),version:"1.0.0",orientation:"portrait",icon:"./assets/icon.png",userInterfaceStyle:"automatic",newArchEnabled:!0,splash:{image:"./assets/splash.png",resizeMode:"contain",backgroundColor:"#0015B6"},ios:{supportsTablet:!0},android:{adaptiveIcon:{foregroundImage:"./assets/adaptive-icon.png",backgroundColor:"#0015B6"}},web:{favicon:"./assets/favicon.png"}}},R=S.default.join(t,"app.json");if(V.default.existsSync(R))try{let C=JSON.parse(V.default.readFileSync(R,"utf8"));E={...C,expo:{...C.expo,name:o,slug:o.toLowerCase().replace(/[^a-z0-9_-]/g,"-"),icon:"./assets/icon.png",splash:{image:"./assets/splash.png",resizeMode:"contain",backgroundColor:"#0015B6",...C.expo?.splash||{}},android:{...C.expo?.android||{},adaptiveIcon:{foregroundImage:"./assets/adaptive-icon.png",backgroundColor:"#0015B6"}},web:{...C.expo?.web||{},favicon:"./assets/favicon.png"}}}}catch{}r(S.default.join(t,"app.json"),JSON.stringify(E,null,2));let W={compilerOptions:{target:"esnext",module:"commonjs",lib:["es2021"],allowJs:!0,jsx:"react-native",noEmit:!0,isolatedModules:!0,strict:!0,moduleResolution:"node",allowSyntheticDefaultImports:!0,esModuleInterop:!0,skipLibCheck:!0,baseUrl:".",paths:{"@/*":["src/*"]}},exclude:["node_modules","babel.config.js","metro.config.js"]};r(S.default.join(t,"tsconfig.json"),JSON.stringify(W,null,2));let Q=`module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ['${n==="expo"?"babel-preset-expo":"module:@react-native/babel-preset"}'],
+    plugins: [
+      [
+        'module-resolver',
+        {
+          root: ['./'],
+          alias: {
+            '@': './src',
+          },
+        },
+      ],
+      ${i?"'react-native-reanimated/plugin',":""}
+    ],
+  };
+};
+`;r(S.default.join(t,"babel.config.js"),Q);let q=n==="expo"?`const { getDefaultConfig } = require('expo/metro-config');
+const config = getDefaultConfig(__dirname);
+module.exports = config;
+`:`const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+const config = {};
+module.exports = mergeConfig(getDefaultConfig(__dirname), config);
+`;r(S.default.join(t,".metro.config.js"),q),r(S.default.join(t,"metro.config.js"),q),r(S.default.join(t,".env.example"),`API_BASE_URL=https://api.example.com
+APP_ENV=development
+`),r(S.default.join(t,".gitignore"),`# node_modules
+node_modules/
+.expo/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Xcode & Android
+*.xcworkspace
+*.xcodeproj
+android/app/build
+android/build
+ios/Pods
+ios/build
+
+# Environment
+.env
+.env.local
+`);let G=`/**
+ * Project: ${o}
+ * Generated with create-mobile-app by DevMinds Technologies
+ * 
+ * DevMinds Technologies (WEB \xB7 MOBILE \xB7 CLOUD \xB7 DESIGN)
+ * Website: https://devminds.in
+ * Portfolio: https://devminds.in/portfolio
+ * Lead Developer: Dharmendra (Dev) kumar (https://www.linkedin.com/in/dharmendra-appdeveloper)
+ */
+
+import React from 'react';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+${e.theme?"import { AppTheme } from '@/theme';":""}
+${e.query?`import { QueryClientProvider } from '@tanstack/react-query';
+import { queryClient } from '@/api';`:""}
+${m?"import { AlertProvider } from '@/components';":""}
+${e.navigation?`import { NavigationContainer } from '@react-navigation/native';
+import { RootNavigator } from '@/navigations';`:""}
+${e.auth?"import { AuthProvider } from '@/auth';":""}
+${e.navigation?"":"import { StyleSheet, Text, View } from 'react-native';"}
+
+export default function App() {
+  return (
+    <SafeAreaProvider>
+      ${e.theme?"<AppTheme>":"<>"}${e.query?`
+        <QueryClientProvider client={queryClient}>`:""}${m?`
+          <AlertProvider>`:""}${e.auth?`
+            <AuthProvider>`:""}${e.navigation?`
+              <NavigationContainer>
+                <RootNavigator />
+              </NavigationContainer>`:`
+              <View style={styles.container}>
+                <Text style={styles.title}>Welcome to ${o}</Text>
+                <Text style={styles.subtitle}>Architecture set up successfully.</Text>
+              </View>`}${e.auth?`
+            </AuthProvider>`:""}${m?`
+          </AlertProvider>`:""}${e.query?`
+        </QueryClientProvider>`:""}${e.theme?`
+      </AppTheme>`:`
+      </>`}
+    </SafeAreaProvider>
+  );
+}
+
+${e.navigation?"":`const styles = StyleSheet.create({
+  container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F8FAFC' },
+  title: { fontSize: 24, fontWeight: 'bold', color: '#0F172A', marginBottom: 8 },
+  subtitle: { fontSize: 16, color: '#64748B' },
+});`}
+`;r(S.default.join(t,"App.tsx"),G)}var I=x(require("path"));function fe(e){if(!e.api)return;let{targetDir:t,query:o}=e,n=I.default.join(t,"src","api");r(I.default.join(n,"api.ts"),`import { env } from '@/config';
+import { handleApiError, normalizeResponse } from './handle';
+
+export interface RequestConfig extends RequestInit {
+  token?: string;
+  params?: Record<string, string | number | boolean>;
+}
+
+export interface ApiResponse<T = any> {
+  data: T;
+  status: number;
+  message?: string;
+  ok: boolean;
+}
+
+class ApiClient {
+  private baseUrl: string;
+  private defaultHeaders: Record<string, string>;
+
+  constructor(baseUrl: string = env.API_BASE_URL) {
+    this.baseUrl = baseUrl;
+    this.defaultHeaders = {
+      'Content-Type': 'application/json',
+      Accept: 'application/json',
+    };
+  }
+
+  private buildUrl(endpoint: string, params?: Record<string, string | number | boolean>): string {
+    const cleanEndpoint = endpoint.startsWith('/') ? endpoint : \`/\${endpoint}\`;
+    const fullUrl = this.baseUrl.endsWith('/')
+      ? \`\${this.baseUrl.slice(0, -1)}\${cleanEndpoint}\`
+      : \`\${this.baseUrl}\${cleanEndpoint}\`;
+
+    if (!params || Object.keys(params).length === 0) {
+      return fullUrl;
+    }
+
+    const searchParams = new URLSearchParams();
+    Object.entries(params).forEach(([key, val]) => {
+      if (val !== undefined && val !== null) {
+        searchParams.append(key, String(val));
+      }
+    });
+
+    return \`\${fullUrl}?\${searchParams.toString()}\`;
+  }
+
+  private async request<T>(endpoint: string, config: RequestConfig = {}): Promise<ApiResponse<T>> {
+    const { token, params, headers, ...customConfig } = config;
+    const url = this.buildUrl(endpoint, params);
+
+    const requestHeaders: Record<string, string> = {
+      ...this.defaultHeaders,
+      ...(headers as Record<string, string>),
+    };
+
+    if (token) {
+      requestHeaders['Authorization'] = \`Bearer \${token}\`;
+    }
+
+    try {
+      const response = await fetch(url, {
+        ...customConfig,
+        headers: requestHeaders,
+      });
+
+      return await normalizeResponse<T>(response);
+    } catch (error) {
+      throw handleApiError(error);
+    }
+  }
+
+  public async get<T>(endpoint: string, config?: RequestConfig): Promise<ApiResponse<T>> {
+    return this.request<T>(endpoint, { ...config, method: 'GET' });
+  }
+
+  public async post<T>(endpoint: string, body?: any, config?: RequestConfig): Promise<ApiResponse<T>> {
+    return this.request<T>(endpoint, {
+      ...config,
+      method: 'POST',
+      body: body ? JSON.stringify(body) : undefined,
+    });
+  }
+
+  public async put<T>(endpoint: string, body?: any, config?: RequestConfig): Promise<ApiResponse<T>> {
+    return this.request<T>(endpoint, {
+      ...config,
+      method: 'PUT',
+      body: body ? JSON.stringify(body) : undefined,
+    });
+  }
+
+  public async patch<T>(endpoint: string, body?: any, config?: RequestConfig): Promise<ApiResponse<T>> {
+    return this.request<T>(endpoint, {
+      ...config,
+      method: 'PATCH',
+      body: body ? JSON.stringify(body) : undefined,
+    });
+  }
+
+  public async delete<T>(endpoint: string, config?: RequestConfig): Promise<ApiResponse<T>> {
+    return this.request<T>(endpoint, { ...config, method: 'DELETE' });
+  }
+}
+
+export const apiClient = new ApiClient();
+`),r(I.default.join(n,"handle","index.ts"),`import { ApiResponse } from '../api';
+
+export interface NormalizedError {
+  message: string;
+  status?: number;
+  code?: string;
+  raw?: any;
+}
+
+export async function normalizeResponse<T>(response: Response): Promise<ApiResponse<T>> {
+  let data: any;
+
+  try {
+    const text = await response.text();
+    data = text ? JSON.parse(text) : {};
+  } catch {
+    data = {};
+  }
+
+  if (!response.ok) {
+    const error: NormalizedError = {
+      message: data?.message || data?.error || \`HTTP error \${response.status}\`,
+      status: response.status,
+      code: data?.code,
+      raw: data,
+    };
+    throw error;
+  }
+
+  return {
+    data: data as T,
+    status: response.status,
+    message: data?.message,
+    ok: response.ok,
+  };
+}
+
+export function handleApiError(error: any): NormalizedError {
+  if (error && typeof error === 'object' && 'message' in error) {
+    return {
+      message: error.message || 'An unexpected error occurred.',
+      status: error.status,
+      code: error.code,
+      raw: error,
+    };
+  }
+
+  return {
+    message: typeof error === 'string' ? error : 'Network error or service unavailable.',
+    raw: error,
+  };
+}
+`),r(I.default.join(n,"handle","queryKey","index.ts"),`export const queryKeys = {
+  home: {
+    all: ['home'] as const,
+    detail: (id: string) => ['home', id] as const,
+  },
+  profile: {
+    all: ['profile'] as const,
+  },
+  auth: {
+    user: ['auth', 'user'] as const,
+  },
+  search: {
+    results: (query: string) => ['search', query] as const,
+  },
+  notification: {
+    all: ['notification'] as const,
+  },
+} as const;
+`),o&&r(I.default.join(n,"queryClient.ts"),`import { QueryClient } from '@tanstack/react-query';
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: 1,
+      staleTime: 1000 * 60 * 5, // 5 minutes
+      gcTime: 1000 * 60 * 30, // 30 minutes
+      refetchOnWindowFocus: false,
+    },
+    mutations: {
+      retry: 0,
+    },
+  },
+});
+`);let l=`export * from './api';
+export * from './handle';
+export * from './handle/queryKey';
+${o?"export * from './queryClient';":""}
+`;r(I.default.join(n,"index.ts"),l)}var k=x(require("path"));function ye(e){if(!e.service)return;let{targetDir:t,query:o,api:n}=e,i=k.default.join(t,"src","service"),a=n?"import { apiClient } from '@/api';":"",c=o?`import { useQuery, useMutation } from '@tanstack/react-query';
+import { queryKeys } from '@/api';`:"",l=`${a}
+
+export interface HomeData {
+  welcomeMessage: string;
+  featuredItems: { id: string; title: string; subtitle: string }[];
+  todayOverview: { activeUsers: number; totalSales: number };
+}
+
+export const Home = {
+  getHome: async (): Promise<HomeData> => {
+    ${n?`const response = await apiClient.get<HomeData>('/home');
+    return response.data;`:`// Mock implementation
+    return {
+      welcomeMessage: 'Welcome to your application architecture!',
+      featuredItems: [
+        { id: '1', title: 'Modular Architecture', subtitle: 'Senior-level, scalable React Native structure' },
+        { id: '2', title: 'Dynamic Responsive', subtitle: 'Powered by react-native-dynamic-responsive' },
+        { id: '3', title: 'TanStack Query', subtitle: 'Server state & cache management setup' },
+      ],
+      todayOverview: { activeUsers: 1420, totalSales: 8900 },
+    };`}
+  },
+
+  getDetails: async (id: string) => {
+    ${n?"const response = await apiClient.get(`/home/${id}`);\n    return response.data;":"return { id, title: `Item ${id}`, description: 'Detailed information for item' };"}
+  },
+};
+`;if(r(k.default.join(i,"home","index.ts"),l),o){let m=`${c}
+import { Home, HomeData } from './index';
+
+export const useHomeQuery = () => {
+  return useQuery<HomeData>({
+    queryKey: queryKeys.home.all,
+    queryFn: Home.getHome,
+  });
+};
+
+export const useHomeDetailsQuery = (id: string) => {
+  return useQuery({
+    queryKey: queryKeys.home.detail(id),
+    queryFn: () => Home.getDetails(id),
+    enabled: Boolean(id),
+  });
+};
+`;r(k.default.join(i,"home","query.ts"),m)}let p=`${a}
+
+export interface UserProfile {
+  id: string;
+  name: string;
+  email: string;
+  phone: string;
+  avatarUrl?: string;
+  role: string;
+}
+
+export const Profile = {
+  getProfile: async (): Promise<UserProfile> => {
+    ${n?`const response = await apiClient.get<UserProfile>('/profile');
+    return response.data;`:`return {
+      id: 'usr_1001',
+      name: 'John Doe',
+      email: 'john.doe@example.com',
+      phone: '+1 555-0199',
+      role: 'Senior Lead Architect',
+    };`}
+  },
+
+  updateProfile: async (data: Partial<UserProfile>): Promise<UserProfile> => {
+    ${n?`const response = await apiClient.patch<UserProfile>('/profile', data);
+    return response.data;`:`return {
+      id: 'usr_1001',
+      name: data.name || 'John Doe',
+      email: data.email || 'john.doe@example.com',
+      phone: data.phone || '+1 555-0199',
+      role: 'Senior Lead Architect',
+    };`}
+  },
+};
+`;if(r(k.default.join(i,"profile","index.ts"),p),o){let m=`${c}
+import { Profile, UserProfile } from './index';
+
+export const useProfileQuery = () => {
+  return useQuery<UserProfile>({
+    queryKey: queryKeys.profile.all,
+    queryFn: Profile.getProfile,
+  });
+};
+
+export const useUpdateProfileMutation = () => {
+  return useMutation({
+    mutationFn: (data: Partial<UserProfile>) => Profile.updateProfile(data),
+  });
+};
+`;r(k.default.join(i,"profile","query.ts"),m)}let u=`${a}
+
+export interface LoginParams {
+  email: string;
+  password?: string;
+}
+
+export interface AuthResponse {
+  token: string;
+  user: {
+    id: string;
+    name: string;
+    email: string;
+  };
+}
+
+export const Auth = {
+  login: async (params: LoginParams): Promise<AuthResponse> => {
+    ${n?`const response = await apiClient.post<AuthResponse>('/auth/login', params);
+    return response.data;`:`return {
+      token: 'demo-bearer-token-xyz-123',
+      user: {
+        id: 'usr_1001',
+        name: 'John Doe',
+        email: params.email,
+      },
+    };`}
+  },
+
+  logout: async (): Promise<void> => {
+    ${n?"await apiClient.post('/auth/logout');":`// Mock logout request
+    return Promise.resolve();`}
+  },
+
+  me: async () => {
+    ${n?`const response = await apiClient.get('/auth/me');
+    return response.data;`:"return { id: 'usr_1001', name: 'John Doe', email: 'john.doe@example.com' };"}
+  },
+};
+`;if(r(k.default.join(i,"auth","index.ts"),u),o){let m=`${c}
+import { Auth, LoginParams } from './index';
+
+export const useLoginMutation = () => {
+  return useMutation({
+    mutationFn: (params: LoginParams) => Auth.login(params),
+  });
+};
+
+export const useLogoutMutation = () => {
+  return useMutation({
+    mutationFn: () => Auth.logout(),
+  });
+};
+
+export const useMeQuery = () => {
+  return useQuery({
+    queryKey: queryKeys.auth.user,
+    queryFn: Auth.me,
+  });
+};
+`;r(k.default.join(i,"auth","query.ts"),m)}let h=`${a}
+
+export const User = {
+  getUsers: async () => {
+    ${n?`const response = await apiClient.get('/users');
+    return response.data;`:`return [
+      { id: '1', name: 'Alice Smith', email: 'alice@example.com' },
+      { id: '2', name: 'Bob Johnson', email: 'bob@example.com' },
+    ];`}
+  },
+};
+`;if(r(k.default.join(i,"user","index.ts"),h),o){let m=`${c}
+import { User } from './index';
+
+export const useUsersQuery = () => {
+  return useQuery({
+    queryKey: ['users'],
+    queryFn: User.getUsers,
+  });
+};
+`;r(k.default.join(i,"user","query.ts"),m)}}var $=x(require("path"));function xe(e){if(!e.navigation)return;let{targetDir:t,tabs:o,drawer:n,auth:i}=e,a=$.default.join(t,"src","navigations");if(r($.default.join(a,"screenName","index.ts"),`export const ScreenName = {
+  Home: 'Home',
+  Search: 'Search',
+  Notification: 'Notification',
+  Profile: 'Profile',
+  Settings: 'Settings',
+  Login: 'Login',
+  MainTab: 'MainTab',
+  MainDrawer: 'MainDrawer',
+} as const;
+
+export type ScreenNameKey = keyof typeof ScreenName;
+`),r($.default.join(a,"types.ts"),`import { ScreenName } from './screenName';
+
+export type RootStackParamList = {
+  [ScreenName.Login]: undefined;
+  [ScreenName.MainTab]?: undefined;
+  [ScreenName.MainDrawer]?: undefined;
+  [ScreenName.Home]: undefined;
+  [ScreenName.Search]: undefined;
+  [ScreenName.Notification]: undefined;
+  [ScreenName.Profile]: undefined;
+  [ScreenName.Settings]: undefined;
+};
+`),o&&r($.default.join(a,"Bottom","index.tsx"),`import React from 'react';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import { ScreenName } from '../screenName';
+import { HomeScreen } from '@/screen/Home';
+import { SearchScreen } from '@/screen/Search';
+import { NotificationScreen } from '@/screen/Notification';
+import { ProfileScreen } from '@/screen/Profile';
+import { SettingsScreen } from '@/screen/Settings';
+import { Text } from 'react-native';
+
+const Tab = createBottomTabNavigator();
+
+export function BottomTabNavigator() {
+  return (
+    <Tab.Navigator
+      screenOptions={({ route }) => ({
+        headerShown: true,
+        tabBarActiveTintColor: '#0284C7',
+        tabBarInactiveTintColor: '#64748B',
+        tabBarStyle: {
+          backgroundColor: '#FFFFFF',
+          borderTopColor: '#E2E8F0',
+        },
+        tabBarIcon: ({ color, size }) => {
+          let icon = '\u{1F4F1}';
+          if (route.name === ScreenName.Home) icon = '\u{1F3E0}';
+          if (route.name === ScreenName.Search) icon = '\u{1F50D}';
+          if (route.name === ScreenName.Notification) icon = '\u{1F514}';
+          if (route.name === ScreenName.Profile) icon = '\u{1F464}';
+          if (route.name === ScreenName.Settings) icon = '\u2699\uFE0F';
+          return <Text style={{ fontSize: size - 4 }}>{icon}</Text>;
+        },
+      })}
+    >
+      <Tab.Screen name={ScreenName.Home} component={HomeScreen} />
+      <Tab.Screen name={ScreenName.Search} component={SearchScreen} />
+      <Tab.Screen name={ScreenName.Notification} component={NotificationScreen} />
+      <Tab.Screen name={ScreenName.Profile} component={ProfileScreen} />
+      <Tab.Screen name={ScreenName.Settings} component={SettingsScreen} />
+    </Tab.Navigator>
+  );
+}
+`),n){let h=`import React from 'react';
+import { createDrawerNavigator } from '@react-navigation/drawer';
+import { ScreenName } from '../screenName';
+import { HomeScreen } from '@/screen/Home';
+import { ProfileScreen } from '@/screen/Profile';
+import { SettingsScreen } from '@/screen/Settings';
+${o?"import { BottomTabNavigator } from '../Bottom';":""}
+
+const Drawer = createDrawerNavigator();
+
+export function DrawerNavigator() {
+  return (
+    <Drawer.Navigator
+      screenOptions={{
+        headerShown: true,
+        drawerActiveTintColor: '#0284C7',
+        drawerInactiveTintColor: '#64748B',
+      }}
+    >
+      ${o?`<Drawer.Screen 
+        name={ScreenName.MainTab} 
+        component={BottomTabNavigator} 
+        options={{ title: 'Main Hub' }} 
+      />`:""}
+      <Drawer.Screen name={ScreenName.Home} component={HomeScreen} />
+      <Drawer.Screen name={ScreenName.Profile} component={ProfileScreen} />
+      <Drawer.Screen name={ScreenName.Settings} component={SettingsScreen} />
+    </Drawer.Navigator>
+  );
+}
+`;r($.default.join(a,"Drawer","index.tsx"),h)}let p=`import React from 'react';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import { ScreenName } from '../screenName';
+import { LoginScreen } from '@/screen/Login';
+import { HomeScreen } from '@/screen/Home';
+${o?"import { BottomTabNavigator } from '../Bottom';":""}
+${n?"import { DrawerNavigator } from '../Drawer';":""}
+
+const Stack = createNativeStackNavigator();
+
+export function AuthNavigator() {
+  return (
+    <Stack.Navigator screenOptions={{ headerShown: false }}>
+      <Stack.Screen name={ScreenName.Login} component={LoginScreen} />
+    </Stack.Navigator>
+  );
+}
+
+export function AppNavigator() {
+  return (
+    <Stack.Navigator screenOptions={{ headerShown: false }}>
+      ${n?"<Stack.Screen name={ScreenName.MainDrawer} component={DrawerNavigator} />":o?"<Stack.Screen name={ScreenName.MainTab} component={BottomTabNavigator} />":"<Stack.Screen name={ScreenName.Home} component={HomeScreen} />"}
+    </Stack.Navigator>
+  );
+}
+`;r($.default.join(a,"Stack","index.tsx"),p);let u=`import React from 'react';
+${i?"import { useAuth } from '@/auth';":""}
+import { AuthNavigator, AppNavigator } from './Stack';
+${i?"import { CLoading } from '@/components';":""}
+
+export function RootNavigator() {
+  ${i?`const { isAuthenticated, isGuest, isLoading } = useAuth();
+
+  if (isLoading) {
+    return <CLoading message="Restoring session..." />;
+  }
+
+  if (!isAuthenticated && !isGuest) {
+    return <AuthNavigator />;
+  }`:""}
+
+  return <AppNavigator />;
+}
+
+export * from './screenName';
+export * from './types';
+`;r($.default.join(a,"index.tsx"),u)}var T=x(require("path"));function he(e){let{targetDir:t,responsive:o,theme:n,components:i,query:a,service:c,auth:l}=e,p=T.default.join(t,"src","screen"),u=o?"import { useStyles, useResponsive } from 'react-native-dynamic-responsive';":"",h=n?"import { useTheme } from '@/theme';":"",m=i?"import { CBox, CText, CButton, CInput, CDropdown, CLoading, CError, ShowAlert } from '@/components';":"",w=a&&c?`import { useHomeQuery } from '@/service/home/query';
+import { useProfileQuery, useUpdateProfileMutation } from '@/service/profile/query';`:"",d=l?"import { useAuth } from '@/auth';":"",f=`import React from 'react';
+import { ScrollView, Linking, TouchableOpacity, StyleSheet } from 'react-native';
+${u}
+${h}
+${m}
+${w}
+import { styles } from './styles';
+
+export function HomeScreen() {
+  ${o?"const r = useResponsive();":""}
+  ${n?"const { theme } = useTheme();":""}
+  ${a&&c?"const { data: homeData, isLoading, isError, refetch } = useHomeQuery();":""}
+
+  ${a&&c?`if (isLoading) return <CLoading message="Loading dashboard..." />;
+  if (isError) return <CError message="Failed to load home overview." onRetry={refetch} />;`:""}
+
+  const openLinkedIn = () => {
+    Linking.openURL('https://www.linkedin.com/in/dharmendra-appdeveloper');
+  };
+
+  return (
+    <ScrollView style={styles.container} contentContainerStyle={styles.contentContainer}>
+      <CBox padding="md" gap="md">
+        ${o?`{/* Device Information powered by react-native-dynamic-responsive */}
+        <CBox row align="center" justify="space-between">
+          <CText variant="caption" color="#0284C7" style={{ fontWeight: '600' }}>
+            \u{1F4F1} Device: {r.isTablet ? 'Tablet' : r.isFold ? 'Foldable' : 'Phone'} ({Math.round(r.width)}x{Math.round(r.height)})
+          </CText>
+          <CText variant="caption" color="#64748B">
+            {r.isLandscape ? 'Landscape \u{1F504}' : 'Portrait \u{1F4F1}'}
+          </CText>
+        </CBox>`:""}
+
+        {/* Company Hero Card */}
+        <CBox style={styles.heroCard}>
+          <CBox style={styles.companyBadge}>
+            <CText variant="caption" color="#FFFFFF" style={{ fontWeight: 'bold' }}>
+              DevMinds Technology
+            </CText>
+          </CBox>
+          <CText variant="header" color="#FFFFFF">
+            Production App Foundation
+          </CText>
+          <CText variant="body" color="#94A3B8">
+            ${a&&c?"{homeData?.welcomeMessage}":"Senior-level React Native & TypeScript Mobile Architecture."}
+          </CText>
+        </CBox>
+
+        ${o?`{/* Responsive Package Scaling Showcase */}
+        <CBox style={styles.responsiveCard}>
+          <CText variant="subtitle" color="#0284C7">\u{1F4D0} react-native-dynamic-responsive</CText>
+          <CText variant="body" color="#475569">
+            Scale: {r.s(16).toFixed(1)}px | Vertical: {r.vs(16).toFixed(1)}px | Moderate: {r.ms(16).toFixed(1)}px
+          </CText>
+        </CBox>`:""}
+
+        {/* Feature Highlights */}
+        <CBox gap="md">
+          <CText variant="title">Architecture Highlights</CText>
+
+          <CBox style={styles.card}>
+            <CText variant="subtitle">\u26A1 High Performance</CText>
+            <CText variant="body" color="#64748B">
+              Server state powered by TanStack Query & dynamic responsive layout system.
+            </CText>
+          </CBox>
+
+          <CBox style={styles.card}>
+            <CText variant="subtitle">\u{1F3A8} Design & Theme System</CText>
+            <CText variant="body" color="#64748B">
+              Light/Dark/System theme context and responsive components (CText, CBox, CButton, ShowAlert).
+            </CText>
+          </CBox>
+        </CBox>
+
+        {/* Developer Profile Card */}
+        <CBox style={styles.card}>
+          <CText variant="subtitle">\u{1F464} Created by Dharmendra</CText>
+          <CText variant="body" color="#64748B">
+            Senior Mobile Architect & Developer at DevMinds Technology. Connect on LinkedIn for custom architecture & package developments.
+          </CText>
+          <TouchableOpacity style={styles.profileBtn} activeOpacity={0.8} onPress={openLinkedIn}>
+            <CText variant="button" color="#FFFFFF" style={{ fontWeight: '600' }}>
+              Connect on LinkedIn
+            </CText>
+          </TouchableOpacity>
+        </CBox>
+      </CBox>
+    </ScrollView>
+  );
+}
+`;r(T.default.join(p,"Home","index.tsx"),f);let y=`${u}
+
+export const styles = ${o?`useStyles((r) => ({
+  container: { flex: 1, backgroundColor: '#F8FAFC' },
+  contentContainer: { paddingVertical: r.vs(16) },
+  heroCard: {
+    backgroundColor: '#0F172A',
+    padding: r.ms(20),
+    borderRadius: r.ms(16),
+    gap: r.vs(8),
+  },
+  companyBadge: {
+    backgroundColor: '#0284C7',
+    alignSelf: 'flex-start',
+    paddingHorizontal: r.s(10),
+    paddingVertical: r.vs(4),
+    borderRadius: r.ms(20),
+  },
+  responsiveCard: {
+    backgroundColor: '#E0F2FE',
+    padding: r.ms(14),
+    borderRadius: r.ms(12),
+    borderWidth: 1,
+    borderColor: '#BAE6FD',
+    gap: r.vs(4),
+  },
+  card: {
+    backgroundColor: '#FFFFFF',
+    padding: r.ms(16),
+    borderRadius: r.ms(12),
+    borderWidth: 1,
+    borderColor: '#E2E8F0',
+    gap: r.vs(4),
+  },
+  profileBtn: {
+    backgroundColor: '#0284C7',
+    borderRadius: r.ms(10),
+    paddingVertical: r.vs(12),
+    paddingHorizontal: r.s(16),
+    alignItems: 'center',
+    marginTop: r.vs(8),
+  },
+}));`:`StyleSheet.create({
+  container: { flex: 1, backgroundColor: '#F8FAFC' },
+  contentContainer: { paddingVertical: 16 },
+  heroCard: { backgroundColor: '#0F172A', padding: 20, borderRadius: 16, gap: 8 },
+  companyBadge: { backgroundColor: '#0284C7', alignSelf: 'flex-start', paddingHorizontal: 10, paddingVertical: 4, borderRadius: 20 },
+  responsiveCard: { backgroundColor: '#E0F2FE', padding: 14, borderRadius: 12, borderWidth: 1, borderColor: '#BAE6FD', gap: 4 },
+  card: { backgroundColor: '#FFFFFF', padding: 16, borderRadius: 12, borderWidth: 1, borderColor: '#E2E8F0', gap: 4 },
+  profileBtn: { backgroundColor: '#0284C7', borderRadius: 10, paddingVertical: 12, paddingHorizontal: 16, alignItems: 'center', marginTop: 8 },
+});`}
+`;r(T.default.join(p,"Home","styles.ts"),y);let g=`import React, { useState } from 'react';
+import { View } from 'react-native';
+${u}
+${m}
+import { styles } from './styles';
+
+export function SearchScreen() {
+  const [query, setQuery] = useState('');
+
+  return (
+    <View style={styles.container}>
+      <CBox padding="md" gap="md">
+        <CText variant="header">Search Catalogue</CText>
+        <CInput
+          label="Search"
+          placeholder="Type to search modules..."
+          value={query}
+          onChangeText={setQuery}
+        />
+        {query.length > 0 ? (
+          <CText variant="caption" color="#64748B">
+            Showing results for "{query}"
+          </CText>
+        ) : null}
+      </CBox>
+    </View>
+  );
+}
+`;r(T.default.join(p,"Search","index.tsx"),g);let b=`${u}
+
+export const styles = ${o?`useStyles((r) => ({
+  container: { flex: 1, backgroundColor: '#F8FAFC' },
+}));`:`StyleSheet.create({
+  container: { flex: 1, backgroundColor: '#F8FAFC' },
+});`}
+`;r(T.default.join(p,"Search","styles.ts"),b);let E=`import React from 'react';
+import { ScrollView } from 'react-native';
+${u}
+${m}
+import { styles } from './styles';
+
+export function NotificationScreen() {
+  const notifications = [
+    { id: '1', title: 'DevMinds Technology', time: 'Just now', body: 'Architecture setup completed successfully.' },
+    { id: '2', title: 'Session Restored', time: '1h ago', body: 'Authentication state restored from local storage.' },
+  ];
+
+  return (
+    <ScrollView style={styles.container} contentContainerStyle={styles.contentContainer}>
+      <CBox padding="md" gap="md">
+        <CText variant="header">Notifications</CText>
+        {notifications.map((item) => (
+          <CBox key={item.id} style={styles.itemCard}>
+            <CText variant="subtitle">{item.title}</CText>
+            <CText variant="body" color="#64748B">{item.body}</CText>
+            <CText variant="caption" color="#94A3B8">{item.time}</CText>
+          </CBox>
+        ))}
+      </CBox>
+    </ScrollView>
+  );
+}
+`;r(T.default.join(p,"Notification","index.tsx"),E);let R=`${u}
+
+export const styles = ${o?`useStyles((r) => ({
+  container: { flex: 1, backgroundColor: '#F8FAFC' },
+  contentContainer: { paddingVertical: r.vs(16) },
+  itemCard: {
+    backgroundColor: '#FFFFFF',
+    padding: r.ms(16),
+    borderRadius: r.ms(12),
+    borderWidth: 1,
+    borderColor: '#E2E8F0',
+    gap: r.vs(4),
+  },
+}));`:`StyleSheet.create({
+  container: { flex: 1, backgroundColor: '#F8FAFC' },
+  contentContainer: { paddingVertical: 16 },
+  itemCard: {
+    backgroundColor: '#FFFFFF',
+    padding: 16,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: '#E2E8F0',
+    gap: 4,
+  },
+});`}
+`;r(T.default.join(p,"Notification","styles.ts"),R);let W=`import React from 'react';
+${m}
+
+export interface ProfileFormProps {
+  initialName?: string;
+  initialEmail?: string;
+  onSubmit: (data: { name: string; email: string }) => void;
+  loading?: boolean;
+}
+
+export function ProfileForm({ initialName = '', initialEmail = '', onSubmit, loading }: ProfileFormProps) {
+  const [name, setName] = React.useState(initialName);
+  const [email, setEmail] = React.useState(initialEmail);
+
+  return (
+    <CBox gap="md">
+      <CInput label="Full Name" value={name} onChangeText={setName} placeholder="Enter full name" />
+      <CInput label="Email Address" value={email} onChangeText={setEmail} placeholder="Enter email address" />
+      <CButton title="Save Profile" loading={loading} onPress={() => onSubmit({ name, email })} />
+    </CBox>
+  );
+}
+`;r(T.default.join(p,"Profile","form","index.tsx"),W);let Q=`import React from 'react';
+import { ScrollView } from 'react-native';
+${u}
+${m}
+${d}
+${w}
+import { ProfileForm } from './form';
+import { styles } from './styles';
+
+export function ProfileScreen() {
+  ${d?"const { user, logout } = useAuth();":""}
+  ${a&&c?`const { data: profile } = useProfileQuery();
+const updateMutation = useUpdateProfileMutation();`:""}
+
+  const handleUpdate = (data: { name: string; email: string }) => {
+    ${a&&c?"updateMutation.mutate(data);":"ShowAlert({\n      title: 'Profile Saved',\n      message: `Profile updated for ${data.name}`,\n    });"}
+  };
+
+  return (
+    <ScrollView style={styles.container} contentContainerStyle={styles.contentContainer}>
+      <CBox padding="md" gap="lg">
+        <CText variant="header">Account Profile</CText>
+
+        <ProfileForm
+          initialName={${a&&c?"profile?.name ||":""} ${l?"user?.name ||":""} "Dharmendra"}
+          initialEmail={${a&&c?"profile?.email ||":""} ${l?"user?.email ||":""} "dharmendra@devminds.tech"}
+          onSubmit={handleUpdate}
+          loading={${a&&c?"updateMutation.isPending":"false"}}
+        />
+
+        ${l?'<CButton title="Log Out" variant="danger" onPress={logout} />':""}
+      </CBox>
+    </ScrollView>
+  );
+}
+`;r(T.default.join(p,"Profile","index.tsx"),Q);let q=`${u}
+
+export const styles = ${o?`useStyles((r) => ({
+  container: { flex: 1, backgroundColor: '#F8FAFC' },
+  contentContainer: { paddingVertical: r.vs(16) },
+}));`:`StyleSheet.create({
+  container: { flex: 1, backgroundColor: '#F8FAFC' },
+  contentContainer: { paddingVertical: 16 },
+});`}
+`;r(T.default.join(p,"Profile","styles.ts"),q);let re=`import React from 'react';
+import { ScrollView } from 'react-native';
+${u}
+${h}
+${m}
+${d}
+import { styles } from './styles';
+
+export function SettingsScreen() {
+  ${n?"const { mode, setMode } = useTheme();":""}
+  ${l?"const { logout } = useAuth();":""}
+
+  const handleTriggerAlert = () => {
+    ${i?`ShowAlert({
+      title: 'Custom Cross-Platform Alert',
+      message: 'This alert component replaces native Alert.alert on iOS and Android for a uniform design.',
+      buttons: [
+        { text: 'Cancel', variant: 'outline' },
+        { text: 'Confirm', variant: 'primary', onPress: () => console.log('Confirmed') },
+      ],
+    });`:""}
+  };
+
+  return (
+    <ScrollView style={styles.container} contentContainerStyle={styles.contentContainer}>
+      <CBox padding="md" gap="lg">
+        <CText variant="header">Settings</CText>
+
+        ${n?`<CBox gap="sm">
+          <CText variant="subtitle">Appearance Theme</CText>
+          <CDropdown
+            label="Selected Mode"
+            value={mode}
+            options={[
+              { label: 'Light Mode', value: 'light' },
+              { label: 'Dark Mode', value: 'dark' },
+              { label: 'System Default', value: 'system' },
+            ]}
+            onChange={(val) => setMode(val as any)}
+          />
+        </CBox>`:""}
+
+        ${i?`<CBox gap="sm">
+          <CText variant="subtitle">Cross-Platform Alert Demo</CText>
+          <CButton title="Trigger ShowAlert" variant="outline" onPress={handleTriggerAlert} />
+        </CBox>`:""}
+
+        ${l?'<CButton title="Logout" variant="danger" onPress={logout} />':""}
+      </CBox>
+    </ScrollView>
+  );
+}
+`;r(T.default.join(p,"Settings","index.tsx"),re);let ne=`${u}
+
+export const styles = ${o?`useStyles((r) => ({
+  container: { flex: 1, backgroundColor: '#F8FAFC' },
+  contentContainer: { paddingVertical: r.vs(16) },
+}));`:`StyleSheet.create({
+  container: { flex: 1, backgroundColor: '#F8FAFC' },
+  contentContainer: { paddingVertical: 16 },
+});`}
+`;r(T.default.join(p,"Settings","styles.ts"),ne);let G=`import React, { useState } from 'react';
+import { View } from 'react-native';
+${u}
+${m}
+${d}
+import { styles } from './styles';
+
+export function LoginScreen() {
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  ${l?"const { login, continueAsGuest, isLoading } = useAuth();":""}
+
+  const handleLogin = () => {
+    ${l?'login(email || "dharmendra@devminds.tech", password);':'console.log("Login:", email);'}
+  };
+
+  return (
+    <View style={styles.container}>
+      <CBox padding="lg" gap="md" style={styles.card}>
+        <CText variant="header">DevMinds Tech</CText>
+        <CText variant="subtitle" color="#64748B">Sign in to your application</CText>
+
+        <CInput label="Email" placeholder="Enter email" value={email} onChangeText={setEmail} />
+        <CInput label="Password" placeholder="Enter password" secureTextEntry value={password} onChangeText={setPassword} />
+
+        <CButton title="Login" loading={${l?"isLoading":"false"}} onPress={handleLogin} />
+        ${l?'<CButton title="Continue as Guest" variant="outline" onPress={continueAsGuest} />':""}
+      </CBox>
+    </View>
+  );
+}
+`;r(T.default.join(p,"Login","index.tsx"),G);let C=`${u}
+
+export const styles = ${o?`useStyles((r) => ({
+  container: { flex: 1, justifyContent: 'center', backgroundColor: '#F8FAFC', padding: r.ms(16) },
+  card: { backgroundColor: '#FFFFFF', borderRadius: r.ms(16), borderWidth: 1, borderColor: '#E2E8F0' },
+}));`:`StyleSheet.create({
+  container: { flex: 1, justifyContent: 'center', backgroundColor: '#F8FAFC', padding: 16 },
+  card: { backgroundColor: '#FFFFFF', borderRadius: 16, borderWidth: 1, borderColor: '#E2E8F0' },
+});`}
+`;r(T.default.join(p,"Login","styles.ts"),C)}var A=x(require("path"));function ve(e){if(!e.components)return;let{targetDir:t,responsive:o,theme:n}=e,i=A.default.join(t,"src","components","common"),a=o?"import { useStyles, useResponsive } from 'react-native-dynamic-responsive';":"",l=`import React from 'react';
+import { Text, TextProps, TextStyle, StyleSheet } from 'react-native';
+${a}
+${n?"import { useTheme } from '@/theme';":""}
+
+export type TextVariant = 'header' | 'title' | 'subtitle' | 'subHeader' | 'body' | 'label' | 'caption' | 'button';
+
+export interface CTextProps extends TextProps {
+  variant?: TextVariant;
+  color?: string;
+  children?: React.ReactNode;
+}
+
+export function CText({ variant = 'body', color, style, children, ...rest }: CTextProps) {
+  ${n?"const { theme } = useTheme();":""}
+  const styles = ${o?`useStyles((r) => ({
+    base: { fontSize: r.ms(14), color: '#0F172A' },
+    header: { fontSize: r.ms(24), fontWeight: 'bold' },
+    title: { fontSize: r.ms(20), fontWeight: '700' },
+    subtitle: { fontSize: r.ms(16), fontWeight: '600' },
+    subHeader: { fontSize: r.ms(18), fontWeight: '600' },
+    body: { fontSize: r.ms(14), fontWeight: '400' },
+    label: { fontSize: r.ms(13), fontWeight: '500' },
+    caption: { fontSize: r.ms(12), color: '#64748B' },
+    button: { fontSize: r.ms(15), fontWeight: '600' },
+  }));`:"staticStyles;"}
+
+  const textColor = color || ${n?"theme.colors.text":"'#0F172A'"};
+
+  return (
+    <Text style={[styles.base, styles[variant], { color: textColor }, style]} {...rest}>
+      {children}
+    </Text>
+  );
+}
+
+${o?"":`const staticStyles = StyleSheet.create({
+  base: { fontSize: 14, color: '#0F172A' },
+  header: { fontSize: 24, fontWeight: 'bold' },
+  title: { fontSize: 20, fontWeight: '700' },
+  subtitle: { fontSize: 16, fontWeight: '600' },
+  subHeader: { fontSize: 18, fontWeight: '600' },
+  body: { fontSize: 14, fontWeight: '400' },
+  label: { fontSize: 13, fontWeight: '500' },
+  caption: { fontSize: 12, color: '#64748B' },
+  button: { fontSize: 15, fontWeight: '600' },
+});`}
+`;r(A.default.join(i,"CText.tsx"),l);let p=`import React from 'react';
+import { View, ViewProps, ViewStyle } from 'react-native';
+${a}
+
+export interface CBoxProps extends ViewProps {
+  padding?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+  margin?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+  gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+  flex?: number;
+  row?: boolean;
+  align?: ViewStyle['alignItems'];
+  justify?: ViewStyle['justifyContent'];
+  children?: React.ReactNode;
+}
+
+const spacingMap: Record<string, number> = {
+  xs: 4,
+  sm: 8,
+  md: 16,
+  lg: 24,
+  xl: 32,
+};
+
+export function CBox({
+  padding,
+  margin,
+  gap,
+  flex,
+  row,
+  align,
+  justify,
+  style,
+  children,
+  ...rest
+}: CBoxProps) {
+  ${o?"const r = useResponsive();":""}
+
+  const resolveVal = (val?: string | number) => {
+    if (typeof val === 'number') return ${o?"r.ms(val)":"val"};
+    if (typeof val === 'string' && spacingMap[val]) return ${o?"r.ms(spacingMap[val])":"spacingMap[val]"};
+    return undefined;
+  };
+
+  const computedStyle: ViewStyle = {
+    flex,
+    flexDirection: row ? 'row' : 'column',
+    alignItems: align,
+    justifyContent: justify,
+    padding: resolveVal(padding),
+    margin: resolveVal(margin),
+    gap: resolveVal(gap),
+  };
+
+  return (
+    <View style={[computedStyle, style]} {...rest}>
+      {children}
+    </View>
+  );
+}
+`;r(A.default.join(i,"CBox.tsx"),p);let u=`import React from 'react';
+import { TextInput, TextInputProps, StyleSheet } from 'react-native';
+import { CText } from './CText';
+import { CBox } from './CBox';
+${a}
+
+export interface CInputProps extends TextInputProps {
+  label?: string;
+  error?: string;
+  disabled?: boolean;
+}
+
+export function CInput({ label, error, disabled, style, ...rest }: CInputProps) {
+  const styles = ${o?`useStyles((r) => ({
+    input: {
+      height: r.ms(48),
+      borderWidth: 1,
+      borderColor: '#CBD5E1',
+      borderRadius: r.ms(8),
+      paddingHorizontal: r.ms(12),
+      fontSize: r.ms(14),
+      color: '#0F172A',
+      backgroundColor: '#FFFFFF',
+    },
+    inputError: { borderColor: '#EF4444' },
+    disabled: { backgroundColor: '#F1F5F9', color: '#94A3B8' },
+  }));`:"staticStyles;"}
+
+  return (
+    <CBox gap="xs">
+      {label ? <CText variant="label">{label}</CText> : null}
+      <TextInput
+        style={[styles.input, error ? styles.inputError : null, disabled ? styles.disabled : null, style]}
+        editable={!disabled}
+        placeholderTextColor="#94A3B8"
+        {...rest}
+      />
+      {error ? <CText variant="caption" color="#EF4444">{error}</CText> : null}
+    </CBox>
+  );
+}
+
+${o?"":`const staticStyles = StyleSheet.create({
+  input: {
+    height: 48,
+    borderWidth: 1,
+    borderColor: '#CBD5E1',
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    fontSize: 14,
+    color: '#0F172A',
+    backgroundColor: '#FFFFFF',
+  },
+  inputError: { borderColor: '#EF4444' },
+  disabled: { backgroundColor: '#F1F5F9', color: '#94A3B8' },
+});`}
+`;r(A.default.join(i,"CInput.tsx"),u);let h=`import React from 'react';
+import { TouchableOpacity, ActivityIndicator, TouchableOpacityProps, StyleSheet } from 'react-native';
+import { CText } from './CText';
+${a}
+
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'danger';
+
+export interface CButtonProps extends TouchableOpacityProps {
+  title: string;
+  variant?: ButtonVariant;
+  loading?: boolean;
+  disabled?: boolean;
+}
+
+export function CButton({
+  title,
+  variant = 'primary',
+  loading,
+  disabled,
+  style,
+  onPress,
+  ...rest
+}: CButtonProps) {
+  const styles = ${o?`useStyles((r) => ({
+    btn: {
+      height: r.ms(48),
+      borderRadius: r.ms(8),
+      justifyContent: 'center',
+      alignItems: 'center',
+      paddingHorizontal: r.ms(16),
+    },
+    primary: { backgroundColor: '#0284C7' },
+    secondary: { backgroundColor: '#64748B' },
+    outline: { backgroundColor: 'transparent', borderWidth: 1, borderColor: '#0284C7' },
+    danger: { backgroundColor: '#EF4444' },
+    disabled: { opacity: 0.6 },
+    text: { fontSize: r.ms(15), fontWeight: '600' },
+    primaryText: { color: '#FFFFFF' },
+    secondaryText: { color: '#FFFFFF' },
+    outlineText: { color: '#0284C7' },
+    dangerText: { color: '#FFFFFF' },
+  }));`:"staticStyles;"}
+
+  const isDisabled = disabled || loading;
+
+  return (
+    <TouchableOpacity
+      style={[styles.btn, styles[variant], isDisabled ? styles.disabled : null, style]}
+      activeOpacity={0.8}
+      disabled={isDisabled}
+      onPress={onPress}
+      {...rest}
+    >
+      {loading ? (
+        <ActivityIndicator color={variant === 'outline' ? '#0284C7' : '#FFFFFF'} />
+      ) : (
+        <CText style={[styles.text, styles[\`\${variant}Text\` as keyof typeof styles]]}>{title}</CText>
+      )}
+    </TouchableOpacity>
+  );
+}
+
+${o?"":`const staticStyles = StyleSheet.create({
+  btn: {
+    height: 48,
+    borderRadius: 8,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+  },
+  primary: { backgroundColor: '#0284C7' },
+  secondary: { backgroundColor: '#64748B' },
+  outline: { backgroundColor: 'transparent', borderWidth: 1, borderColor: '#0284C7' },
+  danger: { backgroundColor: '#EF4444' },
+  disabled: { opacity: 0.6 },
+  text: { fontSize: 15, fontWeight: '600' },
+  primaryText: { color: '#FFFFFF' },
+  secondaryText: { color: '#FFFFFF' },
+  outlineText: { color: '#0284C7' },
+  dangerText: { color: '#FFFFFF' },
+});`}
+`;r(A.default.join(i,"CButton.tsx"),h);let m=`import React, { useState } from 'react';
+import { View, TouchableOpacity, Modal, FlatList, StyleSheet } from 'react-native';
+import { CText } from './CText';
+import { CBox } from './CBox';
+${a}
+
+export interface DropdownOption {
+  label: string;
+  value: string | number;
+}
+
+export interface CDropdownProps {
+  label?: string;
+  options: DropdownOption[];
+  value?: string | number;
+  onChange: (val: string | number) => void;
+  disabled?: boolean;
+  error?: string;
+}
+
+export function CDropdown({ label, options, value, onChange, disabled, error }: CDropdownProps) {
+  const [visible, setVisible] = useState(false);
+  const styles = ${o?`useStyles((r) => ({
+    box: {
+      height: r.ms(48),
+      borderWidth: 1,
+      borderColor: '#CBD5E1',
+      borderRadius: r.ms(8),
+      paddingHorizontal: r.ms(12),
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      backgroundColor: '#FFFFFF',
+    },
+    errorBox: { borderColor: '#EF4444' },
+    disabled: { backgroundColor: '#F1F5F9' },
+    overlay: { flex: 1, backgroundColor: 'rgba(0,0,0,0.4)', justifyContent: 'center', padding: r.ms(24) },
+    modalContent: { backgroundColor: '#FFFFFF', borderRadius: r.ms(12), maxHeight: r.ms(300), padding: r.ms(8) },
+    optionItem: { paddingVertical: r.ms(12), paddingHorizontal: r.ms(16) },
+    selectedText: { fontWeight: 'bold', color: '#0284C7' },
+  }));`:"staticStyles;"}
+
+  const selectedOption = options.find((opt) => opt.value === value);
+
+  return (
+    <CBox gap="xs">
+      {label ? <CText variant="label">{label}</CText> : null}
+      <TouchableOpacity
+        style={[styles.box, error ? styles.errorBox : null, disabled ? styles.disabled : null]}
+        disabled={disabled}
+        onPress={() => setVisible(true)}
+      >
+        <CText>{selectedOption ? selectedOption.label : 'Select an option'}</CText>
+        <CText color="#64748B">\u25BC</CText>
+      </TouchableOpacity>
+
+      <Modal visible={visible} transparent animationType="fade" onRequestClose={() => setVisible(false)}>
+        <TouchableOpacity style={styles.overlay} activeOpacity={1} onPress={() => setVisible(false)}>
+          <View style={styles.modalContent}>
+            <FlatList
+              data={options}
+              keyExtractor={(item) => String(item.value)}
+              renderItem={({ item }) => (
+                <TouchableOpacity
+                  style={styles.optionItem}
+                  onPress={() => {
+                    onChange(item.value);
+                    setVisible(false);
+                  }}
+                >
+                  <CText style={item.value === value ? styles.selectedText : null}>{item.label}</CText>
+                </TouchableOpacity>
+              )}
+            />
+          </View>
+        </TouchableOpacity>
+      </Modal>
+      {error ? <CText variant="caption" color="#EF4444">{error}</CText> : null}
+    </CBox>
+  );
+}
+
+${o?"":`const staticStyles = StyleSheet.create({
+  box: {
+    height: 48,
+    borderWidth: 1,
+    borderColor: '#CBD5E1',
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    backgroundColor: '#FFFFFF',
+  },
+  errorBox: { borderColor: '#EF4444' },
+  disabled: { backgroundColor: '#F1F5F9' },
+  overlay: { flex: 1, backgroundColor: 'rgba(0,0,0,0.4)', justifyContent: 'center', padding: 24 },
+  modalContent: { backgroundColor: '#FFFFFF', borderRadius: 12, maxHeight: 300, padding: 8 },
+  optionItem: { paddingVertical: 12, paddingHorizontal: 16 },
+  selectedText: { fontWeight: 'bold', color: '#0284C7' },
+});`}
+`;r(A.default.join(i,"CDropdown.tsx"),m);let w=`import React, { createContext, useContext, useState, useCallback } from 'react';
+import { Modal, View, TouchableOpacity, StyleSheet } from 'react-native';
+import { CText } from './CText';
+import { CButton, ButtonVariant } from './CButton';
+import { CBox } from './CBox';
+${a}
+
+export interface AlertButton {
+  text: string;
+  onPress?: () => void;
+  variant?: ButtonVariant;
+}
+
+export interface AlertOptions {
+  title: string;
+  message?: string;
+  type?: 'info' | 'success' | 'warning' | 'error';
+  buttons?: AlertButton[];
+}
+
+interface AlertContextType {
+  showAlert: (options: AlertOptions) => void;
+  hideAlert: () => void;
+}
+
+const AlertContext = createContext<AlertContextType | undefined>(undefined);
+
+let globalShowAlert: ((options: AlertOptions) => void) | null = null;
+
+export function ShowAlert(options: AlertOptions) {
+  if (globalShowAlert) {
+    globalShowAlert(options);
+  } else {
+    console.warn('[ShowAlert] AlertProvider is not mounted in App.tsx.');
+  }
+}
+
+export function AlertProvider({ children }: { children: React.ReactNode }) {
+  const [alertConfig, setAlertConfig] = useState<AlertOptions | null>(null);
+
+  const showAlert = useCallback((options: AlertOptions) => {
+    setAlertConfig(options);
+  }, []);
+
+  const hideAlert = useCallback(() => {
+    setAlertConfig(null);
+  }, []);
+
+  globalShowAlert = showAlert;
+
+  const styles = ${o?`useStyles((r) => ({
+    overlay: { flex: 1, backgroundColor: 'rgba(15, 23, 42, 0.6)', justifyContent: 'center', alignItems: 'center', padding: r.ms(24) },
+    container: { backgroundColor: '#FFFFFF', borderRadius: r.ms(16), padding: r.ms(20), width: '100%', maxWidth: r.ms(340), gap: r.ms(16) },
+    buttonRow: { flexDirection: 'row', gap: r.ms(8), justifyContent: 'flex-end', marginTop: r.ms(8) },
+  }));`:"staticStyles;"}
+
+  const buttons = alertConfig?.buttons?.length
+    ? alertConfig.buttons
+    : [{ text: 'OK', variant: 'primary' as const }];
+
+  return (
+    <AlertContext.Provider value={{ showAlert, hideAlert }}>
+      {children}
+      {alertConfig ? (
+        <Modal visible transparent animationType="fade" onRequestClose={hideAlert}>
+          <TouchableOpacity style={styles.overlay} activeOpacity={1} onPress={hideAlert}>
+            <TouchableOpacity activeOpacity={1} style={styles.container}>
+              <CBox gap="xs">
+                <CText variant="title">{alertConfig.title}</CText>
+                {alertConfig.message ? <CText variant="body" color="#64748B">{alertConfig.message}</CText> : null}
+              </CBox>
+              <View style={styles.buttonRow}>
+                {buttons.map((btn, index) => (
+                  <CButton
+                    key={index}
+                    title={btn.text}
+                    variant={btn.variant || (index === buttons.length - 1 ? 'primary' : 'outline')}
+                    style={{ flex: buttons.length > 1 ? 1 : undefined }}
+                    onPress={() => {
+                      hideAlert();
+                      if (btn.onPress) btn.onPress();
+                    }}
+                  />
+                ))}
+              </View>
+            </TouchableOpacity>
+          </TouchableOpacity>
+        </Modal>
+      ) : null}
+    </AlertContext.Provider>
+  );
+}
+
+export function useAlert(): AlertContextType {
+  const context = useContext(AlertContext);
+  if (!context) {
+    throw new Error('useAlert must be used within an AlertProvider');
+  }
+  return context;
+}
+
+${o?"":`const staticStyles = StyleSheet.create({
+  overlay: { flex: 1, backgroundColor: 'rgba(15, 23, 42, 0.6)', justifyContent: 'center', alignItems: 'center', padding: 24 },
+  container: { backgroundColor: '#FFFFFF', borderRadius: 16, padding: 20, width: '100%', maxWidth: 340, gap: 16 },
+  buttonRow: { flexDirection: 'row', gap: 8, justifyContent: 'flex-end', marginTop: 8 },
+});`}
+`;r(A.default.join(i,"ShowAlert.tsx"),w),r(A.default.join(i,"UIStates.tsx"),`import React from 'react';
+import { View, ActivityIndicator, StyleSheet } from 'react-native';
+import { CText } from './CText';
+import { CButton } from './CButton';
+import { CBox } from './CBox';
+
+export function CLoading({ message = 'Loading...' }: { message?: string }) {
+  return (
+    <View style={styles.centerContainer}>
+      <ActivityIndicator size="large" color="#0284C7" />
+      <CText variant="body" color="#64748B">{message}</CText>
+    </View>
+  );
+}
+
+export function CError({ message = 'Something went wrong.', onRetry }: { message?: string; onRetry?: () => void }) {
+  return (
+    <View style={styles.centerContainer}>
+      <CBox gap="md" align="center">
+        <CText variant="subtitle" color="#EF4444">{message}</CText>
+        {onRetry ? <CButton title="Try Again" variant="outline" onPress={onRetry} /> : null}
+      </CBox>
+    </View>
+  );
+}
+
+export function CEmpty({ title = 'No Data Found', message }: { title?: string; message?: string }) {
+  return (
+    <View style={styles.centerContainer}>
+      <CBox gap="xs" align="center">
+        <CText variant="title">{title}</CText>
+        {message ? <CText variant="caption" color="#94A3B8">{message}</CText> : null}
+      </CBox>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  centerContainer: { flex: 1, justifyContent: 'center', alignItems: 'center', padding: 24, gap: 12 },
+});
+`),r(A.default.join(t,"src","components","index.ts"),`export * from './common/CText';
+export * from './common/CInput';
+export * from './common/CBox';
+export * from './common/CDropdown';
+export * from './common/CButton';
+export * from './common/ShowAlert';
+export * from './common/UIStates';
+`)}var P=x(require("path"));function be(e){if(!e.theme)return;let{targetDir:t,storage:o}=e,n=P.default.join(t,"src","theme");r(P.default.join(n,"colors.ts"),`export const lightColors = {
+  primary: '#0284C7',
+  background: '#F8FAFC',
+  card: '#FFFFFF',
+  text: '#0F172A',
+  textSecondary: '#64748B',
+  border: '#E2E8F0',
+  error: '#EF4444',
+  success: '#10B981',
+  warning: '#F59E0B',
+};
+
+export const darkColors: typeof lightColors = {
+  primary: '#38BDF8',
+  background: '#0F172A',
+  card: '#1E293B',
+  text: '#F8FAFC',
+  textSecondary: '#94A3B8',
+  border: '#334155',
+  error: '#F87171',
+  success: '#34D399',
+  warning: '#FBBF24',
+};
+`),r(P.default.join(n,"spacing.ts"),`import { variable } from '@/constant';
+
+export const spacing = variable.spacing;
+`),r(P.default.join(n,"typography.ts"),`import { variable } from '@/constant';
+
+export const typography = {
+  fontSizes: variable.font,
+  fontWeights: {
+    regular: '400' as const,
+    medium: '500' as const,
+    semibold: '600' as const,
+    bold: '700' as const,
+  },
+};
+`),r(P.default.join(n,"radius.ts"),`export const radius = {
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  full: 9999,
+};
+`),r(P.default.join(n,"shadows.ts"),`export const shadows = {
+  sm: {
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.05,
+    shadowRadius: 2,
+    elevation: 2,
+  },
+  md: {
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 4,
+  },
+};
+`),r(P.default.join(n,"types.ts"),`import { lightColors } from './colors';
+import { spacing } from './spacing';
+import { typography } from './typography';
+import { radius } from './radius';
+import { shadows } from './shadows';
+
+export type ThemeMode = 'light' | 'dark' | 'system';
+
+export interface Theme {
+  colors: typeof lightColors;
+  spacing: typeof spacing;
+  typography: typeof typography;
+  radius: typeof radius;
+  shadows: typeof shadows;
+  isDark: boolean;
+}
+`);let h=`import React, { createContext, useContext, useState, useEffect } from 'react';
+import { useColorScheme } from 'react-native';
+import { lightColors, darkColors } from './colors';
+import { spacing } from './spacing';
+import { typography } from './typography';
+import { radius } from './radius';
+import { shadows } from './shadows';
+import { Theme, ThemeMode } from './types';
+${o?"import { storage } from '@/storage';":""}
+
+interface ThemeContextType {
+  theme: Theme;
+  mode: ThemeMode;
+  setMode: (mode: ThemeMode) => void;
+}
+
+const THEME_STORAGE_KEY = '@app_theme_mode';
+
+const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
+
+export function AppTheme({ children }: { children: React.ReactNode }) {
+  const systemScheme = useColorScheme();
+  const [mode, setModeState] = useState<ThemeMode>('system');
+
+  useEffect(() => {
+    ${o?`storage.get<ThemeMode>(THEME_STORAGE_KEY).then((saved) => {
+      if (saved) setModeState(saved);
+    });`:""}
+  }, []);
+
+  const setMode = (newMode: ThemeMode) => {
+    setModeState(newMode);
+    ${o?"storage.set(THEME_STORAGE_KEY, newMode);":""}
+  };
+
+  const isDark = mode === 'system' ? systemScheme === 'dark' : mode === 'dark';
+
+  const theme: Theme = {
+    colors: isDark ? darkColors : lightColors,
+    spacing,
+    typography,
+    radius,
+    shadows,
+    isDark,
+  };
+
+  return <ThemeContext.Provider value={{ theme, mode, setMode }}>{children}</ThemeContext.Provider>;
+}
+
+export function useTheme(): ThemeContextType {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error('useTheme must be used within an AppTheme provider');
+  }
+  return context;
+}
+`;r(P.default.join(n,"AppTheme.tsx"),h),r(P.default.join(n,"index.ts"),`export * from './AppTheme';
+export * from './colors';
+export * from './spacing';
+export * from './typography';
+export * from './radius';
+export * from './shadows';
+export * from './types';
+`)}var O=x(require("path"));function Ce(e){if(!e.auth)return;let{targetDir:t,storage:o,guest:n}=e,i=O.default.join(t,"src","auth"),a=`export interface User {
+  id: string;
+  name: string;
+  email: string;
+  avatarUrl?: string;
+}
+
+export interface AuthState {
+  user: User | null;
+  token: string | null;
+  isAuthenticated: boolean;
+  isGuest: boolean;
+  isLoading: boolean;
+}
+
+export interface AuthContextType extends AuthState {
+  login: (email: string, password?: string) => Promise<void>;
+  logout: () => Promise<void>;
+  ${n?"continueAsGuest: () => void;":""}
+}
+`;r(O.default.join(i,"types.ts"),a),r(O.default.join(i,"AuthContext.ts"),`import { createContext } from 'react';
+import { AuthContextType } from './types';
+
+export const AuthContext = createContext<AuthContextType | undefined>(undefined);
+`);let l=`import React, { useState, useEffect } from 'react';
+import { AuthContext } from './AuthContext';
+import { User, AuthState } from './types';
+${o?"import { storage } from '@/storage';":""}
+
+const AUTH_TOKEN_KEY = '@auth_user_token';
+const AUTH_USER_KEY = '@auth_user_data';
+
+export function AuthProvider({ children }: { children: React.ReactNode }) {
+  const [state, setState] = useState<AuthState>({
+    user: null,
+    token: null,
+    isAuthenticated: false,
+    isGuest: false,
+    isLoading: true,
+  });
+
+  useEffect(() => {
+    restoreSession();
+  }, []);
+
+  const restoreSession = async () => {
+    try {
+      ${o?`const token = await storage.get<string>(AUTH_TOKEN_KEY);
+      const user = await storage.get<User>(AUTH_USER_KEY);
+      if (token && user) {
+        setState({
+          user,
+          token,
+          isAuthenticated: true,
+          isGuest: false,
+          isLoading: false,
+        });
+        return;
+      }`:""}
+    } catch {
+      // Ignore error during session restore
+    } finally {
+      setState((prev) => ({ ...prev, isLoading: false }));
+    }
+  };
+
+  const login = async (email: string, password?: string) => {
+    setState((prev) => ({ ...prev, isLoading: true }));
+    try {
+      const mockUser: User = { id: 'usr_1001', name: 'John Doe', email };
+      const mockToken = 'demo-bearer-token-123456';
+
+      ${o?`await storage.set(AUTH_TOKEN_KEY, mockToken);
+      await storage.set(AUTH_USER_KEY, mockUser);`:""}
+
+      setState({
+        user: mockUser,
+        token: mockToken,
+        isAuthenticated: true,
+        isGuest: false,
+        isLoading: false,
+      });
+    } catch (err) {
+      setState((prev) => ({ ...prev, isLoading: false }));
+      throw err;
+    }
+  };
+
+  const logout = async () => {
+    setState((prev) => ({ ...prev, isLoading: true }));
+    try {
+      ${o?`await storage.remove(AUTH_TOKEN_KEY);
+      await storage.remove(AUTH_USER_KEY);`:""}
+    } finally {
+      setState({
+        user: null,
+        token: null,
+        isAuthenticated: false,
+        isGuest: false,
+        isLoading: false,
+      });
+    }
+  };
+
+  ${n?`const continueAsGuest = () => {
+    setState({
+      user: null,
+      token: null,
+      isAuthenticated: false,
+      isGuest: true,
+      isLoading: false,
+    });
+  };`:""}
+
+  return (
+    <AuthContext.Provider
+      value={{
+        ...state,
+        login,
+        logout,
+        ${n?"continueAsGuest,":""}
+      }}
+    >
+      {children}
+    </AuthContext.Provider>
+  );
+}
+`;r(O.default.join(i,"AuthProvider.tsx"),l),r(O.default.join(i,"useAuth.ts"),`import { useContext } from 'react';
+import { AuthContext } from './AuthContext';
+import { AuthContextType } from './types';
+
+export function useAuth(): AuthContextType {
+  const context = useContext(AuthContext);
+  if (!context) {
+    throw new Error('useAuth must be used within an AuthProvider');
+  }
+  return context;
+}
+`),r(O.default.join(i,"index.ts"),`export * from './AuthProvider';
+export * from './AuthContext';
+export * from './useAuth';
+export * from './types';
+`)}var Z=x(require("path"));function Se(e){if(!e.storage)return;let{targetDir:t}=e,o=Z.default.join(t,"src","storage");r(Z.default.join(o,"index.ts"),`import AsyncStorage from '@react-native-async-storage/async-storage';
+
+export const storage = {
+  async set(key: string, value: any): Promise<void> {
+    try {
+      const stringValue = typeof value === 'string' ? value : JSON.stringify(value);
+      await AsyncStorage.setItem(key, stringValue);
+    } catch (error) {
+      console.error(\`[Storage] Error setting key "\${key}":\`, error);
+    }
+  },
+
+  async get<T = any>(key: string): Promise<T | null> {
+    try {
+      const value = await AsyncStorage.getItem(key);
+      if (!value) return null;
+      try {
+        return JSON.parse(value) as T;
+      } catch {
+        return value as unknown as T;
+      }
+    } catch (error) {
+      console.error(\`[Storage] Error getting key "\${key}":\`, error);
+      return null;
+    }
+  },
+
+  async remove(key: string): Promise<void> {
+    try {
+      await AsyncStorage.removeItem(key);
+    } catch (error) {
+      console.error(\`[Storage] Error removing key "\${key}":\`, error);
+    }
+  },
+
+  async clear(): Promise<void> {
+    try {
+      await AsyncStorage.clear();
+    } catch (error) {
+      console.error('[Storage] Error clearing storage:', error);
+    }
+  },
+};
+`)}var z=x(require("path"));function Te(e){let{targetDir:t}=e,o=z.default.join(t,"src","constant");r(z.default.join(o,"variable.ts"),`export const variable = {
+  padding: {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32,
+  },
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32,
+  },
+  header: {
+    height: 56,
+  },
+  font: {
+    small: 12,
+    body: 14,
+    subtitle: 16,
+    title: 20,
+    header: 24,
+  },
+};
+`),r(z.default.join(o,"index.ts"),`export * from './variable';
+`)}var B=x(require("path"));function Fe(e){let{targetDir:t}=e,o=B.default.join(t,"src","utils");r(B.default.join(o,"dateFormat.ts"),`export function formatDate(date: Date | string | number): string {
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return '';
+  return d.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' });
+}
+
+export function formatDateTime(date: Date | string | number): string {
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return '';
+  return d.toLocaleString('en-US', { year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });
+}
+
+export function formatRelativeDate(date: Date | string | number): string {
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return '';
+  const now = new Date();
+  const diffInSeconds = Math.floor((now.getTime() - d.getTime()) / 1000);
+
+  if (diffInSeconds < 60) return 'just now';
+  if (diffInSeconds < 3600) return \`\${Math.floor(diffInSeconds / 60)}m ago\`;
+  if (diffInSeconds < 86400) return \`\${Math.floor(diffInSeconds / 3600)}h ago\`;
+  return formatDate(d);
+}
+`),r(B.default.join(o,"mobileNumber.ts"),`export function formatMobileNumber(phone: string, countryCode = '+1'): string {
+  const cleaned = phone.replace(/\\D/g, '');
+  if (cleaned.length === 10) {
+    return \`\${countryCode} (\${cleaned.slice(0, 3)}) \${cleaned.slice(3, 6)}-\${cleaned.slice(6)}\`;
+  }
+  return phone;
+}
+
+export function validateMobileNumber(phone: string): boolean {
+  const cleaned = phone.replace(/\\D/g, '');
+  return cleaned.length >= 7 && cleaned.length <= 15;
+}
+
+export function normalizeMobileNumber(phone: string): string {
+  return phone.replace(/\\D/g, '');
+}
+`),r(B.default.join(o,"currency.ts"),`export function formatCurrency(amount: number, currencyCode = 'USD', locale = 'en-US'): string {
+  try {
+    return new Intl.NumberFormat(locale, { style: 'currency', currency: currencyCode }).format(amount);
+  } catch {
+    return \`$\${amount.toFixed(2)}\`;
+  }
+}
+`),r(B.default.join(o,"validation.ts"),`export function isValidEmail(email: string): boolean {
+  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;
+  return emailRegex.test(email);
+}
+
+export function isNonEmptyString(val: any): boolean {
+  return typeof val === 'string' && val.trim().length > 0;
+}
+`),r(B.default.join(o,"string.ts"),`export function capitalize(str: string): string {
+  if (!str) return '';
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+export function truncate(str: string, maxLength: number): string {
+  if (!str || str.length <= maxLength) return str;
+  return \`\${str.slice(0, maxLength)}...\`;
+}
+`),r(B.default.join(o,"index.ts"),`export * from './dateFormat';
+export * from './mobileNumber';
+export * from './currency';
+export * from './validation';
+export * from './string';
+`)}var K=x(require("path"));function we(e){let{targetDir:t}=e,o=K.default.join(t,"src","config");r(K.default.join(o,"env.ts"),`export const env = {
+  API_BASE_URL: process.env.API_BASE_URL || 'https://api.example.com',
+  APP_ENV: process.env.APP_ENV || 'development',
+  IS_DEV: (process.env.APP_ENV || 'development') === 'development',
+};
+
+export const GENERATOR_INFO = {
+  name: 'create-mobile-app',
+  version: '1.0.0',
+  company: 'DevMinds Technologies',
+  website: 'https://devminds.in',
+  portfolio: 'https://devminds.in/portfolio',
+  author: 'Dharmendra (Dev) kumar (https://www.linkedin.com/in/dharmendra-appdeveloper)',
+} as const;
+`),r(K.default.join(o,"index.ts"),`export * from './env';
+`)}var M=x(require("path"));function ke(e){let{targetDir:t}=e,o=M.default.join(t,"src","hooks");r(M.default.join(o,"useDebounce.ts"),`import { useState, useEffect } from 'react';
+
+export function useDebounce<T>(value: T, delay = 500): T {
+  const [debouncedValue, setDebouncedValue] = useState<T>(value);
+
+  useEffect(() => {
+    const timer = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(timer);
+  }, [value, delay]);
+
+  return debouncedValue;
+}
+`),r(M.default.join(o,"useKeyboard.ts"),`import { useState, useEffect } from 'react';
+import { Keyboard, KeyboardEvent } from 'react-native';
+
+export function useKeyboard() {
+  const [isKeyboardVisible, setKeyboardVisible] = useState(false);
+  const [keyboardHeight, setKeyboardHeight] = useState(0);
+
+  useEffect(() => {
+    const showSub = Keyboard.addListener('keyboardDidShow', (e: KeyboardEvent) => {
+      setKeyboardVisible(true);
+      setKeyboardHeight(e.endCoordinates.height);
+    });
+    const hideSub = Keyboard.addListener('keyboardDidHide', () => {
+      setKeyboardVisible(false);
+      setKeyboardHeight(0);
+    });
+
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, []);
+
+  return { isKeyboardVisible, keyboardHeight };
+}
+`),r(M.default.join(o,"useAppState.ts"),`import { useState, useEffect } from 'react';
+import { AppState, AppStateStatus } from 'react-native';
+
+export function useAppState() {
+  const [appState, setAppState] = useState<AppStateStatus>(AppState.currentState);
+
+  useEffect(() => {
+    const sub = AppState.addEventListener('change', (nextState) => {
+      setAppState(nextState);
+    });
+    return () => sub.remove();
+  }, []);
+
+  return appState;
+}
+`),r(M.default.join(o,"index.ts"),`export * from './useDebounce';
+export * from './useKeyboard';
+export * from './useAppState';
+`)}var ee=x(require("path"));function Ae(e){let{targetDir:t}=e,o=ee.default.join(t,"src","types");r(ee.default.join(o,"index.ts"),`export interface CommonResponse<T = any> {
+  success: boolean;
+  data?: T;
+  message?: string;
+  error?: string;
+}
+
+export type Nullable<T> = T | null;
+export type Optional<T> = T | undefined;
+`)}var Pe=x(require("path"));function De(e){let{targetDir:t,projectName:o}=e,n=`# ${o}
+
+Create a production-ready React Native application foundation in one command.
+
+## Create
+
+\`\`\`bash
+npx create-mobile-app ${o}
+\`\`\`
+
+## No questions
+
+\`\`\`bash
+npx create-mobile-app ${o} --yes
+\`\`\`
+
+## Includes
+
+\u2713 TypeScript
+\u2713 Responsive UI
+\u2713 Theme
+\u2713 Common Components
+\u2713 Stack
+\u2713 Bottom Tabs
+\u2713 Drawer
+\u2713 API Client
+\u2713 TanStack Query
+\u2713 Services
+\u2713 Authentication
+\u2713 Guest Mode
+\u2713 Storage
+\u2713 Constants
+\u2713 Utilities
+\u2713 Safe Area
+
+## Architecture
+
+\`\`\`
+src/
+\u251C\u2500\u2500 api/          # Centralized HTTP API client with normalized responses and errors.
+\u251C\u2500\u2500 components/   # Reusable, theme-aware, responsive UI components (CText, CInput, CBox, etc.).
+\u251C\u2500\u2500 constant/     # Application layout, font, and spacing constants.
+\u251C\u2500\u2500 navigations/  # Screen names, Stack, Bottom 5 tabs, Drawer, and state-aware RootNavigator.
+\u251C\u2500\u2500 screen/       # Screen composition modules with styles and forms.
+\u251C\u2500\u2500 service/      # Clean API services exposing domain methods (Home, Profile, Auth).
+\u251C\u2500\u2500 theme/        # Light, Dark, and System theme provider and useTheme hook.
+\u251C\u2500\u2500 utils/        # Pure utilities for dates, phone formatting, currency, and validation.
+\u251C\u2500\u2500 auth/         # Backend-independent authentication context, session, and guest mode.
+\u251C\u2500\u2500 storage/      # Cross-platform persistent storage abstraction.
+\u2514\u2500\u2500 config/       # Environment setup and configuration constants.
+\`\`\`
+
+## Quick Examples
+
+### Component Usage
+
+\`\`\`tsx
+import { CBox, CText, CButton } from '@/components';
+
+export function Demo() {
+  return (
+    <CBox padding="md" gap="sm">
+      <CText variant="title">Hello World</CText>
+      <CButton title="Continue" onPress={() => console.log('Pressed')} />
+    </CBox>
+  );
+}
+\`\`\`
+
+### API & Service Data Flow
+
+\`\`\`tsx
+// Service (src/service/home/index.ts)
+export const Home = {
+  getHome: () => apiClient.get('/home'),
+};
+
+// Query Hook (src/service/home/query.ts)
+export const useHomeQuery = () => useQuery({ queryKey: queryKeys.home.all, queryFn: Home.getHome });
+
+// Screen (src/screen/Home/index.tsx)
+const { data, isLoading } = useHomeQuery();
+\`\`\`
+
+### Authentication
+
+\`\`\`tsx
+import { useAuth } from '@/auth';
+
+const { isAuthenticated, login, logout } = useAuth();
+\`\`\`
+
+### Navigation
+
+Add a new screen constant in \`src/navigations/screenName/index.ts\` and register it in \`src/navigations/Stack/index.tsx\`.
+
+---
+
+## \u{1F468}\u200D\u{1F4BB} Built with create-mobile-app
+
+Architecture powered by **DevMinds Technologies**
+
+- \u{1F3E2} **Company**: **DevMinds Technologies** *(WEB \xB7 MOBILE \xB7 CLOUD \xB7 DESIGN)*
+- \u{1F310} **Website**: [devminds.in](https://devminds.in)
+- \u{1F4BC} **Portfolio**: [devminds.in/portfolio](https://devminds.in/portfolio)
+- \u{1F468}\u200D\u{1F4BB} **Lead Developer**: **Dharmendra (Dev) kumar**
+- \u{1F517} **LinkedIn**: [linkedin.com/in/dharmendra-appdeveloper](https://www.linkedin.com/in/dharmendra-appdeveloper)
+`;r(Pe.default.join(t,"README.md"),n)}var D=x(require("path")),te=x(require("fs"));function je(e){let{targetDir:t}=e,o=D.default.join(t,"assets");N(o),N(D.default.join(t,"src","assets","images")),N(D.default.join(t,"src","assets","fonts")),N(D.default.join(t,"src","assets","icons"));let n=[D.default.resolve(__dirname,"..","assets"),D.default.resolve(__dirname,"..","..","assets"),D.default.resolve(process.cwd(),"assets")],i={"icon.png":["icon.png"],"adaptive-icon.png":["adaptive-icon.png"],"splash.png":["splash.png","slpash.png"],"favicon.png":["favicon.png"]};for(let[a,c]of Object.entries(i)){let l=D.default.join(o,a),p=!1;for(let u of n){for(let h of c){let m=D.default.join(u,h);if(te.default.existsSync(m)){te.default.copyFileSync(m,l),p=!0;break}}if(p)break}}}var oe=require("child_process");async function Ne(e){let{targetDir:t,projectName:o,pm:n,skipInstall:i}=e;if(s.banner(),s.step(`Creating ${o}...`),console.log(""),e.platform==="expo"){let a=e.expoSdkTemplate||"blank@sdk-57";s.step(`Downloading official Expo template (${a})...`);try{(0,oe.execSync)(`npx -y create-expo-app@latest "${t}" --template ${a} --no-install`,{stdio:"inherit"})}catch{try{(0,oe.execSync)(`npx -y create-expo-app@latest "${t}" --template blank --no-install`,{stdio:"inherit"})}catch{N(t)}}}else N(t);return ge(e),je(e),s.success("Project foundation & Logo/Splash Assets (assets/)"),e.responsive&&s.success("Responsive system (react-native-dynamic-responsive)"),Te(e),s.success("Constants & variables"),we(e),ke(e),Ae(e),e.theme&&(be(e),s.success("Theme architecture (Light/Dark/System)")),e.components&&(ve(e),s.success("Common UI Components (CText, CBox, CInput, CButton, CDropdown)")),e.api&&(fe(e),s.success("API Client & Query key architecture")),e.service&&(ye(e),s.success("Service architecture (Home, Profile, Auth, User)")),e.storage&&(Se(e),s.success("Storage abstraction layer")),e.auth&&(Ce(e),s.success("Authentication & Guest Mode provider")),e.navigation&&(xe(e),s.success("Navigation (Stack, 5 Bottom Tabs, Drawer)")),he(e),s.success("Screen architecture (Home, Search, Notification, Profile, Settings, Login)"),e.husky&&s.success("Husky, Prettier & Lint-staged pre-commit error checks"),Fe(e),s.success("Utilities (Date, Mobile Number, Currency, Validation)"),De(e),s.success("README documentation"),console.log(""),i||(s.step("Installing dependencies..."),de(t,n)?s.success("Dependencies installed"):s.warn("Failed to install dependencies automatically. You can run install manually.")),s.completion(o,n),!0}async function Be(){parseInt(process.versions.node.split(".")[0],10)<20&&s.warn(`Node.js v${process.versions.node} detected. Node.js 20 or higher is required for Expo SDK 57+ and modern React Native architecture.`);let t=new $e.Command;t.name("create-mobile-app").description("Create a production-ready React Native + TypeScript mobile application foundation in one command.").version("1.0.0").argument("[project-name]","Name of the project directory to create").option("-y, --yes","Skip interactive questions and use complete app defaults").option("--platform <type>","Choose mobile platform: expo or cli").option("--sdk <version>","Choose Expo SDK version (default: ~57.0.0, e.g. 57, 58, 54, 52 or custom)").option("--responsive","Include react-native-dynamic-responsive system").option("--no-responsive","Disable responsive system").option("--theme","Include Theme architecture").option("--no-theme","Disable Theme architecture").option("--components","Include common UI components").option("--no-components","Disable common UI components").option("--navigation","Include Navigation architecture").option("--no-navigation","Disable Navigation architecture").option("--tabs","Include 5 Bottom Tabs").option("--no-tabs","Disable 5 Bottom Tabs").option("--drawer","Include Drawer navigation").option("--no-drawer","Disable Drawer navigation").option("--api","Include API client & Query key architecture").option("--no-api","Disable API client architecture").option("--query","Include TanStack Query setup").option("--no-query","Disable TanStack Query setup").option("--service","Include Service architecture").option("--no-service","Disable Service architecture").option("--auth","Include Authentication & session state").option("--no-auth","Disable Authentication").option("--guest","Include Guest mode").option("--no-guest","Disable Guest mode").option("--storage","Include Storage abstraction").option("--no-storage","Disable Storage abstraction").option("--husky","Include Husky, Prettier & Lint-staged pre-commit error checks").option("--no-husky","Disable Husky pre-commit hooks").option("--examples","Include example screens and demo data").option("--no-examples","Disable example screens").option("--pm <packageManager>","Package manager to use: npm, yarn, pnpm, or bun"),t.parse(process.argv);let o=t.opts(),[n]=t.args;try{let i=await ue(n,o);if(!i)return;await Ne(i)}catch(i){s.error(`Error generating project: ${i?.message||i}`),process.exit(1)}}Be();0&&(module.exports={runCli});