create-ej-app 12.0.0 → 14.0.0

package/template/old/src/app/(app)/roles/[id]/validation.ts

@@ -1,22 +0,0 @@
-import { z } from 'zod'
-
-import { RolePermission } from '@/db/schema'
-import { generateLabel } from '@/lib/generateLabel'
-
-const RolePermissionsEnumArr = RolePermission.permission.enumValues
-
-export const RoleCreateUpdateSchema = z.object({
-  name: z.string().min(1).trim(),
-  permissions: z.array(z.enum(RolePermissionsEnumArr))
-})
-
-export const defaultPermissions = RolePermissionsEnumArr.map(x => ({
-  label: generateLabel(x),
-  value: x
-}))
-
-export const RoleUpdateServerSchema = RoleCreateUpdateSchema.merge(
-  z.object({
-    id: z.string().min(1)
-  })
-)

package/template/old/src/app/(app)/roles/actions.ts

@@ -1,33 +0,0 @@
-'use server'
-
-import { z } from 'zod'
-
-import { authActionClient } from '@/lib/safe-action'
-import { SortOrderEnum } from '@/lib/sortOrderEnum'
-import { getRolesUseCase } from '@/use-case/role'
-
-export const getRolesAction = authActionClient
-  .schema(
-    z.object({
-      page: z.number().gte(1),
-      limit: z.number().gte(1).lte(1000),
-      sortBy: z.enum(['id', 'name', 'createdAt', 'updatedAt']).optional(),
-      sortOrder: z.enum(SortOrderEnum).optional(),
-      name: z.string().optional()
-    })
-  )
-  .action(
-    async ({ parsedInput: { page, limit, sortBy, sortOrder, name }, ctx }) => {
-      return await getRolesUseCase(ctx.user.type, {
-        page,
-        limit,
-        sortBy,
-        sortOrder,
-        filters: name
-          ? {
-              name
-            }
-          : undefined
-      })
-    }
-  )

package/template/old/src/app/(app)/roles/page.tsx

@@ -1,52 +0,0 @@
-import { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-
-import { authGuard, getAuthSession } from '@/lib/auth'
-import { siteConfig } from '@/lib/siteConfig'
-import { getRolesAction } from './actions'
-import { Render } from './render'
-
-export const metadata: Metadata = {
-  title: 'Roles' + ' | ' + siteConfig.name
-}
-
-const RolesPage = async ({
-  searchParams
-}: {
-  searchParams: {
-    page?: string
-    limit?: string
-    sort?: string
-    name?: string
-  }
-}) => {
-  const session = await getAuthSession()
-  if (!session) return notFound()
-
-  const g = await authGuard(session)
-  if (!g) return notFound()
-
-  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 [any, 'asc' | 'desc' | undefined])
-      : []
-
-  const name = searchParams.name
-
-  const data = await getRolesAction({
-    page,
-    limit,
-    sortBy,
-    sortOrder,
-    name
-  })
-
-  if (!data?.data) throw new Error('Roles data not found')
-
-  return <Render data={data.data} />
-}
-
-export default RolesPage

package/template/old/src/app/(app)/roles/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'
-
-export const Render: FC<{
-  data: {
-    roles: {
-      id: string
-      name: string
-      createdAt: Date
-      updatedAt?: Date | null
-    }[]
-    total: number
-  }
-}> = ({ data }) => {
-  return (
-    <Shell>
-      <Heading heading="Roles" text="List of all the roles">
-        <Link href="/roles/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={`/roles/${row.original.id}`}
-              >
-                {row.original.name}
-              </Link>
-            )
-          },
-          {
-            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 }) =>
-              row.original.updatedAt
-                ? timesAgo(row.original.updatedAt)
-                : undefined
-          }
-        ]}
-        data={data.roles}
-        total={data.total}
-        searchableColumns={[
-          {
-            id: 'name',
-            title: 'Name'
-          }
-        ]}
-      />
-    </Shell>
-  )
-}

package/template/old/src/app/(app)/settings/actions.ts

@@ -1,17 +0,0 @@
-'use server'
-
-import { authActionClient } from '@/lib/safe-action'
-import { updateCurrentUserNameUseCase } from '@/use-case/user'
-import { userSchema } from './validation'
-
-export const updateNameAction = authActionClient
-  .schema(userSchema)
-  .action(async ({ parsedInput: { name }, ctx: { user } }) => {
-    await updateCurrentUserNameUseCase(user.id, {
-      name
-    })
-
-    return {
-      success: true
-    }
-  })

