51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T42f,import { type EmailOtpType } from '@supabase/supabase-js' import { redirect } from 'next/navigation' import { type NextRequest } from 'next/server' import { createClient } from '@/registry/default/clients/nextjs/lib/supabase/server' export async function GET(request: NextRequest) { const { searchParams } = new URL(request.url) const token_hash = searchParams.get('token_hash') const type = searchParams.get('type') as EmailOtpType | null const _next = searchParams.get('next') const next = _next?.startsWith('/') ? _next : '/' if (token_hash && type) { const supabase = await createClient() const { error } = await supabase.auth.verifyOtp({ type, token_hash, }) if (!error) { // redirect user to specified redirect URL or root of app redirect(next) } else { // redirect the user to an error page with some instructions redirect(`/auth/error?error=${error?.message}`) } } // redirect the user to an error page with some instructions redirect(`/auth/error?error=No token hash or type`) } 54:Tea1,'use client' import { useRouter } from 'next/navigation' import { useState } from 'react' import { cn } from '@/lib/utils' import { safeNextPath } from '@/registry/default/blocks/safe-next-path/lib/safe-next-path' import { createClient } from '@/registry/default/clients/nextjs/lib/supabase/client' import { Button } from '@/registry/default/components/ui/button' import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/registry/default/components/ui/card' import { Input } from '@/registry/default/components/ui/input' import { Label } from '@/registry/default/components/ui/label' import Link from 'next/link' export function LoginForm({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) { const [email, setEmail] = useState('') const [password, setPassword] = useState('') const [error, setError] = useState(null) const [isLoading, setIsLoading] = useState(false) const router = useRouter() const handleLogin = async (e: React.FormEvent) => { e.preventDefault() const supabase = createClient() setIsLoading(true) setError(null) try { const { error } = await supabase.auth.signInWithPassword({ email, password, }) if (error) throw error // Update this route to redirect to an authenticated route. The user already has an active session. const next = new URLSearchParams(window.location.search).get('next') router.push(safeNextPath(next, '/protected')) } catch (error: unknown) { setError(error instanceof Error ? error.message : 'An error occurred') } finally { setIsLoading(false) } } return (

) } 55:Tf51,'use client' import { useRouter } from 'next/navigation' import { useState } from 'react' import { cn } from '@/lib/utils' import { createClient } from '@/registry/default/clients/nextjs/lib/supabase/client' import { Button } from '@/registry/default/components/ui/button' import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/registry/default/components/ui/card' import { Input } from '@/registry/default/components/ui/input' import { Label } from '@/registry/default/components/ui/label' import Link from 'next/link' export function SignUpForm({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) { const [email, setEmail] = useState('') const [password, setPassword] = useState('') const [repeatPassword, setRepeatPassword] = useState('') const [error, setError] = useState(null) const [isLoading, setIsLoading] = useState(false) const router = useRouter() const handleSignUp = async (e: React.FormEvent) => { e.preventDefault() const supabase = createClient() setIsLoading(true) setError(null) if (password !== repeatPassword) { setError('Passwords do not match') setIsLoading(false) return } try { const { error } = await supabase.auth.signUp({ email, password, options: { emailRedirectTo: `${window.location.origin}/protected`, }, }) if (error) throw error router.push('/auth/sign-up-success') } catch (error: unknown) { setError(error instanceof Error ? error.message : 'An error occurred') } finally { setIsLoading(false) } } return (

) } 56:Te46,'use client' import { useState } from 'react' import { cn } from '@/lib/utils' import { createClient } from '@/registry/default/clients/nextjs/lib/supabase/client' import { Button } from '@/registry/default/components/ui/button' import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/registry/default/components/ui/card' import { Input } from '@/registry/default/components/ui/input' import { Label } from '@/registry/default/components/ui/label' import Link from 'next/link' export function ForgotPasswordForm({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) { const [email, setEmail] = useState('') const [error, setError] = useState(null) const [success, setSuccess] = useState(false) const [isLoading, setIsLoading] = useState(false) const handleForgotPassword = async (e: React.FormEvent) => { e.preventDefault() const supabase = createClient() setIsLoading(true) setError(null) try { // The url which will be included in the email. This URL needs to be configured in your redirect URLs in the Supabase dashboard at https://supabase.com/dashboard/project/_/auth/url-configuration const { error } = await supabase.auth.resetPasswordForEmail(email, { redirectTo: `${window.location.origin}/auth/update-password`, }) if (error) throw error setSuccess(true) } catch (error: unknown) { setError(error instanceof Error ? error.message : 'An error occurred') } finally { setIsLoading(false) } } return (

