@moamc/rn-cli 1.3.0 → 1.3.1

package/README.md

@@ -11,6 +11,7 @@ Enterprise-grade Code Generation CLI for React Native Applications
 - ✅ Support for multiple field types (text, number, email, date, dropdown, etc.)
 - ✅ Automatic validation generation
 - ✅ TypeScript-ready templates
+- ✅ **Cross-project compatibility** - Automatically detects and adapts to different project structures
 
 ## 📦 Installation
 
@@ -88,6 +89,29 @@ project-root/
 └── navigations/
 ```
 
+### Component Structure Compatibility
+
+The CLI automatically detects your project's component structure:
+
+**Option 1: Nested Structure** (e.g., investor-app)
+```
+components/
+  └── common/
+      ├── headers/
+      │   └── Header.js
+      └── Container.js
+```
+
+**Option 2: Flat Structure** (e.g., distributor-app)
+```
+components/
+  └── common/
+      ├── Header.js
+      └── Container.js
+```
+
+The CLI will automatically generate the correct import paths for your project structure.
+
 ## 🎨 Form Field Types
 
 - **Text** - Standard text input

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moamc/rn-cli",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Enterprise-grade Code Generation CLI for React Native Applications",
   "main": "index.js",
   "bin": {

package/templates/screenTemplate.js

@@ -1,4 +1,5 @@
 const { generateFormField, FIELD_TYPES } = require('./fieldGeneratorTemplate');
+const { detectProjectStructure } = require('../utils/fileUtils');
 
 const groupFieldsByRows = (formFields) => {
   const rows = [];
@@ -49,13 +50,14 @@ const generateEnhancedTemplate = (screenName, featureName, hasForm = false, form
   const componentName = screenName;
   const hasDropdown = formFields.some(f => f.type === 'dropdown');
   const hasDate = formFields.some(f => f.type === 'date');
+  const { headerImportPath } = detectProjectStructure();
   
   return `import React, { useState } from 'react';
 import { Text, ScrollView, View } from 'react-native';
 import { TouchableRipple } from 'react-native-paper';
 import { colorConstant, utilities } from '../../../assets/styles';
 import { Container } from '../../../components/common';
-import { Header } from '../../../components/common/headers';
+import { Header } from '${headerImportPath}';
 import Footer from '../../../components/common/Footer';
 import FormButton from '../../../components/form/FormButton';
 import { FloatingTextInput } from '../../../components/form';${hasDropdown ? '\nimport { BottomSheet } from \'../../../components/common\';\nimport DropDownReview from \'../../../components/common/DropDownReview\';' : ''}${hasDate ? '\nimport { DatePickerCustom } from \'../../../components/form/DatePicker\';\nimport moment from \'moment\';' : ''}
@@ -129,10 +131,12 @@ const generateScreenTemplate = (screenName, featureName, hasForm = false, formFi
 
   // Simple screen template
   const componentName = screenName;
+  const { headerImportPath } = detectProjectStructure();
+  
   return `import React from 'react';
 import { View, Text, ScrollView } from 'react-native';
 import { Container, Loader } from '../../../components/common';
-import { Header } from '../../../components/common/headers';
+import { Header } from '${headerImportPath}';
 import { colorConstant, utilities } from '../../../assets/styles';
 import { use${componentName} } from './hooks/use${componentName}';
 import { styles } from './components/styles';

package/templates/screenTemplate.js.backup

@@ -1,3 +1,5 @@
+const { detectProjectStructure } = require('../utils/fileUtils');
+
 const generateFormFields = (formFields = []) => {
   if (!formFields || formFields.length === 0) return '\t\t\t\t{/* Add your form fields here */}';
 
@@ -55,6 +57,7 @@ const generateFormFields = (formFields = []) => {
 
 const generateScreenTemplate = (screenName, featureName, hasForm = false, formFields = []) => {
   const componentName = screenName;
+  const { headerImportPath } = detectProjectStructure();
   
   if (hasForm) {
     const formFieldsCode = generateFormFields(formFields);
@@ -64,7 +67,7 @@ const generateScreenTemplate = (screenName, featureName, hasForm = false, formFi
     return `import React from 'react';
 import { View, Text, ScrollView, StyleSheet } from 'react-native';
 import { Container, Footer, Loader } from '../../../components/common';
-import { Header } from '../../../components/common/headers';
+import { Header } from '${headerImportPath}';
 import { FloatingTextInput, FormButton } from '../../../components/form';${hasDropdown ? '\nimport RadioForm from \'../../../components/form/RadioForm\';' : ''}${hasCheckbox ? '\nimport CheckBox from \'../../../components/common/CheckBox\';' : ''}
 import { withUser } from '../../../components/HOC';
 import { colorConstant, fonts, utilities } from '../../../assets/styles';
@@ -110,7 +113,7 @@ export default withUser(${componentName});
   return `import React from 'react';
 import { View, Text, ScrollView, StyleSheet } from 'react-native';
 import { Container, Loader } from '../../../components/common';
-import { Header } from '../../../components/common/headers';
+import { Header } from '${headerImportPath}';
 import { withUser } from '../../../components/HOC';
 import { colorConstant, fonts, utilities } from '../../../assets/styles';
 import { use${componentName} } from './use${componentName}';

package/utils/fileUtils.js

@@ -19,6 +19,19 @@ const findProjectRoot = () => {
 
 const PROJECT_ROOT = findProjectRoot();
 
+// Detect project structure for imports
+const detectProjectStructure = () => {
+  const headersPath = path.join(PROJECT_ROOT, 'components', 'common', 'headers');
+  const hasHeadersFolder = fs.existsSync(headersPath);
+  
+  return {
+    hasHeadersFolder,
+    headerImportPath: hasHeadersFolder 
+      ? "../../../components/common/headers" 
+      : "../../../components/common"
+  };
+};
+
 const ensureDirectoryExists = (dirPath) => {
   if (!fs.existsSync(dirPath)) {
     fs.mkdirSync(dirPath, { recursive: true });
@@ -113,4 +126,5 @@ module.exports = {
   logWarning,
   logError,
   confirmOverwrite,
+  detectProjectStructure,
 };