package/template/old/src/app/(app)/settings/layout.tsx

@@ -1,14 +0,0 @@
-import { Metadata } from 'next'
-import { ReactNode } from 'react'
-
-import { siteConfig } from '@/lib/siteConfig'
-
-export const metadata: Metadata = {
-  title: 'Settings' + ' | ' + siteConfig.name
-}
-
-const Layout = ({ children }: { children: ReactNode }) => {
-  return <>{children}</>
-}
-
-export default Layout

package/template/old/src/app/(app)/settings/loading.tsx

@@ -1,28 +0,0 @@
-import { Heading } from '@/components/heading'
-import { Shell } from '@/components/shell'
-import { Card, CardContent, CardFooter, CardHeader } from '@/components/ui/card'
-import { Skeleton } from '@/components/ui/skeleton'
-
-const Loading = () => {
-  return (
-    <Shell>
-      <Heading heading="Settings" text="Manage account and profile settings." />
-      <div className="grid gap-10">
-        <Card>
-          <CardHeader className="gap-2">
-            <Skeleton className="h-6 w-1/5" />
-            <Skeleton className="h-4 w-4/5" />
-          </CardHeader>
-          <CardContent className="h-10">
-            <Skeleton className="h-8 w-full max-w-[400px]" />
-          </CardContent>
-          <CardFooter>
-            <Skeleton className="h-8 w-full max-w-[120px]" />
-          </CardFooter>
-        </Card>
-      </div>
-    </Shell>
-  )
-}
-
-export default Loading

package/template/old/src/app/(app)/settings/page.tsx

@@ -1,19 +0,0 @@
-import { Heading } from '@/components/heading'
-import { Shell } from '@/components/shell'
-import { getAuthSession } from '@/lib/auth'
-import { Render } from './render'
-
-const SettingsPage = async () => {
-  const session = await getAuthSession()
-
-  return (
-    <Shell>
-      <Heading heading="Settings" text="Manage account and profile settings." />
-      <div className="grid gap-10">
-        <Render name={session?.user.name || ''} />
-      </div>
-    </Shell>
-  )
-}
-
-export default SettingsPage

package/template/old/src/app/(app)/settings/render.tsx

