create-ej-app 5.0.0 → 7.0.0

package/template/{prisma → old}/components.json

@@ -5,7 +5,7 @@
   "tsx": true,
   "tailwind": {
     "config": "tailwind.config.ts",
-    "css": "src/styles/globals.css",
+    "css": "src/app/globals.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""

package/template/old/drizzle.config.ts

@@ -0,0 +1,11 @@
+import { type Config } from 'drizzle-kit'
+
+import { env } from '@/env.mjs'
+
+export default {
+  schema: './src/db/schema.ts',
+  dialect: 'postgresql',
+  dbCredentials: {
+    url: env.DATABASE_URL
+  }
+} satisfies Config

package/template/old/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "my-app",
+  "version": "1.0.0",
+  "description": "A Legendary Next.js App",
+  "private": true,
+  "scripts": {
+    "format": "prettier --write \"src/**/*.{js,cjs,mjs,jsx,ts,tsx}\"",
+    "lint": "next lint",
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "db:generate": "drizzle-kit generate",
+    "db:push": "drizzle-kit push",
+    "db:studio": "drizzle-kit studio"
+  },
+  "dependencies": {
+    "@auth/drizzle-adapter": "^1.4.1",
+    "@aws-sdk/client-s3": "^3.600.0",
+    "@aws-sdk/s3-presigned-post": "^3.600.0",
+    "@editorjs/checklist": "^1.6.0",
+    "@editorjs/code": "^2.9.0",
+    "@editorjs/delimiter": "^1.4.0",
+    "@editorjs/editorjs": "^2.29.1",
+    "@editorjs/header": "^2.8.1",
+    "@editorjs/image": "^2.9.0",
+    "@editorjs/inline-code": "^1.5.0",
+    "@editorjs/list": "^1.9.0",
+    "@editorjs/nested-list": "^1.4.2",
+    "@editorjs/quote": "^2.6.0",
+    "@editorjs/table": "^2.3.0",
+    "@hookform/resolvers": "^3.6.0",
+    "@paralleldrive/cuid2": "^2.2.2",
+    "@radix-ui/react-alert-dialog": "^1.1.1",
+    "@radix-ui/react-avatar": "^1.1.0",
+    "@radix-ui/react-checkbox": "^1.1.0",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@t3-oss/env-nextjs": "^0.10.1",
+    "@tailwindcss/typography": "^0.5.13",
+    "@tanstack/react-table": "^8.17.3",
+    "@types/eslint": "^8.56.10",
+    "@types/node": "^20.14.9",
+    "@types/nodemailer": "^6.4.15",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.14.1",
+    "@typescript-eslint/parser": "^7.14.1",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.0.0",
+    "dayjs": "^1.11.11",
+    "drizzle-kit": "^0.22.7",
+    "drizzle-orm": "^0.31.2",
+    "editorjs-html": "^3.4.3",
+    "eslint": "^8.57.0",
+    "eslint-config-next": "^14.2.4",
+    "eslint-plugin-drizzle": "^0.2.3",
+    "geist": "^1.3.0",
+    "lucide-react": "^0.397.0",
+    "next": "^14.2.4",
+    "next-auth": "^4.24.7",
+    "next-safe-action": "^7.1.3",
+    "next-themes": "^0.3.0",
+    "nextjs-toploader": "^1.6.12",
+    "nodemailer": "^6.9.14",
+    "postcss": "^8.4.38",
+    "postcss-load-config": "^6.0.1",
+    "postgres": "^3.4.4",
+    "prettier": "^3.3.2",
+    "prettier-plugin-organize-imports": "^3.2.4",
+    "prettier-plugin-tailwindcss": "^0.6.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.52.0",
+    "sonner": "^1.5.0",
+    "tailwind-merge": "^2.3.0",
+    "tailwindcss": "^3.4.4",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.5.2",
+    "zod": "^3.23.8"
+  }
+}

package/template/old/postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {}
+  }
+}
+
+export default config

package/template/{prisma-advanced → old}/src/app/(app)/layout.tsx

@@ -6,7 +6,8 @@ import { MainNav } from '@/components/main-nav'
 import { SideNav } from '@/components/side-nav'
 import { SiteFooter } from '@/components/site-footer'
 import { UserAccountNav } from '@/components/user-account-nav'
