frontend-hamroun 1.2.88 → 1.2.90

package/dist/hooks.d.ts

@@ -1,5 +1,5 @@
 export declare function setRenderCallback(callback: any, element: any, container: any): void;
-export declare function prepareRender(component?: any): number;
+export declare function prepareRender(component?: any, isServerSideRender?: boolean): number;
 export declare function finishRender(): void;
 export declare function useState<T>(initial: T): [T, (newValue: T | ((prev: T) => T)) => void];
 export declare function useEffect(callback: () => void | (() => void), deps?: any[]): void;

package/dist/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAkBA,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,GAAG,IAAI,CAInF;AAED,wBAAgB,aAAa,CAAC,SAAS,GAAE,GAAU,GAAG,MAAM,CAK3D;AAED,wBAAgB,YAAY,IAAI,IAAI,CAGnC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAoCrF;AAED,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAyBjF;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAqB5D;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAqBpD;AAsBD,wBAAgB,gBAAgB,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE,MAAM,IAAI,CAAC,CAG7D;AAGD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAmBA,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,GAAG,IAAI,CAInF;AAED,wBAAgB,aAAa,CAAC,SAAS,GAAE,GAAU,EAAE,kBAAkB,GAAE,OAAe,GAAG,MAAM,CAYhG;AAED,wBAAgB,YAAY,IAAI,IAAI,CAInC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAyCrF;AAED,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAgCjF;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAqB5D;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAqBpD;AA2BD,wBAAgB,gBAAgB,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE,MAAM,IAAI,CAAC,CAG7D;AAGD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/hooks.js

@@ -2,6 +2,7 @@ import { batchUpdates, isBatching } from './batch.js';
 // Current render ID counter
 let currentRender = 0;
 let renderContext = null;
+let isSSR = false;
 // State storage
 const states = new Map();
 const stateIndices = new Map();
@@ -17,15 +18,21 @@ export function setRenderCallback(callback, element, container) {
     globalContainer = container;
     currentElement = element;
 }
