Merge branch 'refs/heads/v1.3.0'

Author: developer-sumit

.github/workflows/publish.yml

@@ -1,13 +1,17 @@
-name: NPM Package
+name: Publish to NPM
 
 on:
   push:
-    branches:
-      - main
+    tags:
+      - "v*"
+  workflow_dispatch:
 
 jobs:
   publish:
     runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
 
     steps:
       - name: Checkout code
@@ -16,16 +20,37 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: "24.x"
           registry-url: "https://registry.npmjs.org"
 
+      - name: Ensure npm supports trusted publishing
+        run: npm i -g npm@11.5.1
+
       - name: Install dependencies
         run: npm ci
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_READ_TOKEN }}
 
       - name: Build
         run: npm run build
 
-      - name: Publish to NPM
-        run: npm publish
-        env:
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - name: Check Version
+        id: check-version
+        run: |
+          PACKAGE_VERSION=$(node -p "require('./package.json').version")
+          NPM_VERSION=$(npm view react-native-lab version 2>/dev/null || echo "0.0.0")
+
+          echo "Package Version: $PACKAGE_VERSION"
+          echo "NPM Version: $NPM_VERSION"
+
+          if [ "$PACKAGE_VERSION" != "$NPM_VERSION" ]; then
+            echo "New version detected. Proceeding with publish."
+            echo "IS_NEW_VERSION=true" >> $GITHUB_ENV
+          else
+            echo "Version $PACKAGE_VERSION already exists on NPM. Skipping publish."
+            echo "IS_NEW_VERSION=false" >> $GITHUB_ENV
+          fi
+
+      - name: Publish to NPM (OIDC)
+        if: env.IS_NEW_VERSION == 'true'
+        run: npm publish --access public

CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.3.0] - 2026-01-16
+
+### 🚀 New Features
+
+- **Revamped CLI Design**: A completely new, modern, and interactive CLI experience using `@clack/prompts`.
+- **CI/CD Integration**: Automatically generate GitHub Actions workflows for Linting and Testing.
+- **Git Initialization**: Explicit option to initialize a Git repository.
+- **Console Log Removal**: Added option to strip console logs in production builds.
+
+### ✨ Improvements
+
+- **Interactive Prompts**: Smoother and more visual prompts with better error handling and cancellation support.
+- **Project Setup**: clearer steps and spinners for long-running tasks.
+- **Validation**: Improved validation for package names and versions.
+
 ## [1.1.0] - 2024-12-15
 
 ### New Features

README.md

