Add environment files for navigation templates and implement utility functions for command checks, online status, and directory write permissions

Author: developer-sumit

.github/workflows/publish.yml

@@ -0,0 +1,31 @@
+name: NPM Package
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: "16" # Specify the Node.js version you want to use
+          registry-url: "https://registry.npmjs.org"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Publish to NPM
+        run: npm publish
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

README.md

@@ -1,73 +1,97 @@
-# React Native CLI Setup
+<h1 style="text-align: center;">React Native Lab</h1>
 
-![Github License](https://img.shields.io/github/license/developer-sumit/react-native-cli-setup)
+![Github License](https://img.shields.io/github/license/developer-sumit/react-native-lab)
 
 **GITHUB** \
-![Github Version](https://img.shields.io/github/package-json/v/developer-sumit/react-native-cli-setup)
-![Github Repo Created At](https://img.shields.io/github/created-at/developer-sumit/react-native-cli-setup)
-![Github Repo Contributors](https://img.shields.io/github/contributors/developer-sumit/react-native-cli-setup)
-![Github Repo Fork](https://img.shields.io/github/forks/developer-sumit/react-native-cli-setup)
+![Github Version](https://img.shields.io/github/package-json/v/developer-sumit/react-native-lab)
+![Github Repo Created At](https://img.shields.io/github/created-at/developer-sumit/react-native-lab)
+![Github Repo Contributors](https://img.shields.io/github/contributors/developer-sumit/react-native-lab)
+![Github Repo Fork](https://img.shields.io/github/forks/developer-sumit/react-native-lab)
 
 **NPM** \
-![NPM Package Version](https://img.shields.io/npm/v/react-native-cli-setup)
-![NPM Package Last Updated](https://img.shields.io/npm/last-update/react-native-cli-setup)
-![NPM Package Downloads](https://img.shields.io/npm/dw/react-native-cli-setup)
+![NPM Package Version](https://img.shields.io/npm/v/react-native-lab)
+![NPM Package Last Updated](https://img.shields.io/npm/last-update/react-native-lab)
+![NPM Package Downloads](https://img.shields.io/npm/d18m/react-native-lab)
 
-`react-native-cli-setup` is a npm package tool to set up a React Native project with some pre-defined configurations. This tool helps you quickly set up a React Native development environment, including installing necessary dependencies like JDK, Android Studio, and the React Native CLI.
+`react-native-lab` is a cli tool to set up a React Native project with some pre-defined configurations. This tool helps you quickly set up a React Native development environment, including installing necessary dependencies like JDK, Android Studio.
 
-## Table of Contents
+This project is inspired by the simplicity and effectiveness of [create-next-app](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
-- 🚀 [Features](#🚀-features)
-- ⚙️ [Prerequisites](#⚙️-prerequisites)
-- 🏁 [Getting Started](#🏁-getting-started)
-- 🛠️ [Common Issues](#🛠️-common-issues)
-- 🆘 [Getting Help](#🆘-getting-help)
-- 🤝 [Contributing](#🤝-contributing)
-- 📜 [License](#📜-license)
+<h2 style="text-align: center;">Table of Contents</h2>
 
-## 🚀 Features
+- 🚀 [Features](#features)
+- 📸 [Screenshots](#screenshots)
+- ⚙️ [Prerequisites](#prerequisites)
+- 🏁 [Getting Started](#getting-started)
+- 🛠️ [Common Issues](#common-issues)
+- 🆘 [Getting Help](#getting-help)
+- 🤝 [Contributing](#contributing)
+- 📜 [License](#license)
 
-- Installs JDK (OpenJDK)
-- Installs Android Studio
-- Installs React Native CLI
-- Adds system environment variables - ANDROID_HOME, ANDROID_SDK_ROOT, JAVA_HOME
-- Initializes a new React Native project
+<h2 id="features" style="text-align: center;">🚀 Features</h2>
 
-## ⚙️ Prerequisites
+- **Installs JDK (OpenJDK)**: Automatically installs the necessary JDK for Android development.
+- **Installs Android Studio**: Sets up Android Studio, including the necessary SDKs and tools.
+- **Sets Environment Variables**: Configures system environment variables such as `ANDROID_HOME`, `ANDROID_SDK_ROOT`, and `JAVA_HOME`.
+- **Pre-built Templates**: Choose from a variety of pre-built templates to kickstart your React Native project.
+- **Customizable Configuration**: Allows you to customize the project setup according to your preferences.
+- **Cross-Platform Support**: Works on Windows, macOS, and Linux.
+- **Environment Setup**: Optionally sets up a `.env` file for managing environment variables.
+- **Navigation Setup**: Optionally sets up React Navigation in your project.
+- **Alias Configuration**: Configures path aliases for cleaner and more manageable imports.
+
+<h2 id="screenshots" style="text-align: center;">📸 Screenshots</h2>
+
+Here are the available templates you can use with `react-native-lab`:
+
+![Setup](./images/setup-1.png)
+![Setup](./images/setup-2.png)
+
+<div style="display: flex; gap: 20px;">
+  <div style="text-align: center;">
+    <h4>Blank Template</h4>
+    <img src="./images/blank-template.png" alt="Blank Template" style="width: 300px; border-radius: 10px;">
+  </div>
+  <div style="text-align: center;">
+    <h4>Navigation Template</h4>
+    <img src="./images/navigation-template.png" alt="Navigation Template" style="width: 300px; border-radius: 10px;">
+  </div>
+</div>
+
+<h2 id="prerequisites" style="text-align: center;">⚙️ Prerequisites</h2>
 
 - Node.js (v14 or higher)
 - npm (v6 or higher)
-- Windows operating system
 
-## 🏁 Getting Started
+<h2 id="getting-started" style="text-align: center;">🏁 Getting Started</h2>
 
-To get started with `react-native-cli-setup`, follow these steps:
+To get started with `react-native-lab`, follow these steps:
 
 1. Ensure you have all the prerequisites installed on your system.
 2. You can use `npx` to run the tool without installing it:
    ```sh
-   npx react-native-cli-setup
+   npx react-native-lab
    ```
 
-## 🛠️ Common Issues
+<h2 id="common-issues" style="text-align: center;">🛠️ Common Issues</h2>
 
 - **Installation Errors**: Ensure you have the correct versions of Node.js and npm installed. Try clearing the npm cache:
   ```sh
   npm cache clean --force
   ```
 - **Permission Errors**: Run the command with elevated privileges (e.g., using `sudo` on macOS/Linux or running the terminal as an administrator on Windows).
 
-## 🆘 Getting Help
+<h2 id="getting-help" style="text-align: center;">🆘 Getting Help</h2>
 
 If you need further assistance, you can:
 
-- Check the [GitHub Issues](https://github.com/developer-sumit/react-native-cli-setup/issues) for similar problems.
+- Check the [GitHub Issues](https://github.com/developer-sumit/react-native-lab/issues) for similar problems.
 - Open a new issue with detailed information about your problem.
 - Reach out to the community for support.
 
 By following these steps, you should be able to resolve most issues and get your React Native project up and running smoothly.
 
-## 🤝 Contributing
+<h2 id="contributing" style="text-align: center;">🤝 Contributing</h2>
 
 Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.
 
@@ -82,6 +106,6 @@ To contribute:
 
 Please make sure to follow the project's coding guidelines and standards.
 
-## 📜 License
+<h2 id="license" style="text-align: center;">📜 License</h2>
 
 This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

images/banner.jpg

@@ -0,0 +1,37 @@
+#!/usr/bin/env node
+/* eslint-disable import/no-extraneous-dependencies */
+
+import prompts from "./src/prompts";
+import retry from "./src/helpers/retry";
+import createReactNative from "./react-native-lab";
+import { installJDK, installAndroidStudio } from "./src/install";
+
+/** Main setup function */
+async function setup() {
+  const prompt = await prompts();
+
+  if (prompt.installJDK) {
+    await retry(installJDK);
+  }
+
+  if (prompt.installAndroidStudio) {
+    await retry(installAndroidStudio);
+  }
+
+  // Create the React Native project with user inputs
+  await createReactNative({
+    appPath: prompt.projectName,
+    packageManager: prompt.packageManager,
+    srcDir: prompt.srcDir,
+    envEnabled: prompt.envEnabled,
+    template: prompt.template,
+    disableGit: prompt.disableGit,
+    skipInstall: false,
+  });
+}
+
+// Run the setup function
+setup().catch((error) => {
+  console.error("Setup failed:", error);
+  process.exit(1);
+});