frontend-hamroun 1.2.80 → 1.2.83

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

@@ -1,38 +0,0 @@
-# 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

@@ -1,15 +0,0 @@
-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

@@ -1,49 +0,0 @@
-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

@@ -1,237 +0,0 @@
-import { execSync } from 'child_process';
-import { fileURLToPath } from 'url';
-import { dirname, resolve, join } from 'path';
-import fs from 'fs';
-import os from 'os';
-
-// Get __dirname equivalent in ESM
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-// Check if running on Windows
-const isWindows = os.platform() === 'win32';
-
-// Check if Go is installed
-function checkGoInstallation() {
-  try {
-    const output = execSync('go version', { encoding: 'utf8' });
-    console.log(`✓ Found Go: ${output.trim()}`);
-    return true;
-  } catch (error) {
-    console.error('✗ Go is not installed or not in PATH');
-    console.error('Please install Go from https://golang.org/dl/');
-    return false;
-  }
-}
-
-// 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
-  if (!checkGoInstallation()) {
-    process.exit(1);
-  }
-
-  // Directory containing Go source files
-  const goSourceDir = resolve(__dirname, 'src', 'wasm');
-  
-  // Output directory for WASM files
-  const wasmOutputDir = resolve(__dirname, 'public', 'wasm');
-  
-  // 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();
-  
-  // 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);
-  
-  console.log(`Copying ${wasmExecNodeJsPath} to ${wasmExecNodeJsDest}`);
-  fs.copyFileSync(wasmExecNodeJsPath, wasmExecNodeJsDest);
-  
-  // Build all Go files in the WASM directory
-  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
-    const exampleGoFile = join(goSourceDir, 'example.go');
-    const exampleGoContent = `//go:build js && wasm
-// +build js,wasm
-
-package main
-
-import (
-	"encoding/json"
-	"fmt"
-	"syscall/js"
-)
-
-// Example Go function to be called from JavaScript
-func add(this js.Value, args []js.Value) interface{} {
-	if len(args) != 2 {
-		return js.ValueOf("Error: Expected two arguments")
-	}
-	
-	a := args[0].Int()
-	b := args[1].Int()
-	return js.ValueOf(a + b)
-}
-
-// Process complex data in Go
-func processData(this js.Value, args []js.Value) interface{} {
-	if len(args) == 0 {
-		return js.ValueOf("Error: Expected at least one argument")
-	}
-
-	// Get input data
-	data := args[0]
-	if data.Type() != js.TypeObject {
-		return js.ValueOf("Error: Expected JSON object")
-	}
-
-	// Convert JS object to Go map
-	jsonStr := js.Global().Get("JSON").Call("stringify", data).String()
-	var inputMap map[string]interface{}
-	if err := json.Unmarshal([]byte(jsonStr), &inputMap); err != nil {
-		return js.ValueOf(fmt.Sprintf("Error parsing JSON: %s", err.Error()))
-	}
-
-	// Add new fields
-	inputMap["processed"] = true
-	inputMap["processor"] = "Go WASM"
-
-	// Add some computed fields
-	if values, ok := inputMap["values"].([]interface{}); ok {
-		sum := 0.0
-		for _, v := range values {
-			if num, ok := v.(float64); ok {
-				sum += num
-			}
-		}
-		inputMap["sum"] = sum
-	}
-
-	// Convert back to JS
-	resultJSON, err := json.Marshal(inputMap)
-	if err != nil {
-		return js.ValueOf(fmt.Sprintf("Error generating JSON: %s", err.Error()))
-	}
-
-	return js.ValueOf(string(resultJSON))
-}
-
-func main() {
-	fmt.Println("Go WASM Module initialized")
-	
-	// Register functions to be callable from JavaScript
-	js.Global().Set("goAdd", js.FuncOf(add))
-	js.Global().Set("goProcessData", js.FuncOf(processData))
-	
-	// Keep the program running
-	<-make(chan bool)
-}
-`;
-    
-    fs.writeFileSync(exampleGoFile, exampleGoContent);
-    console.log(`Created example Go file at ${exampleGoFile}`);
-    
-    // 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());
-    }
-  }
-}
-
-// Run the build process
-buildWasmModules().catch(error => {
-  console.error('Build failed:', error);
-  process.exit(1);
-});

