create-ej-app 6.0.0 → 8.0.0

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

@@ -1,167 +0,0 @@
-'use client'
-
-import * as LabelPrimitive from '@radix-ui/react-label'
-import { Slot } from '@radix-ui/react-slot'
-import * as React from 'react'
-import {
-  Controller,
-  FormProvider,
-  useFormContext,
-  useFormState,
-  type ControllerProps,
-  type FieldPath,
-  type FieldValues
-} from 'react-hook-form'
-
-import { Label } from '~/components/ui/label'
-import { cn } from '~/lib/cn'
-
-const Form = FormProvider
-
-type FormFieldContextValue<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
-> = {
-  name: TName
-}
-
-const FormFieldContext = React.createContext<FormFieldContextValue>(
-  {} as FormFieldContextValue
-)
-
-const FormField = <
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
->({
-  ...props
-}: ControllerProps<TFieldValues, TName>) => {
-  return (
-    <FormFieldContext.Provider value={{ name: props.name }}>
-      <Controller {...props} />
-    </FormFieldContext.Provider>
-  )
-}
-
-const useFormField = () => {
-  const fieldContext = React.useContext(FormFieldContext)
-  const itemContext = React.useContext(FormItemContext)
-  const { getFieldState } = useFormContext()
-  const formState = useFormState({ name: fieldContext.name })
-  const fieldState = getFieldState(fieldContext.name, formState)
-
-  if (!fieldContext) {
-    throw new Error('useFormField should be used within <FormField>')
-  }
-
-  const { id } = itemContext
-
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState
-  }
-}
-
-type FormItemContextValue = {
-  id: string
-}
-
-const FormItemContext = React.createContext<FormItemContextValue>(
-  {} as FormItemContextValue
-)
-
-function FormItem({ className, ...props }: React.ComponentProps<'div'>) {
-  const id = React.useId()
-
-  return (
-    <FormItemContext.Provider value={{ id }}>
-      <div
-        data-slot="form-item"
-        className={cn('grid gap-2', className)}
-        {...props}
-      />
-    </FormItemContext.Provider>
-  )
-}
-
-function FormLabel({
-  className,
-  ...props
-}: React.ComponentProps<typeof LabelPrimitive.Root>) {
-  const { error, formItemId } = useFormField()
-
-  return (
-    <Label
-      data-slot="form-label"
-      data-error={!!error}
-      className={cn('data-[error=true]:text-destructive', className)}
-      htmlFor={formItemId}
-      {...props}
-    />
-  )
-}
-
-function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
-
-  return (
-    <Slot
-      data-slot="form-control"
-      id={formItemId}
-      aria-describedby={
-        !error
-          ? `${formDescriptionId}`
-          : `${formDescriptionId} ${formMessageId}`
-      }
-      aria-invalid={!!error}
-      {...props}
-    />
-  )
-}
-
-function FormDescription({ className, ...props }: React.ComponentProps<'p'>) {
-  const { formDescriptionId } = useFormField()
-
-  return (
-    <p
-      data-slot="form-description"
-      id={formDescriptionId}
-      className={cn('text-muted-foreground text-sm', className)}
-      {...props}
-    />
-  )
-}
-
-function FormMessage({ className, ...props }: React.ComponentProps<'p'>) {
-  const { error, formMessageId } = useFormField()
-  const body = error ? String(error?.message ?? '') : props.children
-
-  if (!body) {
-    return null
-  }
-
-  return (
-    <p
-      data-slot="form-message"
-      id={formMessageId}
-      className={cn('text-destructive text-sm', className)}
-      {...props}
-    >
-      {body}
-    </p>
-  )
-}
-
-export {
-  Form,
-  FormControl,
-  FormDescription,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-  useFormField
-}

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

