frontend-hamroun 1.1.41 → 1.1.43

package/bin/cli.js

@@ -8,7 +8,6 @@ import { fileURLToPath } from 'url';
 import chalk from 'chalk';
 import { createSpinner } from 'nanospinner';
 import { createServer } from 'http';
-import * as esbuild from 'esbuild';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -16,56 +15,70 @@ const __dirname = path.dirname(__filename);
 async function createDevServer(options = {}) {
   const { port = 3000, isSSR = false } = options;
   
-  const ctx = await esbuild.context({
-    entryPoints: ['src/main.tsx'],
-    bundle: true,
-    outdir: 'dist',
-    format: 'esm',
-    platform: isSSR ? 'node' : 'browser',
-    sourcemap: true,
-    loader: { '.tsx': 'tsx', '.ts': 'tsx' },
-    jsxFactory: '_jsx',
-    jsxFragment: '_Fragment',
-    banner: {
-      js: `import { jsx as _jsx, Fragment as _Fragment } from 'frontend-hamroun';`,
-    }
-  });
-
-  await ctx.watch();
-
-  const server = createServer((req, res) => {
-    const url = new URL(req.url || '', `http://${req.headers.host}`);
+  try {
+    const esbuild = await import('esbuild');
     
-    if (url.pathname === '/') {
-      res.writeHead(200, { 'Content-Type': 'text/html' });
-      res.end(fs.readFileSync('index.html', 'utf8'));
-    } else if (url.pathname.endsWith('.js')) {
-      res.writeHead(200, { 'Content-Type': 'application/javascript' });
-      res.end(fs.readFileSync(path.join('dist', url.pathname), 'utf8'));
-    } else {
-      res.writeHead(404);
-      res.end();
-    }
-  });
-
-  server.listen(port);
-  console.log(chalk.green(`Development server running at http://localhost:${port}`));
-
-  return { server, ctx };
+    const ctx = await esbuild.context({
+      entryPoints: ['src/main.tsx'],
+      bundle: true,
+      outdir: 'dist',
+      format: 'esm',
+      platform: isSSR ? 'node' : 'browser',
+      sourcemap: true,
+      loader: { '.tsx': 'tsx', '.ts': 'tsx' },
+      jsxFactory: '_jsx',
+      jsxFragment: '_Fragment',
+      banner: {
+        js: `import { jsx as _jsx, Fragment as _Fragment } from 'frontend-hamroun';`,
+      }
+    });
+
+    await ctx.watch();
+
+    const server = createServer((req, res) => {
+      const url = new URL(req.url || '', `http://${req.headers.host}`);
+      
+      if (url.pathname === '/') {
+        res.writeHead(200, { 'Content-Type': 'text/html' });
+        res.end(fs.readFileSync('index.html', 'utf8'));
+      } else if (url.pathname.endsWith('.js')) {
+        res.writeHead(200, { 'Content-Type': 'application/javascript' });
+        res.end(fs.readFileSync(path.join('dist', url.pathname), 'utf8'));
+      } else {
+        res.writeHead(404);
+        res.end();
+      }
+    });
+
+    server.listen(port);
+    console.log(chalk.green(`Development server running at http://localhost:${port}`));
+
+    return { server, ctx };
+  } catch (error) {
+    console.error('Failed to load esbuild:', error);
+    throw error;
+  }
 }
 
 async function init() {
   const program = new Command();
 
   program
-    .name('create-frontend-app')
-    .description('Create a new Frontend Hamroun application')
+    .name('frontend-hamroun')
+    .description('Frontend Hamroun CLI')
+    .version('1.0.0');
+
+  // Create command
+  program
+    .command('create')
+    .description('Create a new project')
     .argument('[name]', 'Project name')
     .action(async (name) => {
       const projectName = name || await askProjectName();
       await createProject(projectName);
     });
 
+  // Dev command
   program
     .command('dev')
     .description('Start development server')
@@ -74,19 +87,27 @@ async function init() {
     .action(async (options) => {
       const spinner = createSpinner('Starting development server...').start();
       try {
-        await createDevServer({
+        const { server, ctx } = await createDevServer({
           port: parseInt(options.port),
           isSSR: options.ssr
         });
-        spinner.success({ text: 'Development server started' });
+        
+        spinner.success({ text: `Development server running at http://localhost:${options.port}` });
+
+        // Handle cleanup
+        process.on('SIGINT', async () => {
+          await ctx.dispose();
+          server.close();
+          process.exit(0);
+        });
       } catch (error) {
-        spinner.error({ text: chalk.red('Failed to start server') });
-        console.error(error);
+        spinner.error({ text: 'Failed to start development server' });
+        console.error(chalk.red(error));
         process.exit(1);
       }
     });
 
-  program.parse();
+  program.parse(process.argv);
 }
 
 async function askProjectName() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend-hamroun",
-  "version": "1.1.41",
+  "version": "1.1.43",
   "description": "A lightweight frontend framework with hooks and virtual DOM",
   "type": "module",
   "main": "./dist/index.js",
@@ -61,6 +61,7 @@
   "dependencies": {
     "chalk": "^5.3.0",
     "commander": "^11.0.0",
+    "esbuild": "^0.19.2",
     "fs-extra": "^11.1.1",
     "inquirer": "^9.2.10",
     "nanospinner": "^1.1.0"