package/templates/go-wasm-app/package.json

@@ -1,23 +0,0 @@
-{
-  "name": "go-wasm-app",
-  "version": "1.0.0",
-  "description": "WebAssembly integration with Go for Frontend Hamroun with SSR",
-  "type": "module",
-  "main": "server.js",
-  "scripts": {
-    "build:wasm": "node build-wasm.js",
-    "prepare": "node -e \"if (!require('fs').existsSync('public/wasm')) { require('fs').mkdirSync('public/wasm', {recursive: true}); }\"",
-    "dev": "npm run build:wasm && node --watch server.js",
-    "build": "npm run build:wasm && node -e \"require('fs').mkdirSync('dist', {recursive: true}); require('fs-extra').copySync('public', 'dist')\"",
-    "start": "cross-env NODE_ENV=production node server.js"
-  },
-  "dependencies": {
-    "express": "^4.18.2",
-    "frontend-hamroun": "^1.2.71",
-    "fs-extra": "^10.0.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.22.9",
-    "cross-env": "^7.0.3"
-  }
-}

package/templates/go-wasm-app/public/index.html

@@ -1,128 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Frontend Hamroun + Go WebAssembly</title>
-  <style>
-    :root {
-      --primary-color: #0070f3;
-      --secondary-color: #0051cc;
-      --background: #f9f9f9;
-      --text-color: #333;
-      --card-background: #fff;
-      --border-color: #eaeaea;
-      --error-color: #f44336;
-      --success-color: #4caf50;
-    }
-    
-    * {
-      box-sizing: border-box;
-    }
-    
-    body {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      max-width: 800px;
-      margin: 0 auto;
-      padding: 2rem;
-      line-height: 1.6;
-      color: #333;
-    }
-    
-    .app {
-      max-width: 900px;
-      margin: 0 auto;
-      padding: 20px;
-    }
-    
-    header {
-      text-align: center;
-      margin-bottom: 2rem;
-    }
-    
-    header h1 {
-      margin-bottom: 0.5rem;
-      color: var(--primary-color);
-    }
-    
-    header p {
-      color: #666;
-    }
-    
-    .card {
-      background-color: var(--card-background);
-      border: 1px solid var(--border-color);
-      border-radius: 8px;
-      padding: 1.5rem;
-      margin-bottom: 2rem;
-      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-    }
-    
-    pre {
-      background-color: #f5f5f5;
-      padding: 1rem;
-      border-radius: 4px;
-      overflow-x: auto;
-    }
-    
-    footer {
-      margin-top: 3rem;
-      text-align: center;
-      color: #666;
-      padding: 1rem 0;
-      border-top: 1px solid var(--border-color);
-    }
-    
-    .warning {
-      display: none;
-      background-color: #fff3cd;
-      border: 1px solid #ffecb5;
-      color: #856404;
-      padding: 1rem;
-      border-radius: 4px;
-      margin-bottom: 1rem;
-    }
-    
-    code {
-      background-color: #f5f5f5;
-      padding: 0.2rem 0.4rem;
-      border-radius: 3px;
-    }
-    
-    .loading {
-      text-align: center;
-      padding: 3rem 1rem;
-      color: #666;
-    }
-  </style>
-  <script src="/wasm/wasm_exec.js" defer></script>
-</head>
-<body>
-  <div id="root">
-    <!-- Server-rendered content will be inserted here -->
-    <div class="loading">
-      <h2>Loading...</h2>
-      <p>Please wait while the server starts.</p>
-      <p>If this message persists, there might be an issue with the server.</p>
-    </div>
-  </div>
-  <script type="module" src="/src/client.js"></script>
-  <script>
-    // The server should replace this entire page with server-rendered content
-    // If you're seeing this, something is wrong with the server-side rendering
-    setTimeout(() => {
-      if (document.querySelector('.loading')) {
-        document.querySelector('#root').innerHTML = `
-          <div class="warning" style="display:block; background-color: #fff3cd; border: 1px solid #ffecb5; color: #856404; padding: 1rem; border-radius: 4px; margin-bottom: 1rem;">
-            <h2>Server Not Responding</h2>
-            <p>The server is not responding with the expected server-rendered content.</p>
-            <p>Please make sure the server is running properly with:</p>
-            <code>npm run dev</code>
-            <p>This static HTML file should be replaced by server-rendered content.</p>
-          </div>
-        `;
-      }
-    }, 2000);
-  </script>
-</body>
-</html>

