frontend-hamroun 1.2.74 → 1.2.75

package/dist/server-renderer.mjs

@@ -0,0 +1,64 @@
+import { p as u, h as y } from "./hooks-b58f947c.js";
+function m(r) {
+  u();
+  const p = c(r);
+  return y(), p;
+}
+function c(r) {
+  var p, l, f;
+  if (r == null || typeof r == "boolean")
+    return "";
+  if (typeof r == "number" || typeof r == "string")
+    return o(String(r));
+  if (typeof r.type == "function") {
+    const t = r.type, e = t(r.props || {});
+    return c(e);
+  }
+  if (typeof r.type == "string") {
+    const t = r.type;
+    let e = "", s = "";
+    if (r.props) {
+      for (const [n, i] of Object.entries(r.props))
+        if (n !== "children" && !n.startsWith("on")) {
+          if (n === "className") {
+            e += ` class="${o(i)}"`;
+            continue;
+          }
+          typeof i == "string" || typeof i == "number" ? e += ` ${n}="${o(String(i))}"` : i === !0 && (e += ` ${n}`);
+        }
+    }
+    const a = (p = r.props) != null && p.children ? Array.isArray(r.props.children) ? r.props.children : [r.props.children] : [];
+    for (const n of a)
+      s += c(n);
+    return [
+      "area",
+      "base",
+      "br",
+      "col",
+      "embed",
+      "hr",
+      "img",
+      "input",
+      "link",
+      "meta",
+      "param",
+      "source",
+      "track",
+      "wbr"
+    ].includes(t) ? `<${t}${e}/>` : `<${t}${e}>${s}</${t}>`;
+  }
+  if (r.type === Symbol.for("react.fragment")) {
+    let t = "";
+    const e = Array.isArray((l = r.props) == null ? void 0 : l.children) ? r.props.children : (f = r.props) != null && f.children ? [r.props.children] : [];
+    for (const s of e)
+      t += c(s);
+    return t;
+  }
+  return console.warn("Unknown vnode type:", r.type), "";
+}
+function o(r) {
+  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+export {
+  m as renderToString
+};

package/dist/wasm.d.ts

@@ -0,0 +1,37 @@
+export interface GoWasmInstance {
+  instance: WebAssembly.Instance;
+  module: WebAssembly.Module;
+  exports: any;
+  functions: Record<string, Function>;
+}
+
+export interface GoWasmOptions {
+  goWasmPath?: string;
+  importObject?: WebAssembly.Imports;
+  loadGo?: boolean;
+  onLoad?: (instance: GoWasmInstance) => void;
+  debug?: boolean;
+}
+
+export declare function loadGoWasm(
+  wasmUrl: string, 
+  options?: GoWasmOptions
+): Promise<GoWasmInstance>;
+
+export declare function createTypedWasmFunction<T extends (...args: any[]) => any>(
+  instance: GoWasmInstance,
+  functionName: string
+): T;
+
+export declare const goValues: {
+  stringToGo: (instance: GoWasmInstance, str: string) => number;
+  stringFromGo: (instance: GoWasmInstance, ptr: number) => string;
+  objectToGo: (instance: GoWasmInstance, obj: any) => number;
+  objectFromGo: (instance: GoWasmInstance, ptr: number) => any;
+};
+
+export declare const wasm: {
+  loadGoWasm: typeof loadGoWasm;
+  createTypedWasmFunction: typeof createTypedWasmFunction;
+  goValues: typeof goValues;
+};

package/dist/wasm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W="/wasm_exec.js";async function A(o,t={}){const{importObject:s={},goWasmPath:c=W,loadGo:p=!0,onLoad:_,debug:l=!1}=t;typeof window<"u"&&p&&await S(c);try{const e=typeof Go<"u"?new Go:null;l&&console.log(`[WASM] Loading module from ${o}`);const a=await fetch(o);if(!a.ok)throw new Error(`Failed to fetch WASM module: ${a.statusText}`);const b=await a.arrayBuffer(),g=await WebAssembly.compile(b),y=e?{...e.importObject,...s}:s,w=await WebAssembly.instantiate(g,y);e&&e.run(w);const d=w.exports,r={};for(const n in d)if(typeof d[n]=="function"){const m=d[n];if(r[n]=(...i)=>m(...i),l){const i=r[n];r[n]=(...u)=>{console.log(`[WASM] Calling ${n}(${u.join(", ")})`);const f=i(...u);return console.log(`[WASM] ${n} returned:`,f),f}}}if(typeof window<"u"){for(const n in window)if(n.startsWith("go")&&typeof window[n]=="function"){const m=window[n];if(r[n]=(...i)=>m(...i),l){const i=r[n];r[n]=(...u)=>{console.log(`[WASM] Calling global ${n}(${u.join(", ")})`);const f=i(...u);return console.log(`[WASM] ${n} returned:`,f),f}}}}const G={instance:w,module:g,exports:d,functions:r};return _&&_(G),G}catch(e){throw console.error("[WASM] Failed to load Go WASM module:",e),e}}async function S(o=W){if(!(typeof window>"u")&&!(typeof window.Go<"u"))return new Promise((t,s)=>{const c=document.createElement("script");c.src=o,c.onload=()=>t(),c.onerror=()=>s(new Error(`Failed to load Go WASM runtime from ${o}`)),document.head.appendChild(c)})}function F(o,t){if(!o.functions[t])throw new Error(`WASM function "${t}" not found`);return o.functions[t]}const M={stringToGo:(o,t)=>{if(!o.functions.__stringToGo)throw new Error("__stringToGo function not found in WASM module");return o.functions.__stringToGo(t)},stringFromGo:(o,t)=>{if(!o.functions.__stringFromGo)throw new Error("__stringFromGo function not found in WASM module");return o.functions.__stringFromGo(t)},objectToGo:(o,t)=>{if(!o.functions.__objectToGo)throw new Error("__objectToGo function not found in WASM module");return o.functions.__objectToGo(JSON.stringify(t))},objectFromGo:(o,t)=>{if(!o.functions.__objectFromGo)throw new Error("__objectFromGo function not found in WASM module");const s=o.functions.__objectFromGo(t);return JSON.parse(s)}};exports.createTypedWasmFunction=F;exports.goValues=M;exports.loadGoWasm=A;

package/dist/wasm.mjs

@@ -0,0 +1,103 @@
+const p = "/wasm_exec.js";
+async function F(o, t = {}) {
+  const {
+    importObject: s = {},
+    goWasmPath: c = p,
+    loadGo: W = !0,
+    onLoad: _,
+    debug: l = !1
+  } = t;
+  typeof window < "u" && W && await y(c);
+  try {
+    const e = typeof Go < "u" ? new Go() : null;
+    l && console.log(`[WASM] Loading module from ${o}`);
+    const a = await fetch(o);
+    if (!a.ok)
+      throw new Error(`Failed to fetch WASM module: ${a.statusText}`);
+    const b = await a.arrayBuffer(), G = await WebAssembly.compile(b), A = e ? {
+      ...e.importObject,
+      ...s
+    } : s, w = await WebAssembly.instantiate(G, A);
+    e && e.run(w);
+    const d = w.exports, r = {};
+    for (const n in d)
+      if (typeof d[n] == "function") {
+        const m = d[n];
+        if (r[n] = (...i) => m(...i), l) {
+          const i = r[n];
+          r[n] = (...f) => {
+            console.log(`[WASM] Calling ${n}(${f.join(", ")})`);
+            const u = i(...f);
+            return console.log(`[WASM] ${n} returned:`, u), u;
+          };
+        }
+      }
+    if (typeof window < "u") {
+      for (const n in window)
+        if (n.startsWith("go") && typeof window[n] == "function") {
+          const m = window[n];
+          if (r[n] = (...i) => m(...i), l) {
+            const i = r[n];
+            r[n] = (...f) => {
+              console.log(`[WASM] Calling global ${n}(${f.join(", ")})`);
+              const u = i(...f);
+              return console.log(`[WASM] ${n} returned:`, u), u;
+            };
+          }
+        }
+    }
+    const g = {
+      instance: w,
+      module: G,
+      exports: d,
+      functions: r
+    };
+    return _ && _(g), g;
+  } catch (e) {
+    throw console.error("[WASM] Failed to load Go WASM module:", e), e;
+  }
+}
+async function y(o = p) {
+  if (!(typeof window > "u") && !(typeof window.Go < "u"))
+    return new Promise((t, s) => {
+      const c = document.createElement("script");
+      c.src = o, c.onload = () => t(), c.onerror = () => s(new Error(`Failed to load Go WASM runtime from ${o}`)), document.head.appendChild(c);
+    });
+}
+function S(o, t) {
+  if (!o.functions[t])
+    throw new Error(`WASM function "${t}" not found`);
+  return o.functions[t];
+}
+const M = {
+  // Convert JS string to Go string (returns memory pointer)
+  stringToGo: (o, t) => {
+    if (!o.functions.__stringToGo)
+      throw new Error("__stringToGo function not found in WASM module");
+    return o.functions.__stringToGo(t);
+  },
+  // Convert Go string (memory pointer) to JS string
+  stringFromGo: (o, t) => {
+    if (!o.functions.__stringFromGo)
+      throw new Error("__stringFromGo function not found in WASM module");
+    return o.functions.__stringFromGo(t);
+  },
+  // Convert JS object to Go (returns memory pointer)
+  objectToGo: (o, t) => {
+    if (!o.functions.__objectToGo)
+      throw new Error("__objectToGo function not found in WASM module");
+    return o.functions.__objectToGo(JSON.stringify(t));
+  },
+  // Convert Go object (memory pointer) to JS object
+  objectFromGo: (o, t) => {
+    if (!o.functions.__objectFromGo)
+      throw new Error("__objectFromGo function not found in WASM module");
+    const s = o.functions.__objectFromGo(t);
+    return JSON.parse(s);
+  }
+};
+export {
+  S as createTypedWasmFunction,
+  M as goValues,
+  F as loadGoWasm
+};

package/package.json

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

package/templates/go/build.sh

@@ -1,43 +1,43 @@
-#!/bin/bash
-
-# Build script for Go WASM modules
-
-# Ensure Go is installed
-if ! command -v go &> /dev/null; then
-    echo "Error: Go is not installed"
-    exit 1
-fi
-
-# Check Go version
-GO_VERSION=$(go version | cut -d ' ' -f 3 | sed 's/go//')
-GO_VERSION_MAJOR=$(echo $GO_VERSION | cut -d '.' -f 1)
-GO_VERSION_MINOR=$(echo $GO_VERSION | cut -d '.' -f 2)
-
-if [ $GO_VERSION_MAJOR -lt 1 ] || ([ $GO_VERSION_MAJOR -eq 1 ] && [ $GO_VERSION_MINOR -lt 16 ]); then
-    echo "Warning: Go version 1.16+ recommended for WebAssembly, detected $GO_VERSION"
-fi
-
-# Build example WASM module
-echo "Building example Go WASM module..."
-GOOS=js GOARCH=wasm go build -o example.wasm example.go
-if [ $? -ne 0 ]; then
-    echo "Error: Failed to build Go WASM module"
-    exit 1
-fi
-
-# Copy wasm_exec.js files for browser and Node.js from Go installation
-GO_ROOT=$(go env GOROOT)
-echo "Copying wasm_exec.js files from $GO_ROOT/misc/wasm/"
-cp "$GO_ROOT/misc/wasm/wasm_exec.js" ./
-cp "$GO_ROOT/misc/wasm/wasm_exec_node.js" ./
-
-echo "Build complete!"
-echo "Files created:"
-echo "- example.wasm - WebAssembly module"
-echo "- wasm_exec.js - Browser runtime"
-echo "- wasm_exec_node.js - Node.js runtime"
-
-echo ""
-echo "Usage:"
-echo "1. Copy these files to your project's public directory"
-echo "2. Load the WASM module using the provided utilities"
+#!/bin/bash
+
+# Build script for Go WASM modules
+
+# Ensure Go is installed
+if ! command -v go &> /dev/null; then
+    echo "Error: Go is not installed"
+    exit 1
+fi
+
+# Check Go version
+GO_VERSION=$(go version | cut -d ' ' -f 3 | sed 's/go//')
+GO_VERSION_MAJOR=$(echo $GO_VERSION | cut -d '.' -f 1)
+GO_VERSION_MINOR=$(echo $GO_VERSION | cut -d '.' -f 2)
+
+if [ $GO_VERSION_MAJOR -lt 1 ] || ([ $GO_VERSION_MAJOR -eq 1 ] && [ $GO_VERSION_MINOR -lt 16 ]); then
+    echo "Warning: Go version 1.16+ recommended for WebAssembly, detected $GO_VERSION"
+fi
+
+# Build example WASM module
+echo "Building example Go WASM module..."
+GOOS=js GOARCH=wasm go build -o example.wasm example.go
+if [ $? -ne 0 ]; then
+    echo "Error: Failed to build Go WASM module"
+    exit 1
+fi
+
+# Copy wasm_exec.js files for browser and Node.js from Go installation
+GO_ROOT=$(go env GOROOT)
+echo "Copying wasm_exec.js files from $GO_ROOT/misc/wasm/"
+cp "$GO_ROOT/misc/wasm/wasm_exec.js" ./
+cp "$GO_ROOT/misc/wasm/wasm_exec_node.js" ./
+
+echo "Build complete!"
+echo "Files created:"
+echo "- example.wasm - WebAssembly module"
+echo "- wasm_exec.js - Browser runtime"
+echo "- wasm_exec_node.js - Node.js runtime"
+
+echo ""
+echo "Usage:"
+echo "1. Copy these files to your project's public directory"
+echo "2. Load the WASM module using the provided utilities"

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

@@ -32,86 +32,7 @@ function ensureDir(dir) {
   }
 }
 
