rnsup 1.0.0 → 1.0.2

package/README.md

@@ -1,8 +1,13 @@
+<img width="1536" height="1024" alt="1000241861" src="https://github.com/user-attachments/assets/3a35bc32-3413-40e5-8355-5db4806923a4" />
+
+
 # RNSUP — React Native Support CLI
 
+![npm](https://img.shields.io/npm/v/rnsup?color=blue&label=npm)&nbsp;![license](https://img.shields.io/badge/license-MIT-green)&nbsp;![node](https://img.shields.io/badge/node-%3E%3D18-brightgreen)
+
 **RNSUP** is a developer productivity CLI that converts a fresh React Native CLI project into a production-ready architecture.
 
-Instead of spending 2–3 days configuring navigation, alias paths, reanimated, gesture handler, axios setup and folder structure, you can do everything with **one command**.
+Instead of spending 3–6 hours configuring navigation, alias paths, reanimated, gesture handler, axios setup and folder structure, you can do everything with **one command**.
 
 ---
 
@@ -60,6 +65,37 @@ src/
 * Image import TypeScript support
 * Clean folder structure
 
+---
+
+## Installed packages (default)
+
+RNSUP installs a curated set of libraries into your project. These are added automatically when you run `npx rnsup setup` (some are optional via prompt):
+
+- `@react-navigation/native`
+- `react-native-screens`
+- `react-native-gesture-handler`
+- `react-native-reanimated`
+- `react-native-worklets` (Babel plugin integration)
+- `react-native-vector-icons`
+- `zustand`
+- `axios`
+- `@tanstack/react-query`
+- `react-native-mmkv`
+- navigation extras (conditional): `@react-navigation/native-stack`, `@react-navigation/bottom-tabs`, `@react-navigation/drawer`
+- optional (prompted): `react-native-svg`, `lucide-react-native`
+
+<div style="background:#fff3cd;border-left:6px solid #ffeeba;padding:12px;border-radius:6px">
+  <strong>⚠️ Warning</strong>
+  <p style="margin:6px 0 0">Many of the packages above include native code. After installation you <strong>must</strong> verify and complete any required native configuration (for iOS and Android). Common steps include:</p>
+  <ul style="margin:6px 0 0;padding-left:20px">
+    <li>Run <code>cd ios && pod install</code> on macOS</li>
+    <li>Follow the official docs for Reanimated, MMKV, react-native-svg and React Navigation</li>
+    <li>Check Android Gradle / manifest changes for native modules</li>
+  </ul>
+  <p style="margin:6px 0 0">If something looks off (build errors, missing icons, or runtime crashes), consult the package docs first — RNSUP does not (and cannot) run platform-specific installs for you.</p>
+</div>
+
+---
 ### Developer Experience
 
 * Auto import aliases (`@components`, `@services`, etc.)
@@ -83,9 +119,10 @@ npx rnsup setup
 ## Quick Start
 
 ### 1) Create React Native Project
+ for creating latest cli project !
 
 ```bash
-npx react-native@latest init MyApp
+npx create-rn
 cd MyApp
 ```
 
@@ -120,6 +157,9 @@ npx rnsup setup
 
 ### Generate Screen
 
+> Here `s` mean `screen`, and `g` mean `generate`
+
+
 ```
 rnsup g s Login
 rnsup g s auth/Login
@@ -138,6 +178,8 @@ src/features/auth/LoginScreen.tsx
 
 ### Generate Component
 
+> Here `c` mean `component`
+
 ```
 rnsup g c Button
 rnsup g c ui/forms/Input
@@ -152,6 +194,42 @@ src/components/ui/forms/Input.tsx
 
 ---
 
+### Generate Folder / Directory
+
+> Here `d` mean `directory`, and `g` mean `generate`
+
+Create folders/directories at any location with automatic alias registration and optional `index.ts` generation:
+
+```
+rnsup g d features
+rnsup g d src/store
+rnsup g d src/utils/helpers
+```
+
+Examples created:
+
+```
+features/
+src/store/
+src/utils/helpers/
+```
+
+**Features:**
+
+- 📁 Colored output showing folder details
+- ✅ Confirmation before creating
+- 📝 Optional `index.ts` file generation (for exports)
+- 🔗 Auto-alias registration for `src/` folders
+- 📋 History tracking
+
+**Notes:**
+
+- If folder path starts with `src/`, it will be created inside `src/` and alias will be registered
+- If just a name is provided (e.g., `rnsup g d config`), folder is created at project root
+- Supports nested paths: `rnsup g d src/features/auth/screens`
+
+---
+
 ## Auto Alias Support
 
 You can import without relative paths.
@@ -244,79 +322,6 @@ Recommended workflow:
 
 This ensures aliases and exports always remain correct.
 
----
-
-## Publishing to NPM
-
-### 1) Login
-
-Create an account at:
-https://www.npmjs.com
-
-Then:
-
-```bash
-npm login
-```
-
----
-
-### 2) Prepare package.json
-
-Make sure:
-
-```json
-{
-  "name": "rnsup",
-  "version": "1.0.0",
-  "bin": {
-    "rnsup": "bin/rnsup.js"
-  }
-}
-```
-
----
-
-### 3) Build project
-
-```
-npm run build
-```
-
----
-
-### 4) Publish
-
-```
-npm publish --access public
-```
-
-Your package is now live.
-
----
-
-## Using After Publish
-
-Anyone can run:
-
-```bash
-npx rnsup setup
-```
-
-No installation required.
-
----
-
-## Updating Package
-
-After changes:
-
-```
-npm version patch
-npm publish
-```
-
----
 
 ## Contribution
 

package/dist/commands/generateFolder.js

@@ -0,0 +1,102 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateFolder = generateFolder;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+const inquirer_1 = __importDefault(require("inquirer"));
+const chalk_1 = __importDefault(require("chalk"));
+const history_1 = require("../utils/history");
+const aliasManager_1 = require("../utils/aliasManager");
+async function generateFolder(input) {
+    try {
+        // normalize slashes and clean input
+        let cleaned = input.replace(/\\/g, '/').trim();
+        // resolve folder path
+        let fullDir;
+        let relativeDir;
+        // if path starts with src/, use as-is
+        if (cleaned.startsWith('src/')) {
+            relativeDir = cleaned;
+            fullDir = path_1.default.join(process.cwd(), cleaned);
+        }
+        // if path contains /, but doesn't start with src/
+        else if (cleaned.includes('/')) {
+            fullDir = path_1.default.join(process.cwd(), cleaned);
+            relativeDir = cleaned;
+        }
+        // just a folder name, create at root
+        else {
+            fullDir = path_1.default.join(process.cwd(), cleaned);
+            relativeDir = cleaned;
+        }
+        const folderName = path_1.default.basename(fullDir);
+        // show colored info
+        console.log('\n' + chalk_1.default.cyan.bold('📁 Folder Creation Details'));
+        console.log(chalk_1.default.gray('─'.repeat(50)));
+        console.log(chalk_1.default.yellow('Folder Name:'), chalk_1.default.white(folderName));
+        console.log(chalk_1.default.yellow('Location:   '), chalk_1.default.white(relativeDir));
+        console.log(chalk_1.default.yellow('Full Path:  '), chalk_1.default.dim(fullDir));
+        console.log(chalk_1.default.gray('─'.repeat(50)));
+        // check if folder already exists
+        if (await fs_extra_1.default.pathExists(fullDir)) {
+            console.log(chalk_1.default.yellow(`\n⚠️  Folder ${relativeDir} already exists.`));
+            const { proceed } = await inquirer_1.default.prompt([
+                {
+                    type: 'confirm',
+                    name: 'proceed',
+                    message: 'Do you want to continue anyway?',
+                    default: false
+                }
+            ]);
+            if (!proceed) {
+                console.log(chalk_1.default.yellow('Cancelled.'));
+                return;
+            }
+        }
+        // ask to create index.ts
+        const { createIndex } = await inquirer_1.default.prompt([
+            {
+                type: 'confirm',
+                name: 'createIndex',
+                message: 'Create index.ts file?',
+                default: true
+            }
+        ]);
+        // final confirmation
+        const { confirm } = await inquirer_1.default.prompt([
+            {
+                type: 'confirm',
+                name: 'confirm',
+                message: chalk_1.default.green(`Create folder ${chalk_1.default.bold(folderName)}?`),
+                default: true
+            }
+        ]);
+        if (!confirm) {
+            console.log(chalk_1.default.yellow('Cancelled.'));
+            return;
+        }
+        // create folder
+        await fs_extra_1.default.ensureDir(fullDir);
+        // register alias if it's under src/
+        if (relativeDir.startsWith('src/')) {
+            await (0, aliasManager_1.registerAlias)(relativeDir);
+        }
+        // create index.ts if requested
+        if (createIndex) {
+            const indexFile = path_1.default.join(fullDir, 'index.ts');
+            if (!(await fs_extra_1.default.pathExists(indexFile))) {
+                await fs_extra_1.default.writeFile(indexFile, '// Add your exports here\n');
+            }
+        }
+        await (0, history_1.addHistory)(`Created folder ${relativeDir}`);
+        console.log(chalk_1.default.green(`\n✨ Folder ${chalk_1.default.bold(folderName)} created successfully!`));
+        console.log(chalk_1.default.gray(`Location: ${relativeDir}`));
+        console.log();
+    }
+    catch (err) {
+        console.error(chalk_1.default.red('Error creating folder:'), err);
+    }
+}

package/dist/index.js

@@ -4,6 +4,7 @@ const commander_1 = require("commander");
 const setup_1 = require("./commands/setup");
 const generateScreen_1 = require("./commands/generateScreen");
 const generateComponent_1 = require("./commands/generateComponent");
+const generateFolder_1 = require("./commands/generateFolder");
 const program = new commander_1.Command();
 program
     .name('rnsup')
@@ -24,11 +25,18 @@ generate
     .alias('s')
     .description('Generate a screen')
     .action(generateScreen_1.generateScreen);
+/* ---------- Component ---------- */
 generate
     .command('component <name>')
     .alias('c')
     .description('Generate a component')
     .action(generateComponent_1.generateComponent);
+/* ---------- Folder ---------- */
+generate
+    .command('folder <name>')
+    .alias('d')
+    .description('Create a folder / directory')
+    .action(generateFolder_1.generateFolder);
 /* attach to main program */
 program.addCommand(generate);
 program.parse(process.argv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rnsup",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "RNSUP is a CLI tool that converts a fresh React Native CLI project into a production-ready architecture with navigation, alias paths, utilities and code generators.",
   "main": "dist/index.js",
   "type": "commonjs",
@@ -64,4 +64,4 @@
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3"
   }
-}
+}