@idealyst/cli 1.0.20 → 1.0.22

package/dist/index.js

@@ -133,16 +133,20 @@ function getTemplateData(projectName, description, appName) {
         appName
     };
 }
-async function initializeReactNativeProject(projectName, directory, displayName) {
+async function initializeReactNativeProject(projectName, directory, displayName, skipInstall) {
     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'];
+        const args = ['@react-native-community/cli@latest', 'init', projectName, '--version', '0.80.1', '--pm', 'yarn', '--skip-git'];
         // Add title if displayName is provided
         if (displayName) {
             args.push('--title', displayName);
         }
+        // Skip install if requested (we'll handle it separately for workspace integration)
+        if (skipInstall) {
+            args.push('--skip-install');
+        }
         // Run React Native initialization in the target directory
         await runCommand(cliCommand, args, { cwd: directory });
         spinner.succeed('React Native project initialized successfully');
@@ -150,7 +154,7 @@ async function initializeReactNativeProject(projectName, directory, displayName)
     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.white('  npx @react-native-community/cli@latest init ProjectName --version 0.80.1 --pm yarn --skip-git'));
         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'));
@@ -280,9 +284,44 @@ async function promptForAppName(projectName) {
     ]);
     return appName;
 }
+async function configureAndroidVectorIcons(projectPath) {
+    const buildGradlePath = path.join(projectPath, 'android', 'app', 'build.gradle');
+    try {
+        if (await fs.pathExists(buildGradlePath)) {
+            let content = await fs.readFile(buildGradlePath, 'utf8');
+            // Check if the vector icons line is already present
+            if (content.includes('react-native-vector-icons/fonts.gradle')) {
+                console.log(chalk.yellow('Vector icons configuration already exists in build.gradle'));
+                return;
+            }
+            // Find the line with jscFlavor definition and add the vector icons line after it
+            const jscFlavorRegex = /def jscFlavor = ['"][^'"]*['"]/;
+            const match = content.match(jscFlavorRegex);
+            if (match) {
+                const insertionPoint = content.indexOf(match[0]) + match[0].length;
+                const beforeInsertion = content.substring(0, insertionPoint);
+                const afterInsertion = content.substring(insertionPoint);
+                const vectorIconsLine = '\napply from: file("../../node_modules/react-native-vector-icons/fonts.gradle")';
+                content = beforeInsertion + vectorIconsLine + afterInsertion;
+                await fs.writeFile(buildGradlePath, content);
+                console.log(chalk.green('✅ Added react-native-vector-icons configuration to Android build.gradle'));
+            }
+            else {
+                console.log(chalk.yellow('⚠️  Could not find jscFlavor line in build.gradle, vector icons configuration not added'));
+            }
+        }
+        else {
+            console.log(chalk.yellow('⚠️  Android build.gradle not found, skipping vector icons configuration'));
+        }
+    }
+    catch (error) {
+        console.log(chalk.yellow(`⚠️  Could not configure vector icons in build.gradle: ${error instanceof Error ? error.message : 'Unknown error'}`));
+    }
+}
 
 var utils = /*#__PURE__*/Object.freeze({
   __proto__: null,
+  configureAndroidVectorIcons: configureAndroidVectorIcons,
   copyTemplate: copyTemplate,
   createPackageName: createPackageName,
   getTemplateData: getTemplateData,
@@ -314,20 +353,23 @@ async function generateNativeProject(options) {
     const templatePath = path.join(__dirname$3, '..', 'templates', 'native');
     const templateData = getTemplateData(name, `React Native app built with Idealyst Framework`, displayName);
     try {
-        // Step 1: Initialize React Native project using CLI
-        await initializeReactNativeProject(name, directory, displayName);
-        // Step 2: Overlay Idealyst-specific files
+        // Step 1: Update workspace configuration FIRST (before React Native CLI)
+        await updateWorkspacePackageJson(name, directory);
+        // Step 2: Initialize React Native project using CLI with --skip-install
+        await initializeReactNativeProject(name, directory, displayName, true);
+        // Step 3: Overlay Idealyst-specific files
         await overlayIdealystFiles(templatePath, projectPath, templateData);
-        // Step 3: Install dependencies (including Idealyst packages)
+        // Step 4: Configure Android vector icons
+        await configureAndroidVectorIcons(projectPath);
+        // Step 5: Install dependencies (including Idealyst packages) after workspace config is updated
         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('  • React Native Vector Icons (configured)'));
         console.log(chalk.white('  • TypeScript configuration'));
         console.log(chalk.white('  • Metro configuration'));
         console.log(chalk.white('  • Babel configuration'));

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

@@ -10,9 +10,10 @@ export declare function runCommand(command: string, args: string[], options: {
     cwd: string;
 }): Promise<void>;
 export declare function getTemplateData(projectName: string, description?: string, appName?: string): TemplateData;
-export declare function initializeReactNativeProject(projectName: string, directory: string, displayName?: string): Promise<void>;
+export declare function initializeReactNativeProject(projectName: string, directory: string, displayName?: string, skipInstall?: boolean): Promise<void>;
 export declare function overlayIdealystFiles(templatePath: string, projectPath: string, data: TemplateData): Promise<void>;
 export declare function mergePackageJsonDependencies(templatePath: string, projectPath: string): Promise<void>;
 export declare function promptForProjectName(): Promise<string>;
 export declare function promptForProjectType(): Promise<string>;
 export declare function promptForAppName(projectName: string): Promise<string>;
+export declare function configureAndroidVectorIcons(projectPath: string): Promise<void>;

package/package.json

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

package/templates/web/src/main.tsx

@@ -1,4 +1,3 @@
-// Import navigation unistyles after all other imports to ensure it overrides any previous configuration
 import '@idealyst/navigation/examples/unistyles';
 
 import * as React from 'react';