frontend-hamroun 1.0.0 → 1.0.1

package/bin/cli.js

@@ -0,0 +1,109 @@
+#!/usr/bin/env node
+
+import { program } from 'commander';
+import inquirer from 'inquirer';
+import chalk from 'chalk';
+import fs from 'fs-extra';
+import path from 'path';
+import { createSpinner } from 'nanospinner';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const CHOICES = {
+  SPA: 'Single Page Application',
+  COMPONENT: 'Component Library'
+};
+
+async function createProject(projectName, options) {
+  const spinner = createSpinner('Creating project...').start();
+  
+  try {
+    // Validate project name
+    if (!projectName) {
+      spinner.error({ text: 'Project name is required' });
+      process.exit(1);
+    }
+
+    const targetDir = path.join(process.cwd(), projectName);
+
+    // Check if directory exists
+    if (fs.existsSync(targetDir)) {
+      spinner.error({ text: 'Directory already exists!' });
+      process.exit(1);
+    }
+
+    // Get template path
+    const templatePath = path.join(__dirname, '../templates', options.template.toLowerCase());
+    
+    // Ensure template exists
+    if (!fs.existsSync(templatePath)) {
+      spinner.error({ text: 'Template not found!' });
+      process.exit(1);
+    }
+
+    // Copy template
+    await fs.copy(templatePath, targetDir);
+
+    // Update package.json
+    const packageJsonPath = path.join(targetDir, 'package.json');
+    const packageJson = await fs.readJson(packageJsonPath);
+    packageJson.name = projectName;
+    await fs.writeJson(packageJsonPath, packageJson, { spaces: 2 });
+
+    spinner.success({ text: `Project ${chalk.green(projectName)} created successfully!` });
+    
+    console.log('\nNext steps:');
+    console.log(`  cd ${projectName}`);
+    console.log('  npm install');
+    console.log('  npm run dev\n');
+
+  } catch (error) {
+    spinner.error({ text: `Error: ${error.message}` });
+    process.exit(1);
+  }
+}
+
+program
+  .name('frontend-hamroun')
+  .description('CLI for Frontend Hamroun Framework')
+  .version('1.0.0');
+
+program
+  .command('create <project-name>')
+  .description('Create a new project')
+  .action(async (projectName) => {
+    const answers = await inquirer.prompt([
+      {
+        type: 'list',
+        name: 'template',
+        message: 'What type of project do you want to create?',
+        choices: Object.values(CHOICES)
+      }
+    ]);
+
+    await createProject(projectName, {
+      template: answers.template === CHOICES.SPA ? 'spa' : 'component'
+    });
+  });
+
+program
+  .command('dev')
+  .description('Start development server')
+  .action(() => {
+    const spinner = createSpinner('Starting development server...').start();
+    // Add dev server logic here
+    spinner.success({ text: 'Development server started on http://localhost:3000' });
+  });
+
+program
+  .command('build')
+  .description('Build for production')
+  .action(() => {
+    const spinner = createSpinner('Building for production...').start();
+    // Add build logic here
+    spinner.success({ text: 'Build complete!' });
+  });
+
+program.parse();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend-hamroun",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A lightweight frontend framework with hooks and virtual DOM",
   "type": "module",
   "main": "dist/index.js",
@@ -9,7 +9,9 @@
   "files": [
     "dist",
     "README.md",
-    "LICENSE"
+    "LICENSE",
+    "bin",
+    "templates"
   ],
   "exports": {
     ".": {
@@ -18,6 +20,10 @@
       "types": "./dist/index.d.ts"
     }
   },
+  "bin": {
+    "frontend-hamroun": "./bin/cli.js",
+    "create-frontend-app": "./bin/cli.js"
+  },
   "scripts": {
     "build": "vite build && tsc --emitDeclarationOnly",
     "clean": "node -e \"if(require('fs').existsSync('dist')) require('fs').rmSync('dist',{recursive:true})\"",
@@ -41,7 +47,13 @@
     "@vitejs/plugin-react": "^4.0.4",
     "typescript": "^5.0.0",
     "vite": "^4.4.9",
-    "vitest": "^0.34.0"
+    "vitest": "^0.34.0",
+    "nanospinner": "^1.1.0",
+    "chalk": "^5.3.0",
+    "commander": "^11.0.0",
+    "inquirer": "^9.2.10",
+    "fs-extra": "^11.1.1",
+    "ora": "^7.0.1"
   },
   "publishConfig": {
     "access": "public"

package/templates/spa/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Frontend Hamroun App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/templates/spa/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "frontend-app",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "frontend-hamroun": "^1.0.0"
+  },
+  "devDependencies": {
+    "vite": "^4.4.9",
+    "typescript": "^5.0.0"
+  }
+}

package/templates/spa/src/App.ts

@@ -0,0 +1,26 @@
+import { useState } from 'frontend-hamroun';
+
+export default function App() {
+  const [count, setCount] = useState(0);
+
+  return {
+    type: 'div',
+    props: {
+      children: [
+        {
+          type: 'h1',
+          props: {
+            children: 'Frontend Hamroun App'
+          }
+        },
+        {
+          type: 'button',
+          props: {
+            onClick: () => setCount(count + 1),
+            children: `Count: ${count}`
+          }
+        }
+      ]
+    }
+  };
+}

package/templates/spa/src/main.ts

@@ -0,0 +1,4 @@
+import { render } from 'frontend-hamroun';
+import App from './App';
+
+render(App(), document.getElementById('app')!);