@highbeek/create-rnstarterkit 1.0.2-beta.3 → 1.0.2-beta.5

package/dist/src/generators/appGenerator.js

@@ -15,7 +15,7 @@ async function generateApp(options) {
     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);
@@ -30,6 +30,7 @@ async function generateApp(options) {
             authFolder === "auth-zustand" ||
             authFolder === "auth-redux") {
             await setAuthTabsByPlatform(targetPath, platform);
+            await writeAuthAppShell(targetPath, state);
         }
     }
     if (apiClient) {
@@ -44,6 +45,11 @@ async function generateApp(options) {
         await copyOptionalModule("react-query", targetPath);
     if (storage === "MMKV")
         await copyOptionalModule("mmkv", targetPath);
+    await configureStateAndAuthDependencies(targetPath, {
+        state,
+        auth,
+        storage,
+    });
     await configureAbsoluteImports(targetPath, platform, absoluteImports);
     await configureDataFetching(targetPath, dataFetching);
     await configureApiClientTransport(targetPath, apiClient, apiClientType);
@@ -198,6 +204,7 @@ export const queryClient = new QueryClient();
 }
 async function configureApiClientTransport(targetPath, apiClient, apiClientType) {
     if (apiClient && apiClientType === "Axios") {
+        const templateRoot = await resolveTemplateRoot();
         await ensureDependencies(targetPath, {
             dependencies: {
                 axios: "^1.12.2",
@@ -211,88 +218,9 @@ export const axiosClient = axios.create({
   timeout: 15000,
 });
 `);
-        await fs_extra_1.default.writeFile(path_1.default.join(targetPath, "api/client.ts"), `import axios from "axios";
-import { API_BASE_URL } from "../config/env";
-
-export class ApiError extends Error {
-  status: number;
-  data: unknown;
-
-  constructor(status: number, message: string, data: unknown) {
-    super(message);
-    this.name = "ApiError";
-    this.status = status;
-    this.data = data;
-  }
-}
-
-type RequestOptions = {
-  headers?: Record<string, string>;
-  query?: Record<string, string | number | boolean | undefined>;
-  token?: string | null;
-  signal?: AbortSignal;
-};
-
-const client = axios.create({
-  baseURL: API_BASE_URL,
-  timeout: 15000,
-});
-
-function resolveErrorMessage(data: unknown, status: number) {
-  if (
-    typeof data === "object" &&
-    data !== null &&
-    "message" in data &&
-    typeof (data as { message: unknown }).message === "string"
-  ) {
-    return (data as { message: string }).message;
-  }
-  return \`Request failed with status \${status}\`;
-}
-
-async function request<T>(
-  method: "GET" | "POST" | "PUT" | "PATCH" | "DELETE",
-  path: string,
-  body?: unknown,
-  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;
-  }
-}
-
-export const apiClient = {
-  get: <T>(path: string, options?: RequestOptions) =>
-    request<T>("GET", path, undefined, options),
-  post: <T>(path: string, body?: unknown, options?: RequestOptions) =>
-    request<T>("POST", path, body, options),
-  put: <T>(path: string, body?: unknown, options?: RequestOptions) =>
-    request<T>("PUT", path, body, options),
-  patch: <T>(path: string, body?: unknown, options?: RequestOptions) =>
-    request<T>("PATCH", path, body, options),
-  delete: <T>(path: string, options?: RequestOptions) =>
-    request<T>("DELETE", path, undefined, options),
-};
-`, "utf8");
+        await fs_extra_1.default.copy(path_1.default.join(templateRoot, "optional/apiClient/api/client.axios.ts"), path_1.default.join(targetPath, "api/client.ts"), {
+            overwrite: true,
+        });
     }
 }
 async function configureValidation(targetPath, validation) {
@@ -307,6 +235,78 @@ async function configureValidation(targetPath, validation) {
         await ensureDependencies(targetPath, { dependencies });
     }
 }
+async function configureStateAndAuthDependencies(targetPath, options) {
+    const dependencies = {};
+    if (options.auth) {
+        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 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 { AuthProvider } from "./context/AuthContext";
+import ProtectedStack from "./navigation/ProtectedStack";
+
+export default function App() {
+  return (
+    <AuthProvider>
+      <NavigationContainer>
+        <ProtectedStack />
+      </NavigationContainer>
+    </AuthProvider>
+  );
+}
+`,
+        "Redux Toolkit": `import React from "react";
+import { NavigationContainer } from "@react-navigation/native";
+import { Provider } from "react-redux";
+import ProtectedStack from "./navigation/ProtectedStack";
+import { store } from "./store/store";
+
+export default function App() {
+  return (
+    <Provider store={store}>
+      <NavigationContainer>
+        <ProtectedStack />
+      </NavigationContainer>
+    </Provider>
+  );
+}
+`,
+        Zustand: `import React from "react";
+import { NavigationContainer } from "@react-navigation/native";
+import ProtectedStack from "./navigation/ProtectedStack";
+
+export default function App() {
+  return (
+    <NavigationContainer>
+      <ProtectedStack />
+    </NavigationContainer>
+  );
+}
+`,
+    };
+    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)))
@@ -386,18 +386,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();

package/dist/templates/expo-base/App.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+import { SafeAreaView, StyleSheet, Text } from "react-native";
+
+export default function App() {
+  return (
+    <SafeAreaView style={styles.container}>
+      <Text style={styles.title}>RN Starter Kit</Text>
+      <Text style={styles.subtitle}>
+        Build your app by adding screens and navigation.
+      </Text>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 24,
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: "700",
+    marginBottom: 8,
+  },
+  subtitle: {
+    fontSize: 15,
+    textAlign: "center",
+    color: "#666",
+  },
+});

package/dist/templates/expo-base/app.json

@@ -26,7 +26,6 @@
       "favicon": "./assets/images/favicon.png"
     },
     "plugins": [
-      "expo-router",
       [
         "expo-splash-screen",
         {
@@ -41,7 +40,6 @@
       ]
     ],
     "experiments": {
-      "typedRoutes": true,
       "reactCompiler": true
     }
   }

package/dist/templates/expo-base/package.json

@@ -1,10 +1,9 @@
 {
   "name": "{{projectName}}",
-  "main": "expo-router/entry",
+  "main": "node_modules/expo/AppEntry.js",
   "version": "1.0.0",
   "scripts": {
     "start": "expo start",
-    "reset-project": "node ./scripts/reset-project.js",
     "android": "expo start --android",
     "ios": "expo start --ios",
     "web": "expo start --web",
@@ -21,7 +20,6 @@
     "expo-haptics": "~15.0.8",
     "expo-image": "~3.0.11",
     "expo-linking": "~8.0.11",
-    "expo-router": "~6.0.23",
     "expo-splash-screen": "~31.0.13",
     "expo-status-bar": "~3.0.9",
     "expo-symbols": "~1.0.8",

package/dist/templates/optional/apiClient/api/client.axios.ts

@@ -0,0 +1,124 @@
+import axios, {
+  AxiosError,
+  AxiosRequestConfig,
+  AxiosResponse,
+  InternalAxiosRequestConfig,
+} from "axios";
+import { API_BASE_URL } from "../config/env";
+
+export class ApiError extends Error {
+  status: number;
+  data: unknown;
+
+  constructor(status: number, message: string, data: unknown) {
+    super(message);
+    this.name = "ApiError";
+    this.status = status;
+    this.data = data;
+  }
+}
+
+type RequestOptions = {
+  headers?: Record<string, string>;
+  query?: Record<string, string | number | boolean | undefined>;
+  token?: string | null;
+  signal?: AbortSignal;
+};
+
+const client = axios.create({
+  baseURL: API_BASE_URL,
+  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" &&
+    data !== null &&
+    "message" in data &&
+    typeof (data as { message: unknown }).message === "string"
+  ) {
+    return (data as { message: string }).message;
+  }
+  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);
+}
+
+// Default auth + error interceptors.
+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,
+  body?: unknown,
+  options: RequestOptions = {},
+): Promise<T> {
+  const { headers = {}, query, token, signal } = options;
+  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 = {
+  get: <T>(path: string, options?: RequestOptions) =>
+    request<T>("GET", path, undefined, options),
+  post: <T>(path: string, body?: unknown, options?: RequestOptions) =>
+    request<T>("POST", path, body, options),
+  put: <T>(path: string, body?: unknown, options?: RequestOptions) =>
+    request<T>("PUT", path, body, options),
+  patch: <T>(path: string, body?: unknown, options?: RequestOptions) =>
+    request<T>("PATCH", path, body, options),
+  delete: <T>(path: string, options?: RequestOptions) =>
+    request<T>("DELETE", path, undefined, options),
+};

package/dist/templates/optional/apiClient/api/client.ts

@@ -20,6 +20,41 @@ type RequestOptions = {
   signal?: AbortSignal;
 };
 
+type RequestInterceptor = (
+  input: {
+    method: "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
+    path: string;
+    options: RequestOptions;
+  },
+) =>
+  | {
+      method: "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
+      path: string;
+      options: RequestOptions;
+    }
+  | Promise<{
+      method: "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
+      path: string;
+      options: RequestOptions;
+    }>;
+type ResponseInterceptor = (response: Response) => Response | Promise<Response>;
+
+let authTokenGetter: (() => string | null | undefined) | null = null;
+const requestInterceptors: RequestInterceptor[] = [];
+const responseInterceptors: ResponseInterceptor[] = [];
+
+export function setAuthTokenGetter(getter: (() => string | null | undefined) | null) {
+  authTokenGetter = getter;
+}
+
+export function addRequestInterceptor(interceptor: RequestInterceptor) {
+  requestInterceptors.push(interceptor);
+}
+
+export function addResponseInterceptor(interceptor: ResponseInterceptor) {
+  responseInterceptors.push(interceptor);
+}
+
 function buildUrl(path: string, query?: RequestOptions["query"]) {
   const normalizedPath = path.startsWith("/") ? path : `/${path}`;
   const url = new URL(`${API_BASE_URL}${normalizedPath}`);
@@ -56,10 +91,15 @@ async function request<T>(
   path: string,
   options: RequestOptions = {},
 ): Promise<T> {
-  const { headers = {}, query, body, token, signal } = options;
+  let requestInput = { method, path, options };
+  for (const interceptor of requestInterceptors) {
+    requestInput = await interceptor(requestInput);
+  }
 
-  const response = await fetch(buildUrl(path, query), {
-    method,
+  const { headers = {}, query, body, token, signal } = requestInput.options;
+
+  let response = await fetch(buildUrl(requestInput.path, query), {
+    method: requestInput.method,
     headers: {
       "Content-Type": "application/json",
       ...(token ? { Authorization: `Bearer ${token}` } : {}),
@@ -69,6 +109,10 @@ async function request<T>(
     signal,
   });
 
+  for (const interceptor of responseInterceptors) {
+    response = await interceptor(response);
+  }
+
   return parseResponse<T>(response);
 }
 
@@ -84,3 +128,15 @@ export const apiClient = {
   delete: <T>(path: string, options?: Omit<RequestOptions, "body">) =>
     request<T>("DELETE", path, options),
 };
+
+// Default interceptor setup: attach bearer token if configured.
+addRequestInterceptor((input) => {
+  const token = input.options.token ?? authTokenGetter?.() ?? null;
+  return {
+    ...input,
+    options: {
+      ...input.options,
+      token,
+    },
+  };
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@highbeek/create-rnstarterkit",
-  "version": "1.0.2-beta.3",
+  "version": "1.0.2-beta.5",
   "description": "CLI to scaffold production-ready React Native app structures.",
   "main": "dist/src/generators/appGenerator.js",
   "bin": {