@fecommunity/reactpress 2.0.0-beta.0 → 3.0.1

package/ui/interactive.js

@@ -0,0 +1,184 @@
+const inquirer = require('inquirer');
+const open = require('open');
+const { printBanner } = require('./banner');
+const { brand, label } = require('./theme');
+const { ensureOriginalCwd } = require('../lib/root');
+const { ensureProjectEnvironment } = require('../lib/bootstrap');
+const { runDev } = require('../lib/dev');
+const { runApiDev } = require('../lib/api-dev');
+const { runLifecycleCommand } = require('../lib/lifecycle');
+const { runDockerCommand } = require('../lib/docker');
+const { printUnifiedStatus } = require('../lib/status');
+const { runDoctor } = require('../lib/doctor');
+const { runBuild, TARGETS } = require('../lib/build');
+const { runNodeScript } = require('../lib/spawn');
+const { getClientBin } = require('../lib/paths');
+const { loadClientSiteUrl } = require('../lib/http');
+const { t } = require('../lib/i18n');
+
+function getMenuActions() {
+  return [
+    { name: t('menu.dev'), value: 'dev' },
+    { name: t('menu.init'), value: 'init' },
+    { name: t('menu.status'), value: 'status' },
+    { name: t('menu.doctor'), value: 'doctor' },
+    new inquirer.Separator(),
+    { name: t('menu.devApi'), value: 'dev:api' },
+    { name: t('menu.devClient'), value: 'dev:client' },
+    { name: t('menu.serverStart'), value: 'server:start' },
+    { name: t('menu.serverStop'), value: 'server:stop' },
+    { name: t('menu.serverRestart'), value: 'server:restart' },
+    new inquirer.Separator(),
+    { name: t('menu.build'), value: 'build' },
+    { name: t('menu.dockerStart'), value: 'docker:start' },
+    { name: t('menu.dockerUp'), value: 'docker:up' },
+    { name: t('menu.dockerStop'), value: 'docker:stop' },
+    new inquirer.Separator(),
+    { name: t('menu.openAdmin'), value: 'open:admin' },
+    { name: t('menu.publish'), value: 'publish' },
+    { name: t('menu.exit'), value: 'exit' },
+  ];
+}
+
+async function runMenuAction(action, projectRoot) {
+  switch (action) {
+    case 'dev':
+      console.log(label(t('menu.startingDev')));
+      await runDev(projectRoot);
+      return false;
+    case 'init': {
+      console.log(label(t('menu.initProject')));
+      const result = await ensureProjectEnvironment(projectRoot);
+      console.log(brand.success(result.message || t('menu.done')));
+      return true;
+    }
+    case 'status':
+      await printUnifiedStatus(projectRoot);
+      return true;
+    case 'doctor': {
+      const code = await runDoctor(projectRoot);
+      if (code !== 0) process.exit(code);
+      return true;
+    }
+    case 'dev:api':
+      await runApiDev(projectRoot);
+      return false;
+    case 'dev:client':
+      await runNodeScript(getClientBin(), [], { cwd: projectRoot });
+      return false;
+    case 'server:start': {
+      const code = await runLifecycleCommand('start', projectRoot);
+      if (code !== 0) process.exit(code);
+      return true;
+    }
+    case 'server:stop':
+      await runLifecycleCommand('stop', projectRoot);
+      return true;
+    case 'server:restart': {
+      const code = await runLifecycleCommand('restart', projectRoot);
+      if (code !== 0) process.exit(code);
+      return true;
+    }
+    case 'build': {
+      const buildChoices = TARGETS.map((target) => ({
+        name:
+          target === 'all'
+            ? t('menu.buildAll')
+            : t(`build.label.${target}`),
+        value: target,
+      }));
+      const { target } = await inquirer.prompt([
+        {
+          type: 'list',
+          name: 'target',
+          message: t('menu.buildTarget'),
+          choices: buildChoices,
+        },
+      ]);
+      await runBuild(target, projectRoot);
+      return true;
+    }
+    case 'docker:start':
+      await runDockerCommand('start', projectRoot);
+      return false;
+    case 'docker:up':
+      await runDockerCommand('up', projectRoot);
+      return true;
+    case 'docker:stop':
+      await runDockerCommand('down', projectRoot);
+      return true;
+    case 'open:admin': {
+      const url = loadClientSiteUrl(projectRoot);
+      console.log(label(t('menu.opening', { url })));
+      await open(url);
+      return true;
+    }
+    case 'publish': {
+      const prev = process.argv.slice();
+      process.argv = [process.argv[0], process.argv[1], '--publish'];
+      await require('../lib/publish').main();
+      process.argv = prev;
+      return true;
+    }
+    case 'exit':
+      console.log(brand.muted(t('menu.goodbye')));
+      return false;
+    default:
+      return true;
+  }
+}
+
+async function runInteractiveLoop() {
+  const projectRoot = ensureOriginalCwd();
+  printBanner();
+
+  let loop = true;
+  while (loop) {
+    const { action } = await inquirer.prompt([
+      {
+        type: 'list',
+        name: 'action',
+        message: t('menu.prompt'),
+        pageSize: 14,
+        choices: getMenuActions(),
+      },
+    ]);
+
+    if (action === 'exit') {
+      console.log(brand.muted(t('menu.goodbye')));
+      break;
+    }
+
+    try {
+      const stay = await runMenuAction(action, projectRoot);
+      if (!stay) {
+        break;
+      }
+
+      if (action !== 'status') {
+        const { again } = await inquirer.prompt([
+          {
+            type: 'confirm',
+            name: 'again',
+            message: t('menu.back'),
+            default: true,
+          },
+        ]);
+        loop = again;
+      }
+    } catch (err) {
+      console.error(brand.error(`  ${err.message || err}`));
+      const { retry } = await inquirer.prompt([
+        {
+          type: 'confirm',
+          name: 'retry',
+          message: t('menu.retry'),
+          default: true,
+        },
+      ]);
+      loop = retry;
+    }
+  }
+}
+
+module.exports = { runInteractiveLoop, runMenuAction };

