frontend-hamroun 1.2.89 → 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;
     }
 }
@@ -326,13 +345,12 @@ async function hydrate(element, container) {
 }
 
 async function renderToString(element) {
-    prepareRender(true); // Mark as SSR
+    prepareRender(element); // Pass the element to establish render context
     try {
         const html = await renderNodeToString(element);
         return html;
     }
     finally {
-        finishRender();
     }
 }
 async function renderNodeToString(node) {
@@ -355,8 +373,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/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.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;
     }
 }
@@ -322,13 +341,12 @@ async function hydrate(element, container) {
 }
 
 async function renderToString(element) {
-    prepareRender(true); // Mark as SSR
+    prepareRender(element); // Pass the element to establish render context
     try {
         const html = await renderNodeToString(element);
         return html;
     }
     finally {
-        finishRender();
     }
 }
 async function renderNodeToString(node) {
@@ -351,8 +369,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/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.89",
+  "version": "1.2.90",
   "description": "A lightweight frontend JavaScript framework with React-like syntax",
   "main": "dist/index.js",
   "module": "dist/index.js",