frontend-hamroun 1.2.80 → 1.2.83

package/templates/wasm/src/client.tsx

@@ -0,0 +1,220 @@
+import { jsx, render } from 'frontend-hamroun';
+import { loadGoWasm } from '../wasm-loader.js';
+
+// WASM Demo Component
+function WasmDemo() {
+  const [wasmReady, setWasmReady] = useState(false);
+  const [result, setResult] = useState('');
+  const [input1, setInput1] = useState('5');
+  const [input2, setInput2] = useState('3');
+  const [fibInput, setFibInput] = useState('10');
+
+  useEffect(() => {
+    loadWasm();
+  }, []);
+
+  const loadWasm = async () => {
+    try {
+      await loadGoWasm('/example.wasm');
+      setWasmReady(true);
+      setResult('✅ Go WASM module loaded successfully!');
+    } catch (error) {
+      setResult(`❌ Failed to load WASM: ${error.message}`);
+    }
+  };
+
+  const testAdd = () => {
+    if (!wasmReady) return;
+    try {
+      const num1 = parseFloat(input1);
+      const num2 = parseFloat(input2);
+      const result = (window as any).add(num1, num2);
+      setResult(`Add result: ${num1} + ${num2} = ${result}`);
+    } catch (error) {
+      setResult(`Error: ${error.message}`);
+    }
+  };
+
+  const testFibonacci = () => {
+    if (!wasmReady) return;
+    try {
+      const n = parseInt(fibInput);
+      const result = (window as any).fibonacci(n);
+      setResult(`Fibonacci(${n}) = ${result}`);
+    } catch (error) {
+      setResult(`Error: ${error.message}`);
+    }
+  };
+
+  const testProcessArray = () => {
+    if (!wasmReady) return;
+    try {
+      const testArray = [1, 2, 3, 4, 5];
+      const result = (window as any).processArray(testArray);
+      const resultArray = Array.from(result);
+      setResult(`Process array [${testArray.join(', ')}] = [${resultArray.join(', ')}]`);
+    } catch (error) {
+      setResult(`Error: ${error.message}`);
+    }
+  };
+
+  const testFormatMessage = () => {
+    if (!wasmReady) return;
+    try {
+      const message = 'Hello from JavaScript!';
+      const result = (window as any).formatMessage(message);
+      setResult(`Formatted: ${result}`);
+    } catch (error) {
+      setResult(`Error: ${error.message}`);
+    }
+  };
+
+  const testPerformance = () => {
+    if (!wasmReady) return;
+    try {
+      const iterations = 100000;
+      const startTime = performance.now();
+      const result = (window as any).performanceBenchmark(iterations);
+      const endTime = performance.now();
+      
+      setResult(
+        `Performance test: ${result.message}\n` +
+        `Result: ${result.result}\n` +
+        `Time: ${(endTime - startTime).toFixed(2)}ms`
+      );
+    } catch (error) {
+      setResult(`Error: ${error.message}`);
+    }
+  };
+
+  const testTypeDemo = () => {
+    if (!wasmReady) return;
+    try {
+      const result = (window as any).typeDemo();
+      setResult(
+        `Type demo results:\n` +
+        `String: ${result.string}\n` +
+        `Number: ${result.number}\n` +
+        `Boolean: ${result.boolean}\n` +
+        `Array: [${Array.from(result.array).join(', ')}]`
+      );
+    } catch (error) {
+      setResult(`Error: ${error.message}`);
+    }
+  };
+
+  return jsx('div', {
+    className: 'wasm-demo',
+    children: [
+      jsx('h1', { children: '🚀 Frontend Hamroun + Go WASM Demo' }),
+      
+      jsx('div', {
+        className: 'status',
+        children: jsx('p', {
+          className: wasmReady ? 'ready' : 'loading',
+          children: wasmReady ? '✅ WASM Ready' : '⏳ Loading WASM...'
+        })
+      }),
+
+      jsx('div', {
+        className: 'controls',
+        children: [
+          jsx('h2', { children: '🧮 Arithmetic Operations' }),
+          jsx('div', {
+            className: 'input-group',
+            children: [
+              jsx('input', {
+                type: 'number',
+                value: input1,
+                onChange: (e: any) => setInput1(e.target.value),
+                placeholder: 'First number'
+              }),
+              jsx('span', { children: ' + ' }),
+              jsx('input', {
+                type: 'number',
+                value: input2,
+                onChange: (e: any) => setInput2(e.target.value),
+                placeholder: 'Second number'
+              }),
+              jsx('button', {
+                onClick: testAdd,
+                disabled: !wasmReady,
+                children: 'Calculate'
+              })
+            ]
+          }),
+
+          jsx('h2', { children: '🔢 Fibonacci Sequence' }),
+          jsx('div', {
+            className: 'input-group',
+            children: [
+              jsx('input', {
+                type: 'number',
+                value: fibInput,
+                onChange: (e: any) => setFibInput(e.target.value),
+                placeholder: 'Fibonacci number'
+              }),
+              jsx('button', {
+                onClick: testFibonacci,
+                disabled: !wasmReady,
+                children: 'Calculate Fibonacci'
+              })
+            ]
+          }),
+
+          jsx('h2', { children: '🔧 Advanced Functions' }),
+          jsx('div', {
+            className: 'button-group',
+            children: [
+              jsx('button', {
+                onClick: testProcessArray,
+                disabled: !wasmReady,
+                children: 'Process Array'
+              }),
+              jsx('button', {
+                onClick: testFormatMessage,
+                disabled: !wasmReady,
+                children: 'Format Message'
+              }),
+              jsx('button', {
+                onClick: testPerformance,
+                disabled: !wasmReady,
+                children: 'Performance Test'
+              }),
+              jsx('button', {
+                onClick: testTypeDemo,
+                disabled: !wasmReady,
+                children: 'Type Demo'
+              })
+            ]
+          })
+        ]
+      }),
+
+      jsx('div', {
+        className: 'result',
+        children: [
+          jsx('h3', { children: '📋 Result:' }),
+          jsx('pre', { children: result })
+        ]
+      })
+    ]
+  });
+}
+
+// App Component
+function App() {
+  return jsx('div', {
+    className: 'app',
+    children: jsx(WasmDemo, {})
+  });
+}
+
+// Render the app
+const appElement = document.getElementById('app');
+if (appElement) {
+  render(jsx(App, {}), appElement);
+}
+
+// Import statements for hooks
+import { useState, useEffect } from 'frontend-hamroun';

