baraqex 2.0.6 → 2.0.8

package/dist/wasm.d.ts

@@ -15,7 +15,7 @@ export interface GoWasmInstance {
     functions: Record<string, Function>;
 }
 /**
- * Load Go WASM module in the browser (like your working frontend code)
+ * Load Go WASM module in the browser (cached per URL).
  */
 export declare function loadGoWasm(wasmUrl: string, options?: GoWasmOptions): Promise<GoWasmInstance>;
 /**

package/dist/wasm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wasm.d.ts","sourceRoot":"","sources":["../src/wasm.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC;IAC/B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC;IAC3B,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CACrC;AAED;;GAEG;AACH,wBAAsB,UAAU,CAC9B,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,aAAkB,GAC1B,OAAO,CAAC,cAAc,CAAC,CAwEzB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAWtE;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,OAAO,CASrC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,EAAE,CAQ3C;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB;;;;;EAarE;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,EAAE,EAAE,UAAU;YACZ,YAAY,EAAE,GAAG,CAAC;YAClB,GAAG,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,KAAK,IAAI,CAAC;SAC/C,CAAC;QACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB;CACF"}
+{"version":3,"file":"wasm.d.ts","sourceRoot":"","sources":["../src/wasm.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC;IAC/B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC;IAC3B,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CACrC;AAQD;;GAEG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,aAAkB,GAC1B,OAAO,CAAC,cAAc,CAAC,CAiBzB;AA2ED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAWtE;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,OAAO,CASrC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,EAAE,CAQ3C;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB;;;;;EAarE;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,EAAE,EAAE,UAAU;YACZ,YAAY,EAAE,GAAG,CAAC;YAClB,GAAG,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,KAAK,IAAI,CAAC;SAC/C,CAAC;QACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB;CACF"}

package/dist/wasm.js

@@ -1,8 +1,20 @@
 // src/wasm.ts
-async function loadGoWasm(wasmUrl, options = {}) {
+var wasmCache = /* @__PURE__ */ new Map();
+function loadGoWasm(wasmUrl, options = {}) {
   if (typeof window === "undefined") {
     throw new Error("loadGoWasm() is for browser use only. Use loadGoWasmFromFile() in Node.js.");
   }
+  const cached = wasmCache.get(wasmUrl);
+  if (cached)
+    return cached;
+  const request = loadGoWasmInternal(wasmUrl, options).catch((error) => {
+    wasmCache.delete(wasmUrl);
+    throw error;
+  });
+  wasmCache.set(wasmUrl, request);
+  return request;
+}
+async function loadGoWasmInternal(wasmUrl, options = {}) {
   try {
     if (!window.Go) {
       throw new Error("Go WASM runtime not available. Make sure wasm_exec.js is loaded.");

package/dist/wasm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/wasm.ts"],
-  "sourcesContent": ["/**\r\n * WebAssembly integration for Frontend Hamroun\r\n * Works in both browser and Node.js environments\r\n */\r\n\r\nexport interface GoWasmOptions {\r\n  debug?: boolean;\r\n  goWasmPath?: string;\r\n  importObject?: any;\r\n  onLoad?: (instance: GoWasmInstance) => void;\r\n}\r\n\r\nexport interface GoWasmInstance {\r\n  instance: WebAssembly.Instance;\r\n  module: WebAssembly.Module;\r\n  exports: WebAssembly.Exports;\r\n  functions: Record<string, Function>;\r\n}\r\n\r\n/**\r\n * Load Go WASM module in the browser (like your working frontend code)\r\n */\r\nexport async function loadGoWasm(\r\n  wasmUrl: string,\r\n  options: GoWasmOptions = {}\r\n): Promise<GoWasmInstance> {\r\n  if (typeof window === 'undefined') {\r\n    throw new Error('loadGoWasm() is for browser use only. Use loadGoWasmFromFile() in Node.js.');\r\n  }\r\n\r\n  try {\r\n    // Check if Go WASM runtime is available (like your frontend code)\r\n    if (!window.Go) {\r\n      throw new Error('Go WASM runtime not available. Make sure wasm_exec.js is loaded.');\r\n    }\r\n\r\n    if (options.debug) {\r\n      console.log('[WASM] Loading WASM from:', wasmUrl);\r\n    }\r\n\r\n    // Fetch the WASM file (exactly like your frontend code)\r\n    const response = await fetch(wasmUrl);\r\n    \r\n    if (!response.ok) {\r\n      throw new Error(`Failed to fetch WASM file: ${response.status}`);\r\n    }\r\n\r\n    const wasmBytes = await response.arrayBuffer();\r\n    \r\n    // Initialize Go runtime (exactly like your frontend code)\r\n    const go = new window.Go();\r\n    const wasmModule = await WebAssembly.instantiate(wasmBytes, go.importObject);\r\n    \r\n    // Run the Go program (exactly like your frontend code)\r\n    go.run(wasmModule.instance);\r\n    \r\n    // Wait a bit for Go functions to be registered (like your frontend code)\r\n    await new Promise(resolve => setTimeout(resolve, 100));\r\n    \r\n    if (options.debug) {\r\n      console.log('[WASM] Go program started, checking for registered functions...');\r\n    }\r\n\r\n    // Extract exported functions from global scope (like your frontend code)\r\n    const functions: Record<string, Function> = {};\r\n    \r\n    // Look for Go functions in global scope\r\n    for (const key in window) {\r\n      if (typeof window[key] === 'function' && key.startsWith('go')) {\r\n        functions[key] = window[key] as Function;\r\n        if (options.debug) {\r\n          console.log(`[WASM] Found function: ${key}`);\r\n        }\r\n      }\r\n    }\r\n\r\n    const wasmInstance: GoWasmInstance = {\r\n      instance: wasmModule.instance,\r\n      module: wasmModule,\r\n      exports: wasmModule.instance.exports,\r\n      functions\r\n    };\r\n\r\n    if (options.onLoad) {\r\n      options.onLoad(wasmInstance);\r\n    }\r\n\r\n    if (options.debug) {\r\n      console.log(`[WASM] Module loaded successfully with ${Object.keys(functions).length} functions`);\r\n    }\r\n\r\n    return wasmInstance;\r\n\r\n  } catch (error) {\r\n    console.error('[WASM] Error loading Go WASM module:', error);\r\n    throw error;\r\n  }\r\n}\r\n\r\n/**\r\n * Call a Go WASM function (like your frontend code's callWasmFunction)\r\n */\r\nexport function callWasmFunction(funcName: string, ...args: any[]): any {\r\n  if (typeof window === 'undefined') {\r\n    throw new Error('callWasmFunction() is for browser use only.');\r\n  }\r\n\r\n  const func = (window as any)[funcName];\r\n  if (typeof func !== 'function') {\r\n    throw new Error(`Function ${funcName} not found. Make sure the WASM module is loaded.`);\r\n  }\r\n  \r\n  return func(...args);\r\n}\r\n\r\n/**\r\n * Check if Go WASM is ready (like your frontend code's wasmReady state)\r\n */\r\nexport function isWasmReady(): boolean {\r\n  if (typeof window === 'undefined') {\r\n    return false;\r\n  }\r\n\r\n  // Check if Go runtime is available and at least one Go function exists\r\n  return !!(window.Go && Object.keys(window).some(key => \r\n    key.startsWith('go') && typeof window[key] === 'function'\r\n  ));\r\n}\r\n\r\n/**\r\n * Get all available Go WASM functions\r\n */\r\nexport function getWasmFunctions(): string[] {\r\n  if (typeof window === 'undefined') {\r\n    return [];\r\n  }\r\n\r\n  return Object.keys(window).filter(key => \r\n    key.startsWith('go') && typeof window[key] === 'function'\r\n  );\r\n}\r\n\r\n/**\r\n * Hook for React components (like your frontend code's useEffect pattern)\r\n */\r\nexport function useGoWasm(wasmUrl: string, options: GoWasmOptions = {}) {\r\n  if (typeof window === 'undefined') {\r\n    throw new Error('useGoWasm() is for browser use only.');\r\n  }\r\n\r\n  // This would need to be implemented as a React hook in frontend-hamroun\r\n  // For now, return the basic functionality\r\n  return {\r\n    loadWasm: () => loadGoWasm(wasmUrl, options),\r\n    callFunction: callWasmFunction,\r\n    isReady: isWasmReady,\r\n    getFunctions: getWasmFunctions\r\n  };\r\n}\r\n\r\n// Browser-specific type declarations\r\ndeclare global {\r\n  interface Window {\r\n    Go: new () => {\r\n      importObject: any;\r\n      run: (instance: WebAssembly.Instance) => void;\r\n    };\r\n    [key: string]: any;\r\n  }\r\n}\r\n"],
-  "mappings": ";AAsBA,eAAsB,WACpB,SACA,UAAyB,CAAC,GACD;AACzB,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,IAAI,MAAM,4EAA4E;AAAA,EAC9F;AAEA,MAAI;AAEF,QAAI,CAAC,OAAO,IAAI;AACd,YAAM,IAAI,MAAM,kEAAkE;AAAA,IACpF;AAEA,QAAI,QAAQ,OAAO;AACjB,cAAQ,IAAI,6BAA6B,OAAO;AAAA,IAClD;AAGA,UAAM,WAAW,MAAM,MAAM,OAAO;AAEpC,QAAI,CAAC,SAAS,IAAI;AAChB,YAAM,IAAI,MAAM,8BAA8B,SAAS,MAAM,EAAE;AAAA,IACjE;AAEA,UAAM,YAAY,MAAM,SAAS,YAAY;AAG7C,UAAM,KAAK,IAAI,OAAO,GAAG;AACzB,UAAM,aAAa,MAAM,YAAY,YAAY,WAAW,GAAG,YAAY;AAG3E,OAAG,IAAI,WAAW,QAAQ;AAG1B,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,GAAG,CAAC;AAErD,QAAI,QAAQ,OAAO;AACjB,cAAQ,IAAI,iEAAiE;AAAA,IAC/E;AAGA,UAAM,YAAsC,CAAC;AAG7C,eAAW,OAAO,QAAQ;AACxB,UAAI,OAAO,OAAO,GAAG,MAAM,cAAc,IAAI,WAAW,IAAI,GAAG;AAC7D,kBAAU,GAAG,IAAI,OAAO,GAAG;AAC3B,YAAI,QAAQ,OAAO;AACjB,kBAAQ,IAAI,0BAA0B,GAAG,EAAE;AAAA,QAC7C;AAAA,MACF;AAAA,IACF;AAEA,UAAM,eAA+B;AAAA,MACnC,UAAU,WAAW;AAAA,MACrB,QAAQ;AAAA,MACR,SAAS,WAAW,SAAS;AAAA,MAC7B;AAAA,IACF;AAEA,QAAI,QAAQ,QAAQ;AAClB,cAAQ,OAAO,YAAY;AAAA,IAC7B;AAEA,QAAI,QAAQ,OAAO;AACjB,cAAQ,IAAI,0CAA0C,OAAO,KAAK,SAAS,EAAE,MAAM,YAAY;AAAA,IACjG;AAEA,WAAO;AAAA,EAET,SAAS,OAAO;AACd,YAAQ,MAAM,wCAAwC,KAAK;AAC3D,UAAM;AAAA,EACR;AACF;AAKO,SAAS,iBAAiB,aAAqB,MAAkB;AACtE,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,IAAI,MAAM,6CAA6C;AAAA,EAC/D;AAEA,QAAM,OAAQ,OAAe,QAAQ;AACrC,MAAI,OAAO,SAAS,YAAY;AAC9B,UAAM,IAAI,MAAM,YAAY,QAAQ,kDAAkD;AAAA,EACxF;AAEA,SAAO,KAAK,GAAG,IAAI;AACrB;AAKO,SAAS,cAAuB;AACrC,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO;AAAA,EACT;AAGA,SAAO,CAAC,EAAE,OAAO,MAAM,OAAO,KAAK,MAAM,EAAE;AAAA,IAAK,SAC9C,IAAI,WAAW,IAAI,KAAK,OAAO,OAAO,GAAG,MAAM;AAAA,EACjD;AACF;AAKO,SAAS,mBAA6B;AAC3C,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,CAAC;AAAA,EACV;AAEA,SAAO,OAAO,KAAK,MAAM,EAAE;AAAA,IAAO,SAChC,IAAI,WAAW,IAAI,KAAK,OAAO,OAAO,GAAG,MAAM;AAAA,EACjD;AACF;AAKO,SAAS,UAAU,SAAiB,UAAyB,CAAC,GAAG;AACtE,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,IAAI,MAAM,sCAAsC;AAAA,EACxD;AAIA,SAAO;AAAA,IACL,UAAU,MAAM,WAAW,SAAS,OAAO;AAAA,IAC3C,cAAc;AAAA,IACd,SAAS;AAAA,IACT,cAAc;AAAA,EAChB;AACF;",
+  "sourcesContent": ["/**\r\n * WebAssembly integration for Frontend Hamroun\r\n * Works in both browser and Node.js environments\r\n */\r\n\r\nexport interface GoWasmOptions {\r\n  debug?: boolean;\r\n  goWasmPath?: string;\r\n  importObject?: any;\r\n  onLoad?: (instance: GoWasmInstance) => void;\r\n}\r\n\r\nexport interface GoWasmInstance {\r\n  instance: WebAssembly.Instance;\r\n  module: WebAssembly.Module;\r\n  exports: WebAssembly.Exports;\r\n  functions: Record<string, Function>;\r\n}\r\n\r\n/**\r\n * Cache loaded WASM instances per URL so visiting a route (or re-mounting a\r\n * component) doesn't re-fetch, re-compile, or re-run the module every time.\r\n */\r\nconst wasmCache = new Map<string, Promise<GoWasmInstance>>();\r\n\r\n/**\r\n * Load Go WASM module in the browser (cached per URL).\r\n */\r\nexport function loadGoWasm(\r\n  wasmUrl: string,\r\n  options: GoWasmOptions = {}\r\n): Promise<GoWasmInstance> {\r\n  if (typeof window === 'undefined') {\r\n    throw new Error('loadGoWasm() is for browser use only. Use loadGoWasmFromFile() in Node.js.');\r\n  }\r\n\r\n  const cached = wasmCache.get(wasmUrl);\r\n  if (cached) return cached;\r\n\r\n  const request = loadGoWasmInternal(wasmUrl, options)\r\n    .catch((error) => {\r\n      // Don't cache failures \u2014 allow a retry next time the module is requested.\r\n      wasmCache.delete(wasmUrl);\r\n      throw error;\r\n    });\r\n\r\n  wasmCache.set(wasmUrl, request);\r\n  return request;\r\n}\r\n\r\nasync function loadGoWasmInternal(\r\n  wasmUrl: string,\r\n  options: GoWasmOptions = {}\r\n): Promise<GoWasmInstance> {\r\n  try {\r\n    // Check if Go WASM runtime is available (like your frontend code)\r\n    if (!window.Go) {\r\n      throw new Error('Go WASM runtime not available. Make sure wasm_exec.js is loaded.');\r\n    }\r\n\r\n    if (options.debug) {\r\n      console.log('[WASM] Loading WASM from:', wasmUrl);\r\n    }\r\n\r\n    // Fetch the WASM file (exactly like your frontend code)\r\n    const response = await fetch(wasmUrl);\r\n    \r\n    if (!response.ok) {\r\n      throw new Error(`Failed to fetch WASM file: ${response.status}`);\r\n    }\r\n\r\n    const wasmBytes = await response.arrayBuffer();\r\n    \r\n    // Initialize Go runtime (exactly like your frontend code)\r\n    const go = new window.Go();\r\n    const wasmModule = await WebAssembly.instantiate(wasmBytes, go.importObject);\r\n    \r\n    // Run the Go program (exactly like your frontend code)\r\n    go.run(wasmModule.instance);\r\n    \r\n    // Wait a bit for Go functions to be registered (like your frontend code)\r\n    await new Promise(resolve => setTimeout(resolve, 100));\r\n    \r\n    if (options.debug) {\r\n      console.log('[WASM] Go program started, checking for registered functions...');\r\n    }\r\n\r\n    // Extract exported functions from global scope (like your frontend code)\r\n    const functions: Record<string, Function> = {};\r\n    \r\n    // Look for Go functions in global scope\r\n    for (const key in window) {\r\n      if (typeof window[key] === 'function' && key.startsWith('go')) {\r\n        functions[key] = window[key] as Function;\r\n        if (options.debug) {\r\n          console.log(`[WASM] Found function: ${key}`);\r\n        }\r\n      }\r\n    }\r\n\r\n    const wasmInstance: GoWasmInstance = {\r\n      instance: wasmModule.instance,\r\n      module: wasmModule,\r\n      exports: wasmModule.instance.exports,\r\n      functions\r\n    };\r\n\r\n    if (options.onLoad) {\r\n      options.onLoad(wasmInstance);\r\n    }\r\n\r\n    if (options.debug) {\r\n      console.log(`[WASM] Module loaded successfully with ${Object.keys(functions).length} functions`);\r\n    }\r\n\r\n    return wasmInstance;\r\n\r\n  } catch (error) {\r\n    console.error('[WASM] Error loading Go WASM module:', error);\r\n    throw error;\r\n  }\r\n}\r\n\r\n/**\r\n * Call a Go WASM function (like your frontend code's callWasmFunction)\r\n */\r\nexport function callWasmFunction(funcName: string, ...args: any[]): any {\r\n  if (typeof window === 'undefined') {\r\n    throw new Error('callWasmFunction() is for browser use only.');\r\n  }\r\n\r\n  const func = (window as any)[funcName];\r\n  if (typeof func !== 'function') {\r\n    throw new Error(`Function ${funcName} not found. Make sure the WASM module is loaded.`);\r\n  }\r\n  \r\n  return func(...args);\r\n}\r\n\r\n/**\r\n * Check if Go WASM is ready (like your frontend code's wasmReady state)\r\n */\r\nexport function isWasmReady(): boolean {\r\n  if (typeof window === 'undefined') {\r\n    return false;\r\n  }\r\n\r\n  // Check if Go runtime is available and at least one Go function exists\r\n  return !!(window.Go && Object.keys(window).some(key => \r\n    key.startsWith('go') && typeof window[key] === 'function'\r\n  ));\r\n}\r\n\r\n/**\r\n * Get all available Go WASM functions\r\n */\r\nexport function getWasmFunctions(): string[] {\r\n  if (typeof window === 'undefined') {\r\n    return [];\r\n  }\r\n\r\n  return Object.keys(window).filter(key => \r\n    key.startsWith('go') && typeof window[key] === 'function'\r\n  );\r\n}\r\n\r\n/**\r\n * Hook for React components (like your frontend code's useEffect pattern)\r\n */\r\nexport function useGoWasm(wasmUrl: string, options: GoWasmOptions = {}) {\r\n  if (typeof window === 'undefined') {\r\n    throw new Error('useGoWasm() is for browser use only.');\r\n  }\r\n\r\n  // This would need to be implemented as a React hook in frontend-hamroun\r\n  // For now, return the basic functionality\r\n  return {\r\n    loadWasm: () => loadGoWasm(wasmUrl, options),\r\n    callFunction: callWasmFunction,\r\n    isReady: isWasmReady,\r\n    getFunctions: getWasmFunctions\r\n  };\r\n}\r\n\r\n// Browser-specific type declarations\r\ndeclare global {\r\n  interface Window {\r\n    Go: new () => {\r\n      importObject: any;\r\n      run: (instance: WebAssembly.Instance) => void;\r\n    };\r\n    [key: string]: any;\r\n  }\r\n}\r\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baraqex",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "A full-stack WebAssembly framework for building fast, modern web applications.",
   "main": "dist/index.js",
   "module": "dist/index.js",

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

@@ -43,9 +43,9 @@ function buildWasm() {
     execSync('go mod init wasm-example', { cwd: goDir, stdio: 'inherit' });
   }
 
-  // Compile with the js/wasm target
+  // Compile with the js/wasm target; -s -w strips debug info to shrink the module
   execSync(
-    `go build -o "${wasmFile}" main.go`,
+    'go build -ldflags="-s -w" -o "' + wasmFile + '" main.go',
     {
       cwd: goDir,
       stdio: 'inherit',

package/templates/fullstack-app/build.mjs

@@ -104,7 +104,7 @@ async function buildServer() {
     target: ['node18'],
     format: 'esm',
     outfile: path.join(outdir, 'server.js'),
-    external: ['express', 'cors', 'compression', 'socket.io', 'dotenv'],
+    external: ['express', 'cors', 'compression', 'socket.io', 'dotenv', 'postcss', 'tailwindcss', 'autoprefixer', 'chokidar'],
     plugins: [
       {
         name: 'external-all',
@@ -114,7 +114,8 @@ async function buildServer() {
       }
     ],
     define: { 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development') },
-    sourcemap: false
+    sourcemap: false,
+    minify: process.env.NODE_ENV === 'production'
   });
   console.log('✅ Server build complete');
 }

package/templates/fullstack-app/package.json

@@ -8,7 +8,7 @@
     "start": "node dist/server.js",
     "prod": "npm run build && npm run start",
     "dev": "tsx server.ts",
-    "build": "node build.mjs",
+    "build": "cross-env NODE_ENV=production node build.mjs",
     "build:wasm": "node build-wasm.js",
     "build:all": "node build-wasm.js && node build.mjs"
   },

package/templates/fullstack-app/server.ts

@@ -28,7 +28,17 @@ const io = new SocketServer(httpServer, {
 
 app.use(express.json());
 app.use(express.urlencoded({ extended: true }));
-app.use(compression());
+app.use(compression({
+  filter: (req, res) => {
+    const type = res.getHeader('Content-Type');
+    if (type === undefined) return true;
+    // Compress text-like responses plus binary assets that gzip well (wasm, svg, fonts)
+    if (/^(text\/|application\/(json|javascript|xml|wasm)|image\/svg|font\/)/i.test(String(type))) {
+      return true;
+    }
+    return compression.filter(req, res);
+  }
+}));
 app.use(cors());
 
 // ---------------------------------------------------------------------------
@@ -78,9 +88,15 @@ app.get('/api/posts', (req: Request, res: Response) => {
 // ---------------------------------------------------------------------------
 // Static assets: built client bundle + public (incl. WASM output)
 // ---------------------------------------------------------------------------
-app.use('/build', express.static(path.join(__dirname, 'build')));
-app.use('/wasm', express.static(path.join(__dirname, 'public', 'wasm')));
-app.use(express.static(path.join(__dirname, 'public')));
+// Dev must never cache rebuilt bundles; prod can cache them briefly. WASM files
+// are rebuilt via `npm run build:wasm` and are safe to cache for a long time.
+const buildCache = isDev
+  ? { setHeaders: (res: Response) => res.setHeader('Cache-Control', 'no-store') }
+  : { maxAge: '1h' };
+const wasmCache = { maxAge: '1y', immutable: true };
+app.use('/build', express.static(path.join(__dirname, 'build'), buildCache));
+app.use('/wasm', express.static(path.join(__dirname, 'public', 'wasm'), wasmCache));
+app.use(express.static(path.join(__dirname, 'public'), buildCache));
 
 // ---------------------------------------------------------------------------
 // Dev mode: esbuild context (bundles src + rebuilds on change)
@@ -135,23 +151,18 @@ async function buildStyles() {
   console.log('✅ styles.css built');
 }
 
-// Build the Tailwind stylesheet used by the SSR-rendered page (both modes)
-await buildStyles();
-
-// In dev, bundle the client with esbuild (rebuilds on change via the watcher below)
-if (isDev) {
-  await setupEsbuild();
-}
+// Build the Tailwind stylesheet and (in dev) rebuild it on change. In prod the
+// file is already written by `npm run build`, so only (re)build when missing.
+await Promise.all([
+  isDev || !existsSync(path.join(__dirname, 'build', 'styles.css')) ? buildStyles() : Promise.resolve(),
+  isDev ? setupEsbuild() : Promise.resolve()
+]);
 
-// Only load the Go runtime scripts when the WASM module has been built
-// (`npm run build:wasm` requires Go). Off by default so dev works without Go.
+// Only used when the Go WASM module has been built (`npm run build:wasm`,
+// requires Go). Off by default so dev works without Go.
 const hasWasm = existsSync(path.join(__dirname, 'public', 'wasm', 'example.wasm'))
   && existsSync(path.join(__dirname, 'public', 'wasm', 'wasm_exec.js'));
 
-const wasmScripts = hasWasm
-  ? '<script src="/wasm/wasm_exec.js"></script>'
-  : '<script>console.warn("Go WASM not built — run `npm run build:wasm` (requires Go)");</script>';
-
 // ---------------------------------------------------------------------------
 // SSR: render the App on the server, then hydrate on the client
 // ---------------------------------------------------------------------------
@@ -166,11 +177,20 @@ app.get('*', async (req: Request, res: Response, next: NextFunction) => {
       route,
       serverTime: new Date().toISOString(),
       serverRendered: true,
-      users: store.users
+      users: store.users,
+      hasWasm
     };
 
     const content = await renderToString(jsx(App, { route, initialState }));
 
+    // Load the Go runtime only on the /wasm page — Home/About never pay for it.
+    // Direct visits get it server-side; SPA navigation loads it dynamically.
+    const wasmRuntimeScript = req.path.startsWith('/wasm')
+      ? (hasWasm
+          ? '<script src="/wasm/wasm_exec.js" defer></script>'
+          : '<script>console.warn("Go WASM not built — run `npm run build:wasm` (requires Go)");</script>')
+      : '';
+
     const html = `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -183,8 +203,8 @@ app.get('*', async (req: Request, res: Response, next: NextFunction) => {
 </head>
 <body>
   <div id="root">${content}</div>
-  ${wasmScripts}
-  ${isDev ? '<script src="/socket.io/socket.io.js"></script>' : ''}
+  ${wasmRuntimeScript}
+  ${isDev ? '<script src="/socket.io/socket.io.js" defer></script>' : ''}
   <script src="/build/main.js" type="module"></script>
 </body>
 </html>`;
@@ -215,6 +235,9 @@ if (isDev) {
   watcher.on('change', async (changedPath) => {
     console.log(`[Watcher] Changed: ${changedPath}`);
     try {
+      if (changedPath.endsWith('styles.css')) {
+        await buildStyles();
+      }
       await esbuildContext?.rebuild();
       io.emit('reload');
       console.log('[Watcher] Rebuild + reload sent');

package/templates/fullstack-app/src/App.tsx

@@ -18,11 +18,14 @@ function parseRoute(pathname: string): string {
 export function App({ route, initialState }: AppProps) {
   const [current, setCurrent] = useState<string>(parseRoute(route || (typeof window !== 'undefined' ? window.location.pathname : '/')));
 
-  const navigate = (target: string) => {
+  const navigate = (e: any, target: string, href: string) => {
+    if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
+      return; // let the browser handle new-tab / new-window navigation
+    }
+    e.preventDefault();
     setCurrent(target);
     if (typeof window !== 'undefined') {
-      const path = target === 'home' ? '/' : `/${target}`;
-      window.history.pushState(null, '', path);
+      window.history.pushState(null, '', href);
     }
   };
 
@@ -36,22 +39,24 @@ export function App({ route, initialState }: AppProps) {
     <div className="min-h-screen flex flex-col bg-gray-50">
       <header className="bg-blue-700 text-white shadow">
         <div className="max-w-5xl mx-auto px-4 py-4 flex items-center justify-between">
-          <button onClick={() => navigate('home')} className="text-xl font-bold hover:text-blue-100">
+          <a href="/" onClick={(e: any) => navigate(e, 'home', '/')} className="text-xl font-bold hover:text-blue-100">
             Baraqex Full-Stack
-          </button>
+          </a>
           <nav>
             <ul className="flex space-x-6">
               {navItems.map((item) => (
                 <li key={item.key}>
-                  <button
-                    onClick={() => navigate(item.key)}
+                  <a
+                    href={item.href}
+                    onClick={(e: any) => navigate(e, item.key, item.href)}
+                    aria-current={current === item.key ? 'page' : undefined}
                     className={
                       'hover:text-blue-200 ' +
                       (current === item.key ? 'underline font-semibold' : '')
                     }
                   >
                     {item.label}
-                  </button>
+                  </a>
                 </li>
               ))}
             </ul>
@@ -62,7 +67,7 @@ export function App({ route, initialState }: AppProps) {
       <main className="flex-grow max-w-5xl w-full mx-auto px-4 py-8">
         {current === 'home' && <HomePage initialState={initialState} />}
         {current === 'about' && <AboutPage />}
-        {current === 'wasm' && <WasmDemo />}
+        {current === 'wasm' && <WasmDemo hasWasm={!!initialState?.hasWasm} />}
       </main>
 
       <footer className="bg-gray-800 text-white">

package/templates/fullstack-app/src/main.tsx

@@ -1,6 +1,5 @@
 import { hydrate, jsx } from 'baraqex';
 import { App } from './App';
-import './styles.css';
 
 declare global {
   interface Window {

package/templates/fullstack-app/src/pages/Home.tsx

@@ -1,4 +1,4 @@
-import { jsx, useState } from 'baraqex';
+import { jsx, useState, useEffect } from 'baraqex';
 
 export interface HomeState {
   users?: any[];
@@ -6,19 +6,62 @@ export interface HomeState {
   serverTime?: string;
 }
 
+let usersCache: any[] | null = null;
+let usersRequest: Promise<any[]> | null = null;
+
+async function fetchUsers(): Promise<any[]> {
+  if (usersRequest) return usersRequest;
+  usersRequest = fetch('/api/users').then((res) => {
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    return res.json();
+  }).finally(() => {
+    usersRequest = null;
+  });
+  return usersRequest;
+}
+
 export function HomePage({ initialState }: { initialState?: any }) {
   const initial: HomeState = initialState || { users: [], posts: [] };
-  const [users, setUsers] = useState<any[]>(initial.users || []);
+  const [users, setUsers] = useState<any[]>(usersCache || initial.users || []);
+  const [loading, setLoading] = useState(usersCache === null && !initial.users);
   const [message, setMessage] = useState('');
 
+  useEffect(() => {
+    if (usersCache) {
+      setUsers(usersCache);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    fetchUsers()
+      .then((data) => {
+        if (cancelled) return;
+        usersCache = data;
+        setUsers(data);
+        setLoading(false);
+      })
+      .catch((e: any) => {
+        if (cancelled) return;
+        setLoading(false);
+        setMessage('Failed to load data: ' + e.message);
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
   const refresh = async () => {
+    setLoading(true);
+    setMessage('');
     try {
-      const res = await fetch('/api/users');
-      const data = await res.json();
+      usersCache = null;
+      const data = await fetchUsers();
       setUsers(data);
       setMessage('Data refreshed from /api/users');
     } catch (e: any) {
       setMessage('Failed to load data: ' + e.message);
+    } finally {
+      setLoading(false);
     }
   };
 
@@ -44,24 +87,29 @@ export function HomePage({ initialState }: { initialState?: any }) {
           <h2 className="text-xl font-semibold text-gray-800">Users (fetched via API)</h2>
           <button
             onClick={refresh}
-            className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"
+            className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-40"
+            disabled={loading}
           >
-            Refresh
+            {loading ? 'Loading…' : 'Refresh'}
           </button>
         </div>
         {message && <p className="text-green-700 text-sm mb-3">{message}</p>}
-        <ul className="divide-y divide-gray-200">
-          {(users || []).map((user: any) => (
-            <li key={user.id} className="py-2 flex items-center justify-between">
-              <span className="font-medium">{user.name}</span>
-              <span className="text-sm text-gray-500">{user.email}</span>
-            </li>
-          ))}
-        </ul>
-        {(users || []).length === 0 && (
-          <p className="text-gray-500 text-sm">No users loaded yet. Click Refresh.</p>
+        {loading && users.length === 0 ? (
+          <p className="text-gray-500 text-sm">Loading users…</p>
+        ) : (
+          <ul className="divide-y divide-gray-200">
+            {(users || []).map((user: any) => (
+              <li key={user.id} className="py-2 flex items-center justify-between">
+                <span className="font-medium">{user.name}</span>
+                <span className="text-sm text-gray-500">{user.email}</span>
+              </li>
+            ))}
+          </ul>
+        )}
+        {!loading && (users || []).length === 0 && !message && (
+          <p className="text-gray-500 text-sm">No users loaded yet.</p>
         )}
       </section>
     </div>
   );
-}
+}

package/templates/fullstack-app/src/pages/WasmDemo.tsx

@@ -1,18 +1,39 @@
 import { jsx, useState, useEffect, batchUpdates } from 'baraqex';
 import { loadGoWasm } from 'baraqex';
 
-export function WasmDemo() {
+/**
+ * Ensure the Go runtime (wasm_exec.js) is available before loading the module.
+ * The SSR page preloads it on direct visits; SPA navigation loads it on demand.
+ */
+function ensureWasmRuntime(): Promise<void> {
+  const w = window as any;
+  if (w.Go) return Promise.resolve();
+  return new Promise((resolve, reject) => {
+    const script = document.createElement('script');
+    script.src = '/wasm/wasm_exec.js';
+    script.async = true;
+    script.onload = () => resolve();
+    script.onerror = () => reject(new Error('/wasm/wasm_exec.js could not be loaded'));
+    document.head.appendChild(script);
+  });
+}
+
+export function WasmDemo({ hasWasm = false }: { hasWasm?: boolean }) {
   const [ready, setReady] = useState(false);
-  const [status, setStatus] = useState('Loading Go WASM...');
-  const [output, setOutput] = useState('');
+  const [status, setStatus] = useState(hasWasm ? 'Preparing Go WASM…' : 'Go WASM not built');
+  const [output, setOutput] = useState(hasWasm ? '' : 'Run `npm run build:wasm` (requires Go) to enable this page.');
   const [a, setA] = useState('5');
   const [b, setB] = useState('7');
   const [n, setN] = useState('10');
 
   useEffect(() => {
+    if (!hasWasm) return;
     let cancelled = false;
     (async () => {
       try {
+        setStatus('Loading Go WASM module…');
+        await ensureWasmRuntime();
+        if (cancelled) return;
         await loadGoWasm('/wasm/example.wasm');
         if (cancelled) return;
         batchUpdates(() => {