dalila 1.7.2 → 1.7.3

package/dist/cli/routes-generator.js

@@ -464,6 +464,9 @@ function pageProps(pageHtml, pageTs) {
             if (hasNamedExport(pageTs, 'validation')) {
                 props.push(`validation: ${moduleExport(pageTs, 'validation', { allowValue: true })}`);
             }
+            if (hasNamedExport(pageTs, 'view')) {
+                props.push(`onMount: ${moduleExport(pageTs, 'view')}`);
+            }
         }
         else {
             props.push(`view: (ctx) => fromHtml(${viewConst}, { data: ${routeDataExpr()}, scope: ctx.scope })`);

package/dist/router/route-tables.d.ts

@@ -50,6 +50,7 @@ export interface RouteTable {
     layout?: (ctx: RouteCtx, child: Node | DocumentFragment | Node[], data: any) => Node | DocumentFragment | Node[];
     loader?: (ctx: RouteCtx) => Promise<any>;
     preload?: (ctx: RouteCtx) => Promise<any>;
+    onMount?: (root: HTMLElement) => void;
     pending?: (ctx: RouteCtx) => Node | DocumentFragment | Node[];
     error?: (ctx: RouteCtx, error: unknown, data?: any) => Node | DocumentFragment | Node[];
     notFound?: (ctx: RouteCtx) => Node | DocumentFragment | Node[];

package/dist/router/router.js

@@ -989,11 +989,13 @@ export function createRouter(config) {
     function mountViewStack(matchStack, ctx, dataStack) {
         try {
             let content = null;
+            let leafRoute = null;
             for (let i = matchStack.length - 1; i >= 0; i--) {
                 const match = matchStack[i];
                 const data = dataStack[i];
                 const route = match.route;
                 if (i === matchStack.length - 1) {
+                    leafRoute = route;
                     if (!route.view) {
                         console.warn(`[Dalila] Leaf route ${match.path} has no view function`);
                         return;
@@ -1025,6 +1027,17 @@ export function createRouter(config) {
             if (content) {
                 const nodes = Array.isArray(content) ? content : [content];
                 mountToOutlet(...nodes);
+                // Call onMount lifecycle hook if present
+                if (leafRoute?.onMount) {
+                    queueMicrotask(() => {
+                        try {
+                            leafRoute.onMount(outletElement);
+                        }
+                        catch (error) {
+                            console.error('[Dalila] Error in onMount lifecycle hook:', error);
+                        }
+                    });
+                }
             }
         }
         catch (error) {

package/package.json

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

package/src/components/ui/dalila/dalila.css

@@ -6,37 +6,38 @@
  *   <link rel="stylesheet" href="dalila.css" />
  */
 
-@import "./tokens.css";
-@import "./typography.css";
-@import "./layout.css";
-@import "./button.css";
-@import "./input.css";
-@import "./checkbox.css";
-@import "./radio.css";
-@import "./slider.css";
-@import "./toggle.css";
-@import "./form.css";
-@import "./card.css";
-@import "./badge.css";
-@import "./chip.css";
-@import "./avatar.css";
-@import "./alert.css";
-@import "./toast.css";
-@import "./tooltip.css";
-@import "./popover.css";
-@import "./dropdown.css";
-@import "./combobox.css";
-@import "./tabs.css";
-@import "./accordion.css";
-@import "./collapsible.css";
-@import "./dialog.css";
-@import "./drawer.css";
-@import "./table.css";
-@import "./pagination.css";
-@import "./breadcrumb.css";
-@import "./separator.css";
-@import "./skeleton.css";
-@import "./spinner.css";
-@import "./empty-state.css";
-@import "./calendar.css";
-@import "./dropzone.css";
+@import "../dalila-core/dalila-core.css";
+@import "../tokens/tokens.css";
+@import "../typography/typography.css";
+@import "../layout/layout.css";
+@import "../button/button.css";
+@import "../input/input.css";
+@import "../checkbox/checkbox.css";
+@import "../radio/radio.css";
+@import "../slider/slider.css";
+@import "../toggle/toggle.css";
+@import "../form/form.css";
+@import "../card/card.css";
+@import "../badge/badge.css";
+@import "../chip/chip.css";
+@import "../avatar/avatar.css";
+@import "../alert/alert.css";
+@import "../toast/toast.css";
+@import "../tooltip/tooltip.css";
+@import "../popover/popover.css";
+@import "../dropdown/dropdown.css";
+@import "../combobox/combobox.css";
+@import "../tabs/tabs.css";
+@import "../accordion/accordion.css";
+@import "../collapsible/collapsible.css";
+@import "../dialog/dialog.css";
+@import "../drawer/drawer.css";
+@import "../table/table.css";
+@import "../pagination/pagination.css";
+@import "../breadcrumb/breadcrumb.css";
+@import "../separator/separator.css";
+@import "../skeleton/skeleton.css";
+@import "../spinner/spinner.css";
+@import "../empty-state/empty-state.css";
+@import "../calendar/calendar.css";
+@import "../dropzone/dropzone.css";

package/src/components/ui/dalila-core/dalila-core.css

@@ -6,9 +6,9 @@
  *   <link rel="stylesheet" href="dalila-core.css" />
  */
 
-@import "./tokens.css";
-@import "./typography.css";
-@import "./layout.css";
-@import "./button.css";
-@import "./input.css";
-@import "./form.css";
+@import "../tokens/tokens.css";
+@import "../typography/typography.css";
+@import "../layout/layout.css";
+@import "../button/button.css";
+@import "../input/input.css";
+@import "../form/form.css";