package/ui/theme.js

@@ -0,0 +1,25 @@
+const chalk = require('chalk');
+
+const brand = {
+  primary: chalk.hex('#6366f1'),
+  accent: chalk.hex('#22d3ee'),
+  success: chalk.green,
+  warn: chalk.yellow,
+  error: chalk.red,
+  muted: chalk.gray,
+  bold: chalk.bold,
+};
+
+function label(text) {
+  return brand.primary(`› ${text}`);
+}
+
+function ok(text) {
+  return brand.success(`✓ ${text}`);
+}
+
+function fail(text) {
+  return brand.error(`✗ ${text}`);
+}
+
+module.exports = { brand, label, ok, fail };

package/CONTRIBUTING.md

@@ -1,122 +0,0 @@
-# Contributing to ReactPress
-
-Thank you for your interest in contributing to ReactPress! We welcome contributions from the community to help improve the project.
-
-## Code of Conduct
-
-Please read and follow our [Code of Conduct](CODE_OF_CONDUCT.md) to ensure a welcoming and inclusive environment for all contributors.
-
-## Getting Started
-
-1. Fork the repository
-2. Clone your fork: `git clone https://github.com/your-username/reactpress.git`
-3. Create a new branch: `git checkout -b feature/your-feature-name`
-4. Make your changes
-5. Commit your changes: `git commit -m "Add your feature description"`
-6. Push to your fork: `git push origin feature/your-feature-name`
-7. Create a pull request
-
-## Development Setup
-
-### Prerequisites
-
-- Node.js >= 16.5.0
-- pnpm >= 7.0.0
-- MySQL 5.7 or higher
-
-### Installation
-
-```bash
-# Clone the repository
-git clone https://github.com/fecommunity/reactpress.git
-cd reactpress
-
-# Install dependencies
-pnpm install
-
-# Start development servers
-pnpm run dev
-```
-
-## Project Structure
-
-ReactPress follows a monorepo structure:
-
-```
-reactpress/
-├── client/          # Next.js frontend application
-├── server/          # NestJS backend API
-├── toolkit/         # Auto-generated API client SDK
-├── templates/       # Project templates
-├── scripts/         # Build and deployment scripts
-└── docs/            # Documentation
-```
-
-## Development Workflow
-
-### Running Services
-
-```bash
-# Start both client and server in development mode
-pnpm run dev
-
-# Start only the server
-pnpm run dev:server
-
-# Start only the client
-pnpm run dev:client
-```
-
-### Building Packages
-
-```bash
-# Build all packages
-pnpm run build
-
-# Build specific packages
-pnpm run build:client
-pnpm run build:server
-pnpm run build:toolkit
-```
-
-### Testing
-
-```bash
-# Run all tests
-pnpm test
-
-# Run tests for specific package
-pnpm test --dir client
-pnpm test --dir server
-```
-
-## Code Style
-
-- Follow the existing code style in the project
-- Use TypeScript for type safety
-- Write clear, concise commit messages
-- Update documentation as needed
-
-## Pull Request Process
-
-1. Ensure your changes are well-tested
-2. Update the README.md if you've changed functionality
-3. Create a pull request with a clear title and description
-4. Link any related issues in your pull request description
-5. Be responsive to feedback during the review process
-
-## Reporting Issues
-
-If you find a bug or have a feature request, please [create an issue](https://github.com/fecommunity/reactpress/issues/new) on GitHub. Include as much detail as possible to help us understand and reproduce the problem.
-
-## Publishing Packages
-
-To publish packages to npm:
-
-1. Ensure you're logged into npm: `pnpm login`
-2. Run the publish script: `pnpm run publish`
-3. Follow the interactive prompts to select packages and version increments
-
-## License
-
-By contributing to ReactPress, you agree that your contributions will be licensed under the MIT License.

package/client/bin/reactpress-client.js

@@ -1,190 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * ReactPress Client CLI Entry Point
- * This script allows starting the ReactPress client via npx
- * Supports both regular and PM2 startup modes
- */
-
-const path = require('path');
-const fs = require('fs');
-const { spawn, spawnSync } = require('child_process');
-
-// Capture the original working directory where npx was executed
-// BUT prioritize the REACTPRESS_ORIGINAL_CWD environment variable if it exists
-// This ensures consistency when running via pnpm dev from root directory
-const originalCwd = process.env.REACTPRESS_ORIGINAL_CWD || process.cwd();
-
-// Get command line arguments
-const args = process.argv.slice(2);
-const usePM2 = args.includes('--pm2');
-const showHelp = args.includes('--help') || args.includes('-h');
-
-// Show help if requested
-if (showHelp) {
-  console.log(`
-ReactPress Client - Next.js-based frontend for ReactPress CMS
-
-Usage:
-  npx @fecommunity/reactpress-client [options]
-
-Options:
-  --pm2        Start client with PM2 process manager
-  --help, -h   Show this help message
-
-Examples:
-  npx @fecommunity/reactpress-client          # Start client normally
-  npx @fecommunity/reactpress-client --pm2    # Start client with PM2
-  npx @fecommunity/reactpress-client --help   # Show this help message
-  `);
-  process.exit(0);
-}
-
-// Get the directory where this script is located
-const binDir = __dirname;
-const clientDir = path.join(binDir, '..');
-const nextDir = path.join(clientDir, '.next');
-
-// Function to check if PM2 is installed
-function isPM2Installed() {
-  try {
-    require.resolve('pm2');
-    return true;
-  } catch (e) {
-    // Check if PM2 is installed globally
-    try {
-      spawnSync('pm2', ['--version'], { stdio: 'ignore' });
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-}
-
-// Function to install PM2
-function installPM2() {
-  console.log('[ReactPress Client] Installing PM2...');
-  const installResult = spawnSync('npm', ['install', 'pm2', '--no-save'], {
-    stdio: 'inherit',
-    cwd: clientDir
-  });
-  
-  if (installResult.status !== 0) {
-    console.error('[ReactPress Client] Failed to install PM2');
-    return false;
-  }
-  
-  return true;
-}
-
-// Function to start with PM2
-function startWithPM2() {
-  // Check if PM2 is installed
-  if (!isPM2Installed()) {
-    // Try to install PM2
-    if (!installPM2()) {
-      console.error('[ReactPress Client] Cannot start with PM2');
-      process.exit(1);
-    }
-  }
-  
-  // Check if the client is built
-  if (!fs.existsSync(nextDir)) {
-    console.log('[ReactPress Client] Client not built yet. Building...');
-    
-    // Try to build the client
-    const buildResult = spawnSync('npm', ['run', 'build'], {
-      stdio: 'inherit',
-      cwd: clientDir
-    });
-    
-    if (buildResult.status !== 0) {
-      console.error('[ReactPress Client] Failed to build client');
-      process.exit(1);
-    }
-  }
-  
-  console.log('[ReactPress Client] Starting with PM2...');
-  
-  // Use PM2 to start the Next.js production server
-  let pm2Command = 'pm2';
-  try {
-    // Try to resolve PM2 path
-    pm2Command = path.join(clientDir, 'node_modules', '.bin', 'pm2');
-    if (!fs.existsSync(pm2Command)) {
-      pm2Command = 'pm2';
-    }
-  } catch (e) {
-    pm2Command = 'pm2';
-  }
-  
-  // Start with PM2 using direct command
-  const pm2 = spawn(pm2Command, ['start', 'npm', '--name', 'reactpress-client', '--', 'run', 'start'], {
-    stdio: 'inherit',
-    cwd: clientDir
-  });
-  
-  pm2.on('close', (code) => {
-    console.log(`[ReactPress Client] PM2 process exited with code ${code}`);
-    process.exit(code);
-  });
-  
-  pm2.on('error', (error) => {
-    console.error('[ReactPress Client] Failed to start with PM2:', error);
-    process.exit(1);
-  });
-}
-
-// Function to start with regular Node.js (npm start)
-function startWithNode() {
-  // Check if the app is built
-  if (!fs.existsSync(nextDir)) {
-    console.log('[ReactPress Client] Client not built yet. Building...');
-    
-    // Try to build the client
-    const buildResult = spawnSync('npm', ['run', 'build'], {
-      stdio: 'inherit',
-      cwd: clientDir
-    });
-    
-    if (buildResult.status !== 0) {
-      console.error('[ReactPress Client] Failed to build client');
-      process.exit(1);
-    }
-  }
-
-  // ONLY set the environment variable if it's not already set
-  // This preserves the value set by set-env.js when running pnpm dev from root
-  if (!process.env.REACTPRESS_ORIGINAL_CWD) {
-    process.env.REACTPRESS_ORIGINAL_CWD = originalCwd;
-  } else {
-    console.log(`[ReactPress Client] Using existing REACTPRESS_ORIGINAL_CWD: ${process.env.REACTPRESS_ORIGINAL_CWD}`);
-  }
-
-  // Change to the client directory
-  process.chdir(clientDir);
-
-  // Start with npm start
-  console.log('[ReactPress Client] Starting with npm start...');
-  const npmStart = spawn('npm', ['start'], {
-    stdio: 'inherit',
-    cwd: clientDir
-  });
-
-  npmStart.on('close', (code) => {
-    console.log(`[ReactPress Client] npm start process exited with code ${code}`);
-    process.exit(code);
-  });
-
-  npmStart.on('error', (error) => {
-    console.error('[ReactPress Client] Failed to start with npm start:', error);
-    process.exit(1);
-  });
-}
-
-// Main execution
-if (usePM2) {
-  startWithPM2();
-} else {
-  startWithNode();
-}