frontend-hamroun 1.2.70 → 1.2.72

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

@@ -0,0 +1,57 @@
+import { hydrate } from 'frontend-hamroun';
+import App from './App.jsx';
+
+// Get initial state from server
+const initialState = window.__INITIAL_STATE__ || {
+  path: window.location.pathname,
+  ssrRendered: false,
+  wasmAvailable: false
+};
+
+// Simple client-side script for hydration
+console.log('Client-side script loaded');
+console.log('Initial state:', window.__INITIAL_STATE__);
+
+// Wait for DOMContentLoaded to ensure the DOM is ready
+document.addEventListener('DOMContentLoaded', () => {
+  // Hydrate the application
+  hydrate(<App initialState={initialState} />, document.getElementById('root'));
+  console.log('Client-side hydration complete');
+
+  if (window.__INITIAL_STATE__) {
+    console.log('Hydrating with initial state:', window.__INITIAL_STATE__);
+    
+    // For now, we'll just display a message that we've loaded on the client
+    const root = document.getElementById('root');
+    
+    // Add a "Client Hydrated" indicator
+    const clientIndicator = document.createElement('div');
+    clientIndicator.className = 'client-indicator';
+    clientIndicator.textContent = 'Client-Side Hydration Active';
+    clientIndicator.style.backgroundColor = '#4caf50';
+    clientIndicator.style.color = 'white';
+    clientIndicator.style.padding = '10px';
+    clientIndicator.style.borderRadius = '4px';
+    clientIndicator.style.margin = '10px 0';
+    clientIndicator.style.textAlign = 'center';
+    
+    root.appendChild(clientIndicator);
+
+    // Load WASM if needed
+    if (typeof window.Go !== 'undefined') {
+      console.log('Go WASM runtime detected, initializing WASM module');
+      
+      // This will be replaced with proper WASM loading in a future step
+      const wasmInfo = document.createElement('div');
+      wasmInfo.textContent = 'WASM runtime loaded successfully';
+      wasmInfo.style.backgroundColor = '#2196f3';
+      wasmInfo.style.color = 'white';
+      wasmInfo.style.padding = '10px';
+      wasmInfo.style.borderRadius = '4px';
+      wasmInfo.style.margin = '10px 0';
+      wasmInfo.style.textAlign = 'center';
+      
+      root.appendChild(wasmInfo);
+    }
+  }
+});

package/templates/go-wasm-app/src/wasm/example.go

@@ -0,0 +1,75 @@
+//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)
+}

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

@@ -4,8 +4,9 @@ import { resolve } from 'path';
 export default defineConfig({
   // Configure JSX
   esbuild: {
-    jsxFactory: 'jsx',
-    jsxFragment: 'Fragment'
+    jsxFactory: 'createElement',
+    jsxFragment: 'Fragment',
+    jsxInject: `import { createElement, Fragment } from 'frontend-hamroun'`
   },
 
   // Configure build
@@ -14,12 +15,17 @@ export default defineConfig({
     emptyOutDir: true,
     rollupOptions: {
       input: {
-        main: resolve(__dirname, 'public/index.html')
+        client: resolve(__dirname, 'src/client.js')
+      },
+      output: {
+        entryFileNames: 'assets/[name].js',
+        chunkFileNames: 'assets/[name]-[hash].js',
+        assetFileNames: 'assets/[name]-[hash].[ext]'
       }
     }
   },
 
-  // Resolve aliases
+  // Resolve aliases for better imports
   resolve: {
     alias: {
       '@': resolve(__dirname, 'src')