-import { checkForPermission, getAuthSession } from '@/lib/auth'
+import { getAuthSession } from '@/lib/auth'
+import { checkForRolePermissionUseCase } from '@/use-case/role-permission'
 
 const Layout = async ({ children }: { children: ReactNode }) => {
   const session = await getAuthSession()
@@ -14,7 +15,13 @@ const Layout = async ({ children }: { children: ReactNode }) => {
   if (!session?.user) return notFound()
 
   const isRoot = session.user.type === 'Root'
-  const [isTask] = await Promise.all([checkForPermission('TaskList', session)])
+  const [isTask] = await Promise.all([
+    checkForRolePermissionUseCase(
+      session.user.type,
+      session.user.roleId,
+      'TaskList'
+    )
+  ])
 
   return (
     <div className="flex min-h-screen flex-col space-y-6">
@@ -52,7 +59,8 @@ const Layout = async ({ children }: { children: ReactNode }) => {
           <div className="flex items-center justify-center space-x-4">
             <AppNavCommand
               modules={{
-                task: true
+                task: true,
+                root: session.user.type === 'Root'
               }}
             />
             <UserAccountNav

package/template/{prisma-advanced → old}/src/app/(auth)/login/page.tsx

@@ -2,7 +2,7 @@ import Link from 'next/link'
 
 import { Icons } from '@/components/icons'
 import { Button } from '@/components/ui/button'
-import { UserAuthForm } from './user-auth-form'
+import { Render } from './render'
 
 const LoginPage = () => {
   return (
@@ -23,7 +23,7 @@ const LoginPage = () => {
             Enter your email to sign in to your account
           </p>
         </div>
-        <UserAuthForm />
+        <Render />
         <p className="px-8 text-center text-sm text-muted-foreground">
           By clicking continue, you agree to our{' '}
           <Link

package/template/{prisma → old}/src/app/(marketing)/page.tsx

@@ -13,9 +13,10 @@ const links = [
       'Learn about TypeScript and how it helps you write better JavaScript.'
   },
   {
-    href: 'https://prisma.io',
-    title: 'Prisma',
-    description: 'Prisma is a next-generation ORM for Node.js and TypeScript.'
+    href: 'https://orm.drizzle.team',
+    title: 'Drizzle',
+    description:
+      'Lightweight and performant TypeScript ORM with developer experience in mind.'
   },
   {
     href: 'https://next-auth.js.org',
@@ -50,14 +51,14 @@ const links = [
 const Home = () => {
   return (
     <div className="flex min-h-[80vh] flex-col items-center justify-between">
-      <div className="max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
-        <p className="flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto  lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
+      <div className="w-full max-w-5xl items-center justify-between font-mono text-sm lg:flex">
+        <p className="flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
           Get started by editing&nbsp;
           <code className="font-mono font-bold">src/app/page.tsx</code>
         </p>
       </div>
 
-      <div className="mt-12 flex place-items-center before:absolute before:h-[300px] before:w-[240px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-[120px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-[-1]">
+      <div className="before:bg-gradient-radial after:bg-gradient-conic z-[-1] mt-12 flex place-items-center before:absolute before:h-[300px] before:w-[240px] before:-translate-x-1/2 before:rounded-full before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-[120px] after:translate-x-1/3 after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px]">
         <Image
           className="dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert"
           src="/next.svg"
@@ -68,7 +69,7 @@ const Home = () => {
         />
       </div>
 
-      <div className="my-8 grid text-center lg:max-w-5xl lg:w-full lg:grid-cols-4 lg:text-left gap-2">
+      <div className="my-8 grid gap-2 text-center lg:w-full lg:max-w-5xl lg:grid-cols-4 lg:text-left">
         {links.map((l, i) => (
           <a
             key={i}

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

@@ -0,0 +1,31 @@
+import { GeistSans } from 'geist/font/sans'
+import type { Metadata } from 'next'
+import { ThemeProvider } from 'next-themes'
+import NextTopLoader from 'nextjs-toploader'
+
+import { Toaster } from '@/components/ui/sonner'
+import { siteConfig } from '@/lib/siteConfig'
+import './globals.css'
+
+export const metadata: Metadata = {
+  title: siteConfig.name,
+  description: siteConfig.description
+}
+
+export default function RootLayout({
+  children
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  return (
+    <html lang="en" className={GeistSans.className} suppressHydrationWarning>
+      <body className="min-h-screen bg-background font-sans antialiased">
+        <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+          <NextTopLoader color="#777" />
+          {children}
+          <Toaster />
+        </ThemeProvider>
+      </body>
+    </html>
+  )
+}

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

@@ -0,0 +1,31 @@
+'use client'
+
+import { useTheme } from 'next-themes'
+import { Toaster as Sonner } from 'sonner'
+
+type ToasterProps = React.ComponentProps<typeof Sonner>
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = 'system' } = useTheme()
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps['theme']}
+      className="toaster group"
+      toastOptions={{
+        classNames: {
+          toast:
+            'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',
+          description: 'group-[.toast]:text-muted-foreground',
+          actionButton:
+            'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',
+          cancelButton:
+            'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground'
+        }
+      }}
+      {...props}
+    />
+  )
+}
+
+export { Toaster }

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

@@ -0,0 +1,14 @@
+import { drizzle } from 'drizzle-orm/postgres-js'
+import postgres from 'postgres'
+
+import { env } from '@/env.mjs'
+import * as schema from './schema'
+
+const globalForDb = globalThis as unknown as {
+  conn: postgres.Sql | undefined
+}
+
+const conn = globalForDb.conn ?? postgres(env.DATABASE_URL)
+if (env.NODE_ENV !== 'production') globalForDb.conn = conn
+
+export const db = drizzle(conn, { schema })

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

@@ -0,0 +1,287 @@
+import { createId } from '@paralleldrive/cuid2'
+import { relations, sql } from 'drizzle-orm'
+import {
+  bigint,
+  boolean,
+  index,
+  integer,
+  pgEnum,
+  pgTable,
+  primaryKey,
+  text,
+  timestamp,
+  unique,
+  varchar
+} from 'drizzle-orm/pg-core'
+
+export const Account = pgTable(
+  'Accounts',
+  {
+    id: text('id')
+      .notNull()
+      .primaryKey()
+      .$defaultFn(() => createId()),
+    userId: text('userId')
+      .notNull()
+      .references(() => User.id),
+    type: varchar('type', { length: 255 }).notNull(),
+    provider: varchar('provider', { length: 255 }).notNull(),
+    providerAccountId: varchar('providerAccountId', { length: 255 }).notNull(),
+    refresh_token: text('refresh_token'),
+    access_token: text('access_token'),
+    expires_at: integer('expires_at'),
+    token_type: varchar('token_type', { length: 255 }),
+    scope: varchar('scope', { length: 255 }),
+    id_token: text('id_token'),
+    session_state: varchar('session_state', { length: 255 })
+  },
+  account => ({
+    userIdIdx: index('Accounts_idx_userId').on(account.userId),
+    uniqueProviderAccount: unique('Accounts_uq_provider_providerAccountId').on(
+      account.provider,
+      account.providerAccountId
+    )
+  })
+)
+
+export const AccountRelations = relations(Account, ({ one }) => ({
+  user: one(User, { fields: [Account.userId], references: [User.id] })
+}))
+
+export const Session = pgTable(
+  'Sessions',
+  {
+    id: text('id')
+      .notNull()
+      .primaryKey()
+      .$defaultFn(() => createId()),
+    sessionToken: varchar('sessionToken', { length: 255 }).notNull().unique(),
+    userId: text('userId')
+      .notNull()
+      .references(() => User.id),
+    expires: timestamp('expires', {
+      mode: 'date',
+      withTimezone: true
+    }).notNull(),
+    createdAt: timestamp('createdAt', {
+      mode: 'date',
+      withTimezone: true
+    })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull(),
+    updatedAt: timestamp('updatedAt', {
+      mode: 'date',
+      withTimezone: true
+    })
+  },
+  session => ({
+    userIdIdx: index('Sessions_idx_userId').on(session.userId)
+  })
+)
+
+export const SessionRelations = relations(Session, ({ one }) => ({
+  user: one(User, { fields: [Session.userId], references: [User.id] })
+}))
+
+export const Role = pgTable('Roles', {
+  id: text('id')
+    .notNull()
+    .primaryKey()
+    .$defaultFn(() => createId()),
+  name: varchar('name', { length: 255 }).notNull().unique(),
+  createdAt: timestamp('createdAt', {
+    mode: 'date',
+    withTimezone: true
+  })
+    .default(sql`CURRENT_TIMESTAMP`)
+    .notNull(),
+  updatedAt: timestamp('updatedAt', {
+    mode: 'date',
+    withTimezone: true
+  })
+})
+
+export const RoleRelations = relations(Role, ({ many }) => ({
+  permissions: many(RolePermission),
+  users: many(User)
+}))
+
+export const PermissionEnum = pgEnum('PermissionEnum', [
+  'TaskList',
+  'TaskView',
+  'TaskCreate',
+  'TaskUpdate',
+  'TaskDelete'
+])
+
+export const RolePermission = pgTable(
+  'RolePermissions',
+  {
+    id: text('id')
+      .notNull()
+      .primaryKey()
+      .$defaultFn(() => createId()),
+    roleId: text('roleId')
+      .notNull()
+      .references(() => Role.id, {
+        onDelete: 'cascade'
+      }),
+    permission: PermissionEnum('permission').notNull()
+  },
+  rp => ({
+    roleIdIdx: index('RolePermissions_idx_roleId').on(rp.roleId),
+    uniqueRolePermission: unique('RolePermissions_uq_roleId_permission').on(
+      rp.roleId,
+      rp.permission
+    )
+  })
+)
+
+export const RolePermissionRelations = relations(RolePermission, ({ one }) => ({
+  role: one(Role, { fields: [RolePermission.roleId], references: [Role.id] })
+}))
+
+export const UserTypeEnum = pgEnum('UserTypeEnum', ['Root', 'Normal'])
+
+export const User = pgTable('Users', {
+  id: text('id')
+    .notNull()
+    .primaryKey()
+    .$defaultFn(() => createId()),
+  name: varchar('name', { length: 255 }),
+  email: varchar('email', { length: 255 }).notNull().unique(),
+  emailVerified: timestamp('emailVerified', {
+    mode: 'date',
+    withTimezone: true
+  }),
+  image: varchar('image', { length: 255 }),
+  type: UserTypeEnum('type').notNull().default('Normal'),
+  roleId: text('roleId').references(() => Role.id),
+  createdAt: timestamp('createdAt', {
+    mode: 'date',
+    withTimezone: true
+  })
+    .default(sql`CURRENT_TIMESTAMP`)
+    .notNull(),
+  updatedAt: timestamp('updatedAt', {
+    mode: 'date',
+    withTimezone: true
+  })
+})
+
+export const UserRelations = relations(User, ({ many, one }) => ({
+  accounts: many(Account),
+  sessions: many(Session),
+  role: one(Role, {
+    fields: [User.roleId],
+    references: [Role.id]
+  })
+}))
+
+export const VerificationToken = pgTable(
+  'VerificationTokens',
+  {
+    identifier: varchar('identifier', { length: 255 }).notNull(),
+    token: varchar('token', { length: 255 }).notNull(),
+    expires: timestamp('expires', {
+      mode: 'date',
+      withTimezone: true
+    }).notNull()
+  },
+  vt => ({
+    pk: primaryKey({ columns: [vt.identifier, vt.token] })
+  })
+)
+
+export const TaskStatusEnum = pgEnum('TaskStatusEnum', [
+  'Backlog',
+  'Todo',
+  'In Progress',
+  'Done',
+  'Cancelled'
+])
+
+export const Task = pgTable('Tasks', {
+  id: text('id')
+    .notNull()
+    .primaryKey()
+    .$defaultFn(() => createId()),
+  title: varchar('title', { length: 255 }).notNull(),
+  status: TaskStatusEnum('status').notNull().default('Todo'),
+  description: text('description'),
+  createdAt: timestamp('createdAt', {
+    mode: 'date',
+    withTimezone: true
+  })
+    .default(sql`CURRENT_TIMESTAMP`)
+    .notNull(),
+  updatedAt: timestamp('updatedAt', {
+    mode: 'date',
+    withTimezone: true
+  }),
+  createdById: text('createdById')
+    .notNull()
+    .references(() => User.id),
+  updatedById: text('updatedById').references(() => User.id)
+})
+
+export const TaskRelations = relations(Task, ({ one, many }) => ({
+  createdBy: one(User, {
+    fields: [Task.createdById],
+    references: [User.id]
+  }),
+  updatedBy: one(User, {
+    fields: [Task.updatedById],
+    references: [User.id]
+  }),
+  images: many(Resource)
+}))
+
+export const Resource = pgTable(
+  'Resources',
+  {
+    id: text('id')
+      .notNull()
+      .primaryKey()
+      .$defaultFn(() => createId()),
+    filename: varchar('filename', { length: 255 }).notNull(),
+    key: varchar('key', { length: 255 }).notNull().unique(),
+    isTemp: boolean('isTemp').notNull().default(false),
+    url: varchar('url', { length: 255 }).notNull().unique(),
+    size: bigint('size', { mode: 'number' }).notNull(),
+    contentType: varchar('contentType', { length: 255 }).notNull(),
+
+    taskId: text('taskId').references(() => Task.id),
+
+    createdAt: timestamp('createdAt', {
+      mode: 'date',
+      withTimezone: true
+    })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull(),
+    updatedAt: timestamp('updatedAt', {
+      mode: 'date',
+      withTimezone: true
+    }),
+    createdById: text('createdById').references(() => User.id),
+    updatedById: text('updatedById').references(() => User.id)
+  },
+  resource => ({
+    taskIdIdx: index('Resources_idx_taskId').on(resource.taskId)
+  })
+)
+
+export const ResourceRelations = relations(Resource, ({ one }) => ({
+  task: one(Task, {
+    fields: [Resource.taskId],
+    references: [Task.id]
+  }),
+  createdBy: one(User, {
+    fields: [Resource.createdById],
+    references: [User.id]
+  }),
+  updatedBy: one(User, {
+    fields: [Resource.updatedById],
+    references: [User.id]
+  })
+}))

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

@@ -0,0 +1,89 @@
+import { DrizzleAdapter } from '@auth/drizzle-adapter'
+import { InferSelectModel } from 'drizzle-orm'
+import {
+  Session as NextAuthSession,
+  getServerSession,
+  type DefaultSession,
+  type NextAuthOptions
+} from 'next-auth'
+import { Adapter } from 'next-auth/adapters'
+import EmailProvider from 'next-auth/providers/email'
+import GitHubProvider from 'next-auth/providers/github'
+import GoogleProvider from 'next-auth/providers/google'
+import { cache } from 'react'
+
+import type { RolePermissionType } from '@/data-access/role-permission'
+import type { UserType } from '@/data-access/user'
+import { db } from '@/db'
+import { Account, Session, User, VerificationToken } from '@/db/schema'
+import { env } from '@/env.mjs'
+import { checkForRolePermissionUseCase } from '@/use-case/role-permission'
+
+declare module 'next-auth' {
+  interface Session extends DefaultSession {
+    user: {
+      id: string
+      type: UserType['type']
+      roleId?: string | null
+    } & DefaultSession['user']
+  }
+
+  interface User extends InferSelectModel<typeof User> {}
+}
+
+export const authOptions: NextAuthOptions = {
+  pages: {
+    signIn: '/login'
+  },
+  callbacks: {
+    session({ session, user }) {
+      return {
+        ...session,
+        user: {
+          ...session.user,
+          id: user.id,
+          type: user.type,
+          roleId: user.roleId
+        }
+      }
+    }
+  },
+  adapter: DrizzleAdapter(db, {
+    usersTable: User,
+    accountsTable: Account,
+    sessionsTable: Session,
+    verificationTokensTable: VerificationToken
+  }) as Adapter,
+  providers: [
+    EmailProvider({
+      server: {
+        host: env.EMAIL_SERVER_HOST,
+        port: env.EMAIL_SERVER_PORT,
+        auth: {
+          user: env.EMAIL_SERVER_USER,
+          pass: env.EMAIL_SERVER_PASSWORD
+        }
+      },
+      from: env.EMAIL_FROM
+    }),
+    GoogleProvider({
+      clientId: env.GOOGLE_ID,
+      clientSecret: env.GOOGLE_SECRET
+    }),
+    GitHubProvider({
+      clientId: env.GITHUB_ID,
+      clientSecret: env.GITHUB_SECRET
+    })
+  ]
+}
+
+export const getAuthSession = cache(() => getServerSession(authOptions))
+
+export const authGuard = cache(
+  (session: NextAuthSession, permission?: RolePermissionType['permission']) =>
+    checkForRolePermissionUseCase(
+      session.user.type,
+      session.user.roleId,
+      permission
+    )
+)

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

@@ -0,0 +1,19 @@
+import { createSafeActionClient } from 'next-safe-action'
+
+import { getAuthSession } from './auth'
+
+const actionClient = createSafeActionClient()
+
+export const authActionClient = actionClient.use(async ({ next }) => {
+  const session = await getAuthSession()
+
+  if (!session?.user) {
+    throw new Error('Unauthorized')
+  }
+
+  return next({
+    ctx: {
+      user: session.user
+    }
+  })
+})