export default async function server(request: Request): Promise { const SUPABASE_URL = Deno.env.get("SUPABASE_URL"); const SUPABASE_KEY = Deno.env.get("SUPABASE_KEY"); // If Supabase credentials are missing, render a user-friendly page if (!SUPABASE_URL || !SUPABASE_KEY) { return new Response( ` Setup Required

Setup

To use this Val, fork it and set your Supabase credentials in the Val's environment variables:

Log in to your Supabase account.
Navigate to your project settings and find the API section.
Copy the project's URL and API key.
Setup the Val.town environment variables:

SUPABASE_URL: The base URL of your Supabase project.
SUPABASE_KEY: The anon API key for your Supabase project.

After setting these variables, go back to your Val and reload the page.

`, { headers: { "content-type": "text/html", }, }, ); } const { createClient } = await import("https://esm.sh/@supabase/supabase-js@2"); const supabase = createClient(SUPABASE_URL, SUPABASE_KEY); const url = new URL(request.url); if (url.pathname === "/auth/signup" && request.method === "POST") { const { email, password } = await request.json(); const { data, error } = await supabase.auth.signUp({ email, password }); if (error) { return new Response(JSON.stringify({ error: error.message }), { status: 400, headers: { "Content-Type": "application/json" }, }); } return new Response(JSON.stringify({ user: data.user }), { headers: { "Content-Type": "application/json" } }); } if (url.pathname === "/auth/login" && request.method === "POST") { const { email, password } = await request.json(); const { data, error } = await supabase.auth.signInWithPassword({ email, password }); if (error) { return new Response(JSON.stringify({ error: error.message }), { status: 400, headers: { "Content-Type": "application/json" }, }); } return new Response(JSON.stringify({ user: data.user }), { headers: { "Content-Type": "application/json" } }); } if (url.pathname === "/auth/user") { const { data: { user } } = await supabase.auth.getUser(); return new Response(JSON.stringify({ user }), { headers: { "Content-Type": "application/json" } }); } if (url.pathname === "/auth/logout" && request.method === "POST") { const { error } = await supabase.auth.signOut(); if (error) { return new Response(JSON.stringify({ error: error.message }), { status: 400, headers: { "Content-Type": "application/json" }, }); } return new Response(JSON.stringify({ success: true }), { headers: { "Content-Type": "application/json" } }); } return new Response( ` Supabase Auth Demo

`, { headers: { "content-type": "text/html", }, }, ); } const css = ` body { margin: 0; font-family: system-ui, sans-serif; background-color: #f0f0f0; } .container { max-width: 600px; margin: 40px auto; padding: 20px; background-color: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } h1, h2 { text-align: center; color: #333; } ul, ol { margin: 20px 0; padding: 0 20px; } li { margin-bottom: 10px; } pre { background-color: #f8f8f8; padding: 10px; border-radius: 4px; overflow-x: auto; } a { color: #007bff; text-decoration: none; } a:hover { text-decoration: underline; } `;

SupabaseAuthExample