package/templates/wasm/src/index.tsx

@@ -0,0 +1,21 @@
+import { jsx, render } from 'frontend-hamroun';
+import App from './App.tsx';
+
+// Simple render without infinite loops
+function startApp() {
+  const appElement = jsx(App, {});
+  const rootElement = document.getElementById('app');
+  
+  if (rootElement) {
+    render(appElement, rootElement);
+  } else {
+    console.error('Root element not found');
+  }
+}
+
+// Start when DOM is ready
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', startApp);
+} else {
+  startApp();
+}

package/templates/wasm/src/server.ts

@@ -0,0 +1,145 @@
+import { createServer } from 'frontend-hamroun';
+import { loadGoWasmFromFile } from 'frontend-hamroun';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Create server instance
+const server = createServer({
+  port: 3000,
+  staticDir: './public',
+  pagesDir: './src/pages',
+  apiDir: './src/api'
+});
+
+// Server-side WASM integration example
+async function initServerWasm() {
+  try {
+    console.log('🔄 Initializing server-side Go WASM...');
+    
+    const wasmPath = path.join(__dirname, '..', 'public', 'example.wasm');
+    const wasmInstance = await loadGoWasmFromFile(wasmPath, {
+      debug: true,
+      onLoad: (instance) => {
+        console.log('✅ Go WASM loaded on server side');
+        
+        // Test server-side WASM functions
+        try {
+          if (instance.functions.add) {
+            const result = instance.functions.add(5, 3);
+            console.log('Server WASM test - add(5, 3):', result);
+          }
+          
+          if (instance.functions.fibonacci) {
+            const fibResult = instance.functions.fibonacci(10);
+            console.log('Server WASM test - fibonacci(10):', fibResult);
+          }
+        } catch (error) {
+          console.log('Server WASM test functions not available:', error.message);
+        }
+      }
+    });
+    
+    // Make WASM instance available to API routes
+    server.getExpressApp().locals.wasm = wasmInstance;
+    
+  } catch (error) {
+    console.error('❌ Failed to initialize server-side WASM:', error);
+  }
+}
+
+// API route example using server-side WASM
+server.getExpressApp().get('/api/wasm/compute', async (req, res) => {
+  try {
+    const { operation, a, b } = req.query;
+    const wasmInstance = req.app.locals.wasm;
+    
+    if (!wasmInstance) {
+      return res.status(500).json({ error: 'WASM not initialized' });
+    }
+    
+    let result;
+    switch (operation) {
+      case 'add':
+        if (wasmInstance.functions.add) {
+          result = wasmInstance.functions.add(Number(a), Number(b));
+        } else {
+          throw new Error('Add function not available');
+        }
+        break;
+      case 'fibonacci':
+        if (wasmInstance.functions.fibonacci) {
+          result = wasmInstance.functions.fibonacci(Number(a));
+        } else {
+          throw new Error('Fibonacci function not available');
+        }
+        break;
+      default:
+        throw new Error('Unknown operation');
+    }
+    
+    res.json({
+      success: true,
+      operation,
+      result,
+      serverTime: new Date().toISOString()
+    });
+  } catch (error) {
+    res.status(400).json({
+      success: false,
+      error: error.message
+    });
+  }
+});
+
+// Health check endpoint
+server.getExpressApp().get('/api/health', (req, res) => {
+  res.json({
+    status: 'healthy',
+    wasm: !!req.app.locals.wasm,
+    timestamp: new Date().toISOString()
+  });
+});
+
+// Start server
+async function startServer() {
+  try {
+    // Initialize WASM first
+    await initServerWasm();
+    
+    // Start the server
+    await server.start();
+    
+    console.log('🚀 Server started successfully!');
+    console.log('📋 Available endpoints:');
+    console.log('   • http://localhost:3000 - Main app');
+    console.log('   • http://localhost:3000/api/health - Health check');
+    console.log('   • http://localhost:3000/api/wasm/compute - WASM compute API');
+    console.log('');
+    console.log('💡 Example API calls:');
+    console.log('   • /api/wasm/compute?operation=add&a=5&b=3');
+    console.log('   • /api/wasm/compute?operation=fibonacci&a=10');
+    
+  } catch (error) {
+    console.error('❌ Failed to start server:', error);
+    process.exit(1);
+  }
+}
+
+// Graceful shutdown
+process.on('SIGTERM', async () => {
+  console.log('🛑 Received SIGTERM, shutting down gracefully...');
+  await server.stop();
+  process.exit(0);
+});
+
+process.on('SIGINT', async () => {
+  console.log('🛑 Received SIGINT, shutting down gracefully...');
+  await server.stop();
+  process.exit(0);
+});
+
+// Start the server
+startServer();

