create-ej-app 6.0.0 → 7.0.0

package/template/{prisma-advanced → old}/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "ES2017",
+    "target": "ES2022",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "allowJs": true,
     "checkJs": true,
@@ -19,7 +19,7 @@
     "noEmit": true,
     "esModuleInterop": true,
     "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
@@ -38,6 +38,7 @@
     "next-env.d.ts",
     "**/*.ts",
     "**/*.tsx",
+    "**/*.js",
     "**/*.cjs",
     "**/*.mjs",
     ".next/types/**/*.ts"

package/template/new/.env.example

@@ -1,13 +0,0 @@
-NODE_ENV="production"
-DATABASE_URL="postgresql://postgres:postgres@localhost:5432/postgres"
-BETTER_AUTH_URL="http://localhost:3000"
-BETTER_AUTH_SECRET="secret"
-BETTER_AUTH_GITHUB_ID="github_id"
-BETTER_AUTH_GITHUB_SECRET="github_secret"
-BETTER_AUTH_GOOGLE_ID="google_id"
-BETTER_AUTH_GOOGLE_SECRET="google_secret"
-EMAIL_SERVER_USER="username"
-EMAIL_SERVER_PASSWORD="password"
-EMAIL_SERVER_HOST="smtp.example.com"
-EMAIL_SERVER_PORT="465"
-EMAIL_FROM="no-reply@example.com"

package/template/new/components.json

@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": true,
-  "tsx": true,
-  "tailwind": {
-    "config": "",
-    "css": "src/app/globals.css",
-    "baseColor": "neutral",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "iconLibrary": "lucide",
-  "aliases": {
-    "components": "~/components",
-    "utils": "~/lib/cn",
-    "ui": "~/components/ui",
-    "lib": "~/lib",
-    "hooks": "~/hooks"
-  },
-  "registries": {}
-}

package/template/new/drizzle.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from 'drizzle-kit'
-import { env } from '~/env'
-
-export default defineConfig({
-  schema: './src/db/schema.ts',
-  dialect: 'postgresql',
-  dbCredentials: {
-    url: env.DATABASE_URL
-  }
-})

package/template/new/package.json

@@ -1,81 +0,0 @@
-{
-  "name": "my-app",
-  "description": "A Legendary Next.js App",
-  "version": "1.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "analyze": "ANALYZE=true next build --webpack",
-    "start": "next start",
-    "lint": "eslint",
-    "format": "prettier --write \"./src/**/*.{js,cjs,mjs,jsx,ts,tsx}\"",
-    "db:push": "drizzle-kit push",
-    "db:studio": "drizzle-kit studio",
-    "gen:auth": "bunx @better-auth/cli generate"
-  },
-  "dependencies": {
-    "@hookform/resolvers": "5.2.2",
-    "@next/third-parties": "16.0.1",
-    "@paralleldrive/cuid2": "3.0.4",
-    "@radix-ui/react-avatar": "1.1.11",
-    "@radix-ui/react-checkbox": "1.3.3",
-    "@radix-ui/react-collapsible": "1.1.12",
-    "@radix-ui/react-dialog": "1.1.15",
-    "@radix-ui/react-dropdown-menu": "2.1.16",
-    "@radix-ui/react-label": "2.1.8",
-    "@radix-ui/react-popover": "1.1.15",
-    "@radix-ui/react-radio-group": "1.3.8",
-    "@radix-ui/react-select": "2.2.6",
-    "@radix-ui/react-separator": "1.1.8",
-    "@radix-ui/react-slider": "1.3.6",
-    "@radix-ui/react-slot": "1.2.4",
-    "@t3-oss/env-nextjs": "0.13.8",
-    "@tanstack/react-query": "5.90.7",
-    "better-auth": "1.3.34",
-    "class-variance-authority": "0.7.1",
-    "clsx": "2.1.1",
-    "date-fns": "4.1.0",
-    "decimal.js": "10.6.0",
-    "drizzle-orm": "0.44.7",
-    "lucide-react": "0.552.0",
-    "next": "16.0.1",
-    "next-safe-action": "8.0.11",
-    "next-themes": "0.4.6",
-    "nextjs-toploader": "3.9.17",
-    "nodemailer": "7.0.10",
-    "postgres": "3.4.7",
-    "react": "19.2.0",
-    "react-day-picker": "9.11.1",
-    "react-dom": "19.2.0",
-    "react-hook-form": "7.66.0",
-    "sonner": "2.0.7",
-    "tailwind-merge": "3.3.1",
-    "tw-animate-css": "1.4.0",
-    "workflow": "4.0.1-beta.11",
-    "zod": "4.1.12"
-  },
-  "devDependencies": {
-    "@next/bundle-analyzer": "16.0.1",
-    "@tailwindcss/postcss": "4.1.16",
-    "@types/bun": "1.3.1",
-    "@types/react": "19.2.2",
-    "@types/react-dom": "19.2.2",
-    "babel-plugin-react-compiler": "1.0.0",
-    "drizzle-kit": "0.31.6",
-    "eslint": "9.39.1",
-    "eslint-config-next": "16.0.1",
-    "prettier": "3.6.2",
-    "prettier-plugin-organize-imports": "4.3.0",
-    "prettier-plugin-tailwindcss": "0.7.1",
-    "tailwindcss": "4.1.16",
-    "typescript": "5.9.3"
-  },
-  "trustedDependencies": [
-    "@swc/core",
-    "@tailwindcss/oxide",
-    "esbuild",
-    "sharp",
-    "unrs-resolver"
-  ]
-}

