@idealyst/cli 1.0.13 → 1.0.14

package/dist/index.js

@@ -131,6 +131,94 @@ function getTemplateData(projectName, description) {
         description: description || `A new Idealyst project: ${projectName}`
     };
 }
+async function initializeReactNativeProject(projectName, directory) {
+    const spinner = ora('Initializing React Native project...').start();
+    try {
+        // Use the correct React Native CLI command format with specific version and yarn
+        const cliCommand = 'npx';
+        const args = ['@react-native-community/cli@latest', 'init', projectName, '--version', '0.80.1', '--pm', 'yarn'];
+        // Run React Native initialization in the target directory
+        await runCommand(cliCommand, args, { cwd: directory });
+        spinner.succeed('React Native project initialized successfully');
+    }
+    catch (error) {
+        spinner.fail('Failed to initialize React Native project');
+        console.log(chalk.yellow('Make sure you have the React Native CLI and yarn available:'));
+        console.log(chalk.white('  npx @react-native-community/cli@latest init ProjectName --version 0.80.1 --pm yarn'));
+        console.log(chalk.yellow('If you encounter issues, try:'));
+        console.log(chalk.white('  npm install -g @react-native-community/cli'));
+        console.log(chalk.white('  npm install -g yarn'));
+        console.log(chalk.white('  # or'));
+        console.log(chalk.white('  yarn global add @react-native-community/cli'));
+        throw error;
+    }
+}
+async function overlayIdealystFiles(templatePath, projectPath, data) {
+    const spinner = ora('Applying Idealyst Framework files...').start();
+    try {
+        // Copy Idealyst-specific files over the React Native project
+        await fs.copy(templatePath, projectPath, {
+            overwrite: true,
+            filter: (src) => {
+                const relativePath = path.relative(templatePath, src);
+                // Skip package.json as we'll merge it separately
+                return !relativePath.includes('node_modules') &&
+                    !relativePath.includes('.git') &&
+                    !relativePath.endsWith('package.json');
+            }
+        });
+        // Process template files
+        await processTemplateFiles(projectPath, data);
+        // Merge package.json dependencies
+        await mergePackageJsonDependencies(templatePath, projectPath);
+        spinner.succeed('Idealyst Framework files applied successfully');
+    }
+    catch (error) {
+        spinner.fail('Failed to apply Idealyst Framework files');
+        throw error;
+    }
+}
+async function mergePackageJsonDependencies(templatePath, projectPath) {
+    const templatePackageJsonPath = path.join(templatePath, 'package.json');
+    const projectPackageJsonPath = path.join(projectPath, 'package.json');
+    try {
+        // Read both package.json files
+        const templatePackageJson = await fs.readJSON(templatePackageJsonPath);
+        const projectPackageJson = await fs.readJSON(projectPackageJsonPath);
+        // Merge dependencies
+        const idealystDependencies = {
+            '@idealyst/components': '^1.0.3',
+            '@idealyst/navigation': '^1.0.3',
+            '@idealyst/theme': '^1.0.3',
+            '@react-native-vector-icons/common': '^12.0.1',
+            '@react-native-vector-icons/material-design-icons': '^12.0.1',
+            '@react-navigation/bottom-tabs': '^7.4.2',
+            '@react-navigation/drawer': '^7.5.3',
+            '@react-navigation/native': '^7.1.14',
+            '@react-navigation/native-stack': '^7.3.21',
+            'react-native-edge-to-edge': '^1.6.2',
+            'react-native-gesture-handler': '^2.27.1',
+            'react-native-nitro-modules': '^0.26.3',
+            'react-native-reanimated': '^3.18.0',
+            'react-native-safe-area-context': '^5.5.1',
+            'react-native-screens': '^4.11.1',
+            'react-native-unistyles': '^3.0.4',
+            'react-native-vector-icons': '^10.2.0'
+        };
+        // Merge the dependencies
+        projectPackageJson.dependencies = {
+            ...projectPackageJson.dependencies,
+            ...idealystDependencies
+        };
+        // Write back the merged package.json
+        await fs.writeJSON(projectPackageJsonPath, projectPackageJson, { spaces: 2 });
+        console.log(chalk.green('✅ Merged Idealyst dependencies into package.json'));
+    }
+    catch (error) {
+        console.warn(chalk.yellow('⚠️  Could not merge package.json dependencies'));
+        throw error;
+    }
+}
 
 const __filename$3 = fileURLToPath(import.meta.url);
 const __dirname$3 = path.dirname(__filename$3);
