@highbeek/create-rnstarterkit 1.0.0 → 1.0.1-beta.0

package/dist/src/generators/appGenerator.js

@@ -8,17 +8,17 @@ const path_1 = __importDefault(require("path"));
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const execa_1 = require("execa");
 async function generateApp(options) {
-    const { platform, projectName, auth, apiClient, absoluteImports, state, dataFetching, validation, storage, typescript, } = options;
+    const { platform, projectName, auth, apiClient, absoluteImports, state, dataFetching, validation, storage, typescript, apiClientType, } = options;
     const templateRoot = await resolveTemplateRoot();
     const templateFolder = platform === "Expo" ? "expo-base" : "cli-base";
     const templatePath = path_1.default.join(templateRoot, templateFolder);
     const targetPath = path_1.default.join(process.cwd(), projectName);
     console.log("📂 Creating project...");
     await fs_extra_1.default.copy(templatePath, targetPath, {
-        filter: (src) => shouldCopyPath(src),
+        filter: (src) => shouldCopyPath(src, templatePath),
     });
     await replaceProjectName(targetPath, projectName);
-    await createStandardStructure(targetPath);
+    await createStandardStructure(targetPath, platform);
     if (auth) {
         const authFolder = state === "Redux Toolkit"
             ? "auth-redux"
@@ -29,7 +29,13 @@ async function generateApp(options) {
         if (authFolder === "auth-context" ||
             authFolder === "auth-zustand" ||
             authFolder === "auth-redux") {
-            await setAuthTabsByPlatform(targetPath, platform);
+            if (platform === "Expo") {
+                await writeExpoRouterAuthRoutes(targetPath, state);
+            }
+            else {
+                await setAuthTabsByPlatform(targetPath, platform);
+                await writeAuthAppShell(targetPath, state);
+            }
         }
     }
     if (apiClient) {
@@ -44,8 +50,16 @@ async function generateApp(options) {
         await copyOptionalModule("react-query", targetPath);
     if (storage === "MMKV")
         await copyOptionalModule("mmkv", targetPath);
+    await configureStateAndAuthDependencies(targetPath, {
+        platform,
+        state,
+        auth,
+        storage,
+    });
     await configureAbsoluteImports(targetPath, platform, absoluteImports);
-    await configureDataFetching(targetPath, dataFetching, apiClient);
+    await configureDataFetching(targetPath, dataFetching);
+    await configureApiClientTransport(targetPath, apiClient, apiClientType);
+    await syncApiIndex(targetPath);
     await configureValidation(targetPath, validation);
     if (typescript) {
         const tsconfigTemplate = path_1.default.join(templateRoot, "optional/tsconfig.json");
@@ -137,26 +151,26 @@ async function ensureCliApiEnvSupport(targetPath) {
         },
     });
 }
-async function createStandardStructure(targetPath) {
-    const directories = [
+async function createStandardStructure(targetPath, platform) {
+    const commonDirectories = [
         "assets",
         "assets/icons",
         "assets/images",
         "assets/fonts",
         "components",
-        "navigation",
-        "screens",
         "hooks",
         "utils",
         "services",
+        "api",
+        "config",
+        "context",
     ];
+    const cliOnlyDirectories = ["navigation", "screens"];
+    const directories = platform === "Expo"
+        ? commonDirectories
+        : [...commonDirectories, ...cliOnlyDirectories];
     for (const directory of directories) {
-        const absoluteDir = path_1.default.join(targetPath, directory);
-        await fs_extra_1.default.ensureDir(absoluteDir);
-        const gitkeepPath = path_1.default.join(absoluteDir, ".gitkeep");
-        if (!(await fs_extra_1.default.pathExists(gitkeepPath))) {
-            await fs_extra_1.default.writeFile(gitkeepPath, "", "utf8");
-        }
+        await fs_extra_1.default.ensureDir(path_1.default.join(targetPath, directory));
     }
 }
 async function configureAbsoluteImports(targetPath, platform, absoluteImports) {
@@ -175,7 +189,7 @@ async function configureAbsoluteImports(targetPath, platform, absoluteImports) {
         });
     }
 }
-async function configureDataFetching(targetPath, dataFetching, apiClient) {
+async function configureDataFetching(targetPath, dataFetching) {
     if (dataFetching === "React Query") {
         await ensureDependencies(targetPath, {
             dependencies: {
@@ -194,22 +208,20 @@ export const queryClient = new QueryClient();
             },
         });
     }
-    if (dataFetching === "Axios") {
+}
+async function configureApiClientTransport(targetPath, apiClient, apiClientType) {
+    if (apiClient && apiClientType === "Axios") {
         await ensureDependencies(targetPath, {
             dependencies: {
                 axios: "^1.12.2",
             },
         });
-        await writeIfMissing(path_1.default.join(targetPath, "api/axiosClient.ts"), `import axios from "axios";
-import { API_BASE_URL } from "../config/env";
-
-export const axiosClient = axios.create({
-  baseURL: API_BASE_URL,
-  timeout: 15000,
-});
-`);
-        if (apiClient) {
-            await fs_extra_1.default.writeFile(path_1.default.join(targetPath, "api/client.ts"), `import axios from "axios";
+        await fs_extra_1.default.writeFile(path_1.default.join(targetPath, "api/client.ts"), `import axios, {
+  AxiosError,
+  AxiosRequestConfig,
+  AxiosResponse,
+  InternalAxiosRequestConfig,
+} from "axios";
 import { API_BASE_URL } from "../config/env";
 
 export class ApiError extends Error {
@@ -236,6 +248,12 @@ const client = axios.create({
   timeout: 15000,
 });
 
+let authTokenGetter: (() => string | null | undefined) | null = null;
+
+export function setAuthTokenGetter(getter: (() => string | null | undefined) | null) {
+  authTokenGetter = getter;
+}
+
 function resolveErrorMessage(data: unknown, status: number) {
   if (
     typeof data === "object" &&
@@ -248,6 +266,45 @@ function resolveErrorMessage(data: unknown, status: number) {
   return \`Request failed with status \${status}\`;
 }
 
+export function addRequestInterceptor(
+  interceptor: (
+    config: InternalAxiosRequestConfig,
+  ) =>
+    | InternalAxiosRequestConfig
+    | Promise<InternalAxiosRequestConfig>,
+) {
+  return client.interceptors.request.use(interceptor);
+}
+
+export function addResponseInterceptor(
+  onFulfilled?: (
+    response: AxiosResponse,
+  ) => AxiosResponse | Promise<AxiosResponse>,
+  onRejected?: (error: AxiosError) => unknown,
+) {
+  return client.interceptors.response.use(onFulfilled, onRejected);
+}
+
+addRequestInterceptor((config) => {
+  const token = authTokenGetter?.();
+  if (token) {
+    config.headers.Authorization = \`Bearer \${token}\`;
+  }
+  return config;
+});
+
+addResponseInterceptor(
+  (response) => response,
+  (error) => {
+    if (axios.isAxiosError(error)) {
+      const status = error.response?.status ?? 500;
+      const data = error.response?.data ?? null;
+      return Promise.reject(new ApiError(status, resolveErrorMessage(data, status), data));
+    }
+    return Promise.reject(error);
+  },
+);
+
 async function request<T>(
   method: "GET" | "POST" | "PUT" | "PATCH" | "DELETE",
   path: string,
@@ -255,27 +312,19 @@ async function request<T>(
   options: RequestOptions = {},
 ): Promise<T> {
   const { headers = {}, query, token, signal } = options;
-  try {
-    const response = await client.request<T>({
-      method,
-      url: path,
-      data: body,
-      params: query,
-      signal,
-      headers: {
-        ...(token ? { Authorization: \`Bearer \${token}\` } : {}),
-        ...headers,
-      },
-    });
-    return response.data;
-  } catch (error) {
-    if (axios.isAxiosError(error)) {
-      const status = error.response?.status ?? 500;
-      const data = error.response?.data ?? null;
-      throw new ApiError(status, resolveErrorMessage(data, status), data);
-    }
-    throw error;
-  }
+  const requestConfig: AxiosRequestConfig = {
+    method,
+    url: path,
+    data: body,
+    params: query,
+    signal,
+    headers: {
+      ...(token ? { Authorization: \`Bearer \${token}\` } : {}),
+      ...headers,
+    },
+  };
+  const response = await client.request<T>(requestConfig);
+  return response.data;
 }
 
 export const apiClient = {
@@ -291,8 +340,27 @@ export const apiClient = {
     request<T>("DELETE", path, undefined, options),
 };
 `, "utf8");
-        }
+        await fs_extra_1.default.remove(path_1.default.join(targetPath, "api/client.axios.ts"));
+        await fs_extra_1.default.remove(path_1.default.join(targetPath, "api/axiosClient.ts"));
+    }
+}
+async function syncApiIndex(targetPath) {
+    const apiDir = path_1.default.join(targetPath, "api");
+    if (!(await fs_extra_1.default.pathExists(apiDir)))
+        return;
+    const exports = [];
+    if (await fs_extra_1.default.pathExists(path_1.default.join(apiDir, "client.ts"))) {
+        exports.push('export * from "./client";');
     }
+    if (await fs_extra_1.default.pathExists(path_1.default.join(apiDir, "endpoints/auth.ts"))) {
+        exports.push('export * from "./endpoints/auth";');
+    }
+    else if (await fs_extra_1.default.pathExists(path_1.default.join(apiDir, "authApi.ts"))) {
+        exports.push('export * from "./authApi";');
+    }
+    if (exports.length === 0)
+        return;
+    await fs_extra_1.default.writeFile(path_1.default.join(apiDir, "index.ts"), `${exports.join("\n")}\n`, "utf8");
 }
 async function configureValidation(targetPath, validation) {
     const dependencies = {};
@@ -306,6 +374,850 @@ async function configureValidation(targetPath, validation) {
         await ensureDependencies(targetPath, { dependencies });
     }
 }
+async function configureStateAndAuthDependencies(targetPath, options) {
+    const dependencies = {};
+    if (options.auth && options.platform === "React Native CLI") {
+        dependencies["@react-navigation/native-stack"] = "^7.3.29";
+    }
+    if (options.state === "Redux Toolkit") {
+        dependencies["@reduxjs/toolkit"] = "^2.9.0";
+        dependencies["react-redux"] = "^9.2.0";
+    }
+    if (options.state === "Zustand") {
+        dependencies.zustand = "^5.0.8";
+    }
+    if (options.storage === "AsyncStorage" &&
+        (options.state === "Context API" || options.state === "Zustand")) {
+        dependencies["@react-native-async-storage/async-storage"] = "^2.2.0";
+    }
+    if (Object.keys(dependencies).length > 0) {
+        await ensureDependencies(targetPath, { dependencies });
+    }
+}
+async function writeExpoRouterAuthRoutes(targetPath, state) {
+    const appDir = path_1.default.join(targetPath, "app");
+    const authDir = path_1.default.join(appDir, "(auth)");
+    const tabsDir = path_1.default.join(appDir, "(tabs)");
+    await fs_extra_1.default.ensureDir(authDir);
+    await fs_extra_1.default.ensureDir(tabsDir);
+    const stateBindings = getExpoAuthStateBindings(state);
+    const routeFiles = getExpoAuthRouteFiles(state);
+    await fs_extra_1.default.writeFile(path_1.default.join(appDir, "_layout.tsx"), stateBindings.rootLayout, "utf8");
+    await fs_extra_1.default.writeFile(path_1.default.join(appDir, "index.tsx"), stateBindings.indexRoute, "utf8");
+    await fs_extra_1.default.writeFile(path_1.default.join(authDir, "_layout.tsx"), stateBindings.authLayout, "utf8");
+    await fs_extra_1.default.writeFile(path_1.default.join(tabsDir, "_layout.tsx"), stateBindings.tabsLayout, "utf8");
+    await fs_extra_1.default.writeFile(path_1.default.join(authDir, "login.tsx"), routeFiles.login, "utf8");
+    await fs_extra_1.default.writeFile(path_1.default.join(authDir, "register.tsx"), routeFiles.register, "utf8");
+    await fs_extra_1.default.writeFile(path_1.default.join(tabsDir, "index.tsx"), routeFiles.home, "utf8");
+    await fs_extra_1.default.writeFile(path_1.default.join(tabsDir, "profile.tsx"), routeFiles.profile, "utf8");
+    await fs_extra_1.default.writeFile(path_1.default.join(tabsDir, "settings.tsx"), routeFiles.settings, "utf8");
+    await fs_extra_1.default.remove(path_1.default.join(targetPath, "navigation"));
+    await fs_extra_1.default.remove(path_1.default.join(targetPath, "screens"));
+}
+function getExpoAuthStateBindings(state) {
+    if (state === "Redux Toolkit") {
+        return {
+            rootLayout: `import React from "react";
+import { Slot } from "expo-router";
+import { Provider } from "react-redux";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import { store } from "../store/store";
+
+export default function RootLayout() {
+  return (
+    <SafeAreaProvider>
+      <Provider store={store}>
+        <Slot />
+      </Provider>
+    </SafeAreaProvider>
+  );
+}
+`,
+            indexRoute: `import React from "react";
+import { Redirect } from "expo-router";
+import { useSelector } from "react-redux";
+import type { RootState } from "../store/store";
+
+export default function Index() {
+  const token = useSelector((state: RootState) => state.auth.token);
+  return <Redirect href={token ? "/(tabs)" : "/(auth)/login"} />;
+}
+`,
+            authLayout: `import React from "react";
+import { Redirect, Stack } from "expo-router";
+import { useSelector } from "react-redux";
+import type { RootState } from "../../store/store";
+
+export default function AuthLayout() {
+  const token = useSelector((state: RootState) => state.auth.token);
+  if (token) return <Redirect href="/(tabs)" />;
+
+  return (
+    <Stack screenOptions={{ headerShown: false }}>
+      <Stack.Screen name="login" />
+      <Stack.Screen name="register" />
+    </Stack>
+  );
+}
+`,
+            tabsLayout: `import React from "react";
+import { Redirect, Tabs } from "expo-router";
+import { useSelector } from "react-redux";
+import type { RootState } from "../../store/store";
+
+export default function TabsLayout() {
+  const token = useSelector((state: RootState) => state.auth.token);
+  if (!token) return <Redirect href="/(auth)/login" />;
+
+  return (
+    <Tabs screenOptions={{ headerShown: false }}>
+      <Tabs.Screen name="index" options={{ title: "Home" }} />
+      <Tabs.Screen name="profile" options={{ title: "Profile" }} />
+      <Tabs.Screen name="settings" options={{ title: "Settings" }} />
+    </Tabs>
+  );
+}
+`,
+        };
+    }
+    if (state === "Zustand") {
+        return {
+            rootLayout: `import React from "react";
+import { Slot } from "expo-router";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+
+export default function RootLayout() {
+  return (
+    <SafeAreaProvider>
+      <Slot />
+    </SafeAreaProvider>
+  );
+}
+`,
+            indexRoute: `import React from "react";
+import { useEffect } from "react";
+import { ActivityIndicator, View } from "react-native";
+import { Redirect } from "expo-router";
+import { useAuthStore } from "../store/authStore";
+
+export default function Index() {
+  const token = useAuthStore((state) => state.token);
+  const isHydrated = useAuthStore((state) => state.isHydrated);
+  const hydrate = useAuthStore((state) => state.hydrate);
+
+  useEffect(() => {
+    void hydrate();
+  }, [hydrate]);
+
+  if (!isHydrated) {
+    return (
+      <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
+        <ActivityIndicator />
+      </View>
+    );
+  }
+
+  return <Redirect href={token ? "/(tabs)" : "/(auth)/login"} />;
+}
+`,
+            authLayout: `import React, { useEffect } from "react";
+import { ActivityIndicator, View } from "react-native";
+import { Redirect, Stack } from "expo-router";
+import { useAuthStore } from "../../store/authStore";
+
+export default function AuthLayout() {
+  const token = useAuthStore((state) => state.token);
+  const isHydrated = useAuthStore((state) => state.isHydrated);
+  const hydrate = useAuthStore((state) => state.hydrate);
+
+  useEffect(() => {
+    void hydrate();
+  }, [hydrate]);
+
+  if (!isHydrated) {
+    return (
+      <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
+        <ActivityIndicator />
+      </View>
+    );
+  }
+
+  if (token) return <Redirect href="/(tabs)" />;
+
+  return (
+    <Stack screenOptions={{ headerShown: false }}>
+      <Stack.Screen name="login" />
+      <Stack.Screen name="register" />
+    </Stack>
+  );
+}
+`,
+            tabsLayout: `import React, { useEffect } from "react";
+import { ActivityIndicator, View } from "react-native";
+import { Redirect, Tabs } from "expo-router";
+import { useAuthStore } from "../../store/authStore";
+
+export default function TabsLayout() {
+  const token = useAuthStore((state) => state.token);
+  const isHydrated = useAuthStore((state) => state.isHydrated);
+  const hydrate = useAuthStore((state) => state.hydrate);
+
+  useEffect(() => {
+    void hydrate();
+  }, [hydrate]);
+
+  if (!isHydrated) {
+    return (
+      <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
+        <ActivityIndicator />
+      </View>
+    );
+  }
+
+  if (!token) return <Redirect href="/(auth)/login" />;
+
+  return (
+    <Tabs screenOptions={{ headerShown: false }}>
+      <Tabs.Screen name="index" options={{ title: "Home" }} />
+      <Tabs.Screen name="profile" options={{ title: "Profile" }} />
+      <Tabs.Screen name="settings" options={{ title: "Settings" }} />
+    </Tabs>
+  );
+}
+`,
+        };
+    }
+    return {
+        rootLayout: `import React from "react";
+import { Slot } from "expo-router";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import { AuthProvider } from "../context/AuthContext";
+
+export default function RootLayout() {
+  return (
+    <SafeAreaProvider>
+      <AuthProvider>
+        <Slot />
+      </AuthProvider>
+    </SafeAreaProvider>
+  );
+}
+`,
+        indexRoute: `import React, { useContext } from "react";
+import { ActivityIndicator, View } from "react-native";
+import { Redirect } from "expo-router";
+import { AuthContext } from "../context/AuthContext";
+
+export default function Index() {
+  const { token, isHydrated } = useContext(AuthContext);
+
+  if (!isHydrated) {
+    return (
+      <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
+        <ActivityIndicator />
+      </View>
+    );
+  }
+
+  return <Redirect href={token ? "/(tabs)" : "/(auth)/login"} />;
+}
+`,
+        authLayout: `import React, { useContext } from "react";
+import { ActivityIndicator, View } from "react-native";
+import { Redirect, Stack } from "expo-router";
+import { AuthContext } from "../../context/AuthContext";
+
+export default function AuthLayout() {
+  const { token, isHydrated } = useContext(AuthContext);
+
+  if (!isHydrated) {
+    return (
+      <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
+        <ActivityIndicator />
+      </View>
+    );
+  }
+
+  if (token) return <Redirect href="/(tabs)" />;
+
+  return (
+    <Stack screenOptions={{ headerShown: false }}>
+      <Stack.Screen name="login" />
+      <Stack.Screen name="register" />
+    </Stack>
+  );
+}
+`,
+        tabsLayout: `import React, { useContext } from "react";
+import { ActivityIndicator, View } from "react-native";
+import { Redirect, Tabs } from "expo-router";
+import { AuthContext } from "../../context/AuthContext";
+
+export default function TabsLayout() {
+  const { token, isHydrated } = useContext(AuthContext);
+
+  if (!isHydrated) {
+    return (
+      <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
+        <ActivityIndicator />
+      </View>
+    );
+  }
+
+  if (!token) return <Redirect href="/(auth)/login" />;
+
+  return (
+    <Tabs screenOptions={{ headerShown: false }}>
+      <Tabs.Screen name="index" options={{ title: "Home" }} />
+      <Tabs.Screen name="profile" options={{ title: "Profile" }} />
+      <Tabs.Screen name="settings" options={{ title: "Settings" }} />
+    </Tabs>
+  );
+}
+`,
+    };
+}
+function getExpoAuthRouteFiles(state) {
+    const registerRedux = `import React, { useState } from "react";
+import { Button, Text, TextInput } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { useDispatch } from "react-redux";
+import { registerApi } from "../../api";
+import { login } from "../../store/authSlice";
+
+export default function RegisterScreen() {
+  const dispatch = useDispatch();
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState("");
+
+  const handleRegister = async () => {
+    try {
+      setError("");
+      const token = await registerApi(email, password);
+      dispatch(login(token));
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Registration failed");
+    }
+  };
+
+  return (
+    <SafeAreaView style={{ flex: 1, padding: 20 }}>
+      <TextInput
+        placeholder="Email"
+        value={email}
+        onChangeText={setEmail}
+        autoCapitalize="none"
+        autoCorrect={false}
+        keyboardType="email-address"
+        placeholderTextColor="#888"
+        style={{
+          borderWidth: 1,
+          borderColor: "#ccc",
+          borderRadius: 8,
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          color: "#111",
+          marginBottom: 12,
+        }}
+      />
+      <TextInput
+        placeholder="Password"
+        value={password}
+        onChangeText={setPassword}
+        secureTextEntry
+        placeholderTextColor="#888"
+        style={{
+          borderWidth: 1,
+          borderColor: "#ccc",
+          borderRadius: 8,
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          color: "#111",
+          marginBottom: 12,
+        }}
+      />
+      {!!error && <Text style={{ color: "red", marginBottom: 8 }}>{error}</Text>}
+      <Button title="Register" onPress={() => void handleRegister()} />
+    </SafeAreaView>
+  );
+}
+`;
+    const registerZustand = `import React, { useState } from "react";
+import { Button, Text, TextInput } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { registerApi } from "../../api";
+import { useAuthStore } from "../../store/authStore";
+
+export default function RegisterScreen() {
+  const login = useAuthStore((state) => state.login);
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState("");
+
+  const handleRegister = async () => {
+    try {
+      setError("");
+      const token = await registerApi(email, password);
+      await login(token);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Registration failed");
+    }
+  };
+
+  return (
+    <SafeAreaView style={{ flex: 1, padding: 20 }}>
+      <TextInput
+        placeholder="Email"
+        value={email}
+        onChangeText={setEmail}
+        autoCapitalize="none"
+        autoCorrect={false}
+        keyboardType="email-address"
+        placeholderTextColor="#888"
+        style={{
+          borderWidth: 1,
+          borderColor: "#ccc",
+          borderRadius: 8,
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          color: "#111",
+          marginBottom: 12,
+        }}
+      />
+      <TextInput
+        placeholder="Password"
+        value={password}
+        onChangeText={setPassword}
+        secureTextEntry
+        placeholderTextColor="#888"
+        style={{
+          borderWidth: 1,
+          borderColor: "#ccc",
+          borderRadius: 8,
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          color: "#111",
+          marginBottom: 12,
+        }}
+      />
+      {!!error && <Text style={{ color: "red", marginBottom: 8 }}>{error}</Text>}
+      <Button title="Register" onPress={() => void handleRegister()} />
+    </SafeAreaView>
+  );
+}
+`;
+    const registerContext = `import React, { useContext, useState } from "react";
+import { Button, Text, TextInput } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { registerApi } from "../../api";
+import { AuthContext } from "../../context/AuthContext";
+
+export default function RegisterScreen() {
+  const { login } = useContext(AuthContext);
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState("");
+
+  const handleRegister = async () => {
+    try {
+      setError("");
+      const token = await registerApi(email, password);
+      await login(token);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Registration failed");
+    }
+  };
+
+  return (
+    <SafeAreaView style={{ flex: 1, padding: 20 }}>
+      <TextInput
+        placeholder="Email"
+        value={email}
+        onChangeText={setEmail}
+        autoCapitalize="none"
+        autoCorrect={false}
+        keyboardType="email-address"
+        placeholderTextColor="#888"
+        style={{
+          borderWidth: 1,
+          borderColor: "#ccc",
+          borderRadius: 8,
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          color: "#111",
+          marginBottom: 12,
+        }}
+      />
+      <TextInput
+        placeholder="Password"
+        value={password}
+        onChangeText={setPassword}
+        secureTextEntry
+        placeholderTextColor="#888"
+        style={{
+          borderWidth: 1,
+          borderColor: "#ccc",
+          borderRadius: 8,
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          color: "#111",
+          marginBottom: 12,
+        }}
+      />
+      {!!error && <Text style={{ color: "red", marginBottom: 8 }}>{error}</Text>}
+      <Button title="Register" onPress={() => void handleRegister()} />
+    </SafeAreaView>
+  );
+}
+`;
+    const profile = `import React from "react";
+import { Text } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+export default function ProfileScreen() {
+  return (
+    <SafeAreaView style={{ flex: 1, padding: 20 }}>
+      <Text>ProfileScreen</Text>
+    </SafeAreaView>
+  );
+}
+`;
+    const settings = `import React from "react";
+import { Text } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+export default function SettingsScreen() {
+  return (
+    <SafeAreaView style={{ flex: 1, padding: 20 }}>
+      <Text>SettingsScreen</Text>
+    </SafeAreaView>
+  );
+}
+`;
+    if (state === "Redux Toolkit") {
+        return {
+            login: `import React, { useState } from "react";
+import { Button, Text, TextInput } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { useDispatch } from "react-redux";
+import { loginApi } from "../../api";
+import { login } from "../../store/authSlice";
+
+export default function LoginScreen() {
+  const dispatch = useDispatch();
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState("");
+
+  const handleLogin = async () => {
+    try {
+      setError("");
+      const token = await loginApi(email, password);
+      dispatch(login(token));
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Login failed");
+    }
+  };
+
+  return (
+    <SafeAreaView style={{ flex: 1, padding: 20 }}>
+      <TextInput
+        placeholder="Email"
+        value={email}
+        onChangeText={setEmail}
+        autoCapitalize="none"
+        autoCorrect={false}
+        keyboardType="email-address"
+        placeholderTextColor="#888"
+        style={{
+          borderWidth: 1,
+          borderColor: "#ccc",
+          borderRadius: 8,
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          color: "#111",
+          marginBottom: 12,
+        }}
+      />
+      <TextInput
+        placeholder="Password"
+        value={password}
+        onChangeText={setPassword}
+        secureTextEntry
+        placeholderTextColor="#888"
+        style={{
+          borderWidth: 1,
+          borderColor: "#ccc",
+          borderRadius: 8,
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          color: "#111",
+          marginBottom: 12,
+        }}
+      />
+      {!!error && <Text style={{ color: "red", marginBottom: 8 }}>{error}</Text>}
+      <Button title="Login" onPress={() => void handleLogin()} />
+    </SafeAreaView>
+  );
+}
+`,
+            register: registerRedux,
+            home: `import React from "react";
+import { Button, Text } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { useDispatch } from "react-redux";
+import { logout } from "../../store/authSlice";
+
+export default function HomeScreen() {
+  const dispatch = useDispatch();
+
+  return (
+    <SafeAreaView style={{ flex: 1, padding: 20 }}>
+      <Text>Welcome Home!</Text>
+      <Button title="Logout" onPress={() => dispatch(logout())} />
+    </SafeAreaView>
+  );
+}
+`,
+            profile,
+            settings,
+        };
+    }
+    if (state === "Zustand") {
+        return {
+            login: `import React, { useState } from "react";
+import { Button, Text, TextInput } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { loginApi } from "../../api";
+import { useAuthStore } from "../../store/authStore";
+
+export default function LoginScreen() {
+  const login = useAuthStore((state) => state.login);
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState("");
+
+  const handleLogin = async () => {
+    try {
+      setError("");
+      const token = await loginApi(email, password);
+      await login(token);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Login failed");
+    }
+  };
+
+  return (
+    <SafeAreaView style={{ flex: 1, padding: 20 }}>
+      <TextInput
+        placeholder="Email"
+        value={email}
+        onChangeText={setEmail}
+        autoCapitalize="none"
+        autoCorrect={false}
+        keyboardType="email-address"
+        placeholderTextColor="#888"
+        style={{
+          borderWidth: 1,
+          borderColor: "#ccc",
+          borderRadius: 8,
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          color: "#111",
+          marginBottom: 12,
+        }}
+      />
+      <TextInput
+        placeholder="Password"
+        value={password}
+        onChangeText={setPassword}
+        secureTextEntry
+        placeholderTextColor="#888"
+        style={{
+          borderWidth: 1,
+          borderColor: "#ccc",
+          borderRadius: 8,
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          color: "#111",
+          marginBottom: 12,
+        }}
+      />
+      {!!error && <Text style={{ color: "red", marginBottom: 8 }}>{error}</Text>}
+      <Button title="Login" onPress={() => void handleLogin()} />
+    </SafeAreaView>
+  );
+}
+`,
+            register: registerZustand,
+            home: `import React from "react";
+import { Button, Text } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { useAuthStore } from "../../store/authStore";
+
+export default function HomeScreen() {
+  const logout = useAuthStore((state) => state.logout);
+
+  return (
+    <SafeAreaView style={{ flex: 1, padding: 20 }}>
+      <Text>Welcome Home!</Text>
+      <Button title="Logout" onPress={() => void logout()} />
+    </SafeAreaView>
+  );
+}
+`,
+            profile,
+            settings,
+        };
+    }
+    return {
+        login: `import React, { useContext, useState } from "react";
+import { Button, Text, TextInput } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { loginApi } from "../../api";
+import { AuthContext } from "../../context/AuthContext";
+
+export default function LoginScreen() {
+  const { login } = useContext(AuthContext);
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState("");
+
+  const handleLogin = async () => {
+    try {
+      setError("");
+      const token = await loginApi(email, password);
+      await login(token);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Login failed");
+    }
+  };
+
+  return (
+    <SafeAreaView style={{ flex: 1, padding: 20 }}>
+      <TextInput
+        placeholder="Email"
+        value={email}
+        onChangeText={setEmail}
+        autoCapitalize="none"
+        autoCorrect={false}
+        keyboardType="email-address"
+        placeholderTextColor="#888"
+        style={{
+          borderWidth: 1,
+          borderColor: "#ccc",
+          borderRadius: 8,
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          color: "#111",
+          marginBottom: 12,
+        }}
+      />
+      <TextInput
+        placeholder="Password"
+        value={password}
+        onChangeText={setPassword}
+        secureTextEntry
+        placeholderTextColor="#888"
+        style={{
+          borderWidth: 1,
+          borderColor: "#ccc",
+          borderRadius: 8,
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          color: "#111",
+          marginBottom: 12,
+        }}
+      />
+      {!!error && <Text style={{ color: "red", marginBottom: 8 }}>{error}</Text>}
+      <Button title="Login" onPress={() => void handleLogin()} />
+    </SafeAreaView>
+  );
+}
+`,
+        register: registerContext,
+        home: `import React, { useContext } from "react";
+import { Button, Text } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { AuthContext } from "../../context/AuthContext";
+
+export default function HomeScreen() {
+  const { logout } = useContext(AuthContext);
+
+  return (
+    <SafeAreaView style={{ flex: 1, padding: 20 }}>
+      <Text>Welcome Home!</Text>
+      <Button title="Logout" onPress={() => void logout()} />
+    </SafeAreaView>
+  );
+}
+`,
+        profile,
+        settings,
+    };
+}
+async function writeAuthAppShell(targetPath, state) {
+    const appPath = path_1.default.join(targetPath, "App.tsx");
+    const byState = {
+        "Context API": `import React from "react";
+import { NavigationContainer } from "@react-navigation/native";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import { AuthProvider } from "./context/AuthContext";
+import ProtectedStack from "./navigation/ProtectedStack";
+
+export default function App() {
+  return (
+    <SafeAreaProvider>
+      <AuthProvider>
+        <NavigationContainer>
+          <ProtectedStack />
+        </NavigationContainer>
+      </AuthProvider>
+    </SafeAreaProvider>
+  );
+}
+`,
+        "Redux Toolkit": `import React from "react";
+import { NavigationContainer } from "@react-navigation/native";
+import { Provider } from "react-redux";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import ProtectedStack from "./navigation/ProtectedStack";
+import { store } from "./store/store";
+
+export default function App() {
+  return (
+    <SafeAreaProvider>
+      <Provider store={store}>
+        <NavigationContainer>
+          <ProtectedStack />
+        </NavigationContainer>
+      </Provider>
+    </SafeAreaProvider>
+  );
+}
+`,
+        Zustand: `import React from "react";
+import { NavigationContainer } from "@react-navigation/native";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import ProtectedStack from "./navigation/ProtectedStack";
+
+export default function App() {
+  return (
+    <SafeAreaProvider>
+      <NavigationContainer>
+        <ProtectedStack />
+      </NavigationContainer>
+    </SafeAreaProvider>
+  );
+}
+`,
+    };
+    const content = byState[state];
+    if (!content)
+        return;
+    await fs_extra_1.default.writeFile(appPath, content, "utf8");
+}
 async function configureTsconfigAlias(targetPath, absoluteImports) {
     const tsconfigPath = path_1.default.join(targetPath, "tsconfig.json");
     if (!(await fs_extra_1.default.pathExists(tsconfigPath)))
@@ -375,7 +1287,9 @@ async function writeIfMissing(filePath, content) {
 async function resolveTemplateRoot() {
     const candidates = [
         path_1.default.join(__dirname, "../templates"), // ts-node: src/generators -> src/templates
-        path_1.default.join(__dirname, "../../templates"), // built output layouts
+        path_1.default.join(__dirname, "../../templates"), // dist/src/generators -> dist/templates
+        path_1.default.join(__dirname, "../../../src/templates"), // fallback for packaged source templates
+        path_1.default.join(process.cwd(), "src/templates"), // local fallback during development
     ];
     for (const candidate of candidates) {
         if (await fs_extra_1.default.pathExists(candidate))
@@ -383,18 +1297,20 @@ async function resolveTemplateRoot() {
     }
     throw new Error("Template root not found.");
 }
-function shouldCopyPath(src) {
-    const normalized = src.replace(/\\/g, "/");
+function shouldCopyPath(src, templatePath) {
+    const relative = path_1.default.relative(templatePath, src).replace(/\\/g, "/");
+    if (!relative || relative === ".")
+        return true;
     const blockedSegments = [
-        "/.git/",
-        "/node_modules/",
-        "/ios/Pods/",
-        "/android/.gradle/",
-        "/vendor/bundle/",
+        ".git",
+        "node_modules",
+        "ios/Pods",
+        "android/.gradle",
+        "vendor/bundle",
     ];
-    if (normalized.endsWith("/.git"))
-        return false;
-    return !blockedSegments.some((segment) => normalized.includes(segment));
+    return !blockedSegments.some((segment) => relative === segment ||
+        relative.startsWith(`${segment}/`) ||
+        relative.includes(`/${segment}/`));
 }
 function isTextFile(filePath) {
     const extension = path_1.default.extname(filePath).toLowerCase();