package/templates/wasm/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "jsxImportSource": "frontend-hamroun",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/templates/wasm/tsconfig.node.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "noEmit": true,
+    "types": ["node"]
+  },
+  "include": ["vite.config.*", "vitest.config.*", "build-wasm.js", "esbuild.config.js"]
+}

package/templates/wasm/tsconfig.server.json

@@ -0,0 +1,23 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "ESNext",
+    "outDir": "dist",
+    "noEmit": false,
+    "jsx": "preserve",
+    "moduleResolution": "bundler",
+    "composite": true,
+    "skipLibCheck": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "target": "ES2020",
+    "lib": ["ES2020"],
+    "types": ["node"],
+    "esModuleInterop": true,
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true
+  },
+  "include": ["src/server.ts", "**/*.ts", "**/*.js"],
+  "exclude": ["node_modules", "dist"]
+}

package/templates/wasm/vite.config.ts

@@ -0,0 +1,38 @@
+import { defineConfig } from 'vite';
+import path from 'path';
+
+export default defineConfig({
+  esbuild: {
+    jsx: 'transform',
+    jsxFactory: 'jsx',
+    jsxFragment: 'Fragment',
+    jsxImportSource: 'frontend-hamroun',
+  },
+  optimizeDeps: {
+    include: ['frontend-hamroun'],
+    exclude: []
+  },
+  server: {
+    fs: {
+      allow: ['..', '../..']
+    },
+    headers: {
+      'Cross-Origin-Embedder-Policy': 'require-corp',
+      'Cross-Origin-Opener-Policy': 'same-origin'
+    }
+  },
+  build: {
+    target: 'esnext',
+    rollupOptions: {
+      output: {
+        format: 'es'
+      }
+    }
+  },
+  resolve: {
+    alias: {
+      'frontend-hamroun/jsx-dev-runtime': 'frontend-hamroun',
+      'frontend-hamroun/jsx-runtime': 'frontend-hamroun'
+    }
+  }
+});

