baraqex 1.0.64 → 1.0.66

package/templates/wasm/package.json

@@ -1,25 +1,43 @@
-{
-  "name": "wasm-app",
-  "version": "1.0.0",
-  "description": "Frontend Hamroun WASM Application",
-  "main": "src/App.tsx",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "build:wasm": "cd wasm && set GOOS=js && set GOARCH=wasm && go build -o ../public/example.wasm main.go",
-    "copy:wasm-exec": "copy \"%GOROOT%\\misc\\wasm\\wasm_exec.js\" public\\",
-    "setup:wasm": "npm run copy:wasm-exec && npm run build:wasm",
-    "preview": "vite preview",
-    "type-check": "tsc --noEmit"
-  },
-  "dependencies": {
-    "frontend-hamroun": "^1.0.35" ,
-    "baraqex": "1.0.45"
-  },
-  "devDependencies": {
-    "@types/node": "^20.0.0",
-    "typescript": "^5.0.0",
-    "vite": "^5.0.0"
-  }
-}
+{
+  "name": "wwasm",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "description": "Frontend Hamroun + Go WebAssembly integration example",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "build:wasm": "node build-wasm.js",
+    "dev:wasm": "npm run build:wasm && npm run dev",
+    "build:go": "node build-wasm.js",
+    "clean": "rimraf dist public/*.wasm",
+    "test": "echo \"No tests specified\" && exit 0"
+  },
+  "dependencies": {
+    "baraqex": "^1.0.64",
+    "express": "^4.18.2",
+    "frontend-hamroun": "^1.2.80"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.17",
+    "@types/node": "^20.5.0",
+    "cross-env": "^7.0.3",
+    "esbuild": "^0.19.12",
+    "rimraf": "^5.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "keywords": [
+    "frontend-hamroun",
+    "webassembly",
+    "wasm",
+    "go",
+    "javascript",
+    "ssr",
+    "performance"
+  ]
+}

package/templates/wasm/public/wasm_exec.js

@@ -229,18 +229,7 @@
 						delete this._goRefCounts;
 						delete this._ids;
 						delete this._idPool;
-						
-						// Modified: Don't call process.exit in Node.js testing environment
-						// Instead, just call the exit handler and resolve the promise
-						if (typeof process !== 'undefined' && process.env && process.env.NODE_ENV !== 'production') {
-							// In development/testing, just log and continue
-							console.log('[WASM] Go program finished with exit code:', code);
-							this.exit(code);
-							this._resolveExitPromise();
-						} else {
-							// In production, call the original exit behavior
-							this.exit(code);
-						}
+						this.exit(code);
 					},
 
 					// func wasmWrite(fd uintptr, p unsafe.Pointer, n int32)

package/templates/wasm/server.ts

