@l4yercak3/cli 1.2.20 → 1.3.0

package/src/commands/pages.js

@@ -0,0 +1,317 @@
+/**
+ * Pages Command
+ * Detect and sync application pages/screens with L4YERCAK3
+ */
+
+const configManager = require('../config/config-manager');
+const backendClient = require('../api/backend-client');
+const projectDetector = require('../detectors');
+const pageDetector = require('../detectors/page-detector');
+const chalk = require('chalk');
+const inquirer = require('inquirer');
+
+/**
+ * Get framework display name
+ */
+function getFrameworkName(frameworkType) {
+  const names = {
+    'nextjs': 'Next.js',
+    'expo': 'Expo',
+    'react-native': 'React Native',
+  };
+  return names[frameworkType] || frameworkType;
+}
+
+/**
+ * Handle pages sync command
+ */
+async function handlePagesSync() {
+  // Check if logged in
+  if (!configManager.isLoggedIn()) {
+    console.log(chalk.yellow('  ⚠️  You must be logged in first'));
+    console.log(chalk.gray('\n  Run "l4yercak3 login" to authenticate\n'));
+    process.exit(1);
+  }
+
+  console.log(chalk.cyan('  🔍 Scanning for pages...\n'));
+
+  // Detect project
+  const detection = projectDetector.detect();
+
+  if (!detection.framework.type) {
+    console.log(chalk.yellow('  ⚠️  Could not detect project type'));
+    console.log(chalk.gray('  Supported frameworks: Next.js, Expo, React Native\n'));
+    process.exit(1);
+  }
+
+  const frameworkName = getFrameworkName(detection.framework.type);
+  console.log(chalk.gray(`  Framework: ${frameworkName}`));
+
+  // Check for project configuration
+  const projectConfig = configManager.getProjectConfig(detection.projectPath);
+
+  if (!projectConfig || !projectConfig.applicationId) {
+    console.log(chalk.yellow('\n  ⚠️  This project is not connected to L4YERCAK3'));
+    console.log(chalk.gray('  Run "l4yercak3 spread" first to set up the connection\n'));
+    process.exit(1);
+  }
+
+  // Detect pages
+  const pages = pageDetector.detect(
+    detection.projectPath,
+    detection.framework.type,
+    detection.framework.metadata
+  );
+
+  if (pages.length === 0) {
+    console.log(chalk.yellow('\n  ⚠️  No pages found'));
+    console.log(chalk.gray('  Make sure your project has page files in the expected locations\n'));
+    return;
+  }
+
+  // Categorize pages
+  const staticPages = pages.filter(p => p.pageType === 'static');
+  const dynamicPages = pages.filter(p => p.pageType === 'dynamic');
+  const apiRoutes = pages.filter(p => p.pageType === 'api_route');
+
+  console.log(chalk.green(`\n  ✅ Found ${pages.length} pages/routes\n`));
+
+  if (staticPages.length > 0) {
+    console.log(chalk.gray(`     ${staticPages.length} static page(s)`));
+  }
+  if (dynamicPages.length > 0) {
+    console.log(chalk.gray(`     ${dynamicPages.length} dynamic page(s)`));
+  }
+  if (apiRoutes.length > 0) {
+    console.log(chalk.gray(`     ${apiRoutes.length} API route(s)`));
+  }
+
+  // Show preview
+  console.log(chalk.cyan('\n  📋 Pages to sync:\n'));
+
+  const maxPathLength = Math.max(...pages.map(p => p.path.length), 20);
+
+  for (const page of pages.slice(0, 15)) {
+    const icon = page.pageType === 'api_route' ? '⚡' :
+                 page.pageType === 'dynamic' ? '🔀' : '📄';
+    const paddedPath = page.path.padEnd(maxPathLength);
+    console.log(chalk.gray(`     ${icon} ${paddedPath}  →  ${page.name}`));
+  }
+
+  if (pages.length > 15) {
+    console.log(chalk.gray(`     ... and ${pages.length - 15} more`));
+  }
+
+  // Confirm sync
+  console.log('');
+  const { confirmSync } = await inquirer.prompt([
+    {
+      type: 'confirm',
+      name: 'confirmSync',
+      message: `Sync ${pages.length} pages to L4YERCAK3?`,
+      default: true,
+    },
+  ]);
+
+  if (!confirmSync) {
+    console.log(chalk.gray('\n  Sync cancelled.\n'));
+    return;
+  }
+
+  // Sync pages
+  console.log(chalk.cyan('\n  🔄 Syncing pages...\n'));
+
+  try {
+    const result = await backendClient.bulkRegisterPages(
+      projectConfig.applicationId,
+      pages.map(p => ({
+        path: p.path,
+        name: p.name,
+        pageType: p.pageType,
+      }))
+    );
+
+    console.log(chalk.green('  ✅ Pages synced successfully!\n'));
+    console.log(chalk.gray(`     Total: ${result.total || pages.length}`));
+    if (result.created !== undefined) {
+      console.log(chalk.gray(`     Created: ${result.created}`));
+    }
+    if (result.updated !== undefined) {
+      console.log(chalk.gray(`     Updated: ${result.updated}`));
+    }
+
+    console.log(chalk.cyan('\n  📊 View your pages in the L4YERCAK3 dashboard:'));
+    console.log(chalk.gray('     Web Publishing → Applications → Pages & Bindings\n'));
+
+  } catch (error) {
+    console.error(chalk.red(`\n  ❌ Failed to sync pages: ${error.message}\n`));
+    if (error.code) {
+      console.log(chalk.gray(`     Error code: ${error.code}`));
+    }
+    process.exit(1);
+  }
+}
+
+/**
+ * Handle pages list command
+ */
+async function handlePagesList() {
+  // Check if logged in
+  if (!configManager.isLoggedIn()) {
+    console.log(chalk.yellow('  ⚠️  You must be logged in first'));
+    console.log(chalk.gray('\n  Run "l4yercak3 login" to authenticate\n'));
+    process.exit(1);
+  }
+
+  // Detect project
+  const detection = projectDetector.detect();
+  const projectConfig = configManager.getProjectConfig(detection.projectPath);
+
+  if (!projectConfig || !projectConfig.applicationId) {
+    console.log(chalk.yellow('  ⚠️  This project is not connected to L4YERCAK3'));
+    console.log(chalk.gray('  Run "l4yercak3 spread" first to set up the connection\n'));
+    process.exit(1);
+  }
+
+  console.log(chalk.cyan('  📋 Fetching registered pages...\n'));
+
+  try {
+    const result = await backendClient.getApplicationPages(projectConfig.applicationId);
+
+    if (!result.pages || result.pages.length === 0) {
+      console.log(chalk.yellow('  No pages registered yet'));
+      console.log(chalk.gray('  Run "l4yercak3 pages sync" to detect and sync pages\n'));
+      return;
+    }
+
+    console.log(chalk.green(`  ✅ ${result.pages.length} pages registered\n`));
+
+    const maxPathLength = Math.max(...result.pages.map(p => p.path.length), 20);
+
+    for (const page of result.pages) {
+      const icon = page.pageType === 'api_route' ? '⚡' :
+                   page.pageType === 'dynamic' ? '🔀' : '📄';
+      const paddedPath = page.path.padEnd(maxPathLength);
+      console.log(chalk.gray(`     ${icon} ${paddedPath}  →  ${page.name}`));
+    }
+
+    console.log('');
+
+  } catch (error) {
+    console.error(chalk.red(`\n  ❌ Failed to fetch pages: ${error.message}\n`));
+    process.exit(1);
+  }
+}
+
+/**
+ * Handle pages detect command (local only, no sync)
+ */
+async function handlePagesDetect() {
+  console.log(chalk.cyan('  🔍 Detecting pages...\n'));
+
+  // Detect project
+  const detection = projectDetector.detect();
+
+  if (!detection.framework.type) {
+    console.log(chalk.yellow('  ⚠️  Could not detect project type'));
+    console.log(chalk.gray('  Supported frameworks: Next.js, Expo, React Native\n'));
+    process.exit(1);
+  }
+
+  const frameworkName = getFrameworkName(detection.framework.type);
+  console.log(chalk.gray(`  Framework: ${frameworkName}`));
+
+  if (detection.framework.metadata?.routerType) {
+    const routerName = detection.framework.type === 'nextjs'
+      ? (detection.framework.metadata.routerType === 'app' ? 'App Router' : 'Pages Router')
+      : (detection.framework.metadata.routerType === 'expo-router' ? 'Expo Router' : 'React Navigation');
+    console.log(chalk.gray(`  Router: ${routerName}`));
+  }
+
+  // Detect pages
+  const pages = pageDetector.detect(
+    detection.projectPath,
+    detection.framework.type,
+    detection.framework.metadata
+  );
+
+  if (pages.length === 0) {
+    console.log(chalk.yellow('\n  ⚠️  No pages found'));
+    console.log(chalk.gray('  Make sure your project has page files in the expected locations\n'));
+    return;
+  }
+
+  console.log(chalk.green(`\n  ✅ Found ${pages.length} pages/routes\n`));
+
+  // Group by type
+  const staticPages = pages.filter(p => p.pageType === 'static');
+  const dynamicPages = pages.filter(p => p.pageType === 'dynamic');
+  const apiRoutes = pages.filter(p => p.pageType === 'api_route');
+
+  const maxPathLength = Math.max(...pages.map(p => p.path.length), 20);
+
+  if (staticPages.length > 0) {
+    console.log(chalk.cyan('  📄 Static Pages:\n'));
+    for (const page of staticPages) {
+      const paddedPath = page.path.padEnd(maxPathLength);
+      console.log(chalk.gray(`     ${paddedPath}  →  ${page.name}`));
+      console.log(chalk.gray(`       └─ ${page.filePath}`));
+    }
+    console.log('');
+  }
+
+  if (dynamicPages.length > 0) {
+    console.log(chalk.cyan('  🔀 Dynamic Pages:\n'));
+    for (const page of dynamicPages) {
+      const paddedPath = page.path.padEnd(maxPathLength);
+      console.log(chalk.gray(`     ${paddedPath}  →  ${page.name}`));
+      console.log(chalk.gray(`       └─ ${page.filePath}`));
+    }
+    console.log('');
+  }
+
+  if (apiRoutes.length > 0) {
+    console.log(chalk.cyan('  ⚡ API Routes:\n'));
+    for (const page of apiRoutes) {
+      const paddedPath = page.path.padEnd(maxPathLength);
+      console.log(chalk.gray(`     ${paddedPath}  →  ${page.name}`));
+      console.log(chalk.gray(`       └─ ${page.filePath}`));
+    }
+    console.log('');
+  }
+
+  console.log(chalk.gray('  Run "l4yercak3 pages sync" to sync these pages to L4YERCAK3\n'));
+}
+
+/**
+ * Main pages command handler
+ */
+async function handlePages(args) {
+  const subcommand = args[0] || 'sync';
+
+  switch (subcommand) {
+    case 'sync':
+      await handlePagesSync();
+      break;
+    case 'list':
+      await handlePagesList();
+      break;
+    case 'detect':
+      await handlePagesDetect();
+      break;
+    default:
+      console.log(chalk.cyan('  📄 Pages Command\n'));
+      console.log(chalk.gray('  Usage: l4yercak3 pages <subcommand>\n'));
+      console.log(chalk.gray('  Subcommands:'));
+      console.log(chalk.gray('    sync     Detect and sync pages to L4YERCAK3 (default)'));
+      console.log(chalk.gray('    list     List pages registered with L4YERCAK3'));
+      console.log(chalk.gray('    detect   Detect pages locally (no sync)\n'));
+      break;
+  }
+}
+
+module.exports = {
+  command: 'pages',
+  description: 'Detect and sync application pages',
+  handler: handlePages,
+};