frontend-hamroun 1.1.41 → 1.1.42

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,42 +15,49 @@ 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() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend-hamroun",
-  "version": "1.1.41",
+  "version": "1.1.42",
   "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"