Add comments

app/actions/comments.ts

@@ -0,0 +1,67 @@
+'use server'
+
+import {auth, signIn} from '@/auth'
+import {createClient} from '@/lib/supabase/server'
+import {z} from 'zod'
+
+export async function loginWithGitHub() {
+    await signIn('github')
+}
+
+export async function addComment(prevState: { message: string }, formData: FormData) {
+    const schema = z.object({
+        comment: z.string().min(3).max(255),
+        slug: z.string()
+    })
+
+    const parse = schema.safeParse({
+        comment: formData.get('comment'),
+        slug: formData.get('slug')
+    })
+
+    let message = ''
+    if (!parse.success) {
+        message = 'There was an error with your comment, please try again later.'
+        return {message: message}
+    }
+
+    const supabase = await createClient()
+    const session = await auth()
+    const slug = formData.get('slug')
+    const content = formData.get('comment')
+
+    if (session?.user) {
+        const {name, email, image} = session.user
+
+        const [{data: user}, {data: article}] = await Promise.all([
+            supabase.from('users')
+                .upsert({name, email, image}, {onConflict: 'email'})
+                .select('id')
+                .single(),
+            supabase.from('articles')
+                .select('id')
+                .eq('slug', slug)
+                .single()
+        ])
+
+        if (user?.id && article?.id) {
+            const {data: comment} = await supabase
+                .from('comments')
+                .insert({content: content, article_id: article.id, user_id: user.id})
+                .select('id')
+                .single()
+
+            if (comment?.id === null) {
+                message = 'There was an error with your comment, please try again later.'
+                return {
+                    message: message
+                }
+            }
+        }
+    }
+
+    message = 'Your comment was posted successfully.'
+    return {
+        message
+    }
+}

app/actions/views.ts

@@ -0,0 +1,10 @@
+'use server'
+
+import {createClient} from '@/lib/supabase/server'
+
+export async function incrementViews(slug: string) {
+    if (slug !== null) {
+        const supabase = await createClient()
+        await supabase.rpc('increment_views', {param_slug: slug})
+    }
+}

app/api/auth/[...nextauth]/route.ts

@@ -0,0 +1,2 @@
+import {handlers} from '@/auth' // Referring to the auth.ts we just created
+export const {GET, POST} = handlers

app/api/comments/[slug]/route.ts

@@ -0,0 +1,32 @@
+import {createClient} from '@/lib/supabase/server'
+import {NextResponse} from 'next/server'
+
+export async function GET(request: Request, {params}: { params: Promise<{ slug: string }> }) {
+    const {slug} = await params
+    if (typeof slug !== 'undefined') {
+        try {
+            const supabase = await createClient()
+            const {data: comments, error} = await supabase
+                .from('comments')
+                .select(`
+                    id,
+                    content,
+                    published,
+                    created_at,
+                    user:users!inner(id, name, image),
+                    article:articles!inner(id, slug)
+                `)
+                .eq('article.slug', slug)
+                // .eq('published', 'true')
+                .order('created_at', {ascending: false})
+
+            if (comments !== null && comments?.length > 0) {
+                return NextResponse.json({comments: comments})
+            }
+            return NextResponse.json([])
+        } catch (e) {
+            return new Response(JSON.stringify({status: 'Internal Server Error'}), {status: 500})
+        }
+    }
+    return new Response(JSON.stringify({status: 'Not Found'}), {status: 404})
+}

app/api/og-image/route.tsx

@@ -42,7 +42,7 @@ export async function GET(request: Request) {
                         backgroundClip: 'text',
                         // @ts-ignore
                         '-webkit-background-clip': 'text',
-                        color: 'transparent',
+                        color: 'transparent'
                     }}>
                     {text}
                 </div>

app/api/views/[slug]/route.ts

