offbyt 1.0.0 → 1.0.2

package/lib/modes/generateApi.js

@@ -1,4 +1,4 @@
-/**
+/**
  * Smart API Generation Mode
  * Detects resources from frontend patterns and generates full-stack APIs
  */
@@ -13,6 +13,7 @@ import { generateApiClients } from '../utils/apiClientGenerator.js';
 import { injectApiCalls } from '../utils/codeInjector.js';
 import { generateAdvancedCrudModel, generateAdvancedCrudRoutes } from '../generator/advancedCrudGenerator.js';
 import { generateSQLFiles } from './configBasedGenerator.js';
+import { printSection, printStep, printSuccess, printBox, printSummary, printFooter } from '../utils/cliFormatter.js';
 
 /**
  * Main Smart API Generation Function
@@ -22,10 +23,10 @@ export async function generateSmartAPI(projectPath, options = {}) {
   const config = options.config || { database: 'mongodb' };
   const isSQL = ['postgresql', 'mysql', 'sqlite'].includes(config.database);
   
-  console.log(chalk.cyan('\n🎯 offbyt Smart API Generation\n'));
-  console.log(chalk.gray('Detecting resources from your frontend...\n'));
+  printSection('Smart API Generation Engine');
+  console.log(chalk.gray('Analyzing frontend & generating full-stack APIs...\n'));
   if (isSQL) {
-    console.log(chalk.blue(`ðŸ"¦ Using ${config.database.toUpperCase()} database\n`));
+    printSuccess(`Using ${config.database.toUpperCase()} database`);
   }
 
   const backendPath = path.join(projectPath, 'backend');
@@ -33,7 +34,8 @@ export async function generateSmartAPI(projectPath, options = {}) {
   // ========================================================
   // STEP 1: DETECT RESOURCES FROM FRONTEND
   // ========================================================
-  const step1 = ora('Step 1/6: Scanning frontend for data patterns...').start();
+  printStep(1, 6, 'Scanning Frontend for Data Patterns');
+  const step1 = ora('Analyzing React state and components...').start();
   const resources = detectResourcesFromFrontend(projectPath);
   
   if (resources.length === 0) {
@@ -44,35 +46,31 @@ export async function generateSmartAPI(projectPath, options = {}) {
     return;
   }
 
-  step1.succeed(chalk.green(`✅ Detected ${resources.length} resources`));
+  step1.succeed(chalk.green('Found resources to generate APIs for'));
   
-  console.log(chalk.cyan('\n📦 Detected Resources:\n'));
-  for (const resource of resources) {
-    console.log(chalk.white(`   • ${resource.name}`) + chalk.gray(` (${resource.singular})`));
-    if (resource.fields.length > 0) {
-      console.log(chalk.gray(`     Fields: ${resource.fields.join(', ')}`));
-    }
-  }
-  console.log('');
+  const resourcesList = resources.map(r => `${r.name} (${r.fields.join(', ')})`);
+  printBox('Detected Resources', resourcesList);
 
   // ========================================================
   // STEP 2: CREATE BACKEND STRUCTURE
   // ========================================================
-  const step2 = ora('Step 2/6: Creating backend structure...').start();
+  printStep(2, 6, 'Creating Backend Structure');
+  const step2 = ora('Generating folder structure and middleware...').start();
   
   const backendExists = fs.existsSync(backendPath);
   createBackendStructure(backendPath, projectPath);
   ensureValidationMiddleware(backendPath);
   if (backendExists) {
-    step2.succeed('✅ Backend structure exists and required utility files ensured');
+    step2.succeed('Backend structure verified and utility files ensured');
   } else {
-    step2.succeed('✅ Backend structure created');
+    step2.succeed('Backend structure created successfully');
   }
 
   // ========================================================
   // STEP 3: GENERATE BACKEND MODELS
   // ========================================================
-  const step3 = ora('Step 3/6: Generating backend models...').start();
+  printStep(3, 6, 'Generating Backend Models');
+  const step3 = ora('Creating model files for each resource...').start();
   const modelsDir = path.join(backendPath, 'models');
   let modelCount = 0;
 
@@ -82,23 +80,26 @@ export async function generateSmartAPI(projectPath, options = {}) {
     
     // Only create if doesn't exist
     if (!fs.existsSync(modelFile)) {
-      const modelCode = generateAdvancedCrudModel(
-        resource.name,
-        resource.fields,
-        false,
-        []
-      );
+      const modelCode = isSQL
+        ? generateSqlCrudModel(resource)
+        : generateAdvancedCrudModel(
+            resource.name,
+            resource.fields,
+            false,
+            []
+          );
       fs.writeFileSync(modelFile, modelCode, 'utf8');
       modelCount++;
     }
   }
 
-  step3.succeed(`✅ Generated ${modelCount} models`);
+  step3.succeed(`Generated ${modelCount} models`);
 
   // ========================================================
   // STEP 4: GENERATE BACKEND ROUTES
   // ========================================================
-  const step4 = ora('Step 4/6: Generating backend routes...').start();
+  printStep(4, 6, 'Generating Backend Routes');
+  const step4 = ora('Creating route files for each resource...').start();
   const routesDir = path.join(backendPath, 'routes');
   let routeCount = 0;
 
@@ -107,25 +108,28 @@ export async function generateSmartAPI(projectPath, options = {}) {
     
     // Only create if doesn't exist
     if (!fs.existsSync(routeFile)) {
-      const routeCode = generateAdvancedCrudRoutes(
-        resource.name,
-        resource.fields,
-        false,
-        [],
-        []
-      );
+      const routeCode = isSQL
+        ? generateSqlCrudRoutes(resource)
+        : generateAdvancedCrudRoutes(
+            resource.name,
+            resource.fields,
+            false,
+            [],
+            []
+          );
       fs.writeFileSync(routeFile, routeCode, 'utf8');
       routeCount++;
     }
   }
 
-  step4.succeed(`✅ Generated ${routeCount} route files`);
+  step4.succeed(`Generated ${routeCount} route files`);
 
   // ========================================================
   // STEP 4.5: GENERATE SQL FILES (for SQL databases only)
   // ========================================================
   if (isSQL && resources.length > 0) {
-    const sqlStep = ora('Generating SQL schema and seed files...').start();
+    printStep('4.5', 6, 'Generating SQL Files');
+    const sqlStep = ora('Creating SQL schema and seed files...').start();
     try {
       // Convert resources array to Map format expected by generateSQLFiles
       const resourcesMap = new Map();
@@ -137,11 +141,9 @@ export async function generateSmartAPI(projectPath, options = {}) {
       }
       
       generateSQLFiles(backendPath, resourcesMap, config, { relationships: [] });
-      sqlStep.succeed(chalk.green('✅ SQL files generated in backend/sql/'));
-      console.log(chalk.gray('   • 01_schema.sql'));
-      console.log(chalk.gray('   • 02_crud_operations.sql'));
-      console.log(chalk.gray('   • 03_relationships_joins.sql'));
-      console.log(chalk.gray('   • 04_seed_data.sql\n'));
+      sqlStep.succeed('SQL files generated in backend/sql/');
+      const sqlFiles = ['01_schema.sql', '02_crud_operations.sql', '03_relationships_joins.sql', '04_seed_data.sql'];
+      printBox('Created SQL Files', sqlFiles);
     } catch (error) {
       sqlStep.fail(`Failed to generate SQL files: ${error.message}`);
       console.error(chalk.red(error.stack));
@@ -151,17 +153,16 @@ export async function generateSmartAPI(projectPath, options = {}) {
   // ========================================================
   // STEP 5: GENERATE FRONTEND API CLIENTS
   // ========================================================
-  const step5 = ora('Step 5/6: Generating frontend API clients...').start();
+  printStep(5, 6, 'Generating Frontend API Clients');
+  const step5 = ora('Creating API client modules...').start();
   
   try {
     const generatedClients = generateApiClients(projectPath, resources);
-    step5.succeed(`✅ Generated ${generatedClients.length} API client files`);
+    step5.succeed(`Generated ${generatedClients.length} API client files`);
     
-    console.log(chalk.cyan('\n📁 Generated API Clients:\n'));
-    for (const file of generatedClients) {
-      console.log(chalk.gray(`   • ${file}`));
+    if (generatedClients.length > 0) {
+      printBox('Created API Clients', generatedClients.slice(0, 8));
     }
-    console.log('');
   } catch (error) {
     step5.fail(`Failed to generate API clients: ${error.message}`);
   }
@@ -170,24 +171,20 @@ export async function generateSmartAPI(projectPath, options = {}) {
   // STEP 6: INJECT API CALLS IN FRONTEND (Optional)
   // ========================================================
   if (options.inject !== false) {
-    const step6 = ora('Step 6/6: Injecting API calls in frontend...').start();
+    printStep(6, 6, 'Injecting API Calls in Frontend');
+    const step6 = ora('Connecting frontend components to APIs...').start();
     
     try {
-      const injectedFiles = injectApiCalls(projectPath, resources);
+      const injectedFiles = injectApiCalls(projectPath, resources, {
+        idField: isSQL ? 'id' : '_id'
+      });
       
       if (injectedFiles.length > 0) {
-        step6.succeed(`✅ Injected API calls in ${injectedFiles.length} files`);
+        step6.succeed(`Injected API calls in ${injectedFiles.length} files`);
         
-        console.log(chalk.cyan('\n💉 Modified Files:\n'));
-        for (const file of injectedFiles.slice(0, 10)) {
-          console.log(chalk.gray(`   • ${file}`));
-        }
-        if (injectedFiles.length > 10) {
-          console.log(chalk.gray(`   ... and ${injectedFiles.length - 10} more`));
-        }
-        console.log('');
+        printBox('Modified Components', injectedFiles.slice(0, 8));
       } else {
-        step6.succeed('✅ No injection needed (files already up-to-date)');
+        step6.succeed('No injection needed (files already up-to-date)');
       }
     } catch (error) {
       step6.warn(`Skipped injection: ${error.message}`);
@@ -209,27 +206,23 @@ export async function generateSmartAPI(projectPath, options = {}) {
   // ========================================================
   // SUMMARY
   // ========================================================
-  console.log(chalk.green('\n✅ Smart API Generation Complete!\n'));
+  printSummary('Smart API Generation Complete!', [
+    `Generated ${resources.length} resources with full CRUD APIs`,
+    `${isSQL ? `Using ${config.database.toUpperCase()} database` : 'MongoDB collections ready'}`,
+    `Frontend components connected and injected with API calls`
+  ]);
   
-  console.log(chalk.cyan('📋 Generated APIs:\n'));
+  const apiEndpoints = [];
   for (const resource of resources) {
-    console.log(chalk.white(`   ${resource.name}:`));
-    console.log(chalk.gray(`      GET    /api/${resource.name}`));
-    console.log(chalk.gray(`      GET    /api/${resource.name}/:id`));
-    console.log(chalk.gray(`      POST   /api/${resource.name}`));
-    console.log(chalk.gray(`      PUT    /api/${resource.name}/:id`));
-    console.log(chalk.gray(`      DELETE /api/${resource.name}/:id`));
+    apiEndpoints.push(`${resource.name}: GET, POST, PUT, DELETE /api/${resource.name}`);
   }
-
-  console.log(chalk.cyan('\n🚀 Next Steps:\n'));
-  console.log(chalk.yellow('   1. Update backend with new APIs:'));
-  console.log(chalk.green('      backendify sync\n'));
-  console.log(chalk.gray('      This will generate backend routes & models for your new APIs\n'));
-  console.log(chalk.yellow('   2. Start your servers:'));
-  console.log(chalk.gray('      • Start MongoDB: mongod'));
-  console.log(chalk.gray('      • Start backend: cd backend && npm run dev'));
-  console.log(chalk.gray('      • Start frontend: npm start'));
-  console.log(chalk.green('\n   Your frontend and backend will be fully connected! 🎉\n'));
+  printBox('Generated API Endpoints', apiEndpoints);
+  
+  printFooter([
+    'cd backend && npm install',
+    'npm run dev (or npm run start)',
+    'Frontend will auto-connect to API at http://localhost:5000'
+  ]);
 }
 
 /**
@@ -431,5 +424,153 @@ function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
 
+function generateSqlCrudModel(resource) {
+  const modelName = capitalize(resource.singular);
+  const fieldLines = (resource.fields || [])
+    .filter((field) => field && field !== 'id' && field !== '_id')
+    .map((field) => {
+      const lower = field.toLowerCase();
+      if (lower.includes('amount') || lower.includes('price') || lower.includes('cost') || lower.includes('total')) {
+        return `  ${field}: { type: DataTypes.DECIMAL(10, 2), allowNull: true },`;
+      }
+      if (lower.includes('count') || lower.includes('quantity')) {
+        return `  ${field}: { type: DataTypes.INTEGER, allowNull: true },`;
+      }
+      if (lower.includes('is') || lower.startsWith('has')) {
+        return `  ${field}: { type: DataTypes.BOOLEAN, allowNull: true },`;
+      }
+      return `  ${field}: { type: DataTypes.STRING, allowNull: true },`;
+    });
+
+  const fields = fieldLines.length > 0
+    ? fieldLines.join('\n')
+    : '  name: { type: DataTypes.STRING, allowNull: true },';
+
+  return `import { DataTypes } from 'sequelize';
+import { sequelize } from '../config/database.js';
+
+const ${modelName} = sequelize.define('${modelName}', {
+${fields}
+}, {
+  tableName: '${resource.name}',
+  timestamps: true
+});
+
+export default ${modelName};
+`;
+}
+
+function generateSqlCrudRoutes(resource) {
+  const modelName = capitalize(resource.singular);
+
+  return `import express from 'express';
+import { query, body, param } from 'express-validator';
+import { validateErrors } from '../middleware/validation.js';
+import { ResponseHelper } from '../utils/helper.js';
+import ${modelName} from '../models/${modelName}.js';
+
+const router = express.Router();
+
+router.get(
+  '/',
+  [
+    query('page').optional().isInt({ min: 1 }).toInt(),
+    query('limit').optional().isInt({ min: 1, max: 100 }).toInt(),
+    query('search').optional().isString().trim(),
+    validateErrors
+  ],
+  async (req, res, next) => {
+    try {
+      const page = Number.parseInt(req.query.page || '1', 10);
+      const limit = Number.parseInt(req.query.limit || '10', 10);
+      const offset = (page - 1) * limit;
+
+      let where = undefined;
+      if (req.query.search) {
+        const search = req.query.search;
+        where = {};
+        for (const key of Object.keys(${modelName}.rawAttributes)) {
+          if (['id', 'createdAt', 'updatedAt'].includes(key)) continue;
+          where[key] = search;
+          break;
+        }
+      }
+
+      const result = await ${modelName}.findAndCountAll({ where, limit, offset, order: [['createdAt', 'DESC']] });
+      return ResponseHelper.paginated(
+        res,
+        result.rows,
+        {
+          page,
+          limit,
+          total: result.count,
+          pages: Math.ceil(result.count / limit),
+          hasMore: page * limit < result.count,
+          skip: offset
+        },
+        '${resource.name} loaded successfully'
+      );
+    } catch (error) {
+      next(error);
+    }
+  }
+);
+
+router.get('/:id', [param('id').isInt({ min: 1 }), validateErrors], async (req, res, next) => {
+  try {
+    const item = await ${modelName}.findByPk(req.params.id);
+    if (!item) return ResponseHelper.notFound(res, '${modelName}');
+    return ResponseHelper.success(res, item, 'Item retrieved successfully');
+  } catch (error) {
+    next(error);
+  }
+});
+
+router.post('/', [body().isObject(), validateErrors], async (req, res, next) => {
+  try {
+    const created = await ${modelName}.create(req.body);
+    return ResponseHelper.success(res, created, '${modelName} created successfully', 201);
+  } catch (error) {
+    next(error);
+  }
+});
+
+router.put('/:id', [param('id').isInt({ min: 1 }), body().isObject(), validateErrors], async (req, res, next) => {
+  try {
+    const item = await ${modelName}.findByPk(req.params.id);
+    if (!item) return ResponseHelper.notFound(res, '${modelName}');
+    await item.update(req.body);
+    return ResponseHelper.success(res, item, '${modelName} updated successfully');
+  } catch (error) {
+    next(error);
+  }
+});
+
+router.patch('/:id', [param('id').isInt({ min: 1 }), body().isObject(), validateErrors], async (req, res, next) => {
+  try {
+    const item = await ${modelName}.findByPk(req.params.id);
+    if (!item) return ResponseHelper.notFound(res, '${modelName}');
+    await item.update(req.body);
+    return ResponseHelper.success(res, item, 'Partial update successful');
+  } catch (error) {
+    next(error);
+  }
+});
+
+router.delete('/:id', [param('id').isInt({ min: 1 }), validateErrors], async (req, res, next) => {
+  try {
+    const item = await ${modelName}.findByPk(req.params.id);
+    if (!item) return ResponseHelper.notFound(res, '${modelName}');
+    await item.destroy();
+    return ResponseHelper.success(res, { id: Number.parseInt(req.params.id, 10) }, '${modelName} deleted successfully');
+  } catch (error) {
+    next(error);
+  }
+});
+
+export default router;
+`;
+}
+
 export default { generateSmartAPI };
 

package/lib/modes/interactiveSetup.js

@@ -7,15 +7,15 @@ import inquirer from 'inquirer';
 import chalk from 'chalk';
 
 export async function getInteractiveSetup() {
-  console.log(chalk.cyan('\n╔════════════════════════════════════════╗'));
-  console.log(chalk.cyan('�'  offbyt - Interactive Setup        �''));
-  console.log(chalk.cyan('╚════════════════════════════════════════╝\n'));
+  console.log(chalk.cyan('\n╔════════════════════════════════════════╗'));
+  console.log(chalk.cyan('â•‘  offbyt - Interactive Setup        â•‘'));
+  console.log(chalk.cyan('╚════════════════════════════════════════╝\n'));
 
   const answers = await inquirer.prompt([
     {
       type: 'list',
       name: 'database',
-      message: '📦 Select Database:',
+      message: '📦 Select Database:',
       choices: [
         { name: 'MongoDB (Mongoose)', value: 'mongodb' },
         { name: 'PostgreSQL (Sequelize)', value: 'postgresql' },
@@ -27,7 +27,7 @@ export async function getInteractiveSetup() {
     {
       type: 'list',
       name: 'framework',
-      message: '⚙️  Select Backend Framework:',
+      message: '⚙️  Select Backend Framework:',
       choices: [
         { name: 'Express.js (Recommended)', value: 'express' },
         { name: 'Fastify (High Performance)', value: 'fastify' },
@@ -38,19 +38,19 @@ export async function getInteractiveSetup() {
     {
       type: 'confirm',
       name: 'enableSocket',
-      message: '🔌 Enable Realtime Sockets?',
+      message: '🔌 Enable Realtime Sockets?',
       default: true
     },
     {
       type: 'confirm',
       name: 'enableAuth',
-      message: '🔐 Generate Authentication System?',
+      message: '🔐 Generate Authentication System?',
       default: true
     },
     {
       type: 'list',
       name: 'authType',
-      message: '🔑 Select Authentication Type:',
+      message: '🔑 Select Authentication Type:',
       choices: [
         { name: 'JWT (JSON Web Token)', value: 'jwt' },
         { name: 'OAuth 2.0', value: 'oauth' },
@@ -62,19 +62,19 @@ export async function getInteractiveSetup() {
     {
       type: 'confirm',
       name: 'enableValidation',
-      message: '✅ Enable Request Validation (Joi)?',
+      message: '✅ Enable Request Validation (Joi)?',
       default: true
     },
     {
       type: 'confirm',
       name: 'enableCaching',
-      message: '⚡ Enable Redis Caching?',
+      message: 'âš¡ Enable Redis Caching?',
       default: false
     },
     {
       type: 'confirm',
       name: 'enableLogging',
-      message: '📊 Enable Advanced Logging?',
+      message: '📊 Enable Advanced Logging?',
       default: true
     }
   ]);
@@ -86,14 +86,14 @@ export async function getInteractiveSetup() {
  * Display configuration summary
  */
 export function displaySetupSummary(config) {
-  console.log(chalk.cyan('\n✨ Configuration Summary:\n'));
-  console.log(chalk.green(`  ✔ Database        → ${formatDatabase(config.database)}`));
-  console.log(chalk.green(`  ✔ Framework       → ${formatFramework(config.framework)}`));
-  console.log(chalk.green(`  ✔ Realtime Socket → ${config.enableSocket ? 'Enabled' : 'Disabled'}`));
-  console.log(chalk.green(`  ✔ Authentication  → ${config.enableAuth ? `Enabled (${formatAuth(config.authType)})` : 'Disabled'}`));
-  console.log(chalk.green(`  ✔ Validation      → ${config.enableValidation ? 'Enabled' : 'Disabled'}`));
-  console.log(chalk.green(`  ✔ Caching         → ${config.enableCaching ? 'Enabled (Redis)' : 'Disabled'}`));
-  console.log(chalk.green(`  ✔ Logging         → ${config.enableLogging ? 'Enabled' : 'Disabled'}`));
+  console.log(chalk.cyan('\n✨ Configuration Summary:\n'));
+  console.log(chalk.green(`  ✔ Database        → ${formatDatabase(config.database)}`));
+  console.log(chalk.green(`  ✔ Framework       → ${formatFramework(config.framework)}`));
+  console.log(chalk.green(`  ✔ Realtime Socket → ${config.enableSocket ? 'Enabled' : 'Disabled'}`));
+  console.log(chalk.green(`  ✔ Authentication  → ${config.enableAuth ? `Enabled (${formatAuth(config.authType)})` : 'Disabled'}`));
+  console.log(chalk.green(`  ✔ Validation      → ${config.enableValidation ? 'Enabled' : 'Disabled'}`));
+  console.log(chalk.green(`  ✔ Caching         → ${config.enableCaching ? 'Enabled (Redis)' : 'Disabled'}`));
+  console.log(chalk.green(`  ✔ Logging         → ${config.enableLogging ? 'Enabled' : 'Disabled'}`));
   console.log(chalk.cyan('\n'));
 }
 