package/templates/wasm/wasm-loader.js

@@ -0,0 +1,103 @@
+/**
+ * WASM Loader for Frontend Hamroun Go WASM integration
+ */
+
+let wasmInstance = null;
+let wasmReady = false;
+
+export async function loadGoWasm(wasmPath, options = {}) {
+  if (wasmReady) {
+    return wasmInstance;
+  }
+
+  try {
+    console.log('🔄 Loading Go WASM module from:', wasmPath);
+
+    // Load the Go WASM runtime
+    if (!window.Go) {
+      await loadWasmExecJs();
+    }
+
+    // Create Go instance
+    const go = new window.Go();
+    
+    // Fetch and instantiate WASM
+    const wasmModule = await WebAssembly.instantiateStreaming(
+      fetch(wasmPath),
+      go.importObject
+    );
+
+    // Run the Go program
+    go.run(wasmModule.instance);
+
+    wasmInstance = {
+      instance: wasmModule.instance,
+      module: wasmModule.module,
+      go: go
+    };
+
+    wasmReady = true;
+    
+    console.log('✅ Go WASM module loaded successfully!');
+    
+    if (options.onLoad) {
+      options.onLoad(wasmInstance);
+    }
+
+    return wasmInstance;
+    
+  } catch (error) {
+    console.error('❌ Failed to load Go WASM module:', error);
+    throw error;
+  }
+}
+
+async function loadWasmExecJs() {
+  return new Promise((resolve, reject) => {
+    const script = document.createElement('script');
+    script.src = '/wasm_exec.js';
+    script.onload = resolve;
+    script.onerror = () => reject(new Error('Failed to load wasm_exec.js'));
+    document.head.appendChild(script);
+  });
+}
+
+export function isWasmReady() {
+  return wasmReady;
+}
+
+export function getWasmInstance() {
+  return wasmInstance;
+}
+
+// Utility functions for calling Go functions safely
+export function callGoFunction(functionName, ...args) {
+  if (!wasmReady) {
+    throw new Error('WASM module not ready');
+  }
+  
+  if (typeof window[functionName] !== 'function') {
+    throw new Error(`Go function '${functionName}' not found`);
+  }
+  
+  return window[functionName](...args);
+}
+
+export async function waitForWasm(timeout = 10000) {
+  if (wasmReady) return wasmInstance;
+  
+  return new Promise((resolve, reject) => {
+    const checkInterval = setInterval(() => {
+      if (wasmReady) {
+        clearInterval(checkInterval);
+        clearTimeout(timeoutId);
+        resolve(wasmInstance);
+      }
+    }, 100);
+    
+    const timeoutId = setTimeout(() => {
+      clearInterval(checkInterval);
+      reject(new Error('WASM loading timeout'));
+    }, timeout);
+  });
+}

package/dist/server-renderer-CqIpQ-od.cjs

