rnsup 1.0.0

package/dist/templates/screen.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.screenTemplate = screenTemplate;
+function screenTemplate(name) {
+    return `import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+
+const ${name} = () => {
+  return (
+    <View style={styles.container}>
+      <Text>${name}</Text>
+    </View>
+  );
+};
+
+export default ${name};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+`;
+}

package/dist/utils/alias.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupTsAlias = setupTsAlias;
+exports.setupBabelAlias = setupBabelAlias;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+/* ---------- TS CONFIG ---------- */
+async function setupTsAlias() {
+    const tsconfigPath = path_1.default.join(process.cwd(), 'tsconfig.json');
+    if (!(await fs_extra_1.default.pathExists(tsconfigPath)))
+        return;
+    const tsconfig = await fs_extra_1.default.readJson(tsconfigPath);
+    if (!tsconfig.compilerOptions)
+        tsconfig.compilerOptions = {};
+    if (!tsconfig.compilerOptions.paths)
+        tsconfig.compilerOptions.paths = {};
+    tsconfig.compilerOptions.baseUrl = '.';
+    Object.assign(tsconfig.compilerOptions.paths, {
+        '@src/*': ['src/*'],
+        '@components/*': ['src/components/*'],
+        '@features/*': ['src/features/*'],
+        '@utils/*': ['src/utils/*'],
+        '@services/*': ['src/services/*'],
+        '@store/*': ['src/store/*'],
+        '@hooks/*': ['src/hooks/*'],
+        '@theme/*': ['src/theme/*'],
+        '@assets/*': ['src/assets/*']
+    });
+    await fs_extra_1.default.writeJson(tsconfigPath, tsconfig, { spaces: 2 });
+}
+/* ---------- BABEL CONFIG ---------- */
+async function setupBabelAlias() {
+    const babelPath = path_1.default.join(process.cwd(), 'babel.config.js');
+    if (!(await fs_extra_1.default.pathExists(babelPath)))
+        return;
+    const content = `
+module.exports = {
+  presets: ['module:@react-native/babel-preset'],
+  plugins: [
+    ['module-resolver', {
+      root: ['./src'],
+      alias: {
+        '@src': './src',
+        '@components': './src/components',
+        '@features': './src/features',
+        '@utils': './src/utils',
+        '@services': './src/services',
+        '@store': './src/store',
+        '@hooks': './src/hooks',
+        '@theme': './src/theme',
+        '@assets': './src/assets'
+      }
+    }],
+    'react-native-worklets/plugin'
+  ]
+};
+`;
+    await fs_extra_1.default.writeFile(babelPath, content);
+}

package/dist/utils/aliasManager.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerAlias = registerAlias;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+/**
+ * Register new alias in tsconfig + babel automatically
+ */
+async function registerAlias(relativeDir) {
+    // example: src/payments/checkout
+    if (!relativeDir.startsWith('src/'))
+        return;
+    const parts = relativeDir.replace('src/', '').split('/');
+    const baseAlias = parts[0];
+    // we only create alias for first level
+    // ex: src/payments/... => @payments
+    const aliasKey = `@${baseAlias}`;
+    const aliasPath = `./src/${baseAlias}`;
+    await updateTSConfig(aliasKey, aliasPath);
+    await updateBabel(aliasKey, aliasPath);
+}
+/* ---------------- TS CONFIG ---------------- */
+async function updateTSConfig(aliasKey, aliasPath) {
+    const tsconfigPath = path_1.default.join(process.cwd(), 'tsconfig.json');
+    if (!(await fs_extra_1.default.pathExists(tsconfigPath)))
+        return;
+    const tsconfig = await fs_extra_1.default.readJson(tsconfigPath);
+    if (!tsconfig.compilerOptions)
+        tsconfig.compilerOptions = {};
+    if (!tsconfig.compilerOptions.paths)
+        tsconfig.compilerOptions.paths = {};
+    if (!tsconfig.compilerOptions.paths[`${aliasKey}/*`]) {
+        tsconfig.compilerOptions.paths[`${aliasKey}/*`] = [`${aliasPath}/*`];
+        await fs_extra_1.default.writeJson(tsconfigPath, tsconfig, { spaces: 2 });
+        console.log(`Alias added in tsconfig: ${aliasKey}`);
+    }
+}
+/* ---------------- BABEL ---------------- */
+async function updateBabel(aliasKey, aliasPath) {
+    const babelPath = path_1.default.join(process.cwd(), 'babel.config.js');
+    if (!(await fs_extra_1.default.pathExists(babelPath)))
+        return;
+    let content = await fs_extra_1.default.readFile(babelPath, 'utf8');
+    if (content.includes(aliasKey))
+        return;
+    const insertPoint = content.indexOf('alias: {');
+    if (insertPoint === -1)
+        return;
+    const updated = content.slice(0, insertPoint + 8) +
+        `\n        '${aliasKey}': '${aliasPath}',` +
+        content.slice(insertPoint + 8);
+    await fs_extra_1.default.writeFile(babelPath, updated);
+    console.log(`Alias added in babel: ${aliasKey}`);
+}

