create-rudder-app 0.5.0 → 0.6.1

package/README.md

@@ -1,6 +1,6 @@
 # create-rudder-app
 
-**Spin up a production-ready [RudderJS](https://github.com/rudderjs/rudder) app in under 60 seconds** — with auth that works, a database wired, SSR views rendering, and optional AI / OAuth / real-time / cache / queue, all bootstrapped through Vite + Vike.
+**Spin up a production-ready [RudderJS](https://github.com/rudderjs/rudder) app in under 60 seconds** — with auth that works, a database wired, SSR views rendering, and your pick from 25 opt-in packages, all bootstrapped through Vite + Vike.
 
 ```bash
 pnpm create rudder-app my-app
@@ -29,15 +29,16 @@ Skip `[name]` to be prompted for one.
 
 ## What you get out of the box
 
-With the **default choices** (Prisma + SQLite + Auth + Cache + React + Tailwind + shadcn/ui), you get a working fullstack app you can register into, log into, and sign out of — without writing any code:
+With the **default choices** (Prisma + SQLite + Auth + React + Tailwind + shadcn/ui + Contact demo), you get a working fullstack app you can register into, log into, and sign out of — without writing any code:
 
 - **Welcome page at `/`** — controller-returned view, Tailwind + shadcn styled, with Log in / Register links or a signed-in user + Sign out button.
 - **Auth flow that works** — `/login`, `/register`, `/forgot-password`, `/reset-password` pages vendored into `app/Views/Auth/` (so you can customize them freely) and wired to `POST /api/auth/sign-in/email` / `sign-up/email` / `sign-out` / `request-password-reset` / `reset-password` endpoints.
 - **Database ready** — Prisma schema with a `User` + `PasswordResetToken` model, SQLite by default, a `User` ORM model.
-- **Session-based auth** — cookie sessions via `@rudderjs/session`, `AuthMiddleware` applied globally, ghost-user-safe (see the [Request Lifecycle guide](https://github.com/rudderjs/rudder/blob/main/docs/guide/lifecycle.md)).
-- **Rate limiting** — 10 req/min on auth endpoints out of the box.
+- **Session-based auth** — cookie sessions via `@rudderjs/session`, `AuthMiddleware` applied to the `web` group, ghost-user-safe (see the [Request Lifecycle guide](https://github.com/rudderjs/rudder/blob/main/docs/guide/lifecycle.md)).
+- **Rate limiting** — 60 req/min globally, 10 req/min on auth endpoints out of the box.
 - **Bootstrap you can read** — `bootstrap/app.ts` in 25 lines, `bootstrap/providers.ts` shows auto-discovery, `config/` has one file per concern.
 - **Rudder CLI** — `pnpm rudder --help` lists framework commands; `routes/console.ts` shows you how to add your own.
+- **`/demos` index** — every demo you ticked appears as a card linking to its page; new demos picked up automatically from the shared registry.
 
 If you tick **AI** you get a `/ai-chat` demo. If you tick **MCP**, `POST /mcp/echo`. If you tick **Passport**, a full OAuth 2 server at `/oauth/authorize` / `/oauth/token`. Everything is opt-in and pay-as-you-go.
 
@@ -45,51 +46,104 @@ If you tick **AI** you get a `/ai-chat` demo. If you tick **MCP**, `POST /mcp/ec
 
 ## Prompts
 
-The installer walks you through up to 9 prompts (several are conditional):
+The installer walks you through up to 10 prompts (several are conditional):
 
 | # | Prompt | Options | Default | Condition |
 |---|--------|---------|---------|-----------|
 | 1 | Project name | any string | — | always (skipped if passed as argv) |
 | 2 | Database ORM | Prisma · Drizzle · None | Prisma | always |
 | 3 | Database driver | SQLite · PostgreSQL · MySQL | SQLite | only if ORM selected |
-| 4 | Package checklist | multiselect (see below) | Auth + Cache | always |
+| 4 | Packages | categorized multiselect (see below) | Authentication | always |
 | 5 | Frontend frameworks | React · Vue · Solid (multiselect) | React | always |
 | 6 | Primary framework | single select from chosen frameworks | — | only if >1 framework selected |
 | 7 | Add Tailwind CSS? | yes / no | yes | always |
 | 8 | Add shadcn/ui? | yes / no | yes | only if React + Tailwind |
-| 9 | Install dependencies? | yes / no | yes | always |
+| 9 | Demos | multiselect filtered by previous picks | Contact form | only when at least one available |
+| 10 | Install dependencies? | yes / no | yes | always |
 
-> **Not sure what to pick?** Accept every default — it produces the most-used stack (Prisma + SQLite + Auth + Cache + React + Tailwind + shadcn/ui) and is the best-tested path. You can always add packages later.
+> **Not sure what to pick?** Accept every default — it produces the most-used stack (Prisma + SQLite + Auth + React + Tailwind + shadcn/ui + Contact demo) and is the best-tested path. You can always add packages later.
+
+### Tier A — silent install
+
+`@rudderjs/session`, `@rudderjs/hash`, and `@rudderjs/cache` are installed unconditionally. They're required by the default bootstrap (rate-limit middleware needs cache; auth needs hash + session) so making them explicit-but-silent prevents broken projects when you don't tick Authentication.
 
 ### Package checklist (prompt 4)
 
-| Choice | Description | Package |
-|--------|-------------|---------|
-| Authentication | Login, register, sessions | `@rudderjs/auth` |
-| Cache | Memory + Redis drivers | `@rudderjs/cache` |
-| Queue | Background jobs | `@rudderjs/queue` |
-| Storage | File uploads (local + S3) | `@rudderjs/storage` |
-| Mail | SMTP + log driver | `@rudderjs/mail` |
-| Notifications | Multi-channel notifications | `@rudderjs/notification` |
-| Scheduler | Cron-like task scheduling | `@rudderjs/schedule` |
-| WebSocket | Real-time channels | `@rudderjs/broadcast` |
-| Sync (Yjs CRDT) | Real-time collaborative document sync | `@rudderjs/sync` |
-| AI | LLM providers (Anthropic, OpenAI, Google, Ollama, Groq, DeepSeek, xAI, Mistral, Azure) | `@rudderjs/ai` |
-| MCP | Model Context Protocol servers — expose tools/resources to LLMs | `@rudderjs/mcp` |
-| Passport (OAuth2) | OAuth 2 server with JWT — **requires Auth + Prisma** | `@rudderjs/passport` |
-| Localization | i18n — `trans()`, `setLocale()` | `@rudderjs/localization` |
-| Telescope | Debug dashboard | `@rudderjs/telescope` |
-| Boost (AI coding DX) | Expose project internals to Claude Code / Cursor / Copilot via MCP | `@rudderjs/boost` (devDep) |
-| Demos | Sample views (contact, ws, live) under `/demos` — **react primary only** | — |
+Eight categories, 25 visible rows, one pre-checked. Picking ORM=none filters out the four DB-gated rows (Authentication, Sanctum, Passport, Cashier-Paddle).
+
+```
+─── Auth & Users ───
+  Authentication              login, register, sessions
+  Sanctum                     API tokens (SHA-256 + abilities)
+  Passport                    OAuth 2 server — requires Auth + Prisma
+  Socialite                   social login (GitHub, Google, Facebook, Apple)
+
+─── Infrastructure ───
+  Queue                       background jobs
+  Storage                     file uploads (local + S3)
+  Scheduler                   cron-like task scheduling
+  Image                       resize, crop, convert (sharp wrapper)
+
+─── Communication ───
+  Mail                        SMTP + log driver
+  Notifications               multi-channel
+  WebSocket / Broadcast       real-time channels
+  Sync (Yjs CRDT)             collaborative documents
+
+─── AI ───
+  AI                          11 LLM providers (Anthropic, OpenAI, …)
+  MCP                         Model Context Protocol — expose tools to LLMs
+  Boost                       AI coding DX (Claude Code / Cursor / Copilot)
+
+─── Internationalization ───
+  Localization                i18n — trans(), setLocale()
+
+─── Product & Features ───
+  Cashier-Paddle              subscriptions + checkout — requires Auth + Prisma
+  Pennant                     feature flags
+
+─── Observability ───
+  Telescope                   debug dashboard
+  Pulse                       metrics dashboard
+  Horizon                     queue monitoring
+
+─── Utilities ───
+  Crypt                       AES-256-CBC + HMAC encryption
+  HTTP                        fluent fetch client (retries, timeouts, pools)
+  Process                     shell execution (run, pool, pipe)
+  Concurrency                 parallel execution via worker threads
+```
 
 Package-specific behavior:
 
 - **AI** — generates `config/ai.ts`, AI chat demo at `/ai-chat`, `POST /api/ai/chat`.
-- **MCP** — generates `app/Mcp/EchoServer.ts` and wires `POST /mcp/echo`.
-- **Passport** — generates `config/passport.ts`, OAuth 2 routes (`/oauth/authorize`, `/oauth/token`, etc.), and `OAuthClient` + `OAuthAccessToken` Prisma models. Fails fast if Auth or Prisma isn't also selected.
-- **Demos** — generates `app/Views/Demos/{Index,Contact}.tsx` plus `Ws.tsx` (when Broadcast is selected) and `Live.tsx` (when Sync is selected). Index page lives at `/demos`. Skipped silently when the primary framework isn't React.
-
-Only selected packages get their dependencies, providers, config files, and schema files. Always-included base packages: `core`, `router`, `server-hono`, `middleware`, `vite`, `rudder`, `cli`, `log`. `session` + `hash` are pulled in automatically with Authentication.
+- **MCP** — generates `app/Mcp/EchoServer.ts` + `EchoTool.ts` and wires `POST /mcp/echo`.
+- **Passport** — generates `config/passport.ts`, OAuth 2 routes (`/oauth/authorize`, `/oauth/token`, etc.), and `OAuthClient` + `OAuthAccessToken` Prisma models. Filtered out when ORM=none.
+
+### Demos (prompt 9)
+
+Each demo is a small view + one API endpoint, gated on the relevant package. The list is sourced from a single registry at `src/templates/demos/registry.ts` (also exported as `create-rudder-app/demos-registry` so the framework's own playground consumes it).
+
+| Demo | Gate | What it shows |
+|------|------|---------------|
+| Contact form | always | CSRF + Zod validation, FormRequest-style errors |
+| Cache counter | always | `Cache.get` + `Cache.set` round-trip |
+| Todos | ORM | CRUD wired through ORM model + interactive UI |
+| Queue dispatch | Queue | `ExampleJob.dispatch().send()` → handler logs |
+| Mail send | Mail | `Mail.to(addr).send(new DemoMail(...))` via log driver |
+| Notifications | Notifications + Mail | `notify(Notification.route('mail', addr), ...)` |
+| Localization | Localization | locale switcher + `runWithLocale` + `trans()` |
+| HTTP client | HTTP | `Http.retry(3, 200).timeout(5000).get(url)` against a public API |
+| Avatar resize | Storage + Image | upload → 256×256 WebP via `@rudderjs/image` |
+| Worker threads | Concurrency | sequential vs parallel `fib(n)` via `Concurrency.run()` |
+| System info | Process | three shell commands via `Process.run()` and `Process.pool()` |
+| Feature flags | Pennant + Auth | boolean / value / scoped / Lottery features + `FeatureMiddleware` |
+| WebSocket chat | Broadcast | real-time chat + presence over a single WS |
+| Yjs collaboration | Sync | CRDT live document with awareness cursors |
+
+Demos are silently skipped when the primary framework isn't React (the templates ship React only for now).
+
+Always-included base packages: `core`, `router`, `server-hono`, `middleware`, `vite`, `console`, `cli`, `log`, plus the Tier A trio above.
 
 ---
 
@@ -102,11 +156,16 @@ my-app/
 │   └── providers.ts    # [...(await defaultProviders()), ...app providers]
 ├── config/             # app, server, log + per-package configs (auth, cache, session, …)
 ├── app/
-│   ├── Models/User.ts              # (if Auth)
-│   ├── Views/                      # (if Auth) Welcome + Auth/{Login,Register,...} vendored
-│   ├── Mcp/EchoServer.ts           # (if MCP)
-│   ├── Providers/AppServiceProvider.ts
-│   └── Middleware/RequestIdMiddleware.ts
+│   ├── Http/Controllers/AuthController.ts   # (if Auth)
+│   ├── Models/User.ts                        # (if Auth)
+│   ├── Views/                                # (if Auth) Welcome + Auth/{Login,Register,...} vendored
+│   │                                         # + Demos/<picked>.tsx
+│   ├── Mcp/{EchoServer,EchoTool}.ts          # (if MCP)
+│   ├── Modules/Todo/                         # (if Todos demo)
+│   ├── Jobs/ExampleJob.ts                    # (if Queue demo)
+│   ├── Mail/DemoMail.ts                      # (if Mail demo)
+│   ├── Notifications/WelcomeNotification.ts  # (if Notifications demo)
+│   └── Providers/AppServiceProvider.ts
 ├── routes/
 │   ├── api.ts          # JSON API routes (+ auth endpoints if Auth, + OAuth2 if Passport)
 │   ├── web.ts          # Vike page routes + registerAuthRoutes() (if Auth)
@@ -123,9 +182,12 @@ my-app/
 │   ├── auth.prisma             #   (if Auth) User + PasswordResetToken
 │   ├── passport.prisma         #   (if Passport) OAuthClient + OAuthAccessToken
 │   ├── notification.prisma     #   (if Notifications)
-│   └── modules.prisma          #   placeholder for per-feature modules
+│   └── modules.prisma          #   per-feature module schemas (Todo, …)
 ├── drizzle/                    # (if Drizzle) schema directory
-├── src/index.css               # (if Tailwind)
+├── lang/{en,es,ar}/            # (if Localization demo) message files
+├── src/
+│   ├── index.css               # (if Tailwind) — semantic classes work without Tailwind too
+│   └── RudderSocket.ts         # (if Broadcast) — vendored client helper
 ├── vite.config.ts
 ├── tsconfig.json
 ├── .env + .env.example
@@ -158,9 +220,11 @@ my-app/
 
 | Selection | `src/index.css` content |
 |-----------|------------------------|
-| Tailwind + shadcn | Full shadcn CSS variables + `@import "shadcn/tailwind.css"` |
-| Tailwind only | `@import "tailwindcss"; @import "tw-animate-css";` |
-| No Tailwind | File not generated |
+| Tailwind + shadcn | shadcn CSS variables + `@import "shadcn/tailwind.css"` + semantic-class `@apply` rules |
+| Tailwind only | `@import "tailwindcss"; @import "tw-animate-css";` + semantic-class `@apply` rules |
+| No Tailwind | hand-authored CSS — same semantic class names so JSX never branches on the flag |
+
+Demos use the same semantic class vocabulary across all three variants — `.page`, `.feature-card`, `.form-input`, `.demo-card`, `.chat-bubble`, etc. — so they look right whether or not you ship Tailwind.
 </details>
 
 <details>
@@ -245,6 +309,16 @@ pnpm rudder vendor:publish --tag=auth-views-react   # or auth-views-vue
 ```
 </details>
 
+<details>
+<summary><strong>APP_KEY length error after enabling Crypt</strong></summary>
+
+`@rudderjs/crypt` requires exactly 32 bytes for AES-256. The scaffolder generates a valid key in `.env` but if you replace it, make sure the base64-decoded value is 32 bytes:
+
+```bash
+node -e "console.log(require('crypto').randomBytes(32).toString('base64'))"
+```
+</details>
+
 ---
 
 ## Related
@@ -262,11 +336,14 @@ git clone https://github.com/rudderjs/rudder.git
 cd rudder/create-rudder-app
 pnpm install
 pnpm build
-node dist/index.js         # launches the interactive CLI from source
-pnpm test                  # 111 template tests
+node dist/index.js                              # launches the interactive CLI from source
+pnpm test                                       # 169 template tests + snapshot baseline
+pnpm smoke                                      # default end-to-end smoke
+pnpm smoke --profile=no-db                      # ORM=none + observability survivability
+pnpm smoke --profile=demos-all                  # every demo at once
 ```
 
-Template logic lives in `src/templates.ts` (pure — returns `Record<path, content>`, no filesystem). The entrypoint `src/index.ts` handles prompts + writes + installs. Adding a new package option touches both files + `templates.test.ts`.
+Template logic lives in `src/templates.ts` (pure — returns `Record<path, content>`, no filesystem) plus modular `src/templates/{configs,demos,prisma,…}/`. The entrypoint `src/index.ts` handles prompts + writes + installs. Adding a new package option touches `templates/configs/`, `templates/package-json.ts`, and `src/index.ts`. Adding a new demo means one entry in `src/templates/demos/registry.ts` plus a per-demo template module — the playground's `/demos` index picks it up automatically via the `create-rudder-app/demos-registry` subpath export.
 
 ---
 

package/dist/templates/demos/index-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index-view.d.ts","sourceRoot":"","sources":["../../../src/templates/demos/index-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAE7E,wBAAgB,cAAc,CAAC,GAAG,EAAE,eAAe,GAAG,MAAM,CA+I3D"}
+{"version":3,"file":"index-view.d.ts","sourceRoot":"","sources":["../../../src/templates/demos/index-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAG7E,wBAAgB,cAAc,CAAC,GAAG,EAAE,eAAe,GAAG,MAAM,CA6C3D"}

package/dist/templates/demos/index-view.js

@@ -1,110 +1,14 @@
 import { shouldScaffoldDemo } from '../../templates.js';
+import { DEMOS, demoHref, demoTitle } from './registry.js';
 export function demosIndexView(ctx) {
-    const cards = [
-        {
-            title: 'Contact form',
-            desc: 'CSRF-protected form with Zod validation. Demonstrates getCsrfToken() and FormRequest-style error handling.',
-            href: '/demos/contact',
-            pkgs: '@rudderjs/middleware · @rudderjs/core',
-            show: shouldScaffoldDemo(ctx, 'contact'),
-        },
-        {
-            title: 'Todos',
-            desc: 'ORM + interactive UI. Controller loads initial data, the view hydrates and POSTs to /api/todos/* for live updates.',
-            href: '/demos/todos',
-            pkgs: '@rudderjs/orm · @rudderjs/router',
-            show: shouldScaffoldDemo(ctx, 'todos'),
-        },
-        {
-            title: 'Avatar resize',
-            desc: 'Upload an image — server resizes it to 256×256 WebP via @rudderjs/image and saves to public storage. Side-by-side compare.',
-            href: '/demos/avatar',
-            pkgs: '@rudderjs/image · @rudderjs/storage',
-            show: shouldScaffoldDemo(ctx, 'avatar'),
-        },
-        {
-            title: 'System info',
-            desc: 'Three shell commands (git, node, uptime) executed via @rudderjs/process. Compares sequential vs parallel cost using Process.pool().',
-            href: '/demos/system-info',
-            pkgs: '@rudderjs/process',
-            show: shouldScaffoldDemo(ctx, 'system-info'),
-        },
-        {
-            title: 'Worker threads',
-            desc: 'Compute fib(n) sequentially on the main thread vs across @rudderjs/concurrency worker pool. Watch the parallel cost stay flat as you crank N.',
-            href: '/demos/fibonacci',
-            pkgs: '@rudderjs/concurrency',
-            show: shouldScaffoldDemo(ctx, 'fibonacci'),
-        },
-        {
-            title: 'Feature flags',
-            desc: 'Boolean, value, scoped, and Lottery features resolved against the current user. Sub-route guarded by FeatureMiddleware to demonstrate 403 blocking.',
-            href: '/demos/pennant',
-            pkgs: '@rudderjs/pennant',
-            show: shouldScaffoldDemo(ctx, 'pennant'),
-        },
-        {
-            title: 'Cache counter',
-            desc: 'Persistent view counter via Cache.get + Cache.set. Demonstrates the Cache facade with the in-memory driver.',
-            href: '/demos/cache',
-            pkgs: '@rudderjs/cache',
-            show: shouldScaffoldDemo(ctx, 'cache'),
-        },
-        {
-            title: 'Queue dispatch',
-            desc: 'Click to enqueue ExampleJob via @rudderjs/queue. The handler logs to the server terminal.',
-            href: '/demos/queue',
-            pkgs: '@rudderjs/queue',
-            show: shouldScaffoldDemo(ctx, 'queue'),
-        },
-        {
-            title: 'Mail send',
-            desc: 'Send a Mailable via Mail.to(...).send(). Default driver is "log" — output appears in the dev terminal.',
-            href: '/demos/mail',
-            pkgs: '@rudderjs/mail',
-            show: shouldScaffoldDemo(ctx, 'mail'),
-        },
-        {
-            title: 'Notifications',
-            desc: 'Multi-channel notification via notify(notifiable, notification). Mail channel uses the log driver.',
-            href: '/demos/notifications',
-            pkgs: '@rudderjs/notification · @rudderjs/mail',
-            show: shouldScaffoldDemo(ctx, 'notifications'),
-        },
-        {
-            title: 'Localization',
-            desc: 'Pick a locale to fetch the same keys via trans() server-side. Strings live in lang/<locale>/messages.json.',
-            href: '/demos/localization',
-            pkgs: '@rudderjs/localization',
-            show: shouldScaffoldDemo(ctx, 'localization'),
-        },
-        {
-            title: 'HTTP client',
-            desc: 'Server-side Http.retry(3, 200).timeout(5000).get(url) against a public API. The 500 endpoint exercises retry.',
-            href: '/demos/http',
-            pkgs: '@rudderjs/http',
-            show: shouldScaffoldDemo(ctx, 'http'),
-        },
-        {
-            title: 'WebSocket chat',
-            desc: 'Real-time chat + presence using @rudderjs/broadcast — multi-channel pub/sub over a single WebSocket connection.',
-            href: '/demos/ws',
-            pkgs: '@rudderjs/broadcast',
-            show: shouldScaffoldDemo(ctx, 'ws'),
-        },
-        {
-            title: 'Collaborative editor',
-            desc: 'Yjs CRDT live document with awareness cursors. Open in two tabs to see real-time sync over @rudderjs/sync.',
-            href: '/demos/sync',
-            pkgs: '@rudderjs/sync',
-            show: shouldScaffoldDemo(ctx, 'sync'),
-        },
-    ].filter(c => c.show);
-    const cardsJsx = cards.map(c => `        <a key="${c.href}" href="${c.href}" className="feature-card">
-          <h3 className="feature-title">${c.title}</h3>
-          <p className="feature-desc">${c.desc}</p>
-          <p className="feature-desc" style={{ fontSize: '0.7rem', opacity: 0.7 }}>${c.pkgs}</p>
-        </a>`).join('\n');
+    const cards = DEMOS
+        .filter(d => shouldScaffoldDemo(ctx, d.value))
+        .map(d => `        <a key="${demoHref(d)}" href="${demoHref(d)}" className="feature-card">
+          <h3 className="feature-title">${demoTitle(d)}</h3>
+          <p className="feature-desc">${escapeJsxText(d.description)}</p>
+          <p className="feature-desc" style={{ fontSize: '0.7rem', opacity: 0.7 }}>${d.packages.join(' · ')}</p>
+        </a>`)
+        .join('\n');
     return `import '@/index.css'
 
 // Override the id-derived URL ('/demos/index') so SPA nav matches the controller ('/demos').
@@ -133,7 +37,7 @@ export default function DemosIndex() {
 
       <section className="feature-section">
         <div className="feature-grid">
-${cardsJsx}
+${cards}
         </div>
       </section>
     </div>
@@ -141,4 +45,10 @@ ${cardsJsx}
 }
 `;
 }
+// Description strings live as plain text in the registry, but they're emitted
+// inside JSX text nodes. Escape '<' and '>' so a raw '<name>' (e.g. in the
+// localization description) doesn't get parsed as a JSX element.
+function escapeJsxText(s) {
+    return s.replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
 //# sourceMappingURL=index-view.js.map

package/dist/templates/demos/index-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-view.js","sourceRoot":"","sources":["../../../src/templates/demos/index-view.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index-view.js","sourceRoot":"","sources":["../../../src/templates/demos/index-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAwB,MAAM,oBAAoB,CAAA;AAC7E,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE1D,MAAM,UAAU,cAAc,CAAC,GAAoB;IACjD,MAAM,KAAK,GAAG,KAAK;SAChB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;SAC7C,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,mBAAmB,QAAQ,CAAC,CAAC,CAAC,WAAW,QAAQ,CAAC,CAAC,CAAC;0CACxB,SAAS,CAAC,CAAC,CAAC;wCACd,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC;qFACiB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;aAC9F,CAAC;SACT,IAAI,CAAC,IAAI,CAAC,CAAA;IAEb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BP,KAAK;;;;;;CAMN,CAAA;AACD,CAAC;AAED,8EAA8E;AAC9E,2EAA2E;AAC3E,iEAAiE;AACjE,SAAS,aAAa,CAAC,CAAS;IAC9B,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;AACtD,CAAC"}

package/dist/templates/demos/registry.d.ts

@@ -1,13 +1,26 @@
 import type { TemplateContext } from '../../templates.js';
 export interface DemoSpec {
+    /** Stable id used in URLs, file names, and the prompt multiselect. */
     value: string;
+    /** Short label shown in the @clack/prompts multiselect. */
     label: string;
+    /** Single-line hint shown next to the label in the prompt. */
     hint?: string;
+    /** Card title shown on /demos. Falls back to `label` when omitted. */
+    title?: string;
+    /** Long description shown on the /demos card in the scaffolded app + playground. */
+    description: string;
+    /** Packages this demo exercises — rendered under each /demos card. */
+    packages: ReadonlyArray<string>;
     /** Package keys that must all be selected for this demo to scaffold. */
     requires?: ReadonlyArray<keyof TemplateContext['packages']>;
     /** True if this demo requires a database/ORM. */
     requiresOrm?: boolean;
 }
+/** Card title used on /demos — falls back to `label` when not overridden. */
+export declare function demoTitle(spec: DemoSpec): string;
 export declare const DEMOS: ReadonlyArray<DemoSpec>;
 export declare function availableDemos(orm: TemplateContext['orm'], packages: TemplateContext['packages']): DemoSpec[];
+/** Default href for a demo card — `/demos/<value>`. */
+export declare function demoHref(spec: Pick<DemoSpec, 'value'>): string;
 //# sourceMappingURL=registry.d.ts.map

package/dist/templates/demos/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../src/templates/demos/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEzD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAS,MAAM,CAAA;IACpB,KAAK,EAAS,MAAM,CAAA;IACpB,IAAI,CAAC,EAAS,MAAM,CAAA;IACpB,wEAAwE;IACxE,QAAQ,CAAC,EAAK,aAAa,CAAC,MAAM,eAAe,CAAC,UAAU,CAAC,CAAC,CAAA;IAC9D,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,KAAK,EAAE,aAAa,CAAC,QAAQ,CAezC,CAAA;AAED,wBAAgB,cAAc,CAC5B,GAAG,EAAE,eAAe,CAAC,KAAK,CAAC,EAC3B,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,GACpC,QAAQ,EAAE,CAMZ"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../src/templates/demos/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEzD,MAAM,WAAW,QAAQ;IACvB,sEAAsE;IACtE,KAAK,EAAS,MAAM,CAAA;IACpB,2DAA2D;IAC3D,KAAK,EAAS,MAAM,CAAA;IACpB,8DAA8D;IAC9D,IAAI,CAAC,EAAS,MAAM,CAAA;IACpB,sEAAsE;IACtE,KAAK,CAAC,EAAQ,MAAM,CAAA;IACpB,oFAAoF;IACpF,WAAW,EAAG,MAAM,CAAA;IACpB,sEAAsE;IACtE,QAAQ,EAAM,aAAa,CAAC,MAAM,CAAC,CAAA;IACnC,wEAAwE;IACxE,QAAQ,CAAC,EAAK,aAAa,CAAC,MAAM,eAAe,CAAC,UAAU,CAAC,CAAC,CAAA;IAC9D,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,6EAA6E;AAC7E,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAEhD;AAED,eAAO,MAAM,KAAK,EAAE,aAAa,CAAC,QAAQ,CAiHzC,CAAA;AAED,wBAAgB,cAAc,CAC5B,GAAG,EAAE,eAAe,CAAC,KAAK,CAAC,EAC3B,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,GACpC,QAAQ,EAAE,CAMZ;AAED,uDAAuD;AACvD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,GAAG,MAAM,CAE9D"}

package/dist/templates/demos/registry.js

@@ -1,18 +1,120 @@
+/** Card title used on /demos — falls back to `label` when not overridden. */
+export function demoTitle(spec) {
+    return spec.title ?? spec.label;
+}
 export const DEMOS = [
-    { value: 'contact', label: 'Contact form', hint: 'CSRF + Zod validation' },
-    { value: 'cache', label: 'Cache counter', hint: 'Cache.get + Cache.set round-trip' },
-    { value: 'todos', label: 'Todos CRUD', hint: 'requires ORM', requiresOrm: true },
-    { value: 'queue', label: 'Queue dispatch', hint: 'requires Queue', requires: ['queue'] },
-    { value: 'mail', label: 'Mail send', hint: 'requires Mail', requires: ['mail'] },
-    { value: 'notifications', label: 'Notifications', hint: 'requires Notifications + Mail', requires: ['notifications', 'mail'] },
-    { value: 'localization', label: 'Localization', hint: 'requires Localization', requires: ['localization'] },
-    { value: 'http', label: 'HTTP client', hint: 'requires HTTP', requires: ['http'] },
-    { value: 'avatar', label: 'Avatar resize', hint: 'requires Storage + Image', requires: ['storage', 'image'] },
-    { value: 'fibonacci', label: 'Worker threads', hint: 'requires Concurrency', requires: ['concurrency'] },
-    { value: 'system-info', label: 'System info', hint: 'requires Process', requires: ['process'] },
-    { value: 'pennant', label: 'Feature flags', hint: 'requires Pennant + Auth', requires: ['pennant', 'auth'] },
-    { value: 'ws', label: 'WebSocket chat', hint: 'requires WebSocket / Broadcast', requires: ['broadcast'] },
-    { value: 'sync', label: 'Yjs collaboration', hint: 'requires Sync', requires: ['sync'] },
+    {
+        value: 'contact',
+        label: 'Contact form',
+        hint: 'CSRF + Zod validation',
+        description: 'CSRF-protected form with Zod validation. Demonstrates getCsrfToken() and FormRequest-style error handling.',
+        packages: ['@rudderjs/middleware', '@rudderjs/core'],
+    },
+    {
+        value: 'cache',
+        label: 'Cache counter',
+        hint: 'Cache.get + Cache.set round-trip',
+        description: 'Click "Bump" to read the current value via Cache.get, increment it, and write it back via Cache.set. Default driver is in-memory.',
+        packages: ['@rudderjs/cache'],
+    },
+    {
+        value: 'todos',
+        label: 'Todos CRUD',
+        title: 'Todos',
+        hint: 'requires ORM',
+        description: 'ORM + interactive UI. Controller loads initial data, the view hydrates and POSTs to /api/todos/* for live updates.',
+        packages: ['@rudderjs/orm', '@rudderjs/router'],
+        requiresOrm: true,
+    },
+    {
+        value: 'queue',
+        label: 'Queue dispatch',
+        hint: 'requires Queue',
+        description: 'Dispatch ExampleJob via @rudderjs/queue. The handler logs to the server terminal — install @rudderjs/horizon for a UI.',
+        packages: ['@rudderjs/queue'],
+        requires: ['queue'],
+    },
+    {
+        value: 'mail',
+        label: 'Mail send',
+        hint: 'requires Mail',
+        description: 'Send a DemoMail via @rudderjs/mail. Default driver is log — output lands in the dev server terminal.',
+        packages: ['@rudderjs/mail'],
+        requires: ['mail'],
+    },
+    {
+        value: 'notifications',
+        label: 'Notifications',
+        hint: 'requires Notifications + Mail',
+        description: "Dispatch a WelcomeNotification via notify(). The notification's via() picks the channel(s); mail routes through the log driver.",
+        packages: ['@rudderjs/notification', '@rudderjs/mail'],
+        requires: ['notifications', 'mail'],
+    },
+    {
+        value: 'localization',
+        label: 'Localization',
+        hint: 'requires Localization',
+        description: 'Locale switcher resolves the same keys server-side via trans(). Strings live in lang/<locale>/messages.json.',
+        packages: ['@rudderjs/localization'],
+        requires: ['localization'],
+    },
+    {
+        value: 'http',
+        label: 'HTTP client',
+        hint: 'requires HTTP',
+        description: 'Server-side Http.retry(3, 200).timeout(5000).get(url) against a public API. The 500 endpoint exercises the retry path.',
+        packages: ['@rudderjs/http'],
+        requires: ['http'],
+    },
+    {
+        value: 'avatar',
+        label: 'Avatar resize',
+        hint: 'requires Storage + Image',
+        description: 'Upload an image — server resizes it to 256×256 WebP via @rudderjs/image and saves to public storage. Side-by-side compare.',
+        packages: ['@rudderjs/image', '@rudderjs/storage'],
+        requires: ['storage', 'image'],
+    },
+    {
+        value: 'fibonacci',
+        label: 'Worker threads',
+        hint: 'requires Concurrency',
+        description: 'Compute fib(n) sequentially on the main thread vs across @rudderjs/concurrency worker pool. Watch the parallel cost stay flat as you crank N.',
+        packages: ['@rudderjs/concurrency'],
+        requires: ['concurrency'],
+    },
+    {
+        value: 'system-info',
+        label: 'System info',
+        hint: 'requires Process',
+        description: 'Three shell commands (git, node, uptime) executed via @rudderjs/process. Compares sequential vs parallel cost using Process.pool().',
+        packages: ['@rudderjs/process'],
+        requires: ['process'],
+    },
+    {
+        value: 'pennant',
+        label: 'Feature flags',
+        hint: 'requires Pennant + Auth',
+        description: 'Boolean, value, scoped, and Lottery features resolved against the current user. Sub-route guarded by FeatureMiddleware to demonstrate 403 blocking.',
+        packages: ['@rudderjs/pennant'],
+        requires: ['pennant', 'auth'],
+    },
+    {
+        value: 'ws',
+        label: 'WebSocket chat',
+        hint: 'requires WebSocket / Broadcast',
+        description: 'Real-time chat + presence using @rudderjs/broadcast — multi-channel pub/sub over a single WebSocket connection.',
+        packages: ['@rudderjs/broadcast'],
+        requires: ['broadcast'],
+    },
+    {
+        value: 'sync',
+        label: 'Yjs collaboration',
+        title: 'Collaborative editor',
+        hint: 'requires Sync',
+        description: 'Yjs CRDT live document with awareness cursors. Open in two tabs to see real-time sync over @rudderjs/sync.',
+        packages: ['@rudderjs/sync'],
+        requires: ['sync'],
+    },
 ];
 export function availableDemos(orm, packages) {
     return DEMOS.filter(d => {
@@ -23,4 +125,8 @@ export function availableDemos(orm, packages) {
         return true;
     });
 }
+/** Default href for a demo card — `/demos/<value>`. */
+export function demoHref(spec) {
+    return `/demos/${spec.value}`;
+}
 //# sourceMappingURL=registry.js.map

package/dist/templates/demos/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../src/templates/demos/registry.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,KAAK,GAA4B;IAC5C,EAAE,KAAK,EAAE,SAAS,EAAQ,KAAK,EAAE,cAAc,EAAO,IAAI,EAAE,uBAAuB,EAAE;IACrF,EAAE,KAAK,EAAE,OAAO,EAAU,KAAK,EAAE,eAAe,EAAM,IAAI,EAAE,kCAAkC,EAAE;IAChG,EAAE,KAAK,EAAE,OAAO,EAAU,KAAK,EAAE,YAAY,EAAS,IAAI,EAAE,cAAc,EAAoB,WAAW,EAAE,IAAI,EAAE;IACjH,EAAE,KAAK,EAAE,OAAO,EAAU,KAAK,EAAE,gBAAgB,EAAK,IAAI,EAAE,gBAAgB,EAAkB,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;IACnH,EAAE,KAAK,EAAE,MAAM,EAAW,KAAK,EAAE,WAAW,EAAU,IAAI,EAAE,eAAe,EAAmB,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE;IAClH,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAM,IAAI,EAAE,+BAA+B,EAAG,QAAQ,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,EAAE;IACnI,EAAE,KAAK,EAAE,cAAc,EAAG,KAAK,EAAE,cAAc,EAAO,IAAI,EAAE,uBAAuB,EAAW,QAAQ,EAAE,CAAC,cAAc,CAAC,EAAE;IAC1H,EAAE,KAAK,EAAE,MAAM,EAAW,KAAK,EAAE,aAAa,EAAQ,IAAI,EAAE,eAAe,EAAmB,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE;IAClH,EAAE,KAAK,EAAE,QAAQ,EAAS,KAAK,EAAE,eAAe,EAAM,IAAI,EAAE,0BAA0B,EAAQ,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE;IAC9H,EAAE,KAAK,EAAE,WAAW,EAAM,KAAK,EAAE,gBAAgB,EAAK,IAAI,EAAE,sBAAsB,EAAY,QAAQ,EAAE,CAAC,aAAa,CAAC,EAAE;IACzH,EAAE,KAAK,EAAE,aAAa,EAAI,KAAK,EAAE,aAAa,EAAQ,IAAI,EAAE,kBAAkB,EAAgB,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE;IACrH,EAAE,KAAK,EAAE,SAAS,EAAQ,KAAK,EAAE,eAAe,EAAM,IAAI,EAAE,yBAAyB,EAAS,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE;IAC7H,EAAE,KAAK,EAAE,IAAI,EAAa,KAAK,EAAE,gBAAgB,EAAK,IAAI,EAAE,gCAAgC,EAAE,QAAQ,EAAE,CAAC,WAAW,CAAC,EAAE;IACvH,EAAE,KAAK,EAAE,MAAM,EAAW,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,eAAe,EAAmB,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE;CACnH,CAAA;AAED,MAAM,UAAU,cAAc,CAC5B,GAA2B,EAC3B,QAAqC;IAErC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;QACtB,IAAI,CAAC,CAAC,WAAW,IAAI,GAAG,KAAK,KAAK;YAAE,OAAO,KAAK,CAAA;QAChD,IAAI,CAAC,CAAC,QAAQ;YAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;QACzD,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;AACJ,CAAC"}
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../src/templates/demos/registry.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rudder-app",
-  "version": "0.5.0",
+  "version": "0.6.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -19,6 +19,10 @@
   "exports": {
     ".": {
       "import": "./dist/index.js"
+    },
+    "./demos-registry": {
+      "types": "./dist/templates/demos/registry.d.ts",
+      "import": "./dist/templates/demos/registry.js"
     }
   },
   "dependencies": {