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

package/dist/src/generators/appGenerator.js

@@ -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);
@@ -229,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)))

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/package.json

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