-export function prepareRender(component = null) {
+export function prepareRender(component = null, isServerSideRender = false) {
     currentRender++;
     renderContext = component;
+    isSSR = isServerSideRender;
     stateIndices.set(currentRender, 0);
+    // Initialize state array for this render if it doesn't exist
+    if (!states.has(currentRender)) {
+        states.set(currentRender, []);
+    }
     return currentRender;
 }
 export function finishRender() {
     renderContext = null;
-    currentRender = 0;
+    // Don't reset currentRender to 0 immediately to preserve state
+    // currentRender = 0;
 }
 export function useState(initial) {
     if (!currentRender) {
@@ -41,6 +48,10 @@ export function useState(initial) {
     }
     const state = componentStates[index];
     const setState = (newValue) => {
+        // For SSR, don't actually update state
+        if (isSSR) {
+            return;
+        }
         const nextValue = typeof newValue === 'function'
             ? newValue(componentStates[index])
             : newValue;
@@ -60,6 +71,12 @@ export function useState(initial) {
 export function useEffect(callback, deps) {
     if (!currentRender)
         throw new Error("useEffect must be called within a render");
+    // Skip effects during SSR
+    if (isSSR) {
+        const effectIndex = stateIndices.get(currentRender) || 0;
+        stateIndices.set(currentRender, effectIndex + 1);
+        return;
+    }
     const effectIndex = stateIndices.get(currentRender) || 0;
     if (!effects.has(currentRender)) {
         effects.set(currentRender, []);
@@ -116,6 +133,10 @@ export function useRef(initial) {
 }
 async function rerender(rendererId) {
     try {
+        // Skip rerender during SSR
+        if (isSSR) {
+            return;
+        }
         // Clean up effects
         const componentEffects = effects.get(rendererId);
         if (componentEffects) {

package/dist/index.cjs

@@ -142,6 +142,7 @@ function useContext(context) {
 
 // Current render ID counter
 let currentRender = 0;
+let isSSR = false;
 // State storage
 const states = new Map();
 const stateIndices = new Map();
@@ -157,13 +158,19 @@ function setRenderCallback(callback, element, container) {
     globalContainer = container;
     currentElement = element;
 }
-function prepareRender(component = null) {
+function prepareRender(component = null, isServerSideRender = false) {
     currentRender++;
+    isSSR = isServerSideRender;
     stateIndices.set(currentRender, 0);
+    // Initialize state array for this render if it doesn't exist
+    if (!states.has(currentRender)) {
+        states.set(currentRender, []);
+    }
     return currentRender;
 }
 function finishRender() {
-    currentRender = 0;
+    // Don't reset currentRender to 0 immediately to preserve state
+    // currentRender = 0;
 }
 function useState(initial) {
     if (!currentRender) {
@@ -179,6 +186,10 @@ function useState(initial) {
     }
     const state = componentStates[index];
     const setState = (newValue) => {
+        // For SSR, don't actually update state
+        if (isSSR) {
+            return;
+        }
         const nextValue = typeof newValue === 'function'
             ? newValue(componentStates[index])
             : newValue;
@@ -198,6 +209,12 @@ function useState(initial) {
 function useEffect(callback, deps) {
     if (!currentRender)
         throw new Error("useEffect must be called within a render");
+    // Skip effects during SSR
+    if (isSSR) {
+        const effectIndex = stateIndices.get(currentRender) || 0;
+        stateIndices.set(currentRender, effectIndex + 1);
+        return;
+    }
     const effectIndex = stateIndices.get(currentRender) || 0;
     if (!effects.has(currentRender)) {
         effects.set(currentRender, []);
@@ -254,6 +271,10 @@ function useRef(initial) {
 }
 async function rerender(rendererId) {
     try {
+        // Skip rerender during SSR
+        if (isSSR) {
+            return;
+        }
         // Clean up effects
         const componentEffects = effects.get(rendererId);
         if (componentEffects) {
@@ -304,8 +325,6 @@ async function render(element, container) {
     }
     catch (error) {
         console.error('Error during render:', error);
-        // Clean up render context on error
-        finishRender();
         throw error;
     }
 }
@@ -325,6 +344,123 @@ async function hydrate(element, container) {
     }
 }
 
+async function renderToString(element) {
+    prepareRender(element); // Pass the element to establish render context
+    try {
+        const html = await renderNodeToString(element);
+        return html;
+    }
+    finally {
+    }
+}
+async function renderNodeToString(node) {
+    // Handle null, undefined, boolean
+    if (node == null || typeof node === 'boolean') {
+        return '';
+    }
+    // Handle primitives
+    if (typeof node === 'string' || typeof node === 'number') {
+        return escapeHtml(String(node));
+    }
+    // Handle arrays
+    if (Array.isArray(node)) {
+        const results = await Promise.all(node.map(child => renderNodeToString(child)));
+        return results.join('');
+    }
+    // Handle objects with type and props (React-like elements)
+    if (node && typeof node === 'object' && 'type' in node) {
+        const { type, props = {} } = node;
+        // Handle function components
+        if (typeof type === 'function') {
+            try {
+                // Set up a new render context for this component
+                const componentRenderId = prepareRender(type);
+                try {
+                    const result = await type(props);
+                    return await renderNodeToString(result);
+                }
+                finally {
+                    finishRender();
+                }
+            }
+            catch (error) {
+                console.error('Error rendering component:', error);
+                return `<!-- Error rendering component: ${error.message} -->`;
+            }
+        }
+        // Handle DOM elements
+        if (typeof type === 'string') {
+            return await renderDOMElement(type, props);
+        }
+    }
+    // Fallback for other objects
+    if (typeof node === 'object') {
+        return escapeHtml(JSON.stringify(node));
+    }
+    return escapeHtml(String(node));
+}
+async function renderDOMElement(tagName, props) {
+    const { children, ...attrs } = props;
+    // Self-closing tags
+    const voidElements = new Set([
+        'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
+        'link', 'meta', 'param', 'source', 'track', 'wbr'
+    ]);
+    // Build attributes string
+    const attributeString = Object.entries(attrs)
+        .filter(([key, value]) => {
+        // Filter out React-specific props and event handlers
+        if (key.startsWith('on') || key === 'key' || key === 'ref')
+            return false;
+        if (value == null || value === false)
+            return false;
+        return true;
+    })
+        .map(([key, value]) => {
+        // Handle className -> class
+        if (key === 'className')
+            key = 'class';
+        // Handle boolean attributes
+        if (value === true)
+            return key;
+        // Handle style objects
+        if (key === 'style' && typeof value === 'object' && value !== null) {
+            const styleString = Object.entries(value)
+                .map(([prop, val]) => `${kebabCase(prop)}:${val}`)
+                .join(';');
+            return `style="${escapeHtml(styleString)}"`;
+        }
+        return `${key}="${escapeHtml(String(value))}"`;
+    })
+        .join(' ');
+    const openTag = `<${tagName}${attributeString ? ' ' + attributeString : ''}>`;
+    // Self-closing elements
+    if (voidElements.has(tagName)) {
+        return openTag.slice(0, -1) + '/>';
+    }
+    // Elements with children
+    const closeTag = `</${tagName}>`;
+    if (children != null) {
+        const childrenString = await renderNodeToString(children);
+        return openTag + childrenString + closeTag;
+    }
+    return openTag + closeTag;
+}
+function escapeHtml(text) {
+    const htmlEscapes = {
+        '&': '&amp;',
+        '<': '&lt;',
+        '>': '&gt;',
+        '"': '&quot;',
+        "'": '&#x27;',
+        '/': '&#x2F;'
+    };
+    return text.replace(/[&<>"'/]/g, (match) => htmlEscapes[match]);
+}
+function kebabCase(str) {
+    return str.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+}
+
 function arePropsEqual(oldProps, newProps) {
     const oldKeys = Object.keys(oldProps).filter(k => k !== 'children');
     const newKeys = Object.keys(newProps).filter(k => k !== 'children');
@@ -1026,6 +1162,7 @@ const frontendHamroun = {
     // Rendering
     render,
     hydrate,
+    renderToString,
     // Hooks
     useState,
     useEffect,
@@ -1100,6 +1237,7 @@ exports.onComponentMounted = onComponentMounted;
 exports.onComponentUnmounted = onComponentUnmounted;
 exports.onComponentUpdated = onComponentUpdated;
 exports.render = render;
+exports.renderToString = renderToString;
 exports.shouldComponentUpdate = shouldComponentUpdate;
 exports.thunk = thunk;
 exports.useContext = useContext;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { jsx, jsxs, jsxDEV, Fragment, createElement } from './jsx-runtime.js';
 export { render, hydrate } from './renderer.js';
+export { renderToString } from './server-renderer.js';
 export { useState, useEffect, useMemo, useRef, useContext, useErrorBoundary } from './hooks.js';
 export { createContext } from './context.js';
 export { batchUpdates } from './batch.js';
@@ -12,6 +13,7 @@ export { createStore, StoreProvider, useSelector, useDispatch, useStore, logger,
 export { LifecycleEvents, emitAppInit, emitAppMounted, emitAppUpdated, emitAppError, emitAppDestroyed, emitComponentCreated, emitComponentMounted, emitComponentUpdated, emitComponentError, emitComponentUnmounted, onAppInit, onAppMounted, onAppUpdated, onAppError, onAppDestroyed, onComponentCreated, onComponentMounted, onComponentUpdated, onComponentError, onComponentUnmounted } from './lifecycle-events.js';
 import { jsx, createElement } from './jsx-runtime.js';
 import { render, hydrate } from './renderer.js';
+import { renderToString } from './server-renderer.js';
 import { useState, useEffect, useMemo, useRef, useContext, useErrorBoundary } from './hooks.js';
 import { createContext } from './context.js';
 import { batchUpdates } from './batch.js';
@@ -37,6 +39,7 @@ declare const frontendHamroun: {
     createElement: typeof createElement;
     render: typeof render;
     hydrate: typeof hydrate;
+    renderToString: typeof renderToString;
     useState: typeof useState;
     useEffect: typeof useEffect;
     useMemo: typeof useMemo;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGhD,OAAO,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,EACN,UAAU,EACV,gBAAgB,EACjB,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG1C,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAGxD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EACL,cAAc,EACd,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,SAAS,EACT,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAGrC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGpE,OAAO,EACL,WAAW,EACX,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,EACN,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,eAAe,EACf,WAAW,EACX,cAAc,EACd,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,GAAG,EAA0B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,EACN,UAAU,EACV,gBAAgB,EACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EACL,cAAc,EACd,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,SAAS,EACT,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAY,MAAM,gBAAgB,CAAC;AAGpE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAC/E,YAAY,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC1C,YAAY,EACV,WAAW,EACX,SAAS,EACT,cAAc,EACd,cAAc,EACd,WAAW,EACX,SAAS,EACT,gBAAgB,EACjB,MAAM,YAAY,CAAC;AAGpB,YAAY,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG3F,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGhF,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG7D,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGtG,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -138,6 +138,7 @@ function useContext(context) {
 
 // Current render ID counter
 let currentRender = 0;
+let isSSR = false;
 // State storage
 const states = new Map();
 const stateIndices = new Map();
@@ -153,13 +154,19 @@ function setRenderCallback(callback, element, container) {
     globalContainer = container;
     currentElement = element;
 }
-function prepareRender(component = null) {
+function prepareRender(component = null, isServerSideRender = false) {
     currentRender++;
+    isSSR = isServerSideRender;
     stateIndices.set(currentRender, 0);
+    // Initialize state array for this render if it doesn't exist
+    if (!states.has(currentRender)) {
+        states.set(currentRender, []);
+    }
     return currentRender;
 }
 function finishRender() {
-    currentRender = 0;
+    // Don't reset currentRender to 0 immediately to preserve state
+    // currentRender = 0;
 }
 function useState(initial) {
     if (!currentRender) {
@@ -175,6 +182,10 @@ function useState(initial) {
     }
     const state = componentStates[index];
     const setState = (newValue) => {
+        // For SSR, don't actually update state
+        if (isSSR) {
+            return;
+        }
         const nextValue = typeof newValue === 'function'
             ? newValue(componentStates[index])
             : newValue;
@@ -194,6 +205,12 @@ function useState(initial) {
 function useEffect(callback, deps) {
     if (!currentRender)
         throw new Error("useEffect must be called within a render");
+    // Skip effects during SSR
+    if (isSSR) {
+        const effectIndex = stateIndices.get(currentRender) || 0;
+        stateIndices.set(currentRender, effectIndex + 1);
+        return;
+    }
     const effectIndex = stateIndices.get(currentRender) || 0;
     if (!effects.has(currentRender)) {
         effects.set(currentRender, []);
@@ -250,6 +267,10 @@ function useRef(initial) {
 }
 async function rerender(rendererId) {
     try {
+        // Skip rerender during SSR
+        if (isSSR) {
+            return;
+        }
         // Clean up effects
         const componentEffects = effects.get(rendererId);
         if (componentEffects) {
@@ -300,8 +321,6 @@ async function render(element, container) {
     }
     catch (error) {
         console.error('Error during render:', error);
-        // Clean up render context on error
-        finishRender();
         throw error;
     }
 }
@@ -321,6 +340,123 @@ async function hydrate(element, container) {
     }
 }
 
+async function renderToString(element) {
+    prepareRender(element); // Pass the element to establish render context
+    try {
+        const html = await renderNodeToString(element);
+        return html;
+    }
+    finally {
+    }
+}
+async function renderNodeToString(node) {
+    // Handle null, undefined, boolean
+    if (node == null || typeof node === 'boolean') {
+        return '';
+    }
+    // Handle primitives
+    if (typeof node === 'string' || typeof node === 'number') {
+        return escapeHtml(String(node));
+    }
+    // Handle arrays
+    if (Array.isArray(node)) {
+        const results = await Promise.all(node.map(child => renderNodeToString(child)));
+        return results.join('');
+    }
+    // Handle objects with type and props (React-like elements)
+    if (node && typeof node === 'object' && 'type' in node) {
+        const { type, props = {} } = node;
+        // Handle function components
+        if (typeof type === 'function') {
+            try {
+                // Set up a new render context for this component
+                const componentRenderId = prepareRender(type);
+                try {
+                    const result = await type(props);
+                    return await renderNodeToString(result);
+                }
+                finally {
+                    finishRender();
+                }
+            }
+            catch (error) {
+                console.error('Error rendering component:', error);
+                return `<!-- Error rendering component: ${error.message} -->`;
+            }
+        }
+        // Handle DOM elements
+        if (typeof type === 'string') {
+            return await renderDOMElement(type, props);
+        }
+    }
+    // Fallback for other objects
+    if (typeof node === 'object') {
+        return escapeHtml(JSON.stringify(node));
+    }
+    return escapeHtml(String(node));
+}
+async function renderDOMElement(tagName, props) {
+    const { children, ...attrs } = props;
+    // Self-closing tags
+    const voidElements = new Set([
+        'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
+        'link', 'meta', 'param', 'source', 'track', 'wbr'
+    ]);
+    // Build attributes string
+    const attributeString = Object.entries(attrs)
+        .filter(([key, value]) => {
+        // Filter out React-specific props and event handlers
+        if (key.startsWith('on') || key === 'key' || key === 'ref')
+            return false;
+        if (value == null || value === false)
+            return false;
+        return true;
+    })
+        .map(([key, value]) => {
+        // Handle className -> class
+        if (key === 'className')
+            key = 'class';
+        // Handle boolean attributes
+        if (value === true)
+            return key;
+        // Handle style objects
+        if (key === 'style' && typeof value === 'object' && value !== null) {
+            const styleString = Object.entries(value)
+                .map(([prop, val]) => `${kebabCase(prop)}:${val}`)
+                .join(';');
+            return `style="${escapeHtml(styleString)}"`;
+        }
+        return `${key}="${escapeHtml(String(value))}"`;
+    })
+        .join(' ');
+    const openTag = `<${tagName}${attributeString ? ' ' + attributeString : ''}>`;
+    // Self-closing elements
+    if (voidElements.has(tagName)) {
+        return openTag.slice(0, -1) + '/>';
+    }
+    // Elements with children
+    const closeTag = `</${tagName}>`;
+    if (children != null) {
+        const childrenString = await renderNodeToString(children);
+        return openTag + childrenString + closeTag;
+    }
+    return openTag + closeTag;
+}
+function escapeHtml(text) {
+    const htmlEscapes = {
+        '&': '&amp;',
+        '<': '&lt;',
+        '>': '&gt;',
+        '"': '&quot;',
+        "'": '&#x27;',
+        '/': '&#x2F;'
+    };
+    return text.replace(/[&<>"'/]/g, (match) => htmlEscapes[match]);
+}
+function kebabCase(str) {
+    return str.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+}
+
 function arePropsEqual(oldProps, newProps) {
     const oldKeys = Object.keys(oldProps).filter(k => k !== 'children');
     const newKeys = Object.keys(newProps).filter(k => k !== 'children');
@@ -1022,6 +1158,7 @@ const frontendHamroun = {
     // Rendering
     render,
     hydrate,
+    renderToString,
     // Hooks
     useState,
     useEffect,
@@ -1054,5 +1191,5 @@ const frontendHamroun = {
     eventBus: globalEventBus
 };
 
-export { Component, Fragment, LifecycleEvents, Link, Redirect, Route, RouterProvider, StoreProvider, Switch, batchUpdates, createContext, createElement, createEventBus, createStore, frontendHamroun as default, diff, emitAppDestroyed, emitAppError, emitAppInit, emitAppMounted, emitAppUpdated, emitComponentCreated, emitComponentError, emitComponentMounted, emitComponentUnmounted, emitComponentUpdated, globalEventBus as eventBus, hydrate, jsx, jsx as jsxDEV, jsx as jsxs, logger, onAppDestroyed, onAppError, onAppInit, onAppMounted, onAppUpdated, onComponentCreated, onComponentError, onComponentMounted, onComponentUnmounted, onComponentUpdated, render, shouldComponentUpdate, thunk, useContext, useDispatch, useEffect, useErrorBoundary, useEvent, useForm, useLocation, useMemo, useNavigate, useParams, useRef, useSelector, useState, useStore };
+export { Component, Fragment, LifecycleEvents, Link, Redirect, Route, RouterProvider, StoreProvider, Switch, batchUpdates, createContext, createElement, createEventBus, createStore, frontendHamroun as default, diff, emitAppDestroyed, emitAppError, emitAppInit, emitAppMounted, emitAppUpdated, emitComponentCreated, emitComponentError, emitComponentMounted, emitComponentUnmounted, emitComponentUpdated, globalEventBus as eventBus, hydrate, jsx, jsx as jsxDEV, jsx as jsxs, logger, onAppDestroyed, onAppError, onAppInit, onAppMounted, onAppUpdated, onComponentCreated, onComponentError, onComponentMounted, onComponentUnmounted, onComponentUpdated, render, renderToString, shouldComponentUpdate, thunk, useContext, useDispatch, useEffect, useErrorBoundary, useEvent, useForm, useLocation, useMemo, useNavigate, useParams, useRef, useSelector, useState, useStore };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/renderComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderComponent.d.ts","sourceRoot":"","sources":["../src/renderComponent.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED;;GAEG;AACH,wBAAsB,eAAe,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,GAAE,GAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,CAqB5F;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"renderComponent.d.ts","sourceRoot":"","sources":["../src/renderComponent.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED;;GAEG;AACH,wBAAsB,eAAe,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,GAAE,GAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,CA4B5F;AAED,eAAe,eAAe,CAAC"}

package/dist/renderComponent.js

@@ -2,19 +2,27 @@
  * Utility for rendering components to strings and hydrating them
  */
 import { renderToString } from './server-renderer.js';
+import { prepareRender, finishRender } from './hooks.js';
 /**
  * Renders a component to an HTML string with error handling
  */
 export async function renderComponent(Component, props = {}) {
     try {
-        // Call the component function with props
-        const element = Component(props);
-        // Convert the element to an HTML string
-        const html = await renderToString(element);
-        return {
-            html,
-            success: true
-        };
+        // Prepare render context for SSR
+        const renderId = prepareRender(Component, true);
+        try {
+            // Call the component function with props
+            const element = Component(props);
+            // Convert the element to an HTML string
+            const html = await renderToString(element);
+            return {
+                html,
+                success: true
+            };
+        }
+        finally {
+            finishRender();
+        }
     }
     catch (error) {
         console.error('Error rendering component:', error);

package/dist/server-renderer.js

@@ -1,6 +1,6 @@
 import { prepareRender, finishRender } from './hooks.js';
 export async function renderToString(element) {
-    const renderId = prepareRender(true); // Mark as SSR
+    const renderId = prepareRender(element); // Pass the element to establish render context
     try {
         const html = await renderNodeToString(element);
         return html;
@@ -29,8 +29,15 @@ async function renderNodeToString(node) {
         // Handle function components
         if (typeof type === 'function') {
             try {
-                const result = await type(props);
-                return await renderNodeToString(result);
+                // Set up a new render context for this component
+                const componentRenderId = prepareRender(type);
+                try {
+                    const result = await type(props);
+                    return await renderNodeToString(result);
+                }
+                finally {
+                    finishRender();
+                }
             }
             catch (error) {
                 console.error('Error rendering component:', error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend-hamroun",
-  "version": "1.2.88",
+  "version": "1.2.90",
   "description": "A lightweight frontend JavaScript framework with React-like syntax",
   "main": "dist/index.js",
   "module": "dist/index.js",