update: v1.1.0 to add NativeWind configurations

Author: developer-sumit

CHANGELOG.md

@@ -0,0 +1,39 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+## [1.1.0] - 2024-12-15
+
+### New Features
+
+- **NativeWind Integration**: You can now easily integrate NativeWind for styling, making it quicker to set up Tailwind-like utilities in your React Native project.
+- **React Native Version Selection**: Added the ability to choose the React Native version during project setup. Specify your preferred version, and react-native-lab will handle the rest!
+
+### Improvements
+
+- Streamlined setup prompts for a more intuitive user experience.
+- Minor fixes to ensure better compatibility across different devices and environments.
+
+### Existing Features
+
+- Install JDK and Android Studio (if not already installed).
+- Automatically set up environment variables.
+- Create an `src` folder (optional).
+- Add import aliases for cleaner code.
+- Predefined templates for starting new projects: Blank, Bottom Navigation, Drawer Navigation, and Stack Navigation.
+
+---
+
+## [1.0.4] - 2024-12-15
+
+### Changes
+
+- **Regex Update for Project Naming Validation:**
+  - Users can now only use **letters**, **underscores (`_`)**, and **hyphens (`-`)** in project names.
+  - **Numbers** and other special characters are no longer allowed to ensure consistent and predictable project naming conventions.
+
+#### Why This Change?
+
+This update improves compatibility and avoids potential issues with tools or file systems that may not handle special characters well.
+
+For earlier versions, see the [GitHub Releases](https://github.com/developer-sumit/react-native-lab/releases).

README.md

@@ -36,33 +36,36 @@ This project is inspired by the simplicity and effectiveness of [create-next-app
 - **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.
+  - `Blank`
+  - `Bottom Navigation`
+  - `Drawer Navigation`
+  - `Stack Navigation`
+- **Project Structure**: Creates an `src` folder for you.
+- **Cross-Platform Support**: Works on `Windows`, `macOS`, and `Linux`.
+- **Environment Setup**: Sets up a `.env` file for managing environment variables.
+- **Navigation Setup**: Sets up React Navigation in your project.
 - **Alias Configuration**: Configures path aliases for cleaner and more manageable imports.
+- **NativeWind Integration**: Install and configure NativeWind for styling.
+- **React Native Version Selection**: Allows you to set up the project with your preferred React Native version.
 
 <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="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 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;">
+    <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: 300px; border-radius: 10px;">
+    <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 (v14 or higher)
+- Node.js (v18 or higher)
 - npm (v6 or higher)
 
 <h2 id="getting-started" style="text-align: center;">🏁 Getting Started</h2>
@@ -111,3 +114,7 @@ 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>
+
+For a detailed list of changes and updates, please refer to the [Changelog](./CHANGELOG.md).

documentation/announcements/announcing-v1.1.0.md

@@ -0,0 +1,73 @@
+# 🚀 Announcing react-native-lab v1.1.0
+
+Hello React Native developers! 👋
+
+I'm excited to share the **v1.1.0 release** of **react-native-lab**, an npm package designed to simplify the setup process for **React Native CLI projects**. If you've ever wanted a hassle-free way to kickstart your projects, this tool is here to help!
+
+---
+
+## 🎉 What's New in v1.1.0?
+
+### ✨ **NativeWind Integration**
+
+- Easily integrate **NativeWind** for styling.
+- Enjoy a Tailwind-like utility-first CSS experience in your React Native projects.
+
+### ✨ **Choose React Native Version**
+
+- You can now set up your project with the **React Native version** of your choice.
+- Just specify the version during setup, and **react-native-lab** will handle the rest!
+
+---
+
+## 🌟 Existing Features
+
+1. **Environment Setup Made Easy**
+
+   - Installs JDK and Android Studio (if not installed).
+   - Automatically sets up environment variables.
+
+2. **Flexible Project Structure**
+
+   - Option to create an `src` folder for better organization.
+   - Adds **import aliases** to keep your code clean and maintainable.
+
+3. **Starter Templates**
+
+   - Kickstart your project with predefined templates:
+     - **Blank**
+     - **Bottom Navigation**
+     - **Drawer Navigation**
+     - **Stack Navigation**
+
+4. **Customization Options**
+   - User-driven setup prompts ensure you only get what you need.
+
+---
+
+## 🤔 Why Use react-native-lab?
+
+- Saves time by automating tedious setup tasks.
+- Makes React Native CLI development more beginner-friendly.
+- Offers a seamless starting experience similar to frameworks like Next.js but for React Native.
+
+---
+
+## 📥 Install Now
+
+To create a new React Native CLI project:
+
+```bash
+npx react-native-lab@latest
+```
+
+## 💬 Feedback
+
+This is just the beginning! Many more features are on the way, and your feedback matters a lot.
+Feel free to report issues, share suggestions, or contribute to the project.
+
+Check it out on npm: [react-native-lab](https://npmjs.com/package/react-native-lab)
+
+Let’s make React Native development faster and easier—together! 🙌
+
+Happy coding! 🎉

documentation/announcements/welcome-to-community-discussions.md

@@ -0,0 +1,25 @@
+# Welcome to the React Native Lab Community Discussions!
+
+Hello everyone,
+
+We are excited to announce the creation of our new Community Discussions page for the React Native Lab project! This space is dedicated to fostering open communication, collaboration, and support among all contributors and users of the project.
+
+## What Can You Do Here?
+
+- **Ask Questions**: If you have any questions about using React Native Lab, feel free to ask them here. Our community and maintainers are here to help!
+- **Share Ideas**: Have an idea for a new feature or improvement? Share it with the community and get feedback.
+- **Report Issues**: While we still encourage you to use GitHub Issues for bug reports, you can discuss potential issues here to get more context and support.
+- **Showcase Your Work**: Share how you are using React Native Lab in your projects. We'd love to see what you've built!
+- **Collaborate**: Find other contributors to collaborate with on new features, bug fixes, or other improvements.
+
+## How to Get Started
+
+1. **Join the Discussion**: Head over to the [Discussions page](https://github.com/developer-sumit/react-native-lab/discussions) and start participating in existing threads or create a new one.
+2. **Be Respectful**: Please remember to be respectful and considerate to others. We want this to be a welcoming space for everyone.
+3. **Stay on Topic**: Keep discussions relevant to React Native Lab and related topics.
+
+We believe that this new Discussions page will help us build a stronger, more connected community. Thank you for being a part of React Native Lab, and we look forward to your contributions and discussions!
+
+Best regards,
+
+The React Native Lab Team

esbuild.config.js

@@ -24,10 +24,10 @@ function copyFiles(src, dest) {
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-const templateSource = path.resolve(__dirname, "templates");
+const templateSource = path.resolve(__dirname, "./src/templates");
 const templateDest = path.resolve(__dirname, "dist", "templates");
 
-const scriptSource = path.resolve(__dirname, "scripts");
+const scriptSource = path.resolve(__dirname, "./src/scripts");
 const scriptDist = path.resolve(__dirname, "dist", "scripts");
 
 build({