@@ -1,2 +0,0 @@
-"use strict";exports.isBatching=!1;const e=[];function t(t){if(exports.isBatching)e.push(t);else{exports.isBatching=!0;try{for(t();e.length>0;){const t=e.shift();t?.()}}finally{exports.isBatching=!1}}}let r=0;const n=new Map,s=new Map,o=new Map,c=new Map,i=new Map,p="undefined"==typeof window,u=new Map;let a=null,l=null,f=null;function h(){return r++,s.set(r,0),r}function d(){p&&u.delete(r),r=0}function g(e){if(!r)throw new Error("useState must be called within a render");if(p){u.has(r)||u.set(r,new Map);const t=u.get(r),n=s.get(r)||0;t.has(n)||t.set(n,e);const o=t.get(n),c=e=>{};return s.set(r,n+1),[o,c]}n.has(r)||n.set(r,[]);const o=n.get(r),c=s.get(r)||0;c>=o.length&&o.push(e);const i=o[c];return s.set(r,c+1),[i,e=>{const n="function"==typeof e?e(o[c]):e;o[c]!==n&&(o[c]=n,exports.isBatching?t((()=>y(r))):y(r))}]}async function y(e){try{const t=o.get(e);t&&(t.forEach((e=>{e.cleanup&&e.cleanup()})),o.set(e,[])),a&&l&&f&&await a(f,l)}catch(t){console.error("Error during rerender:",t)}}function w(e){if(null==e)return"";if("boolean"==typeof e)return"";if("number"==typeof e||"string"==typeof e)return m(String(e));if("function"==typeof e.type){return w((0,e.type)(e.props||{}))}if("string"==typeof e.type){const t=e.type;let r="",n="";if(e.props)for(const[o,c]of Object.entries(e.props))"children"!==o&&(o.startsWith("on")||("className"!==o?"string"==typeof c||"number"==typeof c?r+=` ${o}="${m(String(c))}"`:!0===c&&(r+=` ${o}`):r+=` class="${m(c)}"`));const s=e.props?.children?Array.isArray(e.props.children)?e.props.children:[e.props.children]:[];for(const e of s)n+=w(e);return["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"].includes(t)?`<${t}${r}/>`:`<${t}${r}>${n}</${t}>`}if(e.type===Symbol.for("react.fragment")){let t="";const r=Array.isArray(e.props?.children)?e.props.children:e.props?.children?[e.props.children]:[];for(const e of r)t+=w(e);return t}return console.warn("Unknown vnode type:",e.type),""}function m(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}exports.batchUpdates=t,exports.finishRender=d,exports.getIsBatching=function(){return exports.isBatching},exports.prepareRender=h,exports.renderToString=function(e){h();const t=w(e);return d(),t},exports.setRenderCallback=function(e,t,r){a=e,l=r,f=t},exports.useEffect=function(e,t){if(!r)throw new Error("useEffect must be called within a render");if(p){const e=s.get(r)||0;return void s.set(r,e+1)}const n=s.get(r)||0;o.has(r)||o.set(r,[]);const c=o.get(r),i=c[n];i&&t&&i.deps&&!t.some(((e,t)=>e!==i.deps[t]))||(i?.cleanup&&i.cleanup(),queueMicrotask((()=>{const r=e()||void 0;c[n]={cleanup:r,deps:t||[]}}))),s.set(r,n+1)},exports.useErrorBoundary=function(){const[e,t]=g(null);return[e,()=>t(null)]},exports.useMemo=function(e,t){if(!r)throw new Error("useMemo must be called within a render");const n=s.get(r)||0;c.has(r)||c.set(r,[]);const o=c.get(r),i=o[n];if(!i||t&&t.some(((e,t)=>!Object.is(e,i.deps[t])))){const c=e();return o[n]={value:c,deps:t||[]},s.set(r,n+1),c}return s.set(r,n+1),i.value},exports.useRef=function(e){if(!r)throw new Error("useRef must be called within a render");const t=s.get(r)||0;i.has(r)||i.set(r,[]);const n=i.get(r);if(t>=n.length){const o={current:e};return n.push(o),s.set(r,t+1),o}const o=n[t];return s.set(r,t+1),o},exports.useState=g;
-//# sourceMappingURL=server-renderer-CqIpQ-od.cjs.map

