frontend-hamroun 1.1.40 → 1.1.41

package/bin/cli.js

@@ -7,10 +7,53 @@ import path from 'path';
 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);
 
+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}`);
+    
+    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 };
+}
+
 async function init() {
   const program = new Command();
 
@@ -23,6 +66,26 @@ async function init() {
       await createProject(projectName);
     });
 
+  program
+    .command('dev')
+    .description('Start development server')
+    .option('-p, --port <port>', 'Port number', '3000')
+    .option('--ssr', 'Enable SSR mode')
+    .action(async (options) => {
+      const spinner = createSpinner('Starting development server...').start();
+      try {
+        await createDevServer({
+          port: parseInt(options.port),
+          isSSR: options.ssr
+        });
+        spinner.success({ text: 'Development server started' });
+      } catch (error) {
+        spinner.error({ text: chalk.red('Failed to start server') });
+        console.error(error);
+        process.exit(1);
+      }
+    });
+
   program.parse();
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend-hamroun",
-  "version": "1.1.40",
+  "version": "1.1.41",
   "description": "A lightweight frontend framework with hooks and virtual DOM",
   "type": "module",
   "main": "./dist/index.js",