package/template/new/postcss.config.mjs

@@ -1,5 +0,0 @@
-const config = {
-  plugins: ['@tailwindcss/postcss']
-}
-
-export default config

package/template/new/src/app/(auth)/login/page.tsx

@@ -1,72 +0,0 @@
-import { ShoppingBag } from 'lucide-react'
-import Link from 'next/link'
-import { redirect } from 'next/navigation'
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle
-} from '~/components/ui/card'
-import { Separator } from '~/components/ui/separator'
-import { getAuthSession } from '~/lib/auth'
-import { EmailLoginForm } from './email-login-form'
-import { SocialLoginButtons } from './social-login-buttons'
-
-export default async function LoginPage() {
-  const session = await getAuthSession()
-
-  if (session?.user) redirect('/')
-
-  return (
-    <div className="flex min-h-screen items-center justify-center px-4 py-12 sm:px-6 lg:px-8">
-      <Card className="w-full max-w-md">
-        <CardHeader className="space-y-1 text-center">
-          <div className="bg-primary/10 mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full">
-            <ShoppingBag className="text-primary size-6" />
-          </div>
-          <CardTitle className="text-2xl font-bold">Welcome back</CardTitle>
-          <CardDescription className="text-muted-foreground text-sm">
-            Sign in to your account to continue
-          </CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-4">
-          <div className="border-muted-foreground/50 bg-muted/50 rounded-lg border border-dashed p-4">
-            <p className="text-muted-foreground text-sm">
-              <strong>New to our site?</strong> No need to create a separate
-              account. Simply use one of the options below to both sign up and
-              log in.
-            </p>
-          </div>
-
-          <EmailLoginForm />
-
-          <div className="relative">
-            <div className="absolute inset-0 flex items-center">
-              <span className="w-full border-t" />
-            </div>
-            <div className="relative flex justify-center text-xs uppercase">
-              <span className="bg-background text-muted-foreground px-2">
-                Or continue with
-              </span>
-            </div>
-          </div>
-
-          <SocialLoginButtons />
-        </CardContent>
-        <CardFooter className="flex flex-col space-y-4">
-          <Separator className="my-2" />
-          <div className="text-muted-foreground text-center text-sm">
-            <Link
-              href="/"
-              className="text-primary underline-offset-4 hover:underline"
-            >
-              Return to home page
-            </Link>
-          </div>
-        </CardFooter>
-      </Card>
-    </div>
-  )
-}

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

