frontend-hamroun 1.2.10 → 1.2.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend-hamroun",
-  "version": "1.2.10",
+  "version": "1.2.11",
   "description": "A lightweight frontend and backend framework for building modern web applications",
   "type": "module",
   "main": "dist/frontend-hamroun.umd.js",

package/scripts/build-cli.js

@@ -733,3 +733,38 @@ export default defineConfig({
   
   console.log(`✅ Created minimal basic template at ${templateDir}`);
 }
+
+// Create React compatibility shims
+function createTemplateShims(templateDir) {
+  // Create src directory if it doesn't exist
+  const srcDir = path.join(templateDir, 'src');
+  if (!fs.existsSync(srcDir)) {
+    fs.mkdirSync(srcDir, { recursive: true });
+  }
+  
+  // Create shims.ts file for React JSX compatibility
+  fs.writeFileSync(
+    path.join(srcDir, 'shims.ts'),
+    `// This file provides compatibility shims for React JSX imports
+
+import { jsx } from 'frontend-hamroun';
+
+// Export the jsx function as jsxDEV for React compatibility
+export const jsxDEV = jsx;
+
+// Export a Fragment symbol
+export const Fragment = Symbol('Fragment');
+
+// Default export as React compatibility layer
+export default {
+  createElement: jsx,
+  Fragment
+};
+`
+  );
+  
+  console.log(`✅ Created React compatibility shims in ${templateDir}`);
+}
+
+// Call this function when creating templates
+// ...existing code...

package/templates/basic-app/src/shims.ts

@@ -0,0 +1,9 @@
+// This file provides compatibility shims for React JSX imports
+
+import { jsx } from 'frontend-hamroun';
+
+// Export the jsx function as jsxDEV for React compatibility
+export const jsxDEV = jsx;
+
+// Export a Fragment symbol
+export const Fragment = Symbol('Fragment');

package/templates/basic-app/vite.config.ts

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import { nodePolyfills } from 'vite-plugin-node-polyfills';
+import path from 'path';
 
 export default defineConfig({
   build: {
@@ -48,10 +49,10 @@ export default defineConfig({
       'jsonwebtoken': 'frontend-hamroun',
       'mongoose': 'frontend-hamroun',
       // Alias React imports to empty modules
-      'react': 'frontend-hamroun',
+      'react': path.resolve(__dirname, 'src/shims.ts'),
       'react-dom': 'frontend-hamroun',
-      'react/jsx-runtime': 'frontend-hamroun',
-      'react/jsx-dev-runtime': 'frontend-hamroun'
+      'react/jsx-runtime': path.resolve(__dirname, 'src/shims.ts'),
+      'react/jsx-dev-runtime': path.resolve(__dirname, 'src/shims.ts')
     }
   }
 });

package/templates/full-stack/src/shims.ts

@@ -0,0 +1,9 @@
+// This file provides compatibility shims for React JSX imports
+
+import { jsx } from 'frontend-hamroun';
+
+// Export the jsx function as jsxDEV for React compatibility
+export const jsxDEV = jsx;
+
+// Export a Fragment symbol
+export const Fragment = Symbol('Fragment');

package/templates/full-stack/vite.config.ts

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import { nodePolyfills } from 'vite-plugin-node-polyfills';
+import path from 'path';
 
 export default defineConfig({
   esbuild: {
@@ -74,7 +75,11 @@ export default defineConfig({
   resolve: {
     alias: {
       '@mswjs/interceptors/presets/node': { find: /^@mswjs\/interceptors\/presets\/node/, replacement: '{}' },
-      './util/nw-pre-gyp/index.html': { find: './util/nw-pre-gyp/index.html', replacement: '{}' }
+      './util/nw-pre-gyp/index.html': { find: './util/nw-pre-gyp/index.html', replacement: '{}' },
+      'react/jsx-runtime': path.resolve(__dirname, 'src/shims.ts'),
+      'react/jsx-dev-runtime': path.resolve(__dirname, 'src/shims.ts'),
+      'react': path.resolve(__dirname, 'src/shims.ts'),
+      'react-dom': 'frontend-hamroun'
     }
   }
 });