@@ -0,0 +1,145 @@
+import { createServer } from 'frontend-hamroun';
+import { loadGoWasmFromFile } from 'frontend-hamroun';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Create server instance
+const server = createServer({
+  port: 3000,
+  staticDir: './public',
+  pagesDir: './src/pages',
+  apiDir: './src/api'
+});
+
+// Server-side WASM integration example
+async function initServerWasm() {
+  try {
+    console.log('🔄 Initializing server-side Go WASM...');
+    
+    const wasmPath = path.join(__dirname, '..', 'public', 'example.wasm');
+    const wasmInstance = await loadGoWasmFromFile(wasmPath, {
+      debug: true,
+      onLoad: (instance) => {
+        console.log('✅ Go WASM loaded on server side');
+        
+        // Test server-side WASM functions
+        try {
+          if (instance.functions.add) {
+            const result = instance.functions.add(5, 3);
+            console.log('Server WASM test - add(5, 3):', result);
+          }
+          
+          if (instance.functions.fibonacci) {
+            const fibResult = instance.functions.fibonacci(10);
+            console.log('Server WASM test - fibonacci(10):', fibResult);
+          }
+        } catch (error) {
+          console.log('Server WASM test functions not available:', error.message);
+        }
+      }
+    });
+    
+    // Make WASM instance available to API routes
+    server.getExpressApp().locals.wasm = wasmInstance;
+    
+  } catch (error) {
+    console.error('❌ Failed to initialize server-side WASM:', error);
+  }
+}
+
+// API route example using server-side WASM
+server.getExpressApp().get('/api/wasm/compute', async (req, res) => {
+  try {
+    const { operation, a, b } = req.query;
+    const wasmInstance = req.app.locals.wasm;
+    
+    if (!wasmInstance) {
+      return res.status(500).json({ error: 'WASM not initialized' });
+    }
+    
+    let result;
+    switch (operation) {
+      case 'add':
+        if (wasmInstance.functions.add) {
+          result = wasmInstance.functions.add(Number(a), Number(b));
+        } else {
+          throw new Error('Add function not available');
+        }
+        break;
+      case 'fibonacci':
+        if (wasmInstance.functions.fibonacci) {
+          result = wasmInstance.functions.fibonacci(Number(a));
+        } else {
+          throw new Error('Fibonacci function not available');
+        }
+        break;
+      default:
+        throw new Error('Unknown operation');
+    }
+    
+    res.json({
+      success: true,
+      operation,
+      result,
+      serverTime: new Date().toISOString()
+    });
+  } catch (error) {
+    res.status(400).json({
+      success: false,
+      error: error.message
+    });
+  }
+});
+
+// Health check endpoint
+server.getExpressApp().get('/api/health', (req, res) => {
+  res.json({
+    status: 'healthy',
+    wasm: !!req.app.locals.wasm,
+    timestamp: new Date().toISOString()
+  });
+});
+
+// Start server
+async function startServer() {
+  try {
+    // Initialize WASM first
+    await initServerWasm();
+    
+    // Start the server
+    await server.start();
+    
+    console.log('🚀 Server started successfully!');
+    console.log('📋 Available endpoints:');
+    console.log('   • http://localhost:3000 - Main app');
+    console.log('   • http://localhost:3000/api/health - Health check');
+    console.log('   • http://localhost:3000/api/wasm/compute - WASM compute API');
+    console.log('');
+    console.log('💡 Example API calls:');
+    console.log('   • /api/wasm/compute?operation=add&a=5&b=3');
+    console.log('   • /api/wasm/compute?operation=fibonacci&a=10');
+    
+  } catch (error) {
+    console.error('❌ Failed to start server:', error);
+    process.exit(1);
+  }
+}
+
+// Graceful shutdown
+process.on('SIGTERM', async () => {
+  console.log('🛑 Received SIGTERM, shutting down gracefully...');
+  await server.stop();
+  process.exit(0);
+});
+
+process.on('SIGINT', async () => {
+  console.log('🛑 Received SIGINT, shutting down gracefully...');
+  await server.stop();
+  process.exit(0);
+});
+
+// Start the server
+startServer();

package/templates/wasm/vite.config.ts

@@ -2,37 +2,55 @@ import { defineConfig } from 'vite';
 import path from 'path';
 
 export default defineConfig({
-  esbuild: {
-    jsx: 'transform',
-    jsxFactory: 'jsx',
-    jsxFragment: 'Fragment',
-    jsxImportSource: 'frontend-hamroun',
+  resolve: {
+    alias: {
+      'frontend-hamroun': path.resolve(__dirname, 'node_modules/frontend-hamroun')
+    }
   },
-  optimizeDeps: {
-    include: ['frontend-hamroun'],
-    exclude: []
+  build: {
+    outDir: 'dist',
+    ssr: 'src/server.ts',
+    rollupOptions: {
+      input: {
+        client: './src/client.tsx',
+        server: './src/server.ts'
+      },
+      output: {
+        entryFileNames: '[name].js',
+        chunkFileNames: 'assets/[name]-[hash].js',
+        assetFileNames: 'assets/[name]-[hash].[ext]'
+      },
+      // Exclude WASM build script from hot reload and external dependencies
+      external: ['./build-wasm.js']
+    },
+    target: 'esnext'
+  },
+  esbuild: {
+    jsxFactory: '_jsx',
+    jsxFragment: '_Fragment',
+    jsxInject: `import { jsx as _jsx, Fragment as _Fragment } from 'frontend-hamroun'`
   },
   server: {
     fs: {
-      allow: ['..', '../..']
+      allow: ['..']
     },
     headers: {
-      'Cross-Origin-Embedder-Policy': 'require-corp',
-      'Cross-Origin-Opener-Policy': 'same-origin'
+      'Cross-Origin-Opener-Policy': 'same-origin',
+      'Cross-Origin-Embedder-Policy': 'require-corp'
+    },
+    watch: {
+      // Prevent watching go directory and wasm files to avoid infinite loops
+      ignored: [
+        '**/go/**',
+        '**/*.wasm',
+        '**/build-wasm.js',
+        '**/wasm_exec.js'
+      ]
     }
   },
-  build: {
-    target: 'esnext',
-    rollupOptions: {
-      output: {
-        format: 'es'
-      }
-    }
+  optimizeDeps: {
+    exclude: ['frontend-hamroun']
   },
-  resolve: {
-    alias: {
-      'frontend-hamroun/jsx-dev-runtime': 'frontend-hamroun',
-      'frontend-hamroun/jsx-runtime': 'frontend-hamroun'
-    }
-  }
+  // Prevent Vite from processing WASM files
+  assetsInclude: ['**/*.wasm']
 });