dalila 1.5.3 → 1.5.5

package/dist/router/router.js

@@ -582,6 +582,16 @@ export function createRouter(config) {
             replace: true
         };
     }
+    /**
+     * Mount nodes into outlet and remove loading state
+     */
+    function mountToOutlet(...nodes) {
+        outletElement.replaceChildren(...nodes);
+        queueMicrotask(() => {
+            outletElement.removeAttribute('d-loading');
+            outletElement.setAttribute('d-ready', '');
+        });
+    }
     /**
      * Core navigation pipeline.
      *
@@ -685,7 +695,7 @@ export function createRouter(config) {
                                 const result = withScope(errorScope, () => errorFn(errorCtx, error));
                                 const wrapped = wrapWithLayouts(matchStack, errorCtx, result, [], errorIndex !== -1 ? errorIndex : matchStack.length - 1, true);
                                 const nodes = Array.isArray(wrapped) ? wrapped : [wrapped];
-                                outletElement.replaceChildren(...nodes);
+                                mountToOutlet(...nodes);
                             }
                             catch (renderError) {
                                 console.error('[Dalila] Error view failed:', renderError);
@@ -796,10 +806,10 @@ export function createRouter(config) {
                 if (notFoundView) {
                     const result = withScope(scope, () => notFoundView(ctx));
                     const nodes = Array.isArray(result) ? result : [result];
-                    outletElement.replaceChildren(...nodes);
+                    mountToOutlet(...nodes);
                 }
                 else {
-                    outletElement.replaceChildren();
+                    mountToOutlet();
                 }
             }
             catch (error) {
@@ -827,16 +837,16 @@ export function createRouter(config) {
                     const result = withScope(scope, () => boundaryMatch.route.notFound(boundaryCtx));
                     const wrapped = wrapWithLayouts(matchStack, boundaryCtx, result, [], notFoundIndex, true);
                     const nodes = Array.isArray(wrapped) ? wrapped : [wrapped];
-                    outletElement.replaceChildren(...nodes);
+                    mountToOutlet(...nodes);
                 }
                 else if (notFoundView) {
                     const result = withScope(scope, () => notFoundView(ctx));
                     const wrapped = wrapWithLayouts(matchStack, ctx, result, [], matchStack.length - 1, true);
                     const nodes = Array.isArray(wrapped) ? wrapped : [wrapped];
-                    outletElement.replaceChildren(...nodes);
+                    mountToOutlet(...nodes);
                 }
                 else {
-                    outletElement.replaceChildren();
+                    mountToOutlet();
                 }
             }
             catch (error) {
@@ -878,12 +888,12 @@ export function createRouter(config) {
                     const result = withScope(scope, () => pendingMatch.route.pending(pendingCtx));
                     const wrapped = wrapWithLayouts(matchStack, pendingCtx, result, [], pendingIndex, true);
                     const nodes = Array.isArray(wrapped) ? wrapped : [wrapped];
-                    outletElement.replaceChildren(...nodes);
+                    mountToOutlet(...nodes);
                 }
                 else if (pendingView) {
                     const result = withScope(scope, () => pendingView(ctx));
                     const nodes = Array.isArray(result) ? result : [result];
-                    outletElement.replaceChildren(...nodes);
+                    mountToOutlet(...nodes);
                 }
             }
             catch (error) {
@@ -923,7 +933,7 @@ export function createRouter(config) {
                         const result = withScope(scope, () => errorFn(errorCtx, error));
                         const wrapped = wrapWithLayouts(matchStack, errorCtx, result, [], errorIndex !== -1 ? errorIndex : matchStack.length - 1, true);
                         const nodes = Array.isArray(wrapped) ? wrapped : [wrapped];
-                        outletElement.replaceChildren(...nodes);
+                        mountToOutlet(...nodes);
                     }
                     catch (err) {
                         console.error('[Dalila] Error view failed:', err);
@@ -1014,7 +1024,7 @@ export function createRouter(config) {
             }
             if (content) {
                 const nodes = Array.isArray(content) ? content : [content];
-                outletElement.replaceChildren(...nodes);
+                mountToOutlet(...nodes);
             }
         }
         catch (error) {

package/dist/runtime/bind.d.ts

@@ -16,11 +16,17 @@ export interface BindOptions {
      */
     rawTextSelectors?: string;
     /**
-     * Internal flag — set by bindEach for clone bindings.
-     * Skips HMR context registration and d-ready/d-loading lifecycle.
+     * Internal flag — set by fromHtml for router/template rendering.
+     * Skips HMR context registration but KEEPS d-ready/d-loading lifecycle.
      * @internal
      */
     _internal?: boolean;
+    /**
+     * Internal flag — set by bindEach for clone bindings.
+     * Skips both HMR context registration AND d-ready/d-loading lifecycle.
+     * @internal
+     */
+    _skipLifecycle?: boolean;
 }
 export interface BindContext {
     [key: string]: unknown;

package/dist/runtime/bind.js

@@ -293,7 +293,7 @@ function bindEach(root, ctx, cleanups) {
                 // Mark BEFORE bind() so the parent's subsequent global passes
                 // (text, attrs, events …) skip this subtree entirely.
                 clone.setAttribute('data-dalila-internal-bound', '');
-                const dispose = bind(clone, itemCtx, { _internal: true });
+                const dispose = bind(clone, itemCtx, { _skipLifecycle: true });
                 currentDisposes.push(dispose);
                 comment.parentNode?.insertBefore(clone, comment);
                 currentClones.push(clone);
@@ -548,7 +548,7 @@ export function bind(root, ctx, options = {}) {
     });
     // Bindings complete: remove loading state and mark as ready.
     // Only the top-level bind owns this lifecycle — d-each clones skip it.
-    if (!options._internal) {
+    if (!options._skipLifecycle) {
         queueMicrotask(() => {
             htmlRoot.removeAttribute('d-loading');
             htmlRoot.setAttribute('d-ready', '');

package/dist/runtime/fromHtml.js

@@ -31,6 +31,12 @@ export function fromHtml(html, options = {}) {
     const container = document.createElement('div');
     container.style.display = 'contents';
     container.appendChild(template.content);
+    // Bind BEFORE inserting children so the layout's bind() only processes
+    // the layout's own HTML — children are already bound by their own fromHtml() call.
+    const dispose = bind(container, data ?? {}, { _internal: true });
+    if (scope) {
+        scope.onCleanup(dispose);
+    }
     if (children) {
         const slot = container.querySelector('[data-slot="children"]');
         if (slot) {
@@ -42,10 +48,5 @@ export function fromHtml(html, options = {}) {
             }
         }
     }
-    // Router/template rendering should not register global HMR bind context.
-    const dispose = bind(container, data ?? {}, { _internal: true });
-    if (scope) {
-        scope.onCleanup(dispose);
-    }
     return container;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dalila",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "description": "DOM-first reactive framework based on signals",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",