create-dalila 1.1.6 → 1.1.8

package/index.js

@@ -101,14 +101,14 @@ function main() {
   console.log(`${green('Done!')} Created ${bold(projectName)}\n`);
   console.log('Next steps:\n');
   console.log(`  ${cyan('cd')} ${projectName}`);
-  console.log(`  ${cyan('npm install')}`);
+  console.log(`  ${cyan('npm install')}  ${green('(routes will be generated automatically)')}`);
   console.log(`  ${cyan('npm run dev')}`);
   console.log();
+  console.log(`Open ${cyan('http://localhost:4242')} to see your app.`);
+  console.log();
   console.log('When you update files in src/app, regenerate routes with:');
   console.log(`  ${cyan('npm run routes')}`);
   console.log();
-  console.log(`Open ${cyan('http://localhost:4242')} to see your app.`);
-  console.log();
 }
 
 main();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-dalila",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "Create Dalila apps with one command",
   "bin": {
     "create-dalila": "index.js"

package/template/package.json

@@ -8,7 +8,8 @@
     "routes": "dalila routes generate",
     "routes:watch": "dalila routes watch",
     "build": "tsc",
-    "preview": "dalila-dev --dist"
+    "preview": "dalila-dev --dist",
+    "postinstall": "dalila routes generate"
   },
   "dependencies": {
     "dalila": "latest"

package/template/routes.generated.manifest.ts

@@ -1,37 +0,0 @@
-// 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

@@ -1,64 +0,0 @@
-// 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

@@ -1,54 +0,0 @@
-// 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('/')}`;
-}