package/dist/utils/config.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveConfig = saveConfig;
+exports.readConfig = readConfig;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+const DIR = path_1.default.join(process.cwd(), '.rnsup');
+const CONFIG = path_1.default.join(DIR, 'config.json');
+async function saveConfig(data) {
+    await fs_extra_1.default.ensureDir(DIR);
+    await fs_extra_1.default.writeJson(CONFIG, data, { spaces: 2 });
+}
+async function readConfig() {
+    if (!(await fs_extra_1.default.pathExists(CONFIG)))
+        return null;
+    return fs_extra_1.default.readJson(CONFIG);
+}

package/dist/utils/createApiClient.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createApiClient = createApiClient;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function createApiClient() {
+    const filePath = path_1.default.join(process.cwd(), 'src/services/api/client.ts');
+    await fs_extra_1.default.ensureDir(path_1.default.dirname(filePath));
+    const content = `
+import axios from 'axios';
+
+const api = axios.create({
+  baseURL: 'https://api.example.com',
+  timeout: 15000,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+});
+
+// request interceptor
+api.interceptors.request.use(
+  async config => {
+    // TODO: attach token here
+    // const token = await getToken();
+    // if (token) config.headers.Authorization = \`Bearer \${token}\`;
+    return config;
+  },
+  error => Promise.reject(error)
+);
+
+// response interceptor
+api.interceptors.response.use(
+  response => response.data,
+  async error => {
+    if (error.response?.status === 401) {
+      // handle logout or refresh token
+    }
+    return Promise.reject(error);
+  }
+);
+
+export default api;
+`;
+    await fs_extra_1.default.writeFile(filePath, content.trim());
+}

package/dist/utils/createDocs.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDocs = createDocs;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function createDocs() {
+    const filePath = path_1.default.join(process.cwd(), 'RNSUP.md');
+    const content = `
+# RNSUP Project Guide
+
+## What RNSUP Did
+This project was configured using RNSUP CLI.
+
+RNSUP automatically:
+- Installed navigation
+- Configured reanimated
+- Setup alias imports
+- Added axios API client
+- Added responsive utilities
+- Added image import support
+
+## Folder Structure
+
+src/
+  components/
+  features/
+  services/
+  store/
+  utils/
+  hooks/
+  theme/
+  types/
+
+## Alias Usage
+
+Instead of:
+import Button from '../../../components/Button'
+
+Use:
+import Button from '@components/Button'
+
+## Responsive Usage
+
+import { widthPercentageToDP as wp } from '@utils/responsive-screen';
+
+<View style={{ width: wp(80) }} />
+
+## API Usage
+
+import api from '@services/api/client';
+
+const users = await api.get('/users');
+
+## Image Import
+
+import logo from '@assets/logo.png';
+
+<Image source={logo} />
+
+`;
+    await fs_extra_1.default.writeFile(filePath, content.trim());
+}

package/dist/utils/createResponsive.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createResponsiveFile = createResponsiveFile;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function createResponsiveFile() {
+    const filePath = path_1.default.join(process.cwd(), 'src/utils/responsive-screen.ts');
+    await fs_extra_1.default.ensureDir(path_1.default.dirname(filePath));
+    const content = `
+import { Dimensions, PixelRatio, ScaledSize } from 'react-native';
+
+let screenWidth: number = Dimensions.get('window').width;
+let screenHeight: number = Dimensions.get('window').height;
+
+export const widthPercentageToDP = (widthPercent: string | number): number => {
+  const elemWidth = typeof widthPercent === "number" ? widthPercent : parseFloat(widthPercent);
+  return PixelRatio.roundToNearestPixel(screenWidth * elemWidth / 100);
+};
+
+export const heightPercentageToDP = (heightPercent: string | number): number => {
+  const elemHeight = typeof heightPercent === "number" ? heightPercent : parseFloat(heightPercent);
+  return PixelRatio.roundToNearestPixel(screenHeight * elemHeight / 100);
+};
+
+type OrientationType = 'portrait' | 'landscape';
+
+interface OrientationConfig {
+  setOrientation: (orientation: OrientationType) => void;
+}
+
+export const listenOrientationChange = (config: OrientationConfig): (() => void) => {
+  const updateDimensions = ({ window }: { window: ScaledSize }): void => {
+    screenWidth = window.width;
+    screenHeight = window.height;
+    const newOrientation: OrientationType = screenWidth < screenHeight ? 'portrait' : 'landscape';
+    config.setOrientation(newOrientation);
+  };
+
+  const subscription = Dimensions.addEventListener('change', updateDimensions);
+
+  return () => {
+    subscription.remove();
+  };
+};
+`;
+    await fs_extra_1.default.writeFile(filePath, content.trim());
+}

