frontend-hamroun 1.1.33 → 1.1.35

package/package.json

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

package/templates/basic-app/esbuild.config.js

@@ -0,0 +1,28 @@
+import * as esbuild from 'esbuild';
+
+const isWatch = process.argv.includes('--watch');
+
+const config = {
+  entryPoints: ['src/main.tsx'],
+  bundle: true,
+  outfile: 'dist/bundle.js',
+  loader: { '.tsx': 'tsx' },
+  jsxFactory: 'createElement',
+  jsxFragment: 'null',
+  platform: 'browser',
+  target: 'es2020',
+  minify: true,
+  inject: ['./src/jsx-shim.ts'],
+  define: {
+    'Fragment': 'null'
+  }
+};
+
+if (isWatch) {
+  const ctx = await esbuild.context(config);
+  await ctx.watch();
+  console.log('Watching...');
+} else {
+  await esbuild.build(config);
+  console.log('Build complete');
+}

package/templates/basic-app/package.json

@@ -1,18 +1,24 @@
 {
-  "name": "my-app",
+  "name": "esbuild",
   "private": true,
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "node dev.js",
-    "build": "node build.js",
-    "serve": "esbuild --serve=3000 --servedir=."
+    "dev": "node server.js",
+    "build": "node esbuild.config.js",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:fix": "eslint src --ext ts,tsx --fix"
   },
   "dependencies": {
     "frontend-hamroun": "latest"
   },
   "devDependencies": {
-    "esbuild": "^0.19.0",
-    "typescript": "^5.0.0"
+    "typescript": "^5.0.0",
+    "esbuild": "^0.19.2",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "live-server": "^1.2.2"
   }
 }

package/templates/basic-app/server.js

@@ -0,0 +1,27 @@
+import { spawn } from 'child_process';
+import liveServer from 'live-server';
+
+// Start esbuild in watch mode
+const esbuild = spawn('node', ['esbuild.config.js', '--watch'], {
+  stdio: 'inherit'
+});
+
+// Start live-server
+const params = {
+  port: 8080,
+  host: "0.0.0.0",
+  root: ".",
+  open: true,
+  wait: 1000,
+  logLevel: 2
+};
+
+liveServer.start(params);
+
+// Handle process termination
+// eslint-disable-next-line no-undef
+process.on('SIGTERM', () => {
+  esbuild.kill();
+  // eslint-disable-next-line no-undef
+  process.exit();
+});

package/templates/ssr-template/package.json

@@ -1,11 +1,13 @@
 {
-  "name": "ssr-app",
+  "name": "ssr-version",
   "private": true,
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "node dev.js",
-    "build": "node build.js",
+    "dev": "vite",
+    "build:client": "vite build",
+    "build:server": "vite build --ssr",
+    "build": "npm run build:client && npm run build:server",
     "start": "node dist/server.js"
   },
   "dependencies": {
@@ -13,9 +15,9 @@
     "frontend-hamroun": "latest"
   },
   "devDependencies": {
-    "esbuild": "^0.19.0",
     "@types/express": "^4.17.17",
     "@types/node": "^20.5.0",
-    "typescript": "^5.0.0"
+    "typescript": "^5.0.0",
+    "vite": "^4.4.9"
   }
 }

package/templates/basic-app/build.js

@@ -1,22 +0,0 @@
-import * as esbuild from 'esbuild';
-
-await esbuild.build({
-  entryPoints: ['src/main.tsx'],
-  bundle: true,
-  outfile: 'dist/bundle.js',
-  format: 'esm',
-  platform: 'browser',
-  minify: true,
-  sourcemap: true,
-  loader: {
-    '.tsx': 'tsx',
-    '.ts': 'tsx',
-  },
-  jsxFactory: '_jsx',
-  jsxFragment: '_Fragment',
-  banner: {
-    js: `import { jsx as _jsx, Fragment as _Fragment } from 'frontend-hamroun';`,
-  },
-});
-
-console.log('Build complete');

package/templates/basic-app/dev.js

@@ -1,27 +0,0 @@
-import * as esbuild from 'esbuild';
-
-const ctx = await esbuild.context({
-  entryPoints: ['src/main.tsx'],
-  bundle: true,
-  outfile: 'dist/bundle.js',
-  format: 'esm',
-  platform: '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();
-await ctx.serve({
-  servedir: '.',
-  port: 3000,
-});
-
-console.log('Development server running on http://localhost:3000');