{success ? ( Check Your Email Password reset instructions sent

If you registered using your email and password, you will receive a password reset email.

) : ( Reset Your Password Type in your email and we'll send you a link to reset your password )}

) } 57:Ta04,'use client' import { useRouter } from 'next/navigation' import { useState } from 'react' import { cn } from '@/lib/utils' import { createClient } from '@/registry/default/clients/nextjs/lib/supabase/client' import { Button } from '@/registry/default/components/ui/button' import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/registry/default/components/ui/card' import { Input } from '@/registry/default/components/ui/input' import { Label } from '@/registry/default/components/ui/label' export function UpdatePasswordForm({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) { const [password, setPassword] = useState('') const [error, setError] = useState(null) const [isLoading, setIsLoading] = useState(false) const router = useRouter() const handleForgotPassword = async (e: React.FormEvent) => { e.preventDefault() const supabase = createClient() setIsLoading(true) setError(null) try { const { error } = await supabase.auth.updateUser({ password }) if (error) throw error // Update this route to redirect to an authenticated route. The user already has an active session. router.push('/protected') } catch (error: unknown) { setError(error instanceof Error ? error.message : 'An error occurred') } finally { setIsLoading(false) } } return (

Reset Your Password Please enter your new password below.

) } 58:Ta22,import { createServerClient } from '@supabase/ssr' import { NextResponse, type NextRequest } from 'next/server' export async function updateSession(request: NextRequest) { let supabaseResponse = NextResponse.next({ request, }) // With Fluid compute, don't put this client in a global environment // variable. Always create a new one on each request. const supabase = createServerClient( process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY!, { cookies: { getAll() { return request.cookies.getAll() }, setAll(cookiesToSet) { cookiesToSet.forEach(({ name, value }) => request.cookies.set(name, value)) supabaseResponse = NextResponse.next({ request, }) cookiesToSet.forEach(({ name, value, options }) => supabaseResponse.cookies.set(name, value, options) ) }, }, } ) // Do not run code between createServerClient and // supabase.auth.getClaims(). A simple mistake could make it very hard to debug // issues with users being randomly logged out. // IMPORTANT: If you remove getClaims() and you use server-side rendering // with the Supabase client, your users may be randomly logged out. const { data } = await supabase.auth.getClaims() const user = data?.claims if ( !user && !request.nextUrl.pathname.startsWith('/login') && !request.nextUrl.pathname.startsWith('/auth') && // the OAuth consent route sends unauthenticated visitors to the login page // itself, so that it can preserve the authorization in the `next` parameter request.nextUrl.pathname !== '/oauth/consent' ) { // no user, potentially respond by redirecting the user to the login page const url = request.nextUrl.clone() url.pathname = '/auth/login' return NextResponse.redirect(url) } // IMPORTANT: You *must* return the supabaseResponse object as it is. // If you're creating a new response object with NextResponse.next() make sure to: // 1. Pass the request in it, like so: // const myNewResponse = NextResponse.next({ request }) // 2. Copy over the cookies, like so: // myNewResponse.cookies.setAll(supabaseResponse.cookies.getAll()) // 3. Change the myNewResponse object to fit your needs, but avoid changing // the cookies! // 4. Finally: // return myNewResponse // If this is not done, you may be causing the browser and server to go out // of sync and terminate the user's session prematurely! return supabaseResponse } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@supabase/ssr@latest",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40supabase%2Fssr","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@supabase/ssr@latest"}]]}]}],["$","li","@supabase/supabase-js@latest",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40supabase%2Fsupabase-js","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@supabase/supabase-js@latest"}]]}]}]]}],["$","$L51",null,{"namespace":"@supabase","registryDependencies":["button","card","input","label","https://supabase.com/library/r/safe-next-path.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/default/blocks/password-based-auth-nextjs/app/auth/login/page.tsx","content":"import { LoginForm } from '@/registry/default/blocks/password-based-auth-nextjs/components/login-form'\n\nexport default function Page() {\n return (\n

\n \n

\n )\n}\n","type":"registry:page","target":"app/auth/login/page.tsx"},{"path":"registry/default/blocks/password-based-auth-nextjs/app/auth/error/page.tsx","content":"import { Card, CardContent, CardHeader, CardTitle } from '@/registry/default/components/ui/card'\n\nexport default async function Page({ searchParams }: { searchParams: Promise<{ error: string }> }) {\n const params = await searchParams\n\n return (\n

\n \n \n \n Sorry, something went wrong.\n \n \n \n {params?.error ? (\n

Code error: {params.error}

\n ) : (\n

An unspecified error occurred.

\n )}\n \n \n

\n )\n}\n","type":"registry:page","target":"app/auth/error/page.tsx"},{"path":"registry/default/blocks/password-based-auth-nextjs/app/protected/page.tsx","content":"import { redirect } from 'next/navigation'\n\nimport { LogoutButton } from '@/registry/default/blocks/password-based-auth-nextjs/components/logout-button'\nimport { createClient } from '@/registry/default/clients/nextjs/lib/supabase/server'\n\nexport default async function ProtectedPage() {\n const supabase = await createClient()\n\n const { data, error } = await supabase.auth.getClaims()\n if (error || !data?.claims) {\n redirect('/auth/login')\n }\n\n return (\n

\n Hello {data.claims.email}\n

\n \n

\n )\n}\n","type":"registry:page","target":"app/protected/page.tsx"},{"path":"registry/default/blocks/password-based-auth-nextjs/app/auth/confirm/route.ts","content":"$53","type":"registry:page","target":"app/auth/confirm/route.ts"},{"path":"registry/default/blocks/password-based-auth-nextjs/components/login-form.tsx","content":"$54","type":"registry:component"},{"path":"registry/default/blocks/password-based-auth-nextjs/middleware.ts","content":"import { type NextRequest } from 'next/server'\n\nimport { updateSession } from '@/registry/default/clients/nextjs/lib/supabase/middleware'\n\nexport async function middleware(request: NextRequest) {\n return await updateSession(request)\n}\n\nexport const config = {\n matcher: [\n /*\n * Match all request paths except:\n * - _next/static (static files)\n * - _next/image (image optimization files)\n * - favicon.ico (favicon file)\n * - images - .svg, .png, .jpg, .jpeg, .gif, .webp\n * Feel free to modify this pattern to include more paths.\n */\n '/((?!_next/static|_next/image|favicon.ico|.*\\\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)',\n ],\n}\n","type":"registry:file","target":"middleware.ts"},{"path":"registry/default/blocks/password-based-auth-nextjs/app/auth/sign-up/page.tsx","content":"import { SignUpForm } from '@/registry/default/blocks/password-based-auth-nextjs/components/sign-up-form'\n\nexport default function Page() {\n return (\n

\n \n

\n )\n}\n","type":"registry:page","target":"app/auth/sign-up/page.tsx"},{"path":"registry/default/blocks/password-based-auth-nextjs/app/auth/sign-up-success/page.tsx","content":"import {\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n} from '@/registry/default/components/ui/card'\n\nexport default function Page() {\n return (\n

\n \n \n \n Thank you for signing up!\n \n Check your email to confirm\n \n \n

\n You've successfully signed up. Please check your email to confirm your account\n before signing in.\n

\n \n \n

\n )\n}\n","type":"registry:page","target":"app/auth/sign-up-success/page.tsx"},{"path":"registry/default/blocks/password-based-auth-nextjs/components/sign-up-form.tsx","content":"$55","type":"registry:component"},{"path":"registry/default/blocks/password-based-auth-nextjs/app/auth/forgot-password/page.tsx","content":"import { ForgotPasswordForm } from '@/registry/default/blocks/password-based-auth-nextjs/components/forgot-password-form'\n\nexport default function Page() {\n return (\n

\n \n

\n )\n}\n","type":"registry:page","target":"app/auth/forgot-password/page.tsx"},{"path":"registry/default/blocks/password-based-auth-nextjs/app/auth/update-password/page.tsx","content":"import { UpdatePasswordForm } from '@/registry/default/blocks/password-based-auth-nextjs/components/update-password-form'\n\nexport default function Page() {\n return (\n

\n \n

\n )\n}\n","type":"registry:page","target":"app/auth/update-password/page.tsx"},{"path":"registry/default/blocks/password-based-auth-nextjs/components/forgot-password-form.tsx","content":"$56","type":"registry:component"},{"path":"registry/default/blocks/password-based-auth-nextjs/components/update-password-form.tsx","content":"$57","type":"registry:component"},{"path":"registry/default/blocks/password-based-auth-nextjs/components/logout-button.tsx","content":"'use client'\n\nimport { useRouter } from 'next/navigation'\n\nimport { createClient } from '@/registry/default/clients/nextjs/lib/supabase/client'\nimport { Button } from '@/registry/default/components/ui/button'\n\nexport function LogoutButton() {\n const router = useRouter()\n\n const logout = async () => {\n const supabase = createClient()\n await supabase.auth.signOut()\n router.push('/auth/login')\n }\n\n return \n}\n","type":"registry:component"},{"path":"registry/default/clients/nextjs/lib/supabase/client.ts","content":"import { createBrowserClient } from '@supabase/ssr'\n\nexport function createClient() {\n return createBrowserClient(\n process.env.NEXT_PUBLIC_SUPABASE_URL!,\n process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY!\n )\n}\n","type":"registry:lib"},{"path":"registry/default/clients/nextjs/lib/supabase/middleware.ts","content":"$58","type":"registry:lib"},{"path":"registry/default/clients/nextjs/lib/supabase/server.ts","content":"import { createServerClient } from '@supabase/ssr'\nimport { cookies } from 'next/headers'\n\n/**\n * If using Fluid compute: Don't put this client in a global variable. Always create a new client within each\n * function when using it.\n */\nexport async function createClient() {\n const cookieStore = await cookies()\n\n return createServerClient(\n process.env.NEXT_PUBLIC_SUPABASE_URL!,\n process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY!,\n {\n cookies: {\n getAll() {\n return cookieStore.getAll()\n },\n setAll(cookiesToSet) {\n try {\n cookiesToSet.forEach(({ name, value, options }) =>\n cookieStore.set(name, value, options)\n )\n } catch {\n // The `setAll` method was called from a Server Component.\n // This can be ignored if you have middleware refreshing\n // user sessions.\n }\n },\n },\n }\n )\n}\n","type":"registry:lib"}],"className":"h-[70svh] min-h-80"}]]}]