@@ -1,21 +0,0 @@
-import * as React from 'react'
-
-import { cn } from '~/lib/cn'
-
-function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
-  return (
-    <input
-      type={type}
-      data-slot="input"
-      className={cn(
-        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
-        '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',
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export { Input }

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

@@ -1,24 +0,0 @@
-'use client'
-
-import * as LabelPrimitive from '@radix-ui/react-label'
-import * as React from 'react'
-
-import { cn } from '~/lib/cn'
-
-function Label({
-  className,
-  ...props
-}: React.ComponentProps<typeof LabelPrimitive.Root>) {
-  return (
-    <LabelPrimitive.Root
-      data-slot="label"
-      className={cn(
-        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export { Label }

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

@@ -1,28 +0,0 @@
-'use client'
-
-import * as SeparatorPrimitive from '@radix-ui/react-separator'
-import * as React from 'react'
-
-import { cn } from '~/lib/cn'
-
-function Separator({
-  className,
-  orientation = 'horizontal',
-  decorative = true,
-  ...props
-}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
-  return (
-    <SeparatorPrimitive.Root
-      data-slot="separator"
-      decorative={decorative}
-      orientation={orientation}
-      className={cn(
-        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export { Separator }

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

@@ -1,40 +0,0 @@
-'use client'
-
-import {
-  CircleCheckIcon,
-  InfoIcon,
-  Loader2Icon,
-  OctagonXIcon,
-  TriangleAlertIcon
-} from 'lucide-react'
-import { useTheme } from 'next-themes'
-import { Toaster as Sonner, type ToasterProps } from 'sonner'
-
-const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = 'system' } = useTheme()
-
-  return (
-    <Sonner
-      theme={theme as ToasterProps['theme']}
-      className="toaster group"
-      icons={{
-        success: <CircleCheckIcon className="size-4" />,
-        info: <InfoIcon className="size-4" />,
-        warning: <TriangleAlertIcon className="size-4" />,
-        error: <OctagonXIcon className="size-4" />,
-        loading: <Loader2Icon className="size-4 animate-spin" />
-      }}
-      style={
-        {
-          '--normal-bg': 'var(--popover)',
-          '--normal-text': 'var(--popover-foreground)',
-          '--normal-border': 'var(--border)',
-          '--border-radius': 'var(--radius)'
-        } as React.CSSProperties
-      }
-      {...props}
-    />
-  )
-}
-
-export { Toaster }

package/template/new/src/db/index.ts

@@ -1,7 +0,0 @@
-import { drizzle } from 'drizzle-orm/postgres-js'
-import { env } from '~/env'
-import * as schema from './schema'
-
-export const db = drizzle(env.DATABASE_URL, {
-  schema: { ...schema }
-})

package/template/new/src/db/schema.ts

@@ -1,74 +0,0 @@
-import { createId } from '@paralleldrive/cuid2'
-import { boolean, pgTable, text, timestamp, varchar } from 'drizzle-orm/pg-core'
-
-const commonFieldDefs = {
-  id: (prefix: string) =>
-    varchar('id')
-      .primaryKey()
-      .$defaultFn(() => prefix + '_' + createId()),
-  date: (name: string) =>
-    timestamp(name, {
-      mode: 'date',
-      withTimezone: true
-    }),
-  dates: {
-    createdAt: timestamp('created_at', {
-      mode: 'date',
-      withTimezone: true
-    })
-      .notNull()
-      .defaultNow(),
-    updatedAt: timestamp('updated_at', {
-      mode: 'date',
-      withTimezone: true
-    })
-      .notNull()
-      .defaultNow()
-  }
-}
-
-export const usersTable = pgTable('users', {
-  id: commonFieldDefs.id('user'),
-  email: text('email').notNull().unique(),
-  name: text('name').notNull(),
-  emailVerified: boolean('email_verified').default(false).notNull(),
-  image: text('image'),
-  ...commonFieldDefs.dates
-})
-
-export const sessionsTable = pgTable('sessions', {
-  id: commonFieldDefs.id('session'),
-  expiresAt: commonFieldDefs.date('expires_at').notNull(),
-  token: text('token').notNull().unique(),
-  ipAddress: text('ip_address'),
-  userAgent: text('user_agent'),
-  userId: text('user_id')
-    .notNull()
-    .references(() => usersTable.id, { onDelete: 'cascade' }),
-  ...commonFieldDefs.dates
-})
-
-export const accountsTable = pgTable('accounts', {
-  id: commonFieldDefs.id('account'),
-  accountId: text('account_id').notNull(),
-  providerId: text('provider_id').notNull(),
-  userId: text('user_id')
-    .notNull()
-    .references(() => usersTable.id, { onDelete: 'cascade' }),
-  accessToken: text('access_token'),
-  refreshToken: text('refresh_token'),
-  idToken: text('id_token'),
-  accessTokenExpiresAt: commonFieldDefs.date('access_token_expires_at'),
-  refreshTokenExpiresAt: commonFieldDefs.date('refresh_token_expires_at'),
-  scope: text('scope'),
-  password: text('password'),
-  ...commonFieldDefs.dates
-})
-
-export const verificationsTable = pgTable('verifications', {
-  id: commonFieldDefs.id('verification'),
-  identifier: text('identifier').notNull(),
-  value: text('value').notNull(),
-  expiresAt: commonFieldDefs.date('expires_at').notNull(),
-  ...commonFieldDefs.dates
-})

package/template/new/src/lib/auth.ts

@@ -1,67 +0,0 @@
-import { createId } from '@paralleldrive/cuid2'
-import { betterAuth } from 'better-auth'
-import { drizzleAdapter } from 'better-auth/adapters/drizzle'
-import { lastLoginMethod, magicLink } from 'better-auth/plugins'
-import { headers } from 'next/headers'
-import { cache } from 'react'
-import { db } from '~/db'
-import {
-  accountsTable,
-  sessionsTable,
-  usersTable,
-  verificationsTable
-} from '~/db/schema'
-import { env } from '~/env'
-
-export const auth = betterAuth({
-  database: drizzleAdapter(db, {
-    provider: 'pg',
-    schema: {
-      user: usersTable,
-      session: sessionsTable,
-      account: accountsTable,
-      verification: verificationsTable
-    }
-  }),
-  account: {
-    accountLinking: {
-      enabled: true
-    }
-  },
-  advanced: {
-    database: {
-      generateId: ({ model }) => `${model}_${createId()}`
-    }
-  },
-  socialProviders: {
-    github: {
-      prompt: 'select_account',
-      clientId: env.BETTER_AUTH_GITHUB_ID,
-      clientSecret: env.BETTER_AUTH_GITHUB_SECRET
-    },
-    google: {
-      prompt: 'select_account',
-      clientId: env.BETTER_AUTH_GOOGLE_ID,
-      clientSecret: env.BETTER_AUTH_GOOGLE_SECRET
-    }
-  },
-  plugins: [
-    magicLink({
-      sendMagicLink: async ({ email, token, url }) => {
-        console.warn('TODO: send email', {
-          email,
-          token,
-          url
-        })
-      }
-    }),
-    lastLoginMethod()
-  ]
-})
-
-export const getAuthSession = cache(
-  async () =>
-    await auth.api.getSession({
-      headers: await headers()
-    })
-)

package/template/new/src/lib/safe-action.ts

@@ -1,15 +0,0 @@
-import { createSafeActionClient } from 'next-safe-action'
-import { getAuthSession } from './auth'
-
-export const actionClient = createSafeActionClient().use(
-  async ({ next, ctx }) => {
-    const session = await getAuthSession()
-
-    return next({
-      ctx: {
-        ...ctx,
-        user: session?.user
-      }
-    })
-  }
-)

package/template/new/tsconfig.json

@@ -1,49 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": true,
-    "checkJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noImplicitAny": true,
-    "strictNullChecks": true,
-    "strictFunctionTypes": true,
-    "noImplicitThis": true,
-    "noUncheckedIndexedAccess": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      },
-      {
-        "name": "workflow"
-      }
-    ],
-    "paths": {
-      "~/*": ["./src/*"]
-    }
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts",
-    "**/*.cjs",
-    "**/*.mjs"
-  ],
-  "exclude": ["node_modules"]
-}

package/template/prisma/.env.example

@@ -1,16 +0,0 @@
-DATABASE_URL="postgresql://postgres:postgres@localhost:5432/postgres?schema=public"
-NEXTAUTH_SECRET="secret"
-NEXTAUTH_URL="http://localhost:3000"
-EMAIL_SERVER_HOST="example.com"
-EMAIL_SERVER_PORT="123"
-EMAIL_SERVER_USER="example@example.com"
-EMAIL_SERVER_PASSWORD="password"
-EMAIL_FROM="example@example.com"
-GOOGLE_ID=""
-GOOGLE_SECRET=""
-GITHUB_ID=""
-GITHUB_SECRET=""
-FIREBASE_PROJECT_ID=""
-FIREBASE_PRIVATE_KEY=""
-FIREBASE_CLIENT_EMAIL=""
-FIREBASE_STORAGE_BUCKET=""

package/template/prisma/.eslintrc.cjs

@@ -1,24 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const path = require('path')
-
-/** @type {import("eslint").Linter.Config} */
-const eslintConfig = {
-  overrides: [
-    {
-      extends: [],
-      files: ['*.ts', '*.tsx'],
-      parserOptions: {
-        project: path.join(__dirname, 'tsconfig.json')
-      }
-    }
-  ],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    project: path.join(__dirname, 'tsconfig.json')
-  },
-  plugins: ['@typescript-eslint'],
-  extends: ['next/core-web-vitals'],
-  rules: {}
-}
-
-module.exports = eslintConfig

package/template/prisma/next.config.mjs

@@ -1,15 +0,0 @@
-/**
- * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful
- * for Docker builds.
- */
-await import('./src/env.mjs')
-
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  i18n: {
-    locales: ['en'],
-    defaultLocale: 'en'
-  }
-}
-
-export default nextConfig

package/template/prisma/package.json

@@ -1,80 +0,0 @@
-{
-  "name": "my-app",
-  "version": "1.0.0",
-  "description": "A Legendary Next.js App",
-  "private": true,
-  "scripts": {
-    "postinstall": "prisma generate",
-    "lint": "next lint",
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "db:push": "prisma db push",
-    "db:gen": "prisma generate",
-    "db:studio": "prisma studio"
-  },
-  "dependencies": {
-    "@editorjs/checklist": "^1.6.0",
-    "@editorjs/delimiter": "^1.4.0",
-    "@editorjs/editorjs": "^2.28.2",
-    "@editorjs/header": "^2.8.1",
-    "@editorjs/image": "^2.9.0",
-    "@editorjs/list": "^1.9.0",
-    "@editorjs/quote": "^2.6.0",
-    "@editorjs/table": "^2.3.0",
-    "@ejekanshjain/cloud-storage": "^3.2.0",
-    "@hookform/resolvers": "^3.3.3",
-    "@next-auth/prisma-adapter": "^1.0.7",
-    "@prisma/client": "^5.7.1",
-    "@radix-ui/react-alert-dialog": "^1.0.5",
-    "@radix-ui/react-avatar": "^1.0.4",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-toast": "^1.1.5",
-    "@t3-oss/env-nextjs": "^0.7.1",
-    "@tailwindcss/typography": "^0.5.10",
-    "@tanstack/react-table": "^8.11.2",
-    "@types/eslint": "^8.56.0",
-    "@types/lodash": "^4.14.202",
-    "@types/node": "^20.10.5",
-    "@types/nodemailer": "^6.4.14",
-    "@types/react": "^18.2.46",
-    "@types/react-dom": "^18.2.18",
-    "@typescript-eslint/eslint-plugin": "^6.16.0",
-    "@typescript-eslint/parser": "^6.16.0",
-    "@vercel/analytics": "^1.1.1",
-    "@vercel/speed-insights": "^1.0.2",
-    "autoprefixer": "^10.4.16",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.0.0",
-    "cmdk": "^0.2.0",
-    "dayjs": "^1.11.10",
-    "editorjs-html": "^3.4.3",
-    "eslint": "^8.56.0",
-    "eslint-config-next": "^14.0.4",
-    "lodash": "^4.17.21",
-    "lucide-react": "^0.303.0",
-    "next": "^14.0.4",
-    "next-auth": "^4.24.5",
-    "next-themes": "^0.2.1",
-    "nodemailer": "^6.9.7",
-    "postcss": "^8.4.32",
-    "prettier": "^3.1.1",
-    "prettier-plugin-tailwindcss": "^0.5.10",
-    "prisma": "^5.7.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.49.2",
-    "tailwind-merge": "^2.2.0",
-    "tailwindcss": "^3.4.0",
-    "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.3.3",
-    "zod": "^3.22.4"
-  }
-}

package/template/prisma/postcss.config.cjs

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {}
-  }
-}

package/template/prisma/prettier.config.ts

@@ -1,11 +0,0 @@
-import type { Config } from 'prettier'
-
-const prettierConfig: Config = {
-  plugins: [require.resolve('prettier-plugin-tailwindcss')],
-  arrowParens: 'avoid',
-  trailingComma: 'none',
-  semi: false,
-  singleQuote: true
-}
-
-export default prettierConfig