frontend-hamroun 1.2.70 → 1.2.72

package/package.json

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

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

@@ -9,7 +9,6 @@ This template demonstrates integration between Frontend Hamroun, Go WebAssembly,
 - ⚡ High-performance computation in both browser and server
 - 🚀 Same Go code runs in both environments
 - 🔍 SEO-friendly with pre-rendered HTML
-- 🧩 Example Go WASM modules and usage patterns
 
 ## Prerequisites
 
@@ -19,4 +18,21 @@ This template demonstrates integration between Frontend Hamroun, Go WebAssembly,
 ## 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

@@ -24,6 +24,14 @@ function checkGoInstallation() {
   }
 }
 
+// Ensure directory exists
+function ensureDir(dir) {
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, { recursive: true });
+    console.log(`Created directory: ${dir}`);
+  }
+}
+
 // Build Go WASM modules
 async function buildWasmModules() {
   // Check if Go is installed
@@ -37,10 +45,9 @@ async function buildWasmModules() {
   // Output directory for WASM files
   const wasmOutputDir = resolve(__dirname, 'public', 'wasm');
   
-  // Create output directory if it doesn't exist
-  if (!fs.existsSync(wasmOutputDir)) {
-    fs.mkdirSync(wasmOutputDir, { recursive: true });
-  }
+  // Create directories if they don't exist
+  ensureDir(goSourceDir);
+  ensureDir(wasmOutputDir);
   
   // Get the Go root directory
   const goRoot = execSync('go env GOROOT', { encoding: 'utf8' }).trim();
@@ -59,77 +66,12 @@ async function buildWasmModules() {
   fs.copyFileSync(wasmExecNodeJsPath, wasmExecNodeJsDest);
   
   // Build all Go files in the WASM directory
-  if (fs.existsSync(goSourceDir)) {
-    const goFiles = fs.readdirSync(goSourceDir)
-      .filter(file => file.endsWith('.go'));
-    
-    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());
-      }
-    }
-  } else {
-    console.log(`Go source directory ${goSourceDir} not found, creating it...`);
-    fs.mkdirSync(goSourceDir, { recursive: true });
+  const goFiles = fs.readdirSync(goSourceDir).filter(file => file.endsWith('.go'));
+  
+  if (goFiles.length === 0) {
+    console.log('No Go files found in src/wasm');
     
-    // Create an example Go file if the directory is empty
+    // Create an example Go file
     const exampleGoFile = join(goSourceDir, 'example.go');
     const exampleGoContent = `//go:build js && wasm
 // +build js,wasm
@@ -211,9 +153,80 @@ func main() {
     fs.writeFileSync(exampleGoFile, exampleGoContent);
     console.log(`Created example Go file at ${exampleGoFile}`);
     
-    // Build the example file
-    console.log('Building example Go file...');
-    buildWasmModules();
+    // Add the new file to the list
+    goFiles.push('example.go');
+  }
+  
+  // 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}`);
+    
+    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)) {
+        if (isWindows) {
+          // On Windows, we need to handle directory removal differently
+          execSync(`rmdir /s /q "${tempDir}"`, { shell: true });
+        } else {
+          fs.rmSync(tempDir, { recursive: true, force: true });
+        }
+      }
+      
+      // Create the temporary directory
+      ensureDir(tempDir);
+      
+      // 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
+      try {
+        if (isWindows) {
+          execSync(`rmdir /s /q "${tempDir}"`, { shell: true });
+        } else {
+          fs.rmSync(tempDir, { recursive: true, force: true });
+        }
+      } catch (cleanupError) {
+        console.warn(`Warning: Failed to clean up temp directory ${tempDir}:`, cleanupError);
+      }
+      
+      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());
+    }
   }
 }