frontend-hamroun 1.1.33 → 1.1.34

package/package.json

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

package/templates/basic-app/package.json

@@ -4,15 +4,22 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "node dev.js",
-    "build": "node build.js",
-    "serve": "esbuild --serve=3000 --servedir=."
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "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",
+    "vite": "^4.4.9",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3"
   }
 }

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');

package/templates/ssr-template/build.js

@@ -1,44 +0,0 @@
-import * as esbuild from 'esbuild';
-
-// Build client
-await esbuild.build({
-  entryPoints: ['src/client.tsx'],
-  bundle: true,
-  outfile: 'dist/client.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';`,
-  },
-});
-
-// Build server
-await esbuild.build({
-  entryPoints: ['src/server.ts'],
-  bundle: true,
-  outfile: 'dist/server.js',
-  format: 'esm',
-  platform: 'node',
-  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';`,
-  },
-  external: ['express', 'frontend-hamroun'],
-});
-
-console.log('Build complete');

package/templates/ssr-template/dev.js

@@ -1,24 +0,0 @@
-import * as esbuild from 'esbuild';
-
-const ctx = await esbuild.context({
-  entryPoints: ['src/client.tsx', 'src/server.ts'],
-  bundle: true,
-  outdir: 'dist',
-  format: 'esm',
-  platform: 'node',
-  sourcemap: true,
-  loader: {
-    '.tsx': 'tsx',
-    '.ts': 'tsx',
-  },
-  jsxFactory: '_jsx',
-  jsxFragment: '_Fragment',
-  banner: {
-    js: `import { jsx as _jsx, Fragment as _Fragment } from 'frontend-hamroun';`,
-  },
-  external: ['express', 'frontend-hamroun'],
-});
-
-await ctx.watch();
-
-console.log('Watching for changes...');