@newt-app/templates 0.16.0 → 0.17.0

package/dist/index.d.ts

@@ -47,6 +47,11 @@ declare const templates: {
     deploymentSpa: Module;
     nestDiOnly: Module;
     apiControllers: Module;
+    todoExampleApi: Module;
+    todoExampleControllers: Module;
+    todoExampleDi: Module;
+    todoExampleWeb: Module;
+    todoExampleShadcn: Module;
 };
 
 export { type File, type Module, type Package, type Script, type Template, type TemplateData, getStaticFilePath, staticDir, staticDirPath, templates };

package/dist/index.js

@@ -459,9 +459,9 @@ var page_default = {
 import { useQuery } from '@tanstack/react-query';
 import { authClient } from '@/lib/auth-client';
 import { AuthForm } from '@/app/auth-form';
+import { Button } from '@<%= projectName %>/ui/button';
 import { Link } from '@<%= projectName %>/ui/link';
 import { Logo } from '@<%= projectName %>/ui/logo';
-import { TodoList } from '@/app/todo-list';
 
 export default function Home() {
   const { data: session, isPending } = authClient.useSession();
@@ -507,7 +507,12 @@ export default function Home() {
         {isPending ? (
           <p className="text-sm text-gray-400">Loading\u2026</p>
         ) : session ? (
-          <TodoList session={session} />
+          <div className="space-y-3">
+            <p className="text-sm">Signed in as {session.user.name}</p>
+            <Button onClick={() => void authClient.signOut()}>
+              Sign out
+            </Button>
+          </div>
         ) : (
           <AuthForm />
         )}
@@ -674,149 +679,6 @@ export function AuthForm() {
 }`
 };
 
-// src/web/templates/todo-list.ts
-var todo_list_default = {
-  filename: "apps/web/app/todo-list.tsx",
-  template: `'use client';
-
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { useForm } from '@tanstack/react-form';
-import { authClient } from '@/lib/auth-client';
-import { Button } from '@<%= projectName %>/ui/button';
-
-interface Todo {
-  id: number;
-  title: string;
-  done: boolean;
-}
-
-const api = {
-  getTodos: (): Promise<Todo[]> => fetch('/api/todos').then((r) => r.json()),
-  createTodo: (title: string): Promise<Todo> =>
-    fetch('/api/todos', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ title }),
-    }).then((r) => r.json()),
-  toggleTodo: (id: number): Promise<Todo> =>
-    fetch(\`/api/todos/\${id}/toggle\`, { method: 'PATCH' }).then((r) => r.json()),
-  deleteTodo: (id: number): Promise<void> =>
-    fetch(\`/api/todos/\${id}\`, { method: 'DELETE' }).then(() => undefined),
-};
-
-export function TodoList({
-  session,
-}: {
-  session: { user: { email: string } };
-}) {
-  const queryClient = useQueryClient();
-
-  const { data: todos = [], isPending } = useQuery({
-    queryKey: ['todos'],
-    queryFn: api.getTodos,
-  });
-
-  const createMutation = useMutation({
-    mutationFn: api.createTodo,
-    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
-  });
-
-  const toggleMutation = useMutation({
-    mutationFn: api.toggleTodo,
-    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
-  });
-
-  const deleteMutation = useMutation({
-    mutationFn: api.deleteTodo,
-    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
-  });
-
-  const form = useForm({
-    defaultValues: { title: '' },
-    onSubmit: async ({ value }) => {
-      if (!value.title.trim()) return;
-      createMutation.mutate(value.title.trim());
-      form.reset();
-    },
-  });
-
-  return (
-    <>
-      <div className="flex items-center justify-between mb-8">
-        <h1 className="text-2xl font-semibold">Todos</h1>
-        <div className="flex items-center gap-3 text-sm text-gray-400">
-          <span>{session.user.email}</span>
-          <button
-            className="hover:text-gray-100"
-            onClick={() => authClient.signOut()}
-          >
-            Sign out
-          </button>
-        </div>
-      </div>
-
-      <form
-        onSubmit={(e) => {
-          e.preventDefault();
-          form.handleSubmit();
-        }}
-        className="flex gap-2 mb-6"
-      >
-        <form.Field name="title">
-          {(field) => (
-            <input
-              value={field.state.value}
-              onChange={(e) => field.handleChange(e.target.value)}
-              placeholder="New todo\u2026"
-              className="flex h-9 flex-1 rounded-md border border-neutral-700 bg-neutral-800/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
-            />
-          )}
-        </form.Field>
-
-        <form.Subscribe selector={(s) => s.isSubmitting}>
-          {(isSubmitting) => (
-            <Button type="submit" disabled={isSubmitting || createMutation.isPending}>
-              Add
-            </Button>
-          )}
-        </form.Subscribe>
-      </form>
-
-      {isPending ? (
-        <p className="text-sm text-gray-400">Loading\u2026</p>
-      ) : (
-        <ul className="divide-y divide-neutral-700">
-          {todos.map((todo) => (
-            <li key={todo.id} className="flex items-center gap-3 py-3">
-              <input
-                type="checkbox"
-                checked={todo.done}
-                onChange={() => toggleMutation.mutate(todo.id)}
-              />
-              <span
-                className={\`flex-1 text-sm \${todo.done ? 'line-through text-gray-400' : ''}\`}
-              >
-                {todo.title}
-              </span>
-              <button
-                onClick={() => deleteMutation.mutate(todo.id)}
-                className="text-gray-600 hover:text-red-400 text-lg leading-none"
-              >
-                \xD7
-              </button>
-            </li>
-          ))}
-        </ul>
-      )}
-
-      {!isPending && todos.length === 0 && (
-        <p className="text-sm text-gray-400">No todos yet.</p>
-      )}
-    </>
-  );
-}`
-};
-
 // src/web/templates/auth-route.ts
 var auth_route_default = {
   filename: "apps/web/app/api/auth/[...all]/route.ts",
@@ -874,7 +736,6 @@ var web = {
     page_default,
     providers_default,
     auth_form_default,
-    todo_list_default,
     auth_route_default,
     auth_client_default,
     manifest_default
@@ -1047,10 +908,8 @@ var app_module_default = {
   filename: "apps/api/src/app.module.ts",
   template: `import { Module } from '@nestjs/common';
 import { AppService } from './app.service';
-import { TodosModule } from './todos/todos.module';
 
 @Module({
-  imports: [TodosModule],
   providers: [AppService],
 })
 export class AppModule {}`
@@ -1092,83 +951,6 @@ describe('AppService', () => {
 });`
 };
 
-// src/api/templates/todos-module.ts
-var todos_module_default = {
-  filename: "apps/api/src/todos/todos.module.ts",
-  template: `import { Module } from '@nestjs/common';
-import { TodosService } from './todos.service';
-
-@Module({
-  providers: [TodosService],
-  exports: [TodosService],
-})
-export class TodosModule {}`
-};
-
-// src/api/templates/todos-service.ts
-var todos_service_default = {
-  filename: "apps/api/src/todos/todos.service.ts",
-  template: `import { Injectable, NotFoundException } from '@nestjs/common';
-
-export interface Todo {
-  id: number;
-  title: string;
-  done: boolean;
-}
-
-@Injectable()
-export class TodosService {
-  private todos: Todo[] = [];
-  private nextId = 1;
-
-  findAll(): Todo[] {
-    return this.todos;
-  }
-
-  create(title: string): Todo {
-    const todo: Todo = { id: this.nextId++, title, done: false };
-    this.todos.push(todo);
-    return todo;
-  }
-
-  toggle(id: number): Todo {
-    const todo = this.todos.find((t) => t.id === id);
-    if (!todo) throw new NotFoundException(\`Todo \${id} not found\`);
-    todo.done = !todo.done;
-    return todo;
-  }
-
-  remove(id: number): void {
-    const index = this.todos.findIndex((t) => t.id === id);
-    if (index === -1) throw new NotFoundException(\`Todo \${id} not found\`);
-    this.todos.splice(index, 1);
-  }
-}`
-};
-
-// src/api/templates/todos-service-spec.ts
-var todos_service_spec_default = {
-  filename: "apps/api/src/todos/todos.service.spec.ts",
-  template: `import { Test, TestingModule } from '@nestjs/testing';
-import { TodosService } from './todos.service';
-
-describe('TodosService', () => {
-  let service: TodosService;
-
-  beforeEach(async () => {
-    const module: TestingModule = await Test.createTestingModule({
-      providers: [TodosService],
-    }).compile();
-
-    service = module.get<TodosService>(TodosService);
-  });
-
-  it('should be defined', () => {
-    expect(service).toBeDefined();
-  });
-});`
-};
-
 // src/api/templates/readme.ts
 var readme_default3 = {
   filename: "apps/api/README.md",
@@ -1197,9 +979,6 @@ var api = {
     app_module_default,
     app_service_default,
     app_service_spec_default,
-    todos_module_default,
-    todos_service_default,
-    todos_service_spec_default,
     readme_default3
   ]
 };
@@ -1943,9 +1722,9 @@ var page_default2 = {
 import { useQuery } from '@tanstack/react-query';
 import { authClient } from '@/lib/auth-client';
 import { AuthForm } from '@/app/auth-form';
+import { Button } from '@<%= projectName %>/ui/button';
 import { Link } from '@<%= projectName %>/ui/link';
 import { Logo } from '@<%= projectName %>/ui/logo';
-import { TodoList } from '@/app/todo-list';
 import { ModeToggle } from '@<%= projectName %>/ui/mode-toggle';
 import { Card, CardContent, CardHeader, CardTitle } from '@<%= projectName %>/ui/card';
 
@@ -2013,7 +1792,12 @@ export default function Home() {
           {isPending ? (
             <p className="text-sm text-muted-foreground">Loading\u2026</p>
           ) : session ? (
-            <TodoList session={session} />
+            <div className="space-y-3">
+              <p className="text-sm">Signed in as {session.user.name}</p>
+              <Button variant="outline" onClick={() => authClient.signOut()}>
+                Sign out
+              </Button>
+            </div>
           ) : (
             <AuthForm />
           )}
@@ -2185,169 +1969,22 @@ export function AuthForm() {
 }`
 };
 
-// src/shadcn-ui/templates/todo-list.ts
-var todo_list_default2 = {
-  filename: "apps/web/app/todo-list.tsx",
-  template: `'use client';
+// src/shadcn-ui/templates/accordion.ts
+var accordion_default = {
+  filename: "packages/ui/src/components/accordion.tsx",
+  template: `import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion"
 
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { useForm } from '@tanstack/react-form';
-import { authClient } from '@/lib/auth-client';
-import { Button } from '@<%= projectName %>/ui/button';
-import { Input } from '@<%= projectName %>/ui/input';
-import { Checkbox } from '@<%= projectName %>/ui/checkbox';
+import { cn } from "@<%= projectName %>/ui/lib/utils"
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react"
 
-interface Todo {
-  id: number;
-  title: string;
-  done: boolean;
-}
-
-const api = {
-  getTodos: (): Promise<Todo[]> => fetch('/api/todos').then((r) => r.json()),
-  createTodo: (title: string): Promise<Todo> =>
-    fetch('/api/todos', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ title }),
-    }).then((r) => r.json()),
-  toggleTodo: (id: number): Promise<Todo> =>
-    fetch(\`/api/todos/\${id}/toggle\`, { method: 'PATCH' }).then((r) => r.json()),
-  deleteTodo: (id: number): Promise<void> =>
-    fetch(\`/api/todos/\${id}\`, { method: 'DELETE' }).then(() => undefined),
-};
-
-export function TodoList({
-  session,
-}: {
-  session: { user: { email: string } };
-}) {
-  const queryClient = useQueryClient();
-
-  const { data: todos = [], isPending } = useQuery({
-    queryKey: ['todos'],
-    queryFn: api.getTodos,
-  });
-
-  const createMutation = useMutation({
-    mutationFn: api.createTodo,
-    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
-  });
-
-  const toggleMutation = useMutation({
-    mutationFn: api.toggleTodo,
-    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
-  });
-
-  const deleteMutation = useMutation({
-    mutationFn: api.deleteTodo,
-    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
-  });
-
-  const form = useForm({
-    defaultValues: { title: '' },
-    onSubmit: async ({ value }) => {
-      if (!value.title.trim()) return;
-      createMutation.mutate(value.title.trim());
-      form.reset();
-    },
-  });
-
-  return (
-    <>
-      <div className="flex items-center justify-between mb-6">
-        <h1 className="text-2xl font-semibold">Todos</h1>
-        <div className="flex items-center gap-3 text-sm text-muted-foreground">
-          <span>{session.user.email}</span>
-          <Button
-            variant="ghost"
-            size="sm"
-            onClick={() => authClient.signOut()}
-          >
-            Sign out
-          </Button>
-        </div>
-      </div>
-
-      <form
-        onSubmit={(e) => {
-          e.preventDefault();
-          form.handleSubmit();
-        }}
-        className="flex gap-2 mb-6"
-      >
-        <form.Field name="title">
-          {(field) => (
-            <Input
-              value={field.state.value}
-              onChange={(e) => field.handleChange(e.target.value)}
-              placeholder="New todo\u2026"
-              className="flex-1"
-            />
-          )}
-        </form.Field>
-
-        <form.Subscribe selector={(s) => s.isSubmitting}>
-          {(isSubmitting) => (
-            <Button type="submit" disabled={isSubmitting || createMutation.isPending}>
-              Add
-            </Button>
-          )}
-        </form.Subscribe>
-      </form>
-
-      {isPending ? (
-        <p className="text-sm text-muted-foreground">Loading\u2026</p>
-      ) : (
-        <ul className="divide-y divide-border">
-          {todos.map((todo) => (
-            <li key={todo.id} className="flex items-center gap-3 py-3">
-              <Checkbox
-                checked={todo.done}
-                onCheckedChange={() => toggleMutation.mutate(todo.id)}
-              />
-              <span
-                className={\`flex-1 text-sm \${todo.done ? 'line-through text-muted-foreground' : ''}\`}
-              >
-                {todo.title}
-              </span>
-              <Button
-                variant="ghost"
-                size="sm"
-                onClick={() => deleteMutation.mutate(todo.id)}
-                className="text-muted-foreground hover:text-destructive h-7 w-7 p-0"
-              >
-                \xD7
-              </Button>
-            </li>
-          ))}
-        </ul>
-      )}
-
-      {!isPending && todos.length === 0 && (
-        <p className="text-sm text-muted-foreground">No todos yet.</p>
-      )}
-    </>
-  );
-}`
-};
-
-// src/shadcn-ui/templates/accordion.ts
-var accordion_default = {
-  filename: "packages/ui/src/components/accordion.tsx",
-  template: `import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion"
-
-import { cn } from "@<%= projectName %>/ui/lib/utils"
-import { ChevronDownIcon, ChevronUpIcon } from "lucide-react"
-
-function Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {
-  return (
-    <AccordionPrimitive.Root
-      data-slot="accordion"
-      className={cn("flex w-full flex-col", className)}
-      {...props}
-    />
-  )
+function Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {
+  return (
+    <AccordionPrimitive.Root
+      data-slot="accordion"
+      className={cn("flex w-full flex-col", className)}
+      {...props}
+    />
+  )
 }
 
 function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {
@@ -9333,7 +8970,6 @@ var shadcnUi = {
     page_default2,
     providers_default2,
     auth_form_default2,
-    todo_list_default2,
     accordion_default,
     alert_dialog_default,
     alert_default,
@@ -10444,54 +10080,6 @@ export async function inject<T>(token: Type<T> | Abstract<T> | string | symbol):
 }`
 };
 
-// src/nest-di-only/templates/web-todos-route.ts
-var web_todos_route_default = {
-  filename: "apps/web/app/api/todos/route.ts",
-  template: `import { NextResponse } from 'next/server';
-import { inject } from '@/lib/nest';
-import { TodosService } from '@<%= projectName %>/api';
-
-export async function GET() {
-  const todos = await inject(TodosService);
-  return NextResponse.json(todos.findAll());
-}
-
-export async function POST(req: Request) {
-  const { title } = await req.json();
-  const todos = await inject(TodosService);
-  return NextResponse.json(todos.create(title), { status: 201 });
-}`
-};
-
-// src/nest-di-only/templates/web-todos-id-route.ts
-var web_todos_id_route_default = {
-  filename: "apps/web/app/api/todos/[id]/route.ts",
-  template: `import { NextResponse } from 'next/server';
-import { inject } from '@/lib/nest';
-import { TodosService } from '@<%= projectName %>/api';
-
-export async function DELETE(_req: Request, { params }: { params: Promise<{ id: string }> }) {
-  const { id } = await params;
-  const todos = await inject(TodosService);
-  todos.remove(Number(id));
-  return new NextResponse(null, { status: 204 });
-}`
-};
-
-// src/nest-di-only/templates/web-todos-toggle-route.ts
-var web_todos_toggle_route_default = {
-  filename: "apps/web/app/api/todos/[id]/toggle/route.ts",
-  template: `import { NextResponse } from 'next/server';
-import { inject } from '@/lib/nest';
-import { TodosService } from '@<%= projectName %>/api';
-
-export async function PATCH(_req: Request, { params }: { params: Promise<{ id: string }> }) {
-  const { id } = await params;
-  const todos = await inject(TodosService);
-  return NextResponse.json(todos.toggle(Number(id)));
-}`
-};
-
 // src/nest-di-only/templates/web-package-json.ts
 var web_package_json_default2 = {
   filename: "apps/web/package.json",
@@ -10613,9 +10201,6 @@ var nestDiOnly = {
     api_index_default,
     web_nest_context_default,
     web_hello_route_default,
-    web_todos_route_default,
-    web_todos_id_route_default,
-    web_todos_toggle_route_default,
     web_package_json_default2,
     web_next_config_default3,
     web_tsconfig_default
@@ -10682,10 +10267,9 @@ import { AuthGuard, AuthModule } from '@thallesp/nestjs-better-auth';
 import { auth } from '@<%= projectName %>/auth';
 import { AppController } from './app.controller';
 import { AppService } from './app.service';
-import { TodosModule } from './todos/todos.module';
 
 @Module({
-  imports: [AuthModule.forRoot({ auth }), TodosModule],
+  imports: [AuthModule.forRoot({ auth })],
   controllers: [AppController],
   providers: [AppService, { provide: APP_GUARD, useClass: AuthGuard }],
 })
@@ -10717,72 +10301,720 @@ async function bootstrap() {
 void bootstrap();`
 };
 
-// src/api-controllers/templates/todos-controller.ts
-var todos_controller_default = {
-  filename: "apps/api/src/todos/todos.controller.ts",
-  template: `import {
-  Body,
-  Controller,
-  Delete,
-  Get,
-  Param,
-  Patch,
-  Post,
-} from '@nestjs/common';
-import { TodosService } from './todos.service';
-
-@Controller('todos')
-export class TodosController {
-  constructor(private readonly todosService: TodosService) {}
-
-  @Get()
-  findAll() {
-    return this.todosService.findAll();
-  }
-
-  @Post()
-  create(@Body('title') title: string) {
-    return this.todosService.create(title);
-  }
-
-  @Patch(':id/toggle')
-  toggle(@Param('id') id: string) {
-    return this.todosService.toggle(Number(id));
-  }
-
-  @Delete(':id')
-  remove(@Param('id') id: string) {
-    return this.todosService.remove(Number(id));
-  }
-}`
+// src/api-controllers/index.ts
+var apiControllers = {
+  templates: [
+    app_controller_default,
+    app_controller_spec_default,
+    app_module_default2,
+    main_default
+  ]
 };
+var api_controllers_default = apiControllers;
 
-// src/api-controllers/templates/todos-module.ts
-var todos_module_default2 = {
+// src/todo-example/templates/todos-module.ts
+var todos_module_default = {
   filename: "apps/api/src/todos/todos.module.ts",
   template: `import { Module } from '@nestjs/common';
-import { TodosController } from './todos.controller';
 import { TodosService } from './todos.service';
 
 @Module({
-  controllers: [TodosController],
   providers: [TodosService],
+  exports: [TodosService],
 })
 export class TodosModule {}`
 };
 
-// src/api-controllers/index.ts
-var apiControllers = {
-  templates: [
-    app_controller_default,
-    app_controller_spec_default,
-    app_module_default2,
-    main_default,
-    todos_controller_default,
-    todos_module_default2
-  ]
-};
-var api_controllers_default = apiControllers;
+// src/todo-example/templates/todos-service.ts
+var todos_service_default = {
+  filename: "apps/api/src/todos/todos.service.ts",
+  template: `import { Injectable, NotFoundException } from '@nestjs/common';
+
+export interface Todo {
+  id: number;
+  title: string;
+  done: boolean;
+}
+
+@Injectable()
+export class TodosService {
+  private todos: Todo[] = [];
+  private nextId = 1;
+
+  findAll(): Todo[] {
+    return this.todos;
+  }
+
+  create(title: string): Todo {
+    const todo: Todo = { id: this.nextId++, title, done: false };
+    this.todos.push(todo);
+    return todo;
+  }
+
+  toggle(id: number): Todo {
+    const todo = this.todos.find((t) => t.id === id);
+    if (!todo) throw new NotFoundException(\`Todo \${id} not found\`);
+    todo.done = !todo.done;
+    return todo;
+  }
+
+  remove(id: number): void {
+    const index = this.todos.findIndex((t) => t.id === id);
+    if (index === -1) throw new NotFoundException(\`Todo \${id} not found\`);
+    this.todos.splice(index, 1);
+  }
+}`
+};
+
+// src/todo-example/templates/todos-service-spec.ts
+var todos_service_spec_default = {
+  filename: "apps/api/src/todos/todos.service.spec.ts",
+  template: `import { Test, TestingModule } from '@nestjs/testing';
+import { TodosService } from './todos.service';
+
+describe('TodosService', () => {
+  let service: TodosService;
+
+  beforeEach(async () => {
+    const module: TestingModule = await Test.createTestingModule({
+      providers: [TodosService],
+    }).compile();
+
+    service = module.get<TodosService>(TodosService);
+  });
+
+  it('should be defined', () => {
+    expect(service).toBeDefined();
+  });
+});`
+};
+
+// src/todo-example/templates/todos-controller.ts
+var todos_controller_default = {
+  filename: "apps/api/src/todos/todos.controller.ts",
+  template: `import {
+  Body,
+  Controller,
+  Delete,
+  Get,
+  Param,
+  Patch,
+  Post,
+} from '@nestjs/common';
+import { TodosService } from './todos.service';
+
+@Controller('todos')
+export class TodosController {
+  constructor(private readonly todosService: TodosService) {}
+
+  @Get()
+  findAll() {
+    return this.todosService.findAll();
+  }
+
+  @Post()
+  create(@Body('title') title: string) {
+    return this.todosService.create(title);
+  }
+
+  @Patch(':id/toggle')
+  toggle(@Param('id') id: string) {
+    return this.todosService.toggle(Number(id));
+  }
+
+  @Delete(':id')
+  remove(@Param('id') id: string) {
+    return this.todosService.remove(Number(id));
+  }
+}`
+};
+
+// src/todo-example/templates/todos-module-controllers.ts
+var todos_module_controllers_default = {
+  filename: "apps/api/src/todos/todos.module.ts",
+  template: `import { Module } from '@nestjs/common';
+import { TodosController } from './todos.controller';
+import { TodosService } from './todos.service';
+
+@Module({
+  controllers: [TodosController],
+  providers: [TodosService],
+})
+export class TodosModule {}`
+};
+
+// src/todo-example/templates/app-module-controllers.ts
+var app_module_controllers_default = {
+  filename: "apps/api/src/app.module.ts",
+  template: `import { Module } from '@nestjs/common';
+import { APP_GUARD } from '@nestjs/core';
+import { AuthGuard, AuthModule } from '@thallesp/nestjs-better-auth';
+import { auth } from '@<%= projectName %>/auth';
+import { AppController } from './app.controller';
+import { AppService } from './app.service';
+import { TodosModule } from './todos/todos.module';
+
+@Module({
+  imports: [AuthModule.forRoot({ auth }), TodosModule],
+  controllers: [AppController],
+  providers: [AppService, { provide: APP_GUARD, useClass: AuthGuard }],
+})
+export class AppModule {}`
+};
+
+// src/todo-example/templates/app-module-di.ts
+var app_module_di_default = {
+  filename: "apps/api/src/app.module.ts",
+  template: `import { Module } from '@nestjs/common';
+import { AppService } from './app.service';
+import { TodosModule } from './todos/todos.module';
+
+@Module({
+  imports: [TodosModule],
+  providers: [AppService],
+})
+export class AppModule {}`
+};
+
+// src/todo-example/templates/web-todos-route.ts
+var web_todos_route_default = {
+  filename: "apps/web/app/api/todos/route.ts",
+  template: `import { NextResponse } from 'next/server';
+import { inject } from '@/lib/nest';
+import { TodosService } from '@<%= projectName %>/api';
+
+export async function GET() {
+  const todos = await inject(TodosService);
+  return NextResponse.json(todos.findAll());
+}
+
+export async function POST(req: Request) {
+  const { title } = await req.json();
+  const todos = await inject(TodosService);
+  return NextResponse.json(todos.create(title), { status: 201 });
+}`
+};
+
+// src/todo-example/templates/web-todos-id-route.ts
+var web_todos_id_route_default = {
+  filename: "apps/web/app/api/todos/[id]/route.ts",
+  template: `import { NextResponse } from 'next/server';
+import { inject } from '@/lib/nest';
+import { TodosService } from '@<%= projectName %>/api';
+
+export async function DELETE(_req: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+  const todos = await inject(TodosService);
+  todos.remove(Number(id));
+  return new NextResponse(null, { status: 204 });
+}`
+};
+
+// src/todo-example/templates/web-todos-toggle-route.ts
+var web_todos_toggle_route_default = {
+  filename: "apps/web/app/api/todos/[id]/toggle/route.ts",
+  template: `import { NextResponse } from 'next/server';
+import { inject } from '@/lib/nest';
+import { TodosService } from '@<%= projectName %>/api';
+
+export async function PATCH(_req: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+  const todos = await inject(TodosService);
+  return NextResponse.json(todos.toggle(Number(id)));
+}`
+};
+
+// src/todo-example/templates/web-todo-list.ts
+var web_todo_list_default = {
+  filename: "apps/web/app/todo-list.tsx",
+  template: `'use client';
+
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useForm } from '@tanstack/react-form';
+import { authClient } from '@/lib/auth-client';
+import { Button } from '@<%= projectName %>/ui/button';
+
+interface Todo {
+  id: number;
+  title: string;
+  done: boolean;
+}
+
+const api = {
+  getTodos: (): Promise<Todo[]> => fetch('/api/todos').then((r) => r.json()),
+  createTodo: (title: string): Promise<Todo> =>
+    fetch('/api/todos', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ title }),
+    }).then((r) => r.json()),
+  toggleTodo: (id: number): Promise<Todo> =>
+    fetch(\`/api/todos/\${id}/toggle\`, { method: 'PATCH' }).then((r) => r.json()),
+  deleteTodo: (id: number): Promise<void> =>
+    fetch(\`/api/todos/\${id}\`, { method: 'DELETE' }).then(() => undefined),
+};
+
+export function TodoList({
+  session,
+}: {
+  session: { user: { email: string } };
+}) {
+  const queryClient = useQueryClient();
+
+  const { data: todos = [], isPending } = useQuery({
+    queryKey: ['todos'],
+    queryFn: api.getTodos,
+  });
+
+  const createMutation = useMutation({
+    mutationFn: api.createTodo,
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
+  });
+
+  const toggleMutation = useMutation({
+    mutationFn: api.toggleTodo,
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: api.deleteTodo,
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
+  });
+
+  const form = useForm({
+    defaultValues: { title: '' },
+    onSubmit: async ({ value }) => {
+      if (!value.title.trim()) return;
+      createMutation.mutate(value.title.trim());
+      form.reset();
+    },
+  });
+
+  return (
+    <>
+      <div className="flex items-center justify-between mb-8">
+        <h1 className="text-2xl font-semibold">Todos</h1>
+        <div className="flex items-center gap-3 text-sm text-gray-400">
+          <span>{session.user.email}</span>
+          <button
+            className="hover:text-gray-100"
+            onClick={() => authClient.signOut()}
+          >
+            Sign out
+          </button>
+        </div>
+      </div>
+
+      <form
+        onSubmit={(e) => {
+          e.preventDefault();
+          form.handleSubmit();
+        }}
+        className="flex gap-2 mb-6"
+      >
+        <form.Field name="title">
+          {(field) => (
+            <input
+              value={field.state.value}
+              onChange={(e) => field.handleChange(e.target.value)}
+              placeholder="New todo\u2026"
+              className="flex h-9 flex-1 rounded-md border border-neutral-700 bg-neutral-800/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
+            />
+          )}
+        </form.Field>
+
+        <form.Subscribe selector={(s) => s.isSubmitting}>
+          {(isSubmitting) => (
+            <Button type="submit" disabled={isSubmitting || createMutation.isPending}>
+              Add
+            </Button>
+          )}
+        </form.Subscribe>
+      </form>
+
+      {isPending ? (
+        <p className="text-sm text-gray-400">Loading\u2026</p>
+      ) : (
+        <ul className="divide-y divide-neutral-700">
+          {todos.map((todo) => (
+            <li key={todo.id} className="flex items-center gap-3 py-3">
+              <input
+                type="checkbox"
+                checked={todo.done}
+                onChange={() => toggleMutation.mutate(todo.id)}
+              />
+              <span
+                className={\`flex-1 text-sm \${todo.done ? 'line-through text-gray-400' : ''}\`}
+              >
+                {todo.title}
+              </span>
+              <button
+                onClick={() => deleteMutation.mutate(todo.id)}
+                className="text-gray-600 hover:text-red-400 text-lg leading-none"
+              >
+                \xD7
+              </button>
+            </li>
+          ))}
+        </ul>
+      )}
+
+      {!isPending && todos.length === 0 && (
+        <p className="text-sm text-gray-400">No todos yet.</p>
+      )}
+    </>
+  );
+}`
+};
+
+// src/todo-example/templates/web-page.ts
+var web_page_default = {
+  filename: "apps/web/app/page.tsx",
+  template: `'use client';
+
+import { useQuery } from '@tanstack/react-query';
+import { authClient } from '@/lib/auth-client';
+import { AuthForm } from '@/app/auth-form';
+import { Link } from '@<%= projectName %>/ui/link';
+import { Logo } from '@<%= projectName %>/ui/logo';
+import { TodoList } from '@/app/todo-list';
+
+export default function Home() {
+  const { data: session, isPending } = authClient.useSession();
+
+  const { data: hello } = useQuery({
+    queryKey: ['hello'],
+    queryFn: () => fetch('/api/hello').then((r) => r.json()),
+  });
+
+  return (
+    <main className="max-w-lg mx-auto min-h-full px-4 py-8 space-y-4">
+      <div className="pb-4 border-b">
+        <p className="font-mono text-sm text-gray-400">apps/web/page.tsx</p>
+        <p className="text-sm text-gray-400">Delete me to get started!</p>
+      </div>
+
+      <div className="flex items-center gap-3 py-2">
+        <Logo className="w-10 h-auto text-foreground" />
+        <div>
+          <h1 className="text-4xl font-black tracking-tight"><%= projectName %></h1>
+          <p className="text-sm text-gray-400 tracking-widest uppercase">
+            Next + Nest = Newt \u{1F49C}
+          </p>
+        </div>
+      </div>
+
+      <div className="rounded-xl border p-6 space-y-1">
+        <p className="text-xs font-mono uppercase tracking-widest text-gray-400">next.js</p>
+        <p className="font-mono text-sm text-gray-400">apps/web/layout.tsx</p>
+        <p className="text-sm text-gray-400">Next.js rendering</p>
+      </div>
+
+      <div className="rounded-xl border p-6 space-y-1">
+        <p className="text-xs font-mono uppercase tracking-widest text-gray-400">nest.js</p>
+        <p className="font-mono text-sm text-gray-400">GET /api/hello</p>
+        <pre className="mt-2 border rounded-md p-3 text-sm bg-neutral-800">
+          <code>{JSON.stringify(hello, null, 2)}</code>
+        </pre>
+      </div>
+
+      <div className="rounded-xl border p-6">
+        <p className="text-xs font-mono uppercase tracking-widest text-gray-400 mb-4">better-auth</p>
+        {isPending ? (
+          <p className="text-sm text-gray-400">Loading\u2026</p>
+        ) : session ? (
+          <TodoList session={session} />
+        ) : (
+          <AuthForm />
+        )}
+      </div>
+
+      <div className="px-2 py-4 text-sm">
+        <p className="mb-2 text-gray-400">Learn more</p>
+        <ul className="list-disc list-inside space-y-2 mt-2">
+          <li>
+            <Link href="https://github.com">GitHub</Link>
+          </li>
+          <li>
+            <Link href="https://nextjs.org">Next.js</Link>
+          </li>
+          <li>
+            <Link href="https://nestjs.com">NestJS</Link>
+          </li>
+        </ul>
+      </div>
+    </main>
+  );
+}`
+};
+
+// src/todo-example/templates/shadcn-todo-list.ts
+var shadcn_todo_list_default = {
+  filename: "apps/web/app/todo-list.tsx",
+  template: `'use client';
+
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useForm } from '@tanstack/react-form';
+import { authClient } from '@/lib/auth-client';
+import { Button } from '@<%= projectName %>/ui/button';
+import { Input } from '@<%= projectName %>/ui/input';
+import { Checkbox } from '@<%= projectName %>/ui/checkbox';
+
+interface Todo {
+  id: number;
+  title: string;
+  done: boolean;
+}
+
+const api = {
+  getTodos: (): Promise<Todo[]> => fetch('/api/todos').then((r) => r.json()),
+  createTodo: (title: string): Promise<Todo> =>
+    fetch('/api/todos', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ title }),
+    }).then((r) => r.json()),
+  toggleTodo: (id: number): Promise<Todo> =>
+    fetch(\`/api/todos/\${id}/toggle\`, { method: 'PATCH' }).then((r) => r.json()),
+  deleteTodo: (id: number): Promise<void> =>
+    fetch(\`/api/todos/\${id}\`, { method: 'DELETE' }).then(() => undefined),
+};
+
+export function TodoList({
+  session,
+}: {
+  session: { user: { email: string } };
+}) {
+  const queryClient = useQueryClient();
+
+  const { data: todos = [], isPending } = useQuery({
+    queryKey: ['todos'],
+    queryFn: api.getTodos,
+  });
+
+  const createMutation = useMutation({
+    mutationFn: api.createTodo,
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
+  });
+
+  const toggleMutation = useMutation({
+    mutationFn: api.toggleTodo,
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: api.deleteTodo,
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
+  });
+
+  const form = useForm({
+    defaultValues: { title: '' },
+    onSubmit: async ({ value }) => {
+      if (!value.title.trim()) return;
+      createMutation.mutate(value.title.trim());
+      form.reset();
+    },
+  });
+
+  return (
+    <>
+      <div className="flex items-center justify-between mb-6">
+        <h1 className="text-2xl font-semibold">Todos</h1>
+        <div className="flex items-center gap-3 text-sm text-muted-foreground">
+          <span>{session.user.email}</span>
+          <Button
+            variant="ghost"
+            size="sm"
+            onClick={() => authClient.signOut()}
+          >
+            Sign out
+          </Button>
+        </div>
+      </div>
+
+      <form
+        onSubmit={(e) => {
+          e.preventDefault();
+          form.handleSubmit();
+        }}
+        className="flex gap-2 mb-6"
+      >
+        <form.Field name="title">
+          {(field) => (
+            <Input
+              value={field.state.value}
+              onChange={(e) => field.handleChange(e.target.value)}
+              placeholder="New todo\u2026"
+              className="flex-1"
+            />
+          )}
+        </form.Field>
+
+        <form.Subscribe selector={(s) => s.isSubmitting}>
+          {(isSubmitting) => (
+            <Button type="submit" disabled={isSubmitting || createMutation.isPending}>
+              Add
+            </Button>
+          )}
+        </form.Subscribe>
+      </form>
+
+      {isPending ? (
+        <p className="text-sm text-muted-foreground">Loading\u2026</p>
+      ) : (
+        <ul className="divide-y divide-border">
+          {todos.map((todo) => (
+            <li key={todo.id} className="flex items-center gap-3 py-3">
+              <Checkbox
+                checked={todo.done}
+                onCheckedChange={() => toggleMutation.mutate(todo.id)}
+              />
+              <span
+                className={\`flex-1 text-sm \${todo.done ? 'line-through text-muted-foreground' : ''}\`}
+              >
+                {todo.title}
+              </span>
+              <Button
+                variant="ghost"
+                size="sm"
+                onClick={() => deleteMutation.mutate(todo.id)}
+                className="text-muted-foreground hover:text-destructive h-7 w-7 p-0"
+              >
+                \xD7
+              </Button>
+            </li>
+          ))}
+        </ul>
+      )}
+
+      {!isPending && todos.length === 0 && (
+        <p className="text-sm text-muted-foreground">No todos yet.</p>
+      )}
+    </>
+  );
+}`
+};
+
+// src/todo-example/templates/shadcn-page.ts
+var shadcn_page_default = {
+  filename: "apps/web/app/page.tsx",
+  template: `'use client';
+
+import { useQuery } from '@tanstack/react-query';
+import { authClient } from '@/lib/auth-client';
+import { AuthForm } from '@/app/auth-form';
+import { Link } from '@<%= projectName %>/ui/link';
+import { Logo } from '@<%= projectName %>/ui/logo';
+import { TodoList } from '@/app/todo-list';
+import { ModeToggle } from '@<%= projectName %>/ui/mode-toggle';
+import { Card, CardContent, CardHeader, CardTitle } from '@<%= projectName %>/ui/card';
+
+export default function Home() {
+  const { data: session, isPending } = authClient.useSession();
+
+  const { data: hello } = useQuery({
+    queryKey: ['hello'],
+    queryFn: () => fetch('/api/hello').then((r) => r.json()),
+  });
+
+  return (
+    <main className="max-w-lg mx-auto min-h-full px-4 py-8 space-y-4">
+      <div className="pb-4 border-b flex items-start justify-between">
+        <div>
+          <p className="font-mono text-sm text-muted-foreground">apps/web/page.tsx</p>
+          <p className="text-sm text-muted-foreground">Delete me to get started!</p>
+        </div>
+        <ModeToggle />
+      </div>
+
+      <div className="flex items-center gap-3 py-2">
+        <Logo className="w-10 h-auto text-foreground" />
+        <div>
+          <h1 className="text-4xl font-black tracking-tight"><%= projectName %></h1>
+          <p className="text-sm text-muted-foreground tracking-widest uppercase">
+            Next + Nest = Newt \u{1F49C}
+          </p>
+        </div>
+      </div>
+
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-xs font-mono uppercase tracking-widest text-muted-foreground">
+            next.js
+          </CardTitle>
+        </CardHeader>
+        <CardContent>
+          <p className="font-mono text-sm text-muted-foreground">apps/web/layout.tsx</p>
+          <p className="text-sm text-muted-foreground">Next.js rendering</p>
+        </CardContent>
+      </Card>
+
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-xs font-mono uppercase tracking-widest text-muted-foreground">
+            nest.js
+          </CardTitle>
+        </CardHeader>
+        <CardContent>
+          <p className="font-mono text-sm text-muted-foreground">GET /api/hello</p>
+          <pre className="mt-2 rounded-md border p-3 text-sm bg-muted/50">
+            <code>{JSON.stringify(hello, null, 2)}</code>
+          </pre>
+        </CardContent>
+      </Card>
+
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-xs font-mono uppercase tracking-widest text-muted-foreground">
+            better-auth
+          </CardTitle>
+        </CardHeader>
+        <CardContent>
+          {isPending ? (
+            <p className="text-sm text-muted-foreground">Loading\u2026</p>
+          ) : session ? (
+            <TodoList session={session} />
+          ) : (
+            <AuthForm />
+          )}
+        </CardContent>
+      </Card>
+
+      <div className="px-2 py-4 text-sm">
+        <p className="mb-2 text-muted-foreground">Learn more</p>
+        <ul className="list-disc list-inside space-y-2 mt-2">
+          <li>
+            <Link href="https://github.com">GitHub</Link>
+          </li>
+          <li>
+            <Link href="https://nextjs.org">Next.js</Link>
+          </li>
+          <li>
+            <Link href="https://nestjs.com">NestJS</Link>
+          </li>
+        </ul>
+      </div>
+    </main>
+  );
+}`
+};
+
+// src/todo-example/index.ts
+var todoExampleApi = {
+  templates: [todos_module_default, todos_service_default, todos_service_spec_default]
+};
+var todoExampleControllers = {
+  templates: [todos_controller_default, todos_module_controllers_default, app_module_controllers_default]
+};
+var todoExampleDi = {
+  templates: [web_todos_route_default, web_todos_id_route_default, web_todos_toggle_route_default, app_module_di_default]
+};
+var todoExampleWeb = {
+  templates: [web_todo_list_default, web_page_default]
+};
+var todoExampleShadcn = {
+  templates: [shadcn_todo_list_default, shadcn_page_default]
+};
 
 // src/index.ts
 var staticDir = new URL("./static/", import.meta.url);
@@ -10805,7 +11037,12 @@ var templates = {
   deploymentCustomServer: single_process_custom_server_default,
   deploymentSpa: single_process_static_export_default,
   nestDiOnly: nest_di_only_default,
-  apiControllers: api_controllers_default
+  apiControllers: api_controllers_default,
+  todoExampleApi,
+  todoExampleControllers,
+  todoExampleDi,
+  todoExampleWeb,
+  todoExampleShadcn
 };
 export {
   getStaticFilePath,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newt-app/templates",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "private": false,
   "description": "Templates for newt-app",
   "type": "module",