@@ -143,18 +231,31 @@ async function generateNativeProject(options) {
     const projectPath = path.join(directory, name);
     const templatePath = path.join(__dirname$3, '..', 'templates', 'native');
     const templateData = getTemplateData(name, `React Native app built with Idealyst Framework`);
-    await copyTemplate(templatePath, projectPath, templateData);
-    await installDependencies(projectPath, skipInstall);
-    await updateWorkspacePackageJson(name, directory);
-    console.log(chalk.green('✅ React Native project created successfully!'));
-    console.log(chalk.blue('📋 Project includes:'));
-    console.log(chalk.white('  • React Native 0.80.1'));
-    console.log(chalk.white('  • Idealyst Components'));
-    console.log(chalk.white('  • Idealyst Navigation'));
-    console.log(chalk.white('  • Idealyst Theme'));
-    console.log(chalk.white('  • TypeScript configuration'));
-    console.log(chalk.white('  • Metro configuration'));
-    console.log(chalk.white('  • Babel configuration'));
+    try {
+        // Step 1: Initialize React Native project using CLI
+        await initializeReactNativeProject(name, directory);
+        // Step 2: Overlay Idealyst-specific files
+        await overlayIdealystFiles(templatePath, projectPath, templateData);
+        // Step 3: Install dependencies (including Idealyst packages)
+        await installDependencies(projectPath, skipInstall);
+        // Step 4: Update workspace configuration if applicable
+        await updateWorkspacePackageJson(name, directory);
+        console.log(chalk.green('✅ React Native project created successfully!'));
+        console.log(chalk.blue('📋 Project includes:'));
+        console.log(chalk.white('  • React Native with proper Android/iOS setup'));
+        console.log(chalk.white('  • Idealyst Components'));
+        console.log(chalk.white('  • Idealyst Navigation'));
+        console.log(chalk.white('  • Idealyst Theme'));
+        console.log(chalk.white('  • TypeScript configuration'));
+        console.log(chalk.white('  • Metro configuration'));
+        console.log(chalk.white('  • Babel configuration'));
+        console.log(chalk.white('  • Native platform directories (android/, ios/)'));
+    }
+    catch (error) {
+        console.error(chalk.red('❌ Error creating React Native project:'));
+        console.error(error);
+        throw error;
+    }
 }
 
 const __filename$2 = fileURLToPath(import.meta.url);

package/dist/types/generators/utils.d.ts

@@ -10,3 +10,6 @@ export declare function runCommand(command: string, args: string[], options: {
     cwd: string;
 }): Promise<void>;
 export declare function getTemplateData(projectName: string, description?: string): TemplateData;
+export declare function initializeReactNativeProject(projectName: string, directory: string): Promise<void>;
+export declare function overlayIdealystFiles(templatePath: string, projectPath: string, data: TemplateData): Promise<void>;
+export declare function mergePackageJsonDependencies(templatePath: string, projectPath: string): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/cli",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "CLI tool for generating Idealyst Framework projects",
   "type": "module",
   "main": "dist/index.js",

package/templates/native/babel.config.js

@@ -1,14 +1,6 @@
 module.exports = {
   presets: ['@react-native/babel-preset'],
   plugins: [
-    [
-      'module-resolver',
-      {
-        root: ['./src'],
-        alias: {
-          '@': './src',
-        },
-      },
-    ],
+    'react-native-reanimated/plugin',
   ],
 }; 

package/templates/native/package.json

@@ -3,67 +3,8 @@
   "version": "{{version}}",
   "description": "{{description}}",
   "private": true,
-  "scripts": {
-    "android": "react-native run-android",
-    "ios": "react-native run-ios",
-    "lint": "eslint .",
-    "start": "react-native start",
-    "test": "jest",
-    "build:android": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res"
-  },
-  "dependencies": {
-    "@idealyst/components": "^1.0.3",
-    "@idealyst/navigation": "^1.0.3",
-    "@idealyst/theme": "^1.0.3",
-    "@react-native-vector-icons/common": "^12.0.1",
-    "@react-native-vector-icons/material-design-icons": "^12.0.1",
-    "@react-native/new-app-screen": "0.80.1",
-    "@react-native/normalize-colors": "^0.80.1",
-    "@react-navigation/bottom-tabs": "^7.4.2",
-    "@react-navigation/drawer": "^7.5.3",
-    "@react-navigation/native": "^7.1.14",
-    "@react-navigation/native-stack": "^7.3.21",
-    "react": "19.1.0",
-    "react-native": "0.80.1",
-    "react-native-edge-to-edge": "^1.6.2",
-    "react-native-gesture-handler": "^2.27.1",
-    "react-native-nitro-modules": "^0.26.3",
-    "react-native-reanimated": "^3.18.0",
-    "react-native-safe-area-context": "^5.5.1",
-    "react-native-screens": "^4.11.1",
-    "react-native-unistyles": "^3.0.4",
-    "react-native-vector-icons": "^10.2.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.3",
-    "@babel/runtime": "^7.27.6",
-    "@react-native-community/cli": "19.0.0",
-    "@react-native-community/cli-platform-android": "19.0.0",
-    "@react-native-community/cli-platform-ios": "19.0.0",
-    "@react-native/babel-preset": "0.80.1",
-    "@react-native/eslint-config": "0.80.1",
-    "@react-native/metro-config": "0.80.1",
-    "@react-native/typescript-config": "0.80.1",
-    "@types/jest": "^29.5.13",
-    "@types/react": "^19.1.0",
-    "@types/react-test-renderer": "^19.1.0",
-    "babel-plugin-module-resolver": "^5.0.2",
-    "eslint": "^8.19.0",
-    "jest": "^29.7.0",
-    "prettier": "^2.8.8",
-    "react-test-renderer": "19.1.0",
-    "typescript": "^5.0.4"
-  },
-  "jest": {
-    "preset": "react-native",
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js",
-      "jsx",
-      "json",
-      "node"
-    ]
+  "idealyst": {
+    "framework": "react-native",
+    "version": "1.0.3"
   }
 }