package/dist/utils/createTypes.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTypes = createTypes;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function createTypes() {
+    const filePath = path_1.default.join(process.cwd(), 'src/types/assets.d.ts');
+    await fs_extra_1.default.ensureDir(path_1.default.dirname(filePath));
+    const content = `
+declare module "*.png";
+declare module "*.jpg";
+declare module "*.jpeg";
+declare module "*.svg";
+`;
+    await fs_extra_1.default.writeFile(filePath, content.trim());
+}

package/dist/utils/detectProject.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isReactNativeProject = isReactNativeProject;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+function isReactNativeProject() {
+    const root = process.cwd();
+    const packageJson = path_1.default.join(root, 'package.json');
+    const androidFolder = path_1.default.join(root, 'android');
+    const iosFolder = path_1.default.join(root, 'ios');
+    if (!fs_1.default.existsSync(packageJson))
+        return false;
+    if (!fs_1.default.existsSync(androidFolder))
+        return false;
+    if (!fs_1.default.existsSync(iosFolder))
+        return false;
+    return true;
+}

package/dist/utils/file.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBaseFolders = createBaseFolders;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function createBaseFolders() {
+    const root = process.cwd();
+    const folders = [
+        'src',
+        'src/components',
+        'src/features',
+        'src/services',
+        'src/hooks',
+        'src/utils',
+        'src/store',
+        'src/theme',
+        'src/assets'
+    ];
+    for (const folder of folders) {
+        await fs_extra_1.default.ensureDir(path_1.default.join(root, folder));
+    }
+}

package/dist/utils/handleCancel.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleCancel = handleCancel;
+function handleCancel(error) {
+    // Inquirer Ctrl+C cancellation
+    if (error?.name === 'ExitPromptError' ||
+        error?.message?.includes('SIGINT')) {
+        console.log('\nOperation cancelled by user.\n');
+        process.exit(0);
+    }
+    // real error
+    console.error('\nSetup failed:\n', error);
+    process.exit(1);
+}

package/dist/utils/history.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addHistory = addHistory;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+const FILE = path_1.default.join(process.cwd(), '.rnsup', 'history.json');
+async function addHistory(action) {
+    await fs_extra_1.default.ensureFile(FILE);
+    let list = [];
+    try {
+        list = await fs_extra_1.default.readJson(FILE);
+    }
+    catch {
+        list = [];
+    }
+    list.push({
+        action,
+        date: new Date().toISOString()
+    });
+    await fs_extra_1.default.writeJson(FILE, list, { spaces: 2 });
+}

package/dist/utils/install.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.installPackages = installPackages;
+const execa_1 = require("execa");
+async function installPackages(manager, packages, dev = false) {
+    if (!packages.length)
+        return;
+    let cmd = '';
+    let args = [];
+    if (manager === 'yarn') {
+        cmd = 'yarn';
+        args = ['add', ...packages];
+        if (dev)
+            args.push('-D');
+    }
+    else if (manager === 'pnpm') {
+        cmd = 'pnpm';
+        args = ['add', ...packages];
+        if (dev)
+            args.push('-D');
+    }
+    else {
+        cmd = 'npm';
+        args = ['install', ...packages];
+        if (dev)
+            args.push('--save-dev');
+    }
+    await (0, execa_1.execa)(cmd, args, { stdio: 'inherit' });
+}

package/dist/utils/lockfile.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fixLockFile = fixLockFile;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function fixLockFile(manager) {
+    const root = process.cwd();
+    const npmLock = path_1.default.join(root, 'package-lock.json');
+    const yarnLock = path_1.default.join(root, 'yarn.lock');
+    if (manager === 'yarn') {
+        if (await fs_extra_1.default.pathExists(npmLock)) {
+            await fs_extra_1.default.remove(npmLock);
+            console.log('Removed package-lock.json (using yarn)');
+        }
+    }
+    if (manager === 'npm') {
+        if (await fs_extra_1.default.pathExists(yarnLock)) {
+            await fs_extra_1.default.remove(yarnLock);
+            console.log('Removed yarn.lock (using npm)');
+        }
+    }
+}

