frontend-hamroun 1.2.69 → 1.2.71

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend-hamroun",
-  "version": "1.2.69",
+  "version": "1.2.71",
   "description": "A lightweight full-stack JavaScript framework",
   "type": "module",
   "main": "./dist/index.js",

package/templates/go-wasm-app/README.md

@@ -0,0 +1,38 @@
+# Frontend Hamroun - Go WebAssembly Template with SSR
+
+This template demonstrates integration between Frontend Hamroun, Go WebAssembly, and Server-Side Rendering for high-performance web applications.
+
+## Features
+
+- 🔄 Go + WebAssembly integration
+- 🌐 Server-Side Rendering with client hydration
+- ⚡ High-performance computation in both browser and server
+- 🚀 Same Go code runs in both environments
+- 🔍 SEO-friendly with pre-rendered HTML
+
+## Prerequisites
+
+- [Node.js](https://nodejs.org/) (v14+)
+- [Go](https://golang.org/dl/) (v1.16+)
+
+## Getting Started
+
+1. Install dependencies:
+   ```
+   npm install
+   ```
+
+2. Start the development server:
+   ```
+   npm run dev
+   ```
+
+3. Open your browser and navigate to `http://localhost:3000`
+
+The development server includes:
+- Automatic WASM compilation from Go source
+- Server-side rendering with Express
+- Hot reloading of server code with Node's `--watch` flag
+- Client-side hydration for interactivity
+
+## Project Structure

package/templates/go-wasm-app/babel.config.js

@@ -0,0 +1,15 @@
+export default {
+  presets: [
+    ['@babel/preset-env', {
+      targets: {
+        node: 'current'
+      }
+    }]
+  ],
+  plugins: [
+    ['@babel/plugin-transform-react-jsx', {
+      pragma: 'createElement',
+      pragmaFrag: 'Fragment'
+    }]
+  ]
+};

package/templates/go-wasm-app/build-client.js

@@ -0,0 +1,49 @@
+import fs from 'fs-extra';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+// Get __dirname equivalent in ESM
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Output directory
+const outputDir = path.join(__dirname, 'dist');
+
+// Ensure output directory exists
+fs.ensureDirSync(outputDir);
+
+// Copy necessary files for production
+console.log('Copying files for production...');
+
+// Copy HTML template
+fs.copySync(path.join(__dirname, 'public', 'index.html'), path.join(outputDir, 'index.html'));
+
+// Copy WASM files
+const wasmDir = path.join(__dirname, 'public', 'wasm');
+const distWasmDir = path.join(outputDir, 'wasm');
+fs.ensureDirSync(distWasmDir);
+
+if (fs.existsSync(wasmDir)) {
+  fs.copySync(wasmDir, distWasmDir);
+  console.log('Copied WASM files to:', distWasmDir);
+} else {
+  console.warn('WASM directory not found:', wasmDir);
+}
+
+// Copy client.js for hydration
+const srcDir = path.join(__dirname, 'src');
+const distSrcDir = path.join(outputDir, 'src');
+fs.ensureDirSync(distSrcDir);
+fs.copySync(path.join(srcDir, 'client.js'), path.join(distSrcDir, 'client.js'));
+
+// Copy any other static assets
+const publicDir = path.join(__dirname, 'public');
+fs.readdirSync(publicDir).forEach(file => {
+  if (file !== 'index.html' && file !== 'wasm') {
+    const srcPath = path.join(publicDir, file);
+    const destPath = path.join(outputDir, file);
+    fs.copySync(srcPath, destPath);
+  }
+});
+
+console.log('Build completed successfully.');

package/templates/go-wasm-app/build-wasm.js

@@ -42,89 +42,49 @@ async function buildWasmModules() {
     fs.mkdirSync(wasmOutputDir, { recursive: true });
   }
   
+  // Create Go source directory if it doesn't exist
+  if (!fs.existsSync(goSourceDir)) {
+    fs.mkdirSync(goSourceDir, { recursive: true });
+    console.log(`Created Go source directory: ${goSourceDir}`);
+  }
+
   // Get the Go root directory
   const goRoot = execSync('go env GOROOT', { encoding: 'utf8' }).trim();
   
-  // Copy the wasm_exec.js file to the output directory
+  // Copy the wasm_exec.js files to the output directory (for both browser and Node.js)
   const wasmExecJsPath = join(goRoot, 'misc', 'wasm', 'wasm_exec.js');
   const wasmExecJsDest = join(wasmOutputDir, 'wasm_exec.js');
   
+  const wasmExecNodeJsPath = join(goRoot, 'misc', 'wasm', 'wasm_exec_node.js');
+  const wasmExecNodeJsDest = join(wasmOutputDir, 'wasm_exec_node.js');
+  
   console.log(`Copying ${wasmExecJsPath} to ${wasmExecJsDest}`);
   fs.copyFileSync(wasmExecJsPath, wasmExecJsDest);
   
-  // Build all Go files in the WASM directory
-  if (fs.existsSync(goSourceDir)) {
-    const goFiles = fs.readdirSync(goSourceDir)
-      .filter(file => file.endsWith('.go'));
+  // Copy Node.js WASM executor if it exists
+  if (fs.existsSync(wasmExecNodeJsPath)) {
+    console.log(`Copying ${wasmExecNodeJsPath} to ${wasmExecNodeJsDest}`);
+    fs.copyFileSync(wasmExecNodeJsPath, wasmExecNodeJsDest);
     
-    if (goFiles.length === 0) {
-      console.log('No Go files found in src/wasm');
-      return;
-    }
-    
-    for (const goFile of goFiles) {
-      const goFilePath = join(goSourceDir, goFile);
-      const wasmFileName = goFile.replace('.go', '.wasm');
-      const wasmFilePath = join(wasmOutputDir, wasmFileName);
-      
-      console.log(`Building ${goFile} to ${wasmFilePath}`);
-      
-      try {
-        // Create a unique temporary directory with timestamp
-        const timestamp = Date.now();
-        const tempDir = join(os.tmpdir(), `go-wasm-build-${timestamp}`);
-        
-        // Ensure the directory is clean (doesn't exist from previous builds)
-        if (fs.existsSync(tempDir)) {
-          fs.rmSync(tempDir, { recursive: true, force: true });
-        }
-        
-        fs.mkdirSync(tempDir, { recursive: true });
-        
-        // Copy the Go file to the temp directory
-        const tempGoFile = join(tempDir, goFile);
-        fs.copyFileSync(goFilePath, tempGoFile);
-        
-        // Initialize Go module
-        console.log(`Initializing Go module in ${tempDir}`);
-        execSync(`go mod init wasmapp`, { cwd: tempDir });
-        
-        // Build the WASM module with OS-specific command
-        if (isWindows) {
-          // Fix: Windows command without spaces in environment variables
-          // and using environment object instead of command-line args
-          execSync(`go build -o "${wasmFilePath}" "${tempGoFile}"`, {
-            cwd: tempDir,
-            env: {
-              ...process.env,
-              GOOS: 'js',
-              GOARCH: 'wasm'
-            }
-          });
-        } else {
-          // Unix/Linux/Mac command
-          execSync(`GOOS=js GOARCH=wasm go build -o "${wasmFilePath}" "${tempGoFile}"`, {
-            cwd: tempDir
-          });
-        }
-        
-        // Clean up temporary directory
-        fs.rmSync(tempDir, { recursive: true, force: true });
-        
-        console.log(`✓ Successfully built ${wasmFileName}`);
-      } catch (error) {
-        console.error(`✗ Error building ${goFile}:`);
-        console.error(error.message);
-        if (error.stdout) console.error(error.stdout.toString());
-        if (error.stderr) console.error(error.stderr.toString());
+    // Also try to copy the go_js_wasm_exec script that's needed in some Go versions
+    try {
+      const goJsWasmExecPath = join(goRoot, 'misc', 'wasm', 'go_js_wasm_exec');
+      if (fs.existsSync(goJsWasmExecPath)) {
+        const goJsWasmExecDest = join(wasmOutputDir, 'go_js_wasm_exec');
+        fs.copyFileSync(goJsWasmExecPath, goJsWasmExecDest);
+        fs.chmodSync(goJsWasmExecDest, '755'); // Make executable
+        console.log(`Copied go_js_wasm_exec to ${goJsWasmExecDest}`);
       }
+    } catch (error) {
+      console.warn("Could not copy go_js_wasm_exec:", error.message);
     }
   } else {
-    console.log(`Go source directory ${goSourceDir} not found, creating it...`);
-    fs.mkdirSync(goSourceDir, { recursive: true });
-    
-    // Create an example Go file if the directory is empty
-    const exampleGoFile = join(goSourceDir, 'example.go');
+    console.warn(`${wasmExecNodeJsPath} not found, skipping Node.js WASM support`);
+  }
+
+  // Create an example Go file if it doesn't exist
+  const exampleGoFile = join(goSourceDir, 'example.go');
+  if (!fs.existsSync(exampleGoFile)) {
     const exampleGoContent = `//go:build js && wasm
 // +build js,wasm
 
@@ -204,10 +164,72 @@ func main() {
     
     fs.writeFileSync(exampleGoFile, exampleGoContent);
     console.log(`Created example Go file at ${exampleGoFile}`);
+  }
+  
+  // Get list of Go files
+  const goFiles = fs.readdirSync(goSourceDir).filter(file => file.endsWith('.go'));
+  
+  if (goFiles.length === 0) {
+    console.log('No Go files found in src/wasm');
+    return;
+  }
+  
+  // Build each Go file
+  for (const goFile of goFiles) {
+    const goFilePath = join(goSourceDir, goFile);
+    const wasmFileName = goFile.replace('.go', '.wasm');
+    const wasmFilePath = join(wasmOutputDir, wasmFileName);
+    
+    console.log(`Building ${goFile} to ${wasmFilePath}`);
     
-    // Build the example file
-    console.log('Building example Go file...');
-    buildWasmModules();
+    try {
+      // Create a unique temporary directory with timestamp
+      const timestamp = Date.now();
+      const tempDir = join(os.tmpdir(), `go-wasm-build-${timestamp}`);
+      
+      // Ensure the directory is clean (doesn't exist from previous builds)
+      if (fs.existsSync(tempDir)) {
+        fs.rmSync(tempDir, { recursive: true, force: true });
+      }
+      
+      fs.mkdirSync(tempDir, { recursive: true });
+      
+      // Copy the Go file to the temp directory
+      const tempGoFile = join(tempDir, goFile);
+      fs.copyFileSync(goFilePath, tempGoFile);
+      
+      // Initialize Go module
+      console.log(`Initializing Go module in ${tempDir}`);
+      execSync(`go mod init wasmapp`, { cwd: tempDir });
+      
+      // Build the WASM module with OS-specific command
+      if (isWindows) {
+        // Fix: Use Windows-specific environment variable setting
+        execSync(`go build -o "${wasmFilePath}" "${tempGoFile}"`, {
+          cwd: tempDir,
+          env: {
+            ...process.env,
+            GOOS: 'js',
+            GOARCH: 'wasm'
+          }
+        });
+      } else {
+        // Unix/Linux/Mac command
+        execSync(`GOOS=js GOARCH=wasm go build -o "${wasmFilePath}" "${tempGoFile}"`, {
+          cwd: tempDir
+        });
+      }
+      
+      // Clean up temporary directory
+      fs.rmSync(tempDir, { recursive: true, force: true });
+      
+      console.log(`✓ Successfully built ${wasmFileName}`);
+    } catch (error) {
+      console.error(`✗ Error building ${goFile}:`);
+      console.error(error.message);
+      if (error.stdout) console.error(error.stdout.toString());
+      if (error.stderr) console.error(error.stderr.toString());
+    }
   }
 }