@@ -1,107 +0,0 @@
-'use client'
-
-import { zodResolver } from '@hookform/resolvers/zod'
-import { useRouter } from 'next/navigation'
-import { FC, useState } from 'react'
-import { useForm } from 'react-hook-form'
-import { toast } from 'sonner'
-import { z } from 'zod'
-
-import { Icons } from '@/components/icons'
-import { Button } from '@/components/ui/button'
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle
-} from '@/components/ui/card'
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormMessage
-} from '@/components/ui/form'
-import { Input } from '@/components/ui/input'
-import { updateNameAction } from './actions'
-import { userSchema } from './validation'
-
-type FormData = z.infer<typeof userSchema>
-
-export const Render: FC<{ name: string }> = ({ name }) => {
-  const form = useForm<FormData>({
-    resolver: zodResolver(userSchema),
-    defaultValues: {
-      name
-    }
-  })
-  const router = useRouter()
-  const [isSaving, setIsSaving] = useState(false)
-
-  async function onSubmit(data: FormData) {
-    setIsSaving(true)
-
-    const res = await updateNameAction({
-      ...data
-    })
-
-    if (res?.data) {
-      toast('Your name has been updated.')
-      router.refresh()
-    } else {
-      toast('Internal Server Error', {
-        description: 'Please try again later.'
-      })
-    }
-
-    setIsSaving(false)
-  }
-
-  return (
-    <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)}>
-        <Card>
-          <CardHeader>
-            <CardTitle>Your Name</CardTitle>
-            <CardDescription>
-              Please enter your full name or a display name you are comfortable
-              with.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <FormField
-              control={form.control}
-              name="name"
-              render={({ field }) => (
-                <FormItem className="max-w-[400px]">
-                  <FormControl>
-                    <Input
-                      type="text"
-                      placeholder="Your Name"
-                      autoComplete="name"
-                      disabled={isSaving}
-                      {...field}
-                    />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </CardContent>
-          <CardFooter>
-            <Button type="submit" disabled={isSaving}>
-              {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>
-          </CardFooter>
-        </Card>
-      </form>
-    </Form>
-  )
-}

package/template/old/src/app/(app)/settings/validation.ts

@@ -1,5 +0,0 @@
-import { z } from 'zod'
-
-export const userSchema = z.object({
-  name: z.string().min(1)
-})

package/template/old/src/app/(app)/tasks/[id]/actions.ts

@@ -1,92 +0,0 @@
-'use server'
-
-import { revalidatePath } from 'next/cache'
-import { z } from 'zod'
-
-import { getPresignedUrl, markFileUploaded } from '@/lib/s3Client'
-import { authActionClient } from '@/lib/safe-action'
-import {
-  createTaskUseCase,
-  deleteTaskUseCase,
-  getTaskByIdWithUserUseCase,
-  updateTaskUseCase
-} from '@/use-case/task'
-import { TaskCreateUpdateSchema, TaskUpdateServerSchema } from './validation'
-
-export const getTaskAction = authActionClient
-  .schema(z.string())
-  .action(async ({ parsedInput, ctx }) => {
-    return await getTaskByIdWithUserUseCase(ctx.user, parsedInput)
-  })
-
-export const createTaskAction = authActionClient
-  .schema(TaskCreateUpdateSchema)
-  .action(async ({ parsedInput, ctx }) => {
-    const id = await createTaskUseCase(ctx.user, parsedInput)
-
-    revalidatePath('/tasks')
-    revalidatePath(`/tasks/${id}`)
-
-    return {
-      id,
-      success: true
-    }
-  })
-
-export const updateTaskAction = authActionClient
-  .schema(TaskUpdateServerSchema)
-  .action(async ({ parsedInput: id, ctx }) => {
-    await updateTaskUseCase(ctx.user, id)
-
-    revalidatePath('/tasks')
-    revalidatePath(`/tasks/${id}`)
-
-    return {
-      success: true
-    }
-  })
-
-export const deleteTaskAction = authActionClient
-  .schema(z.string())
-  .action(async ({ parsedInput: id, ctx }) => {
-    await deleteTaskUseCase(ctx.user, id)
-
-    revalidatePath('/tasks')
-    revalidatePath(`/tasks/${id}`)
-
-    return {
-      success: true
-    }
-  })
-
-export const getTaskImageUploadPresignedUrlAction = authActionClient
-  .schema(
-    z.object({
-      filename: z.string().min(1),
-      contentType: z.string().min(1)
-    })
-  )
-  .action(async ({ ctx, parsedInput }) => {
-    return await getPresignedUrl({
-      // contentTypeStartsWith: 'image/',
-      isPublic: true,
-      filename: parsedInput.filename,
-      contentType: parsedInput.contentType,
-      createdById: ctx.user.id
-    })
-  })
-
-export const markTaskImageUploadedAction = authActionClient
-  .schema(z.string())
-  .action(async ({ parsedInput: id, ctx }) => {
-    try {
-      await markFileUploaded(ctx.user, id)
-      return {
-        success: true
-      }
-    } catch (err) {
-      return {
-        success: false
-      }
-    }
-  })

package/template/old/src/app/(app)/tasks/[id]/page.tsx

@@ -1,59 +0,0 @@
-import { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-
-import { authGuard, getAuthSession } from '@/lib/auth'
-import { siteConfig } from '@/lib/siteConfig'
-import { getTaskAction } from './actions'
-import { Render } from './render'
-
-export const generateMetadata = async (props: {
-  params: { id: string }
-}): Promise<Metadata> => ({
-  title: 'Task - ' + props.params.id + ' | ' + siteConfig.name
-})
-
-const TaskPage = async ({
-  params: { id }
-}: {
-  params: {
-    id: string
-  }
-}) => {
-  const session = await getAuthSession()
-  if (!session) return notFound()
-
-  const g = await authGuard(session, 'TaskView')
-  if (!g) return notFound()
-
-  const [canCreate, canUpdate, canDelete] = await Promise.all([
-    authGuard(session, 'TaskCreate'),
-    authGuard(session, 'TaskUpdate'),
-    authGuard(session, 'TaskDelete')
-  ])
-
-  if (id === 'new') {
-    if (!canCreate) return notFound()
-
-    return (
-      <Render
-        canCreate={canCreate}
-        canUpdate={canUpdate}
-        canDelete={canDelete}
-      />
-    )
-  }
-
-  const task = await getTaskAction(id)
-  if (!task?.data) return notFound()
-
-  return (
-    <Render
-      task={task.data}
-      canCreate={canCreate}
-      canUpdate={canUpdate}
-      canDelete={canDelete}
-    />
-  )
-}
-
-export default TaskPage