package/dist/utils/packageManager.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isInstalled = isInstalled;
+const child_process_1 = require("child_process");
+function isInstalled(manager) {
+    try {
+        if (manager === 'yarn') {
+            (0, child_process_1.execSync)('yarn --version', { stdio: 'ignore' });
+            return true;
+        }
+        if (manager === 'pnpm') {
+            (0, child_process_1.execSync)('pnpm --version', { stdio: 'ignore' });
+            return true;
+        }
+        // npm always exists with node
+        if (manager === 'npm')
+            return true;
+        return false;
+    }
+    catch {
+        return false;
+    }
+}

package/dist/utils/parseComponentName.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseComponentName = parseComponentName;
+const path_1 = __importDefault(require("path"));
+function parseComponentName(input) {
+    // normalize slashes
+    let cleaned = input.replace(/\\/g, '/').trim();
+    // remove src prefix if user typed
+    if (cleaned.startsWith('src/')) {
+        cleaned = cleaned.substring(4);
+    }
+    const parts = cleaned.split('/');
+    const rawName = parts.pop();
+    // Ensure PascalCase name
+    const componentName = rawName.charAt(0).toUpperCase() + rawName.slice(1);
+    // Always inside components
+    const relativeDir = parts.length > 0
+        ? `src/components/${parts.join('/')}`
+        : 'src/components';
+    const fullDir = path_1.default.join(process.cwd(), relativeDir);
+    return {
+        componentName,
+        fullDir,
+        relativeDir
+    };
+}

package/dist/utils/parseName.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseScreenName = parseScreenName;
+const path_1 = __importDefault(require("path"));
+const fs_extra_1 = __importDefault(require("fs-extra"));
+/**
+ * Resolve correct location based on user input
+ */
+async function parseScreenName(input) {
+    // normalize slashes
+    let cleaned = input.replace(/\\/g, '/').trim();
+    // remove extension if user typed
+    cleaned = cleaned.replace(/\.tsx?$/, '');
+    // remove src prefix if provided
+    if (cleaned.startsWith('src/')) {
+        cleaned = cleaned.substring(4);
+    }
+    const parts = cleaned.split('/');
+    const rawName = parts.pop();
+    // ensure proper screen naming
+    const screenName = rawName.replace(/screen$/i, '') + 'Screen';
+    // if only name passed
+    if (parts.length === 0) {
+        const dir = path_1.default.join(process.cwd(), 'src/screens');
+        return {
+            screenName,
+            fullDir: dir,
+            relativeDir: 'src/screens'
+        };
+    }
+    // user provided folder path
+    const relativeDir = `src/${parts.join('/')}`;
+    const fullDir = path_1.default.join(process.cwd(), relativeDir);
+    // if folder does not exist, confirm creation later
+    await fs_extra_1.default.ensureDir(fullDir);
+    return {
+        screenName,
+        fullDir,
+        relativeDir
+    };
+}

package/dist/utils/patchIndex.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.patchIndexFile = patchIndexFile;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function patchIndexFile() {
+    const indexPath = path_1.default.join(process.cwd(), 'index.js');
+    if (!(await fs_extra_1.default.pathExists(indexPath)))
+        return;
+    let content = await fs_extra_1.default.readFile(indexPath, 'utf8');
+    if (content.includes("react-native-gesture-handler"))
+        return;
+    content =
+        `import 'react-native-gesture-handler';\n` + content;
+    await fs_extra_1.default.writeFile(indexPath, content);
+}

package/dist/utils/selectPrompt.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectOption = selectOption;
+const readline_1 = __importDefault(require("readline"));
+/**
+ * Numeric select prompt
+ * Returns a typed value instead of raw string
+ */
+async function selectOption(message, options) {
+    return new Promise((resolve) => {
+        console.log('\n\x1b[1;36m' + message + '\x1b[0m');
+        options.forEach((opt, i) => {
+            console.log(`${i + 1}) ${opt}`);
+        });
+        const rl = readline_1.default.createInterface({
+            input: process.stdin,
+            output: process.stdout
+        });
+        rl.question('\x1b[1;33mEnter choice number: \x1b[0m', (answer) => {
+            const index = Number(answer) - 1;
+            rl.close();
+            if (index >= 0 && index < options.length) {
+                resolve(options[index]);
+            }
+            else {
+                console.log('\x1b[1;31mInvalid selection. Defaulting to first option.\x1b[0m');
+                resolve(options[0]);
+            }
+        });
+    });
+}