create-ej-app 6.0.0 → 8.0.0

package/template/prisma/src/app/(app)/users/[id]/actions.ts

@@ -1,83 +0,0 @@
-'use server'
-
-import { revalidatePath } from 'next/cache'
-
-import { getAuthSession } from '@/lib/auth'
-import { prisma } from '@/lib/db'
-import { UnwrapPromise } from '@/types/UnwrapPromise'
-
-export const getUser = async (id: string) => {
-  const session = await getAuthSession()
-  if (!session) throw new Error('Unauthorized')
-
-  return await prisma.user.findUnique({
-    where: {
-      id
-    }
-  })
-}
-
-export type GetUserFnDataType = UnwrapPromise<ReturnType<typeof getUser>>
-
-export const createUser = async ({
-  name,
-  email
-}: {
-  name: string
-  email: string
-}) => {
-  const session = await getAuthSession()
-  if (!session) throw new Error('Unauthorized')
-
-  const { id } = await prisma.user.create({
-    data: {
-      name,
-      email
-    }
-  })
-
-  revalidatePath('/users')
-  revalidatePath(`/users/${id}`)
-
-  return id
-}
-
-export const updateUser = async ({
-  id,
-  name,
-  email
-}: {
-  id: string
-  name: string
-  email: string
-}) => {
-  const session = await getAuthSession()
-  if (!session) throw new Error('Unauthorized')
-
-  await prisma.user.update({
-    where: {
-      id
-    },
-    data: {
-      name,
-      email
-    }
-  })
-
-  revalidatePath('/users')
-  revalidatePath(`/users/${id}`)
-}
-
-export const deleteUser = async (id: string) => {
-  const session = await getAuthSession()
-  if (!session) throw new Error('Unauthorized')
-
-  await prisma.user.delete({
-    where: {
-      id
-    }
-  })
-
-  revalidatePath('/users')
-  revalidatePath(`/users/${id}`)
-}

package/template/prisma/src/app/(app)/users/[id]/page.tsx

