create-ej-app 18.0.0 → 19.0.0

package/cli.js

@@ -18,8 +18,6 @@ const commander_1 = require("commander");
 const enquirer_1 = require("enquirer");
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
-//@ts-ignore
-const copy_dir_1 = __importDefault(require("copy-dir"));
 const detectPackageManager = () => {
     const userAgent = process.env.npm_config_user_agent;
     if (userAgent) {
@@ -100,7 +98,7 @@ commander_1.program.action(() => __awaiter(void 0, void 0, void 0, function* ()
     }
     fs_1.default.mkdirSync(projectDir);
     const templateDir = path_1.default.join(__dirname, 'template', template);
-    copy_dir_1.default.sync(templateDir, projectDir);
+    fs_1.default.cpSync(templateDir, projectDir, { recursive: true });
     const packageJsonFile = path_1.default.join(projectDir, 'package.json');
     const packageJson = JSON.parse(fs_1.default.readFileSync(packageJsonFile, 'utf-8'));
     packageJson.name = projectName;
@@ -109,33 +107,6 @@ commander_1.program.action(() => __awaiter(void 0, void 0, void 0, function* ()
     const envExampleFile = path_1.default.join(projectDir, '.env.example');
     const envExample = fs_1.default.readFileSync(envExampleFile, 'utf-8');
     fs_1.default.writeFileSync(path_1.default.join(projectDir, '.env'), envExample);
-    if (template === 'nextjs') {
-        const siteConfigFile = path_1.default.join(projectDir, 'src', 'lib', 'siteConfig.ts');
-        let siteConfig = fs_1.default.readFileSync(siteConfigFile, 'utf-8');
-        siteConfig = siteConfig.replace('Project Name', projectName);
-        siteConfig = siteConfig.replace('Project Description', description);
-        fs_1.default.writeFileSync(siteConfigFile, siteConfig);
-        fs_1.default.writeFileSync(path_1.default.join(projectDir, '.gitignore'), `node_modules
-  .next
-  out
-  build
-  next-env.d.ts
-  .DS_Store
-  .env
-`);
-        fs_1.default.writeFileSync(path_1.default.join(projectDir, 'terraform', '.gitignore'), `.terraform
-  *.tfstate
-  *.tfstate.*
-  .terraform.lock.hcl
-`);
-    }
-    if (template === 'api') {
-        fs_1.default.writeFileSync(path_1.default.join(projectDir, '.gitignore'), `node_modules
-.DS_Store
-.env
-server
-`);
-    }
     fs_1.default.writeFileSync(path_1.default.join(projectDir, 'README.md'), `# ${projectName}
 
 ${description}

package/cli.ts

@@ -5,8 +5,6 @@ import { program } from 'commander'
 import { prompt } from 'enquirer'
 import fs from 'fs'
 import path from 'path'
-//@ts-ignore
-import copydir from 'copy-dir'
 
 interface Response {
   projectName: string
@@ -103,7 +101,7 @@ program.action(async () => {
   fs.mkdirSync(projectDir)
 
   const templateDir = path.join(__dirname, 'template', template)
-  copydir.sync(templateDir, projectDir)
+  fs.cpSync(templateDir, projectDir, { recursive: true })
 
   const packageJsonFile = path.join(projectDir, 'package.json')
   const packageJson = JSON.parse(fs.readFileSync(packageJsonFile, 'utf-8'))
@@ -115,46 +113,6 @@ program.action(async () => {
   const envExample = fs.readFileSync(envExampleFile, 'utf-8')
   fs.writeFileSync(path.join(projectDir, '.env'), envExample)
 
-  if (template === 'nextjs') {
-    const siteConfigFile = path.join(projectDir, 'src', 'lib', 'siteConfig.ts')
-    let siteConfig = fs.readFileSync(siteConfigFile, 'utf-8')
-    siteConfig = siteConfig.replace('Project Name', projectName)
-    siteConfig = siteConfig.replace('Project Description', description)
-    fs.writeFileSync(siteConfigFile, siteConfig)
-
-    fs.writeFileSync(
-      path.join(projectDir, '.gitignore'),
-      `node_modules
-  .next
-  out
-  build
-  next-env.d.ts
-  .DS_Store
-  .env
-`
-    )
-
-    fs.writeFileSync(
-      path.join(projectDir, 'terraform', '.gitignore'),
-      `.terraform
-  *.tfstate
-  *.tfstate.*
-  .terraform.lock.hcl
-`
-    )
-  }
-
-  if (template === 'api') {
-    fs.writeFileSync(
-      path.join(projectDir, '.gitignore'),
-      `node_modules
-.DS_Store
-.env
-server
-`
-    )
-  }
-
   fs.writeFileSync(
     path.join(projectDir, 'README.md'),
     `# ${projectName}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-ej-app",
-  "version": "18.0.0",
+  "version": "19.0.0",
   "description": "Bootstrap a next.js app with my preferred setup",
   "main": "cli.js",
   "scripts": {
@@ -31,11 +31,10 @@
   "homepage": "https://github.com/ejekanshjain/create-ej-app#readme",
   "dependencies": {
     "commander": "^14.0.3",
-    "copy-dir": "^1.3.0",
     "enquirer": "^2.4.1"
   },
   "devDependencies": {
-    "@types/node": "^25.3.0",
+    "@types/node": "^25.5.0",
     "typescript": "^5.9.3"
   }
 }

package/template/api/package.json

@@ -17,13 +17,13 @@
     "@elysiajs/openapi": "1.4.14",
     "@t3-oss/env-core": "0.13.10",
     "drizzle-orm": "0.45.1",
-    "elysia": "1.4.25",
+    "elysia": "1.4.28",
     "zod": "4.3.6"
   },
   "devDependencies": {
-    "@types/bun": "1.3.9",
-    "@typescript/native-preview": "7.0.0-dev.20260217.1",
-    "drizzle-kit": "0.31.9",
+    "@types/bun": "1.3.11",
+    "@typescript/native-preview": "7.0.0-dev.20260320.1",
+    "drizzle-kit": "0.31.10",
     "postgres": "3.4.8",
     "prettier": "3.8.1",
     "prettier-plugin-organize-imports": "4.3.0"

package/template/nextjs/.vscode/extensions.json

@@ -0,0 +1,11 @@
+{
+  "recommendations": [
+    "bradlc.vscode-tailwindcss",
+    "dbaeumer.vscode-eslint",
+    "eamodio.gitlens",
+    "esbenp.prettier-vscode",
+    "TypeScriptTeam.native-preview",
+    "usernamehw.errorlens",
+    "YoavBls.pretty-ts-errors"
+  ]
+}

package/template/nextjs/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "js/ts.experimental.useTsgo": true
+}

package/template/nextjs/components.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
+  "style": "radix-vega",
   "rsc": true,
   "tsx": true,
   "tailwind": {
@@ -11,6 +11,7 @@
     "prefix": ""
   },
   "iconLibrary": "lucide",
+  "rtl": false,
   "aliases": {
     "components": "~/components",
     "utils": "~/lib/cn",
@@ -18,5 +19,7 @@
     "lib": "~/lib",
     "hooks": "~/hooks"
   },
+  "menuColor": "default",
+  "menuAccent": "subtle",
   "registries": {}
 }

package/template/nextjs/package.json

@@ -13,66 +13,64 @@
     "analyze": "ANALYZE=true bun --bun next build --webpack",
     "start": "bun --bun next start",
     "lint": "eslint",
-    "type-check": "tsc --noEmit --incremental false",
+    "type-check": "tsgo --incremental false",
     "format": "prettier --write \"./src/**/*.{js,cjs,mjs,jsx,ts,tsx}\"",
     "db:push": "drizzle-kit push",
+    "db:seed": "bun ./src/scripts/seed.ts",
     "db:studio": "drizzle-kit studio",
     "gen:auth": "bunx @better-auth/cli generate"
   },
   "dependencies": {
     "@ejekanshjain/simple-email-validator": "1.0.3",
-    "@elysiajs/eden": "1.4.8",
     "@hookform/resolvers": "5.2.2",
-    "@next/third-parties": "16.1.6",
+    "@next/third-parties": "16.2.1",
     "@opentelemetry/api": "1.9.0",
-    "@opentelemetry/sdk-trace-base": "2.5.1",
+    "@opentelemetry/sdk-trace-base": "2.6.0",
     "@paralleldrive/cuid2": "3.3.0",
-    "@radix-ui/react-label": "2.1.8",
-    "@radix-ui/react-separator": "1.1.8",
-    "@radix-ui/react-slot": "1.2.4",
-    "@react-email/components": "1.0.7",
+    "@react-email/components": "1.0.10",
     "@react-email/render": "2.0.4",
     "@t3-oss/env-nextjs": "0.13.10",
-    "@tanstack/react-query": "5.90.21",
+    "@tanstack/react-query": "5.91.3",
     "@vercel/otel": "2.1.1",
-    "better-auth": "1.4.18",
+    "better-auth": "1.5.5",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "drizzle-orm": "0.45.1",
-    "elysia": "1.4.25",
-    "lucide-react": "0.564.0",
-    "next": "16.1.6",
-    "next-safe-action": "8.0.11",
+    "lucide-react": "0.577.0",
+    "next": "16.2.1",
+    "next-safe-action": "8.1.8",
     "next-themes": "0.4.6",
     "nextjs-toploader": "3.9.17",
-    "nodemailer": "8.0.1",
+    "nodemailer": "8.0.3",
     "postgres": "3.4.8",
+    "radix-ui": "1.4.3",
     "react": "19.2.4",
     "react-dom": "19.2.4",
-    "react-hook-form": "7.71.1",
+    "react-hook-form": "7.71.2",
     "sonner": "2.0.7",
-    "tailwind-merge": "3.4.1",
+    "tailwind-merge": "3.5.0",
     "tw-animate-css": "1.4.0",
-    "workflow": "4.1.0-beta.57",
+    "workflow": "4.2.0-beta.71",
     "zod": "4.3.6"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "16.1.6",
-    "@react-email/preview-server": "5.2.8",
-    "@tailwindcss/postcss": "4.1.18",
-    "@types/bun": "1.3.9",
-    "@types/nodemailer": "7.0.10",
+    "@next/bundle-analyzer": "16.2.1",
+    "@react-email/preview-server": "5.2.10",
+    "@tailwindcss/postcss": "4.2.2",
+    "@types/bun": "1.3.11",
+    "@types/nodemailer": "7.0.11",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
+    "@typescript/native-preview": "7.0.0-dev.20260320.1",
     "babel-plugin-react-compiler": "1.0.0",
-    "drizzle-kit": "0.31.9",
+    "drizzle-kit": "0.31.10",
     "eslint": "9.39.2",
-    "eslint-config-next": "16.1.6",
+    "eslint-config-next": "16.2.1",
     "prettier": "3.8.1",
     "prettier-plugin-organize-imports": "4.3.0",
     "prettier-plugin-tailwindcss": "0.7.2",
-    "react-email": "5.2.8",
-    "tailwindcss": "4.1.18",
+    "react-email": "5.2.10",
+    "tailwindcss": "4.2.2",
     "typescript": "5.9.3"
   },
   "trustedDependencies": [

package/template/nextjs/src/app/(admin)/layout.tsx

@@ -9,11 +9,11 @@ export default async function Layout({
   const authSession = await getAuthSession()
 
   if (!authSession?.isAdmin) {
-    notFound()
+    return notFound()
   }
 
   return (
-    <div className="flex min-h-screen flex-col">
+    <div className="flex min-h-screen flex-col space-y-4">
       <main className="flex-1">{children}</main>
     </div>
   )

package/template/nextjs/src/app/(app)/app/page.tsx

@@ -0,0 +1,3 @@
+export default async function Page() {
+  return <div>Hello, World!</div>
+}

package/template/nextjs/src/app/(app)/layout.tsx

@@ -9,7 +9,7 @@ export default async function Layout({
   const authSession = await getAuthSession()
 
   if (!authSession) {
-    redirect('/login')
+    return redirect('/login')
   }
 
   return (

package/template/nextjs/src/app/(auth)/login/email-login-form.tsx

@@ -3,17 +3,15 @@
 import { zodResolver } from '@hookform/resolvers/zod'
 import { Mail } from 'lucide-react'
 import { useState } from 'react'
-import { useForm } from 'react-hook-form'
+import { Controller, useForm } from 'react-hook-form'
 import { z } from 'zod'
 import { Button } from '~/components/ui/button'
 import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage
-} from '~/components/ui/form'
+  Field,
+  FieldContent,
+  FieldError,
+  FieldLabel
+} from '~/components/ui/field'
 import { Input } from '~/components/ui/input'
 import { signIn } from '~/lib/auth-client'
 import { toastErrorMessage, toastSuccessMessage } from '~/lib/toast-message'
@@ -75,31 +73,32 @@ export const EmailLoginForm = () => {
   }
 
   return (
-    <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
-        <FormField
-          control={form.control}
-          name="email"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Email</FormLabel>
-              <FormControl>
-                <Input
-                  placeholder="name@example.com"
-                  autoCapitalize="off"
-                  autoComplete="email"
-                  autoFocus
-                  {...field}
-                />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-        <Button type="submit" className="w-full" disabled={isLoading}>
-          {isLoading ? 'Sending...' : 'Send Magic Link'}
-        </Button>
-      </form>
-    </Form>
+    <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+      <Controller
+        control={form.control}
+        name="email"
+        render={({ field, fieldState }) => (
+          <Field data-invalid={fieldState.invalid}>
+            <FieldLabel htmlFor="email">Email</FieldLabel>
+            <FieldContent>
+              <Input
+                id="email"
+                type="email"
+                placeholder="name@example.com"
+                autoCapitalize="off"
+                autoComplete="email"
+                autoFocus
+                aria-invalid={fieldState.invalid}
+                {...field}
+              />
+              <FieldError errors={[fieldState.error]} />
+            </FieldContent>
+          </Field>
+        )}
+      />
+      <Button type="submit" className="w-full" disabled={isLoading}>
+        {isLoading ? 'Sending...' : 'Send Magic Link'}
+      </Button>
+    </form>
   )
 }

package/template/nextjs/src/app/globals.css

@@ -4,10 +4,6 @@
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);
@@ -23,6 +19,7 @@
   --color-accent: var(--accent);
   --color-accent-foreground: var(--accent-foreground);
   --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
   --color-border: var(--border);
   --color-input: var(--input);
   --color-ring: var(--ring);
@@ -39,6 +36,18 @@
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
+
+  --font-heading: var(--font-geist-sans);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
 }
 
 :root {
@@ -58,14 +67,15 @@
   --accent: oklch(0.97 0 0);
   --accent-foreground: oklch(0.205 0 0);
   --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(1 0 0);
   --border: oklch(0.922 0 0);
   --input: oklch(0.922 0 0);
   --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
+  --chart-1: oklch(0.87 0 0);
+  --chart-2: oklch(0.556 0 0);
+  --chart-3: oklch(0.439 0 0);
+  --chart-4: oklch(0.371 0 0);
+  --chart-5: oklch(0.269 0 0);
   --sidebar: oklch(0.985 0 0);
   --sidebar-foreground: oklch(0.145 0 0);
   --sidebar-primary: oklch(0.205 0 0);
@@ -92,14 +102,15 @@
   --accent: oklch(0.269 0 0);
   --accent-foreground: oklch(0.985 0 0);
   --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0 0);
   --border: oklch(1 0 0 / 10%);
   --input: oklch(1 0 0 / 15%);
   --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
+  --chart-1: oklch(0.87 0 0);
+  --chart-2: oklch(0.556 0 0);
+  --chart-3: oklch(0.439 0 0);
+  --chart-4: oklch(0.371 0 0);
+  --chart-5: oklch(0.269 0 0);
   --sidebar: oklch(0.205 0 0);
   --sidebar-foreground: oklch(0.985 0 0);
   --sidebar-primary: oklch(0.488 0.243 264.376);
@@ -114,15 +125,116 @@
   * {
     @apply border-border outline-ring/50;
   }
+
+  html {
+    @apply font-sans antialiased;
+  }
+
   body {
-    @apply text-foreground bg-background min-h-screen font-sans antialiased;
+    @apply text-foreground bg-background min-h-screen;
   }
+
   button:not([disabled]),
   [role='button']:not([disabled]) {
     cursor: pointer;
   }
 }
 
+@theme inline {
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(
+        --radix-accordion-content-height,
+        var(--accordion-panel-height, auto)
+      );
+    }
+  }
+
+  @keyframes accordion-up {
+    from {
+      height: var(
+        --radix-accordion-content-height,
+        var(--accordion-panel-height, auto)
+      );
+    }
+    to {
+      height: 0;
+    }
+  }
+}
+
+@custom-variant data-open {
+  &:where([data-state='open']),
+  &:where([data-open]:not([data-open='false'])) {
+    @slot;
+  }
+}
+
+@custom-variant data-closed {
+  &:where([data-state='closed']),
+  &:where([data-closed]:not([data-closed='false'])) {
+    @slot;
+  }
+}
+
+@custom-variant data-checked {
+  &:where([data-state='checked']),
+  &:where([data-checked]:not([data-checked='false'])) {
+    @slot;
+  }
+}
+
+@custom-variant data-unchecked {
+  &:where([data-state='unchecked']),
+  &:where([data-unchecked]:not([data-unchecked='false'])) {
+    @slot;
+  }
+}
+
+@custom-variant data-selected {
+  &:where([data-selected='true']) {
+    @slot;
+  }
+}
+
+@custom-variant data-disabled {
+  &:where([data-disabled='true']),
+  &:where([data-disabled]:not([data-disabled='false'])) {
+    @slot;
+  }
+}
+
+@custom-variant data-active {
+  &:where([data-state='active']),
+  &:where([data-active]:not([data-active='false'])) {
+    @slot;
+  }
+}
+
+@custom-variant data-horizontal {
+  &:where([data-orientation='horizontal']) {
+    @slot;
+  }
+}
+
+@custom-variant data-vertical {
+  &:where([data-orientation='vertical']) {
+    @slot;
+  }
+}
+
+@utility no-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
 @utility container {
   @apply mx-auto p-4;
 }

package/template/nextjs/src/app/layout.tsx

@@ -1,9 +1,9 @@
 import type { Metadata } from 'next'
-import { ThemeProvider } from 'next-themes'
 import { Geist, Geist_Mono } from 'next/font/google'
 import { Loader } from '~/components/loader'
 import { ReactQueryProvider } from '~/components/react-query-provider'
 import { ScreenSize } from '~/components/screen-size'
+import { ThemeProvider } from '~/components/theme-provider'
 import { Toaster } from '~/components/ui/sonner'
 import { env } from '~/env'
 import { siteConfig } from '~/lib/siteConfig'
@@ -30,10 +30,14 @@ export default function RootLayout({
   children: React.ReactNode
 }>) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <body className={`${geistSans.variable} ${geistMono.variable}`}>
+    <html
+      lang="en"
+      suppressHydrationWarning
+      className={`${geistSans.variable} ${geistMono.variable}`}
+    >
+      <body>
         <ReactQueryProvider>
-          <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+          <ThemeProvider>
             <Loader />
             {children}
             {env.APP_ENV === 'development' ? <ScreenSize /> : null}

package/template/nextjs/src/app/not-found.tsx

@@ -1,8 +1,8 @@
 'use client'
 
-import { Button } from '@/components/ui/button'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
+import { Button } from '~/components/ui/button'
 
 export default function NotFound() {
   const pathname = usePathname()