update: enhance project setup prompts with additional customization options and fix import path for HomeScreen

Author: developer-sumit

index.ts

@@ -21,18 +21,22 @@ async function setup() {
   // Create the React Native project with user inputs
   await createReactNative({
     appPath: prompt.projectName,
-    packageManager: prompt.packageManager,
+    packageManager: prompt.packageManager ? prompt.packageManager : "npm",
     reactNativeVersion:
       prompt.reactNativeVersion === "custom"
         ? prompt.customReactNativeVersion
-        : prompt.reactNativeVersion,
+        : prompt.reactNativeVersion || "latest",
     srcDir: prompt.srcDir,
     nativeWind: prompt.installNativeWind,
-    envEnabled: prompt.envEnabled,
+    envEnabled: prompt.envEnabled ? prompt.envEnabled : false,
     envPackage: prompt.envPackage ? prompt.envPackage : "react-native-config",
-    includeCustomHooks: prompt.includeCustomHooks,
-    customHooks: prompt.selectedHooks,
-    includeConsoleRemover: prompt.includeConsoleRemover,
+    includeCustomHooks: prompt.includeCustomHooks
+      ? prompt.includeCustomHooks
+      : false,
+    customHooks: prompt.selectedHooks ? prompt.selectedHooks : [],
+    includeConsoleRemover: prompt.includeConsoleRemover
+      ? prompt.includeConsoleRemover
+      : false,
     template: prompt.template,
     disableGit: prompt.disableGit,
     skipInstall: false,

src/prompts.ts

@@ -31,15 +31,9 @@ const questions = [
     message: "What is the name of your React Native project?",
     default: "MyReactNativeApp",
     validate: (input: string) =>
-      /^[a-zA-Z_-]+$/.test(input) ||
+      /^[a-zA-Z0-9_]+$/.test(input) ||
       "Project name can only contain letters, underscores, and hyphens.",
   },
-  {
-    type: "list",
-    name: "packageManager",
-    message: "Which package manager would you like to use?",
-    choices: ["npm", "yarn", "bun"],
-  },
   {
     type: "confirm",
     name: "srcDir",
@@ -77,11 +71,25 @@ const questions = [
     choices: ["react-native-config", "react-native-dotenv"],
     when: (answers: Answers) => answers.envEnabled,
   },
+  {
+    type: "confirm",
+    name: "enableAdditionalCustomization",
+    message: "Would you like to enable additional customization?",
+    default: false,
+  },
+  {
+    type: "list",
+    name: "packageManager",
+    message: "Which package manager would you like to use?",
+    choices: ["npm", "yarn", "bun"],
+    when: (answers: Answers) => answers.enableAdditionalCustomization,
+  },
   {
     type: "confirm",
     name: "includeCustomHooks",
     message: "Would you like to include custom hooks in your project?",
     default: false,
+    when: (answers: Answers) => answers.enableAdditionalCustomization,
   },
   {
     type: "checkbox",
@@ -94,14 +102,16 @@ const questions = [
       { name: "useOrientation", value: "useOrientation" },
       { name: "useResponsiveLayout", value: "useResponsiveLayout" },
     ],
-    when: (answers: Answers) => answers.includeCustomHooks,
+    when: (answers: Answers) =>
+      answers.includeCustomHooks && answers.enableAdditionalCustomization,
   },
   {
     type: "confirm",
     name: "includeConsoleRemover",
     message:
       "Would you like to include automatic console log removal for production builds?",
     default: false,
+    when: (answers: Answers) => answers.enableAdditionalCustomization,
   },
   {
     type: "list",
@@ -114,12 +124,15 @@ const questions = [
       { name: "Custom", value: "custom" },
     ],
     default: "latest",
+    when: (answers: Answers) => answers.enableAdditionalCustomization,
   },
   {
     type: "input",
     name: "customReactNativeVersion",
     message: "Please enter the React Native version you would like to use:",
-    when: (answers: Answers) => answers.reactNativeVersion === "custom",
+    when: (answers: Answers) =>
+      answers.reactNativeVersion === "custom" &&
+      answers.enableAdditionalCustomization,
     validate: (input: string) =>
       /^\d+\.\d+\.\d+$/.test(input) || "Please enter a valid version number.",
   },

src/templates/project/bottom-navigation/nativewind/App-src.tsx

@@ -5,7 +5,7 @@ import { SafeAreaView, StatusBar } from "react-native";
 import { NavigationContainer } from "@react-navigation/native";
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
 
-import HomeScreen from "./src/srceens/HomeScreen";
+import HomeScreen from "./src/screens/HomeScreen";
 import AboutScreen from "./src/screens/AboutScreen";
 
 const Tab = createBottomTabNavigator();