create-ej-app 18.0.0 → 20.0.0

package/template/nextjs/src/scripts/test-mail.ts

@@ -2,10 +2,10 @@ import { render, toPlainText } from '@react-email/render'
 import TestEmail from '~/emails/test'
 import { sendEmail } from '~/lib/nodemailer'
 
-async function main() {
+async function sendTestMail() {
   const html = await render(
     TestEmail({
-      name: 'Ekansh Jain'
+      name: 'John Doe'
     }),
     {
       pretty: true
@@ -22,8 +22,14 @@ async function main() {
   })
 
   console.info('Test email sent successfully', result)
-
-  process.exit()
 }
 
-main()
+if (import.meta.main) {
+  try {
+    await sendTestMail()
+  } catch (err) {
+    console.error('Error sending test mail:', err)
+  } finally {
+    process.exit(0)
+  }
+}

package/template/nextjs/tsconfig.json

@@ -15,6 +15,8 @@
     "noUnusedParameters": true,
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
+    "allowUnreachableCode": false,
+    "noUncheckedSideEffectImports": false,
     "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "esModuleInterop": true,

package/template/nextjs/src/app/api/[[...slugs]]/route.ts

@@ -1,25 +0,0 @@
-import { Elysia } from 'elysia'
-import z from 'zod'
-
-export const elysiaApi = new Elysia({ prefix: '/api' })
-  .get('/', 'Hello from Elysia')
-  .post(
-    '/',
-    ({ body }) => {
-      return `Hello, ${body.name}!`
-    },
-    {
-      body: z.object({
-        name: z.string().trim().min(1).describe('Name of the user')
-      }),
-      detail: {
-        description: 'Greet a user by name'
-      }
-    }
-  )
-
-export const GET = elysiaApi.fetch
-export const POST = elysiaApi.fetch
-export const PUT = elysiaApi.fetch
-export const PATCH = elysiaApi.fetch
-export const DELETE = elysiaApi.fetch

package/template/nextjs/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/nextjs/src/lib/eden.ts

@@ -1,7 +0,0 @@
-import { treaty } from '@elysiajs/eden'
-import { elysiaApi } from '~/app/api/[[...slugs]]/route'
-
-export const api =
-  typeof process !== 'undefined'
-    ? treaty(elysiaApi).api
-    : treaty<typeof elysiaApi>(window.location.host).api