-// Build a single Go file to WASM
-export async function buildGoFile(goFilePath, wasmFilePath) {
-  try {
-    if (!fs.existsSync(goFilePath)) {
-      throw new Error(`Go file not found: ${goFilePath}`);
-    }
-    
-    console.log(`Building ${goFilePath} to ${wasmFilePath}`);
-    
-    // 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
-    if (fs.existsSync(tempDir)) {
-      if (isWindows) {
-        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 goFileName = goFilePath.split(/[/\\]/).pop();
-    const tempGoFile = join(tempDir, goFileName);
-    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) {
-      // 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 ${goFileName} to WASM`);
-    return {
-      success: true,
-      wasmPath: wasmFilePath,
-      goFile: goFilePath
-    };
-  } catch (error) {
-    console.error(`✗ Error building ${goFilePath}:`, error);
-    return {
-      success: false,
-      error: error.message,
-      goFile: goFilePath
-    };
-  }
-}
-
-// Build all Go WASM modules
+// Build Go WASM modules
 async function buildWasmModules() {
   // Check if Go is installed
   if (!checkGoInstallation()) {
@@ -144,13 +65,92 @@ async function buildWasmModules() {
   console.log(`Copying ${wasmExecNodeJsPath} to ${wasmExecNodeJsDest}`);
   fs.copyFileSync(wasmExecNodeJsPath, wasmExecNodeJsDest);
   
-  // Generate a default example.go file if no Go files exist
-  const goFiles = fs.existsSync(goSourceDir) ? 
-    fs.readdirSync(goSourceDir).filter(file => file.endsWith('.go')) : [];
+  // 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. Creating example.go...');
+    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

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

@@ -5,18 +5,19 @@
   "type": "module",
   "main": "server.js",
   "scripts": {
-    "build:dirs": "node -e \"const fs=require('fs');const dirs=['public/wasm','src/wasm','dist'];dirs.forEach(d=>!fs.existsSync(d)&&fs.mkdirSync(d,{recursive:true}))\"",
     "build:wasm": "node build-wasm.js",
-    "dev": "npm run build:dirs && npm run build:wasm && node --watch server.js",
-    "build": "npm run build:dirs && npm run build:wasm && node -e \"require('fs-extra').copySync('public', 'dist')\"",
+    "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.72",
-    "fs-extra": "^11.1.1"
+    "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

@@ -21,12 +21,12 @@
     }
     
     body {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      background-color: var(--background);
-      color: var(--text-color);
-      margin: 0;
-      padding: 0;
+      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 {
@@ -45,25 +45,8 @@
       color: var(--primary-color);
     }
     
-    .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;
+    header p {
       color: #666;
-      font-size: 0.8rem;
-    }
-    
-    .badge.active {
-      background-color: var(--success-color);
-      color: white;
     }
     
     .card {
@@ -75,23 +58,11 @@
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
     }
     
-    .result {
-      background-color: #f0f7ff;
+    pre {
+      background-color: #f5f5f5;
       padding: 1rem;
       border-radius: 4px;
-      margin-top: 1rem;
-      white-space: pre-wrap;
       overflow-x: auto;
-      font-family: monospace;
-      font-size: 0.9rem;
-    }
-    
-    .error {
-      background-color: #ffebee;
-      color: #c62828;
-      padding: 0.75rem;
-      border-radius: 4px;
-      margin-top: 0.5rem;
     }
     
     footer {
@@ -102,31 +73,56 @@
       border-top: 1px solid var(--border-color);
     }
     
-    footer a {
-      color: var(--primary-color);
-      text-decoration: none;
+    .warning {
+      display: none;
+      background-color: #fff3cd;
+      border: 1px solid #ffecb5;
+      color: #856404;
+      padding: 1rem;
+      border-radius: 4px;
+      margin-bottom: 1rem;
     }
     
-    @media (max-width: 768px) {
-      .app {
-        padding: 10px;
-      }
-      
-      .card {
-        padding: 1rem;
-      }
+    code {
+      background-color: #f5f5f5;
+      padding: 0.2rem 0.4rem;
+      border-radius: 3px;
+    }
+    
+    .loading {
+      text-align: center;
+      padding: 3rem 1rem;
+      color: #666;
     }
   </style>
-  <!-- WASM runtime will be loaded by server -->
-  <script src="/wasm/wasm_exec.js"></script>
+  <script src="/wasm/wasm_exec.js" defer></script>
 </head>
 <body>
   <div id="root">
-    <!-- Server-rendered content will replace this -->
-    <div class="loading" style="text-align:center;padding:3rem;">
+    <!-- Server-rendered content will be inserted here -->
+    <div class="loading">
       <h2>Loading...</h2>
-      <p>Please wait while the application initializes.</p>
+      <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>