@@ -257,9 +257,9 @@ export async function connectDatabase() {
       useUnifiedTopology: true,
     });
     
-    console.log('✅ MongoDB Connected');
+    console.log('[ok] MongoDB connected');
   } catch (error) {
-    console.error('❌ MongoDB Connection Error:', error.message);
+    console.error('[error] MongoDB connection error:', error.message);
     process.exit(1);
   }
 }
@@ -283,10 +283,10 @@ export const sequelize = new Sequelize(
 export async function connectDatabase() {
   try {
     await sequelize.authenticate();
-    console.log('✅ PostgreSQL Connected');
+    console.log('[ok] PostgreSQL connected');
     await sequelize.sync({ alter: true });
   } catch (error) {
-    console.error('❌ PostgreSQL Connection Error:', error.message);
+    console.error('[error] PostgreSQL connection error:', error.message);
     process.exit(1);
   }
 }
@@ -301,7 +301,7 @@ export const sequelize = new Sequelize(
   process.env.DB_PASSWORD || 'password',
   {
     host: process.env.DB_HOST || 'localhost',
-    port: process.env.DB_PORT || 3306,
+    port: Number.parseInt(process.env.DB_PORT, 10) || 3306,
     dialect: 'mysql',
     logging: false,
   }
@@ -310,10 +310,10 @@ export const sequelize = new Sequelize(
 export async function connectDatabase() {
   try {
     await sequelize.authenticate();
-    console.log('✅ MySQL Connected');
+    console.log('[ok] MySQL connected');
     await sequelize.sync({ alter: true });
   } catch (error) {
-    console.error('❌ MySQL Connection Error:', error.message);
+    console.error('[error] MySQL connection error:', error.message);
     process.exit(1);
   }
 }
@@ -332,10 +332,10 @@ export const sequelize = new Sequelize({
 export async function connectDatabase() {
   try {
     await sequelize.authenticate();
-    console.log('✅ SQLite Connected');
+    console.log('[ok] SQLite connected');
     await sequelize.sync({ alter: true });
   } catch (error) {
-    console.error('❌ SQLite Connection Error:', error.message);
+    console.error('[error] SQLite connection error:', error.message);
     process.exit(1);
   }
 }
@@ -545,4 +545,3 @@ LOG_ERROR_FILE=./logs/error.log
   return env;
 }
 
-