@@ -1,128 +0,0 @@
-@import 'tailwindcss';
-@import 'tw-animate-css';
-
-@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);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-}
-
-:root {
-  --radius: 0.625rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --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);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --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);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply text-foreground bg-background min-h-screen font-sans antialiased;
-  }
-  button:not([disabled]),
-  [role='button']:not([disabled]) {
-    cursor: pointer;
-  }
-}
-
-@utility container {
-  @apply mx-auto p-4;
-}

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

@@ -1,50 +0,0 @@
-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 { Toaster } from '~/components/ui/sonner'
-import { env } from '~/env'
-import { siteConfig } from '~/lib/siteConfig'
-import './globals.css'
-
-const geistSans = Geist({
-  variable: '--font-geist-sans',
-  subsets: ['latin']
-})
-
-const geistMono = Geist_Mono({
-  variable: '--font-geist-mono',
-  subsets: ['latin']
-})
-
-export const metadata: Metadata = {
-  title: siteConfig.name,
-  description: siteConfig.description
-}
-
-export default function RootLayout({
-  children
-}: Readonly<{
-  children: React.ReactNode
-}>) {
-  return (
-    <html lang="en" suppressHydrationWarning>
-      <body className={`${geistSans.variable} ${geistMono.variable}`}>
-        <ReactQueryProvider>
-          <ThemeProvider
-            attribute="class"
-            defaultTheme="light"
-            forcedTheme="light"
-          >
-            <Loader />
-            {children}
-            {env.NODE_ENV === 'development' ? <ScreenSize /> : null}
-            <Toaster />
-          </ThemeProvider>
-        </ReactQueryProvider>
-      </body>
-    </html>
-  )
-}

package/template/new/src/app/page.tsx

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

package/template/new/src/components/ui/button.tsx

@@ -1,60 +0,0 @@
-import { Slot } from '@radix-ui/react-slot'
-import { cva, type VariantProps } from 'class-variance-authority'
-import * as React from 'react'
-
-import { cn } from '~/lib/cn'
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-        destructive:
-          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
-        outline:
-          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
-        secondary:
-          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-        ghost:
-          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
-        link: 'text-primary underline-offset-4 hover:underline'
-      },
-      size: {
-        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
-        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
-        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
-        icon: 'size-9',
-        'icon-sm': 'size-8',
-        'icon-lg': 'size-10'
-      }
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default'
-    }
-  }
-)
-
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  ...props
-}: React.ComponentProps<'button'> &
-  VariantProps<typeof buttonVariants> & {
-    asChild?: boolean
-  }) {
-  const Comp = asChild ? Slot : 'button'
-
-  return (
-    <Comp
-      data-slot="button"
-      className={cn(buttonVariants({ variant, size, className }))}
-      {...props}
-    />
-  )
-}
-
-export { Button, buttonVariants }

package/template/new/src/components/ui/card.tsx

@@ -1,92 +0,0 @@
-import * as React from 'react'
-
-import { cn } from '~/lib/cn'
-
-function Card({ className, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      data-slot="card"
-      className={cn(
-        'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm',
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      data-slot="card-header"
-      className={cn(
-        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardTitle({ className, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      data-slot="card-title"
-      className={cn('leading-none font-semibold', className)}
-      {...props}
-    />
-  )
-}
-
-function CardDescription({ className, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      data-slot="card-description"
-      className={cn('text-muted-foreground text-sm', className)}
-      {...props}
-    />
-  )
-}
-
-function CardAction({ className, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      data-slot="card-action"
-      className={cn(
-        'col-start-2 row-span-2 row-start-1 self-start justify-self-end',
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardContent({ className, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      data-slot="card-content"
-      className={cn('px-6', className)}
-      {...props}
-    />
-  )
-}
-
-function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {
-  return (
-    <div
-      data-slot="card-footer"
-      className={cn('flex items-center px-6 [.border-t]:pt-6', className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Card,
-  CardAction,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle
-}