create-dalila 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-dalila",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Create Dalila apps with one command",
   "bin": {
     "create-dalila": "index.js"
@@ -8,7 +8,10 @@
   "type": "module",
   "files": [
     "index.js",
-    "template"
+    "template",
+    "template/routes.generated.ts",
+    "template/routes.generated.manifest.ts",
+    "template/routes.generated.types.ts"
   ],
   "keywords": [
     "dalila",

package/template/routes.generated.manifest.ts

@@ -0,0 +1,37 @@
+// This file is auto-generated by 'dalila routes generate'
+// Do not edit manually - your changes will be overwritten
+
+import type { RouteManifestEntry } from 'dalila/router';
+
+export const routeManifest: RouteManifestEntry[] = [
+  {
+    id: 'root',
+    pattern: '/',
+    score: 1000,
+    paramKeys: [],
+    tags: [],
+    modules: ["./src/app/page.js"],
+    load: () => import('./src/app/page.js').then(() => undefined)
+  },
+  {
+    id: 'about',
+    pattern: '/about',
+    score: 301,
+    paramKeys: [],
+    tags: [],
+    modules: ["./src/app/page.js"],
+    load: () => import('./src/app/page.js').then(() => undefined)
+  },
+];
+
+const manifestById = new Map(routeManifest.map(route => [route.id, route]));
+
+export function getRouteManifestEntry(id: string): RouteManifestEntry | undefined {
+  return manifestById.get(id);
+}
+
+export async function prefetchRouteById(id: string): Promise<void> {
+  const entry = manifestById.get(id);
+  if (!entry) return;
+  await entry.load();
+}

package/template/routes.generated.ts

@@ -0,0 +1,64 @@
+// This file is auto-generated by 'dalila routes generate'
+// Do not edit manually - your changes will be overwritten
+
+import type { RouteTable } from 'dalila/router';
+import { fromHtml } from 'dalila';
+
+const layout_html = `<div class="app-shell">
+  <header class="app-header">
+    <div>
+      <h1>Dalila Router App</h1>
+      <p>File-based routing starter template</p>
+    </div>
+    <nav class="app-nav">
+      <a d-link="/">Home</a>
+      <a d-link="/about">About</a>
+    </nav>
+  </header>
+
+  <main class="app-main" data-slot="children"></main>
+</div>
+`;
+const page_html = `<section class="card">
+  <h2>Counter: {count}</h2>
+  <p>Doubled: {doubled}</p>
+
+  <div class="buttons">
+    <button type="button" d-on-click="decrement">-</button>
+    <button type="button" d-on-click="increment">+</button>
+  </div>
+</section>
+
+<section class="card">
+  <p when={isEven}>The count is even.</p>
+  <p when={isOdd}>The count is odd.</p>
+</section>
+`;
+const about_page_html = `<section class="card">
+  <h2>About</h2>
+  <p>This starter uses file-based routes from <code>src/app</code>.</p>
+  <p>Use <code>npm run routes</code> after changing route files.</p>
+</section>
+`;
+
+const page_lazy = () => import('./src/app/page.js');
+
+export const routes: RouteTable[] = [
+  {
+    path: '/',
+    layout: (ctx, children) => fromHtml(layout_html, { data: { ...(ctx.params as Record<string, unknown>), params: ctx.params, query: ctx.query.toString(), path: ctx.path, fullPath: ctx.fullPath }, children, scope: ctx.scope }),
+    children: [
+      { path: '', view: (ctx, data) => fromHtml(page_html, { data: { ...(ctx.params as Record<string, unknown>), ...((data ?? {}) as Record<string, unknown>), params: ctx.params, query: ctx.query.toString(), path: ctx.path, fullPath: ctx.fullPath }, scope: ctx.scope }), loader: (...args: any[]) => page_lazy().then(mod => {
+      const exported = (mod as any).loader;
+      if (typeof exported === 'function') {
+        return exported(...args);
+      }
+      return undefined;
+    }) },
+      {
+        path: 'about',
+        view: (ctx) => fromHtml(about_page_html, { data: { ...(ctx.params as Record<string, unknown>), params: ctx.params, query: ctx.query.toString(), path: ctx.path, fullPath: ctx.fullPath }, scope: ctx.scope }),
+      }
+    ]
+  }
+];

package/template/routes.generated.types.ts

@@ -0,0 +1,54 @@
+// This file is auto-generated by 'dalila routes generate'
+// Do not edit manually - your changes will be overwritten
+
+export type RoutePattern = '/' | '/about';
+
+export type RouteParamsByPattern = {
+  '/': {};
+  '/about': {};
+};
+
+export type RouteSearchByPattern = {
+  [P in RoutePattern]: Record<string, string | string[]>;
+};
+
+export type RouteParams<P extends RoutePattern> = RouteParamsByPattern[P];
+export type RouteSearch<P extends RoutePattern> = RouteSearchByPattern[P];
+
+export function buildRoutePath<P extends RoutePattern>(pattern: P, params: RouteParams<P>): string {
+  const out: string[] = [];
+  for (const segment of pattern.split('/').filter(Boolean)) {
+    if (!segment.startsWith(':')) {
+      out.push(segment);
+      continue;
+    }
+
+    const isOptionalCatchAll = segment.endsWith('*?');
+    const isCatchAll = isOptionalCatchAll || segment.endsWith('*');
+    const key = segment.slice(1, isCatchAll ? (isOptionalCatchAll ? -2 : -1) : undefined);
+    const value = (params as Record<string, unknown>)[key];
+
+    if (isCatchAll) {
+      if (value === undefined || value === null) {
+        if (isOptionalCatchAll) continue;
+        throw new Error(`Missing route param: ${key}`);
+      }
+      if (!Array.isArray(value)) {
+        throw new Error(`Route param "${key}" must be an array`);
+      }
+      if (value.length === 0) {
+        if (isOptionalCatchAll) continue;
+        throw new Error(`Route param "${key}" cannot be empty`);
+      }
+      out.push(...value.map(v => encodeURIComponent(String(v))));
+      continue;
+    }
+
+    if (value === undefined || value === null) {
+      throw new Error(`Missing route param: ${key}`);
+    }
+    out.push(encodeURIComponent(String(value)));
+  }
+
+  return out.length === 0 ? '/' : `/${out.join('/')}`;
+}

package/template/src/main.ts

@@ -1,6 +1,6 @@
 import { createRouter } from 'dalila/router';
-import { routes } from '../routes.generated';
-import { routeManifest } from '../routes.generated.manifest';
+import { routes } from '../routes.generated.js';
+import { routeManifest } from '../routes.generated.manifest.js';
 
 const outlet = document.getElementById('app');