frontend-hamroun 1.1.90 → 1.2.0

package/bin/cli.js

@@ -1,371 +0,0 @@
-#!/usr/bin/env node
-
-import { Command } from 'commander';
-import inquirer from 'inquirer';
-import fs from 'fs-extra';
-import path from 'path';
-import { fileURLToPath } from 'url';
-import chalk from 'chalk';
-import { createSpinner } from 'nanospinner';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Component templates
-const FUNCTION_COMPONENT_TEMPLATE = (name) => `import { useState, useEffect } from 'frontend-hamroun';
-
-export function ${name}(props) {
-  // State hooks
-  const [state, setState] = useState(null);
-
-  // Effect hooks
-  useEffect(() => {
-    // Component mounted
-    return () => {
-      // Component will unmount
-    };
-  }, []);
-
-  return (
-    <div className="${name.toLowerCase()}">
-      <h2>${name} Component</h2>
-      {/* Your JSX here */}
-    </div>
-  );
-}
-`;
-
-const CSS_TEMPLATE = (name) => `.${name.toLowerCase()} {
-  display: flex;
-  flex-direction: column;
-  padding: 1rem;
-  margin: 0.5rem;
-  border-radius: 4px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-`;
-
-const TEST_TEMPLATE = (name) => `import { render, screen } from '@testing-library/frontend-hamroun';
-import { ${name} } from './${name}';
-
-describe('${name} Component', () => {
-  test('renders correctly', () => {
-    render(<${name} />);
-    const element = screen.getByText('${name} Component');
-    expect(element).toBeInTheDocument();
-  });
-});
-`;
-
-// Dockerfile templates
-const DOCKERFILE_TEMPLATE = `# Stage 1: Build the application
-FROM node:18-alpine as build
-
-# Set working directory
-WORKDIR /app
-
-# Copy package files
-COPY package.json package-lock.json ./
-
-# Install dependencies
-RUN npm ci
-
-# Copy source files
-COPY . .
-
-# Build the application
-RUN npm run build
-
-# Stage 2: Serve the application
-FROM nginx:alpine
-
-# Copy the build output from the previous stage
-COPY --from=build /app/dist /usr/share/nginx/html
-
-# Expose port 80
-EXPOSE 80
-
-# Start nginx
-CMD ["nginx", "-g", "daemon off;"]
-`;
-
-const SSR_DOCKERFILE_TEMPLATE = `# Stage 1: Build the application
-FROM node:18-alpine as build
-
-# Set working directory
-WORKDIR /app
-
-# Copy package files
-COPY package.json package-lock.json ./
-
-# Install dependencies
-RUN npm ci
-
-# Copy source files
-COPY . .
-
-# Build the application
-RUN npm run build
-
-# Stage 2: Run the server
-FROM node:18-alpine
-
-WORKDIR /app
-
-# Copy package files and install production dependencies only
-COPY package.json package-lock.json ./
-RUN npm ci --production
-
-# Copy build artifacts
-COPY --from=build /app/dist ./dist
-COPY --from=build /app/server ./server
-
-# Expose port 3000
-EXPOSE 3000
-
-# Start the server
-CMD ["node", "server/index.js"]
-`;
-
-async function init() {
-  const program = new Command();
-
-  program
-    .name('frontend-hamroun')
-    .description('CLI for Frontend Hamroun framework')
-    .version('1.0.0');
-
-  // Create new project
-  program
-    .command('create')
-    .description('Create a new Frontend Hamroun application')
-    .argument('[name]', 'Project name')
-    .action(async (name) => {
-      const projectName = name || await askProjectName();
-      await createProject(projectName);
-    });
-
-  // Generate component
-  program
-    .command('generate')
-    .alias('g')
-    .description('Generate a new component')
-    .argument('<name>', 'Component name')
-    .option('-d, --directory <directory>', 'Target directory', './src/components')
-    .action(async (name, options) => {
-      await generateComponent(name, options.directory);
-    });
-
-  // Add Dockerfile
-  program
-    .command('docker')
-    .description('Add Dockerfile to project')
-    .option('-s, --ssr', 'Use SSR-compatible Dockerfile')
-    .action(async (options) => {
-      await addDockerfile(options.ssr);
-    });
-
-  // Interactive mode if no command provided
-  if (process.argv.length <= 2) {
-    await interactiveMode();
-  } else {
-    program.parse();
-  }
-}
-
-async function interactiveMode() {
-  const { action } = await inquirer.prompt([{
-    type: 'list',
-    name: 'action',
-    message: 'What would you like to do?',
-    choices: [
-      { name: 'Create a new project', value: 'create' },
-      { name: 'Generate a component', value: 'generate' },
-      { name: 'Add Dockerfile to project', value: 'docker' }
-    ]
-  }]);
-
-  if (action === 'create') {
-    const projectName = await askProjectName();
-    await createProject(projectName);
-  } else if (action === 'generate') {
-    const { name } = await inquirer.prompt([{
-      type: 'input',
-      name: 'name',
-      message: 'Component name:',
-      validate: (input) => input ? true : 'Component name is required'
-    }]);
-    
-    const { directory } = await inquirer.prompt([{
-      type: 'input',
-      name: 'directory',
-      message: 'Target directory:',
-      default: './src/components'
-    }]);
-    
-    await generateComponent(name, directory);
-  } else if (action === 'docker') {
-    const { isSSR } = await inquirer.prompt([{
-      type: 'confirm',
-      name: 'isSSR',
-      message: 'Is this a server-side rendered app?',
-      default: false
-    }]);
-    
-    await addDockerfile(isSSR);
-  }
-}
-
-async function askProjectName() {
-  const { projectName } = await inquirer.prompt([{
-    type: 'input',
-    name: 'projectName',
-    message: 'What is your project named?',
-    default: 'my-frontend-app'
-  }]);
-  return projectName;
-}
-
-async function askProjectType() {
-  const { template } = await inquirer.prompt([{
-    type: 'list',
-    name: 'template',
-    message: 'Select project type:',
-    choices: [
-      { name: 'Client Side App', value: 'basic-app' },
-      { name: 'Server Side Rendered App', value: 'ssr-template' }
-    ]
-  }]);
-  return template;
-}
-
-async function createProject(projectName) {
-  const spinner = createSpinner('Creating project...').start();
-
-  try {
-    const template = await askProjectType();
-    const templateDir = path.join(__dirname, '..', 'templates', template);
-    const targetDir = path.join(process.cwd(), projectName);
-
-    // Create project directory
-    await fs.ensureDir(targetDir);
-
-    // Copy template files
-    await fs.copy(templateDir, targetDir);
-
-    // Update package.json
-    const pkgPath = path.join(targetDir, 'package.json');
-    const pkg = await fs.readJson(pkgPath);
-    pkg.name = projectName;
-    await fs.writeJson(pkgPath, pkg, { spaces: 2 });
-
-    // Automatically add Dockerfile
-    const isSSR = template === 'ssr-template';
-    const dockerContent = isSSR ? SSR_DOCKERFILE_TEMPLATE : DOCKERFILE_TEMPLATE;
-    await fs.writeFile(path.join(targetDir, 'Dockerfile'), dockerContent);
-
-    spinner.success({ text: `Project ${chalk.green(projectName)} created successfully with Dockerfile!` });
-
-    // Show next steps
-    console.log('\nNext steps:');
-    console.log(chalk.cyan(`  cd ${projectName}`));
-    console.log(chalk.cyan('  npm install'));
-    console.log(chalk.cyan('  npm run dev'));
-    console.log(chalk.yellow('\nTo build Docker image:'));
-    console.log(chalk.cyan('  docker build -t my-app .'));
-    console.log(chalk.cyan('  docker run -p 3000:' + (isSSR ? '3000' : '80') + ' my-app'));
-
-  } catch (error) {
-    spinner.error({ text: 'Failed to create project' });
-    console.error(chalk.red(error));
-    process.exit(1);
-  }
-}
-
-async function generateComponent(name, directory) {
-  const spinner = createSpinner(`Generating ${name} component...`).start();
-
-  try {
-    const targetDir = path.join(process.cwd(), directory, name);
-    
-    // Create component directory
-    await fs.ensureDir(targetDir);
-    
-    // Create component files
-    await fs.writeFile(
-      path.join(targetDir, `${name}.jsx`),
-      FUNCTION_COMPONENT_TEMPLATE(name)
-    );
-    
-    await fs.writeFile(
-      path.join(targetDir, `${name}.css`),
-      CSS_TEMPLATE(name)
-    );
-    
-    await fs.writeFile(
-      path.join(targetDir, `${name}.test.jsx`),
-      TEST_TEMPLATE(name)
-    );
-    
-    await fs.writeFile(
-      path.join(targetDir, 'index.js'),
-      `export { ${name} } from './${name}';\n`
-    );
-    
-    spinner.success({ text: `Component ${chalk.green(name)} generated successfully!` });
-    
-    console.log('\nFiles created:');
-    console.log(chalk.cyan(`  ${path.join(directory, name, `${name}.jsx`)}`));
-    console.log(chalk.cyan(`  ${path.join(directory, name, `${name}.css`)}`));
-    console.log(chalk.cyan(`  ${path.join(directory, name, `${name}.test.jsx`)}`));
-    console.log(chalk.cyan(`  ${path.join(directory, name, 'index.js')}`));
-    
-  } catch (error) {
-    spinner.error({ text: 'Failed to generate component' });
-    console.error(chalk.red(error));
-    process.exit(1);
-  }
-}
-
-async function addDockerfile(isSSR) {
-  const spinner = createSpinner('Adding Dockerfile...').start();
-  
-  try {
-    const dockerContent = isSSR ? SSR_DOCKERFILE_TEMPLATE : DOCKERFILE_TEMPLATE;
-    const targetPath = path.join(process.cwd(), 'Dockerfile');
-    
-    // Check if Dockerfile already exists
-    if (await fs.pathExists(targetPath)) {
-      spinner.stop();
-      const { overwrite } = await inquirer.prompt([{
-        type: 'confirm',
-        name: 'overwrite',
-        message: 'Dockerfile already exists. Overwrite?',
-        default: false
-      }]);
-      
-      if (!overwrite) {
-        console.log(chalk.yellow('Operation cancelled.'));
-        return;
-      }
-      
-      spinner.start();
-    }
-    
-    // Write Dockerfile
-    await fs.writeFile(targetPath, dockerContent);
-    
-    spinner.success({ text: 'Dockerfile added successfully!' });
-    
-    console.log('\nTo build and run Docker image:');
-    console.log(chalk.cyan('  docker build -t my-app .'));
-    console.log(chalk.cyan('  docker run -p 3000:' + (isSSR ? '3000' : '80') + ' my-app'));
-    
-  } catch (error) {
-    spinner.error({ text: 'Failed to add Dockerfile' });
-    console.error(chalk.red(error));
-    process.exit(1);
-  }
-}
-
-init().catch(console.error);