@@ -1,132 +1,123 @@
-<h1 style="text-align: center;">React Native Lab</h1>
-
-![Github License](./images/banner.jpg)
-
-![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-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 Package](https://github.com/developer-sumit/react-native-lab/actions/workflows/publish.yml/badge.svg)](https://github.com/developer-sumit/react-native-lab/actions/workflows/publish.yml)
-
-**NPM** \
-![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-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.
-
-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).
-
-<h2 style="text-align: center;">Table of Contents</h2>
-
-- 🚀 [Features](#features)
-- 📸 [Screenshots](#screenshots)
-- ⚙️ [Prerequisites](#prerequisites)
-- 🏁 [Getting Started](#getting-started)
-- 🛠️ [Common Issues](#common-issues)
-- 🆘 [Getting Help](#getting-help)
-- 🤝 [Contributing](#contributing)
-- 📜 [License](#license)
-
-<h2 id="features" style="text-align: center;">🚀 Features</h2>
-
-1. **Installs JDK (OpenJDK)**: Automatically installs the necessary JDK for Android development.
-1. **Installs Android Studio**: Sets up Android Studio, including the necessary SDKs and tools.
-1. **Sets Environment Variables**: Configures system environment variables such as `ANDROID_HOME`, `ANDROID_SDK_ROOT`, and `JAVA_HOME`.
-1. **Pre-built Templates**: Choose from a variety of pre-built templates to kickstart your React Native project.
-
-   - `Blank`
-   - `Bottom Navigation`
-   - `Drawer Navigation`
-   - `Stack Navigation`
-1. **Project Structure**: Creates an `src` folder for you want.
-1. **Cross-Platform Support**: Works on `Windows`, `macOS`, and `Linux`.
-1. **Environment Setup**:
-   - Sets up a `.env` file for managing environment variables.
-   - Offers choice between `react-native-config` and `react-native-dotenv` for handling environment variables.
-1. **Alias Configuration**: Configures path aliases for cleaner and more manageable imports.
-1. **NativeWind Integration**: Install and configure NativeWind for styling.
-1. **React Native Version Selection**: Allows you to set up the project with your preferred React Native version.
-1. **Console Remover**: Automatically removes console logs in production builds, enhancing security and slightly reducing app size.
-1. **Custom Hooks**: Option to include a set of useful custom hooks:
-   - `useDebounce`: Delays invoking a function until after a wait period.
-   - `useThrottle`: Limits the rate at which a function can fire.
-   - `usePrevious`: Accesses the previous value of a state or prop.
-   - `useOrientation`: Detects and responds to device orientation changes.
-   - `useResponsiveLayout`: Provides responsive layout information based on screen size.
-
-![Custom Hooks](./images/screenshots/all-prompts.png)
-
-<h2 id="screenshots" style="text-align: center;">📸 Screenshots</h2>
-
-Here are the available templates you can use with `react-native-lab`:
-
-<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 15px; max-width: 500px;">
-  <div style="text-align: center;">
-    <h4>Blank Template</h4>
-    <img src="./images/blank-template.png" alt="Blank Template" style="width: 100%; border-radius: 10px;">
-  </div>
-  <div style="text-align: center;">
-    <h4>Navigation Template</h4>
-    <img src="./images/navigation-template.png" alt="Navigation Template" style="width: 100%; border-radius: 10px;">
-  </div>
-</div>
-
-<h2 id="prerequisites" style="text-align: center;">⚙️ Prerequisites</h2>
-
-- Node.js (v18 or higher)
-- npm (v6 or higher)
-
-<h2 id="getting-started" style="text-align: center;">🏁 Getting Started</h2>
-
-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-lab@latest
-   ```
-
-<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).
-
-<h2 id="getting-help" style="text-align: center;">🆘 Getting Help</h2>
+<h1 style="text-align: center;">🧪 React Native Lab</h1>
 
-If you need further assistance, you can:
+<div align="center">
 
-- 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.
+![Github License](https://img.shields.io/github/license/developer-sumit/react-native-lab?style=flat-square)
+![Github Version](https://img.shields.io/github/package-json/v/developer-sumit/react-native-lab?style=flat-square)
+![Github Repo Created At](https://img.shields.io/github/created-at/developer-sumit/react-native-lab?style=flat-square)
+![Github Repo Contributors](https://img.shields.io/github/contributors/developer-sumit/react-native-lab?style=flat-square)
+![Github Repo Fork](https://img.shields.io/github/forks/developer-sumit/react-native-lab?style=flat-square)
+![NPM Package Version](https://img.shields.io/npm/v/react-native-lab?style=flat-square)
+![NPM Package Last Updated](https://img.shields.io/npm/last-update/react-native-lab?style=flat-square)
+![NPM Package Downloads](https://img.shields.io/npm/dm/react-native-lab?style=flat-square)
 
-By following these steps, you should be able to resolve most issues and get your React Native project up and running smoothly.
-
-<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.
-
-To contribute:
-
-1. Fork the repository.
-2. Create a new branch (`git checkout -b feature`).
-3. Make your changes.
-4. Commit your changes (`git commit -m 'Add some feature'`).
-5. Push to the branch (`git push origin feature`).
-6. Open a pull request.
-
-Please make sure to follow the project's coding guidelines and standards.
-
-<h2 id="license" style="text-align: center;">📜 License</h2>
-
-This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
-
-<h2 id="changelog" style="text-align: center;">📜 Changelog</h2>
+</div>
 
-For a detailed list of changes and updates, please refer to the [Changelog](./CHANGELOG.md).
+<p align="center">
+  <b>The ultimate CLI to kickstart your React Native journey with professional-grade templates and tools.</b>
+</p>
+
+---
+
+`react-native-lab` automates the boring setup of React Native projects. We handle the configuration so you can start coding instantly.
+
+### 🚀 Quick Start
+
+```bash
+npx react-native-lab@latest
+```
+
+### 💻 Usage Preview
+
+_No screenshots needed! Here is how the interactive CLI guides you:_
+
+```text
+┌  React Native Lab
+│
+◇  What is the name of your React Native project?
+│  MySuperApp
+│
+◇  Do you want to create a "src" folder for your files?
+│  Yes
+│
+◇  Which template would you like to use?
+│  Bottom Navigation
+│
+◇  Checking for JDK installation...
+│  JDK is already installed.
+│
+◇  Checking for Android Studio...
+│  Android Studio is already installed.
+│
+◇  Would you like to enable additional customization?
+│  Yes
+│
+◇  Which package manager would you like to use?
+│  npm
+│
+◇  What should be the package name?
+│  com.mysuperapp.mobile
+│
+◇  Would you like to install NativeWind for styling?
+│  Yes
+│
+◇  Include automatic console log removal in production?
+│  Yes
+│
+◇  Add GitHub Actions CI workflow?
+│  Yes
+│
+└  Configuration complete! Starting setup...
+```
+
+### ✨ Comprehensive Features
+
+We take care of the details so you don't have to.
+
+#### 🛠️ Smart Environment Setup
+
+- **Automatic JDK Install**: Checks and installs OpenJDK (Windows/Linux) if missing.
+- **Automatic Android Studio**: Downloads and configures Android Studio & SDKs (Windows/Linux).
+- **Environment Variables**: Automatically sets `JAVA_HOME`, `ANDROID_HOME`, and adds tools to `PATH`.
+
+#### 🎨 Templates & Design
+
+- **Multiple Layouts**:
+  - **Blank**: A clean slate.
+  - **Bottom Navigation**: Tab-based navigation pre-configured.
+  - **Stack Navigation**: Standard stack navigation.
+  - **Drawer Navigation**: Drawer menu implementation.
+- **NativeWind Support**: Optional integration of Tailwind CSS for React Native.
+
+#### ⚙️ Project Configuration
+
+- **Package Manager**: Support for `npm`, `yarn`, or `bun`.
+- **Custom Package Name**: Easily set your Bundle ID (e.g., `com.company.app`).
+- **React Native Version**: Choose between `latest` stable or a specific version.
+- **Project Structure**: Optional clean `src/` directory organization.
+- **Environment Secrets**: Choice of `react-native-config` or `react-native-dotenv`.
+
+#### 🧑‍💻 Developer Experience (DX)
+
+- **TypeScript First**: All code is typed by default.
+- **Path Aliases**: Pre-configured aliases like `@assets`, `@components`, `@screens`, `@utils`.
+- **Custom Hooks Library**: Optional inclusion of:
+  - `useDebounce`
+  - `useThrottle`
+  - `usePrevious`
+  - `useOrientation`
+  - `useResponsiveLayout`
+
+#### 🚀 Production Readiness
+
+- **CI/CD Integration**: Automatically generates `.github/workflows/ci.yml` for linting and testing.
+- **Console Log Removal**: Production builds automatically strip simple `console.log` statements for security and speed.
+- **Git Initialization**: Auto-init Git repo and generate a tailored `.gitignore`.
+
+### 🤝 Contributing
+
+Contributions are welcome! Please open an issue or submit a pull request [here](https://github.com/developer-sumit/react-native-lab).
+
+### 📄 License
+
+MIT © [Sumit Singh Rathore](https://github.com/developer-sumit)

UPDATES.md

@@ -0,0 +1,57 @@
+# 🔮 Updates & Roadmap
+
+This document outlines the future vision for `react-native-lab`. We prioritize features that reduce "setup fatigue" and enforce professional best practices.
+
+## 📦 Package Manager Recommendation
+
+For developing `react-native-lab` itself, we recommend using **npm**.
+
+- **Why?** It is the default for Node.js, ensuring maximum compatibility for contributors without requiring additional tools.
+- **Future Consideration:** If the repository grows into a monorepo (e.g., separating templates into packages), we will migrate to **pnpm** for its workspace efficiency and disk space savings.
+
+---
+
+## 📅 Roadmap
+
+### v1.4.0: Asset Optimization & Splash Screens 🎨
+
+**Goal:** Automate the tedious process of generating app icons and splash screens.
+
+- **Feature:** `npx react-native-lab generate-assets`
+- **Why:** Developers hate manually resizing images for Android/iOS.
+- **Tech:** Integrate `react-native-bootsplash` or similar tools automatically.
+
+### v1.5.0: State Management Selection 🧠
+
+**Goal:** Give developers options for rigorous state management beyond React Context.
+
+- **Feature:** Option to add **Zustand** or **Redux Toolkit** during setup.
+- **Why:** As apps scale, Context API often falls short. Zustand is growing in popularity for its simplicity, while Redux remains the enterprise standard.
+
+### v1.6.0: API & Networking Layer 🌐
+
+**Goal:** Provide a production-ready networking setup.
+
+- **Feature:** Pre-configured `TanStack Query` (React Query) + `Axios` instance.
+- **Why:** Dealing with caching, loading states, and error handling is mandatory in every app. We should automate the best-practice setup.
+
+### v2.0.0: The Plugin System 🧩
+
+**Goal:** Move from a "CLI tool" to a "Platform".
+
+- **Feature:** Allow the community to create and publish their own templates (e.g., `react-native-lab init --template @user/my-template`).
+- **Why:** We can't maintain every possible stack. Empowering the community scales the ecosystem indefinitely.
+
+### v2.1.0: Expo Support? 🤔
+
+**Goal:** Support the Expo ecosystem.
+
+- **Feature:** `react-native-lab init --type expo`
+- **Why:** Expo is becoming the default for many. Creating a unified CLI for both bare and Expo workflows would be powerful.
+
+---
+
+## 🛠️ Internal Improvements (Continuous)
+
+- **Test Coverage:** Increase unit and E2E test coverage for the CLI.
+- **Telemetry:** Optional, anonymous usage tracking to see which templates are most popular (strictly no PII).