package/dist/server-renderer-CqIpQ-od.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"server-renderer-CqIpQ-od.cjs","sources":["../src/batch.ts","../src/hooks.ts","../src/server-renderer.ts"],"sourcesContent":["export let isBatching = false;\r\nconst queue: Function[] = [];\r\n\r\nexport function batchUpdates(fn: Function) {\r\n  if (isBatching) {\r\n    queue.push(fn);\r\n    return;\r\n  }\r\n\r\n  isBatching = true;\r\n  try {\r\n    fn();\r\n    while (queue.length > 0) {\r\n      const nextFn = queue.shift();\r\n      nextFn?.();\r\n    }\r\n  } finally {\r\n    isBatching = false;\r\n  }\r\n}\r\n\r\nexport function getIsBatching() {\r\n  return isBatching;\r\n}\r\n","import { createElement } from './jsx-runtime.js';\r\nimport { batchUpdates, isBatching } from './batch.js';\r\nimport { diff } from './vdom.js';\r\nimport { createContext, useContext } from './context.js';\r\n\r\n// Current render ID counter\r\nlet currentRender = 0;\r\n\r\n// State storage\r\nconst states = new Map<number, any[]>();\r\nconst stateIndices = new Map<number, number>();\r\nconst effects = new Map<number, any[]>();\r\nconst memos = new Map<number, any[]>();\r\nconst refs = new Map<number, any[]>();\r\n\r\n// Server-side rendering detection\r\nconst isServer = typeof window === 'undefined';\r\nconst serverStates = new Map<number, Map<number, any>>();\r\n\r\n// Rendering callbacks\r\nlet globalRenderCallback: any = null;\r\nlet globalContainer: any = null;\r\nlet currentElement: any = null;\r\n\r\nexport function setRenderCallback(callback: any, element: any, container: any): void {\r\n  globalRenderCallback = callback;\r\n  globalContainer = container;\r\n  currentElement = element;\r\n}\r\n\r\nexport function prepareRender(): number {\r\n  currentRender++;\r\n  stateIndices.set(currentRender, 0);\r\n  return currentRender;\r\n}\r\n\r\nexport function finishRender(): void {\r\n  if (isServer) {\r\n    serverStates.delete(currentRender);\r\n  }\r\n  currentRender = 0;\r\n}\r\n\r\nexport function useState<T>(initial: T): [T, (newValue: T | ((prev: T) => T)) => void] {\r\n  if (!currentRender) {\r\n    throw new Error(\"useState must be called within a render\");\r\n  }\r\n\r\n  // Handle server-side rendering separately\r\n  if (isServer) {\r\n    if (!serverStates.has(currentRender)) {\r\n      serverStates.set(currentRender, new Map());\r\n    }\r\n    const componentState = serverStates.get(currentRender)!;\r\n    const index = stateIndices.get(currentRender) || 0;\r\n    \r\n    if (!componentState.has(index)) {\r\n      componentState.set(index, initial);\r\n    }\r\n    \r\n    const state = componentState.get(index);\r\n    // In SSR, setState is a no-op\r\n    const setState = (_newValue: T | ((prev: T) => T)) => {};\r\n    \r\n    stateIndices.set(currentRender, index + 1);\r\n    return [state, setState];\r\n  }\r\n\r\n  // Client-side implementation\r\n  if (!states.has(currentRender)) {\r\n    states.set(currentRender, []);\r\n  }\r\n  \r\n  const componentStates = states.get(currentRender)!;\r\n  const index = stateIndices.get(currentRender) || 0;\r\n  \r\n  if (index >= componentStates.length) {\r\n    componentStates.push(initial);\r\n  }\r\n  \r\n  const state = componentStates[index];\r\n  \r\n  const setState = (newValue: T | ((prev: T) => T)) => {\r\n    const nextValue = typeof newValue === 'function'\r\n      ? (newValue as ((prev: T) => T))(componentStates[index])\r\n      : newValue;\r\n      \r\n    if (componentStates[index] === nextValue) return;\r\n    \r\n    componentStates[index] = nextValue;\r\n    \r\n    if (isBatching) {\r\n      batchUpdates(() => rerender(currentRender));\r\n    } else {\r\n      rerender(currentRender);\r\n    }\r\n  };\r\n  \r\n  stateIndices.set(currentRender, index + 1);\r\n  return [state, setState];\r\n}\r\n\r\nexport function useEffect(callback: () => void | (() => void), deps?: any[]): void {\r\n  if (!currentRender) throw new Error(\"useEffect must be called within a render\");\r\n\r\n  // Skip effects on server\r\n  if (isServer) {\r\n    const effectIndex = stateIndices.get(currentRender) || 0;\r\n    stateIndices.set(currentRender, effectIndex + 1);\r\n    return;\r\n  }\r\n\r\n  const effectIndex = stateIndices.get(currentRender) || 0;\r\n  \r\n  if (!effects.has(currentRender)) {\r\n    effects.set(currentRender, []);\r\n  }\r\n  \r\n  const componentEffects = effects.get(currentRender)!;\r\n  const prevEffect = componentEffects[effectIndex];\r\n  \r\n  if (!prevEffect || !deps || !prevEffect.deps || deps.some((dep, i) => dep !== prevEffect.deps[i])) {\r\n    if (prevEffect?.cleanup) {\r\n      prevEffect.cleanup();\r\n    }\r\n    \r\n    // Schedule effect execution after render is complete\r\n    queueMicrotask(() => {\r\n      const cleanup = callback() || undefined;\r\n      componentEffects[effectIndex] = { cleanup, deps: deps || [] };\r\n    });\r\n  }\r\n  \r\n  stateIndices.set(currentRender, effectIndex + 1);\r\n}\r\n\r\nexport function useMemo<T>(factory: () => T, deps?: any[]): T {\r\n  if (!currentRender) throw new Error(\"useMemo must be called within a render\");\r\n  \r\n  const memoIndex = stateIndices.get(currentRender) || 0;\r\n  \r\n  if (!memos.has(currentRender)) {\r\n    memos.set(currentRender, []);\r\n  }\r\n  \r\n  const componentMemos = memos.get(currentRender)!;\r\n  const prevMemo = componentMemos[memoIndex];\r\n  \r\n  if (!prevMemo || (deps && deps.some((dep, i) => !Object.is(dep, prevMemo.deps[i])))) {\r\n    const value = factory();\r\n    componentMemos[memoIndex] = { value, deps: deps || [] };\r\n    stateIndices.set(currentRender, memoIndex + 1);\r\n    return value;\r\n  }\r\n  \r\n  stateIndices.set(currentRender, memoIndex + 1);\r\n  return prevMemo.value;\r\n}\r\n\r\nexport function useRef<T>(initial: T): { current: T } {\r\n  if (!currentRender) throw new Error(\"useRef must be called within a render\");\r\n  \r\n  const refIndex = stateIndices.get(currentRender) || 0;\r\n  \r\n  if (!refs.has(currentRender)) {\r\n    refs.set(currentRender, []);\r\n  }\r\n  \r\n  const componentRefs = refs.get(currentRender)!;\r\n  \r\n  if (refIndex >= componentRefs.length) {\r\n    const ref = { current: initial };\r\n    componentRefs.push(ref);\r\n    stateIndices.set(currentRender, refIndex + 1);\r\n    return ref;\r\n  }\r\n  \r\n  const ref = componentRefs[refIndex];\r\n  stateIndices.set(currentRender, refIndex + 1);\r\n  return ref;\r\n}\r\n\r\nasync function rerender(rendererId: number): Promise<void> {\r\n  try {\r\n    // Clean up effects\r\n    const componentEffects = effects.get(rendererId);\r\n    if (componentEffects) {\r\n      componentEffects.forEach(effect => {\r\n        if (effect.cleanup) effect.cleanup();\r\n      });\r\n      effects.set(rendererId, []);\r\n    }\r\n    \r\n    // Trigger re-render\r\n    if (globalRenderCallback && globalContainer && currentElement) {\r\n      await globalRenderCallback(currentElement, globalContainer);\r\n    }\r\n  } catch (error) {\r\n    console.error('Error during rerender:', error);\r\n  }\r\n}\r\n\r\nexport function useErrorBoundary() {\r\n  const [error, setError] = useState(null);\r\n  return [error, () => setError(null)];\r\n}\r\n\r\n// Re-export from context to match index.js\r\nexport { createContext, useContext };\r\n","import { VNode } from './types.js';\r\nimport { prepareRender, finishRender } from './hooks.js';\r\n\r\ntype Component = (props: any) => any;\r\n\r\n/**\r\n * Renders a virtual DOM tree to an HTML string\r\n */\r\nexport function renderToString(vnode: VNode): string {\r\n  // Reset hook state for this render\r\n  prepareRender();\r\n  \r\n  // Render the tree to HTML\r\n  const html = renderNodeToString(vnode);\r\n  \r\n  // Clean up after rendering\r\n  finishRender();\r\n  \r\n  return html;\r\n}\r\n\r\n/**\r\n * Internal function to convert a virtual node to an HTML string\r\n */\r\nfunction renderNodeToString(vnode: VNode | string | number | boolean | null | undefined): string {\r\n  // Handle primitive values\r\n  if (vnode === null || vnode === undefined) return '';\r\n  if (typeof vnode === 'boolean') return '';\r\n  if (typeof vnode === 'number' || typeof vnode === 'string') return escapeHtml(String(vnode));\r\n  \r\n  // Handle function components\r\n  if (typeof vnode.type === 'function') {\r\n    const Component = vnode.type as Component;\r\n    const renderedNode = Component(vnode.props || {});\r\n    return renderNodeToString(renderedNode);\r\n  }\r\n  \r\n  // Handle intrinsic elements (regular HTML tags)\r\n  if (typeof vnode.type === 'string') {\r\n    const tag = vnode.type;\r\n    let attrs = '';\r\n    let children = '';\r\n    \r\n    // Convert props to HTML attributes\r\n    if (vnode.props) {\r\n      for (const [key, value] of Object.entries(vnode.props)) {\r\n        // Skip children prop as we handle it separately\r\n        if (key === 'children') continue;\r\n        \r\n        // Skip event handlers (they start with 'on')\r\n        if (key.startsWith('on')) continue;\r\n        \r\n        // Handle the className prop specially\r\n        if (key === 'className') {\r\n          attrs += ` class=\"${escapeHtml(value as string)}\"`;\r\n          continue;\r\n        }\r\n        \r\n        // Handle other attributes\r\n        if (typeof value === 'string' || typeof value === 'number') {\r\n          attrs += ` ${key}=\"${escapeHtml(String(value))}\"`;\r\n        } else if (value === true) {\r\n          // Boolean attributes\r\n          attrs += ` ${key}`;\r\n        }\r\n      }\r\n    }\r\n    \r\n    // Process children\r\n    const childrenArray = (vnode.props?.children) \r\n      ? Array.isArray(vnode.props.children) \r\n        ? vnode.props.children \r\n        : [vnode.props.children]\r\n      : [];\r\n    \r\n    for (const child of childrenArray) {\r\n      children += renderNodeToString(child);\r\n    }\r\n    \r\n    // Self-closing tags\r\n    const selfClosing = [\r\n      'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',\r\n      'link', 'meta', 'param', 'source', 'track', 'wbr'\r\n    ];\r\n    \r\n    if (selfClosing.includes(tag)) {\r\n      return `<${tag}${attrs}/>`;\r\n    }\r\n    \r\n    // Regular tags with closing\r\n    return `<${tag}${attrs}>${children}</${tag}>`;\r\n  }\r\n  \r\n  // Handle fragments\r\n  if (vnode.type === Symbol.for('react.fragment')) {\r\n    let fragmentOutput = '';\r\n    const children = Array.isArray(vnode.props?.children)\r\n      ? vnode.props.children\r\n      : vnode.props?.children ? [vnode.props.children] : [];\r\n    \r\n    for (const child of children) {\r\n      fragmentOutput += renderNodeToString(child);\r\n    }\r\n    \r\n    return fragmentOutput;\r\n  }\r\n  \r\n  // Fallback for unknown node types\r\n  console.warn('Unknown vnode type:', vnode.type);\r\n  return '';\r\n}\r\n\r\n/**\r\n * Escape HTML special characters to prevent XSS\r\n */\r\nfunction escapeHtml(text: string): string {\r\n  return text\r\n    .replace(/&/g, '&amp;')\r\n    .replace(/</g, '&lt;')\r\n    .replace(/>/g, '&gt;')\r\n    .replace(/\"/g, '&quot;')\r\n    .replace(/'/g, '&#039;');\r\n}\r\n"],"names":["isBatching","queue","batchUpdates","fn","push","length","nextFn","shift","currentRender","states","Map","stateIndices","effects","memos","refs","isServer","window","serverStates","globalRenderCallback","globalContainer","currentElement","prepareRender","set","finishRender","delete","useState","initial","Error","has","componentState","get","index","state","setState","_newValue","componentStates","newValue","nextValue","rerender","async","rendererId","componentEffects","forEach","effect","cleanup","error","console","renderNodeToString","vnode","escapeHtml","String","type","Component","props","tag","attrs","children","key","value","Object","entries","startsWith","childrenArray","Array","isArray","child","includes","Symbol","for","fragmentOutput","warn","text","replace","html","callback","element","container","deps","effectIndex","prevEffect","some","dep","i","queueMicrotask","setError","factory","memoIndex","componentMemos","prevMemo","is","refIndex","componentRefs","ref","current"],"mappings":"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"}