slicejs-web-framework 1.0.26 → 1.0.28

package/Slice/Components/Structural/Router/Router.js

@@ -203,50 +203,54 @@ export default class Router {
    }
 
    async handleRoute(route, params) {
-      const targetElement = document.querySelector('#app');
-      
-      const componentName = route.parentRoute ? route.parentRoute.component : route.component;
-      const sliceId = `route-${componentName}`;
-      
-      const existingComponent = slice.controller.getComponent(sliceId);
+   const targetElement = document.querySelector('#app');
+   
+   const componentName = route.parentRoute ? route.parentRoute.component : route.component;
+   const sliceId = `route-${componentName}`;
+   
+   const existingComponent = slice.controller.getComponent(sliceId);
 
-      if (slice.loading) {
-         slice.loading.start();
-      }
+   if (slice.loading) {
+      slice.loading.start();
+   }
 
-      if (existingComponent) {
-         targetElement.innerHTML = '';
-         if (existingComponent.update) {
-            existingComponent.props = { ...existingComponent.props, ...params };
-            await existingComponent.update();
-         }
-         targetElement.appendChild(existingComponent);
-      } else {
-         const component = await slice.build(componentName, {
-            params,
-            sliceId: sliceId,
-         });
-         targetElement.innerHTML = '';
-         targetElement.appendChild(component);
+   if (existingComponent) {
+      targetElement.innerHTML = '';
+      if (existingComponent.update) {
+         existingComponent.props = { ...existingComponent.props, ...params };
+         await existingComponent.update();
       }
+      targetElement.appendChild(existingComponent);
+      // Renderizar DESPUÉS de insertar (pero antes de mostrar)
+      await this.renderRoutesInComponent(existingComponent);
+   } else {
+      const component = await slice.build(componentName, {
+         params,
+         sliceId: sliceId,
+      });
+
+      targetElement.innerHTML = '';
+      targetElement.appendChild(component);
+      
+      // Renderizar INMEDIATAMENTE después de insertar
+      await this.renderRoutesInComponent(component);
+   }
 
-      // Invalidar caché después de cambios importantes en el DOM
-      this.invalidateCache();
-      await this.renderRoutesComponentsInPage();
-
-      if (slice.loading) {
-         slice.loading.stop();
-      }
+   // Invalidar caché después de cambios importantes en el DOM
+   this.invalidateCache();
 
-      slice.router.activeRoute = route;
+   if (slice.loading) {
+      slice.loading.stop();
    }
 
+   slice.router.activeRoute = route;
+}
+
    async loadInitialRoute() {
       const path = window.location.pathname;
       const { route, params } = this.matchRoute(path);
 
       await this.handleRoute(route, params);
-      await this.renderRoutesComponentsInPage();
    }
 
    matchRoute(path) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slicejs-web-framework",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "",
   "engines": {
     "node": ">=20"