@@ -1,32 +0,0 @@
-import { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-
-import { siteConfig } from '@/lib/siteConfig'
-import { GetUserFnDataType, getUser } from './actions'
-import { Render } from './render'
-
-export const generateMetadata = async (props: {
-  params: { id: string }
-}): Promise<Metadata> => ({
-  title: 'User - ' + props.params.id + ' | ' + siteConfig.name
-})
-
-const UserPage = async ({
-  params: { id }
-}: {
-  params: {
-    id: string
-  }
-}) => {
-  let user: GetUserFnDataType | undefined
-
-  if (id !== 'new') {
-    const x = await getUser(id)
-    if (!x) return notFound()
-    user = x
-  }
-
-  return <Render user={user} />
-}
-
-export default UserPage

package/template/prisma/src/app/(app)/users/[id]/render.tsx

@@ -1,240 +0,0 @@
-'use client'
-
-import { zodResolver } from '@hookform/resolvers/zod'
-import Link from 'next/link'
-import { useRouter } from 'next/navigation'
-import { FC, useState } from 'react'
-import { useForm } from 'react-hook-form'
-import { z } from 'zod'
-
-import { Heading } from '@/components/heading'
-import { Icons } from '@/components/icons'
-import { Shell } from '@/components/shell'
-import { SystemInfo } from '@/components/system-info'
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-  AlertDialogTrigger
-} from '@/components/ui/alert-dialog'
-import { Button } from '@/components/ui/button'
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage
-} from '@/components/ui/form'
-import { Input } from '@/components/ui/input'
-import { toast } from '@/components/ui/use-toast'
-import { formatDateTime, timesAgo } from '@/lib/formatDate'
-import {
-  GetUserFnDataType,
-  createUser,
-  deleteUser,
-  updateUser
-} from './actions'
-
-const UserSchema = z.object({
-  name: z.string().nonempty(),
-  email: z.string().email()
-})
-
-type FormData = z.infer<typeof UserSchema>
-
-export const Render: FC<{
-  user: GetUserFnDataType | undefined
-}> = ({ user }) => {
-  const form = useForm<FormData>({
-    resolver: zodResolver(UserSchema),
-    defaultValues: {
-      name: user?.name ?? '',
-      email: user?.email ?? ''
-    }
-  })
-  const router = useRouter()
-  const [isSaving, setIsSaving] = useState(false)
-  const [isDeleting, setIsDeleting] = useState(false)
-
-  async function onSubmit(data: FormData) {
-    setIsSaving(true)
-    try {
-      if (!user) {
-        const newId = await createUser(data)
-        router.replace(`/users/${newId}`)
-      } else {
-        await updateUser({
-          id: user.id,
-          ...data
-        })
-      }
-      toast({
-        title: 'User saved'
-      })
-    } catch (err) {
-      toast({
-        title: 'Error saving user',
-        variant: 'destructive'
-      })
-    }
-    setIsSaving(false)
-  }
-
-  return (
-    <Shell>
-      <Heading
-        heading={user ? user.name || user.email || user.id : 'New User'}
-      />
-      <Form {...form}>
-        <form
-          className="grid grid-cols-1 gap-3 md:grid-cols-2"
-          onSubmit={form.handleSubmit(onSubmit)}
-        >
-          <div className="col-span-1 mb-1 grid grid-cols-2 gap-2 sm:flex md:col-span-2">
-            <Button type="button" onClick={() => router.back()} variant="ghost">
-              <Icons.chevronLeft className="mr-2 h-4 w-4" />
-              Back
-            </Button>
-            <Button type="submit" disabled={isSaving || isDeleting}>
-              {isSaving ? (
-                <Icons.spinner className="mr-2 h-4 w-4 animate-spin" />
-              ) : (
-                <Icons.save className="mr-2 h-4 w-4" />
-              )}
-              <span>Save</span>
-            </Button>
-            {user ? (
-              <AlertDialog>
-                <AlertDialogTrigger asChild>
-                  <Button
-                    type="button"
-                    variant="destructive"
-                    disabled={isSaving || isDeleting}
-                  >
-                    {isDeleting ? (
-                      <Icons.spinner className="mr-2 h-4 w-4 animate-spin" />
-                    ) : (
-                      <Icons.delete className="mr-2 h-4 w-4" />
-                    )}
-                    Delete
-                  </Button>
-                </AlertDialogTrigger>
-                <AlertDialogContent>
-                  <AlertDialogHeader>
-                    <AlertDialogTitle>
-                      Are you absolutely sure?
-                    </AlertDialogTitle>
-                    <AlertDialogDescription>
-                      This action cannot be undone.
-                    </AlertDialogDescription>
-                  </AlertDialogHeader>
-                  <AlertDialogFooter>
-                    <AlertDialogCancel>Cancel</AlertDialogCancel>
-                    <AlertDialogAction
-                      onClick={async () => {
-                        setIsDeleting(true)
-                        try {
-                          await deleteUser(user.id)
-                          toast({
-                            title: 'User deleted'
-                          })
-                          router.push('/users')
-                        } catch (err) {
-                          toast({
-                            title: 'Error deleting user',
-                            variant: 'destructive'
-                          })
-                        }
-                        setIsDeleting(false)
-                      }}
-                    >
-                      Continue
-                    </AlertDialogAction>
-                  </AlertDialogFooter>
-                </AlertDialogContent>
-              </AlertDialog>
-            ) : undefined}
-            {user ? (
-              <Link href="/users/new">
-                <Button
-                  type="button"
-                  disabled={isSaving || isDeleting}
-                  variant="secondary"
-                  className="w-full"
-                >
-                  <Icons.add className="mr-2 h-4 w-4" />
-                  New
-                </Button>
-              </Link>
-            ) : undefined}
-          </div>
-
-          <FormField
-            control={form.control}
-            name="name"
-            render={({ field }) => (
-              <FormItem>
-                <FormLabel>Name</FormLabel>
-                <FormControl>
-                  <Input
-                    type="text"
-                    placeholder="Enter a name"
-                    disabled={isSaving}
-                    {...field}
-                  />
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-
-          <FormField
-            control={form.control}
-            name="email"
-            render={({ field }) => (
-              <FormItem>
-                <FormLabel>Email</FormLabel>
-                <FormControl>
-                  <Input
-                    type="email"
-                    placeholder="Enter an email"
-                    autoCapitalize="none"
-                    autoComplete="email"
-                    autoCorrect="off"
-                    disabled={isSaving}
-                    {...field}
-                  />
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-        </form>
-      </Form>
-      {user ? (
-        <SystemInfo
-          items={[
-            {
-              label: 'Id',
-              value: user.id
-            },
-            {
-              label: 'Created At',
-              value: formatDateTime(user.createdAt)
-            },
-            {
-              label: 'Updated At',
-              value: timesAgo(user.updatedAt)
-            }
-          ]}
-        />
-      ) : undefined}
-    </Shell>
-  )
-}

package/template/prisma/src/app/(app)/users/actions.ts

@@ -1,55 +0,0 @@
-'use server'
-
-import { User } from '@prisma/client'
-
-import { getAuthSession } from '@/lib/auth'
-import { prisma } from '@/lib/db'
-import { UnwrapPromise } from '@/types/UnwrapPromise'
-
-export const getUsers = async ({
-  page,
-  limit,
-  sortBy,
-  sortOrder,
-  name,
-  email
-}: {
-  page: number
-  limit: number
-  sortBy?: keyof User
-  sortOrder?: 'asc' | 'desc'
-  name?: string
-  email?: string
-}) => {
-  const session = await getAuthSession()
-  if (!session) throw new Error('Unauthorized')
-
-  const where = {
-    name: name ? { contains: name, mode: 'insensitive' as const } : undefined,
-    email: email ? { contains: email, mode: 'insensitive' as const } : undefined
-  }
-  const [users, total] = await Promise.all([
-    prisma.user.findMany({
-      where,
-      select: {
-        id: true,
-        name: true,
-        email: true,
-        createdAt: true,
-        updatedAt: true
-      },
-      skip: (page - 1) * limit,
-      take: limit,
-      orderBy: {
-        [sortBy || 'createdAt']: sortOrder || 'desc'
-      }
-    }),
-    prisma.user.count({
-      where
-    })
-  ])
-
-  return { users, total }
-}
-
-export type GetUsersFnDataType = UnwrapPromise<ReturnType<typeof getUsers>>

package/template/prisma/src/app/(app)/users/page.tsx

@@ -1,49 +0,0 @@
-import { User } from '@prisma/client'
-import { Metadata } from 'next'
-
-import { siteConfig } from '@/lib/siteConfig'
-import { getUsers } from './actions'
-import { Render } from './render'
-
-export const metadata: Metadata = {
-  title: 'Users' + ' | ' + siteConfig.name
-}
-
-const Users = async ({
-  searchParams
-}: {
-  searchParams: {
-    page?: string
-    limit?: string
-    sort?: string
-    name?: string
-    email?: string
-  }
-}) => {
-  const page = searchParams.page ? parseInt(searchParams.page) : 1
-  const limit = searchParams.limit ? parseInt(searchParams.limit) : 10
-
-  const [sortBy, sortOrder] =
-    typeof searchParams.sort === 'string'
-      ? (searchParams.sort.split('.') as [
-          keyof User | undefined,
-          'asc' | 'desc' | undefined
-        ])
-      : []
-
-  const name = searchParams.name
-  const email = searchParams.email
-
-  const data = await getUsers({
-    page,
-    limit,
-    sortBy,
-    sortOrder,
-    name,
-    email
-  })
-
-  return <Render data={data} />
-}
-
-export default Users

package/template/prisma/src/app/(app)/users/render.tsx

@@ -1,80 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import { FC } from 'react'
-
-import { DataTable } from '@/components/data-table/data-table'
-import { DataTableColumnHeader } from '@/components/data-table/data-table-column-header'
-import { Heading } from '@/components/heading'
-import { Icons } from '@/components/icons'
-import { Shell } from '@/components/shell'
-import { Button } from '@/components/ui/button'
-import { formatDateTime, timesAgo } from '@/lib/formatDate'
-import { GetUsersFnDataType } from './actions'
-
-export const Render: FC<{
-  data: GetUsersFnDataType
-}> = ({ data }) => {
-  return (
-    <Shell>
-      <Heading heading="Users" text="List of all the users">
-        <Link href="/users/new">
-          <Button>
-            <Icons.add className="mr-2 h-4 w-4" />
-            New
-          </Button>
-        </Link>
-      </Heading>
-      <DataTable
-        columns={[
-          {
-            accessorKey: 'name',
-            header: ({ column }) => (
-              <DataTableColumnHeader column={column} title="Name" />
-            ),
-            cell: ({ row }) => (
-              <Link
-                className="underline underline-offset-4"
-                href={`/users/${row.original.id}`}
-              >
-                {row.original.name}
-              </Link>
-            )
-          },
-          {
-            accessorKey: 'email',
-            header: ({ column }) => (
-              <DataTableColumnHeader column={column} title="Email" />
-            )
-          },
-          {
-            accessorKey: 'createdAt',
-            header: ({ column }) => (
-              <DataTableColumnHeader column={column} title="Created At" />
-            ),
-            cell: ({ row }) => formatDateTime(row.original.createdAt)
-          },
-          {
-            accessorKey: 'updatedAt',
-            header: ({ column }) => (
-              <DataTableColumnHeader column={column} title="Updated At" />
-            ),
-            cell: ({ row }) => timesAgo(row.original.updatedAt)
-          }
-        ]}
-        data={data.users}
-        total={data.total}
-        searchableColumns={[
-          {
-            id: 'name',
-            title: 'Name'
-          },
-          {
-            id: 'email',
-            title: 'Email'
-          }
-        ]}
-      />
-    </Shell>
-  )
-}

package/template/prisma/src/app/(auth)/layout.tsx

@@ -1,20 +0,0 @@
-import { redirect } from 'next/navigation'
-import { ReactNode } from 'react'
-
-import { SiteFooter } from '@/components/site-footer'
-import { getAuthSession } from '@/lib/auth'
-
-const AuthLayout = async ({ children }: { children: ReactNode }) => {
-  const session = await getAuthSession()
-
-  if (session?.user) return redirect('/dashboard')
-
-  return (
-    <div className="flex min-h-screen flex-col justify-between">
-      <main>{children}</main>
-      <SiteFooter />
-    </div>
-  )
-}
-
-export default AuthLayout

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

@@ -1,49 +0,0 @@
-import Link from 'next/link'
-
-import { Icons } from '@/components/icons'
-import { Button } from '@/components/ui/button'
-import { UserAuthForm } from './user-auth-form'
-
-const LoginPage = () => {
-  return (
-    <div className="container flex h-[90vh] w-screen flex-col items-center justify-center">
-      <Link href="/" className="absolute left-4 top-4">
-        <Button variant="ghost">
-          <Icons.chevronLeft className="mr-2 h-4 w-4" />
-          Back
-        </Button>
-      </Link>
-      <div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-80">
-        <div className="flex flex-col space-y-2 text-center">
-          <Icons.logo className="mx-auto h-6 w-6" />
-          <h1 className="text-2xl font-semibold tracking-tight">
-            Welcome back
-          </h1>
-          <p className="text-sm text-muted-foreground">
-            Enter your email to sign in to your account
-          </p>
-        </div>
-        <UserAuthForm />
-        <p className="px-8 text-center text-sm text-muted-foreground">
-          By clicking continue, you agree to our{' '}
-          <Link
-            href="/terms"
-            className="underline underline-offset-4 hover:text-primary"
-          >
-            Terms of Service
-          </Link>{' '}
-          and{' '}
-          <Link
-            href="/privacy"
-            className="underline underline-offset-4 hover:text-primary"
-          >
-            Privacy Policy
-          </Link>
-          .
-        </p>
-      </div>
-    </div>
-  )
-}
-
-export default LoginPage