@@ -1,4 +1,3 @@
-import {NextResponse} from 'next/server'
 import {createClient} from '@/lib/supabase/server'
 
 export async function GET(request: Request, {params}: { params: Promise<{ slug: string }> }) {
@@ -6,35 +5,18 @@ export async function GET(request: Request, {params}: { params: Promise<{ slug:
     if (typeof slug !== 'undefined') {
         try {
             const supabase = await createClient()
-            const response = await supabase
-                // @ts-ignore
+            const {data: record, error} = await supabase
                 .from('analytics')
-                .select('views')
-                .eq('slug', slug)
-                .returns<any>()
+                .select('*, articles!inner(*)')
+                .eq('articles.slug', slug)
 
-            const {views} = response.data[0]
-            if (typeof views !== 'undefined') {
-                return NextResponse.json({views})
+            if (record !== null) {
+                const [{views}] = record
+                return new Response(JSON.stringify({views: views}), {status: 200})
             }
         } catch (e) {
             return new Response(JSON.stringify({status: 'Internal Server Error'}), {status: 500})
         }
     }
     return new Response(JSON.stringify({status: 'Not Found'}), {status: 404})
-}
-
-export async function POST(request: Request, {params}: { params: Promise<{ slug: string }> }) {
-    const {slug} = await params
-    if (typeof slug !== 'undefined') {
-        try {
-            const supabase = await createClient()
-            // @ts-ignore
-            await supabase.rpc('increment_views', {page_slug: slug})
-            return NextResponse.json({})
-        } catch (e) {
-            return new Response(JSON.stringify({status: 'Internal Server Error'}), {status: 500})
-        }
-    }
-    return new Response(JSON.stringify({status: 'Not Found'}), {status: 404})
 }

app/providers.tsx

@@ -2,6 +2,7 @@
 
 import {ReactNode} from 'react'
 import {ThemeProvider} from 'next-themes'
+import {SessionProvider} from 'next-auth/react'
 
 export function Providers({children}: {
     children: ReactNode
@@ -9,7 +10,9 @@ export function Providers({children}: {
 
     return (
         <ThemeProvider attribute="class" disableTransitionOnChange defaultTheme="dark">
-            {children}
+            <SessionProvider>
+                {children}
+            </SessionProvider>
         </ThemeProvider>
     )
 }

auth.ts

@@ -0,0 +1,11 @@
+import NextAuth from 'next-auth'
+import GitHub from 'next-auth/providers/github'
+
+export const {handlers, signIn, signOut, auth} = NextAuth({
+    providers: [
+        GitHub({
+            clientId: process.env.GITHUB_CLIENT_ID,
+            clientSecret: process.env.GITHUB_SECRET
+        })
+    ]
+})

components/layouts/ArticleLayout.tsx

@@ -6,6 +6,7 @@ import {Views} from '@/components/ui/Views'
 import {ArrowDownIcon} from '@/components/icons/ArrowDownIcon'
 import {formatDate} from '@/lib/formatDate'
 import ArticleNav from '@/components/ui/ArticleNav'
+import Comments from '@/components/ui/Comments'
 
 type ArticleLayout = {
     title: string
@@ -27,7 +28,7 @@ export function ArticleLayout({
                                   title,
                                   date,
                                   slug,
-                                  children,
+                                  children
                               }: ArticleLayout) {
 
     return (
@@ -58,6 +59,7 @@ export function ArticleLayout({
                         </header>
                         <Prose className="mt-8" data-mdx-content>{children}</Prose>
                     </article>
+                    <Comments slug={slug}/>
                     <ArticleNav slug={slug}/>
                 </div>
             </div>

components/ui/Button.tsx

@@ -9,8 +9,9 @@ type VariantStyles = {
 
 type Button = {
     variant?: string
-    className: string
+    className?: string
     href?: string
+    disabled?: boolean
     children: ReactNode
 }
 
@@ -18,19 +19,16 @@ const variantStyles: VariantStyles = {
     primary:
         'bg-zinc-800 font-semibold text-zinc-100 hover:bg-zinc-700 active:bg-zinc-800 active:text-zinc-100/70 dark:bg-zinc-700 dark:hover:bg-zinc-600 dark:active:bg-zinc-700 dark:active:text-zinc-100/70',
     secondary:
-        'bg-zinc-50 font-medium text-zinc-900 hover:bg-zinc-100 active:bg-zinc-100 active:text-zinc-900/60 dark:bg-zinc-800/50 dark:text-zinc-300 dark:hover:bg-indigo-700 dark:hover:text-zinc-50 dark:active:bg-zinc-800/50 dark:active:text-zinc-50/70',
+        'bg-zinc-50 font-medium text-zinc-900 hover:bg-zinc-100 active:bg-zinc-100 active:text-zinc-900/60 dark:bg-zinc-800/50 dark:text-zinc-300 dark:hover:bg-indigo-700 dark:hover:text-zinc-50 dark:active:bg-zinc-800/50 dark:active:text-zinc-50/70'
 }
 
-export function Button({variant = 'primary', className, href, ...props}: Button) {
+export function Button({variant = 'primary', className, href, disabled, ...props}: Button) {
     className = clsx(
         'inline-flex items-center gap-2 justify-center rounded-md py-2 px-3 text-sm outline-offset-2 transition active:transition-none',
         variantStyles[variant as keyof VariantStyles],
         className
     )
 
-    return href ? (
-        <Link href={href} className={className} {...props} />
-    ) : (
-        <button type="submit" className={className} {...props} />
-    )
-}
+    return href ? <Link href={href} className={className} {...props} />
+        : <button type="submit" className={className} disabled={disabled} {...props} />
+}

components/ui/Card.tsx

@@ -56,7 +56,7 @@ export function Card({
         normal:
             'flex-col',
         inline:
-            'flex-col md:flex-row md:justify-between',
+            'flex-col md:flex-row md:justify-between'
     }
 
     return (
@@ -67,7 +67,7 @@ export function Card({
                 flex
                 items-baseline
                 ${variantStyles[variant as keyof VariantStyles]}
-                ${className ?? ""}
+                ${className ?? ''}
             `)}
         >
             {children}
@@ -107,7 +107,7 @@ Card.Description = function CardDescription({children, className}: CardDescripti
                 dark:text-zinc-400
                 relative 
                 z-10
-                ${className ?? ""}
+                ${className ?? ''}
             `)}>
             {children}
         </p>

components/ui/Comments.tsx

@@ -0,0 +1,134 @@
+'use client'
+
+import React, {useActionState} from 'react'
+import {useSession} from 'next-auth/react'
+import Image from 'next/image'
+import useSWR from 'swr'
+import clsx from 'clsx'
+import fetcher from '@/lib/fetcher'
+import {formatDate} from '@/lib/formatDate'
+import {addComment, loginWithGitHub} from '@/app/actions/comments'
+import {Button} from '@/components/ui/Button'
+import {GitHubIcon} from '@/components/icons/SocialIcons'
+
+type Comment = {
+    id: number
+    content: string
+    created_at: string
+    user: {
+        id: number
+        name: string
+        image: string
+    }
+}
+
+type CommentsListProps = {
+    comments: Comment[]
+}
+
+Comments.List = function List({comments}: CommentsListProps) {
+    return (
+        <section>
+            <h3 className="text-base font-semibold tracking-tight text-zinc-800 dark:text-zinc-100 mb-4">
+                {comments?.length > 0 ? 'Comments' : 'No comments yet'}
+            </h3>
+            {comments &&
+                <>
+                    {comments.map((comment) => (
+                        <article key={comment.id} className="flex gap-x-4 py-5">
+                            <Image src={comment.user.image} alt={comment.user.name} width={64} height={64}
+                                   className="size-12 flex-none rounded-full bg-gray-50"/>
+                            <div className="flex-auto">
+                                <div className="flex items-baseline gap-x-2">
+                                    <p className="font-semibold text-sm text-zinc-800 dark:text-zinc-100">{comment.user.name}</p>
+                                    <p className="text-sm text-zinc-500 dark:text-zinc-400">
+                                        <time dateTime={comment.created_at}>
+                                            <span>&middot; {formatDate(comment.created_at)}</span>
+                                        </time>
+                                    </p>
+                                </div>
+                                <p className="mt-1 text-sm text-zinc-600 dark:text-zinc-400">{comment.content}</p>
+                            </div>
+                        </article>
+                    ))}
+                </>
+            }
+        </section>
+    )
+}
+
+type InitialState = {
+    message: string
+}
+
+const initialState: InitialState = {
+    message: ''
+}
+
+Comments.Form = function Form({slug}: CommentsProps) {
+    const [state, formAction, pending] = useActionState(addComment, initialState)
+    const {data: session} = useSession()
+
+    return (
+        <div className="mt-12">
+            {!session ?
+                <form action={async () => await loginWithGitHub()}>
+                    <Button variant="secondary">
+                        <GitHubIcon className="w-6 h-6 dark:fill-white"/>Sign in to comment
+                    </Button>
+                </form> :
+                <form action={formAction}>
+                    <label htmlFor="comment"
+                           className="text-base font-semibold tracking-tight text-zinc-800 dark:text-zinc-100">
+                        Add a comment
+                    </label>
+                    <div className="mt-2 flex">
+                            <textarea
+                                id="comment"
+                                name="comment"
+                                rows={4}
+                                className="resize-none block w-full rounded-md px-3 py-1.5 text-base text-zinc-600 dark:text-zinc-400 bg-[#fafafa] dark:bg-[#121212] border-[1px] dark:border-zinc-700/40 -outline-offset-1 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 focus:dark:outline-indigo-600"
+                                disabled={pending}
+                                defaultValue={''}
+                                required
+                            />
+                    </div>
+                    <input type="hidden" name="slug" value={slug}/>
+                    <div className="mt-2 flex justify-between items-center">
+                        <p aria-live="polite" role="status" className={clsx('text-base font-semibold',
+                            (state?.message !== null && !state?.message.toLowerCase().includes('error')
+                                ? 'text-green-800 dark:text-green-600' : 'text-red-800 dark:text-red-600'))}>
+                            {state?.message}
+                        </p>
+                        <Button variant="secondary" disabled={pending}>
+                            Comment
+                        </Button>
+                    </div>
+                </form>
+            }
+        </div>
+    )
+}
+
+type CommentsProps = {
+    slug: string
+}
+
+export default function Comments({slug}: CommentsProps) {
+    const {data, isLoading, error} = useSWR(`/api/comments/${slug}`, fetcher) as {
+        data: { comments: Comment[] },
+        isLoading: boolean,
+        error: string
+    }
+
+    if (error) return null
+
+    return (
+        <div className="mt-24">
+            {!isLoading &&
+                <Comments.List comments={data?.comments}/>
+            }
+            <Comments.Form slug={slug}/>
+        </div>
+    )
+}

components/ui/Cta.tsx

@@ -16,7 +16,7 @@ export function Cta({icon: Icon, title, children, className}: CtaProps) {
             border-zinc-100 
             p-6 
             dark:border-zinc-700/40
-            ${className ?? ""}
+            ${className ?? ''}
         `)}>
             <h2 className="flex text-sm font-semibold text-zinc-900 dark:text-zinc-100">
                 <Icon className="h-6 w-6 flex-none"/>

components/ui/Heading.tsx

@@ -11,9 +11,9 @@ export function Heading({as: Component = 'h1', children = null}: HeadingProps) {
     let headingText = children ? children.toString() : ''
 
     return (
-        <Component id={createSlug(headingText)} className='group'>
+        <Component id={createSlug(headingText)} className="group">
             {children}
-            <Link className='ml-1.5 group-hover:visible invisible'
+            <Link className="ml-1.5 group-hover:visible invisible"
                   href={`#${createSlug(headingText)}`}>#</Link>
         </Component>
     )

components/ui/Resume.tsx

@@ -27,7 +27,7 @@ export function Resume() {
             },
             end: {
                 label: 'present',
-                dateTime: new Date().getFullYear().toString(),
+                dateTime: new Date().getFullYear().toString()
             }
         },
         {
@@ -40,7 +40,7 @@ export function Resume() {
             end: {
                 label: '2018',
                 dateTime: '2018'
-            },
+            }
         }
     ]
 

components/ui/SocialLink.tsx

@@ -17,7 +17,7 @@ export function SocialLink({icon: Icon, href, ariaLabel, className}: SocialLink)
         group-hover:fill-zinc-600
         dark:fill-zinc-400
         dark:group-hover:fill-zinc-300
-        ${className ?? ""}
+        ${className ?? ''}
     `)
 
     return (

components/ui/Views.tsx

@@ -2,63 +2,39 @@
 
 import {ElementType, useEffect} from 'react'
 import useSWR, {useSWRConfig} from 'swr'
-import fetcher from '@/lib/fetcher'
 import {numberFormat} from '@/lib/numberFormat'
-import {createClient} from '@/lib/supabase/client'
+import fetcher from '@/lib/fetcher'
+import {incrementViews} from '@/app/actions/views'
 
 type ViewsProps = {
     as?: ElementType
     slug: string
     className?: string
     shouldUpdateViews?: boolean
-    shouldRender?: boolean
 }
 
-export function Views({as: Component = 'span', slug, className, shouldUpdateViews = true, shouldRender = true}: ViewsProps) {
-    const supabase = createClient()
+export function Views({as: Component = 'span', slug, className, shouldUpdateViews = true}: ViewsProps) {
     const {data} = useSWR(`/api/views/${slug}`, fetcher) as { data: { views: number } }
     const {mutate} = useSWRConfig()
 
     useEffect(() => {
         if (shouldUpdateViews) {
-            // subscribe to analytics table and react to updates at row level
-            const sub = supabase
-                .channel('any')
-                .on('postgres_changes', {
-                    event: 'UPDATE',
-                    schema: 'public',
-                    table: 'analytics',
-                    filter: `slug=eq.${slug}`
-                }, () => {
-                    mutate(`/api/views/${slug}`)
-                })
-                .subscribe();
+            const updateViews = async () => {
+                const hasViewed = sessionStorage.getItem(`has-viewed-${slug}`)
+                if (!hasViewed) {
+                    await incrementViews(slug)
 
-            return () => {
-                sub.unsubscribe()
-            }
-        }
-    }, [])
-
-    useEffect(() => {
-        if (shouldUpdateViews) {
-            const registerView = async () => {
-                await fetcher(`/api/views/${slug}`,
-                    {
-                        method: 'POST'
-                    }
-                )
+                    sessionStorage.setItem(`has-viewed-${slug}`, 'true')
+                }
             }
 
-            registerView().then(() => mutate(`/api/views/${slug}`))
+            updateViews().then(() => mutate(`/api/views/${slug}`))
         }
     }, [])
 
-    if (!shouldRender) return null
-
     return (
         <Component className={className}>
-            {` · ${data?.views > 0 ? numberFormat(data.views) : '—'} views`}
+            {` · ${data?.views > 0 ? numberFormat(data?.views) : '—'} views`}
         </Component>
     )
 }

lib/supabase/server.ts

@@ -1,5 +1,5 @@
-import { createServerClient } from '@supabase/ssr'
-import { cookies } from 'next/headers'
+import {createServerClient} from '@supabase/ssr'
+import {cookies} from 'next/headers'
 
 export async function createClient() {
     const cookieStore = await cookies()
@@ -14,7 +14,7 @@ export async function createClient() {
                 },
                 setAll(cookiesToSet) {
                     try {
-                        cookiesToSet.forEach(({ name, value, options }) =>
+                        cookiesToSet.forEach(({name, value, options}) =>
                             cookieStore.set(name, value, options)
                         )
                     } catch {
@@ -22,8 +22,8 @@ export async function createClient() {
                         // This can be ignored if you have middleware refreshing
                         // user sessions.
                     }
-                },
-            },
+                }
+            }
         }
     )
 }

next.config.mjs

@@ -7,11 +7,17 @@ import {remarkMermaid} from '@theguild/remark-mermaid'
 const nextConfig = {
     pageExtensions: ['jsx', 'js', 'tsx', 'ts', 'mdx'],
     images: {
-        remotePatterns: [{
-            protocol: 'https',
-            hostname: 'i.scdn.co',
-            port: ''
-        }]
+        remotePatterns: [
+            {
+                protocol: 'https',
+                hostname: 'i.scdn.co',
+                port: ''
+            },
+            {
+                protocol: 'https',
+                hostname: 'avatars.githubusercontent.com'
+            }
+        ]
     },
     output: 'standalone',
     eslint: {

package-lock.json

@@ -13,16 +13,16 @@
         "@mdx-js/loader": "^2.3.0",
         "@mdx-js/react": "^2.3.0",
         "@next/mdx": "^13.4.10",
-        "@supabase/auth-helpers-nextjs": "^0.7.3",
+        "@supabase/auth-helpers-nextjs": "^0.10.0",
         "@supabase/ssr": "^0.5.2",
-        "@supabase/supabase-js": "2.48.1",
+        "@supabase/supabase-js": "2.49.1",
         "@tailwindcss/typography": "^0.5.8",
         "@theguild/remark-mermaid": "^0.1.2",
         "@types/mdx": "^2.0.5",
         "@types/node": "^18.11.18",
         "@types/nprogress": "^0.2.0",
-        "@types/react": "^18.0.26",
-        "@types/react-dom": "^18.0.10",
+        "@types/react": "^19.0.10",
+        "@types/react-dom": "^19.0.4",
         "autoprefixer": "^10.4.13",
         "clsx": "^1.2.1",
         "encoding": "^0.1.13",
@@ -32,6 +32,7 @@
         "feed": "^4.2.2",
         "focus-visible": "^5.2.0",
         "next": "^15.1.7",
+        "next-auth": "^5.0.0-beta.25",
         "next-themes": "^0.2.1",
         "postcss": "^8.4.21",
         "postcss-focus-visible": "^7.1.0",
@@ -39,12 +40,13 @@
         "react-dom": "^19.0.0",
         "remark-gfm": "^3.0.1",
         "sharp": "^0.33.5",
-        "supabase": "^1.50.2",
+        "supabase": "^2.19.5",
         "swr": "^2.1.2",
         "tailwind-merge": "^1.9.0",
         "tailwindcss": "^3.3.0",
         "ts-node": "^10.9.1",
-        "typescript": "5.7.3"
+        "typescript": "5.8.2",
+        "zod": "^3.24.2"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -78,6 +80,55 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/@auth/core": {
+      "version": "0.37.2",
+      "resolved": "https://registry.npmjs.org/@auth/core/-/core-0.37.2.tgz",
+      "integrity": "sha512-kUvzyvkcd6h1vpeMAojK2y7+PAV5H+0Cc9+ZlKYDFhDY31AlvsB+GW5vNO4qE3Y07KeQgvNO9U0QUx/fN62kBw==",
+      "license": "ISC",
+      "dependencies": {
+        "@panva/hkdf": "^1.2.1",
+        "@types/cookie": "0.6.0",
+        "cookie": "0.7.1",
+        "jose": "^5.9.3",
+        "oauth4webapi": "^3.0.0",
+        "preact": "10.11.3",
+        "preact-render-to-string": "5.2.3"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "nodemailer": "^6.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@auth/core/node_modules/cookie": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
+      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/@auth/core/node_modules/jose": {
+      "version": "5.10.0",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-5.10.0.tgz",
+      "integrity": "sha512-s+3Al/p9g32Iq+oqXxkW//7jk2Vig6FF1CFqzVXoTUXt2qz89YWbL+OwS17NFYEvxC35n0FKeGO2LGYSxeM2Gg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
     "node_modules/@braintree/sanitize-url": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/@braintree/sanitize-url/-/sanitize-url-7.1.0.tgz",
@@ -1079,6 +1130,15 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@panva/hkdf": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz",
+      "integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -1099,32 +1159,37 @@
       "integrity": "sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA=="
     },
     "node_modules/@supabase/auth-helpers-nextjs": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-helpers-nextjs/-/auth-helpers-nextjs-0.7.4.tgz",
-      "integrity": "sha512-MyGCkB7LEDcGrKmesKGjyG54Jlbiss8VGTegrNde/ywXujQyRFnzycijoASDBc6i9SmE7eE1qWBsMr2URb07nw==",
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@supabase/auth-helpers-nextjs/-/auth-helpers-nextjs-0.10.0.tgz",
+      "integrity": "sha512-2dfOGsM4yZt0oS4TPiE7bD4vf7EVz7NRz/IJrV6vLg0GP7sMUx8wndv2euLGq4BjN9lUCpu6DG/uCC8j+ylwPg==",
+      "deprecated": "This package is now deprecated - please use the @supabase/ssr package instead.",
+      "license": "MIT",
       "dependencies": {
-        "@supabase/auth-helpers-shared": "0.4.1",
+        "@supabase/auth-helpers-shared": "0.7.0",
         "set-cookie-parser": "^2.6.0"
       },
       "peerDependencies": {
-        "@supabase/supabase-js": "^2.19.0"
+        "@supabase/supabase-js": "^2.39.8"
       }
     },
     "node_modules/@supabase/auth-helpers-shared": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-helpers-shared/-/auth-helpers-shared-0.4.1.tgz",
-      "integrity": "sha512-IEDX9JzWkIjQiLUaP4Qy5YDiG0jFQatWfS+jw8cCQs6QfbNdEPd2Y3qonwGHnM90CZom9SvjuylBv2pFVAL7Lw==",
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@supabase/auth-helpers-shared/-/auth-helpers-shared-0.7.0.tgz",
+      "integrity": "sha512-FBFf2ei2R7QC+B/5wWkthMha8Ca2bWHAndN+syfuEUUfufv4mLcAgBCcgNg5nJR8L0gZfyuaxgubtOc9aW3Cpg==",
+      "deprecated": "This package is now deprecated - please use the @supabase/ssr package instead.",
+      "license": "MIT",
       "dependencies": {
-        "jose": "^4.14.3"
+        "jose": "^4.14.4"
       },
       "peerDependencies": {
-        "@supabase/supabase-js": "^2.19.0"
+        "@supabase/supabase-js": "^2.39.8"
       }
     },
     "node_modules/@supabase/auth-js": {
-      "version": "2.67.3",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.67.3.tgz",
-      "integrity": "sha512-NJDaW8yXs49xMvWVOkSIr8j46jf+tYHV0wHhrwOaLLMZSFO4g6kKAf+MfzQ2RaD06OCUkUHIzctLAxjTgEVpzw==",
+      "version": "2.68.0",
+      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.68.0.tgz",
+      "integrity": "sha512-odG7nb7aOmZPUXk6SwL2JchSsn36Ppx11i2yWMIc/meUO2B2HK9YwZHPK06utD9Ql9ke7JKDbwGin/8prHKxxQ==",
+      "license": "MIT",
       "dependencies": {
         "@supabase/node-fetch": "^2.6.14"
       }
@@ -1149,9 +1214,10 @@
       }
     },
     "node_modules/@supabase/postgrest-js": {
-      "version": "1.18.1",
-      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-1.18.1.tgz",
-      "integrity": "sha512-dWDnoC0MoDHKhaEOrsEKTadWQcBNknZVQcSgNE/Q2wXh05mhCL1ut/jthRUrSbYcqIw/CEjhaeIPp7dLarT0bg==",
+      "version": "1.19.2",
+      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-1.19.2.tgz",
+      "integrity": "sha512-MXRbk4wpwhWl9IN6rIY1mR8uZCCG4MZAEji942ve6nMwIqnBgBnZhZlON6zTTs6fgveMnoCILpZv1+K91jN+ow==",
+      "license": "MIT",
       "dependencies": {
         "@supabase/node-fetch": "^2.6.14"
       }
@@ -1188,14 +1254,15 @@
       }
     },
     "node_modules/@supabase/supabase-js": {
-      "version": "2.48.1",
-      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.48.1.tgz",
-      "integrity": "sha512-VMD+CYk/KxfwGbI4fqwSUVA7CLr1izXpqfFerhnYPSi6LEKD8GoR4kuO5Cc8a+N43LnfSQwLJu4kVm2e4etEmA==",
+      "version": "2.49.1",
+      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.49.1.tgz",
+      "integrity": "sha512-lKaptKQB5/juEF5+jzmBeZlz69MdHZuxf+0f50NwhL+IE//m4ZnOeWlsKRjjsM0fVayZiQKqLvYdBn0RLkhGiQ==",
+      "license": "MIT",
       "dependencies": {
-        "@supabase/auth-js": "2.67.3",
+        "@supabase/auth-js": "2.68.0",
         "@supabase/functions-js": "2.4.4",
         "@supabase/node-fetch": "2.6.15",
-        "@supabase/postgrest-js": "1.18.1",
+        "@supabase/postgrest-js": "1.19.2",
         "@supabase/realtime-js": "2.11.2",
         "@supabase/storage-js": "2.7.1"
       }
@@ -1416,34 +1483,24 @@
       "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.6.tgz",
       "integrity": "sha512-PIzZZlEppgrpoT2QgbnDU+MMzuR6BbCjllj0bM70lWoejMeNJAxCchxnv7J3XFkI8MpygtRpzXrIlmWUBclP5A=="
     },
-    "node_modules/@types/prop-types": {
-      "version": "15.7.12",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz",
-      "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q=="
-    },
     "node_modules/@types/react": {
-      "version": "18.0.26",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.26.tgz",
-      "integrity": "sha512-hCR3PJQsAIXyxhTNSiDFY//LhnMZWpNNr5etoCqx/iUfGc5gXWtQR2Phl908jVR6uPXacojQWTg4qRpkxTuGug==",
+      "version": "19.0.10",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.10.tgz",
+      "integrity": "sha512-JuRQ9KXLEjaUNjTWpzuR231Z2WpIwczOkBEIvbHNCzQefFIT0L8IqE6NV6ULLyC1SI/i234JnDoMkfg+RjQj2g==",
+      "license": "MIT",
       "dependencies": {
-        "@types/prop-types": "*",
-        "@types/scheduler": "*",
         "csstype": "^3.0.2"
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.0.10",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.10.tgz",
-      "integrity": "sha512-E42GW/JA4Qv15wQdqJq8DL4JhNpB3prJgjgapN3qJT9K2zO5IIAQh4VXvCEDupoqAwnz0cY4RlXeC/ajX5SFHg==",
-      "dependencies": {
-        "@types/react": "*"
+      "version": "19.0.4",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.0.4.tgz",
+      "integrity": "sha512-4fSQ8vWFkg+TGhePfUzVmat3eC14TXYSsiiDSLI0dVLsrm9gZFABjPy/Qu6TKgl1tq1Bu1yDsuQgY3A3DOjCcg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.0.0"
       }
     },
-    "node_modules/@types/scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-YIoDCTH3Af6XM5VuwGG/QL/CJqga1Zm3NkU3HZ4ZHK2fRMPYP1VczsTUqtsf43PH/iJNVlPHAo2oWX7BSdB2Hw=="
-    },
     "node_modules/@types/unist": {
       "version": "2.0.11",
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
@@ -2289,17 +2346,19 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
     "node_modules/bin-links": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/bin-links/-/bin-links-4.0.4.tgz",
-      "integrity": "sha512-cMtq4W5ZsEwcutJrVId+a/tjt8GSbS+h0oNkdl6+6rBuEv8Ot33Bevj5KPm40t309zuhVic8NjpuL42QCiJWWA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/bin-links/-/bin-links-5.0.0.tgz",
+      "integrity": "sha512-sdleLVfCjBtgO5cNjA2HVRvWBJAHs4zwenaCPMNJAJU0yNxpzj80IpjOIimkpkr+mhlA+how5poQtt53PygbHA==",
+      "license": "ISC",
       "dependencies": {
-        "cmd-shim": "^6.0.0",
-        "npm-normalize-package-bin": "^3.0.0",
-        "read-cmd-shim": "^4.0.0",
-        "write-file-atomic": "^5.0.0"
+        "cmd-shim": "^7.0.0",
+        "npm-normalize-package-bin": "^4.0.0",
+        "proc-log": "^5.0.0",
+        "read-cmd-shim": "^5.0.0",
+        "write-file-atomic": "^6.0.0"
       },
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^18.17.0 || >=20.5.0"
       }
     },
     "node_modules/binary-extensions": {
@@ -2594,11 +2653,12 @@
       }
     },
     "node_modules/cmd-shim": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/cmd-shim/-/cmd-shim-6.0.3.tgz",
-      "integrity": "sha512-FMabTRlc5t5zjdenF6mS0MBeFZm0XqHqeOkcskKFb/LYCcRQ5fVgLOHVc4Lq9CqABd9zhjwPjMBCJvMCziSVtA==",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/cmd-shim/-/cmd-shim-7.0.0.tgz",
+      "integrity": "sha512-rtpaCbr164TPPh+zFdkWpCyZuKkjpAzODfaZCf/SVJZzJN+4bHQb/LP3Jzq5/+84um3XXY8r548XiWKSborwVw==",
+      "license": "ISC",
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^18.17.0 || >=20.5.0"
       }
     },
     "node_modules/color": {
@@ -5262,6 +5322,7 @@
       "version": "4.15.9",
       "resolved": "https://registry.npmjs.org/jose/-/jose-4.15.9.tgz",
       "integrity": "sha512-1vUQX+IdDMVPj4k8kOxgUqlcK518yluMuGZwqlr44FS1ppZB/5GWh4rZG89erpOBOJjU/OBsnCVFfapsRz6nEA==",
+      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/panva"
       }
@@ -6855,6 +6916,33 @@
         }
       }
     },
+    "node_modules/next-auth": {
+      "version": "5.0.0-beta.25",
+      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-5.0.0-beta.25.tgz",
+      "integrity": "sha512-2dJJw1sHQl2qxCrRk+KTQbeH+izFbGFPuJj5eGgBZFYyiYYtvlrBeUw1E/OJJxTRjuxbSYGnCTkUIRsIIW0bog==",
+      "license": "ISC",
+      "dependencies": {
+        "@auth/core": "0.37.2"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "next": "^14.0.0-0 || ^15.0.0-0",
+        "nodemailer": "^6.6.5",
+        "react": "^18.2.0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/next-themes": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.2.1.tgz",
@@ -6949,11 +7037,21 @@
       }
     },
     "node_modules/npm-normalize-package-bin": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz",
-      "integrity": "sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-4.0.0.tgz",
+      "integrity": "sha512-TZKxPvItzai9kN9H/TkmCtx/ZN/hvr3vUycjlfmH0ootY9yFBzNOpiXAdIn1Iteqsvk4lQn6B5PTrt+n6h8k/w==",
+      "license": "ISC",
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/oauth4webapi": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-3.3.0.tgz",
+      "integrity": "sha512-ZlozhPlFfobzh3hB72gnBFLjXpugl/dljz1fJSRdqaV2r3D5dmi5lg2QWI0LmUYuazmE+b5exsloEv6toUtw9g==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
       }
     },
     "node_modules/object-assign": {
@@ -7477,6 +7575,28 @@
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
     },
+    "node_modules/preact": {
+      "version": "10.11.3",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.11.3.tgz",
+      "integrity": "sha512-eY93IVpod/zG3uMF22Unl8h9KkrcKIRs2EGar8hwLZZDU1lkjph303V9HZBwufh2s736U6VXuhD109LYqPoffg==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "node_modules/preact-render-to-string": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-5.2.3.tgz",
+      "integrity": "sha512-aPDxUn5o3GhWdtJtW0svRC2SS/l8D9MAgo2+AWml+BhDImb27ALf04Q2d+AHqUUOc6RdSXFIBVa2gxzgMKgtZA==",
+      "license": "MIT",
+      "dependencies": {
+        "pretty-format": "^3.8.0"
+      },
+      "peerDependencies": {
+        "preact": ">=10"
+      }
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -7485,6 +7605,12 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/pretty-format": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-3.8.0.tgz",
+      "integrity": "sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew==",
+      "license": "MIT"
+    },
     "node_modules/prismjs": {
       "version": "1.27.0",
       "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.27.0.tgz",
@@ -7493,6 +7619,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/proc-log": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-5.0.0.tgz",
+      "integrity": "sha512-Azwzvl90HaF0aCz1JrDdXQykFakSSNPaPoiZ9fm5qJIMHioDZEi7OAdRwSm6rSoPtY3Qutnm3L7ogmg3dc+wbQ==",
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -7572,11 +7707,12 @@
       }
     },
     "node_modules/read-cmd-shim": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/read-cmd-shim/-/read-cmd-shim-4.0.0.tgz",
-      "integrity": "sha512-yILWifhaSEEytfXI76kB9xEEiG1AiozaCJZ83A87ytjRiN+jVibXjedjCRNjoZviinhG+4UkalO3mWTd8u5O0Q==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/read-cmd-shim/-/read-cmd-shim-5.0.0.tgz",
+      "integrity": "sha512-SEbJV7tohp3DAAILbEMPXavBjAnMN0tVnh4+9G8ihV4Pq3HYF9h8QNez9zkJ1ILkv9G2BjdzwctznGZXgu/HGw==",
+      "license": "ISC",
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^18.17.0 || >=20.5.0"
       }
     },
     "node_modules/readdirp": {
@@ -8386,12 +8522,13 @@
       }
     },
     "node_modules/supabase": {
-      "version": "1.190.0",
-      "resolved": "https://registry.npmjs.org/supabase/-/supabase-1.190.0.tgz",
-      "integrity": "sha512-Ez07pA+xhffXbfWAF9PfE2teW95vINFPFAbTlXUChMh4Jjm0CYO7cgg4qSxJjmnylSB3R0uo36WFEKm1wUeupA==",
+      "version": "2.19.5",
+      "resolved": "https://registry.npmjs.org/supabase/-/supabase-2.19.5.tgz",
+      "integrity": "sha512-z3SfiVb4343GyihBmiGmZlspHBhutoPk/KN+lPpI+81+KkGGw2zf1FpTypdkYblJDgxdjVHovVQ1EhPAhVtK9A==",
       "hasInstallScript": true,
+      "license": "MIT",
       "dependencies": {
-        "bin-links": "^4.0.3",
+        "bin-links": "^5.0.0",
         "https-proxy-agent": "^7.0.2",
         "node-fetch": "^3.3.2",
         "tar": "7.4.3"
@@ -8745,9 +8882,10 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.7.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz",
-      "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==",
+      "version": "5.8.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
+      "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
+      "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -9309,15 +9447,16 @@
       }
     },
     "node_modules/write-file-atomic": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz",
-      "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-6.0.0.tgz",
+      "integrity": "sha512-GmqrO8WJ1NuzJ2DrziEI2o57jKAVIQNf8a18W3nCYU3H7PNWqCCVTeH6/NQE93CIllIgQS98rrmVkYgTX9fFJQ==",
+      "license": "ISC",
       "dependencies": {
         "imurmurhash": "^0.1.4",
         "signal-exit": "^4.0.1"
       },
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^18.17.0 || >=20.5.0"
       }
     },
     "node_modules/ws": {
@@ -9397,6 +9536,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/zod": {
+      "version": "3.24.2",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.2.tgz",
+      "integrity": "sha512-lY7CDW43ECgW9u1TcT3IoXHflywfVqDYze4waEz812jR/bZ8FHDsl7pFQoSZTz5N+2NqRXs8GBwnAwo3ZNxqhQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
     "node_modules/zwitch": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",

package.json

@@ -15,16 +15,16 @@
     "@mdx-js/loader": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
     "@next/mdx": "^13.4.10",
-    "@supabase/auth-helpers-nextjs": "^0.7.3",
+    "@supabase/auth-helpers-nextjs": "^0.10.0",
     "@supabase/ssr": "^0.5.2",
-    "@supabase/supabase-js": "2.48.1",
+    "@supabase/supabase-js": "2.49.1",
     "@tailwindcss/typography": "^0.5.8",
     "@theguild/remark-mermaid": "^0.1.2",
     "@types/mdx": "^2.0.5",
     "@types/node": "^18.11.18",
     "@types/nprogress": "^0.2.0",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.10",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
     "autoprefixer": "^10.4.13",
     "clsx": "^1.2.1",
     "encoding": "^0.1.13",
@@ -34,6 +34,7 @@
     "feed": "^4.2.2",
     "focus-visible": "^5.2.0",
     "next": "^15.1.7",
+    "next-auth": "^5.0.0-beta.25",
     "next-themes": "^0.2.1",
     "postcss": "^8.4.21",
     "postcss-focus-visible": "^7.1.0",
@@ -41,11 +42,12 @@
     "react-dom": "^19.0.0",
     "remark-gfm": "^3.0.1",
     "sharp": "^0.33.5",
-    "supabase": "^1.50.2",
+    "supabase": "^2.19.5",
     "swr": "^2.1.2",
     "tailwind-merge": "^1.9.0",
     "tailwindcss": "^3.3.0",
     "ts-node": "^10.9.1",
-    "typescript": "5.7.3"
+    "typescript": "5.8.2",
+    "zod": "^3.24.2"
   }
 }