package/templates/go-wasm-app/public/styles.css

@@ -1,197 +0,0 @@
-:root {
-  --primary-color: #0070f3;
-  --secondary-color: #0051cc;
-  --background: #f9f9f9;
-  --text-color: #333;
-  --card-background: #fff;
-  --border-color: #eaeaea;
-  --error-color: #f44336;
-  --success-color: #4caf50;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  background-color: var(--background);
-  color: var(--text-color);
-  margin: 0;
-  padding: 0;
-  line-height: 1.6;
-}
-
-.app {
-  max-width: 900px;
-  margin: 0 auto;
-  padding: 20px;
-}
-
-header {
-  text-align: center;
-  margin-bottom: 2rem;
-}
-
-header h1 {
-  margin-bottom: 0.5rem;
-  color: var(--primary-color);
-}
-
-header p {
-  color: #666;
-}
-
-.rendering-info {
-  display: flex;
-  gap: 10px;
-  justify-content: center;
-  margin-top: 10px;
-}
-
-.badge {
-  display: inline-block;
-  padding: 4px 8px;
-  border-radius: 4px;
-  background-color: #eaeaea;
-  color: #666;
-  font-size: 0.8rem;
-}
-
-.badge.active {
-  background-color: var(--success-color);
-  color: white;
-}
-
-footer {
-  margin-top: 3rem;
-  text-align: center;
-  color: #666;
-  padding: 1rem 0;
-  border-top: 1px solid var(--border-color);
-}
-
-footer a {
-  color: var(--primary-color);
-  text-decoration: none;
-}
-
-.loading {
-  text-align: center;
-  padding: 2rem;
-}
-
-.error {
-  background-color: rgba(244, 67, 54, 0.1);
-  border: 1px solid var(--error-color);
-  border-radius: 8px;
-  padding: 1rem;
-  margin: 1rem 0;
-}
-
-.error-message {
-  background-color: rgba(244, 67, 54, 0.1);
-  color: var(--error-color);
-  padding: 1rem;
-  border-radius: 8px;
-  margin-bottom: 1rem;
-}
-
-.card {
-  background-color: var(--card-background);
-  border: 1px solid var(--border-color);
-  border-radius: 8px;
-  padding: 1.5rem;
-  margin-bottom: 2rem;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-}
-
-.demo-section {
-  background-color: var(--card-background);
-  border: 1px solid var(--border-color);
-  border-radius: 8px;
-  padding: 1.5rem;
-  margin-bottom: 2rem;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-}
-
-.input-row {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 1rem;
-}
-
-.input-row input {
-  width: 80px;
-  padding: 0.5rem;
-  border: 1px solid var(--border-color);
-  border-radius: 4px;
-  font-size: 1rem;
-}
-
-.input-row .operator {
-  font-size: 1.5rem;
-  margin: 0 0.5rem;
-}
-
-button {
-  background-color: var(--primary-color);
-  color: white;
-  border: none;
-  border-radius: 4px;
-  padding: 0.5rem 1rem;
-  cursor: pointer;
-  font-size: 1rem;
-  transition: background-color 0.2s;
-}
-
-button:hover {
-  background-color: var(--secondary-color);
-}
-
-.json-editor {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-.json-editor textarea {
-  width: 100%;
-  padding: 0.5rem;
-  border: 1px solid var(--border-color);
-  border-radius: 4px;
-  font-family: monospace;
-  font-size: 0.9rem;
-  resize: vertical;
-}
-
-.result {
-  background-color: #f0f7ff;
-  padding: 1rem;
-  border-radius: 4px;
-  margin-top: 1rem;
-}
-
-.result pre {
-  margin: 0;
-  white-space: pre-wrap;
-  font-family: monospace;
-  font-size: 0.9rem;
-}
-
-.info-section {
-  background-color: #f0f7ff;
-  border: 1px solid #e1e7fd;
-  border-radius: 8px;
-  padding: 1.5rem;
-}
-
-.info-section h2 {
-  color: var(--primary-color);
-  margin-top: 0;
-}
-
-.info-section ol {
-  padding-left: 1.5rem;
-}